@antdv-next/cssinjs 0.0.3 → 1.0.0-alpha.2

package/lib/Keyframes.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class r{name;style;constructor(e,t){this.name=e,this.style=t}getName(e=""){return e?`${e}-${this.name}`:this.name}_keyframe=!0}exports.default=r;

package/lib/StyleContext.d.ts

@@ -1,40 +0,0 @@
-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/StyleContext.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),C=require("./Cache.js"),S="data-token-hash",d="data-css-hash",p="data-cache-path",o="__cssinjs_instance__";function i(){const n=Math.random().toString(12).slice(2);if(typeof document<"u"&&document.head&&document.body){const u=document.body.querySelectorAll(`style[${d}]`)||[],{firstChild:r}=document.head;Array.from(u).forEach(e=>{e[o]=e[o]||n,e[o]===n&&document.head.insertBefore(e,r)});const c={};Array.from(document.querySelectorAll(`style[${d}]`)).forEach(e=>{const t=e.getAttribute(d);c[t]?e[o]===n&&e.parentNode?.removeChild(e):c[t]=!0})}return new C.default(n)}const l=Symbol("StyleContext"),A={hashPriority:"low",cache:i(),defaultCache:!0},m=a.defineComponent((n,{slots:u})=>{const r=f(),c=a.computed(()=>{const e=n,t={...r.value};Object.keys(e).forEach(s=>{const y=e[s];e[s]!==void 0&&(t[s]=y)});const{cache:h}=e;return t.cache=t.cache||i(),t.defaultCache=!h&&r.value.defaultCache,t});return a.provide(l,c),()=>u.default?.()},{name:"StyleProvider",name:"StyleProvider",inheritAttrs:!1,props:{autoClear:{type:Boolean,default:void 0},mock:{type:String,default:void 0},cache:{type:Object,default:void 0},defaultCache:{type:Boolean,default:void 0},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}}});function f(){return a.inject(l,a.computed(()=>A))}exports.ATTR_CACHE_PATH=p;exports.ATTR_MARK=d;exports.ATTR_TOKEN=S;exports.CSS_IN_JS_INSTANCE=o;exports.StyleProvider=m;exports.createCache=i;exports.useStyleContext=f;

package/lib/extractStyle.d.ts

@@ -1,12 +0,0 @@
-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/extractStyle.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./hooks/useCacheToken.js"),y=require("./hooks/useCSSVarRegister.js"),S=require("./hooks/useStyleRegister.js"),d=require("./util/index.js"),r=require("./util/cacheMapUtil.js"),h={[S.STYLE_PREFIX]:S.extract,[f.TOKEN_PREFIX]:f.extract,[y.CSS_VAR_PREFIX]:y.extract};function P(t){return t!==null}function g(t,s){const{plain:o=!1,types:c=["style","token","cssVar"]}=typeof s=="boolean"?{plain:s}:s||{},a=new RegExp(`^(${(typeof c=="string"?[c]:c).join("|")})%`),p=Array.from(t.cache.keys()).filter(e=>a.test(e)),x={},i={};let n="";return p.map(e=>{const l=e.replace(a,"").replace(/%/g,"|"),[_]=e.split("%"),A=h[_],u=A(t.cache.get(e)[1],x,{plain:o});if(!u)return null;const[E,R,T]=u;return e.startsWith("style")&&(i[l]=R),[E,T]}).filter(P).sort(([e],[l])=>e-l).forEach(([,e])=>{n+=e}),n+=d.toStyleStr(`.${r.ATTR_CACHE_MAP}{content:"${r.serialize(i)}";}`,void 0,void 0,{[r.ATTR_CACHE_MAP]:r.ATTR_CACHE_MAP},o),n}exports.default=g;

package/lib/hooks/useCSSVarRegister.d.ts

@@ -1,21 +0,0 @@
-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/useCSSVarRegister.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("@v-c/util/dist/Dom/dynamicCSS"),e=require("vue"),s=require("../StyleContext.js"),_=require("../util/index.js"),R=require("../util/css-variables.js"),h=require("./useGlobalCache.js"),x=require("./useStyleRegister.js"),C="cssVar";function A(t,v){const l=s.useStyleContext(),u=e.computed(()=>e.unref(t).path),r=e.computed(()=>e.unref(t).key),i=e.computed(()=>e.unref(t).prefix),d=e.computed(()=>e.unref(t).unitless),o=e.computed(()=>e.unref(t).ignore),c=e.computed(()=>e.unref(t).scope),p=e.computed(()=>e.unref(t).token),k=e.computed(()=>p.value._tokenKey),m=e.computed(()=>[...u.value,r.value,c.value,k.value]);return h.default(C,m,()=>{const n=e.unref(v)(),[S,a]=R.transformToken(n,r.value,{prefix:i.value,unitless:d.value,ignore:o.value,scope:c.value}),y=x.uniqueHash(m.value,a);return[S,a,y,r.value]},([,,n])=>{_.isClientSide&&T.removeCSS(n,{mark:s.ATTR_MARK})},([,n,S])=>{if(!n)return;const{container:a,cache:{instanceId:y}}=l.value,f=T.updateCSS(n,S,{mark:s.ATTR_MARK,prepend:"queue",attachTo:a,priority:-999});f[s.CSS_IN_JS_INSTANCE]=y,f.setAttribute(s.ATTR_TOKEN,r)})}const q=(t,v,l)=>{const[,u,r,i]=t,{plain:d}=l||{};if(!u)return null;const o=-999,c={"data-vc-order":"prependQueue","data-vc-priority":`${o}`},p=_.toStyleStr(u,i,r,c,d);return[o,r,p]};exports.CSS_VAR_PREFIX=C;exports.default=A;exports.extract=q;

package/lib/hooks/useCacheToken.d.ts

@@ -1,69 +0,0 @@
-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/useCacheToken.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("@emotion/hash"),N=require("@v-c/util/dist/Dom/dynamicCSS"),e=require("vue"),v=require("../StyleContext.js"),l=require("../util/index.js"),I=require("../util/css-variables.js"),x=require("./useGlobalCache.js"),A={},O=process.env.NODE_ENV!=="production"?"css-dev-only-do-not-override":"css",i=new Map;function R(t){i.set(t,(i.get(t)||0)+1)}function q(t,a){typeof document<"u"&&document.querySelectorAll(`style[${v.ATTR_TOKEN}="${t}"]`).forEach(n=>{n[v.CSS_IN_JS_INSTANCE]===a&&n.parentNode?.removeChild(n)})}const b=0;function V(t,a){i.set(t,(i.get(t)||0)-1);const r=Array.from(i.keys()),n=r.filter(u=>(i.get(u)||0)<=0);r.length-n.length>b&&n.forEach(u=>{q(u,a),i.delete(u)})}function g(t,a,r,n){let c={...r.getDerivativeToken(t),...a};return n&&(c=n(c)),c}const E="token";function D(t,a,r=e.ref({})){const n=v.useStyleContext(),u=e.computed(()=>e.unref(r).salt??""),c=e.computed(()=>e.unref(r).override??A),k=e.unref(r).formatToken,f=e.unref(r).getComputedToken,o=e.computed(()=>e.unref(r).cssVar),T=e.computed(()=>l.memoResult(()=>Object.assign({},...e.unref(a)),e.unref(a))),m=e.computed(()=>l.flattenToken(T.value)),K=e.computed(()=>l.flattenToken(c.value)),C=e.computed(()=>o.value?l.flattenToken(o.value):"");return x.default(E,e.computed(()=>[u.value,e.unref(t).id,m.value,K.value,C.value]),()=>{let s=f?f(T.value,c.value,e.unref(t)):g(T.value,c.value,e.unref(t),k);const d={...s};let y="";o.value&&([s,y]=I.transformToken(s,o.value.key,{prefix:o.value.prefix,ignore:o.value.ignore,unitless:o.value.unitless,preserve:o.value.preserve}));const S=l.token2key(s,u.value);s._tokenKey=S,d._tokenKey=l.token2key(d,u.value);const p=o.value?.key??S;s._themeKey=p,R(p);const _=`${O}-${h(S)}`;return s._hashId=_,[s,_,d,y,o.value?.key||""]},s=>{V(s[0]._themeKey,n.value.cache.instanceId)},([s,,,d])=>{if(o.value&&d){const y=N.updateCSS(d,h(`css-variables-${s._themeKey}`),{mark:v.ATTR_MARK,prepend:"queue",attachTo:n.value.container,priority:-999});y[v.CSS_IN_JS_INSTANCE]=n.value.cache.instanceId,y.setAttribute(v.ATTR_TOKEN,s._themeKey)}})}const $=(t,a,r)=>{const[,,n,u,c]=t,{plain:k}=r||{};if(!u)return null;const f=n._tokenKey,o=-999,T={"data-vc-order":"prependQueue","data-vc-priority":`${o}`},m=l.toStyleStr(u,c,f,T,k);return[o,f,m]};exports.TOKEN_PREFIX=E;exports.default=D;exports.extract=$;exports.getComputedToken=g;

package/lib/hooks/useEffectCleanupRegister.d.ts

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

package/lib/hooks/useEffectCleanupRegister.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(){return function(e){e()}}exports.default=u;

package/lib/hooks/useGlobalCache.d.ts

@@ -1,7 +0,0 @@
-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/useGlobalCache.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),E=require("../Cache.js"),S=require("../StyleContext.js"),_=require("./useEffectCleanupRegister.js"),G=require("./useHMR.js");function M(g,b,x,r,v){const n=S.useStyleContext(),q=e.computed(()=>[e.unref(g),...e.unref(b)]),o=e.computed(()=>E.pathKey(q.value)),y=_.default(),f=[],h=G.default(),d=l=>{n.value.cache.opUpdate(o.value,s=>{const[c=0,t]=s||[void 0,void 0];let a=t;process.env.NODE_ENV!=="production"&&t&&h&&(r?.(a,h),a=null);const C=a||x(),m=[c,C];return l?l(m):m})},u=e.shallowRef();u.value=n.value.cache.opGet(o.value),process.env.NODE_ENV!=="production"&&!u.value&&(d(),u.value=n.value.cache.opGet(o.value));const i=e.computed(()=>u.value[1]);return e.watch(o,(l,p)=>{const s=n.value.cache;v?.(i.value),d(([c,t])=>(c===0&&v?.(i.value),[c+1,t])),p&&s.opUpdate(p,c=>{const[t=0,a]=c||[];return t-1===0?(y(()=>{r?.(a,!1)}),null):[t-1,a]}),u.value=s.opGet(o.value),f.push(()=>{r?.(u.value[1],!1)})},{immediate:!0,flush:"post"}),e.onBeforeUnmount(()=>{f.map(l=>l())}),i}exports.default=M;

package/lib/hooks/useHMR.d.ts

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

package/lib/hooks/useHMR.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(){return!1}let t=!1;function i(){return t}const r=process.env.NODE_ENV==="production"?u:i;if(process.env.NODE_ENV!=="production"&&typeof module<"u"&&module&&module.hot&&typeof window<"u"){const e=window;if(typeof e.webpackHotUpdate=="function"){const o=e.webpackHotUpdate;e.webpackHotUpdate=(...n)=>(t=!0,setTimeout(()=>{t=!1},0),o(...n))}}exports.default=r;

package/lib/hooks/useStyleRegister.d.ts

@@ -1,81 +0,0 @@
-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/hooks/useStyleRegister.js

@@ -1,3 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),V=require("@emotion/hash"),q=require("@v-c/util/dist/Dom/dynamicCSS"),w=require("@emotion/unitless"),O=require("stylis"),F=require("../linters/contentQuotesLinter.js"),D=require("../linters/hashedAnimationLinter.js");require("@v-c/util/dist/warning");const j=require("../StyleContext.js"),P=require("../util/index.js"),k=require("../util/cacheMapUtil.js"),U=require("./useGlobalCache.js"),x="_skip_check_",M="_multi_value_";function I(e){return O.serialize(O.compile(e),O.stringify).replace(/\{%%%:[^;];\}/g,";")}function W(e){return typeof e=="object"&&e&&(x in e||M in e)}function H(e,y,E){if(!y)return e;const C=`.${y}`,T=E==="low"?`:where(${C})`:C;return e.split(",").map(u=>{const A=u.trim().split(/\s+/);let h=A[0]||"";const r=h.match(/^\w+/)?.[0]||"";return h=`${r}${T}${h.slice(r.length)}`,[h,...A.slice(1)].join(" ")}).join(",")}function R(e,y={},{root:E,injectHash:C,parentSelectors:T}={root:!0,parentSelectors:[]}){const{hashId:d,layer:u,path:A,hashPriority:h,transformers:r=[],linters:m=[]}=y;let o="",f={};function N(s){const l=s.getName(d);if(!f[l]){const[i]=R(s.style,y,{root:!1,parentSelectors:T});f[l]=`@keyframes ${s.getName(d)}${i}`}}function g(s,l=[]){return s.forEach(i=>{Array.isArray(i)?g(i,l):i&&l.push(i)}),l}return g(Array.isArray(e)?e:[e]).forEach(s=>{const l=typeof s=="string"&&!E?{}:s;if(typeof l=="string")o+=`${l}
-`;else if(l._keyframe)N(l);else{const i=r.reduce((a,n)=>n?.visit?.(a)||a,l);Object.keys(i).forEach(a=>{const n=i[a];if(typeof n=="object"&&n&&(a!=="animationName"||!n._keyframe)&&!W(n)){let p=!1,c=a.trim(),v=!1;(E||C)&&d?c.startsWith("@")?p=!0:c==="&"?c=H("",d,h):c=H(a,d,h):E&&!d&&(c==="&"||c==="")&&(c="",v=!0);const[_,S]=R(n,y,{root:v,injectHash:p,parentSelectors:[...T,c]});f={...f,...S},o+=`${c}${_}`}else{let p=function(v,_){process.env.NODE_ENV!=="production"&&(typeof n!="object"||!n?.[x])&&[F.default,D.default,...m].forEach(L=>L(v,_,{path:A,hashId:d,parentSelectors:T}));const S=v.replace(/[A-Z]/g,L=>`-${L.toLowerCase()}`);let b=_;!w[v]&&typeof b=="number"&&b!==0&&(b=`${b}px`),v==="animationName"&&_?._keyframe&&(N(_),b=_.getName(d)),o+=`${S}:${b};`};const c=n?.value??n;typeof n=="object"&&n?.[M]&&Array.isArray(c)?c.forEach(v=>{p(a,v)}):p(a,c)}})}}),E?u&&(o=`@layer ${u.name} {${o}}`,u.dependencies&&(f[`@layer ${u.name}`]=u.dependencies.map(s=>`@layer ${s}, ${u.name};`).join(`
-`))):o=`{${o}}`,[o,f]}function K(e,y){return V(`${e.join("%")}${y}`)}function Y(){return null}const z="style";function Q(e,y){const E=t.computed(()=>t.unref(e).token),C=t.computed(()=>t.unref(e).path),T=t.computed(()=>t.unref(e).hashId),d=t.computed(()=>t.unref(e).layer),u=t.computed(()=>t.unref(e).nonce),A=t.computed(()=>t.unref(e).clientOnly),h=t.computed(()=>t.unref(e).order??0),r=j.useStyleContext(),m=t.computed(()=>E.value._tokenKey),o=[m.value];r.value.layer&&o.push("layer"),o.push(...C.value);const f=r.value.mock;let N=P.isClientSide;process.env.NODE_ENV!=="production"&&f!==void 0&&(N=f==="client");const g=U.default(z,o,()=>{const $=o.join("|");if(k.existPath($)){const[p,c]=k.getStyleAndHash($);if(p)return[p,m.value,c,{},A.value,h.value]}const s=t.unref(y)(),[l,i]=R(s,{hashId:T.value,hashPriority:r.value.hashPriority,layer:r.value.layer?d.value:void 0,path:C.value.join("-"),transformers:r.value.transformers,linters:r.value.linters}),a=I(l),n=K(o,a);return[a,m.value,n,i,A.value,h.value]},([,,$],s)=>{(s||r.value.autoClear)&&P.isClientSide&&q.removeCSS($,{mark:j.ATTR_MARK})},([$,s,l,i])=>{if(N&&$!==k.CSS_FILE_STYLE){const a={mark:j.ATTR_MARK,prepend:r.value.layer?!1:"queue",attachTo:r.value.container,priority:h.value},n=typeof u.value=="function"?u.value():u.value;n&&(a.csp={nonce:n});const p=[],c=[];Object.keys(i).forEach(S=>{S.startsWith("@layer")?p.push(S):c.push(S)}),p.forEach(S=>{q.updateCSS(I(i[S]),`_layer-${S}`,{...a,prepend:!0})});const v=r.value.cache,_=q.updateCSS($,l,a);_[j.CSS_IN_JS_INSTANCE]=v.instanceId,_.setAttribute(j.ATTR_TOKEN,t.unref(m)),process.env.NODE_ENV!=="production"&&_.setAttribute(j.ATTR_CACHE_PATH,o.join("|")),c.forEach(S=>{q.updateCSS(I(i[S]),`_effect-${S}`,a)})}});return $=>{let s;const{ssrInline:l,defaultCache:i}=r.value,[a,n,p]=g.value;return!l||N||!i?s=t.createVNode(Y,null,null):s=t.createVNode("style",t.mergeProps({[j.ATTR_TOKEN]:n,[j.ATTR_MARK]:p},{innerHTML:a}),null),t.createVNode(t.Fragment,null,[s,$])}}const X=(e,y,E)=>{const[C,T,d,u,A,h]=e,{plain:r}=E||{};if(A)return null;let m=C;const o={"data-vc-order":"prependQueue","data-vc-priority":`${h}`};return m=P.toStyleStr(C,T,d,o,r),u&&Object.keys(u).forEach(f=>{if(!y[f]){y[f]=!0;const N=I(u[f]),g=P.toStyleStr(N,T,`_effect-${f}`,o,r);f.startsWith("@layer")?m=g+m:m+=g}}),[h,d,m]};exports.STYLE_PREFIX=z;exports.default=Q;exports.extract=X;exports.normalizeStyle=I;exports.parseStyle=R;exports.uniqueHash=K;

package/lib/index.d.ts

@@ -1,18 +0,0 @@
-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/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./extractStyle.js"),r=require("./hooks/useCacheToken.js"),a=require("./hooks/useCSSVarRegister.js"),i=require("./hooks/useStyleRegister.js"),u=require("./Keyframes.js");require("@v-c/util/dist/warning");const n=require("./linters/legacyNotSelectorLinter.js"),c=require("./linters/logicalPropertiesLinter.js"),s=require("./linters/NaNLinter.js"),l=require("./linters/parentSelectorLinter.js"),t=require("./StyleContext.js"),d=require("./theme/calc/index.js"),S=require("./theme/createTheme.js"),p=require("./theme/Theme.js"),f=require("./transformers/legacyLogicalProperties.js"),g=require("./transformers/px2rem.js"),e=require("./util/index.js"),q=require("./util/css-variables.js"),m={supportModernCSS:()=>e.supportWhere()&&e.supportLogicProps()};exports.extractStyle=o.default;exports.getComputedToken=r.getComputedToken;exports.useCacheToken=r.default;exports.useCSSVarRegister=a.default;exports.useStyleRegister=i.default;exports.Keyframes=u.default;exports.legacyNotSelectorLinter=n.default;exports.logicalPropertiesLinter=c.default;exports.NaNLinter=s.default;exports.parentSelectorLinter=l.default;exports.StyleProvider=t.StyleProvider;exports.createCache=t.createCache;exports.genCalc=d.default;exports.createTheme=S.default;exports.Theme=p.default;exports.legacyLogicalPropertiesTransformer=f.default;exports.px2remTransformer=g.default;exports.unit=e.unit;exports.token2CSSVar=q.token2CSSVar;exports._experimental=m;

package/lib/interface.d.ts

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

package/lib/linters/NaNLinter.d.ts

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

package/lib/linters/NaNLinter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./utils.js"),n=(t,e,i)=>{(typeof e=="string"&&/NaN/.test(e)||Number.isNaN(e))&&r.lintWarning(`Unexpected 'NaN' in property '${t}: ${e}'.`,i)};exports.default=n;

package/lib/linters/contentQuotesLinter.d.ts

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

package/lib/linters/contentQuotesLinter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./utils.js"),r=(n,t,e)=>{if(n==="content"){const o=/(attr|counters?|url|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;(typeof t!="string"||!["normal","none","initial","inherit","unset"].includes(t)&&!o.test(t)&&(t.charAt(0)!==t.charAt(t.length-1)||t.charAt(0)!=='"'&&t.charAt(0)!=="'"))&&i.lintWarning(`You seem to be using a value for 'content' without quotes, try replacing it with \`content: '"${t}"'\`.`,e)}};exports.default=r;

package/lib/linters/hashedAnimationLinter.d.ts

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

package/lib/linters/hashedAnimationLinter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./utils.js"),a=(n,e,i)=>{n==="animation"&&i.hashId&&e!=="none"&&t.lintWarning(`You seem to be using hashed animation '${e}', in which case 'animationName' with Keyframe as value is recommended.`,i)};exports.default=a;

package/lib/linters/index.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

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

package/lib/linters/legacyNotSelectorLinter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./utils.js");function s(n){return(n.match(/:not\(([^)]*)\)/)?.[1]||"").split(/(\[[^[]*\])|(?=[.#])/).filter(o=>o).length>1}function c(n){return n.parentSelectors.reduce((e,t)=>e?t.includes("&")?t.replace(/&/g,e):`${e} ${t}`:t,"")}const i=(n,e,t)=>{const l=c(t).match(/:not\([^)]*\)/g)||[];l.length>0&&l.some(s)&&r.lintWarning("Concat ':not' selector not support in legacy browsers.",t)};exports.default=i;

package/lib/linters/logicalPropertiesLinter.d.ts

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

package/lib/linters/logicalPropertiesLinter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./utils.js"),c=(t,r,o)=>{switch(t){case"marginLeft":case"marginRight":case"paddingLeft":case"paddingRight":case"left":case"right":case"borderLeft":case"borderLeftWidth":case"borderLeftStyle":case"borderLeftColor":case"borderRight":case"borderRightWidth":case"borderRightStyle":case"borderRightColor":case"borderTopLeftRadius":case"borderTopRightRadius":case"borderBottomLeftRadius":case"borderBottomRightRadius":a.lintWarning(`You seem to be using non-logical property '${t}' which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,o);return;case"margin":case"padding":case"borderWidth":case"borderStyle":if(typeof r=="string"){const s=r.split(" ").map(n=>n.trim());s.length===4&&s[1]!==s[3]&&a.lintWarning(`You seem to be using '${t}' property with different left ${t} and right ${t}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,o)}return;case"clear":case"textAlign":(r==="left"||r==="right")&&a.lintWarning(`You seem to be using non-logical value '${r}' of ${t}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,o);return;case"borderRadius":typeof r=="string"&&r.split("/").map(i=>i.trim()).reduce((i,l)=>{if(i)return i;const e=l.split(" ").map(d=>d.trim());return e.length>=2&&e[0]!==e[1]||e.length===3&&e[1]!==e[2]||e.length===4&&e[2]!==e[3]?!0:i},!1)&&a.lintWarning(`You seem to be using non-logical value '${r}' of ${t}, which is not compatible with RTL mode. Please use logical properties and values instead. For more information: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties.`,o)}};exports.default=c;

package/lib/linters/parentSelectorLinter.d.ts

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

package/lib/linters/parentSelectorLinter.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./utils.js"),o=(r,n,e)=>{e.parentSelectors.some(t=>t.split(",").some(s=>s.split("&").length>2))&&l.lintWarning("Should not use more than one `&` in a selector.",e)};exports.default=o;

package/lib/linters/utils.d.ts

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

package/lib/linters/utils.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@v-c/util/dist/warning");function o(t,r){const{path:n,parentSelectors:e}=r;i(!1,`[Ant Design CSS-in-JS] ${n?`Error in ${n}: `:""}${t}${e.length?` Selector: ${e.join(" | ")}`:""}`)}exports.lintWarning=o;

package/lib/theme/Theme.d.ts

@@ -1,11 +0,0 @@
-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/Theme.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("@v-c/util/dist/warning");let t=0;class u{derivatives;id;constructor(e){this.derivatives=Array.isArray(e)?e:[e],this.id=t,e.length===0&&n.warning(e.length>0,"[Ant Design CSS-in-JS] Theme should have at least one derivative function."),t+=1}getDerivativeToken(e){return this.derivatives.reduce((i,r)=>r(e,i),void 0)}}exports.default=u;

package/lib/theme/ThemeCache.d.ts

@@ -1,20 +0,0 @@
-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/ThemeCache.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function n(i,e){if(i.length!==e.length)return!1;for(let s=0;s<i.length;s++)if(i[s]!==e[s])return!1;return!0}class c{static MAX_CACHE_SIZE=20;static MAX_CACHE_OFFSET=5;cache;keys;cacheCallTimes;constructor(){this.cache=new Map,this.keys=[],this.cacheCallTimes=0}size(){return this.keys.length}internalGet(e,s=!1){let t={map:this.cache};return e.forEach(l=>{t?t=t?.map?.get(l):t=void 0}),t?.value&&s&&(t.value[1]=this.cacheCallTimes++),t?.value}get(e){return this.internalGet(e,!0)?.[0]}has(e){return!!this.internalGet(e)}set(e,s){if(!this.has(e)){if(this.size()+1>c.MAX_CACHE_SIZE+c.MAX_CACHE_OFFSET){const[l]=this.keys.reduce((h,a)=>{const[,u]=h;return this.internalGet(a)[1]<u?[a,this.internalGet(a)[1]]:h},[this.keys[0],this.cacheCallTimes]);this.delete(l)}this.keys.push(e)}let t=this.cache;e.forEach((l,h)=>{if(h===e.length-1)t.set(l,{value:[s,this.cacheCallTimes++]});else{const a=t.get(l);a?a.map||(a.map=new Map):t.set(l,{map:new Map}),t=t.get(l).map}})}deleteByPath(e,s){const t=e.get(s[0]);if(s.length===1)return t.map?e.set(s[0],{map:t.map}):e.delete(s[0]),t.value?.[0];const l=this.deleteByPath(t.map,s.slice(1));return(!t.map||t.map.size===0)&&!t.value&&e.delete(s[0]),l}delete(e){if(this.has(e))return this.keys=this.keys.filter(s=>!n(s,e)),this.deleteByPath(this.cache,e)}}exports.default=c;exports.sameDerivativeOption=n;

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

@@ -1,15 +0,0 @@
-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/CSSCalculator.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./calculator.js"),u="CALC_UNIT",f=new RegExp(u,"g");function l(r){return typeof r=="number"?`${r}${u}`:r}class e extends h.default{result="";unitlessCssVar;lowPriority;constructor(t,i){super();const s=typeof t;this.unitlessCssVar=i,t instanceof e?this.result=`(${t.result})`:s==="number"?this.result=l(t):s==="string"&&(this.result=t)}add(t){return t instanceof e?this.result=`${this.result} + ${t.getResult()}`:(typeof t=="number"||typeof t=="string")&&(this.result=`${this.result} + ${l(t)}`),this.lowPriority=!0,this}sub(t){return t instanceof e?this.result=`${this.result} - ${t.getResult()}`:(typeof t=="number"||typeof t=="string")&&(this.result=`${this.result} - ${l(t)}`),this.lowPriority=!0,this}mul(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof e?this.result=`${this.result} * ${t.getResult(!0)}`:(typeof t=="number"||typeof t=="string")&&(this.result=`${this.result} * ${t}`),this.lowPriority=!1,this}div(t){return this.lowPriority&&(this.result=`(${this.result})`),t instanceof e?this.result=`${this.result} / ${t.getResult(!0)}`:(typeof t=="number"||typeof t=="string")&&(this.result=`${this.result} / ${t}`),this.lowPriority=!1,this}getResult(t){return this.lowPriority||t?`(${this.result})`:this.result}equal(t){const{unit:i}=t||{};let s=!0;return typeof i=="boolean"?s=i:Array.from(this.unitlessCssVar).some(o=>this.result.includes(o))&&(s=!1),this.result=this.result.replace(f,s?"px":""),typeof this.lowPriority<"u"?`calc(${this.result})`:this.result}}exports.default=e;

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

@@ -1,10 +0,0 @@
-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/NumCalculator.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./calculator.js");class t extends s.default{result=0;constructor(e){super(),e instanceof t?this.result=e.result:typeof e=="number"&&(this.result=e)}add(e){return e instanceof t?this.result+=e.result:typeof e=="number"&&(this.result+=e),this}sub(e){return e instanceof t?this.result-=e.result:typeof e=="number"&&(this.result-=e),this}mul(e){return e instanceof t?this.result*=e.result:typeof e=="number"&&(this.result*=e),this}div(e){return e instanceof t?this.result/=e.result:typeof e=="number"&&(this.result/=e),this}equal(){return this.result}}exports.default=t;

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

@@ -1,30 +0,0 @@
-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/calculator.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class e{}exports.default=e;

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

@@ -1,5 +0,0 @@
-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/calc/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./CSSCalculator.js"),a=require("./NumCalculator.js");function o(e,t){const u=e==="css"?r.default:a.default;return l=>new u(l,t)}exports.default=o;

package/lib/theme/createTheme.d.ts

@@ -1,6 +0,0 @@
-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/createTheme.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./Theme.js"),a=require("./ThemeCache.js"),r=new a.default;function c(t){const e=Array.isArray(t)?t:[t];return r.has(e)||r.set(e,new u.default(e)),r.get(e)}exports.default=c;

package/lib/theme/index.d.ts

@@ -1,6 +0,0 @@
-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

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

package/lib/transformers/interface.d.ts

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

package/lib/transformers/legacyLogicalProperties.d.ts

@@ -1,12 +0,0 @@
-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/legacyLogicalProperties.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function s(e){if(typeof e=="number")return[[e],!1];const t=String(e).trim(),o=t.match(/(.*)(!important)/),i=(o?o[1]:t).trim().split(/\s+/);let r=[],d=0;return[i.reduce((l,n)=>{if(n.includes("(")||n.includes(")")){const a=n.split("(").length-1,p=n.split(")").length-1;d+=a-p}return d>=0&&r.push(n),d===0&&(l.push(r.join(" ")),r=[]),l},[]),!!o]}function b(e){return e.notSplit=!0,e}const c={inset:["top","right","bottom","left"],insetBlock:["top","bottom"],insetBlockStart:["top"],insetBlockEnd:["bottom"],insetInline:["left","right"],insetInlineStart:["left"],insetInlineEnd:["right"],marginBlock:["marginTop","marginBottom"],marginBlockStart:["marginTop"],marginBlockEnd:["marginBottom"],marginInline:["marginLeft","marginRight"],marginInlineStart:["marginLeft"],marginInlineEnd:["marginRight"],paddingBlock:["paddingTop","paddingBottom"],paddingBlockStart:["paddingTop"],paddingBlockEnd:["paddingBottom"],paddingInline:["paddingLeft","paddingRight"],paddingInlineStart:["paddingLeft"],paddingInlineEnd:["paddingRight"],borderBlock:b(["borderTop","borderBottom"]),borderBlockStart:b(["borderTop"]),borderBlockEnd:b(["borderBottom"]),borderInline:b(["borderLeft","borderRight"]),borderInlineStart:b(["borderLeft"]),borderInlineEnd:b(["borderRight"]),borderBlockWidth:["borderTopWidth","borderBottomWidth"],borderBlockStartWidth:["borderTopWidth"],borderBlockEndWidth:["borderBottomWidth"],borderInlineWidth:["borderLeftWidth","borderRightWidth"],borderInlineStartWidth:["borderLeftWidth"],borderInlineEndWidth:["borderRightWidth"],borderBlockStyle:["borderTopStyle","borderBottomStyle"],borderBlockStartStyle:["borderTopStyle"],borderBlockEndStyle:["borderBottomStyle"],borderInlineStyle:["borderLeftStyle","borderRightStyle"],borderInlineStartStyle:["borderLeftStyle"],borderInlineEndStyle:["borderRightStyle"],borderBlockColor:["borderTopColor","borderBottomColor"],borderBlockStartColor:["borderTopColor"],borderBlockEndColor:["borderBottomColor"],borderInlineColor:["borderLeftColor","borderRightColor"],borderInlineStartColor:["borderLeftColor"],borderInlineEndColor:["borderRightColor"],borderStartStartRadius:["borderTopLeftRadius"],borderStartEndRadius:["borderTopRightRadius"],borderEndStartRadius:["borderBottomLeftRadius"],borderEndEndRadius:["borderBottomRightRadius"]};function g(e,t){let o=e;return t&&(o=`${o} !important`),{_skip_check_:!0,value:o}}const h={visit:e=>{const t={};return Object.keys(e).forEach(o=>{const i=e[o],r=c[o];if(r&&(typeof i=="number"||typeof i=="string")){const[d,l]=s(i);r.length&&r.notSplit?r.forEach(n=>{t[n]=g(i,l)}):r.length===1?t[r[0]]=g(d[0],l):r.length===2?r.forEach((n,a)=>{t[n]=g(d[a]??d[0],l)}):r.length===4?r.forEach((n,a)=>{t[n]=g(d[a]??d[a-2]??d[0],l)}):t[o]=i}else t[o]=i}),t}};exports.default=h;