import "@chakra-ui/react";
import { Theme as ChakraTheme } from "@chakra-ui/react";
import type { PaletteProps } from "./tokens/types";
/**
 * The Chakra-bound theme shape used across components (`useCustomTheme()` returns this).
 *
 * The `colors` shape is the pure `PaletteProps` from `tokens/types` — it used to be a
 * hand-duplicated copy of the same structure, which drifted from the palettes it described.
 * Import path is kept stable: ~20 components import `CustomThemeProps` from here.
 */
export type CustomThemeProps = {
    colors: PaletteProps;
    fonts: ChakraTheme["fonts"] & {
        body: string;
        heading: string;
        mono: string;
    };
    fontSizes: {
        "xs-minus": string;
        xs: string;
        "xs-plus": string;
        sm: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        "3xl": string;
        "4xl": string;
        "5xl": string;
        "6xl": string;
        "7xl": string;
        "8xl": string;
        "9xl": string;
    };
    fontWeights: {
        hairline: number;
        thin: number;
        light: number;
        normal: number;
        medium: number;
        semibold: number;
        bold: number;
        extrabold: number;
        black: number;
    };
    lineHeights: {
        normal: string;
        none: number;
        shorter: number;
        short: number;
        base: number;
        tall: number;
        taller: string;
        [key: string]: string | number;
    };
    letterSpacings: {
        tighter: string;
        tight: string;
        normal: string;
        wide: string;
        wider: string;
        widest: string;
    };
    space: {
        [key: string]: string;
    };
    sizes: {
        [key: string]: string | number | Record<string, string | number>;
    };
    breakpoints: {
        sm: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
    };
    shadows: {
        xs: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        outline: string;
        inner: string;
        none: string;
        darkLg: string;
        card: string;
        float: string;
        dialog: string;
        sheet: string;
    };
    radii: ChakraTheme["radii"] & {
        none: string;
        sm: string;
        base: string;
        md: string;
        lg: string;
        xl: string;
        "2xl": string;
        "3xl": string;
        full: string;
    };
    zIndices: ChakraTheme["zIndices"] & {
        hide: number;
        auto: string;
        base: number;
        docked: number;
        dropdown: number;
        sticky: number;
        banner: number;
        overlay: number;
        modal: number;
        popover: number;
        popoverNested: number;
        skipLink: number;
        toast: number;
        tooltip: number;
    };
    config: {
        cssVarPrefix: string;
    };
};
export type { PaletteProps, ColorScale, BrandScale, OpacityScale, SemanticColors, NamedSurfaces, BoxShadowTokens, ThemeName, ColorMode, ResolvedColorMode, } from "./tokens/types";