import type { ReactNode } from "react";
import type { ResponsiveValue } from "./responsiveValue.js";
/**
 * Single source of truth for text style property names and their value types.
 * Both `TextStyles` and `TextVariantStyles` are derived from this interface.
 */
interface TextStyleMap {
    fontFamily: string;
    fontSize: string;
    fontWeight: string | number;
    fontStyle: string;
    lineHeight: string | number;
    letterSpacing: string;
    textDecoration: string;
    textTransform: string;
    color: string;
    bottomSpacing: string;
}
/** Base text styles where each property holds a plain value. */
export type TextStyles = {
    [K in keyof TextStyleMap]?: TextStyleMap[K];
};
/** Variant text styles where each property supports responsive values. */
export type TextVariantStyles = {
    [K in keyof TextStyleMap]?: ResponsiveValue<TextStyleMap[K]>;
};
/**
 * Defines the variants available on the `MjmlText` component.
 *
 * ```ts
 * declare module "@dextinity/mail-react" {
 *     interface TextVariants {
 *         heading: true;
 *         body: true;
 *     }
 * }
 * ```
 */
export interface TextVariants {
}
type VariantsRecord = keyof TextVariants extends never ? Record<string, TextVariantStyles> : {
    [K in keyof TextVariants]?: TextVariantStyles;
};
export type VariantName = keyof TextVariants extends never ? string : keyof TextVariants;
/** Theme configuration for text styles, variants, and default variant. */
export interface ThemeText extends TextStyles {
    defaultVariant?: VariantName;
    variants?: VariantsRecord;
}
/** The position of the item a marker belongs to. */
export interface ListMarkerOptions {
    /** The item's position in its own list, counting from zero. */
    index: number;
    /** The nesting level of the item's list, zero when it is not nested. */
    depth: number;
}
/**
 * A list item's marker content: a fixed node, or a function of the item's position.
 * Use plain HTML elements, not MJML components.
 */
export type ListMarker = ReactNode | ((options: ListMarkerOptions) => ReactNode);
/** Spacing tokens in pixels and marker content, applying to lists the RichText block renders. */
export interface ThemeList {
    /** The space before the marker, measured from the list's left edge. */
    indent: ResponsiveValue;
    /** The space between the marker and the item's text. */
    markerGap: ResponsiveValue;
    /** The space between items. The space below the last one comes from the text variant's `bottomSpacing`. */
    itemSpacing: ResponsiveValue;
    /** The marker of every item of an unordered list. */
    unorderedMarker: ListMarker;
    /** The marker of every item of an ordered list. */
    orderedMarker: ListMarker;
}
/**
 * Single source of truth for divider style property names and their value types.
 * Both `DividerStyles` and `DividerVariantStyles` are derived from this interface.
 */
interface DividerStyleMap {
    height: number;
    backgroundColor: string;
    backgroundImage: string;
}
/** Base divider styles where each property holds a plain value. */
export type DividerStyles = {
    [K in keyof DividerStyleMap]?: DividerStyleMap[K];
};
/** Variant divider styles where each property supports responsive values. */
export type DividerVariantStyles = {
    [K in keyof DividerStyleMap]?: ResponsiveValue<DividerStyleMap[K]>;
};
/**
 * Defines the variants available on the `MjmlDivider` and `HtmlDivider` components.
 *
 * ```ts
 * declare module "@dextinity/mail-react" {
 *     interface DividerVariants {
 *         thin: true;
 *         thick: true;
 *     }
 * }
 * ```
 */
export interface DividerVariants {
}
type DividerVariantsRecord = keyof DividerVariants extends never ? Record<string, DividerVariantStyles> : {
    [K in keyof DividerVariants]?: DividerVariantStyles;
};
export type DividerVariantName = keyof DividerVariants extends never ? string : keyof DividerVariants;
/** Theme configuration for divider styles, variants, and default variant. */
export interface ThemeDivider extends DividerStyles {
    defaultVariant?: DividerVariantName;
    variants?: DividerVariantsRecord;
}
/**
 * Single source of truth for button style property names and their value types.
 * Both `ButtonStyles` and `ButtonVariantStyles` are derived from this interface.
 *
 * `padding` is the button's inner padding (the space around the label). It is
 * deliberately distinct from `MjmlButton`'s `padding` prop, which is the outer
 * spacing around the button.
 */
interface ButtonStyleMap {
    color: string;
    backgroundColor: string;
    /**
     * A background image — typically a gradient. Rendered as progressive
     * enhancement on top of `backgroundColor`; clients that don't render it
     * (notably Outlook) fall back to the solid color.
     */
    backgroundImage: string;
    border: string;
    borderRadius: string;
    fontFamily: string;
    fontSize: string;
    fontWeight: string | number;
    lineHeight: string | number;
    padding: string;
}
/** Base button styles where each property holds a plain value. */
export type ButtonStyles = {
    [K in keyof ButtonStyleMap]?: ButtonStyleMap[K];
};
/** Variant button styles where each property supports responsive values. */
export type ButtonVariantStyles = {
    [K in keyof ButtonStyleMap]?: ResponsiveValue<ButtonStyleMap[K]>;
};
/**
 * Defines the variants available on the `MjmlButton` and `HtmlButton` components.
 *
 * ```ts
 * declare module "@dextinity/mail-react" {
 *     interface ButtonVariants {
 *         primary: true;
 *         secondary: true;
 *     }
 * }
 * ```
 */
export interface ButtonVariants {
}
type ButtonVariantsRecord = keyof ButtonVariants extends never ? Record<string, ButtonVariantStyles> : {
    [K in keyof ButtonVariants]?: ButtonVariantStyles;
};
export type ButtonVariantName = keyof ButtonVariants extends never ? string : keyof ButtonVariants;
/** Theme configuration for button styles, variants, and default variant. */
export interface ThemeButton extends ButtonStyles {
    defaultVariant?: ButtonVariantName;
    variants?: ButtonVariantsRecord;
}
/**
 * A resolved breakpoint with its numeric value and a ready-to-use media query
 * string that targets viewports narrower than this breakpoint.
 */
export interface ThemeBreakpoint {
    /** The breakpoint width in pixels. */
    value: number;
    /** A CSS media query matching viewports below this breakpoint, e.g. `"@media (max-width: 599px)"`. */
    belowMediaQuery: string;
}
/**
 * Responsive breakpoints used by the email layout.
 *
 * The `default` breakpoint typically matches the body width, while `mobile`
 * defines the narrow viewport threshold.
 */
export interface ThemeBreakpoints {
    /** The default breakpoint, usually equal to `sizes.bodyWidth`. */
    default: ThemeBreakpoint;
    /**
     * The mobile breakpoint — the viewport width below which the layout is
     * considered "mobile".
     *
     * When used with `MjmlMailRoot`, this value also controls the MJML
     * responsive breakpoint (`<mj-breakpoint>`), which determines the viewport
     * width at which columns stack vertically.
     */
    mobile: ThemeBreakpoint;
}
/** Numeric size tokens for the email layout. */
export interface ThemeSizes {
    /** The width of the email body in pixels. */
    bodyWidth: number;
    /** Content indentation (left/right padding) in pixels, supporting per-breakpoint values. */
    contentIndentation: ResponsiveValue;
}
/** Background color tokens for usage through the email layout. */
export interface ThemeBackgroundColors {
    body: string;
    content: string;
}
/** Color tokens for usage through the email layout. */
export interface ThemeColors {
    background: ThemeBackgroundColors;
}
/**
 * The root theme object that holds all design tokens for `@dextinity/mail-react`.
 *
 * Every sub-interface is declared as an `interface` so consumers can
 * extend the theme at any level via TypeScript module augmentation.
 */
export interface Theme {
    sizes: ThemeSizes;
    breakpoints: ThemeBreakpoints;
    text: ThemeText;
    list: ThemeList;
    divider: ThemeDivider;
    button: ThemeButton;
    colors: ThemeColors;
}
export {};