@symbo.ls/scratch 3.1.1 → 3.2.3

package/dist/cjs/set.js

@@ -34,23 +34,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var require_cjs = __commonJS({
   "../utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
+    var __defProp3 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __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 (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+          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(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
     var index_exports = {};
     __export2(index_exports, {
       arrayzeValue: () => arrayzeValue3,
@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
       loadJavascriptFile: () => loadJavascriptFile,
       loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
       loadJavascriptFileSync: () => loadJavascriptFileSync,
+      loadRemoteCSS: () => loadRemoteCSS,
+      loadRemoteScript: () => loadRemoteScript,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase2,
       toDashCase: () => toDashCase2,
@@ -273,10 +275,12 @@ var require_cjs = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject(new Error({
-              status: false,
-              message: `Failed to load the script ${FILE_URL}`
-            }));
+            reject(
+              new Error({
+                status: false,
+                message: `Failed to load the script ${FILE_URL}`
+              })
+            );
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -347,6 +351,59 @@ var require_cjs = __commonJS({
         console.warn(error);
       }
     };
+    function loadRemoteScript(url, options = {}) {
+      const { window: window4 = globalThis } = options;
+      const { document: document4 = window4.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingScript = document4.querySelector(`script[src="${url}"]`);
+        if (existingScript) {
+          return resolve(existingScript);
+        }
+        const script = document4.createElement("script");
+        script.src = url;
+        script.async = options.async === true;
+        script.type = options.type || "text/javascript";
+        if (options.id) script.id = options.id;
+        if (options.integrity) script.integrity = options.integrity;
+        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+        script.onload = () => {
+          script.onerror = script.onload = null;
+          resolve(script);
+        };
+        script.onerror = () => {
+          script.onerror = script.onload = null;
+          reject(new Error(`Failed to load script: ${url}`));
+        };
+        document4.head.appendChild(script);
+      });
+    }
+    async function loadRemoteCSS(url, options = {}) {
+      const { window: window4 = globalThis } = options;
+      const { document: document4 = window4.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingLink = document4.querySelector(`link[href="${url}"]`);
+        if (existingLink) {
+          return resolve(existingLink);
+        }
+        const link = document4.createElement("link");
+        link.href = url;
+        link.rel = options.rel || "stylesheet";
+        link.type = "text/css";
+        link.media = options.media || "all";
+        if (options.id) link.id = options.id;
+        if (options.integrity) link.integrity = options.integrity;
+        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+        link.onload = () => {
+          link.onerror = link.onload = null;
+          resolve(link);
+        };
+        link.onerror = () => {
+          link.onerror = link.onload = null;
+          reject(new Error(`Failed to load stylesheet: ${url}`));
+        };
+        document4.head.appendChild(link);
+      });
+    }
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = async (str) => {
       try {
@@ -373,12 +430,9 @@ var require_cjs = __commonJS({
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
       }).replaceAll(/\s+/g, "");
     };
-    var toTitleCase = (str) => str && str.replace(
-      /\w\S*/g,
-      (txt) => {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      }
-    );
+    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
+      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
     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;
@@ -404,16 +458,16 @@ __export(set_exports, {
 });
 module.exports = __toCommonJS(set_exports);
 
-// ../../../domql/packages/utils/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../../domql/packages/utils/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../../domql/packages/utils/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null) return false;
   return typeof arg === "object" && arg.constructor === Object;
@@ -431,7 +485,7 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../../domql/packages/utils/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var unstackArrayOfObjects = (arr, exclude = []) => {
   return arr.reduce(
     (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
@@ -439,7 +493,7 @@ var unstackArrayOfObjects = (arr, exclude = []) => {
   );
 };
 
-// ../../../domql/packages/utils/keys.js
+// ../../../domql/packages/utils/dist/esm/keys.js
 var STATE_METHODS = [
   "update",
   "parse",
@@ -510,11 +564,30 @@ var METHODS_EXL = [
   ...PROPS_METHODS
 ];
 
-// ../../../domql/packages/utils/object.js
+// ../../../domql/packages/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 merge = (element, obj, excludeFrom = []) => {
   for (const e in obj) {
-    const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, e);
-    if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__")) {
+    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, e);
+    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
       continue;
     }
     const elementProp = element[e];
@@ -527,8 +600,8 @@ var merge = (element, obj, excludeFrom = []) => {
 };
 var deepMerge = (element, extend, excludeFrom = METHODS_EXL) => {
   for (const e in extend) {
-    const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__")) {
+    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
+    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
       continue;
     }
     const elementProp = element[e];
@@ -550,14 +623,15 @@ var deepClone = (obj, options = {}) => {
     visited = /* @__PURE__ */ new WeakMap(),
     handleExtends = false
   } = options;
+  const contentWindow = targetWindow || window2 || globalThis;
   if (!isObjectLike(obj) || isDOMNode(obj)) {
     return obj;
   }
   if (visited.has(obj)) {
     return visited.get(obj);
   }
-  const clone = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
-  visited.set(obj, clone);
+  const clone2 = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
+  visited.set(obj, clone2);
   for (const key in obj) {
     if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
     if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
@@ -568,27 +642,26 @@ var deepClone = (obj, options = {}) => {
       continue;
     }
     if (isDOMNode(value)) {
-      clone[key] = value;
+      clone2[key] = value;
       continue;
     }
     if (handleExtends && key === "extends" && isArray(value)) {
-      clone[key] = unstackArrayOfObjects(value, exclude);
+      clone2[key] = unstackArrayOfObjects(value, exclude);
       continue;
     }
-    if (isFunction(value) && targetWindow) {
-      clone[key] = targetWindow.eval("(" + value.toString() + ")");
+    if (isFunction(value) && options.window) {
+      clone2[key] = contentWindow.eval("(" + value.toString() + ")");
       continue;
     }
     if (isObjectLike(value)) {
-      clone[key] = deepClone(value, {
-        ...options,
+      clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
         visited
-      });
+      }));
     } else {
-      clone[key] = value;
+      clone2[key] = value;
     }
   }
-  return clone;
+  return clone2;
 };
 var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakMap()) => {
   const excl = opts.exclude || [];
@@ -614,7 +687,12 @@ var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakM
   return obj;
 };
 
-// ../../../domql/packages/utils/cookie.js
+// ../../../domql/packages/utils/dist/esm/env.js
+var NODE_ENV = "development";
+var isProduction = (env = NODE_ENV) => env === "production";
+var isNotProduction = (env = NODE_ENV) => !isProduction(env);
+
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // ../../../domql/packages/event/dist/esm/keys.js
@@ -977,10 +1055,7 @@ var rgbToHSL = (r, g, b) => {
   const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
   return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
 };
-var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(
-  Math.min(k - 3, 9 - k, 1),
-  -1
-)) => [f(0), f(8), f(4)];
+var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)) => [f(0), f(8), f(4)];
 var getColorShade = (col, amt) => {
   const num = parseInt(col, 16);
   let r = (num >> 16) + amt;
@@ -995,7 +1070,8 @@ var getColorShade = (col, amt) => {
   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.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);
@@ -1302,8 +1378,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
-var ENV = "development";
-var isDev = ENV === "development" || ENV === "testing";
+var isDev = isNotProduction();
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
@@ -1315,7 +1390,9 @@ var parseRootAttributes = (htmlString) => {
     return {};
   }
   const attrString = match[1];
-  const attrs = attrString.match(/(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm);
+  const attrs = attrString.match(
+    /(\S+)=["']?((?:.(?!["']?\s+(?:\S+)=|\s*\/?[>"']))+.)["']?/gm
+  );
   return attrs.reduce((acc, attr) => {
     const [key, value] = attr.split("=");
     acc[key] = value.replace(/['"]/g, "");
@@ -1673,15 +1750,7 @@ var runThroughMedia = (FACTORY2) => {
     if (!isPropMedia) continue;
     const { mediaRegenerate } = FACTORY2;
     const mediaName = prop.slice(1);
-    const {
-      type,
-      base,
-      ratio,
-      range,
-      subSequence,
-      h1Matches,
-      unit
-    } = FACTORY2;
+    const { type, base, ratio, range, subSequence, h1Matches, unit } = FACTORY2;
     merge(mediaValue, {
       type,
       base,
@@ -1711,7 +1780,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
-  var _a;
+  var _a, _b;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1720,9 +1789,8 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
-      if (!HEADINGS[k]) continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${(_b = HEADINGS[k]) == null ? void 0 : _b.scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
@@ -2077,3 +2145,4 @@ var set = (recivedConfig, options = SET_OPTIONS) => {
   applyReset();
   return CONFIG2;
 };
+// @preserve-env

package/dist/cjs/system/color.js

@@ -34,23 +34,23 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var require_cjs = __commonJS({
   "../utils/dist/cjs/index.js"(exports, module2) {
     "use strict";
-    var __defProp2 = Object.defineProperty;
+    var __defProp3 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __hasOwnProp3 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+        __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 (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+          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(__defProp2({}, "__esModule", { value: true }), mod);
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
     var index_exports = {};
     __export2(index_exports, {
       arrayzeValue: () => arrayzeValue,
@@ -66,6 +66,8 @@ var require_cjs = __commonJS({
       loadJavascriptFile: () => loadJavascriptFile,
       loadJavascriptFileEmbedSync: () => loadJavascriptFileEmbedSync,
       loadJavascriptFileSync: () => loadJavascriptFileSync,
+      loadRemoteCSS: () => loadRemoteCSS,
+      loadRemoteScript: () => loadRemoteScript,
       removeChars: () => removeChars,
       toCamelCase: () => toCamelCase,
       toDashCase: () => toDashCase2,
@@ -273,10 +275,12 @@ var require_cjs = __commonJS({
             });
           });
           scriptEle.addEventListener("error", (ev) => {
-            reject(new Error({
-              status: false,
-              message: `Failed to load the script ${FILE_URL}`
-            }));
+            reject(
+              new Error({
+                status: false,
+                message: `Failed to load the script ${FILE_URL}`
+              })
+            );
           });
           doc.body.appendChild(scriptEle);
         } catch (error) {
@@ -347,6 +351,59 @@ var require_cjs = __commonJS({
         console.warn(error);
       }
     };
+    function loadRemoteScript(url, options = {}) {
+      const { window: window4 = globalThis } = options;
+      const { document: document4 = window4.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingScript = document4.querySelector(`script[src="${url}"]`);
+        if (existingScript) {
+          return resolve(existingScript);
+        }
+        const script = document4.createElement("script");
+        script.src = url;
+        script.async = options.async === true;
+        script.type = options.type || "text/javascript";
+        if (options.id) script.id = options.id;
+        if (options.integrity) script.integrity = options.integrity;
+        if (options.crossOrigin) script.crossOrigin = options.crossOrigin;
+        script.onload = () => {
+          script.onerror = script.onload = null;
+          resolve(script);
+        };
+        script.onerror = () => {
+          script.onerror = script.onload = null;
+          reject(new Error(`Failed to load script: ${url}`));
+        };
+        document4.head.appendChild(script);
+      });
+    }
+    async function loadRemoteCSS(url, options = {}) {
+      const { window: window4 = globalThis } = options;
+      const { document: document4 = window4.document } = options;
+      return new Promise((resolve, reject) => {
+        const existingLink = document4.querySelector(`link[href="${url}"]`);
+        if (existingLink) {
+          return resolve(existingLink);
+        }
+        const link = document4.createElement("link");
+        link.href = url;
+        link.rel = options.rel || "stylesheet";
+        link.type = "text/css";
+        link.media = options.media || "all";
+        if (options.id) link.id = options.id;
+        if (options.integrity) link.integrity = options.integrity;
+        if (options.crossOrigin) link.crossOrigin = options.crossOrigin;
+        link.onload = () => {
+          link.onerror = link.onload = null;
+          resolve(link);
+        };
+        link.onerror = () => {
+          link.onerror = link.onload = null;
+          reject(new Error(`Failed to load stylesheet: ${url}`));
+        };
+        document4.head.appendChild(link);
+      });
+    }
     var isPhoto = (format) => ["jpeg", "gif", "jpg", "png", "tiff", "woff"].includes(format);
     var copyStringToClipboard = async (str) => {
       try {
@@ -373,12 +430,9 @@ var require_cjs = __commonJS({
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
       }).replaceAll(/\s+/g, "");
     };
-    var toTitleCase = (str) => str && str.replace(
-      /\w\S*/g,
-      (txt) => {
-        return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
-      }
-    );
+    var toTitleCase = (str) => str && str.replace(/\w\S*/g, (txt) => {
+      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+    });
     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;
@@ -404,16 +458,16 @@ __export(color_exports, {
 });
 module.exports = __toCommonJS(color_exports);
 
-// ../../../domql/packages/utils/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../../domql/packages/utils/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../../domql/packages/utils/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null) return false;
   return typeof arg === "object" && arg.constructor === Object;
@@ -431,7 +485,7 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../../domql/packages/utils/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var unstackArrayOfObjects = (arr, exclude = []) => {
   return arr.reduce(
     (a, c) => deepMerge(a, deepClone(c, { exclude }), exclude),
@@ -439,7 +493,7 @@ var unstackArrayOfObjects = (arr, exclude = []) => {
   );
 };
 
-// ../../../domql/packages/utils/keys.js
+// ../../../domql/packages/utils/dist/esm/keys.js
 var STATE_METHODS = [
   "update",
   "parse",
@@ -510,11 +564,30 @@ var METHODS_EXL = [
   ...PROPS_METHODS
 ];
 
-// ../../../domql/packages/utils/object.js
+// ../../../domql/packages/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 = METHODS_EXL) => {
   for (const e in extend) {
-    const hasOwnProperty = Object.prototype.hasOwnProperty.call(extend, e);
-    if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__")) {
+    const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(extend, e);
+    if (!hasOwnProperty2 || excludeFrom.includes(e) || e.startsWith("__")) {
       continue;
     }
     const elementProp = element[e];
@@ -536,14 +609,15 @@ var deepClone = (obj, options = {}) => {
     visited = /* @__PURE__ */ new WeakMap(),
     handleExtends = false
   } = options;
+  const contentWindow = targetWindow || window2 || globalThis;
   if (!isObjectLike(obj) || isDOMNode(obj)) {
     return obj;
   }
   if (visited.has(obj)) {
     return visited.get(obj);
   }
-  const clone = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
-  visited.set(obj, clone);
+  const clone2 = contentWindow ? isArray(obj) ? new contentWindow.Array() : new contentWindow.Object() : isArray(obj) ? [] : {};
+  visited.set(obj, clone2);
   for (const key in obj) {
     if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
     if (exclude.includes(key) || key.startsWith("__") || key === "__proto__") {
@@ -554,30 +628,34 @@ var deepClone = (obj, options = {}) => {
       continue;
     }
     if (isDOMNode(value)) {
-      clone[key] = value;
+      clone2[key] = value;
       continue;
     }
     if (handleExtends && key === "extends" && isArray(value)) {
-      clone[key] = unstackArrayOfObjects(value, exclude);
+      clone2[key] = unstackArrayOfObjects(value, exclude);
       continue;
     }
-    if (isFunction(value) && targetWindow) {
-      clone[key] = targetWindow.eval("(" + value.toString() + ")");
+    if (isFunction(value) && options.window) {
+      clone2[key] = contentWindow.eval("(" + value.toString() + ")");
       continue;
     }
     if (isObjectLike(value)) {
-      clone[key] = deepClone(value, {
-        ...options,
+      clone2[key] = deepClone(value, __spreadProps(__spreadValues({}, options), {
         visited
-      });
+      }));
     } else {
-      clone[key] = value;
+      clone2[key] = value;
     }
   }
-  return clone;
+  return clone2;
 };
 
-// ../../../domql/packages/utils/cookie.js
+// ../../../domql/packages/utils/dist/esm/env.js
+var NODE_ENV = "development";
+var isProduction = (env = NODE_ENV) => env === "production";
+var isNotProduction = (env = NODE_ENV) => !isProduction(env);
+
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // ../../../domql/packages/event/dist/esm/keys.js
@@ -929,10 +1007,7 @@ var rgbToHSL = (r, g, b) => {
   const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
   return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
 };
-var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(
-  Math.min(k - 3, 9 - k, 1),
-  -1
-)) => [f(0), f(8), f(4)];
+var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1)) => [f(0), f(8), f(4)];
 var getColorShade = (col, amt) => {
   const num = parseInt(col, 16);
   let r = (num >> 16) + amt;
@@ -947,7 +1022,8 @@ var getColorShade = (col, amt) => {
   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.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);
@@ -967,6 +1043,9 @@ var getRgbTone = (rgb, tone) => {
 // src/utils/sequence.js
 var import_utils5 = __toESM(require_cjs(), 1);
 
+// src/utils/sprite.js
+var isDev = isNotProduction();
+
 // src/system/color.js
 var getColor = (value, key, config) => {
   const CONFIG2 = config || getActiveConfig();
@@ -1093,3 +1172,4 @@ var setGradient = (val, key, suffix) => {
     value: val.value || val
   };
 };
+// @preserve-env