import type { EmotionCache } from '@emotion/css/create-instance';
import type { BaseReturnType, HashPriority } from "../../types";
import { cssVar, CSSVarMap, generateCSSVarMap } from './cssVar';
import { responsive, StaticResponsiveMap } from './responsive';
import type { StaticStylesInput, StaticStyleUtils } from './types';
/**
 * createStaticStyles 的配置选项
 */
export interface CreateStaticStylesOptions {
    /**
     * CSS 变量前缀
     * @default 'ant'
     */
    prefix?: string;
    /**
     * 样式 hash 优先级
     * @default 'high'
     */
    hashPriority?: HashPriority;
    /**
     * 自定义 emotion cache，用于与其他样式共享同一个 cache
     * 如果不提供，将使用默认的全局 cache
     */
    cache?: EmotionCache;
}
/**
 * 工厂函数返回类型
 */
export interface StaticStylesInstance {
    createStaticStyles: <T extends BaseReturnType>(stylesFn: StaticStylesInput<T>) => T;
    cssVar: CSSVarMap;
    responsive: StaticResponsiveMap;
}
/**
 * 创建 createStaticStyles 工厂函数
 *
 * 用于创建带有自定义 prefix 的 createStaticStyles 实例
 *
 * @example
 * ```tsx
 * // 创建自定义 prefix 的实例
 * const { createStaticStyles, cssVar } = createStaticStylesFactory({ prefix: 'my-app' });
 *
 * const styles = createStaticStyles(({ css, cssVar }) => ({
 *   container: css`
 *     background: ${cssVar.colorBgContainer}; // => var(--my-app-color-bg-container)
 *   `
 * }));
 * ```
 */
export declare const createStaticStylesFactory: (options?: CreateStaticStylesOptions) => StaticStylesInstance;
/**
 * 创建静态样式
 *
 * 与 createStyles 不同，createStaticStyles 直接返回样式对象而非 hook。
 * 样式在模块导入时计算一次，组件内直接使用，无需调用 hook。
 *
 * 静态样式使用与 antd-style 默认实例相同的 emotion cache，
 * 因此可以使用从 antd-style 导出的 cx 来正确合并样式。
 *
 * @example
 * ```tsx
 * import { createStaticStyles, cx } from 'antd-style';
 *
 * // 模块级别定义
 * const styles = createStaticStyles(({ css, cssVar }) => ({
 *   container: css`
 *     background: ${cssVar.colorBgContainer};
 *     color: ${cssVar.colorText};
 *   `,
 *   text: css`
 *     color: ${cssVar.colorText};
 *   `,
 *   secondary: css`
 *     font-size: 12px;
 *   `
 * }));
 *
 * // 组件内直接使用
 * const Component = () => {
 *   // 使用 antd-style 导出的 cx 来合并样式
 *   return <div className={cx(styles.text, styles.secondary)}>Hello</div>;
 * };
 * ```
 *
 * @param stylesFn - 样式生成函数
 * @returns 样式对象
 */
export declare const createStaticStyles: <T extends BaseReturnType>(stylesFn: StaticStylesInput<T>) => T;
export { cssVar, generateCSSVarMap, responsive };
export type { CSSVarMap, StaticResponsiveMap, StaticStylesInput, StaticStyleUtils };