@symbo.ls/scratch 2.11.523 → 3.0.2

package/dist/cjs/system/color.js

@@ -30,65 +30,29 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/@domql/globals/dist/cjs/index.js
-var require_cjs = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp3 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp3(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from, except, desc) => {
-      if (from && typeof from === "object" || typeof from === "function") {
-        for (let key of __getOwnPropNames2(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document4,
-      global: () => global,
-      self: () => self,
-      window: () => window4
-    });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window4 = globalThis;
-    var document4 = window4.document;
-  }
-});
-
 // ../utils/dist/cjs/index.js
-var require_cjs2 = __commonJS({
+var require_cjs = __commonJS({
   "../utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp3 = Object.defineProperty;
+    var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
-        __defProp3(target, name, { get: all[name], enumerable: true });
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
     var __copyProps2 = (to, from, except, desc) => {
       if (from && typeof from === "object" || typeof from === "function") {
         for (let key of __getOwnPropNames2(from))
-          if (!__hasOwnProp3.call(to, key) && key !== except)
-            __defProp3(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
       }
       return to;
     };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
-    var src_exports = {};
-    __export2(src_exports, {
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var index_exports = {};
+    __export2(index_exports, {
       arrayzeValue: () => arrayzeValue,
       copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
       copyStringToClipboard: () => copyStringToClipboard,
@@ -109,17 +73,85 @@ var require_cjs2 = __commonJS({
       toTitleCase: () => toTitleCase,
       toggleFullscreen: () => toggleFullscreen
     });
-    module2.exports = __toCommonJS2(src_exports);
+    module2.exports = __toCommonJS2(index_exports);
     var window22 = globalThis;
     var document22 = window22.document;
     var isObject2 = (arg) => {
-      if (arg === null)
-        return false;
+      if (arg === null) return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString2 = (arg) => typeof arg === "string";
     var isNumber2 = (arg) => typeof arg === "number";
     var isArray2 = (arg) => Array.isArray(arg);
+    var STATE_METHODS2 = [
+      "update",
+      "parse",
+      "clean",
+      "create",
+      "destroy",
+      "add",
+      "toggle",
+      "remove",
+      "apply",
+      "set",
+      "reset",
+      "replace",
+      "quietReplace",
+      "quietUpdate",
+      "applyReplace",
+      "applyFunction",
+      "keys",
+      "values",
+      "ref",
+      "rootUpdate",
+      "parentUpdate",
+      "parent",
+      "__element",
+      "__depends",
+      "__ref",
+      "__children",
+      "root",
+      "setByPath",
+      "setPathCollection",
+      "removeByPath",
+      "removePathCollection",
+      "getByPath"
+    ];
+    var PROPS_METHODS2 = ["update", "__element"];
+    var METHODS2 = [
+      "set",
+      "reset",
+      "update",
+      "remove",
+      "updateContent",
+      "removeContent",
+      "lookup",
+      "lookdown",
+      "lookdownAll",
+      "getRef",
+      "getPath",
+      "setNodeStyles",
+      "spotByPath",
+      "keys",
+      "parse",
+      "setProps",
+      "parseDeep",
+      "variables",
+      "if",
+      "log",
+      "verbose",
+      "warn",
+      "error",
+      "call",
+      "nextElement",
+      "previousElement"
+    ];
+    var METHODS_EXL2 = [
+      ...["node", "context", "extends", "__element", "__ref"],
+      ...METHODS2,
+      ...STATE_METHODS2,
+      ...PROPS_METHODS2
+    ];
     var isMobile2 = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
     async function toggleFullscreen(opts) {
       if (!document.fullscreenElement) {
@@ -139,13 +171,11 @@ var require_cjs2 = __commonJS({
     };
     var findClosestNumberInFactory = (val, factory) => {
       val = parseFloat(val);
-      if (isObject2(factory))
-        factory = Object.values(factory);
+      if (isObject2(factory)) factory = Object.values(factory);
       return findClosestNumber(val, factory);
     };
     var formatDate = (timestamp) => {
-      if (!timestamp)
-        return "";
+      if (!timestamp) return "";
       const d = new Date(timestamp);
       const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
       const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
@@ -212,8 +242,7 @@ var require_cjs2 = __commonJS({
         scriptEle.type = type;
         scriptEle.text = xhr.responseText;
         doc.body.appendChild(scriptEle);
-        if (typeof fallback === "function")
-          fallback();
+        if (typeof fallback === "function") fallback();
       } else {
         throw new Error(`Failed to load the script ${FILE_URL}`);
       }
@@ -281,20 +310,15 @@ var require_cjs2 = __commonJS({
     );
     var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
     var toDescriptionCase = (str = "") => {
-      if (typeof str !== "string")
-        return;
+      if (typeof str !== "string") return;
       const result = str.replace(/([A-Z])/g, " $1");
       return result.charAt(0).toUpperCase() + result.slice(1);
     };
     var arrayzeValue = (val) => {
-      if (isArray2(val))
-        return val;
-      if (isString2(val))
-        return val.split(" ");
-      if (isObject2(val))
-        return Object.values(val);
-      if (isNumber2(val))
-        return [val];
+      if (isArray2(val)) return val;
+      if (isString2(val)) return val.split(" ");
+      if (isObject2(val)) return Object.values(val);
+      if (isNumber2(val)) return [val];
     };
   }
 });
@@ -309,19 +333,18 @@ __export(color_exports, {
 });
 module.exports = __toCommonJS(color_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../node_modules/@domql/utils/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../node_modules/@domql/utils/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../node_modules/@domql/utils/types.js
 var isObject = (arg) => {
-  if (arg === null)
-    return false;
+  if (arg === null) return false;
   return typeof arg === "object" && arg.constructor === Object;
 };
 var isString = (arg) => typeof arg === "string";
@@ -330,44 +353,99 @@ var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
 var isArray = (arg) => Array.isArray(arg);
 var isObjectLike = (arg) => {
-  if (arg === null)
-    return false;
+  if (arg === null) return false;
   return typeof arg === "object";
 };
 var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
-var mergeArray = (arr, exclude = []) => {
-  return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
-};
-
-// ../../node_modules/@domql/utils/dist/esm/object.js
-var __defProp2 = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp2.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var deepMerge = (element, extend, excludeFrom = []) => {
+// ../../node_modules/@domql/utils/array.js
+var unstackArrayOfObjects = (arr, exclude = []) => {
+  return arr.reduce(
+    (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
+    {}
+  );
+};
+
+// ../../node_modules/@domql/utils/keys.js
+var STATE_METHODS = [
+  "update",
+  "parse",
+  "clean",
+  "create",
+  "destroy",
+  "add",
+  "toggle",
+  "remove",
+  "apply",
+  "set",
+  "reset",
+  "replace",
+  "quietReplace",
+  "quietUpdate",
+  "applyReplace",
+  "applyFunction",
+  "keys",
+  "values",
+  "ref",
+  "rootUpdate",
+  "parentUpdate",
+  "parent",
+  "__element",
+  "__depends",
+  "__ref",
+  "__children",
+  "root",
+  "setByPath",
+  "setPathCollection",
+  "removeByPath",
+  "removePathCollection",
+  "getByPath"
+];
+var PROPS_METHODS = ["update", "__element"];
+var METHODS = [
+  "set",
+  "reset",
+  "update",
+  "remove",
+  "updateContent",
+  "removeContent",
+  "lookup",
+  "lookdown",
+  "lookdownAll",
+  "getRef",
+  "getPath",
+  "setNodeStyles",
+  "spotByPath",
+  "keys",
+  "parse",
+  "setProps",
+  "parseDeep",
+  "variables",
+  "if",
+  "log",
+  "verbose",
+  "warn",
+  "error",
+  "call",
+  "nextElement",
+  "previousElement"
+];
+var METHODS_EXL = [
+  ...["node", "context", "extends", "__element", "__ref"],
+  ...METHODS,
+  ...STATE_METHODS,
+  ...PROPS_METHODS
+];
+
+// ../../node_modules/@domql/utils/object.js
+var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
   for (const e in extend) {
-    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__"))
+    const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
+    if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__")) {
       continue;
+    }
     const elementProp = element[e];
     const extendProp = extend[e];
     if (isObjectLike(elementProp) && isObjectLike(extendProp)) {
@@ -385,7 +463,7 @@ var deepClone = (obj, options = {}) => {
     cleanNull = false,
     window: targetWindow,
     visited = /* @__PURE__ */ new WeakMap(),
-    handleExtend = false
+    handleExtends = false
   } = options;
   if (!isObjectLike(obj) || isDOMNode(obj)) {
     return obj;
@@ -393,40 +471,42 @@ var deepClone = (obj, options = {}) => {
   if (visited.has(obj)) {
     return visited.get(obj);
   }
-  const clone2 = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
-  visited.set(obj, clone2);
+  const clone = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
+  visited.set(obj, clone);
   for (const key in obj) {
-    if (!Object.prototype.hasOwnProperty.call(obj, key))
-      continue;
-    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
+    if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
       continue;
+    }
     const value = obj[key];
-    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value))
+    if (cleanUndefined && isUndefined(value) || cleanNull && isNull(value)) {
       continue;
+    }
     if (isDOMNode(value)) {
-      clone2[key] = value;
+      clone[key] = value;
       continue;
     }
-    if (handleExtend && key === "extend" && isArray(value)) {
-      clone2[key] = mergeArray(value, exclude);
+    if (handleExtends && key === "extends" && isArray(value)) {
+      clone[key] = unstackArrayOfObjects(value, exclude);
       continue;
     }
     if (isFunction(value) && targetWindow) {
-      clone2[key] = targetWindow.eval("(" + value.toString() + ")");
+      clone[key] = targetWindow.eval("(" + value.toString() + ")");
       continue;
     }
     if (isObjectLike(value)) {
-      clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
+      clone[key] = deepClone(value, {
+        ...options,
         visited
-      }));
+      });
     } else {
-      clone2[key] = value;
+      clone[key] = value;
     }
   }
-  return clone2;
+  return clone;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../node_modules/@domql/utils/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js
@@ -651,12 +731,9 @@ var getActiveConfig = (def) => {
 };
 
 // src/utils/color.js
-var import_globals4 = __toESM(require_cjs(), 1);
 var colorStringToRgbaArray = (color) => {
-  if (color === "")
-    return [0, 0, 0, 0];
-  if (color.toLowerCase() === "transparent")
-    return [0, 0, 0, 0];
+  if (color === "") return [0, 0, 0, 0];
+  if (color.toLowerCase() === "transparent") return [0, 0, 0, 0];
   if (color[0] === "#") {
     if (color.length < 7) {
       color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color.length > 4 ? color[4] + color[4] : "");
@@ -669,26 +746,25 @@ var colorStringToRgbaArray = (color) => {
     ];
   }
   if (color.indexOf("rgb") === -1) {
-    if (import_globals4.document && import_globals4.window) {
-      const elem = import_globals4.document.body.appendChild(import_globals4.document.createElement("fictum"));
+    if (document2 && window2) {
+      const elem = document2.body.appendChild(document2.createElement("fictum"));
       const flag = "rgb(1, 2, 3)";
       elem.style.color = flag;
       if (elem.style.color !== flag) {
-        import_globals4.document.body.removeChild(elem);
+        document2.body.removeChild(elem);
         return;
       }
       elem.style.color = color;
       if (elem.style.color === flag || elem.style.color === "") {
-        import_globals4.document.body.removeChild(elem);
+        document2.body.removeChild(elem);
         return [0, 0, 0, 0];
       }
-      color = import_globals4.window.getComputedStyle(elem).color;
-      import_globals4.document.body.removeChild(elem);
+      color = window2.getComputedStyle(elem).color;
+      document2.body.removeChild(elem);
     }
   }
   if (color.indexOf("rgb") === 0) {
-    if (color.indexOf("rgba") === -1)
-      color = `${color}, 1`;
+    if (color.indexOf("rgba") === -1) color = `${color}, 1`;
     return color.match(/[\.\d]+/g).map((a) => +a);
   }
   return [0, 0, 0, 0];
@@ -714,29 +790,20 @@ var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) %
 var getColorShade = (col, amt) => {
   const num = parseInt(col, 16);
   let r = (num >> 16) + amt;
-  if (r > 255)
-    r = 255;
-  else if (r < 0)
-    r = 0;
+  if (r > 255) r = 255;
+  else if (r < 0) r = 0;
   let b = (num >> 8 & 255) + amt;
-  if (b > 255)
-    b = 255;
-  else if (b < 0)
-    b = 0;
+  if (b > 255) b = 255;
+  else if (b < 0) b = 0;
   let g = (num & 255) + amt;
-  if (g > 255)
-    g = 255;
-  else if (g < 0)
-    g = 0;
+  if (g > 255) g = 255;
+  else if (g < 0) g = 0;
   return ((g | b << 8 | r << 16) + 16777216).toString(16).slice(1);
 };
 var getRgbTone = (rgb, tone) => {
-  if (isString(rgb) && rgb.includes("rgb"))
-    rgb = colorStringToRgbaArray(rgb).join(", ");
-  if (isString(rgb))
-    rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
-  if (isNumber(tone))
-    tone += "";
+  if (isString(rgb) && rgb.includes("rgb")) rgb = colorStringToRgbaArray(rgb).join(", ");
+  if (isString(rgb)) rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
+  if (isNumber(tone)) tone += "";
   const toHex = rgbArrayToHex(rgb);
   const abs = tone.slice(0, 1);
   if (abs === "-" || abs === "+") {
@@ -752,33 +819,27 @@ var getRgbTone = (rgb, tone) => {
 };
 
 // src/utils/sequence.js
-var import_utils4 = __toESM(require_cjs2(), 1);
+var import_utils6 = __toESM(require_cjs(), 1);
 
 // src/system/color.js
 var getColor = (value, key, config) => {
   const CONFIG2 = config || getActiveConfig();
   if (!isString(value)) {
-    if (CONFIG2.verbose)
-      console.warn(value, "- type for color is not valid");
+    if (CONFIG2.verbose) console.warn(value, "- type for color is not valid");
     return;
   }
-  if (value.slice(0, 2) === "--")
-    return `var(${value})`;
-  if (key && value[key])
-    value = value[key];
+  if (value.slice(0, 2) === "--") return `var(${value})`;
+  if (key && value[key]) value = value[key];
   const [name, alpha, tone] = isArray(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   let val = COLOR2[name] || GRADIENT2[name];
   if (!val) {
-    if (CONFIG2.verbose)
-      console.warn("Can't find color ", name);
+    if (CONFIG2.verbose) console.warn("Can't find color ", name);
     return value;
   }
   if (key) {
-    if (val[key])
-      val = val[key];
-    else if (CONFIG2.verbose)
-      console.warn(value, " - does not have ", key);
+    if (val[key]) val = val[key];
+    else if (CONFIG2.verbose) console.warn(value, " - does not have ", key);
   }
   let rgb = val.rgb;
   if (!rgb) {
@@ -788,32 +849,25 @@ var getColor = (value, key, config) => {
     rgb = getRgbTone(rgb, tone);
     val[tone] = { rgb, var: `${val.var}-${tone}` };
   }
-  if (val[tone])
-    rgb = val[tone].rgb;
-  if (alpha)
-    return `rgba(${rgb}, ${alpha})`;
+  if (val[tone]) rgb = val[tone].rgb;
+  if (alpha) return `rgba(${rgb}, ${alpha})`;
   return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
 };
 var getMediaColor = (value, globalTheme, config) => {
   const CONFIG2 = config || getActiveConfig();
-  if (!globalTheme)
-    globalTheme = CONFIG2.globalTheme;
+  if (!globalTheme) globalTheme = CONFIG2.globalTheme;
   if (!isString(value)) {
-    if (CONFIG2.verbose)
-      console.warn(value, "- type for color is not valid");
+    if (CONFIG2.verbose) console.warn(value, "- type for color is not valid");
     return;
   }
-  if (value.slice(0, 2) === "--")
-    return `var(${value})`;
+  if (value.slice(0, 2) === "--") return `var(${value})`;
   const [name] = isArray(value) ? value : value.split(" ");
   const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
   const val = COLOR2[name] || GRADIENT2[name];
   const isObj = isObject(val);
-  if (isObj && val.value)
-    return getColor(value, `@${globalTheme}`, config);
+  if (isObj && val.value) return getColor(value, `@${globalTheme}`, config);
   else if (isObj) {
-    if (globalTheme)
-      return getColor(value, `@${globalTheme}`, config);
+    if (globalTheme) return getColor(value, `@${globalTheme}`, config);
     else {
       const obj = {};
       for (const mediaName in val) {
@@ -824,8 +878,7 @@ var getMediaColor = (value, globalTheme, config) => {
       return obj;
     }
   } else {
-    if (CONFIG2.verbose)
-      console.warn("Can't find color", value);
+    if (CONFIG2.verbose) console.warn("Can't find color", value);
     return value;
   }
 };
@@ -834,8 +887,7 @@ var setColor = (val, key, suffix) => {
   if (isString(val) && val.slice(0, 2) === "--") {
     val = getColor(val.slice(2));
     if (!(val.includes("rgb") || val.includes("var") || val.includes("#"))) {
-      if (CONFIG2.verbose)
-        console.warn(val, "- referred but does not exist");
+      if (CONFIG2.verbose) console.warn(val, "- referred but does not exist");
       val = val.split(" ")[0];
     }
   }
@@ -874,8 +926,7 @@ var setColor = (val, key, suffix) => {
 };
 var setGradient = (val, key, suffix) => {
   const CONFIG2 = getActiveConfig();
-  if (isString(val) && val.slice(0, 2) === "--")
-    val = getColor(val.slice(2));
+  if (isString(val) && val.slice(0, 2) === "--") val = getColor(val.slice(2));
   if (isArray(val)) {
     return {
       "@light": setGradient(val[0], key, "light"),
@@ -884,8 +935,7 @@ var setGradient = (val, key, suffix) => {
   }
   if (isObject(val)) {
     const obj = {};
-    for (const variant in val)
-      obj[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
+    for (const variant in val) obj[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
     return obj;
   }
   const CSSVar = `--gradient-${key}` + (suffix ? `-${suffix}` : "");