@symbo.ls/scratch 2.27.0 → 2.27.10

package/dist/cjs/transforms/index.js

@@ -51,8 +51,8 @@ var require_cjs = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
-    var src_exports = {};
-    __export2(src_exports, {
+    var index_exports = {};
+    __export2(index_exports, {
       arrayzeValue: () => arrayzeValue3,
       copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
       copyStringToClipboard: () => copyStringToClipboard,
@@ -73,12 +73,11 @@ var require_cjs = __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";
@@ -103,13 +102,11 @@ var require_cjs = __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);
@@ -176,8 +173,7 @@ var require_cjs = __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}`);
       }
@@ -245,20 +241,15 @@ var require_cjs = __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 arrayzeValue3 = (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];
     };
   }
 });
@@ -281,6 +272,11 @@ __export(transforms_exports, {
 });
 module.exports = __toCommonJS(transforms_exports);
 
+// ../../../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/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
@@ -292,8 +288,7 @@ var isDOMNode = (obj) => {
 
 // ../../../domql/packages/utils/dist/esm/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";
@@ -302,8 +297,7 @@ 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) => {
@@ -384,8 +378,7 @@ var deepClone = (obj, options = {}) => {
   const clone2 = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
   visited.set(obj, clone2);
   for (const key in obj) {
-    if (!Object.prototype.hasOwnProperty.call(obj, key))
-      continue;
+    if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
     if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
       continue;
     const value = obj[key];
@@ -645,10 +638,8 @@ var isScalingUnit = (unit) => {
 
 // src/utils/color.js
 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] : "");
@@ -679,8 +670,7 @@ var colorStringToRgbaArray = (color) => {
     }
   }
   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];
@@ -699,36 +689,25 @@ 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;
-  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 = rgb.split(",").map((v) => parseFloat(v.trim()));
+  if (isNumber(tone)) tone += "";
   const toHex = rgbArrayToHex(rgb);
   const abs = tone.slice(0, 1);
   if (abs === "-" || abs === "+") {
@@ -790,8 +769,7 @@ var setSequenceValue = (props, sequenceProps) => {
 var setScalingVar = (key, sequenceProps) => {
   const { base, type, unit } = sequenceProps;
   const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
-  if (key === 0)
-    return defaultVal;
+  if (key === 0) return defaultVal;
   const prefix = "--" + (type && type.replace(".", "-"));
   const ratioVar = `${prefix}-ratio`;
   if (key > 0) {
@@ -828,10 +806,8 @@ var generateSubSequence = (props, sequenceProps) => {
   const diffRounded = ~~next - ~~value;
   let arr;
   const [first, middle, second] = getSubratioDifference(value, ratio);
-  if (diffRounded > 16)
-    arr = [first, middle, second];
-  else
-    arr = [first, second];
+  if (diffRounded > 16) arr = [first, middle, second];
+  else arr = [first, second];
   arr.forEach((v, k) => {
     const scaling = ~~(v / base * 1e3) / 1e3;
     const newVar = variable + (k + 1);
@@ -873,8 +849,7 @@ var generateSequence = (sequenceProps) => {
       index: key
     };
     setSequenceValue(props, sequenceProps);
-    if (subSequence)
-      generateSubSequence(props, sequenceProps);
+    if (subSequence) generateSubSequence(props, sequenceProps);
   }
   return sequenceProps;
 };
@@ -886,13 +861,11 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     unit = UNIT2.default,
     useVariable
   } = sequenceProps;
-  if (isString(value) && value.slice(0, 2) === "--")
-    return `var(${value})`;
+  if (isString(value) && value.slice(0, 2) === "--") return `var(${value})`;
   const prefix = `--${(0, import_utils4.toDashCase)(sequenceProps.type.replace(".", "-"))}-`;
   const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
   const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
-  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter)
-    return value;
+  if (value === "none" || value === "auto" || value === "unset" || value === "inherit" || value === "fit-content" || value === "min-content" || value === "max-content" || value.includes("calc") || value.includes("var") || !startsWithDashOrLetter) return value;
   const letterVal = value.toUpperCase();
   const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
   let absValue = isNegative ? letterVal.slice(1) : letterVal;
@@ -916,8 +889,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
   }
   if (!sequence[absValue] && absValue.length === 2) {
-    if (CONFIG2.verbose)
-      console.warn(absValue, "- value is not found because `subSequence` is set to false");
+    if (CONFIG2.verbose) console.warn(absValue, "- value is not found because `subSequence` is set to false");
     absValue = absValue.slice(0, 1);
   }
   if (useVariable || CONFIG2.useVariable) {
@@ -925,8 +897,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
     return isNegative ? `calc(${varValue2} * -1)` : varValue2;
   }
   const sequenceItem = sequence ? sequence[absValue] : null;
-  if (!sequenceItem)
-    return console.warn("can't find", sequence, absValue);
+  if (!sequenceItem) return console.warn("can't find", sequence, absValue);
   if (unit === "ms" || unit === "s") {
     return isNegative + sequenceItem.val + unit;
   }
@@ -935,12 +906,10 @@ var getSequenceValue = (value = "A", sequenceProps) => {
 var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
   if (typeof value !== "string") {
     const CONFIG2 = getActiveConfig();
-    if (CONFIG2.verbose)
-      console.warn(propertyName, value, "is not a string");
+    if (CONFIG2.verbose) console.warn(propertyName, value, "is not a string");
     return { [propertyName]: value };
   }
-  if (value === "-" || value === "")
-    return {};
+  if (value === "-" || value === "") return {};
   return { [propertyName]: getSequenceValue(value, sequenceProps) };
 };
 
@@ -985,31 +954,28 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   }
 };
 
+// src/utils/sprite.js
+var isDev = isNotProduction();
+
 // 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) {
@@ -1019,32 +985,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) {
@@ -1055,8 +1014,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;
   }
 };
@@ -1069,8 +1027,7 @@ var import_utils15 = __toESM(require_cjs(), 1);
 var getSequence = (sequenceProps) => {
   const CONFIG2 = getActiveConfig();
   const { SPACING: SPACING2 } = CONFIG2;
-  if (!sequenceProps)
-    return SPACING2;
+  if (!sequenceProps) return SPACING2;
   const hasGenerated = Object.keys(sequenceProps.sequence).length > 0;
   return hasGenerated ? sequenceProps : generateSequence(sequenceProps);
 };
@@ -1080,8 +1037,7 @@ var getSpacingByKey = (value, propertyName = "padding", sequenceProps) => {
     return { [propertyName]: value };
   }
   const stack = (0, import_utils15.arrayzeValue)(value);
-  if (!isArray(stack))
-    return;
+  if (!isArray(stack)) return;
   if (stack.length > 1) {
     let suffix = "";
     if (propertyName === "borderWidth") {
@@ -1140,32 +1096,25 @@ var getSpacingBasedOnRatio = (props, propertyName, val) => {
 // src/system/shadow.js
 var getShadow = (value, globalTheme) => {
   const CONFIG2 = 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 { SHADOW: SHADOW2 } = CONFIG2;
   const val = SHADOW2[name];
   const isObj = isObject(val);
   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 (globalTheme) {
-    if (val[globalTheme])
-      return val[globalTheme].value;
-    else if (CONFIG2.verbose)
-      console.warn(value, " - does not have ", globalTheme);
+    if (val[globalTheme]) return val[globalTheme].value;
+    else if (CONFIG2.verbose) console.warn(value, " - does not have ", globalTheme);
   }
-  if (isObj && val.value)
-    return val.value;
+  if (isObj && val.value) return val.value;
   if (isObj) {
     const obj = {};
     for (const mediaName in val) {
@@ -1175,8 +1124,7 @@ var getShadow = (value, globalTheme) => {
     }
     return obj;
   }
-  if (CONFIG2.verbose)
-    console.warn("Can't find color", value);
+  if (CONFIG2.verbose) console.warn("Can't find color", value);
   return value;
 };
 
@@ -1215,25 +1163,18 @@ var transformBorder = (border) => {
   const arr = border.split(", ");
   return arr.map((v) => {
     v = v.trim();
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    else if (isBorderStyle(v))
-      return v || "solid";
-    else if (v.slice(-2) === "px" || v.slice(-2) === "em")
-      return v;
-    else if (getColor(v).length > 2)
-      return getColor(v);
+    if (v.slice(0, 2) === "--") return `var(${v})`;
+    else if (isBorderStyle(v)) return v || "solid";
+    else if (v.slice(-2) === "px" || v.slice(-2) === "em") return v;
+    else if (getColor(v).length > 2) return getColor(v);
     return getSpacingByKey(v, "border").border;
   }).join(" ");
 };
 var transformTextStroke = (stroke) => {
   return stroke.split(", ").map((v) => {
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    if (v.includes("px"))
-      return v;
-    else if (getColor(v))
-      return getColor(v);
+    if (v.slice(0, 2) === "--") return `var(${v})`;
+    if (v.includes("px")) return v;
+    else if (getColor(v)) return getColor(v);
     return v;
   }).join(" ");
 };
@@ -1241,64 +1182,52 @@ var transformShadow = (sh, globalTheme) => getShadow(sh, globalTheme);
 var transformBoxShadow = (shadows, globalTheme) => shadows.split("|").map((shadow) => {
   return shadow.split(",").map((v) => {
     v = v.trim();
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
+    if (v.slice(0, 2) === "--") return `var(${v})`;
     if (getColor(v).length > 2) {
       const color = getMediaColor(v, globalTheme);
-      if (isObject(color))
-        return Object.values(color).filter((v2) => v2.includes(": " + globalTheme))[0];
+      if (isObject(color)) return Object.values(color).filter((v2) => v2.includes(": " + globalTheme))[0];
       return color;
     }
-    if (v.includes("px") || v.slice(-2) === "em")
-      return v;
+    if (v.includes("px") || v.slice(-2) === "em") return v;
     const arr = v.split(" ");
-    if (!arr.length)
-      return v;
+    if (!arr.length) return v;
     return arr.map((v2) => getSpacingByKey(v2, "shadow").shadow).join(" ");
   }).join(" ");
 }).join(",");
 var transformBackgroundImage = (backgroundImage, globalTheme) => {
   const CONFIG2 = getActiveConfig();
   return backgroundImage.split(", ").map((v) => {
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
-    if (v.includes("url") || v.includes("gradient"))
-      return v;
+    if (v.slice(0, 2) === "--") return `var(${v})`;
+    if (v.includes("url") || v.includes("gradient")) return v;
     else if (CONFIG2.GRADIENT[backgroundImage]) {
       return {
         backgroundImage: getMediaColor(backgroundImage, globalTheme || CONFIG2.globalTheme)
       };
-    } else if (v.includes("/") || v.startsWith("http") || v.includes("."))
-      return `url(${v})`;
+    } else if (v.includes("/") || v.startsWith("http") || v.includes(".")) return `url(${v})`;
     return v;
   }).join(" ");
 };
 var transfromGap = (gap) => isString(gap) && gap.split(" ").map((v) => getSpacingByKey(v, "gap").gap).join(" ");
 var transformTransition = (transition) => {
   const arr = transition.split(" ");
-  if (!arr.length)
-    return transition;
+  if (!arr.length) return transition;
   return arr.map((v) => {
-    if (v.slice(0, 2) === "--")
-      return `var(${v})`;
+    if (v.slice(0, 2) === "--") return `var(${v})`;
     if (v.length < 3 || v.includes("ms")) {
       const mapWithSequence = getTimingByKey(v);
       return mapWithSequence.timing || v;
     }
-    if (getTimingFunction(v))
-      return getTimingFunction(v);
+    if (getTimingFunction(v)) return getTimingFunction(v);
     return v;
   }).join(" ");
 };
 var transformDuration = (duration, props, propertyName) => {
-  if (!isString(duration))
-    return;
+  if (!isString(duration)) return;
   return duration.split(",").map((v) => getTimingByKey(v).timing || v).join(",");
 };
 var splitTransition = (transition) => {
   const arr = transition.split(",");
-  if (!arr.length)
-    return;
+  if (!arr.length) return;
   return arr.map(transformTransition).join(",");
 };
 var checkIfBoxSize = (propertyName) => {
@@ -1307,16 +1236,14 @@ var checkIfBoxSize = (propertyName) => {
 };
 var transformSize = (propertyName, val, props = {}, opts = {}) => {
   let value = val || props[propertyName];
-  if (isUndefined(value) && isNull(value))
-    return;
+  if (isUndefined(value) && isNull(value)) return;
   const shouldScaleBoxSize = props.scaleBoxSize;
   const isBoxSize = checkIfBoxSize(propertyName);
   if (!shouldScaleBoxSize && isBoxSize && isString(value)) {
     value = value.split(" ").map((v) => {
       const isSingleLetter = v.length < 3 && /[A-Z]/.test(v);
       const hasUnits = ["%", "vw", "vh", "ch"].some((unit) => value.includes(unit));
-      if (isSingleLetter && !hasUnits)
-        return v + "_default";
+      if (isSingleLetter && !hasUnits) return v + "_default";
       return v;
     }).join(" ");
   }
@@ -1331,3 +1258,4 @@ var transformSizeRatio = (propertyName, props) => {
     ratio: true
   });
 };
+// @preserve-env

package/dist/cjs/utils/color.js

@@ -38,6 +38,11 @@ __export(color_exports, {
 });
 module.exports = __toCommonJS(color_exports);
 
+// ../../../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/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
@@ -50,12 +55,9 @@ var isNumber = (arg) => typeof arg === "number";
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/utils/color.js
-var ENV = "development";
 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] : "");
@@ -86,8 +88,7 @@ var colorStringToRgbaArray = (color) => {
     }
   }
   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];
@@ -124,10 +125,7 @@ var mixTwoRgb = (colorA, colorB, range = 0.5) => {
 };
 var changeLightness = (delta, hsl) => {
   const [hue, saturation, lightness] = hsl;
-  const newLightness = Math.max(
-    0,
-    Math.min(100, lightness + parseFloat(delta))
-  );
+  const newLightness = Math.max(0, Math.min(100, lightness + parseFloat(delta)));
   return [hue, saturation, newLightness];
 };
 var rgbToHSL = (r, g, b) => {
@@ -137,44 +135,32 @@ 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;
-  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 mixTwoRgba = (colorA, colorB, range = 0.5) => {
   const arr = [];
   for (let i = 0; i < 4; i++) {
     const round = i === 3 ? (x) => x : Math.round;
-    arr[i] = round(
-      colorA[i] + (colorB[i] - colorA[i]) * range
-    );
+    arr[i] = round(colorA[i] + (colorB[i] - colorA[i]) * range);
   }
   return `rgba(${arr})`;
 };
 var opacify = (color, opacity) => {
   const arr = colorStringToRgbaArray(color);
   if (!arr) {
-    if (ENV === "testing" || ENV === "development")
-      console.warn(color + " color is not rgba");
+    if (isNotProduction()) console.warn(color + " color is not rgba");
     return;
   }
   arr[3] = opacity;
@@ -183,10 +169,8 @@ var opacify = (color, opacity) => {
 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 = rgb.split(",").map((v) => parseFloat(v.trim()));
+  if (isNumber(tone)) tone += "";
   const toHex = rgbArrayToHex(rgb);
   const abs = tone.slice(0, 1);
   if (abs === "-" || abs === "+") {
@@ -200,3 +184,4 @@ var getRgbTone = (rgb, tone) => {
     return newRgb;
   }
 };
+// @preserve-env