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

package/es/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/es/theme/calc/NumCalculator.js

@@ -1,25 +0,0 @@
-import s from "./calculator.js";
-class t extends s {
-  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;
-  }
-}
-export {
-  t as default
-};

package/es/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/es/theme/calc/calculator.js

@@ -1,5 +0,0 @@
-class t {
-}
-export {
-  t as default
-};

package/es/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/es/theme/calc/index.js

@@ -1,9 +0,0 @@
-import l from "./CSSCalculator.js";
-import c from "./NumCalculator.js";
-function e(o, r) {
-  const t = o === "css" ? l : c;
-  return (a) => new t(a, r);
-}
-export {
-  e as default
-};

package/es/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/es/theme/createTheme.js

@@ -1,10 +0,0 @@
-import m from "./Theme.js";
-import o from "./ThemeCache.js";
-const t = new o();
-function h(r) {
-  const e = Array.isArray(r) ? r : [r];
-  return t.has(e) || t.set(e, new m(e)), t.get(e);
-}
-export {
-  h as default
-};

package/es/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/es/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/es/transformers/interface.d.ts

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

package/es/transformers/legacyLogicalProperties.js

@@ -1,108 +0,0 @@
-function c(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, g = n.split(")").length - 1;
-        d += a - g;
-      }
-      return d >= 0 && r.push(n), d === 0 && (l.push(r.join(" ")), r = []), l;
-    }, []),
-    !!o
-  ];
-}
-function b(e) {
-  return e.notSplit = !0, e;
-}
-const s = {
-  // Inset
-  inset: ["top", "right", "bottom", "left"],
-  insetBlock: ["top", "bottom"],
-  insetBlockStart: ["top"],
-  insetBlockEnd: ["bottom"],
-  insetInline: ["left", "right"],
-  insetInlineStart: ["left"],
-  insetInlineEnd: ["right"],
-  // Margin
-  marginBlock: ["marginTop", "marginBottom"],
-  marginBlockStart: ["marginTop"],
-  marginBlockEnd: ["marginBottom"],
-  marginInline: ["marginLeft", "marginRight"],
-  marginInlineStart: ["marginLeft"],
-  marginInlineEnd: ["marginRight"],
-  // Padding
-  paddingBlock: ["paddingTop", "paddingBottom"],
-  paddingBlockStart: ["paddingTop"],
-  paddingBlockEnd: ["paddingBottom"],
-  paddingInline: ["paddingLeft", "paddingRight"],
-  paddingInlineStart: ["paddingLeft"],
-  paddingInlineEnd: ["paddingRight"],
-  // Border
-  borderBlock: b(["borderTop", "borderBottom"]),
-  borderBlockStart: b(["borderTop"]),
-  borderBlockEnd: b(["borderBottom"]),
-  borderInline: b(["borderLeft", "borderRight"]),
-  borderInlineStart: b(["borderLeft"]),
-  borderInlineEnd: b(["borderRight"]),
-  // Border width
-  borderBlockWidth: ["borderTopWidth", "borderBottomWidth"],
-  borderBlockStartWidth: ["borderTopWidth"],
-  borderBlockEndWidth: ["borderBottomWidth"],
-  borderInlineWidth: ["borderLeftWidth", "borderRightWidth"],
-  borderInlineStartWidth: ["borderLeftWidth"],
-  borderInlineEndWidth: ["borderRightWidth"],
-  // Border style
-  borderBlockStyle: ["borderTopStyle", "borderBottomStyle"],
-  borderBlockStartStyle: ["borderTopStyle"],
-  borderBlockEndStyle: ["borderBottomStyle"],
-  borderInlineStyle: ["borderLeftStyle", "borderRightStyle"],
-  borderInlineStartStyle: ["borderLeftStyle"],
-  borderInlineEndStyle: ["borderRightStyle"],
-  // Border color
-  borderBlockColor: ["borderTopColor", "borderBottomColor"],
-  borderBlockStartColor: ["borderTopColor"],
-  borderBlockEndColor: ["borderBottomColor"],
-  borderInlineColor: ["borderLeftColor", "borderRightColor"],
-  borderInlineStartColor: ["borderLeftColor"],
-  borderInlineEndColor: ["borderRightColor"],
-  // Border radius
-  borderStartStartRadius: ["borderTopLeftRadius"],
-  borderStartEndRadius: ["borderTopRightRadius"],
-  borderEndStartRadius: ["borderBottomLeftRadius"],
-  borderEndEndRadius: ["borderBottomRightRadius"]
-};
-function p(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 = s[o];
-      if (r && (typeof i == "number" || typeof i == "string")) {
-        const [d, l] = c(i);
-        r.length && r.notSplit ? r.forEach((n) => {
-          t[n] = p(i, l);
-        }) : r.length === 1 ? t[r[0]] = p(d[0], l) : r.length === 2 ? r.forEach((n, a) => {
-          t[n] = p(
-            d[a] ?? d[0],
-            l
-          );
-        }) : r.length === 4 ? r.forEach((n, a) => {
-          t[n] = p(
-            d[a] ?? d[a - 2] ?? d[0],
-            l
-          );
-        }) : t[o] = i;
-      } else
-        t[o] = i;
-    }), t;
-  }
-};
-export {
-  h as default
-};

package/es/transformers/px2rem.d.ts

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

package/es/transformers/px2rem.js

@@ -1,32 +0,0 @@
-import a from "@emotion/unitless";
-const l = /url\([^)]+\)|var\([^)]+\)|(\d+(?:\.\d+)?|\.\d+)px/g;
-function d(i, s) {
-  const o = 10 ** (s + 1), c = Math.floor(i * o);
-  return Math.round(c / 10) * 10 / o;
-}
-function h(i = {}) {
-  const { rootValue: s = 16, precision: o = 5, mediaQuery: c = !1 } = i, p = (n, e) => {
-    if (!e)
-      return n;
-    const t = Number.parseFloat(e);
-    return t <= 1 ? n : `${d(t / s, o)}rem`;
-  };
-  return { visit: (n) => {
-    const e = { ...n };
-    return Object.entries(n).forEach(([t, r]) => {
-      if (typeof r == "string" && r.includes("px")) {
-        const f = r.replace(l, p);
-        e[t] = f;
-      }
-      !a[t] && typeof r == "number" && r !== 0 && (e[t] = `${r}px`.replace(l, p));
-      const u = t.trim();
-      if (u.startsWith("@") && u.includes("px") && c) {
-        const f = t.replace(l, p);
-        e[f] = e[t], delete e[t];
-      }
-    }), e;
-  } };
-}
-export {
-  h as default
-};

package/es/util/cacheMapUtil.d.ts

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

package/es/util/cacheMapUtil.js

@@ -1,48 +0,0 @@
-import s from "@v-c/util/dist/Dom/canUseDom";
-import { ATTR_MARK as d } from "../StyleContext.js";
-const l = "data-ant-cssinjs-cache-path", u = "_FILE_STYLE__";
-function y(e) {
-  return Object.keys(e).map((t) => {
-    const n = e[t];
-    return `${t}:${n}`;
-  }).join(";");
-}
-let o, c = !0;
-function m() {
-  if (!o && (o = {}, s())) {
-    const e = document.createElement("div");
-    e.className = l, e.style.position = "fixed", e.style.visibility = "hidden", e.style.top = "-9999px", document.body.appendChild(e);
-    let t = getComputedStyle(e).content || "";
-    t = t.replace(/^"/, "").replace(/"$/, ""), t.split(";").forEach((i) => {
-      const [r, a] = i.split(":");
-      o[r] = a;
-    });
-    const n = document.querySelector(`style[${l}]`);
-    n && (c = !1, n.parentNode?.removeChild(n)), document.body.removeChild(e);
-  }
-}
-function h(e) {
-  return m(), !!o[e];
-}
-function S(e) {
-  const t = o[e];
-  let n = null;
-  if (t && s())
-    if (c)
-      n = u;
-    else {
-      const i = document.querySelector(
-        `style[${d}="${o[e]}"]`
-      );
-      i ? n = i.innerHTML : delete o[e];
-    }
-  return [n, t];
-}
-export {
-  l as ATTR_CACHE_MAP,
-  u as CSS_FILE_STYLE,
-  h as existPath,
-  S as getStyleAndHash,
-  m as prepare,
-  y as serialize
-};

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

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

package/es/util/css-variables.js

@@ -1,22 +0,0 @@
-function p(r, t = "") {
-  return `--${t ? `${t}-` : ""}${r}`.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/([A-Z]+)([A-Z][a-z0-9]+)/g, "$1-$2").replace(/([a-z])([A-Z0-9])/g, "$1-$2").toLowerCase();
-}
-function a(r, t, e) {
-  return Object.keys(r).length ? `.${t}${e?.scope ? `.${e.scope}` : ""}{${Object.entries(r).map(([o, $]) => `${o}:${$};`).join("")}}` : "";
-}
-function i(r, t, e) {
-  const o = {}, $ = {};
-  return Object.entries(r).forEach(([n, s]) => {
-    if (e?.preserve?.[n])
-      $[n] = s;
-    else if ((typeof s == "string" || typeof s == "number") && !e?.ignore?.[n]) {
-      const c = p(n, e?.prefix);
-      o[c] = typeof s == "number" && !e?.unitless?.[n] ? `${s}px` : String(s), $[n] = `var(${c})`;
-    }
-  }), [$, a(o, t, { scope: e?.scope })];
-}
-export {
-  a as serializeCSSVar,
-  p as token2CSSVar,
-  i as transformToken
-};

package/es/util/index.d.ts

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

package/es/util/index.js

@@ -1,85 +0,0 @@
-import m from "@emotion/hash";
-import d from "@v-c/util/dist/Dom/canUseDom";
-import { updateCSS as $, removeCSS as T } from "@v-c/util/dist/Dom/dynamicCSS";
-import { ATTR_MARK as g, ATTR_TOKEN as C } from "../StyleContext.js";
-import b from "../theme/Theme.js";
-const v = /* @__PURE__ */ new WeakMap(), c = {};
-function w(e, r) {
-  let t = v;
-  for (let n = 0; n < r.length; n += 1) {
-    const o = r[n];
-    t.has(o) || t.set(o, /* @__PURE__ */ new WeakMap()), t = t.get(o);
-  }
-  return t.has(c) || t.set(c, e()), t.get(c);
-}
-const p = /* @__PURE__ */ new WeakMap();
-function y(e, r = !1) {
-  let t = p.get(e) || "";
-  return t || (Object.keys(e).forEach((n) => {
-    const o = e[n];
-    t += n, o instanceof b ? t += o.id : o && typeof o == "object" ? t += y(o, r) : t += o;
-  }), r && (t = m(t)), p.set(e, t)), t;
-}
-function A(e, r) {
-  return m(`${r}_${y(e, !0)}`);
-}
-const i = `random-${Date.now()}-${Math.random()}`.replace(
-  /\./g,
-  ""
-), S = "_bAmBoO_";
-function h(e, r, t) {
-  if (d()) {
-    $(e, i);
-    const n = document.createElement("div");
-    n.style.position = "fixed", n.style.left = "0", n.style.top = "0", r?.(n), document.body.appendChild(n), process.env.NODE_ENV !== "production" && (n.innerHTML = "Test", n.style.zIndex = "9999999");
-    const o = t ? t(n) : getComputedStyle(n).content?.includes(S);
-    return n.parentNode?.removeChild(n), T(i), o;
-  }
-  return !1;
-}
-let a;
-function L() {
-  return a === void 0 && (a = h(
-    `:where(.${i}) { content: "${S}"!important; }`,
-    (e) => {
-      e.className = i;
-    }
-  )), a;
-}
-let l;
-function O() {
-  return l === void 0 && (l = h(
-    `.${i} { inset-block: 93px !important; }`,
-    (e) => {
-      e.className = i;
-    },
-    (e) => getComputedStyle(e).bottom === "93px"
-  )), l;
-}
-const R = d();
-function W(e) {
-  return typeof e == "number" ? `${e}px` : e;
-}
-function j(e, r, t, n = {}, o = !1) {
-  if (o)
-    return e;
-  const f = {
-    ...n,
-    [C]: r,
-    [g]: t
-  };
-  return `<style ${Object.keys(f).map((s) => {
-    const u = f[s];
-    return u ? `${s}="${u}"` : null;
-  }).filter((s) => s).join(" ")}>${e}</style>`;
-}
-export {
-  y as flattenToken,
-  R as isClientSide,
-  w as memoResult,
-  O as supportLogicProps,
-  L as supportWhere,
-  j as toStyleStr,
-  A as token2key,
-  W as unit
-};

package/lib/Cache.d.ts

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

package/lib/Cache.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u="%";function n(c){return c.join(u)}class i{instanceId;constructor(e){this.instanceId=e}cache=new Map;get(e){return this.opGet(n(e))}opGet(e){return this.cache.get(e)||null}update(e,t){return this.opUpdate(n(e),t)}opUpdate(e,t){const a=this.cache.get(e),s=t(a);s===null?this.cache.delete(e):this.cache.set(e,s)}}exports.default=i;exports.pathKey=n;

package/lib/Keyframes.d.ts

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

package/lib/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;