@vkzstudio/muza-ui 1.0.0 → 1.0.1

package/dist/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.js

@@ -0,0 +1,16 @@
+import { analyseComplexValue as l } from "../../../value/types/complex/index.js";
+import { getAnimatableNone as m } from "../../../value/types/utils/animatable-none.js";
+const f = /* @__PURE__ */ new Set(["auto", "none", "0"]);
+function g(e, i, o) {
+  let n = 0, a;
+  for (; n < e.length && !a; ) {
+    const t = e[n];
+    typeof t == "string" && !f.has(t) && l(t).values.length && (a = e[n]), n++;
+  }
+  if (a && o)
+    for (const t of i)
+      e[t] = m(o, a);
+}
+export {
+  g as makeNoneKeyframesAnimatable
+};

package/dist/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.js

@@ -0,0 +1,31 @@
+import { parseValueFromTransform as e } from "../../../render/dom/parse-transform.js";
+import { transformPropOrder as n } from "../../../render/utils/keys-transform.js";
+import { number as m } from "../../../value/types/numbers/index.js";
+import { px as l } from "../../../value/types/numbers/units.js";
+const c = (o) => o === m || o === l, i = /* @__PURE__ */ new Set(["x", "y", "z"]), p = n.filter((o) => !i.has(o));
+function F(o) {
+  const r = [];
+  return p.forEach((a) => {
+    const s = o.getValue(a);
+    s !== void 0 && (r.push([a, s.get()]), s.set(a.startsWith("scale") ? 1 : 0));
+  }), r;
+}
+const t = {
+  // Dimensions
+  width: ({ x: o }, { paddingLeft: r = "0", paddingRight: a = "0" }) => o.max - o.min - parseFloat(r) - parseFloat(a),
+  height: ({ y: o }, { paddingTop: r = "0", paddingBottom: a = "0" }) => o.max - o.min - parseFloat(r) - parseFloat(a),
+  top: (o, { top: r }) => parseFloat(r),
+  left: (o, { left: r }) => parseFloat(r),
+  bottom: ({ y: o }, { top: r }) => parseFloat(r) + (o.max - o.min),
+  right: ({ x: o }, { left: r }) => parseFloat(r) + (o.max - o.min),
+  // Transform
+  x: (o, { transform: r }) => e(r, "x"),
+  y: (o, { transform: r }) => e(r, "y")
+};
+t.translateX = t.x;
+t.translateY = t.y;
+export {
+  c as isNumOrPxType,
+  t as positionalValues,
+  F as removeNonTranslationalTransform
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/WithPromise.js

@@ -0,0 +1,27 @@
+class t {
+  constructor() {
+    this.updateFinished();
+  }
+  get finished() {
+    return this._finished;
+  }
+  updateFinished() {
+    this._finished = new Promise((i) => {
+      this.resolve = i;
+    });
+  }
+  notifyFinished() {
+    this.resolve();
+  }
+  /**
+   * Allows the animation to be awaited.
+   *
+   * @deprecated Use `finished` instead.
+   */
+  then(i, e) {
+    return this.finished.then(i, e);
+  }
+}
+export {
+  t as WithPromise
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/can-animate.js

@@ -0,0 +1,23 @@
+import { isGenerator as f } from "../generators/utils/is-generator.js";
+import { isAnimatable as l } from "./is-animatable.js";
+import { warning as g } from "../../../../../motion-utils/dist/es/errors.js";
+function s(t) {
+  const i = t[0];
+  if (t.length === 1)
+    return !0;
+  for (let n = 0; n < t.length; n++)
+    if (t[n] !== i)
+      return !0;
+}
+function h(t, i, n, u) {
+  const r = t[0];
+  if (r === null)
+    return !1;
+  if (i === "display" || i === "visibility")
+    return !0;
+  const o = t[t.length - 1], a = l(r, i), e = l(o, i);
+  return g(a === e, `You are trying to animate ${i} from "${r}" to "${o}". "${a ? o : r}" is not an animatable value.`, "value-not-animatable"), !a || !e ? !1 : s(t) || (n === "spring" || f(n)) && u;
+}
+export {
+  h as canAnimate
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.js

@@ -0,0 +1,31 @@
+import { isCSSVariableToken as c } from "./is-css-variable.js";
+import { isNumericalString as l } from "../../../../../motion-utils/dist/es/is-numerical-string.js";
+import { invariant as s } from "../../../../../motion-utils/dist/es/errors.js";
+const m = (
+  // eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
+  /^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
+);
+function p(a) {
+  const e = m.exec(a);
+  if (!e)
+    return [,];
+  const [, r, i, t] = e;
+  return [`--${r ?? i}`, t];
+}
+const f = 4;
+function u(a, e, r = 1) {
+  s(r <= f, `Max CSS variable fallback depth detected in property "${a}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
+  const [i, t] = p(a);
+  if (!i)
+    return;
+  const o = window.getComputedStyle(e).getPropertyValue(i);
+  if (o) {
+    const n = o.trim();
+    return l(n) ? parseFloat(n) : n;
+  }
+  return c(t) ? u(t, e, r + 1) : t;
+}
+export {
+  u as getVariableValue,
+  p as parseCSSVariable
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.js

@@ -0,0 +1,6 @@
+function f(e, u) {
+  return (e == null ? void 0 : e[u]) ?? (e == null ? void 0 : e.default) ?? e;
+}
+export {
+  f as getValueTransition
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/is-animatable.js

@@ -0,0 +1,7 @@
+import { complex as e } from "../../value/types/complex/index.js";
+const n = (r, t) => t === "zIndex" ? !1 : !!(typeof r == "number" || Array.isArray(r) || typeof r == "string" && // It's animatable if we have a string
+(e.test(r) || r === "0") && // And it contains numbers and/or colors
+!r.startsWith("url("));
+export {
+  n as isAnimatable
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.js

@@ -0,0 +1,5 @@
+const r = (s) => (t) => typeof t == "string" && t.startsWith(s), a = /* @__PURE__ */ r("--"), e = /* @__PURE__ */ r("var(--"), n = (s) => e(s) ? i.test(s.split("/*")[0].trim()) : !1, i = /var\(--(?:[\w-]+\s*|[\w-]+\s*,(?:\s*[^)(\s]|\s*\((?:[^)(]|\([^)(]*\))*\))+\s*)\)$/iu;
+export {
+  a as isCSSVariableName,
+  n as isCSSVariableToken
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.js

@@ -0,0 +1,6 @@
+function t(n) {
+  n.duration = 0, n.type = "keyframes";
+}
+export {
+  t as makeAnimationInstant
+};

package/dist/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.js

@@ -0,0 +1,16 @@
+import { inertia as p } from "../generators/inertia.js";
+import { keyframes as r } from "../generators/keyframes.js";
+import { spring as t } from "../generators/spring/index.js";
+const o = {
+  decay: p,
+  inertia: p,
+  tween: r,
+  keyframes: r,
+  spring: t
+};
+function m(e) {
+  typeof e.type == "string" && (e.type = o[e.type]);
+}
+export {
+  m as replaceTransitionType
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.js

@@ -0,0 +1,4 @@
+const $ = ([c, e, i, r]) => `cubic-bezier(${c}, ${e}, ${i}, ${r})`;
+export {
+  $ as cubicBezierAsString
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.js

@@ -0,0 +1,12 @@
+import { supportsLinearEasing as o } from "../../../utils/supports/linear-easing.js";
+import { generateLinearEasing as f } from "../utils/linear.js";
+import { cubicBezierAsString as n } from "./cubic-bezier.js";
+import { supportedWaapiEasing as i } from "./supported.js";
+import { isBezierDefinition as p } from "../../../../../../motion-utils/dist/es/easing/utils/is-bezier-definition.js";
+function m(r, e) {
+  if (r)
+    return typeof r == "function" ? o() ? f(r, e) : "ease-out" : p(r) ? n(r) : Array.isArray(r) ? r.map((t) => m(t, e) || i.easeOut) : i[r];
+}
+export {
+  m as mapEasingToNativeEasing
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/easing/supported.js

@@ -0,0 +1,15 @@
+import { cubicBezierAsString as e } from "./cubic-bezier.js";
+const i = {
+  linear: "linear",
+  ease: "ease",
+  easeIn: "ease-in",
+  easeOut: "ease-out",
+  easeInOut: "ease-in-out",
+  circIn: /* @__PURE__ */ e([0, 0.65, 0.55, 1]),
+  circOut: /* @__PURE__ */ e([0.55, 0, 1, 0.45]),
+  backIn: /* @__PURE__ */ e([0.31, 0.01, 0.66, -0.59]),
+  backOut: /* @__PURE__ */ e([0.33, 1.53, 0.69, 0.99])
+};
+export {
+  i as supportedWaapiEasing
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.js

@@ -0,0 +1,21 @@
+import { mapEasingToNativeEasing as g } from "./easing/map-easing.js";
+function u(r, s, f, { delay: m = 0, duration: n = 300, repeat: p = 0, repeatType: c = "loop", ease: l = "easeOut", times: t } = {}, e = void 0) {
+  const a = {
+    [s]: f
+  };
+  t && (a.offset = t);
+  const i = g(l, n);
+  Array.isArray(i) && (a.easing = i);
+  const o = {
+    delay: m,
+    duration: n,
+    easing: Array.isArray(i) ? "linear" : i,
+    fill: "both",
+    iterations: p + 1,
+    direction: c === "reverse" ? "alternate" : "normal"
+  };
+  return e && (o.pseudoElement = e), r.animate(a, o);
+}
+export {
+  u as startWaapiAnimation
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.js

@@ -0,0 +1,24 @@
+import { memo as m } from "../../../../../../motion-utils/dist/es/memo.js";
+const l = /* @__PURE__ */ new Set([
+  "opacity",
+  "clipPath",
+  "filter",
+  "transform"
+  // TODO: Could be re-enabled now we have support for linear() easing
+  // "background-color"
+]), f = /* @__PURE__ */ m(() => Object.hasOwnProperty.call(Element.prototype, "animate"));
+function w(n) {
+  var r;
+  const { motionValue: e, name: t, repeatDelay: a, repeatType: o, damping: s, type: p } = n;
+  if (!(((r = e == null ? void 0 : e.owner) == null ? void 0 : r.current) instanceof HTMLElement))
+    return !1;
+  const { onUpdate: c, transformTemplate: i } = e.owner.getProps();
+  return f() && t && l.has(t) && (t !== "transform" || !i) && /**
+   * If we're outputting values to onUpdate then we can't use WAAPI as there's
+   * no way to read the value from WAAPI every frame.
+   */
+  !c && !a && o !== "mirror" && s !== 0 && p !== "inertia";
+}
+export {
+  w as supportsBrowserAnimation
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.js

@@ -0,0 +1,8 @@
+import { supportsLinearEasing as a } from "../../../utils/supports/linear-easing.js";
+import { isGenerator as t } from "../../generators/utils/is-generator.js";
+function i({ type: e, ...r }) {
+  return t(e) && a() ? e.applyToOptions(r) : (r.duration ?? (r.duration = 300), r.ease ?? (r.ease = "easeOut"), r);
+}
+export {
+  i as applyGeneratorOptions
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.js

@@ -0,0 +1,10 @@
+const i = (r, a, o = 10) => {
+  let n = "";
+  const e = Math.max(Math.round(a / o), 2);
+  for (let t = 0; t < e; t++)
+    n += Math.round(r(t / (e - 1)) * 1e4) / 1e4 + ", ";
+  return `linear(${n.substring(0, n.length - 2)})`;
+};
+export {
+  i as generateLinearEasing
+};

package/dist/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.js

@@ -0,0 +1,17 @@
+import { circInOut as r } from "../../../../../../motion-utils/dist/es/easing/circ.js";
+import { backInOut as t } from "../../../../../../motion-utils/dist/es/easing/back.js";
+import { anticipate as o } from "../../../../../../motion-utils/dist/es/easing/anticipate.js";
+const n = {
+  anticipate: o,
+  backInOut: t,
+  circInOut: r
+};
+function p(e) {
+  return e in n;
+}
+function u(e) {
+  typeof e.ease == "string" && p(e.ease) && (e.ease = n[e.ease]);
+}
+export {
+  u as replaceStringEasing
+};

package/dist/node_modules/motion-dom/dist/es/frameloop/batcher.js

@@ -0,0 +1,27 @@
+import { stepsOrder as o } from "./order.js";
+import { createRenderStep as b } from "./render-step.js";
+import { MotionGlobalConfig as i } from "../../../../motion-utils/dist/es/global-config.js";
+const v = 40;
+function N(c, l) {
+  let r = !1, a = !0;
+  const e = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  }, m = () => r = !0, n = o.reduce((s, t) => (s[t] = b(m), s), {}), { setup: u, read: f, resolveKeyframes: d, preUpdate: g, update: h, preRender: M, render: R, postRender: x } = n, p = () => {
+    const s = i.useManualTiming ? e.timestamp : performance.now();
+    r = !1, i.useManualTiming || (e.delta = a ? 1e3 / 60 : Math.max(Math.min(s - e.timestamp, v), 1)), e.timestamp = s, e.isProcessing = !0, u.process(e), f.process(e), d.process(e), g.process(e), h.process(e), M.process(e), R.process(e), x.process(e), e.isProcessing = !1, r && l && (a = !1, c(p));
+  }, P = () => {
+    r = !0, a = !0, e.isProcessing || c(p);
+  };
+  return { schedule: o.reduce((s, t) => {
+    const w = n[t];
+    return s[t] = (E, F = !1, T = !1) => (r || P(), w.schedule(E, F, T)), s;
+  }, {}), cancel: (s) => {
+    for (let t = 0; t < o.length; t++)
+      n[o[t]].cancel(s);
+  }, state: e, steps: n };
+}
+export {
+  N as createRenderBatcher
+};

package/dist/node_modules/motion-dom/dist/es/frameloop/frame.js

@@ -0,0 +1,9 @@
+import { createRenderBatcher as e } from "./batcher.js";
+import { noop as r } from "../../../../motion-utils/dist/es/noop.js";
+const { schedule: m, cancel: n, state: o, steps: c } = /* @__PURE__ */ e(typeof requestAnimationFrame < "u" ? requestAnimationFrame : r, !0);
+export {
+  n as cancelFrame,
+  m as frame,
+  o as frameData,
+  c as frameSteps
+};

package/dist/node_modules/motion-dom/dist/es/frameloop/microtask.js

@@ -0,0 +1,5 @@
+import { createRenderBatcher as e } from "./batcher.js";
+const { schedule: t } = /* @__PURE__ */ e(queueMicrotask, !1);
+export {
+  t as microtask
+};

package/dist/node_modules/motion-dom/dist/es/frameloop/order.js

@@ -0,0 +1,21 @@
+const e = [
+  "setup",
+  // Compute
+  "read",
+  // Read
+  "resolveKeyframes",
+  // Write/Read/Write/Read
+  "preUpdate",
+  // Compute
+  "update",
+  // Compute
+  "preRender",
+  // Compute
+  "render",
+  // Write
+  "postRender"
+  // Compute
+];
+export {
+  e as stepsOrder
+};

package/dist/node_modules/motion-dom/dist/es/frameloop/render-step.js

@@ -0,0 +1,41 @@
+function c(d, p) {
+  let t = /* @__PURE__ */ new Set(), s = /* @__PURE__ */ new Set(), r = !1, n = !1;
+  const a = /* @__PURE__ */ new WeakSet();
+  let i = {
+    delta: 0,
+    timestamp: 0,
+    isProcessing: !1
+  };
+  function u(e) {
+    a.has(e) && (f.schedule(e), d()), e(i);
+  }
+  const f = {
+    /**
+     * Schedule a process to run on the next frame.
+     */
+    schedule: (e, l = !1, m = !1) => {
+      const o = m && r ? t : s;
+      return l && a.add(e), o.has(e) || o.add(e), e;
+    },
+    /**
+     * Cancel the provided callback from running on the next frame.
+     */
+    cancel: (e) => {
+      s.delete(e), a.delete(e);
+    },
+    /**
+     * Execute all schedule callbacks.
+     */
+    process: (e) => {
+      if (i = e, r) {
+        n = !0;
+        return;
+      }
+      r = !0, [t, s] = [s, t], t.forEach(u), t.clear(), r = !1, n && (n = !1, f.process(e));
+    }
+  };
+  return f;
+}
+export {
+  c as createRenderStep
+};

package/dist/node_modules/motion-dom/dist/es/frameloop/sync-time.js

@@ -0,0 +1,15 @@
+import { frameData as n } from "./frame.js";
+import { MotionGlobalConfig as i } from "../../../../motion-utils/dist/es/global-config.js";
+let e;
+function t() {
+  e = void 0;
+}
+const r = {
+  now: () => (e === void 0 && r.set(n.isProcessing || i.useManualTiming ? n.timestamp : performance.now()), e),
+  set: (o) => {
+    e = o, queueMicrotask(t);
+  }
+};
+export {
+  r as time
+};

package/dist/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.js

@@ -0,0 +1,11 @@
+const e = {
+  x: !1,
+  y: !1
+};
+function i() {
+  return e.x || e.y;
+}
+export {
+  i as isDragActive,
+  e as isDragging
+};

package/dist/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.js

@@ -0,0 +1,11 @@
+import { isDragging as e } from "./is-active.js";
+function l(r) {
+  return r === "x" || r === "y" ? e[r] ? null : (e[r] = !0, () => {
+    e[r] = !1;
+  }) : e.x || e.y ? null : (e.x = e.y = !0, () => {
+    e.x = e.y = !1;
+  });
+}
+export {
+  l as setDragLock
+};

package/dist/node_modules/motion-dom/dist/es/gestures/hover.js

@@ -0,0 +1,24 @@
+import { isDragActive as d } from "./drag/state/is-active.js";
+import { setupGesture as m } from "./utils/setup.js";
+function c(n) {
+  return !(n.pointerType === "touch" || d());
+}
+function h(n, p, u = {}) {
+  const [f, r, a] = m(n, u), v = (e) => {
+    if (!c(e))
+      return;
+    const { target: t } = e, o = p(t, e);
+    if (typeof o != "function" || !t)
+      return;
+    const i = (s) => {
+      c(s) && (o(s), t.removeEventListener("pointerleave", i));
+    };
+    t.addEventListener("pointerleave", i, r);
+  };
+  return f.forEach((e) => {
+    e.addEventListener("pointerenter", v, r);
+  }), a;
+}
+export {
+  h as hover
+};

package/dist/node_modules/motion-dom/dist/es/gestures/press/index.js

@@ -0,0 +1,33 @@
+import { isHTMLElement as b } from "../../utils/is-html-element.js";
+import { isDragActive as E } from "../drag/state/is-active.js";
+import { isNodeOrChild as v } from "../utils/is-node-or-child.js";
+import { isPrimaryPointer as L } from "../utils/is-primary-pointer.js";
+import { setupGesture as T } from "../utils/setup.js";
+import { isElementKeyboardAccessible as g } from "./utils/is-keyboard-accessible.js";
+import { enableKeyboardPress as h } from "./utils/keyboard.js";
+import { isPressing as d } from "./utils/state.js";
+function f(i) {
+  return L(i) && !E();
+}
+function H(i, p, s = {}) {
+  const [l, o, u] = T(i, s), w = (e) => {
+    const n = e.currentTarget;
+    if (!f(e))
+      return;
+    d.add(n);
+    const t = p(n, e), a = (r, P) => {
+      window.removeEventListener("pointerup", c), window.removeEventListener("pointercancel", m), d.has(n) && d.delete(n), f(r) && typeof t == "function" && t(r, { success: P });
+    }, c = (r) => {
+      a(r, n === window || n === document || s.useGlobalTarget || v(n, r.target));
+    }, m = (r) => {
+      a(r, !1);
+    };
+    window.addEventListener("pointerup", c, o), window.addEventListener("pointercancel", m, o);
+  };
+  return l.forEach((e) => {
+    (s.useGlobalTarget ? window : e).addEventListener("pointerdown", w, o), b(e) && (e.addEventListener("focus", (t) => h(t, o)), !g(e) && !e.hasAttribute("tabindex") && (e.tabIndex = 0));
+  }), u;
+}
+export {
+  H as press
+};

package/dist/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.js

@@ -0,0 +1,13 @@
+const t = /* @__PURE__ */ new Set([
+  "BUTTON",
+  "INPUT",
+  "SELECT",
+  "TEXTAREA",
+  "A"
+]);
+function n(e) {
+  return t.has(e.tagName) || e.tabIndex !== -1;
+}
+export {
+  n as isElementKeyboardAccessible
+};

package/dist/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.js

@@ -0,0 +1,27 @@
+import { isPressing as u } from "./state.js";
+function d(r) {
+  return (n) => {
+    n.key === "Enter" && r(n);
+  };
+}
+function t(r, n) {
+  r.dispatchEvent(new PointerEvent("pointer" + n, { isPrimary: !0, bubbles: !0 }));
+}
+const c = (r, n) => {
+  const e = r.currentTarget;
+  if (!e)
+    return;
+  const i = d(() => {
+    if (u.has(e))
+      return;
+    t(e, "down");
+    const s = d(() => {
+      t(e, "up");
+    }), o = () => t(e, "cancel");
+    e.addEventListener("keyup", s, n), e.addEventListener("blur", o, n);
+  });
+  e.addEventListener("keydown", i, n), e.addEventListener("blur", () => e.removeEventListener("keydown", i), n);
+};
+export {
+  c as enableKeyboardPress
+};

package/dist/node_modules/motion-dom/dist/es/gestures/press/utils/state.js

@@ -0,0 +1,4 @@
+const e = /* @__PURE__ */ new WeakSet();
+export {
+  e as isPressing
+};

package/dist/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.js

@@ -0,0 +1,4 @@
+const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
+export {
+  t as isNodeOrChild
+};

package/dist/node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.js

@@ -0,0 +1,4 @@
+const o = (r) => r.pointerType === "mouse" ? typeof r.button != "number" || r.button <= 0 : r.isPrimary !== !1;
+export {
+  o as isPrimaryPointer
+};

package/dist/node_modules/motion-dom/dist/es/gestures/utils/setup.js

@@ -0,0 +1,12 @@
+import { resolveElements as s } from "../../utils/resolve-elements.js";
+function a(t, n) {
+  const o = s(t), e = new AbortController(), r = {
+    passive: !0,
+    ...n,
+    signal: e.signal
+  };
+  return [o, r, () => e.abort()];
+}
+export {
+  a as setupGesture
+};

package/dist/node_modules/motion-dom/dist/es/render/dom/is-css-var.js

@@ -0,0 +1,4 @@
+const s = (t) => t.startsWith("--");
+export {
+  s as isCSSVar
+};