@antdv-next/cssinjs 0.0.2 → 0.0.3

package/es/Cache.d.ts

@@ -0,0 +1,20 @@
+export type KeyType = string | number;
+type ValueType = [number, any];
+/** Connect key with `SPLIT` */
+export declare function pathKey(keys: KeyType[]): string;
+declare class Entity {
+    instanceId: string;
+    constructor(instanceId: string);
+    /**
+     * @private
+     * Internal cache map. Do not access this directly
+     */
+    cache: Map<string, ValueType>;
+    get(keys: KeyType[]): ValueType | null;
+    /** A fast get cache with `get` concat. */
+    opGet(keyPathStr: string): ValueType | null;
+    update(keys: KeyType[], valueFn: (origin: ValueType | null) => ValueType | null): void;
+    /** A fast get cache with `get` concat. */
+    opUpdate(keyPathStr: string, valueFn: (origin: ValueType | null) => ValueType | null): void;
+}
+export default Entity;

package/es/Keyframes.d.ts

@@ -0,0 +1,9 @@
+import { CSSInterpolation } from './hooks/useStyleRegister';
+declare class Keyframe {
+    private readonly name;
+    style: CSSInterpolation;
+    constructor(name: string, style: CSSInterpolation);
+    getName(hashId?: string): string;
+    _keyframe: boolean;
+}
+export default Keyframe;

package/es/StyleContext.d.ts

@@ -0,0 +1,40 @@
+import { ComputedRef } from 'vue';
+import { Linter } from './linters';
+import { Transformer } from './transformers/interface';
+import { default as CacheEntity } from './Cache';
+export declare const ATTR_TOKEN = "data-token-hash";
+export declare const ATTR_MARK = "data-css-hash";
+export declare const ATTR_CACHE_PATH = "data-cache-path";
+export declare const CSS_IN_JS_INSTANCE = "__cssinjs_instance__";
+export declare function createCache(): CacheEntity;
+export type HashPriority = 'low' | 'high';
+export interface StyleContextProps {
+    autoClear?: boolean;
+    mock?: 'server' | 'client';
+    /**
+     * Only set when you need ssr to extract style on you own.
+     * If not provided, it will auto create <style /> on the end of Provider in server side.
+     */
+    cache: CacheEntity;
+    /** Tell children that this context is default generated context */
+    defaultCache: boolean;
+    /** Use `:where` selector to reduce hashId css selector priority */
+    hashPriority?: HashPriority;
+    /** Tell cssinjs where to inject style in */
+    container?: Element | ShadowRoot;
+    /** Component wil render inline  `<style />` for fallback in SSR. Not recommend. */
+    ssrInline?: boolean;
+    /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
+    transformers?: Transformer[];
+    /**
+     * Linters to lint css before inject in document.
+     * Styles will be linted after transforming.
+     * Please note that `linters` do not support dynamic update.
+     */
+    linters?: Linter[];
+    /** Wrap css in a layer to avoid global style conflict */
+    layer?: boolean;
+}
+export type StyleProviderProps = Partial<StyleContextProps>;
+export declare const StyleProvider: import('vue').DefineSetupFnComponent<Partial<StyleContextProps>, {}, {}, Partial<StyleContextProps> & {}, import('vue').PublicProps>;
+export declare function useStyleContext(): ComputedRef<StyleContextProps>;

package/es/extractStyle.d.ts

@@ -0,0 +1,12 @@
+import { default as Cache } from './Cache';
+declare const ExtractStyleFns: {
+    style: import('./hooks/useGlobalCache').ExtractStyle<[styleStr: string, tokenKey: string, styleId: string, effectStyle: Record<string, string>, clientOnly: boolean | undefined, order: number]>;
+    token: import('./hooks/useGlobalCache').ExtractStyle<[token: any, hashId: string, realToken: any, cssVarStr: string, cssVarKey: string]>;
+    cssVar: import('./hooks/useGlobalCache').ExtractStyle<[cssVarToken: import('./util/css-variables').TokenWithCSSVar<any, Record<string, any>>, cssVarStr: string, styleId: string, cssVarKey: string]>;
+};
+type ExtractStyleType = keyof typeof ExtractStyleFns;
+export default function extractStyle(cache: Cache, options?: boolean | {
+    plain?: boolean;
+    types?: ExtractStyleType | ExtractStyleType[];
+}): string;
+export {};

package/es/hooks/useCSSVarRegister.d.ts

@@ -0,0 +1,21 @@
+import { MaybeRef } from 'vue';
+import { TokenWithCSSVar } from '../util/css-variables';
+import { ExtractStyle } from './useGlobalCache';
+export declare const CSS_VAR_PREFIX = "cssVar";
+type CSSVarCacheValue<V, T extends Record<string, V> = Record<string, V>> = [
+    cssVarToken: TokenWithCSSVar<V, T>,
+    cssVarStr: string,
+    styleId: string,
+    cssVarKey: string
+];
+declare function useCSSVarRegister<V, T extends Record<string, V>>(config: MaybeRef<{
+    path: string[];
+    key: string;
+    prefix?: string;
+    unitless?: Record<string, boolean>;
+    ignore?: Record<string, boolean>;
+    scope?: string;
+    token: any;
+}>, fn: MaybeRef<() => T>): import('vue').ComputedRef<CSSVarCacheValue<V, T>>;
+export declare const extract: ExtractStyle<CSSVarCacheValue<any>>;
+export default useCSSVarRegister;

package/es/hooks/useCacheToken.d.ts

@@ -0,0 +1,69 @@
+import { ComputedRef, MaybeRef } from 'vue';
+import { default as Theme } from '../theme/Theme';
+import { ExtractStyle } from './useGlobalCache';
+export interface Option<DerivativeToken, DesignToken> {
+    /**
+     * Generate token with salt.
+     * This is used to generate different hashId even same derivative token for different version.
+     */
+    salt?: string;
+    override?: object;
+    /**
+     * Format token as you need. Such as:
+     *
+     * - rename token
+     * - merge token
+     * - delete token
+     *
+     * This should always be the same since it's one time process.
+     * It's ok to useMemo outside but this has better cache strategy.
+     */
+    formatToken?: (mergedToken: any) => DerivativeToken;
+    /**
+     * Get final token with origin token, override token and theme.
+     * The parameters do not contain formatToken since it's passed by user.
+     * @param origin The original token.
+     * @param override Extra tokens to override.
+     * @param theme Theme instance. Could get derivative token by `theme.getDerivativeToken`
+     */
+    getComputedToken?: (origin: DesignToken, override: object, theme: Theme<any, any>) => DerivativeToken;
+    /**
+     * Transform token to css variables.
+     */
+    cssVar?: {
+        /** Prefix for css variables */
+        prefix?: string;
+        /** Tokens that should not be appended with unit */
+        unitless?: Record<string, boolean>;
+        /** Tokens that should not be transformed to css variables */
+        ignore?: Record<string, boolean>;
+        /** Tokens that preserves origin value */
+        preserve?: Record<string, boolean>;
+        /** Key for current theme. Useful for customizing and should be unique */
+        key?: string;
+    };
+}
+export declare function getComputedToken<DerivativeToken = object, DesignToken = DerivativeToken>(originToken: DesignToken, overrideToken: object, theme: Theme<any, any>, format?: (token: DesignToken) => DerivativeToken): any;
+export declare const TOKEN_PREFIX = "token";
+type TokenCacheValue<DerivativeToken> = [
+    token: DerivativeToken & {
+        _tokenKey: string;
+        _themeKey: string;
+    },
+    hashId: string,
+    realToken: DerivativeToken & {
+        _tokenKey: string;
+    },
+    cssVarStr: string,
+    cssVarKey: string
+];
+/**
+ * Cache theme derivative token as global shared one
+ * @param theme Theme entity
+ * @param tokens List of tokens, used for cache. Please do not dynamic generate object directly
+ * @param option Additional config
+ * @returns Call Theme.getDerivativeToken(tokenObject) to get token
+ */
+export default function useCacheToken<DerivativeToken = object, DesignToken = DerivativeToken>(theme: MaybeRef<Theme<any, any>>, tokens: MaybeRef<Partial<DesignToken>[]>, option?: MaybeRef<Option<DerivativeToken, DesignToken>>): ComputedRef<TokenCacheValue<DerivativeToken>>;
+export declare const extract: ExtractStyle<TokenCacheValue<any>>;
+export {};

package/es/hooks/useEffectCleanupRegister.d.ts

@@ -0,0 +1,2 @@
+declare function useRun(): (fn: () => void) => void;
+export default useRun;

package/es/hooks/useGlobalCache.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef } from 'vue';
+import { MaybeRef } from '../interface.ts';
+import { KeyType } from '../Cache';
+export type ExtractStyle<CacheValue> = (cache: CacheValue, effectStyles: Record<string, boolean>, options?: {
+    plain?: boolean;
+}) => [order: number, styleId: string, style: string] | null;
+export default function useGlobalCache<CacheType>(prefix: MaybeRef<string>, keyPath: MaybeRef<KeyType[]>, cacheFn: () => CacheType, onCacheRemove?: (cache: CacheType, fromHMR: boolean) => void, onCacheEffect?: (cachedValue: CacheType) => void): ComputedRef<CacheType>;

package/es/hooks/useHMR.d.ts

@@ -0,0 +1,3 @@
+declare function useProdHMR(): boolean;
+declare const _default: typeof useProdHMR;
+export default _default;

package/es/hooks/useStyleRegister.d.ts

@@ -0,0 +1,81 @@
+import { VueNode } from '@v-c/util/dist/type';
+import { MaybeRef } from 'vue';
+import { Theme, Transformer } from '..';
+import { default as Keyframes } from '../Keyframes';
+import { Linter } from '../linters';
+import { HashPriority } from '../StyleContext';
+import { ExtractStyle } from './useGlobalCache';
+import type * as CSS from 'csstype';
+declare const SKIP_CHECK = "_skip_check_";
+declare const MULTI_VALUE = "_multi_value_";
+export interface LayerConfig {
+    name: string;
+    dependencies?: string[];
+}
+export type CSSProperties = Omit<CSS.PropertiesFallback<number | string>, 'animationName'> & {
+    animationName?: CSS.PropertiesFallback<number | string>['animationName'] | Keyframes;
+};
+export type CSSPropertiesWithMultiValues = {
+    [K in keyof CSSProperties]: CSSProperties[K] | readonly Extract<CSSProperties[K], string>[] | {
+        [SKIP_CHECK]?: boolean;
+        [MULTI_VALUE]?: boolean;
+        value: CSSProperties[K] | CSSProperties[K][];
+    };
+};
+export type CSSPseudos = {
+    [K in CSS.Pseudos]?: CSSObject;
+};
+type ArrayCSSInterpolation = readonly CSSInterpolation[];
+export type InterpolationPrimitive = null | undefined | boolean | number | string | CSSObject;
+export type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation | Keyframes;
+export type CSSOthersObject = Record<string, CSSInterpolation>;
+export interface CSSObject extends CSSPropertiesWithMultiValues, CSSPseudos, CSSOthersObject {
+}
+export declare function normalizeStyle(styleStr: string): string;
+export interface ParseConfig {
+    hashId?: string;
+    hashPriority?: HashPriority;
+    layer?: LayerConfig;
+    path?: string;
+    transformers?: Transformer[];
+    linters?: Linter[];
+}
+export interface ParseInfo {
+    root?: boolean;
+    injectHash?: boolean;
+    parentSelectors: string[];
+}
+export declare function parseStyle(interpolation: CSSInterpolation, config?: ParseConfig, { root, injectHash, parentSelectors }?: ParseInfo): [
+    parsedStr: string,
+    effectStyle: Record<string, string>
+];
+export declare function uniqueHash(path: (string | number)[], styleStr: string): string;
+export declare const STYLE_PREFIX = "style";
+type StyleCacheValue = [
+    styleStr: string,
+    tokenKey: string,
+    styleId: string,
+    effectStyle: Record<string, string>,
+    clientOnly: boolean | undefined,
+    order: number
+];
+/**
+ * Register a style to the global style sheet.
+ */
+export default function useStyleRegister(info: MaybeRef<{
+    theme: Theme<any, any>;
+    token: any;
+    path: string[];
+    hashId?: string;
+    layer?: LayerConfig;
+    nonce?: string | (() => string);
+    clientOnly?: boolean;
+    /**
+     * Tell cssinjs the insert order of style.
+     * It's useful when you need to insert style
+     * before other style to overwrite for the same selector priority.
+     */
+    order?: number;
+}>, styleFn: MaybeRef<() => CSSInterpolation>): (node: VueNode) => any;
+export declare const extract: ExtractStyle<StyleCacheValue>;
+export {};

package/es/index.d.ts

@@ -0,0 +1,18 @@
+import { CSSInterpolation, CSSObject, default as useStyleRegister } from './hooks/useStyleRegister';
+import { Linter, legacyNotSelectorLinter, logicalPropertiesLinter, NaNLinter, parentSelectorLinter } from './linters';
+import { StyleProviderProps, createCache, StyleProvider } from './StyleContext';
+import { AbstractCalculator, DerivativeFunc, TokenType, createTheme, genCalc, Theme } from './theme';
+import { Transformer } from './transformers/interface';
+import { default as extractStyle } from './extractStyle';
+import { default as useCacheToken, getComputedToken } from './hooks/useCacheToken';
+import { default as useCSSVarRegister } from './hooks/useCSSVarRegister';
+import { default as Keyframes } from './Keyframes';
+import { default as legacyLogicalPropertiesTransformer } from './transformers/legacyLogicalProperties';
+import { default as px2remTransformer } from './transformers/px2rem';
+import { unit } from './util';
+import { token2CSSVar } from './util/css-variables';
+export { createCache, createTheme, extractStyle, genCalc, getComputedToken, Keyframes, legacyLogicalPropertiesTransformer, legacyNotSelectorLinter, logicalPropertiesLinter, NaNLinter, parentSelectorLinter, px2remTransformer, StyleProvider, Theme, token2CSSVar, unit, useCacheToken, useCSSVarRegister, useStyleRegister, };
+export type { AbstractCalculator, CSSInterpolation, CSSObject, DerivativeFunc, Linter, StyleProviderProps, TokenType, Transformer, };
+export declare const _experimental: {
+    supportModernCSS: () => boolean;
+};

package/es/interface.d.ts

@@ -0,0 +1,2 @@
+import { MaybeRef } from 'vue';
+export type { MaybeRef, };

package/es/linters/NaNLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/es/linters/contentQuotesLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/es/linters/hashedAnimationLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/es/linters/index.d.ts

@@ -0,0 +1,7 @@
+export { default as contentQuotesLinter } from './contentQuotesLinter';
+export { default as hashedAnimationLinter } from './hashedAnimationLinter';
+export type { Linter } from './interface';
+export { default as legacyNotSelectorLinter } from './legacyNotSelectorLinter';
+export { default as logicalPropertiesLinter } from './logicalPropertiesLinter';
+export { default as NaNLinter } from './NaNLinter';
+export { default as parentSelectorLinter } from './parentSelectorLinter';

package/es/linters/interface.d.ts

@@ -0,0 +1,8 @@
+export interface LinterInfo {
+    path?: string;
+    hashId?: string;
+    parentSelectors: string[];
+}
+export interface Linter {
+    (key: string, value: string | number, info: LinterInfo): void;
+}

package/es/linters/legacyNotSelectorLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/es/linters/logicalPropertiesLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/es/linters/parentSelectorLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/es/linters/utils.d.ts

@@ -0,0 +1,2 @@
+import { LinterInfo } from './interface';
+export declare function lintWarning(message: string, info: LinterInfo): void;

package/es/theme/Theme.d.ts

@@ -0,0 +1,11 @@
+import { DerivativeFunc, TokenType } from './interface';
+/**
+ * Theme with algorithms to derive tokens from design tokens.
+ * Use `createTheme` first which will help to manage the theme instance cache.
+ */
+export default class Theme<DesignToken extends TokenType, DerivativeToken extends TokenType> {
+    private derivatives;
+    readonly id: number;
+    constructor(derivatives: DerivativeFunc<DesignToken, DerivativeToken> | DerivativeFunc<DesignToken, DerivativeToken>[]);
+    getDerivativeToken(token: DesignToken): DerivativeToken;
+}

package/es/theme/ThemeCache.d.ts

@@ -0,0 +1,20 @@
+import { DerivativeFunc } from './interface';
+import { default as Theme } from './Theme';
+type DerivativeOptions = DerivativeFunc<any, any>[];
+export declare function sameDerivativeOption(left: DerivativeOptions, right: DerivativeOptions): boolean;
+export default class ThemeCache {
+    static MAX_CACHE_SIZE: number;
+    static MAX_CACHE_OFFSET: number;
+    private readonly cache;
+    private keys;
+    private cacheCallTimes;
+    constructor();
+    size(): number;
+    private internalGet;
+    get(derivativeOption: DerivativeOptions): Theme<any, any> | undefined;
+    has(derivativeOption: DerivativeOptions): boolean;
+    set(derivativeOption: DerivativeOptions, value: Theme<any, any>): void;
+    private deleteByPath;
+    delete(derivativeOption: DerivativeOptions): Theme<any, any> | undefined;
+}
+export {};

package/es/theme/calc/CSSCalculator.d.ts

@@ -0,0 +1,15 @@
+import { default as AbstractCalculator } from './calculator';
+export default class CSSCalculator extends AbstractCalculator {
+    result: string;
+    unitlessCssVar: Set<string>;
+    lowPriority?: boolean;
+    constructor(num: number | string | AbstractCalculator, unitlessCssVar: Set<string>);
+    add(num: number | string | AbstractCalculator): this;
+    sub(num: number | string | AbstractCalculator): this;
+    mul(num: number | string | AbstractCalculator): this;
+    div(num: number | string | AbstractCalculator): this;
+    getResult(force?: boolean): string;
+    equal(options?: {
+        unit?: boolean;
+    }): string;
+}

package/es/theme/calc/NumCalculator.d.ts

@@ -0,0 +1,10 @@
+import { default as AbstractCalculator } from './calculator';
+export default class NumCalculator extends AbstractCalculator {
+    result: number;
+    constructor(num: number | string | AbstractCalculator);
+    add(num: number | string | AbstractCalculator): this;
+    sub(num: number | string | AbstractCalculator): this;
+    mul(num: number | string | AbstractCalculator): this;
+    div(num: number | string | AbstractCalculator): this;
+    equal(): number;
+}

package/es/theme/calc/calculator.d.ts

@@ -0,0 +1,30 @@
+declare abstract class AbstractCalculator {
+    /**
+     * @descCN 计算两数的和，例如：1 + 2
+     * @descEN Calculate the sum of two numbers, e.g. 1 + 2
+     */
+    abstract add(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 计算两数的差，例如：1 - 2
+     * @descEN Calculate the difference between two numbers, e.g. 1 - 2
+     */
+    abstract sub(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 计算两数的积，例如：1 * 2
+     * @descEN Calculate the product of two numbers, e.g. 1 * 2
+     */
+    abstract mul(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 计算两数的商，例如：1 / 2
+     * @descEN Calculate the quotient of two numbers, e.g. 1 / 2
+     */
+    abstract div(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 获取计算结果
+     * @descEN Get the calculation result
+     */
+    abstract equal(options?: {
+        unit?: boolean;
+    }): string | number;
+}
+export default AbstractCalculator;

package/es/theme/calc/index.d.ts

@@ -0,0 +1,5 @@
+import { default as AbstractCalculator } from './calculator';
+import { default as CSSCalculator } from './CSSCalculator';
+import { default as NumCalculator } from './NumCalculator';
+declare function genCalc(type: 'css' | 'js', unitlessCssVar: Set<string>): (num: number | string | AbstractCalculator) => CSSCalculator | NumCalculator;
+export default genCalc;

package/es/theme/createTheme.d.ts

@@ -0,0 +1,6 @@
+import { DerivativeFunc, TokenType } from './interface';
+import { default as Theme } from './Theme';
+/**
+ * Same as new Theme, but will always return same one if `derivative` not changed.
+ */
+export default function createTheme<DesignToken extends TokenType, DerivativeToken extends TokenType>(derivatives: DerivativeFunc<DesignToken, DerivativeToken>[] | DerivativeFunc<DesignToken, DerivativeToken>): Theme<any, any>;

package/es/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { default as genCalc } from './calc';
+export type { default as AbstractCalculator } from './calc/calculator';
+export { default as createTheme } from './createTheme';
+export type { DerivativeFunc, TokenType } from './interface';
+export { default as Theme } from './Theme';
+export { default as ThemeCache } from './ThemeCache';

package/es/theme/interface.d.ts

@@ -0,0 +1,2 @@
+export type TokenType = object;
+export type DerivativeFunc<DesignToken extends TokenType, DerivativeToken extends TokenType> = (designToken: DesignToken, derivativeToken?: DerivativeToken) => DerivativeToken;

package/es/transformers/interface.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from '..';
+export interface Transformer {
+    visit?: (cssObj: CSSObject) => CSSObject;
+}

package/es/transformers/legacyLogicalProperties.d.ts

@@ -0,0 +1,12 @@
+import { Transformer } from './interface';
+/**
+ * Convert css logical properties to legacy properties.
+ * Such as: `margin-block-start` to `margin-top`.
+ * Transform list:
+ * - inset
+ * - margin
+ * - padding
+ * - border
+ */
+declare const transform: Transformer;
+export default transform;

package/es/transformers/px2rem.d.ts

@@ -0,0 +1,20 @@
+import { Transformer } from './interface';
+interface Options {
+    /**
+     * The root font size.
+     * @default 16
+     */
+    rootValue?: number;
+    /**
+     * The decimal numbers to allow the REM units to grow to.
+     * @default 5
+     */
+    precision?: number;
+    /**
+     * Whether to allow px to be converted in media queries.
+     * @default false
+     */
+    mediaQuery?: boolean;
+}
+declare function transform(options?: Options): Transformer;
+export default transform;

package/es/util/cacheMapUtil.d.ts

@@ -0,0 +1,14 @@
+export declare const ATTR_CACHE_MAP = "data-ant-cssinjs-cache-path";
+/**
+ * This marks style from the css file.
+ * Which means not exist in `<style />` tag.
+ */
+export declare const CSS_FILE_STYLE = "_FILE_STYLE__";
+export declare function serialize(cachePathMap: Record<string, string>): string;
+/**
+ * @private
+ */
+export declare function reset(mockCache?: Record<string, string>, fromFile?: boolean): void;
+export declare function prepare(): void;
+export declare function existPath(path: string): boolean;
+export declare function getStyleAndHash(path: string): [style: string | null, hash: string];

package/es/util/css-variables.d.ts

@@ -0,0 +1,20 @@
+export declare function token2CSSVar(token: string, prefix?: string): string;
+export declare function serializeCSSVar<T extends Record<string, any>>(cssVars: T, hashId: string, options?: {
+    scope?: string;
+}): string;
+export type TokenWithCSSVar<V, T extends Record<string, V> = Record<string, V>> = {
+    [key in keyof T]?: string | V;
+};
+export declare function transformToken<V, T extends Record<string, V> = Record<string, V>>(token: T, themeKey: string, config?: {
+    prefix?: string;
+    ignore?: {
+        [key in keyof T]?: boolean;
+    };
+    unitless?: {
+        [key in keyof T]?: boolean;
+    };
+    preserve?: {
+        [key in keyof T]?: boolean;
+    };
+    scope?: string;
+}): [TokenWithCSSVar<V, T>, string];

package/es/util/index.d.ts

@@ -0,0 +1,15 @@
+export declare function memoResult<T extends object, R>(callback: () => R, deps: T[]): R;
+/**
+ * Flatten token to string, this will auto cache the result when token not change
+ */
+export declare function flattenToken(token: any, hashed?: boolean): string;
+/**
+ * Convert derivative token to key string
+ */
+export declare function token2key(token: any, salt: string): string;
+export declare function supportLayer(): boolean;
+export declare function supportWhere(): boolean;
+export declare function supportLogicProps(): boolean;
+export declare const isClientSide: boolean;
+export declare function unit(num: string | number): string;
+export declare function toStyleStr(style: string, tokenKey?: string, styleId?: string, customizeAttrs?: Record<string, string>, plain?: boolean): string;

package/lib/Cache.d.ts

@@ -0,0 +1,20 @@
+export type KeyType = string | number;
+type ValueType = [number, any];
+/** Connect key with `SPLIT` */
+export declare function pathKey(keys: KeyType[]): string;
+declare class Entity {
+    instanceId: string;
+    constructor(instanceId: string);
+    /**
+     * @private
+     * Internal cache map. Do not access this directly
+     */
+    cache: Map<string, ValueType>;
+    get(keys: KeyType[]): ValueType | null;
+    /** A fast get cache with `get` concat. */
+    opGet(keyPathStr: string): ValueType | null;
+    update(keys: KeyType[], valueFn: (origin: ValueType | null) => ValueType | null): void;
+    /** A fast get cache with `get` concat. */
+    opUpdate(keyPathStr: string, valueFn: (origin: ValueType | null) => ValueType | null): void;
+}
+export default Entity;

package/lib/Keyframes.d.ts

@@ -0,0 +1,9 @@
+import { CSSInterpolation } from './hooks/useStyleRegister';
+declare class Keyframe {
+    private readonly name;
+    style: CSSInterpolation;
+    constructor(name: string, style: CSSInterpolation);
+    getName(hashId?: string): string;
+    _keyframe: boolean;
+}
+export default Keyframe;

package/lib/StyleContext.d.ts

@@ -0,0 +1,40 @@
+import { ComputedRef } from 'vue';
+import { Linter } from './linters';
+import { Transformer } from './transformers/interface';
+import { default as CacheEntity } from './Cache';
+export declare const ATTR_TOKEN = "data-token-hash";
+export declare const ATTR_MARK = "data-css-hash";
+export declare const ATTR_CACHE_PATH = "data-cache-path";
+export declare const CSS_IN_JS_INSTANCE = "__cssinjs_instance__";
+export declare function createCache(): CacheEntity;
+export type HashPriority = 'low' | 'high';
+export interface StyleContextProps {
+    autoClear?: boolean;
+    mock?: 'server' | 'client';
+    /**
+     * Only set when you need ssr to extract style on you own.
+     * If not provided, it will auto create <style /> on the end of Provider in server side.
+     */
+    cache: CacheEntity;
+    /** Tell children that this context is default generated context */
+    defaultCache: boolean;
+    /** Use `:where` selector to reduce hashId css selector priority */
+    hashPriority?: HashPriority;
+    /** Tell cssinjs where to inject style in */
+    container?: Element | ShadowRoot;
+    /** Component wil render inline  `<style />` for fallback in SSR. Not recommend. */
+    ssrInline?: boolean;
+    /** Transform css before inject in document. Please note that `transformers` do not support dynamic update */
+    transformers?: Transformer[];
+    /**
+     * Linters to lint css before inject in document.
+     * Styles will be linted after transforming.
+     * Please note that `linters` do not support dynamic update.
+     */
+    linters?: Linter[];
+    /** Wrap css in a layer to avoid global style conflict */
+    layer?: boolean;
+}
+export type StyleProviderProps = Partial<StyleContextProps>;
+export declare const StyleProvider: import('vue').DefineSetupFnComponent<Partial<StyleContextProps>, {}, {}, Partial<StyleContextProps> & {}, import('vue').PublicProps>;
+export declare function useStyleContext(): ComputedRef<StyleContextProps>;

package/lib/extractStyle.d.ts

@@ -0,0 +1,12 @@
+import { default as Cache } from './Cache';
+declare const ExtractStyleFns: {
+    style: import('./hooks/useGlobalCache').ExtractStyle<[styleStr: string, tokenKey: string, styleId: string, effectStyle: Record<string, string>, clientOnly: boolean | undefined, order: number]>;
+    token: import('./hooks/useGlobalCache').ExtractStyle<[token: any, hashId: string, realToken: any, cssVarStr: string, cssVarKey: string]>;
+    cssVar: import('./hooks/useGlobalCache').ExtractStyle<[cssVarToken: import('./util/css-variables').TokenWithCSSVar<any, Record<string, any>>, cssVarStr: string, styleId: string, cssVarKey: string]>;
+};
+type ExtractStyleType = keyof typeof ExtractStyleFns;
+export default function extractStyle(cache: Cache, options?: boolean | {
+    plain?: boolean;
+    types?: ExtractStyleType | ExtractStyleType[];
+}): string;
+export {};

package/lib/hooks/useCSSVarRegister.d.ts

@@ -0,0 +1,21 @@
+import { MaybeRef } from 'vue';
+import { TokenWithCSSVar } from '../util/css-variables';
+import { ExtractStyle } from './useGlobalCache';
+export declare const CSS_VAR_PREFIX = "cssVar";
+type CSSVarCacheValue<V, T extends Record<string, V> = Record<string, V>> = [
+    cssVarToken: TokenWithCSSVar<V, T>,
+    cssVarStr: string,
+    styleId: string,
+    cssVarKey: string
+];
+declare function useCSSVarRegister<V, T extends Record<string, V>>(config: MaybeRef<{
+    path: string[];
+    key: string;
+    prefix?: string;
+    unitless?: Record<string, boolean>;
+    ignore?: Record<string, boolean>;
+    scope?: string;
+    token: any;
+}>, fn: MaybeRef<() => T>): import('vue').ComputedRef<CSSVarCacheValue<V, T>>;
+export declare const extract: ExtractStyle<CSSVarCacheValue<any>>;
+export default useCSSVarRegister;

package/lib/hooks/useCacheToken.d.ts

@@ -0,0 +1,69 @@
+import { ComputedRef, MaybeRef } from 'vue';
+import { default as Theme } from '../theme/Theme';
+import { ExtractStyle } from './useGlobalCache';
+export interface Option<DerivativeToken, DesignToken> {
+    /**
+     * Generate token with salt.
+     * This is used to generate different hashId even same derivative token for different version.
+     */
+    salt?: string;
+    override?: object;
+    /**
+     * Format token as you need. Such as:
+     *
+     * - rename token
+     * - merge token
+     * - delete token
+     *
+     * This should always be the same since it's one time process.
+     * It's ok to useMemo outside but this has better cache strategy.
+     */
+    formatToken?: (mergedToken: any) => DerivativeToken;
+    /**
+     * Get final token with origin token, override token and theme.
+     * The parameters do not contain formatToken since it's passed by user.
+     * @param origin The original token.
+     * @param override Extra tokens to override.
+     * @param theme Theme instance. Could get derivative token by `theme.getDerivativeToken`
+     */
+    getComputedToken?: (origin: DesignToken, override: object, theme: Theme<any, any>) => DerivativeToken;
+    /**
+     * Transform token to css variables.
+     */
+    cssVar?: {
+        /** Prefix for css variables */
+        prefix?: string;
+        /** Tokens that should not be appended with unit */
+        unitless?: Record<string, boolean>;
+        /** Tokens that should not be transformed to css variables */
+        ignore?: Record<string, boolean>;
+        /** Tokens that preserves origin value */
+        preserve?: Record<string, boolean>;
+        /** Key for current theme. Useful for customizing and should be unique */
+        key?: string;
+    };
+}
+export declare function getComputedToken<DerivativeToken = object, DesignToken = DerivativeToken>(originToken: DesignToken, overrideToken: object, theme: Theme<any, any>, format?: (token: DesignToken) => DerivativeToken): any;
+export declare const TOKEN_PREFIX = "token";
+type TokenCacheValue<DerivativeToken> = [
+    token: DerivativeToken & {
+        _tokenKey: string;
+        _themeKey: string;
+    },
+    hashId: string,
+    realToken: DerivativeToken & {
+        _tokenKey: string;
+    },
+    cssVarStr: string,
+    cssVarKey: string
+];
+/**
+ * Cache theme derivative token as global shared one
+ * @param theme Theme entity
+ * @param tokens List of tokens, used for cache. Please do not dynamic generate object directly
+ * @param option Additional config
+ * @returns Call Theme.getDerivativeToken(tokenObject) to get token
+ */
+export default function useCacheToken<DerivativeToken = object, DesignToken = DerivativeToken>(theme: MaybeRef<Theme<any, any>>, tokens: MaybeRef<Partial<DesignToken>[]>, option?: MaybeRef<Option<DerivativeToken, DesignToken>>): ComputedRef<TokenCacheValue<DerivativeToken>>;
+export declare const extract: ExtractStyle<TokenCacheValue<any>>;
+export {};

package/lib/hooks/useEffectCleanupRegister.d.ts

@@ -0,0 +1,2 @@
+declare function useRun(): (fn: () => void) => void;
+export default useRun;

package/lib/hooks/useGlobalCache.d.ts

@@ -0,0 +1,7 @@
+import { ComputedRef } from 'vue';
+import { MaybeRef } from '../interface.ts';
+import { KeyType } from '../Cache';
+export type ExtractStyle<CacheValue> = (cache: CacheValue, effectStyles: Record<string, boolean>, options?: {
+    plain?: boolean;
+}) => [order: number, styleId: string, style: string] | null;
+export default function useGlobalCache<CacheType>(prefix: MaybeRef<string>, keyPath: MaybeRef<KeyType[]>, cacheFn: () => CacheType, onCacheRemove?: (cache: CacheType, fromHMR: boolean) => void, onCacheEffect?: (cachedValue: CacheType) => void): ComputedRef<CacheType>;

package/lib/hooks/useHMR.d.ts

@@ -0,0 +1,3 @@
+declare function useProdHMR(): boolean;
+declare const _default: typeof useProdHMR;
+export default _default;

package/lib/hooks/useStyleRegister.d.ts

@@ -0,0 +1,81 @@
+import { VueNode } from '@v-c/util/dist/type';
+import { MaybeRef } from 'vue';
+import { Theme, Transformer } from '..';
+import { default as Keyframes } from '../Keyframes';
+import { Linter } from '../linters';
+import { HashPriority } from '../StyleContext';
+import { ExtractStyle } from './useGlobalCache';
+import type * as CSS from 'csstype';
+declare const SKIP_CHECK = "_skip_check_";
+declare const MULTI_VALUE = "_multi_value_";
+export interface LayerConfig {
+    name: string;
+    dependencies?: string[];
+}
+export type CSSProperties = Omit<CSS.PropertiesFallback<number | string>, 'animationName'> & {
+    animationName?: CSS.PropertiesFallback<number | string>['animationName'] | Keyframes;
+};
+export type CSSPropertiesWithMultiValues = {
+    [K in keyof CSSProperties]: CSSProperties[K] | readonly Extract<CSSProperties[K], string>[] | {
+        [SKIP_CHECK]?: boolean;
+        [MULTI_VALUE]?: boolean;
+        value: CSSProperties[K] | CSSProperties[K][];
+    };
+};
+export type CSSPseudos = {
+    [K in CSS.Pseudos]?: CSSObject;
+};
+type ArrayCSSInterpolation = readonly CSSInterpolation[];
+export type InterpolationPrimitive = null | undefined | boolean | number | string | CSSObject;
+export type CSSInterpolation = InterpolationPrimitive | ArrayCSSInterpolation | Keyframes;
+export type CSSOthersObject = Record<string, CSSInterpolation>;
+export interface CSSObject extends CSSPropertiesWithMultiValues, CSSPseudos, CSSOthersObject {
+}
+export declare function normalizeStyle(styleStr: string): string;
+export interface ParseConfig {
+    hashId?: string;
+    hashPriority?: HashPriority;
+    layer?: LayerConfig;
+    path?: string;
+    transformers?: Transformer[];
+    linters?: Linter[];
+}
+export interface ParseInfo {
+    root?: boolean;
+    injectHash?: boolean;
+    parentSelectors: string[];
+}
+export declare function parseStyle(interpolation: CSSInterpolation, config?: ParseConfig, { root, injectHash, parentSelectors }?: ParseInfo): [
+    parsedStr: string,
+    effectStyle: Record<string, string>
+];
+export declare function uniqueHash(path: (string | number)[], styleStr: string): string;
+export declare const STYLE_PREFIX = "style";
+type StyleCacheValue = [
+    styleStr: string,
+    tokenKey: string,
+    styleId: string,
+    effectStyle: Record<string, string>,
+    clientOnly: boolean | undefined,
+    order: number
+];
+/**
+ * Register a style to the global style sheet.
+ */
+export default function useStyleRegister(info: MaybeRef<{
+    theme: Theme<any, any>;
+    token: any;
+    path: string[];
+    hashId?: string;
+    layer?: LayerConfig;
+    nonce?: string | (() => string);
+    clientOnly?: boolean;
+    /**
+     * Tell cssinjs the insert order of style.
+     * It's useful when you need to insert style
+     * before other style to overwrite for the same selector priority.
+     */
+    order?: number;
+}>, styleFn: MaybeRef<() => CSSInterpolation>): (node: VueNode) => any;
+export declare const extract: ExtractStyle<StyleCacheValue>;
+export {};

package/lib/index.d.ts

@@ -0,0 +1,18 @@
+import { CSSInterpolation, CSSObject, default as useStyleRegister } from './hooks/useStyleRegister';
+import { Linter, legacyNotSelectorLinter, logicalPropertiesLinter, NaNLinter, parentSelectorLinter } from './linters';
+import { StyleProviderProps, createCache, StyleProvider } from './StyleContext';
+import { AbstractCalculator, DerivativeFunc, TokenType, createTheme, genCalc, Theme } from './theme';
+import { Transformer } from './transformers/interface';
+import { default as extractStyle } from './extractStyle';
+import { default as useCacheToken, getComputedToken } from './hooks/useCacheToken';
+import { default as useCSSVarRegister } from './hooks/useCSSVarRegister';
+import { default as Keyframes } from './Keyframes';
+import { default as legacyLogicalPropertiesTransformer } from './transformers/legacyLogicalProperties';
+import { default as px2remTransformer } from './transformers/px2rem';
+import { unit } from './util';
+import { token2CSSVar } from './util/css-variables';
+export { createCache, createTheme, extractStyle, genCalc, getComputedToken, Keyframes, legacyLogicalPropertiesTransformer, legacyNotSelectorLinter, logicalPropertiesLinter, NaNLinter, parentSelectorLinter, px2remTransformer, StyleProvider, Theme, token2CSSVar, unit, useCacheToken, useCSSVarRegister, useStyleRegister, };
+export type { AbstractCalculator, CSSInterpolation, CSSObject, DerivativeFunc, Linter, StyleProviderProps, TokenType, Transformer, };
+export declare const _experimental: {
+    supportModernCSS: () => boolean;
+};

package/lib/interface.d.ts

@@ -0,0 +1,2 @@
+import { MaybeRef } from 'vue';
+export type { MaybeRef, };

package/lib/linters/NaNLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/lib/linters/contentQuotesLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/lib/linters/hashedAnimationLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/lib/linters/index.d.ts

@@ -0,0 +1,7 @@
+export { default as contentQuotesLinter } from './contentQuotesLinter';
+export { default as hashedAnimationLinter } from './hashedAnimationLinter';
+export type { Linter } from './interface';
+export { default as legacyNotSelectorLinter } from './legacyNotSelectorLinter';
+export { default as logicalPropertiesLinter } from './logicalPropertiesLinter';
+export { default as NaNLinter } from './NaNLinter';
+export { default as parentSelectorLinter } from './parentSelectorLinter';

package/lib/linters/interface.d.ts

@@ -0,0 +1,8 @@
+export interface LinterInfo {
+    path?: string;
+    hashId?: string;
+    parentSelectors: string[];
+}
+export interface Linter {
+    (key: string, value: string | number, info: LinterInfo): void;
+}

package/lib/linters/legacyNotSelectorLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/lib/linters/logicalPropertiesLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/lib/linters/parentSelectorLinter.d.ts

@@ -0,0 +1,3 @@
+import { Linter } from './interface';
+declare const linter: Linter;
+export default linter;

package/lib/linters/utils.d.ts

@@ -0,0 +1,2 @@
+import { LinterInfo } from './interface';
+export declare function lintWarning(message: string, info: LinterInfo): void;

package/lib/theme/Theme.d.ts

@@ -0,0 +1,11 @@
+import { DerivativeFunc, TokenType } from './interface';
+/**
+ * Theme with algorithms to derive tokens from design tokens.
+ * Use `createTheme` first which will help to manage the theme instance cache.
+ */
+export default class Theme<DesignToken extends TokenType, DerivativeToken extends TokenType> {
+    private derivatives;
+    readonly id: number;
+    constructor(derivatives: DerivativeFunc<DesignToken, DerivativeToken> | DerivativeFunc<DesignToken, DerivativeToken>[]);
+    getDerivativeToken(token: DesignToken): DerivativeToken;
+}

package/lib/theme/ThemeCache.d.ts

@@ -0,0 +1,20 @@
+import { DerivativeFunc } from './interface';
+import { default as Theme } from './Theme';
+type DerivativeOptions = DerivativeFunc<any, any>[];
+export declare function sameDerivativeOption(left: DerivativeOptions, right: DerivativeOptions): boolean;
+export default class ThemeCache {
+    static MAX_CACHE_SIZE: number;
+    static MAX_CACHE_OFFSET: number;
+    private readonly cache;
+    private keys;
+    private cacheCallTimes;
+    constructor();
+    size(): number;
+    private internalGet;
+    get(derivativeOption: DerivativeOptions): Theme<any, any> | undefined;
+    has(derivativeOption: DerivativeOptions): boolean;
+    set(derivativeOption: DerivativeOptions, value: Theme<any, any>): void;
+    private deleteByPath;
+    delete(derivativeOption: DerivativeOptions): Theme<any, any> | undefined;
+}
+export {};

package/lib/theme/calc/CSSCalculator.d.ts

@@ -0,0 +1,15 @@
+import { default as AbstractCalculator } from './calculator';
+export default class CSSCalculator extends AbstractCalculator {
+    result: string;
+    unitlessCssVar: Set<string>;
+    lowPriority?: boolean;
+    constructor(num: number | string | AbstractCalculator, unitlessCssVar: Set<string>);
+    add(num: number | string | AbstractCalculator): this;
+    sub(num: number | string | AbstractCalculator): this;
+    mul(num: number | string | AbstractCalculator): this;
+    div(num: number | string | AbstractCalculator): this;
+    getResult(force?: boolean): string;
+    equal(options?: {
+        unit?: boolean;
+    }): string;
+}

package/lib/theme/calc/NumCalculator.d.ts

@@ -0,0 +1,10 @@
+import { default as AbstractCalculator } from './calculator';
+export default class NumCalculator extends AbstractCalculator {
+    result: number;
+    constructor(num: number | string | AbstractCalculator);
+    add(num: number | string | AbstractCalculator): this;
+    sub(num: number | string | AbstractCalculator): this;
+    mul(num: number | string | AbstractCalculator): this;
+    div(num: number | string | AbstractCalculator): this;
+    equal(): number;
+}

package/lib/theme/calc/calculator.d.ts

@@ -0,0 +1,30 @@
+declare abstract class AbstractCalculator {
+    /**
+     * @descCN 计算两数的和，例如：1 + 2
+     * @descEN Calculate the sum of two numbers, e.g. 1 + 2
+     */
+    abstract add(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 计算两数的差，例如：1 - 2
+     * @descEN Calculate the difference between two numbers, e.g. 1 - 2
+     */
+    abstract sub(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 计算两数的积，例如：1 * 2
+     * @descEN Calculate the product of two numbers, e.g. 1 * 2
+     */
+    abstract mul(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 计算两数的商，例如：1 / 2
+     * @descEN Calculate the quotient of two numbers, e.g. 1 / 2
+     */
+    abstract div(num: number | string | AbstractCalculator): this;
+    /**
+     * @descCN 获取计算结果
+     * @descEN Get the calculation result
+     */
+    abstract equal(options?: {
+        unit?: boolean;
+    }): string | number;
+}
+export default AbstractCalculator;

package/lib/theme/calc/index.d.ts

@@ -0,0 +1,5 @@
+import { default as AbstractCalculator } from './calculator';
+import { default as CSSCalculator } from './CSSCalculator';
+import { default as NumCalculator } from './NumCalculator';
+declare function genCalc(type: 'css' | 'js', unitlessCssVar: Set<string>): (num: number | string | AbstractCalculator) => CSSCalculator | NumCalculator;
+export default genCalc;

package/lib/theme/createTheme.d.ts

@@ -0,0 +1,6 @@
+import { DerivativeFunc, TokenType } from './interface';
+import { default as Theme } from './Theme';
+/**
+ * Same as new Theme, but will always return same one if `derivative` not changed.
+ */
+export default function createTheme<DesignToken extends TokenType, DerivativeToken extends TokenType>(derivatives: DerivativeFunc<DesignToken, DerivativeToken>[] | DerivativeFunc<DesignToken, DerivativeToken>): Theme<any, any>;

package/lib/theme/index.d.ts

@@ -0,0 +1,6 @@
+export { default as genCalc } from './calc';
+export type { default as AbstractCalculator } from './calc/calculator';
+export { default as createTheme } from './createTheme';
+export type { DerivativeFunc, TokenType } from './interface';
+export { default as Theme } from './Theme';
+export { default as ThemeCache } from './ThemeCache';

package/lib/theme/interface.d.ts

@@ -0,0 +1,2 @@
+export type TokenType = object;
+export type DerivativeFunc<DesignToken extends TokenType, DerivativeToken extends TokenType> = (designToken: DesignToken, derivativeToken?: DerivativeToken) => DerivativeToken;

package/lib/transformers/interface.d.ts

@@ -0,0 +1,4 @@
+import { CSSObject } from '..';
+export interface Transformer {
+    visit?: (cssObj: CSSObject) => CSSObject;
+}

package/lib/transformers/legacyLogicalProperties.d.ts

@@ -0,0 +1,12 @@
+import { Transformer } from './interface';
+/**
+ * Convert css logical properties to legacy properties.
+ * Such as: `margin-block-start` to `margin-top`.
+ * Transform list:
+ * - inset
+ * - margin
+ * - padding
+ * - border
+ */
+declare const transform: Transformer;
+export default transform;

package/lib/transformers/px2rem.d.ts

@@ -0,0 +1,20 @@
+import { Transformer } from './interface';
+interface Options {
+    /**
+     * The root font size.
+     * @default 16
+     */
+    rootValue?: number;
+    /**
+     * The decimal numbers to allow the REM units to grow to.
+     * @default 5
+     */
+    precision?: number;
+    /**
+     * Whether to allow px to be converted in media queries.
+     * @default false
+     */
+    mediaQuery?: boolean;
+}
+declare function transform(options?: Options): Transformer;
+export default transform;

package/lib/util/cacheMapUtil.d.ts

@@ -0,0 +1,14 @@
+export declare const ATTR_CACHE_MAP = "data-ant-cssinjs-cache-path";
+/**
+ * This marks style from the css file.
+ * Which means not exist in `<style />` tag.
+ */
+export declare const CSS_FILE_STYLE = "_FILE_STYLE__";
+export declare function serialize(cachePathMap: Record<string, string>): string;
+/**
+ * @private
+ */
+export declare function reset(mockCache?: Record<string, string>, fromFile?: boolean): void;
+export declare function prepare(): void;
+export declare function existPath(path: string): boolean;
+export declare function getStyleAndHash(path: string): [style: string | null, hash: string];

package/lib/util/css-variables.d.ts

@@ -0,0 +1,20 @@
+export declare function token2CSSVar(token: string, prefix?: string): string;
+export declare function serializeCSSVar<T extends Record<string, any>>(cssVars: T, hashId: string, options?: {
+    scope?: string;
+}): string;
+export type TokenWithCSSVar<V, T extends Record<string, V> = Record<string, V>> = {
+    [key in keyof T]?: string | V;
+};
+export declare function transformToken<V, T extends Record<string, V> = Record<string, V>>(token: T, themeKey: string, config?: {
+    prefix?: string;
+    ignore?: {
+        [key in keyof T]?: boolean;
+    };
+    unitless?: {
+        [key in keyof T]?: boolean;
+    };
+    preserve?: {
+        [key in keyof T]?: boolean;
+    };
+    scope?: string;
+}): [TokenWithCSSVar<V, T>, string];

package/lib/util/index.d.ts

@@ -0,0 +1,15 @@
+export declare function memoResult<T extends object, R>(callback: () => R, deps: T[]): R;
+/**
+ * Flatten token to string, this will auto cache the result when token not change
+ */
+export declare function flattenToken(token: any, hashed?: boolean): string;
+/**
+ * Convert derivative token to key string
+ */
+export declare function token2key(token: any, salt: string): string;
+export declare function supportLayer(): boolean;
+export declare function supportWhere(): boolean;
+export declare function supportLogicProps(): boolean;
+export declare const isClientSide: boolean;
+export declare function unit(num: string | number): string;
+export declare function toStyleStr(style: string, tokenKey?: string, styleId?: string, customizeAttrs?: Record<string, string>, plain?: boolean): string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@antdv-next/cssinjs",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "Component level cssinjs resolution for antdv-next",
   "author": {
     "name": "aibayanyu20",
@@ -81,6 +81,7 @@
     "test:watch": "vitest",
     "coverage": "vitest run --coverage",
     "lint": "eslint . --fix",
-    "release": "bumpp"
+    "release": "bumpp",
+    "prepublish": "pnpm build"
   }
 }