@antdv-next/cssinjs 1.0.0 → 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,35 @@
+import { Linter } from "./linters/interface.js";
+import linter$1 from "./linters/legacyNotSelectorLinter.js";
+import linter$2 from "./linters/logicalPropertiesLinter.js";
+import linter from "./linters/NaNLinter.js";
+import { StyleProvider, StyleProviderProps, createCache, provideStyleContext, useStyleContext, useStyleContextProvide } from "./StyleContext.js";
+import AbstractCalculator from "./theme/calc/calculator.js";
+import genCalc from "./theme/calc/index.js";
+import { DerivativeFunc, TokenType } from "./theme/interface.js";
+import Theme from "./theme/Theme.js";
+import createTheme from "./theme/createTheme.js";
+import { Transformer } from "./transformers/interface.js";
+import { token2CSSVar } from "./util/css-variables.js";
+import useCSSVarRegister from "./hooks/useCSSVarRegister.js";
+import extractStyle from "./extractStyle.js";
+import useCacheToken, { getComputedToken } from "./hooks/useCacheToken.js";
+import { collectStyleText, setStyleCollector } from "./ssr/styleCollector.js";
+import transform from "./transformers/autoPrefix.js";
+import transform$1 from "./transformers/legacyLogicalProperties.js";
+import transform$2 from "./transformers/px2rem.js";
+import { unit } from "./util/index.js";
+import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./cssinjs-utils/interface/components.js";
+import genStyleUtils, { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls } from "./cssinjs-utils/util/genStyleUtils.js";
+import statisticToken, { merge, statistic } from "./cssinjs-utils/util/statistic.js";
+import "./cssinjs-utils/index.js";
+import linter$3 from "./linters/parentSelectorLinter.js";
+import "./linters/index.js";
+import useStyleRegister, { CSSInterpolation, CSSObject } from "./hooks/useStyleRegister.js";
+import Keyframe from "./Keyframes.js";
+
+//#region src/index.d.ts
+declare const _experimental: {
+  supportModernCSS: () => boolean;
+};
+//#endregion
+export { type AbstractCalculator, type CSSInterpolation, type CSSObject, CSSUtil, CSSVarRegisterProps, ComponentToken, ComponentTokenKey, type DerivativeFunc, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, GlobalToken, GlobalTokenWithComponent, Keyframe as Keyframes, type Linter, linter as NaNLinter, OverrideTokenMap, StyleInfo, StyleProvider, type StyleProviderProps, SubStyleComponentProps, Theme, TokenMap, TokenMapKey, type TokenType, TokenWithCommonCls, type Transformer, _experimental, transform as autoPrefixTransformer, collectStyleText, createCache, createTheme, extractStyle, genCalc, genStyleUtils, getComputedToken, transform$1 as legacyLogicalPropertiesTransformer, linter$1 as legacyNotSelectorLinter, linter$2 as logicalPropertiesLinter, merge as mergeToken, linter$3 as parentSelectorLinter, provideStyleContext, transform$2 as px2remTransformer, setStyleCollector, statistic, statisticToken, token2CSSVar, unit, useCSSVarRegister, useCacheToken, useStyleContext, useStyleContextProvide, useStyleRegister };

package/dist/{index.mjs → index.js}

@@ -1,27 +1,27 @@
-import { collectStyleText, setStyleCollector } from "./ssr/styleCollector.mjs";
-import autoPrefix_default from "./transformers/autoPrefix.mjs";
-import { StyleProvider, createCache, provideStyleContext, useStyleContext, useStyleContextProvide } from "./StyleContext.mjs";
-import calc_default from "./theme/calc/index.mjs";
-import Theme from "./theme/Theme.mjs";
-import createTheme from "./theme/createTheme.mjs";
-import "./theme/index.mjs";
-import { token2CSSVar } from "./util/css-variables.mjs";
-import { supportLogicProps, supportWhere, unit } from "./util/index.mjs";
-import useCacheToken, { getComputedToken } from "./hooks/useCacheToken.mjs";
-import legacyNotSelectorLinter_default from "./linters/legacyNotSelectorLinter.mjs";
-import logicalPropertiesLinter_default from "./linters/logicalPropertiesLinter.mjs";
-import NaNLinter_default from "./linters/NaNLinter.mjs";
-import parentSelectorLinter_default from "./linters/parentSelectorLinter.mjs";
-import "./linters/index.mjs";
-import useStyleRegister from "./hooks/useStyleRegister.mjs";
-import useCSSVarRegister from "./hooks/useCSSVarRegister.mjs";
-import extractStyle from "./extractStyle.mjs";
-import Keyframes_default from "./Keyframes.mjs";
-import legacyLogicalProperties_default from "./transformers/legacyLogicalProperties.mjs";
-import px2rem_default from "./transformers/px2rem.mjs";
-import statistic_default, { merge, statistic } from "./cssinjs-utils/util/statistic.mjs";
-import genStyleUtils_default from "./cssinjs-utils/util/genStyleUtils.mjs";
-import "./cssinjs-utils/index.mjs";
+import Keyframes_default from "./Keyframes.js";
+import autoPrefix_default from "./transformers/autoPrefix.js";
+import { StyleProvider, createCache, provideStyleContext, useStyleContext, useStyleContextProvide } from "./StyleContext.js";
+import { collectStyleText, setStyleCollector } from "./ssr/styleCollector.js";
+import calc_default from "./theme/calc/index.js";
+import Theme from "./theme/Theme.js";
+import createTheme from "./theme/createTheme.js";
+import "./theme/index.js";
+import { token2CSSVar } from "./util/css-variables.js";
+import { supportLogicProps, supportWhere, unit } from "./util/index.js";
+import useCacheToken, { getComputedToken } from "./hooks/useCacheToken.js";
+import legacyNotSelectorLinter_default from "./linters/legacyNotSelectorLinter.js";
+import logicalPropertiesLinter_default from "./linters/logicalPropertiesLinter.js";
+import NaNLinter_default from "./linters/NaNLinter.js";
+import parentSelectorLinter_default from "./linters/parentSelectorLinter.js";
+import "./linters/index.js";
+import useStyleRegister from "./hooks/useStyleRegister.js";
+import useCSSVarRegister from "./hooks/useCSSVarRegister.js";
+import extractStyle from "./extractStyle.js";
+import legacyLogicalProperties_default from "./transformers/legacyLogicalProperties.js";
+import px2rem_default from "./transformers/px2rem.js";
+import statistic_default, { merge, statistic } from "./cssinjs-utils/util/statistic.js";
+import genStyleUtils_default from "./cssinjs-utils/util/genStyleUtils.js";
+import "./cssinjs-utils/index.js";
 
 //#region src/index.ts
 const _experimental = { supportModernCSS: () => supportWhere() && supportLogicProps() };

package/dist/linters/{NaNLinter.d.mts → NaNLinter.d.ts}

@@ -1,6 +1,6 @@
-import { Linter } from "./interface.mjs";
+import { Linter } from "./interface.js";
 
 //#region src/linters/NaNLinter.d.ts
 declare const linter: Linter;
 //#endregion
-export { linter };
+export { linter as default };

package/dist/linters/{NaNLinter.mjs → NaNLinter.js}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.mjs";
+import { lintWarning } from "./utils.js";
 
 //#region src/linters/NaNLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/contentQuotesLinter.d.ts

@@ -0,0 +1,6 @@
+import { Linter } from "./interface.js";
+
+//#region src/linters/contentQuotesLinter.d.ts
+declare const linter: Linter;
+//#endregion
+export { linter as default };

package/dist/linters/{contentQuotesLinter.mjs → contentQuotesLinter.js}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.mjs";
+import { lintWarning } from "./utils.js";
 
 //#region src/linters/contentQuotesLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/hashedAnimationLinter.d.ts

@@ -0,0 +1,6 @@
+import { Linter } from "./interface.js";
+
+//#region src/linters/hashedAnimationLinter.d.ts
+declare const linter: Linter;
+//#endregion
+export { linter as default };

package/dist/linters/{hashedAnimationLinter.mjs → hashedAnimationLinter.js}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.mjs";
+import { lintWarning } from "./utils.js";
 
 //#region src/linters/hashedAnimationLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/index.d.ts

@@ -0,0 +1,8 @@
+import { Linter } from "./interface.js";
+import linter$1 from "./contentQuotesLinter.js";
+import linter$2 from "./hashedAnimationLinter.js";
+import linter$3 from "./legacyNotSelectorLinter.js";
+import linter$4 from "./logicalPropertiesLinter.js";
+import linter from "./NaNLinter.js";
+import linter$5 from "./parentSelectorLinter.js";
+export { type Linter, linter as NaNLinter, linter$1 as contentQuotesLinter, linter$2 as hashedAnimationLinter, linter$3 as legacyNotSelectorLinter, linter$4 as logicalPropertiesLinter, linter$5 as parentSelectorLinter };

package/dist/linters/index.js

@@ -0,0 +1,8 @@
+import contentQuotesLinter_default from "./contentQuotesLinter.js";
+import hashedAnimationLinter_default from "./hashedAnimationLinter.js";
+import legacyNotSelectorLinter_default from "./legacyNotSelectorLinter.js";
+import logicalPropertiesLinter_default from "./logicalPropertiesLinter.js";
+import NaNLinter_default from "./NaNLinter.js";
+import parentSelectorLinter_default from "./parentSelectorLinter.js";
+
+export { NaNLinter_default as NaNLinter, contentQuotesLinter_default as contentQuotesLinter, hashedAnimationLinter_default as hashedAnimationLinter, legacyNotSelectorLinter_default as legacyNotSelectorLinter, logicalPropertiesLinter_default as logicalPropertiesLinter, parentSelectorLinter_default as parentSelectorLinter };

package/dist/linters/{interface.d.mts → interface.d.ts}

@@ -8,4 +8,4 @@ interface Linter {
   (key: string, value: string | number, info: LinterInfo): void;
 }
 //#endregion
-export { Linter };
+export { Linter, LinterInfo };

package/dist/linters/interface.js

@@ -0,0 +1 @@
+export {  };

package/dist/linters/{legacyNotSelectorLinter.d.mts → legacyNotSelectorLinter.d.ts}

@@ -1,6 +1,6 @@
-import { Linter } from "./interface.mjs";
+import { Linter } from "./interface.js";
 
 //#region src/linters/legacyNotSelectorLinter.d.ts
 declare const linter: Linter;
 //#endregion
-export { linter };
+export { linter as default };

package/dist/linters/{legacyNotSelectorLinter.mjs → legacyNotSelectorLinter.js}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.mjs";
+import { lintWarning } from "./utils.js";
 
 //#region src/linters/legacyNotSelectorLinter.ts
 function isConcatSelector(selector) {

package/dist/linters/{logicalPropertiesLinter.d.mts → logicalPropertiesLinter.d.ts}

@@ -1,6 +1,6 @@
-import { Linter } from "./interface.mjs";
+import { Linter } from "./interface.js";
 
 //#region src/linters/logicalPropertiesLinter.d.ts
 declare const linter: Linter;
 //#endregion
-export { linter };
+export { linter as default };

package/dist/linters/{logicalPropertiesLinter.mjs → logicalPropertiesLinter.js}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.mjs";
+import { lintWarning } from "./utils.js";
 
 //#region src/linters/logicalPropertiesLinter.ts
 const linter = (key, value, info) => {

package/dist/linters/{parentSelectorLinter.d.mts → parentSelectorLinter.d.ts}

@@ -1,7 +1,7 @@
-import { Linter } from "./interface.mjs";
-import "../index.mjs";
+import { Linter } from "./interface.js";
+import "../index.js";
 
 //#region src/linters/parentSelectorLinter.d.ts
 declare const linter: Linter;
 //#endregion
-export { linter };
+export { linter as default };

package/dist/linters/{parentSelectorLinter.mjs → parentSelectorLinter.js}

@@ -1,4 +1,4 @@
-import { lintWarning } from "./utils.mjs";
+import { lintWarning } from "./utils.js";
 
 //#region src/linters/parentSelectorLinter.ts
 const linter = (_key, _value, info) => {

package/dist/linters/utils.d.ts

@@ -0,0 +1,6 @@
+import { LinterInfo } from "./interface.js";
+
+//#region src/linters/utils.d.ts
+declare function lintWarning(message: string, info: LinterInfo): void;
+//#endregion
+export { lintWarning };

package/dist/theme/{Theme.d.mts → Theme.d.ts}

@@ -1,4 +1,4 @@
-import { DerivativeFunc, TokenType } from "./interface.mjs";
+import { DerivativeFunc, TokenType } from "./interface.js";
 
 //#region src/theme/Theme.d.ts
 /**
@@ -12,4 +12,4 @@ declare class Theme<DesignToken extends TokenType, DerivativeToken extends Token
   getDerivativeToken(token: DesignToken): DerivativeToken;
 }
 //#endregion
-export { Theme };
+export { Theme as default };

package/dist/theme/ThemeCache.d.ts

@@ -0,0 +1,23 @@
+import { DerivativeFunc } from "./interface.js";
+import Theme from "./Theme.js";
+
+//#region src/theme/ThemeCache.d.ts
+type DerivativeOptions = DerivativeFunc<any, any>[];
+declare function sameDerivativeOption(left: DerivativeOptions, right: DerivativeOptions): boolean;
+declare 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;
+}
+//#endregion
+export { ThemeCache as default, sameDerivativeOption };

package/dist/theme/{ThemeCache.mjs → ThemeCache.js}

@@ -76,4 +76,4 @@ var ThemeCache = class ThemeCache {
 };
 
 //#endregion
-export { ThemeCache as default };
+export { ThemeCache as default, sameDerivativeOption };

package/dist/theme/calc/{CSSCalculator.d.mts → CSSCalculator.d.ts}

@@ -1,4 +1,4 @@
-import { AbstractCalculator } from "./calculator.mjs";
+import AbstractCalculator from "./calculator.js";
 
 //#region src/theme/calc/CSSCalculator.d.ts
 declare class CSSCalculator extends AbstractCalculator {
@@ -16,4 +16,4 @@ declare class CSSCalculator extends AbstractCalculator {
   }): string;
 }
 //#endregion
-export { CSSCalculator };
+export { CSSCalculator as default };

package/dist/theme/calc/{CSSCalculator.mjs → CSSCalculator.js}

@@ -1,4 +1,4 @@
-import calculator_default from "./calculator.mjs";
+import calculator_default from "./calculator.js";
 
 //#region src/theme/calc/CSSCalculator.ts
 const CALC_UNIT = "CALC_UNIT";

package/dist/theme/calc/{NumCalculator.d.mts → NumCalculator.d.ts}

@@ -1,4 +1,4 @@
-import { AbstractCalculator } from "./calculator.mjs";
+import AbstractCalculator from "./calculator.js";
 
 //#region src/theme/calc/NumCalculator.d.ts
 declare class NumCalculator extends AbstractCalculator {
@@ -11,4 +11,4 @@ declare class NumCalculator extends AbstractCalculator {
   equal(): number;
 }
 //#endregion
-export { NumCalculator };
+export { NumCalculator as default };

package/dist/theme/calc/{NumCalculator.mjs → NumCalculator.js}

@@ -1,4 +1,4 @@
-import calculator_default from "./calculator.mjs";
+import calculator_default from "./calculator.js";
 
 //#region src/theme/calc/NumCalculator.ts
 var NumCalculator = class NumCalculator extends calculator_default {

package/dist/theme/calc/{calculator.d.mts → calculator.d.ts}

@@ -29,4 +29,4 @@ declare abstract class AbstractCalculator {
   }): string | number;
 }
 //#endregion
-export { AbstractCalculator };
+export { AbstractCalculator as default };

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

@@ -0,0 +1,8 @@
+import AbstractCalculator from "./calculator.js";
+import CSSCalculator from "./CSSCalculator.js";
+import NumCalculator from "./NumCalculator.js";
+
+//#region src/theme/calc/index.d.ts
+declare function genCalc(type: 'css' | 'js', unitlessCssVar: Set<string>): (num: number | string | AbstractCalculator) => NumCalculator | CSSCalculator;
+//#endregion
+export { genCalc as default };

package/dist/theme/calc/{index.mjs → index.js}

@@ -1,5 +1,5 @@
-import CSSCalculator from "./CSSCalculator.mjs";
-import NumCalculator from "./NumCalculator.mjs";
+import CSSCalculator from "./CSSCalculator.js";
+import NumCalculator from "./NumCalculator.js";
 
 //#region src/theme/calc/index.ts
 function genCalc(type, unitlessCssVar) {

package/dist/theme/{createTheme.d.mts → createTheme.d.ts}

@@ -1,5 +1,5 @@
-import { DerivativeFunc, TokenType } from "./interface.mjs";
-import { Theme } from "./Theme.mjs";
+import { DerivativeFunc, TokenType } from "./interface.js";
+import Theme from "./Theme.js";
 
 //#region src/theme/createTheme.d.ts
 /**
@@ -7,4 +7,4 @@ import { Theme } from "./Theme.mjs";
  */
 declare function createTheme<DesignToken extends TokenType, DerivativeToken extends TokenType>(derivatives: DerivativeFunc<DesignToken, DerivativeToken>[] | DerivativeFunc<DesignToken, DerivativeToken>): Theme<any, any>;
 //#endregion
-export { createTheme };
+export { createTheme as default };

package/dist/theme/{createTheme.mjs → createTheme.js}

@@ -1,5 +1,5 @@
-import Theme from "./Theme.mjs";
-import ThemeCache from "./ThemeCache.mjs";
+import Theme from "./Theme.js";
+import ThemeCache from "./ThemeCache.js";
 
 //#region src/theme/createTheme.ts
 const cacheThemes = new ThemeCache();

package/dist/theme/index.d.ts

@@ -0,0 +1,7 @@
+import AbstractCalculator from "./calc/calculator.js";
+import genCalc from "./calc/index.js";
+import { DerivativeFunc, TokenType } from "./interface.js";
+import Theme from "./Theme.js";
+import createTheme from "./createTheme.js";
+import ThemeCache from "./ThemeCache.js";
+export { type AbstractCalculator, type DerivativeFunc, Theme, ThemeCache, type TokenType, createTheme, genCalc };

package/dist/theme/index.js

@@ -0,0 +1,6 @@
+import calc_default from "./calc/index.js";
+import Theme from "./Theme.js";
+import ThemeCache from "./ThemeCache.js";
+import createTheme from "./createTheme.js";
+
+export { Theme, ThemeCache, createTheme, calc_default as genCalc };

package/dist/theme/interface.js

@@ -0,0 +1 @@
+export {  };

package/dist/transformers/autoPrefix.d.ts

@@ -0,0 +1,7 @@
+import { Transformer } from "./interface.js";
+
+//#region src/transformers/autoPrefix.d.ts
+declare const AUTO_PREFIX: {};
+declare const transform: Transformer;
+//#endregion
+export { AUTO_PREFIX, transform as default };

package/dist/transformers/{interface.d.mts → interface.d.ts}

@@ -1,5 +1,5 @@
-import { CSSObject } from "../hooks/useStyleRegister.mjs";
-import "../index.mjs";
+import "../index.js";
+import { CSSObject } from "../hooks/useStyleRegister.js";
 
 //#region src/transformers/interface.d.ts
 interface Transformer {

package/dist/transformers/interface.js

@@ -0,0 +1 @@
+export {  };

package/dist/transformers/{legacyLogicalProperties.d.mts → legacyLogicalProperties.d.ts}

@@ -1,4 +1,4 @@
-import { Transformer } from "./interface.mjs";
+import { Transformer } from "./interface.js";
 
 //#region src/transformers/legacyLogicalProperties.d.ts
 /**
@@ -12,4 +12,4 @@ import { Transformer } from "./interface.mjs";
  */
 declare const transform: Transformer;
 //#endregion
-export { transform };
+export { transform as default };

package/dist/transformers/{px2rem.d.mts → px2rem.d.ts}

@@ -1,4 +1,4 @@
-import { Transformer } from "./interface.mjs";
+import { Transformer } from "./interface.js";
 
 //#region src/transformers/px2rem.d.ts
 interface Options {
@@ -20,4 +20,4 @@ interface Options {
 }
 declare function transform(options?: Options): Transformer;
 //#endregion
-export { transform };
+export { transform as default };

package/dist/util/cacheMapUtil.d.ts

@@ -0,0 +1,17 @@
+//#region src/util/cacheMapUtil.d.ts
+declare const ATTR_CACHE_MAP = "data-ant-cssinjs-cache-path";
+/**
+ * This marks style from the css file.
+ * Which means not exist in `<style />` tag.
+ */
+declare const CSS_FILE_STYLE = "_FILE_STYLE__";
+declare function serialize(cachePathMap: Record<string, string>): string;
+/**
+ * @private Test usage only. Can save remove if no need.
+ */
+declare function reset(mockCache?: Record<string, string>, fromFile?: boolean): void;
+declare function prepare(): void;
+declare function existPath(path: string): boolean;
+declare function getStyleAndHash(path: string): [style: string | null, hash: string];
+//#endregion
+export { ATTR_CACHE_MAP, CSS_FILE_STYLE, existPath, getStyleAndHash, prepare, reset, serialize };

package/dist/util/{cacheMapUtil.mjs → cacheMapUtil.js}

@@ -1,4 +1,4 @@
-import { ATTR_MARK } from "../StyleContext.mjs";
+import { ATTR_MARK } from "../StyleContext.js";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 
 //#region src/util/cacheMapUtil.ts
@@ -15,6 +15,13 @@ function serialize(cachePathMap) {
 }
 let cachePathMap;
 let fromCSSFile = true;
+/**
+* @private Test usage only. Can save remove if no need.
+*/
+function reset(mockCache, fromFile = true) {
+	cachePathMap = mockCache;
+	fromCSSFile = fromFile;
+}
 function prepare() {
 	if (!cachePathMap) {
 		cachePathMap = {};
@@ -57,4 +64,4 @@ function getStyleAndHash(path) {
 }
 
 //#endregion
-export { ATTR_CACHE_MAP, CSS_FILE_STYLE, existPath, getStyleAndHash, serialize };
+export { ATTR_CACHE_MAP, CSS_FILE_STYLE, existPath, getStyleAndHash, prepare, reset, serialize };

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

@@ -0,0 +1,21 @@
+import { HashPriority } from "../StyleContext.js";
+
+//#region src/util/css-variables.d.ts
+declare function token2CSSVar(token: string, prefix?: string): string;
+declare function serializeCSSVar<T extends Record<string, any>>(cssVars: T, hashId: string, options?: {
+  scope?: string;
+  hashCls?: string;
+  hashPriority?: HashPriority;
+}): string;
+type TokenWithCSSVar<V, T extends Record<string, V> = Record<string, V>> = { [key in keyof T]?: string | V };
+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;
+  hashCls?: string;
+  hashPriority?: HashPriority;
+}): [TokenWithCSSVar<V, T>, string];
+//#endregion
+export { TokenWithCSSVar, serializeCSSVar, token2CSSVar, transformToken };

package/dist/util/{css-variables.mjs → css-variables.js}

@@ -1,4 +1,4 @@
-import { where } from "./index.mjs";
+import { where } from "./index.js";
 
 //#region src/util/css-variables.ts
 function token2CSSVar(token, prefix = "") {
@@ -32,4 +32,4 @@ function transformToken(token, themeKey, config) {
 }
 
 //#endregion
-export { token2CSSVar, transformToken };
+export { serializeCSSVar, token2CSSVar, transformToken };

package/dist/util/index.d.ts

@@ -0,0 +1,26 @@
+import { HashPriority } from "../StyleContext.js";
+import { token2CSSVar } from "./css-variables.js";
+
+//#region src/util/index.d.ts
+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
+ */
+declare function flattenToken(token: any): string;
+/**
+ * Convert derivative token to key string
+ */
+declare function token2key(token: any, salt: string): string;
+declare function supportLayer(): boolean;
+declare function supportWhere(): boolean;
+declare function supportLogicProps(): boolean;
+declare const isClientSide: boolean;
+declare function unit(num: string | number): string;
+declare function toStyleStr(style: string, tokenKey?: string, styleId?: string, customizeAttrs?: Record<string, string>, plain?: boolean): string;
+declare function where(options?: {
+  hashPriority?: HashPriority;
+  hashCls?: string;
+}): string;
+declare function isNonNullable<T>(val: T): val is NonNullable<T>;
+//#endregion
+export { flattenToken, isClientSide, isNonNullable, memoResult, supportLayer, supportLogicProps, supportWhere, toStyleStr, token2CSSVar, token2key, unit, where };

package/dist/util/{index.mjs → index.js}

@@ -1,8 +1,8 @@
-import { ATTR_MARK, ATTR_TOKEN } from "../StyleContext.mjs";
-import Theme from "../theme/Theme.mjs";
-import "../theme/index.mjs";
-import resolveHash_default from "./resolveHash.mjs";
-import { token2CSSVar } from "./css-variables.mjs";
+import { ATTR_MARK, ATTR_TOKEN } from "../StyleContext.js";
+import Theme from "../theme/Theme.js";
+import "../theme/index.js";
+import resolveHash_default from "./resolveHash.js";
+import { token2CSSVar } from "./css-variables.js";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { removeCSS, updateCSS } from "@v-c/util/dist/Dom/dynamicCSS";
 
@@ -66,6 +66,13 @@ function supportSelector(styleStr, handleElement, supportCheck) {
 	}
 	return false;
 }
+let canLayer;
+function supportLayer() {
+	if (canLayer === void 0) canLayer = supportSelector(`@layer ${randomSelectorKey} { .${randomSelectorKey} { content: "${checkContent}"!important; } }`, (ele) => {
+		ele.className = randomSelectorKey;
+	});
+	return canLayer;
+}
 let canWhere;
 function supportWhere() {
 	if (canWhere === void 0) canWhere = supportSelector(`:where(.${randomSelectorKey}) { content: "${checkContent}"!important; }`, (ele) => {
@@ -108,4 +115,4 @@ function isNonNullable(val) {
 }
 
 //#endregion
-export { flattenToken, isClientSide, isNonNullable, memoResult, supportLogicProps, supportWhere, toStyleStr, token2key, unit, where };
+export { flattenToken, isClientSide, isNonNullable, memoResult, supportLayer, supportLogicProps, supportWhere, toStyleStr, token2CSSVar, token2key, unit, where };

package/dist/util/resolveHash.d.ts

@@ -0,0 +1,4 @@
+//#region src/util/resolveHash.d.ts
+declare const _default: (src: string) => any;
+//#endregion
+export { _default as default };

package/dist/util/resolveUnitless.d.ts

@@ -0,0 +1,4 @@
+//#region src/util/resolveUnitless.d.ts
+declare const _default: any;
+//#endregion
+export { _default as default };