@antdv-next/cssinjs 1.0.0-rc.3 → 1.0.1

package/dist/{Cache.d.mts → Cache.d.ts}

@@ -2,6 +2,7 @@
 type KeyType = string | number;
 type ValueType = [number, any];
 /** Connect key with `SPLIT` */
+declare function pathKey(keys: KeyType[]): string;
 declare class Entity {
   instanceId: string;
   constructor(instanceId: string);
@@ -18,4 +19,4 @@ declare class Entity {
   opUpdate(keyPathStr: string, valueFn: (origin: ValueType | null) => ValueType | null): void;
 }
 //#endregion
-export { Entity, KeyType };
+export { KeyType, Entity as default, pathKey };

package/dist/{Keyframes.d.mts → Keyframes.d.ts}

@@ -1,4 +1,4 @@
-import { CSSInterpolation } from "./hooks/useStyleRegister.mjs";
+import { CSSInterpolation } from "./hooks/useStyleRegister.js";
 
 //#region src/Keyframes.d.ts
 declare class Keyframe {
@@ -9,4 +9,4 @@ declare class Keyframe {
   _keyframe: boolean;
 }
 //#endregion
-export { Keyframe };
+export { Keyframe as default };

package/dist/{StyleContext.d.mts → StyleContext.d.ts}

@@ -1,11 +1,15 @@
-import { Linter } from "./linters/interface.mjs";
-import "./linters/index.mjs";
-import { Entity, KeyType } from "./Cache.mjs";
-import * as vue7 from "vue";
-import { App, Ref } from "vue";
+import Entity, { KeyType } from "./Cache.js";
+import { Linter } from "./linters/interface.js";
+import "./linters/index.js";
+import * as vue0 from "vue";
+import { App, PropType, Ref } from "vue";
 
 //#region src/StyleContext.d.ts
-declare function createCache(): vue7.Raw<Entity>;
+declare const ATTR_TOKEN = "data-token-hash";
+declare const ATTR_MARK = "data-css-hash";
+declare const ATTR_CACHE_PATH = "data-cache-path";
+declare const CSS_IN_JS_INSTANCE = "__cssinjs_instance__";
+declare function createCache(): vue0.Raw<Entity>;
 declare function useStyleContextProvide(props: Ref<StyleContextProps>): void;
 declare function provideStyleContext(app: App, props: Ref<StyleContextProps>): void;
 declare function useStyleContext(): Ref<{
@@ -104,7 +108,51 @@ interface StyleContextProps {
   /** Hardcode here since transformer not support take effect on serialize currently */
   autoPrefix?: boolean;
 }
+declare const styleContextProps: {
+  autoClear: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  mock: {
+    type: PropType<"server" | "client">;
+    default: undefined;
+  };
+  cache: {
+    type: PropType<Entity>;
+  };
+  defaultCache: {
+    type: BooleanConstructor;
+  };
+  hashPriority: {
+    type: PropType<HashPriority>;
+    default: undefined;
+  };
+  container: {
+    type: PropType<Element | ShadowRoot>;
+    default: undefined;
+  };
+  ssrInline: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  transformers: {
+    type: PropType<Transformer[]>;
+    default: undefined;
+  };
+  linters: {
+    type: PropType<Linter[]>;
+    default: undefined;
+  };
+  layer: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  autoPrefix: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+};
 type StyleProviderProps = StyleContextProps;
-declare const StyleProvider: vue7.DefineSetupFnComponent<Partial<StyleContextProps>, {}, {}, Partial<StyleContextProps> & {}, vue7.PublicProps>;
+declare const StyleProvider: vue0.DefineSetupFnComponent<Partial<StyleContextProps>, {}, {}, Partial<StyleContextProps> & {}, vue0.PublicProps>;
 //#endregion
-export { StyleProvider, StyleProviderProps, createCache, provideStyleContext, useStyleContext, useStyleContextProvide };
+export { ATTR_CACHE_PATH, ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, HashPriority, StyleContextProps, StyleProvider, StyleProviderProps, createCache, provideStyleContext, styleContextProps, useStyleContext, useStyleContextProvide };

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

@@ -1,5 +1,5 @@
-import Cache_default from "./Cache.mjs";
-import { AUTO_PREFIX } from "./transformers/autoPrefix.mjs";
+import Cache_default from "./Cache.js";
+import { AUTO_PREFIX } from "./transformers/autoPrefix.js";
 import { computed, defineComponent, inject, markRaw, provide, ref } from "vue";
 
 //#region src/StyleContext.ts
@@ -46,6 +46,46 @@ function provideStyleContext(app, props) {
 function useStyleContext() {
 	return inject(StyleContextKey, ref(defaultStyleContext));
 }
+const styleContextProps = {
+	autoClear: {
+		type: Boolean,
+		default: void 0
+	},
+	mock: {
+		type: String,
+		default: void 0
+	},
+	cache: { type: Object },
+	defaultCache: { type: Boolean },
+	hashPriority: {
+		type: String,
+		default: void 0
+	},
+	container: {
+		type: [Object],
+		default: void 0
+	},
+	ssrInline: {
+		type: Boolean,
+		default: void 0
+	},
+	transformers: {
+		type: Array,
+		default: void 0
+	},
+	linters: {
+		type: Array,
+		default: void 0
+	},
+	layer: {
+		type: Boolean,
+		default: void 0
+	},
+	autoPrefix: {
+		type: Boolean,
+		default: void 0
+	}
+};
 const StyleProvider = defineComponent((props, { slots }) => {
 	const parentContext = useStyleContext();
 	useStyleContextProvide(computed(() => {
@@ -64,18 +104,7 @@ const StyleProvider = defineComponent((props, { slots }) => {
 	return () => {
 		return slots?.default?.();
 	};
-}, { props: [
-	"cache",
-	"hashPriority",
-	"defaultCache",
-	"autoClear",
-	"layer",
-	"linters",
-	"container",
-	"mock",
-	"ssrInline",
-	"transformers"
-] });
+}, { props: styleContextProps });
 
 //#endregion
-export { ATTR_CACHE_PATH, ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, StyleProvider, createCache, provideStyleContext, useStyleContext, useStyleContextProvide };
+export { ATTR_CACHE_PATH, ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, StyleProvider, createCache, provideStyleContext, styleContextProps, useStyleContext, useStyleContextProvide };

package/dist/cssinjs-utils/_util/hooks/useUniqueMemo.d.ts

@@ -0,0 +1,7 @@
+//#region src/cssinjs-utils/_util/hooks/useUniqueMemo.d.ts
+/**
+ * Shared memoization helper across component instances.
+ */
+declare function useUniqueMemo<T>(memoFn: () => T, deps: unknown[]): T;
+//#endregion
+export { useUniqueMemo as default };

package/dist/cssinjs-utils/hooks/{useCSP.d.mts → useCSP.d.ts}

@@ -4,5 +4,6 @@ import { Ref } from "vue";
 type UseCSP = () => Ref<{
   nonce?: string;
 }>;
+declare const useDefaultCSP: UseCSP;
 //#endregion
-export { UseCSP };
+export { UseCSP, useDefaultCSP as default };

package/dist/cssinjs-utils/hooks/usePrefix.js

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

package/dist/cssinjs-utils/hooks/{useToken.d.mts → useToken.d.ts}

@@ -1,6 +1,6 @@
-import { TokenType } from "../../theme/interface.mjs";
-import { Theme } from "../../theme/Theme.mjs";
-import { GlobalToken, OverrideTokenMap, TokenMap } from "../interface/components.mjs";
+import { TokenType } from "../../theme/interface.js";
+import Theme from "../../theme/Theme.js";
+import { GlobalToken, OverrideTokenMap, TokenMap } from "../interface/components.js";
 import { Ref } from "vue";
 
 //#region src/cssinjs-utils/hooks/useToken.d.ts
@@ -22,4 +22,4 @@ interface UseTokenReturn<CompTokenMap extends TokenMap, AliasToken extends Token
 }
 type UseToken<CompTokenMap extends TokenMap, AliasToken extends TokenType, DesignToken extends TokenType> = () => UseTokenReturn<CompTokenMap, AliasToken, DesignToken>;
 //#endregion
-export { UseToken };
+export { TokenMapWithTheme, UseToken, UseTokenReturn };

package/dist/cssinjs-utils/hooks/useToken.js

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

package/dist/cssinjs-utils/{index.d.mts → index.d.ts}

@@ -1,4 +1,4 @@
-import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./interface/components.mjs";
-import { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls, genStyleUtils } from "./util/genStyleUtils.mjs";
-import { merge, statistic, statisticToken } from "./util/statistic.mjs";
+import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./interface/components.js";
+import genStyleUtils, { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls } from "./util/genStyleUtils.js";
+import statisticToken, { merge, statistic } from "./util/statistic.js";
 export { type CSSUtil, type CSSVarRegisterProps, type ComponentToken, type ComponentTokenKey, type FullToken, type GenStyleFn, type GetCompUnitless, type GetDefaultToken, type GetDefaultTokenFn, type GetResetStyles, type GlobalToken, type GlobalTokenWithComponent, type OverrideTokenMap, type StyleInfo, type SubStyleComponentProps, type TokenMap, type TokenMapKey, type TokenWithCommonCls, genStyleUtils, merge as mergeToken, statistic, statisticToken };

package/dist/cssinjs-utils/{index.mjs → index.js}

@@ -1,4 +1,4 @@
-import statistic_default, { merge, statistic } from "./util/statistic.mjs";
-import genStyleUtils_default from "./util/genStyleUtils.mjs";
+import statistic_default, { merge, statistic } from "./util/statistic.js";
+import genStyleUtils_default from "./util/genStyleUtils.js";
 
 export { genStyleUtils_default as genStyleUtils, merge as mergeToken, statistic, statistic_default as statisticToken };

package/dist/cssinjs-utils/interface/{components.d.mts → components.d.ts}

@@ -1,4 +1,4 @@
-import { TokenType } from "../../theme/interface.mjs";
+import { TokenType } from "../../theme/interface.js";
 
 //#region src/cssinjs-utils/interface/components.d.ts
 type TokenMap = Record<PropertyKey, any>;

package/dist/cssinjs-utils/interface/components.js

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

package/dist/cssinjs-utils/interface/index.d.ts

@@ -0,0 +1,2 @@
+import { ComponentToken, ComponentTokenKey, GlobalToken, GlobalTokenWithComponent, OverrideTokenMap, TokenMap, TokenMapKey } from "./components.js";
+export { type ComponentToken, type ComponentTokenKey, type GlobalToken, type GlobalTokenWithComponent, type OverrideTokenMap, type TokenMap, type TokenMapKey };

package/dist/cssinjs-utils/interface/index.js

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

package/dist/cssinjs-utils/util/{genStyleUtils.d.mts → genStyleUtils.d.ts}

@@ -1,12 +1,12 @@
-import { AbstractCalculator } from "../../theme/calc/calculator.mjs";
-import { TokenType } from "../../theme/interface.mjs";
-import { ComponentTokenKey, GlobalTokenWithComponent, TokenMap, TokenMapKey } from "../interface/components.mjs";
-import { CSSInterpolation, CSSObject, useStyleRegister } from "../../hooks/useStyleRegister.mjs";
-import "../../index.mjs";
-import { UseCSP } from "../hooks/useCSP.mjs";
-import { UsePrefix } from "../hooks/usePrefix.mjs";
-import { UseToken } from "../hooks/useToken.mjs";
-import * as vue0 from "vue";
+import AbstractCalculator from "../../theme/calc/calculator.js";
+import { TokenType } from "../../theme/interface.js";
+import { ComponentTokenKey, GlobalTokenWithComponent, TokenMap, TokenMapKey } from "../interface/components.js";
+import { UseCSP } from "../hooks/useCSP.js";
+import { UsePrefix } from "../hooks/usePrefix.js";
+import { UseToken } from "../hooks/useToken.js";
+import "../../index.js";
+import useStyleRegister, { CSSInterpolation, CSSObject } from "../../hooks/useStyleRegister.js";
+import * as vue2 from "vue";
 import { Ref, UnwrapRef } from "vue";
 
 //#region src/cssinjs-utils/util/genStyleUtils.d.ts
@@ -81,7 +81,7 @@ declare function genStyleUtils<CompTokenMap extends TokenMap, AliasToken extends
      * @default true
      */
     injectStyle?: boolean;
-  }) => (prefixCls: Ref<string>, rootCls?: Ref<string | undefined>) => readonly [Ref<string, string>, vue0.ComputedRef<string | undefined>];
+  }) => (prefixCls: Ref<string>, rootCls?: Ref<string | undefined>) => readonly [Ref<string, string>, vue2.ComputedRef<string | undefined>];
   genSubStyleComponent: <C extends TokenMapKey<CompTokenMap>>(componentName: C | [C, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C>, options?: {
     resetStyle?: boolean;
     resetFont?: boolean;
@@ -96,13 +96,13 @@ declare function genStyleUtils<CompTokenMap extends TokenMap, AliasToken extends
     order?: number;
     injectStyle?: boolean;
     unitless?: Partial<Record<ComponentTokenKey<CompTokenMap, AliasToken, C>, boolean>>;
-  }) => vue0.DefineComponent<vue0.ExtractPropTypes<{
+  }) => vue2.DefineComponent<vue2.ExtractPropTypes<{
     prefixCls: StringConstructor;
     rootCls: StringConstructor;
-  }>, () => null, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {}, string, vue0.PublicProps, Readonly<vue0.ExtractPropTypes<{
+  }>, () => null, {}, {}, {}, vue2.ComponentOptionsMixin, vue2.ComponentOptionsMixin, {}, string, vue2.PublicProps, Readonly<vue2.ExtractPropTypes<{
     prefixCls: StringConstructor;
     rootCls: StringConstructor;
-  }>> & Readonly<{}>, {}, {}, {}, {}, string, vue0.ComponentProvideOptions, true, {}, any>;
+  }>> & Readonly<{}>, {}, {}, {}, {}, string, vue2.ComponentProvideOptions, true, {}, any>;
   genComponentStyleHook: <C extends TokenMapKey<CompTokenMap>>(componentName: C | [C, string], styleFn: GenStyleFn<CompTokenMap, AliasToken, C>, getDefaultToken?: GetDefaultToken<CompTokenMap, AliasToken, C>, options?: {
     resetStyle?: boolean;
     resetFont?: boolean;
@@ -120,4 +120,4 @@ declare function genStyleUtils<CompTokenMap extends TokenMap, AliasToken extends
   }) => (prefixCls: Ref<string>, rootCls?: Ref<string | undefined>) => Ref<string, string>;
 };
 //#endregion
-export { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls, genStyleUtils };
+export { CSSUtil, CSSVarRegisterProps, FullToken, GenStyleFn, GetCompUnitless, GetDefaultToken, GetDefaultTokenFn, GetResetStyles, StyleInfo, SubStyleComponentProps, TokenWithCommonCls, genStyleUtils as default };

package/dist/cssinjs-utils/util/{genStyleUtils.mjs → genStyleUtils.js}

@@ -1,15 +1,15 @@
-import calc_default from "../../theme/calc/index.mjs";
-import { token2CSSVar } from "../../util/css-variables.mjs";
-import useStyleRegister from "../../hooks/useStyleRegister.mjs";
-import useCSSVarRegister from "../../hooks/useCSSVarRegister.mjs";
-import useUniqueMemo_default from "../_util/hooks/useUniqueMemo.mjs";
-import useCSP_default from "../hooks/useCSP.mjs";
-import getComponentToken_default from "./getComponentToken.mjs";
-import getCompVarPrefix_default from "./getCompVarPrefix.mjs";
-import statistic_default, { merge } from "./statistic.mjs";
-import getDefaultComponentToken_default from "./getDefaultComponentToken.mjs";
-import maxmin_default from "./maxmin.mjs";
-import "../../index.mjs";
+import calc_default from "../../theme/calc/index.js";
+import { token2CSSVar } from "../../util/css-variables.js";
+import useStyleRegister from "../../hooks/useStyleRegister.js";
+import useCSSVarRegister from "../../hooks/useCSSVarRegister.js";
+import useUniqueMemo_default from "../_util/hooks/useUniqueMemo.js";
+import useCSP_default from "../hooks/useCSP.js";
+import getComponentToken_default from "./getComponentToken.js";
+import getCompVarPrefix_default from "./getCompVarPrefix.js";
+import statistic_default, { merge } from "./statistic.js";
+import getDefaultComponentToken_default from "./getDefaultComponentToken.js";
+import maxmin_default from "./maxmin.js";
+import "../../index.js";
 import { computed, defineComponent } from "vue";
 
 //#region src/cssinjs-utils/util/genStyleUtils.ts

package/dist/cssinjs-utils/util/getCompVarPrefix.d.ts

@@ -0,0 +1,4 @@
+//#region src/cssinjs-utils/util/getCompVarPrefix.d.ts
+declare function getCompVarPrefix(component: string, prefix?: string): string;
+//#endregion
+export { getCompVarPrefix as default };

package/dist/cssinjs-utils/util/getComponentToken.d.ts

@@ -0,0 +1,9 @@
+import { TokenType } from "../../theme/interface.js";
+import { ComponentTokenKey, GlobalToken, TokenMap, TokenMapKey } from "../interface/components.js";
+
+//#region src/cssinjs-utils/util/getComponentToken.d.ts
+declare function getComponentToken<CompTokenMap extends TokenMap, AliasToken extends TokenType, C extends TokenMapKey<CompTokenMap>>(component: C, token: GlobalToken<CompTokenMap, AliasToken>, defaultToken: CompTokenMap[C], options?: {
+  deprecatedTokens?: [ComponentTokenKey<CompTokenMap, AliasToken, C>, ComponentTokenKey<CompTokenMap, AliasToken, C>][];
+}): any;
+//#endregion
+export { getComponentToken as default };

package/dist/cssinjs-utils/util/getDefaultComponentToken.d.ts

@@ -0,0 +1,8 @@
+import { TokenType } from "../../theme/interface.js";
+import { GlobalToken, TokenMap, TokenMapKey } from "../interface/components.js";
+import { GetDefaultToken } from "./genStyleUtils.js";
+
+//#region src/cssinjs-utils/util/getDefaultComponentToken.d.ts
+declare function getDefaultComponentToken<CompTokenMap extends TokenMap, AliasToken extends TokenType, C extends TokenMapKey<CompTokenMap>>(component: C, token: GlobalToken<CompTokenMap, AliasToken>, getDefaultToken: GetDefaultToken<CompTokenMap, AliasToken, C>): CompTokenMap[C] | {};
+//#endregion
+export { getDefaultComponentToken as default };

package/dist/cssinjs-utils/util/{getDefaultComponentToken.mjs → getDefaultComponentToken.js}

@@ -1,4 +1,4 @@
-import { merge } from "./statistic.mjs";
+import { merge } from "./statistic.js";
 
 //#region src/cssinjs-utils/util/getDefaultComponentToken.ts
 function getDefaultComponentToken(component, token, getDefaultToken) {

package/dist/cssinjs-utils/util/maxmin.d.ts

@@ -0,0 +1,10 @@
+//#region src/cssinjs-utils/util/maxmin.d.ts
+declare function genMaxMin(type: 'css' | 'js'): {
+  max: (...values: number[]) => number;
+  min: (...values: number[]) => number;
+} | {
+  max: (...args: (string | number)[]) => string;
+  min: (...args: (string | number)[]) => string;
+};
+//#endregion
+export { genMaxMin as default };

package/dist/cssinjs-utils/util/{maxmin.mjs → maxmin.js}

@@ -1,4 +1,4 @@
-import { unit } from "../../util/index.mjs";
+import { unit } from "../../util/index.js";
 
 //#region src/cssinjs-utils/util/maxmin.ts
 function genMaxMin(type) {

package/dist/cssinjs-utils/util/{statistic.d.mts → statistic.d.ts}

@@ -1,4 +1,4 @@
-import { TokenMap } from "../interface/components.mjs";
+import { TokenMap } from "../interface/components.js";
 
 //#region src/cssinjs-utils/util/statistic.d.ts
 declare function merge<CompTokenMap extends TokenMap>(...objs: Partial<CompTokenMap>[]): CompTokenMap;
@@ -6,10 +6,11 @@ declare const statistic: Record<string, {
   global: string[];
   component: Record<string, string | number>;
 }>;
+declare const _statistic_build_: typeof statistic;
 declare function statisticToken<CompTokenMap extends TokenMap>(token: CompTokenMap): {
   token: CompTokenMap;
   keys: Set<string> | undefined;
   flush: (component: string, componentToken: Record<string, string | number>) => void;
 };
 //#endregion
-export { merge, statistic, statisticToken };
+export { _statistic_build_, statisticToken as default, merge, statistic };

package/dist/cssinjs-utils/util/{statistic.mjs → statistic.js}

@@ -19,6 +19,7 @@ function merge(...objs) {
 	return ret;
 }
 const statistic = {};
+const _statistic_build_ = {};
 function noop() {}
 function statisticToken(token) {
 	let tokenKeys;
@@ -49,4 +50,4 @@ function statisticToken(token) {
 var statistic_default = statisticToken;
 
 //#endregion
-export { statistic_default as default, merge, statistic };
+export { _statistic_build_, statistic_default as default, merge, statistic };

package/dist/{extractStyle.d.mts → extractStyle.d.ts}

@@ -1,6 +1,6 @@
-import { Entity } from "./Cache.mjs";
-import { ExtractStyle } from "./hooks/useGlobalCache.mjs";
-import { CSSVarCacheValue } from "./hooks/useCSSVarRegister.mjs";
+import Entity from "./Cache.js";
+import { ExtractStyle } from "./hooks/useGlobalCache.js";
+import { CSSVarCacheValue } from "./hooks/useCSSVarRegister.js";
 
 //#region src/extractStyle.d.ts
 declare const ExtractStyleFns: {
@@ -15,4 +15,4 @@ declare function extractStyle(cache: Entity, options?: boolean | {
   once?: boolean;
 }): string;
 //#endregion
-export { extractStyle };
+export { extractStyle as default };

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

@@ -1,8 +1,8 @@
-import { toStyleStr } from "./util/index.mjs";
-import { TOKEN_PREFIX, extract } from "./hooks/useCacheToken.mjs";
-import { ATTR_CACHE_MAP, serialize } from "./util/cacheMapUtil.mjs";
-import { STYLE_PREFIX, extract as extract$1 } from "./hooks/useStyleRegister.mjs";
-import { CSS_VAR_PREFIX, extract as extract$2 } from "./hooks/useCSSVarRegister.mjs";
+import { toStyleStr } from "./util/index.js";
+import { TOKEN_PREFIX, extract } from "./hooks/useCacheToken.js";
+import { ATTR_CACHE_MAP, serialize } from "./util/cacheMapUtil.js";
+import { STYLE_PREFIX, extract as extract$1 } from "./hooks/useStyleRegister.js";
+import { CSS_VAR_PREFIX, extract as extract$2 } from "./hooks/useCSSVarRegister.js";
 
 //#region src/extractStyle.ts
 const ExtractStyleFns = {

package/dist/hooks/{useCSSVarRegister.d.mts → useCSSVarRegister.d.ts}

@@ -1,8 +1,9 @@
-import "./useGlobalCache.mjs";
-import { TokenWithCSSVar } from "../util/css-variables.mjs";
+import { ExtractStyle } from "./useGlobalCache.js";
+import { TokenWithCSSVar } from "../util/css-variables.js";
 import { Ref } from "vue";
 
 //#region src/hooks/useCSSVarRegister.d.ts
+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];
 interface CSSVarRegisterConfig {
   path: string[];
@@ -14,6 +15,7 @@ interface CSSVarRegisterConfig {
   token: any;
   hashId?: string;
 }
+declare const extract: ExtractStyle<CSSVarCacheValue<any>>;
 declare function useCSSVarRegister<V, T extends Record<string, V>>(config: Ref<CSSVarRegisterConfig>, fn: () => T): Ref<CSSVarCacheValue<V, T>, CSSVarCacheValue<V, T>>;
 //#endregion
-export { CSSVarCacheValue, useCSSVarRegister };
+export { CSSVarCacheValue, CSSVarRegisterConfig, CSS_VAR_PREFIX, useCSSVarRegister as default, extract };

package/dist/hooks/{useCSSVarRegister.mjs → useCSSVarRegister.js}

@@ -1,12 +1,12 @@
-import { collectStyleText } from "../ssr/styleCollector.mjs";
-import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.mjs";
-import { transformToken } from "../util/css-variables.mjs";
-import { isClientSide, toStyleStr } from "../util/index.mjs";
-import { useGlobalCache } from "./useGlobalCache.mjs";
-import { uniqueHash } from "./useStyleRegister.mjs";
+import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.js";
+import { collectStyleText } from "../ssr/styleCollector.js";
+import { transformToken } from "../util/css-variables.js";
+import { isClientSide, toStyleStr } from "../util/index.js";
+import { useGlobalCache } from "./useGlobalCache.js";
+import { uniqueHash } from "./useStyleRegister.js";
+import { computed } from "vue";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { removeCSS, updateCSS } from "@v-c/util/dist/Dom/dynamicCSS";
-import { computed } from "vue";
 
 //#region src/hooks/useCSSVarRegister.ts
 const CSS_VAR_PREFIX = "cssVar";

package/dist/hooks/{useCacheToken.d.mts → useCacheToken.d.ts}

@@ -1,5 +1,5 @@
-import { Theme } from "../theme/Theme.mjs";
-import "./useGlobalCache.mjs";
+import Theme from "../theme/Theme.js";
+import { ExtractStyle } from "./useGlobalCache.js";
 import { Ref } from "vue";
 
 //#region src/hooks/useCacheToken.d.ts
@@ -42,7 +42,9 @@ interface Option<DerivativeToken, DesignToken> {
   };
 }
 declare function getComputedToken<DerivativeToken = object, DesignToken = DerivativeToken>(originToken: DesignToken, overrideToken: object, theme: Theme<any, any>, format?: (token: DesignToken) => DerivativeToken): any;
+declare const TOKEN_PREFIX = "token";
 type TokenCacheValue<DerivativeToken> = [token: DerivativeToken, hashId: string, realToken: DerivativeToken, cssVarStr: string, cssVarKey: string];
+declare const extract: ExtractStyle<TokenCacheValue<any>>;
 /**
  * Cache theme derivative token as global shared one
  * @param theme Theme entity
@@ -52,4 +54,4 @@ type TokenCacheValue<DerivativeToken> = [token: DerivativeToken, hashId: string,
  */
 declare function useCacheToken<DerivativeToken = Record<string, any>, DesignToken = DerivativeToken>(theme: Ref<Theme<any, any>>, tokens: Ref<(Partial<DesignToken> | (() => Partial<DesignToken>))[]>, option: Ref<Option<DerivativeToken, DesignToken>>): Ref<TokenCacheValue<DerivativeToken>, TokenCacheValue<DerivativeToken>>;
 //#endregion
-export { getComputedToken, useCacheToken };
+export { Option, TOKEN_PREFIX, useCacheToken as default, extract, getComputedToken };

package/dist/hooks/{useCacheToken.mjs → useCacheToken.js}

@@ -1,12 +1,12 @@
-import { collectStyleText } from "../ssr/styleCollector.mjs";
-import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.mjs";
-import resolveHash_default from "../util/resolveHash.mjs";
-import { transformToken } from "../util/css-variables.mjs";
-import { flattenToken, memoResult, toStyleStr, token2key } from "../util/index.mjs";
-import { useGlobalCache } from "./useGlobalCache.mjs";
+import { ATTR_MARK, ATTR_TOKEN, CSS_IN_JS_INSTANCE, useStyleContext } from "../StyleContext.js";
+import { collectStyleText } from "../ssr/styleCollector.js";
+import resolveHash_default from "../util/resolveHash.js";
+import { transformToken } from "../util/css-variables.js";
+import { flattenToken, memoResult, toStyleStr, token2key } from "../util/index.js";
+import { useGlobalCache } from "./useGlobalCache.js";
+import { computed } from "vue";
 import canUseDom from "@v-c/util/dist/Dom/canUseDom";
 import { updateCSS } from "@v-c/util/dist/Dom/dynamicCSS";
-import { computed } from "vue";
 
 //#region src/hooks/useCacheToken.ts
 const EMPTY_OVERRIDE = {};

package/dist/hooks/useGlobalCache.d.ts

@@ -0,0 +1,24 @@
+import { KeyType } from "../Cache.js";
+import { Ref } from "vue";
+
+//#region src/hooks/useGlobalCache.d.ts
+type ExtractStyle<CacheValue> = (cache: CacheValue, effectStyles: Record<string, boolean>, options?: {
+  plain?: boolean;
+  autoPrefix?: boolean;
+}) => [order: number, styleId: string, style: string] | null;
+/**
+ * Global cache for CSS-in-JS styles
+ *
+ * This hook manages a reference-counted cache to ensure styles are properly
+ * created, shared, and cleaned up across component instances.
+ *
+ * Key differences from React version:
+ * - No useInsertionEffect needed - Vue's watchEffect handles timing naturally
+ * - No StrictMode double-mounting issues - Vue doesn't double-mount
+ * - HMR handling is simpler - can rely on Vue's reactivity system
+ * - Uses onBeforeUnmount for cleanup instead of watch's onCleanup to have
+ *   better control over cleanup timing (important for Transition animations)
+ */
+declare function useGlobalCache<CacheType>(prefix: Ref<string>, keyPath: Ref<KeyType[]>, cacheFn: () => CacheType, onCacheRemove?: (cache: CacheType, fromHMR: boolean) => void, onCacheEffect?: (cachedValue: CacheType) => void): Ref<CacheType>;
+//#endregion
+export { ExtractStyle, useGlobalCache };

package/dist/hooks/{useGlobalCache.mjs → useGlobalCache.js}

@@ -1,6 +1,6 @@
-import { pathKey } from "../Cache.mjs";
-import { useStyleContext } from "../StyleContext.mjs";
-import { isClientSide } from "../util/index.mjs";
+import { pathKey } from "../Cache.js";
+import { useStyleContext } from "../StyleContext.js";
+import { isClientSide } from "../util/index.js";
 import { computed, onBeforeUnmount, shallowRef, watch } from "vue";
 
 //#region src/hooks/useGlobalCache.ts