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

package/es/hooks/useStyleRegister.js

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

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

@@ -1,44 +0,0 @@
-import { default as s } from "./extractStyle.js";
-import { getComputedToken as l, default as u } from "./hooks/useCacheToken.js";
-import { default as d } from "./hooks/useCSSVarRegister.js";
-import { default as n } from "./hooks/useStyleRegister.js";
-import { default as S } from "./Keyframes.js";
-import "@v-c/util/dist/warning";
-import { default as C } from "./linters/legacyNotSelectorLinter.js";
-import { default as L } from "./linters/logicalPropertiesLinter.js";
-import { default as h } from "./linters/NaNLinter.js";
-import { default as k } from "./linters/parentSelectorLinter.js";
-import { StyleProvider as R, createCache as V } from "./StyleContext.js";
-import { default as K } from "./theme/calc/index.js";
-import { default as W } from "./theme/createTheme.js";
-import { default as b } from "./theme/Theme.js";
-import { default as q } from "./transformers/legacyLogicalProperties.js";
-import { default as z } from "./transformers/px2rem.js";
-import { supportWhere as e, supportLogicProps as r } from "./util/index.js";
-import { unit as B } from "./util/index.js";
-import { token2CSSVar as E } from "./util/css-variables.js";
-const a = {
-  supportModernCSS: () => e() && r()
-};
-export {
-  S as Keyframes,
-  h as NaNLinter,
-  R as StyleProvider,
-  b as Theme,
-  a as _experimental,
-  V as createCache,
-  W as createTheme,
-  s as extractStyle,
-  K as genCalc,
-  l as getComputedToken,
-  q as legacyLogicalPropertiesTransformer,
-  C as legacyNotSelectorLinter,
-  L as logicalPropertiesLinter,
-  k as parentSelectorLinter,
-  z as px2remTransformer,
-  E as token2CSSVar,
-  B as unit,
-  d as useCSSVarRegister,
-  u as useCacheToken,
-  n as useStyleRegister
-};

package/es/interface.d.ts

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

package/es/linters/NaNLinter.d.ts

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

package/es/linters/NaNLinter.js

@@ -1,7 +0,0 @@
-import { lintWarning as n } from "./utils.js";
-const N = (r, t, i) => {
-  (typeof t == "string" && /NaN/.test(t) || Number.isNaN(t)) && n(`Unexpected 'NaN' in property '${r}: ${t}'.`, i);
-};
-export {
-  N as default
-};

package/es/linters/contentQuotesLinter.d.ts

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

package/es/linters/contentQuotesLinter.js

@@ -1,13 +0,0 @@
-import { lintWarning as i } from "./utils.js";
-const s = (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(
-      `You seem to be using a value for 'content' without quotes, try replacing it with \`content: '"${t}"'\`.`,
-      e
-    );
-  }
-};
-export {
-  s as default
-};

package/es/linters/hashedAnimationLinter.d.ts

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

package/es/linters/hashedAnimationLinter.js

@@ -1,10 +0,0 @@
-import { lintWarning as n } from "./utils.js";
-const m = (e, i, a) => {
-  e === "animation" && a.hashId && i !== "none" && n(
-    `You seem to be using hashed animation '${i}', in which case 'animationName' with Keyframe as value is recommended.`,
-    a
-  );
-};
-export {
-  m as default
-};

package/es/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/es/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/es/linters/legacyNotSelectorLinter.d.ts

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

package/es/linters/legacyNotSelectorLinter.js

@@ -1,14 +0,0 @@
-import { lintWarning as l } from "./utils.js";
-function s(n) {
-  return (n.match(/:not\(([^)]*)\)/)?.[1] || "").split(/(\[[^[]*\])|(?=[.#])/).filter((o) => o).length > 1;
-}
-function a(n) {
-  return n.parentSelectors.reduce((e, t) => e ? t.includes("&") ? t.replace(/&/g, e) : `${e} ${t}` : t, "");
-}
-const i = (n, e, t) => {
-  const r = a(t).match(/:not\([^)]*\)/g) || [];
-  r.length > 0 && r.some(s) && l("Concat ':not' selector not support in legacy browsers.", t);
-};
-export {
-  i as default
-};

package/es/linters/logicalPropertiesLinter.d.ts

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

package/es/linters/logicalPropertiesLinter.js

@@ -1,61 +0,0 @@
-import { lintWarning as a } from "./utils.js";
-const p = (o, r, i) => {
-  switch (o) {
-    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(
-        `You seem to be using non-logical property '${o}' 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.`,
-        i
-      );
-      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(
-          `You seem to be using '${o}' property with different left ${o} and right ${o}, 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.`,
-          i
-        );
-      }
-      return;
-    case "clear":
-    case "textAlign":
-      (r === "left" || r === "right") && a(
-        `You seem to be using non-logical value '${r}' of ${o}, 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.`,
-        i
-      );
-      return;
-    // @ts-expect-error THIS IS A TEST
-    case "borderRadius":
-      typeof r == "string" && r.split("/").map((t) => t.trim()).reduce((t, l) => {
-        if (t)
-          return t;
-        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 : t;
-      }, !1) && a(
-        `You seem to be using non-logical value '${r}' of ${o}, 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.`,
-        i
-      );
-  }
-};
-export {
-  p as default
-};

package/es/linters/parentSelectorLinter.d.ts

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

package/es/linters/parentSelectorLinter.js

@@ -1,7 +0,0 @@
-import { lintWarning as s } from "./utils.js";
-const i = (r, l, e) => {
-  e.parentSelectors.some((t) => t.split(",").some((o) => o.split("&").length > 2)) && s("Should not use more than one `&` in a selector.", e);
-};
-export {
-  i as default
-};

package/es/linters/utils.d.ts

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

package/es/linters/utils.js

@@ -1,11 +0,0 @@
-import i from "@v-c/util/dist/warning";
-function a(t, e) {
-  const { path: n, parentSelectors: r } = e;
-  i(
-    !1,
-    `[Ant Design CSS-in-JS] ${n ? `Error in ${n}: ` : ""}${t}${r.length ? ` Selector: ${r.join(" | ")}` : ""}`
-  );
-}
-export {
-  a as lintWarning
-};

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

@@ -1,21 +0,0 @@
-import { warning as n } from "@v-c/util/dist/warning";
-let t = 0;
-class s {
-  derivatives;
-  id;
-  constructor(e) {
-    this.derivatives = Array.isArray(e) ? e : [e], this.id = t, e.length === 0 && n(
-      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
-    );
-  }
-}
-export {
-  s as default
-};

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

@@ -1,74 +0,0 @@
-function u(c, e) {
-  if (c.length !== e.length)
-    return !1;
-  for (let s = 0; s < c.length; s++)
-    if (c[s] !== e[s])
-      return !1;
-  return !0;
-}
-class n {
-  static MAX_CACHE_SIZE = 20;
-  static MAX_CACHE_OFFSET = 5;
-  cache;
-  keys;
-  cacheCallTimes;
-  constructor() {
-    this.cache = /* @__PURE__ */ new Map(), this.keys = [], this.cacheCallTimes = 0;
-  }
-  size() {
-    return this.keys.length;
-  }
-  internalGet(e, s = !1) {
-    let t = { map: this.cache };
-    return e.forEach((a) => {
-      t ? t = t?.map?.get(a) : 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 > n.MAX_CACHE_SIZE + n.MAX_CACHE_OFFSET) {
-        const [a] = this.keys.reduce(
-          (h, l) => {
-            const [, i] = h;
-            return this.internalGet(l)[1] < i ? [l, this.internalGet(l)[1]] : h;
-          },
-          [this.keys[0], this.cacheCallTimes]
-        );
-        this.delete(a);
-      }
-      this.keys.push(e);
-    }
-    let t = this.cache;
-    e.forEach((a, h) => {
-      if (h === e.length - 1)
-        t.set(a, { value: [s, this.cacheCallTimes++] });
-      else {
-        const l = t.get(a);
-        l ? l.map || (l.map = /* @__PURE__ */ new Map()) : t.set(a, { map: /* @__PURE__ */ new Map() }), t = t.get(a).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 a = this.deleteByPath(t.map, s.slice(1));
-    return (!t.map || t.map.size === 0) && !t.value && e.delete(s[0]), a;
-  }
-  delete(e) {
-    if (this.has(e))
-      return this.keys = this.keys.filter(
-        (s) => !u(s, e)
-      ), this.deleteByPath(this.cache, e);
-  }
-}
-export {
-  n as default,
-  u as sameDerivativeOption
-};

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

@@ -1,40 +0,0 @@
-import h from "./calculator.js";
-const u = "CALC_UNIT", f = new RegExp(u, "g");
-function l(r) {
-  return typeof r == "number" ? `${r}${u}` : r;
-}
-class e extends h {
-  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;
-  }
-}
-export {
-  e as default
-};