@symbo.ls/scratch 2.27.0 → 2.27.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -51,8 +51,8 @@ var require_cjs = __commonJS({
51
51
  return to;
52
52
  };
53
53
  var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
54
- var src_exports = {};
55
- __export2(src_exports, {
54
+ var index_exports = {};
55
+ __export2(index_exports, {
56
56
  arrayzeValue: () => arrayzeValue,
57
57
  copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
58
58
  copyStringToClipboard: () => copyStringToClipboard,
@@ -73,12 +73,11 @@ var require_cjs = __commonJS({
73
73
  toTitleCase: () => toTitleCase,
74
74
  toggleFullscreen: () => toggleFullscreen
75
75
  });
76
- module2.exports = __toCommonJS2(src_exports);
76
+ module2.exports = __toCommonJS2(index_exports);
77
77
  var window22 = globalThis;
78
78
  var document22 = window22.document;
79
79
  var isObject2 = (arg) => {
80
- if (arg === null)
81
- return false;
80
+ if (arg === null) return false;
82
81
  return typeof arg === "object" && arg.constructor === Object;
83
82
  };
84
83
  var isString2 = (arg) => typeof arg === "string";
@@ -103,13 +102,11 @@ var require_cjs = __commonJS({
103
102
  };
104
103
  var findClosestNumberInFactory = (val, factory) => {
105
104
  val = parseFloat(val);
106
- if (isObject2(factory))
107
- factory = Object.values(factory);
105
+ if (isObject2(factory)) factory = Object.values(factory);
108
106
  return findClosestNumber(val, factory);
109
107
  };
110
108
  var formatDate = (timestamp) => {
111
- if (!timestamp)
112
- return "";
109
+ if (!timestamp) return "";
113
110
  const d = new Date(timestamp);
114
111
  const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
115
112
  const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
@@ -176,8 +173,7 @@ var require_cjs = __commonJS({
176
173
  scriptEle.type = type;
177
174
  scriptEle.text = xhr.responseText;
178
175
  doc.body.appendChild(scriptEle);
179
- if (typeof fallback === "function")
180
- fallback();
176
+ if (typeof fallback === "function") fallback();
181
177
  } else {
182
178
  throw new Error(`Failed to load the script ${FILE_URL}`);
183
179
  }
@@ -245,20 +241,15 @@ var require_cjs = __commonJS({
245
241
  );
246
242
  var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
247
243
  var toDescriptionCase = (str = "") => {
248
- if (typeof str !== "string")
249
- return;
244
+ if (typeof str !== "string") return;
250
245
  const result = str.replace(/([A-Z])/g, " $1");
251
246
  return result.charAt(0).toUpperCase() + result.slice(1);
252
247
  };
253
248
  var arrayzeValue = (val) => {
254
- if (isArray2(val))
255
- return val;
256
- if (isString2(val))
257
- return val.split(" ");
258
- if (isObject2(val))
259
- return Object.values(val);
260
- if (isNumber2(val))
261
- return [val];
249
+ if (isArray2(val)) return val;
250
+ if (isString2(val)) return val.split(" ");
251
+ if (isObject2(val)) return Object.values(val);
252
+ if (isNumber2(val)) return [val];
262
253
  };
263
254
  }
264
255
  });
@@ -273,6 +264,11 @@ __export(theme_exports, {
273
264
  });
274
265
  module.exports = __toCommonJS(theme_exports);
275
266
 
267
+ // ../../../domql/packages/utils/dist/esm/env.js
268
+ var NODE_ENV = "development";
269
+ var isProduction = (env = NODE_ENV) => env === "production";
270
+ var isNotProduction = (env = NODE_ENV) => !isProduction(env);
271
+
276
272
  // ../../../domql/packages/utils/dist/esm/globals.js
277
273
  var window2 = globalThis;
278
274
  var document2 = window2.document;
@@ -284,8 +280,7 @@ var isDOMNode = (obj) => {
284
280
 
285
281
  // ../../../domql/packages/utils/dist/esm/types.js
286
282
  var isObject = (arg) => {
287
- if (arg === null)
288
- return false;
283
+ if (arg === null) return false;
289
284
  return typeof arg === "object" && arg.constructor === Object;
290
285
  };
291
286
  var isString = (arg) => typeof arg === "string";
@@ -294,8 +289,7 @@ var isFunction = (arg) => typeof arg === "function";
294
289
  var isNull = (arg) => arg === null;
295
290
  var isArray = (arg) => Array.isArray(arg);
296
291
  var isObjectLike = (arg) => {
297
- if (arg === null)
298
- return false;
292
+ if (arg === null) return false;
299
293
  return typeof arg === "object";
300
294
  };
301
295
  var isUndefined = (arg) => {
@@ -363,8 +357,7 @@ var deepClone = (obj, options = {}) => {
363
357
  const clone2 = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
364
358
  visited.set(obj, clone2);
365
359
  for (const key in obj) {
366
- if (!Object.prototype.hasOwnProperty.call(obj, key))
367
- continue;
360
+ if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
368
361
  if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
369
362
  continue;
370
363
  const value = obj[key];
@@ -619,10 +612,8 @@ var getActiveConfig = (def) => {
619
612
 
620
613
  // src/utils/color.js
621
614
  var colorStringToRgbaArray = (color) => {
622
- if (color === "")
623
- return [0, 0, 0, 0];
624
- if (color.toLowerCase() === "transparent")
625
- return [0, 0, 0, 0];
615
+ if (color === "") return [0, 0, 0, 0];
616
+ if (color.toLowerCase() === "transparent") return [0, 0, 0, 0];
626
617
  if (color[0] === "#") {
627
618
  if (color.length < 7) {
628
619
  color = "#" + color[1] + color[1] + color[2] + color[2] + color[3] + color[3] + (color.length > 4 ? color[4] + color[4] : "");
@@ -653,8 +644,7 @@ var colorStringToRgbaArray = (color) => {
653
644
  }
654
645
  }
655
646
  if (color.indexOf("rgb") === 0) {
656
- if (color.indexOf("rgba") === -1)
657
- color = `${color}, 1`;
647
+ if (color.indexOf("rgba") === -1) color = `${color}, 1`;
658
648
  return color.match(/[\.\d]+/g).map((a) => +a);
659
649
  }
660
650
  return [0, 0, 0, 0];
@@ -673,36 +663,25 @@ var rgbToHSL = (r, g, b) => {
673
663
  const h = n && (a == r ? (g - b) / n : a == g ? 2 + (b - r) / n : 4 + (r - g) / n);
674
664
  return [60 * (h < 0 ? h + 6 : h), f ? n / f : 0, (a + a - n) / 2];
675
665
  };
676
- var hslToRgb = (h, s, l, a = s * Math.min(l, 1 - l), f = (n, k = (n + h / 30) % 12) => l - a * Math.max(
677
- Math.min(k - 3, 9 - k, 1),
678
- -1
679
- )) => [f(0), f(8), f(4)];
666
+ 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)];
680
667
  var getColorShade = (col, amt) => {
681
668
  const num = parseInt(col, 16);
682
669
  let r = (num >> 16) + amt;
683
- if (r > 255)
684
- r = 255;
685
- else if (r < 0)
686
- r = 0;
670
+ if (r > 255) r = 255;
671
+ else if (r < 0) r = 0;
687
672
  let b = (num >> 8 & 255) + amt;
688
- if (b > 255)
689
- b = 255;
690
- else if (b < 0)
691
- b = 0;
673
+ if (b > 255) b = 255;
674
+ else if (b < 0) b = 0;
692
675
  let g = (num & 255) + amt;
693
- if (g > 255)
694
- g = 255;
695
- else if (g < 0)
696
- g = 0;
676
+ if (g > 255) g = 255;
677
+ else if (g < 0) g = 0;
697
678
  return ((g | b << 8 | r << 16) + 16777216).toString(16).slice(1);
698
679
  };
699
680
  var getRgbTone = (rgb, tone) => {
700
681
  if (isString(rgb) && rgb.includes("rgb"))
701
682
  rgb = colorStringToRgbaArray(rgb).join(", ");
702
- if (isString(rgb))
703
- rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
704
- if (isNumber(tone))
705
- tone += "";
683
+ if (isString(rgb)) rgb = rgb.split(",").map((v) => parseFloat(v.trim()));
684
+ if (isNumber(tone)) tone += "";
706
685
  const toHex = rgbArrayToHex(rgb);
707
686
  const abs = tone.slice(0, 1);
708
687
  if (abs === "-" || abs === "+") {
@@ -720,31 +699,28 @@ var getRgbTone = (rgb, tone) => {
720
699
  // src/utils/sequence.js
721
700
  var import_utils4 = __toESM(require_cjs(), 1);
722
701
 
702
+ // src/utils/sprite.js
703
+ var isDev = isNotProduction();
704
+
723
705
  // src/system/color.js
724
706
  var getColor = (value, key, config) => {
725
707
  const CONFIG2 = config || getActiveConfig();
726
708
  if (!isString(value)) {
727
- if (CONFIG2.verbose)
728
- console.warn(value, "- type for color is not valid");
709
+ if (CONFIG2.verbose) console.warn(value, "- type for color is not valid");
729
710
  return;
730
711
  }
731
- if (value.slice(0, 2) === "--")
732
- return `var(${value})`;
733
- if (key && value[key])
734
- value = value[key];
712
+ if (value.slice(0, 2) === "--") return `var(${value})`;
713
+ if (key && value[key]) value = value[key];
735
714
  const [name, alpha, tone] = isArray(value) ? value : value.split(" ");
736
715
  const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG2;
737
716
  let val = COLOR2[name] || GRADIENT2[name];
738
717
  if (!val) {
739
- if (CONFIG2.verbose)
740
- console.warn("Can't find color ", name);
718
+ if (CONFIG2.verbose) console.warn("Can't find color ", name);
741
719
  return value;
742
720
  }
743
721
  if (key) {
744
- if (val[key])
745
- val = val[key];
746
- else if (CONFIG2.verbose)
747
- console.warn(value, " - does not have ", key);
722
+ if (val[key]) val = val[key];
723
+ else if (CONFIG2.verbose) console.warn(value, " - does not have ", key);
748
724
  }
749
725
  let rgb = val.rgb;
750
726
  if (!rgb) {
@@ -754,10 +730,8 @@ var getColor = (value, key, config) => {
754
730
  rgb = getRgbTone(rgb, tone);
755
731
  val[tone] = { rgb, var: `${val.var}-${tone}` };
756
732
  }
757
- if (val[tone])
758
- rgb = val[tone].rgb;
759
- if (alpha)
760
- return `rgba(${rgb}, ${alpha})`;
733
+ if (val[tone]) rgb = val[tone].rgb;
734
+ if (alpha) return `rgba(${rgb}, ${alpha})`;
761
735
  return CONFIG2.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
762
736
  };
763
737
 
@@ -774,22 +748,19 @@ var setThemeValue = (theme) => {
774
748
  return value;
775
749
  };
776
750
  var getThemeValue = (theme) => {
777
- if (theme.value)
778
- return theme.value;
751
+ if (theme.value) return theme.value;
779
752
  theme.value = setThemeValue(theme);
780
753
  return theme.value;
781
754
  };
782
755
  var getTheme = (value, modifier) => {
783
756
  const CONFIG2 = getActiveConfig();
784
- if (CONFIG2.useVariable)
785
- return getMediaTheme(value, modifier);
757
+ if (CONFIG2.useVariable) return getMediaTheme(value, modifier);
786
758
  const { THEME: THEME2 } = CONFIG2;
787
759
  if (isString(value)) {
788
760
  const [theme, subtheme] = value.split(" ");
789
761
  const isOurTheme = THEME2[theme];
790
762
  if (isOurTheme) {
791
- if (!subtheme && !modifier)
792
- return getThemeValue(isOurTheme);
763
+ if (!subtheme && !modifier) return getThemeValue(isOurTheme);
793
764
  value = [theme, subtheme || modifier];
794
765
  }
795
766
  }
@@ -797,14 +768,10 @@ var getTheme = (value, modifier) => {
797
768
  const themeName = value[0];
798
769
  const subThemeName = value[1];
799
770
  const { helpers, media, state } = THEME2[themeName];
800
- if (media && media[subThemeName])
801
- return getThemeValue(media[subThemeName]);
802
- if (helpers && helpers[subThemeName])
803
- return getThemeValue(helpers[subThemeName]);
804
- if (state && state[subThemeName])
805
- return getThemeValue(state[subThemeName]);
806
- } else if (isObject(value))
807
- return setThemeValue(value);
771
+ if (media && media[subThemeName]) return getThemeValue(media[subThemeName]);
772
+ if (helpers && helpers[subThemeName]) return getThemeValue(helpers[subThemeName]);
773
+ if (state && state[subThemeName]) return getThemeValue(state[subThemeName]);
774
+ } else if (isObject(value)) return setThemeValue(value);
808
775
  };
809
776
  var setInverseTheme = (theme, variant, value) => {
810
777
  if (isObject(variant)) {
@@ -822,13 +789,11 @@ var setInverseTheme = (theme, variant, value) => {
822
789
  var setPseudo = (theme, key, variant, themeValue) => {
823
790
  const result = getTheme(variant);
824
791
  themeValue[`&:${key}`] = result;
825
- if (isObject(variant) && !variant.value)
826
- variant.value = result;
792
+ if (isObject(variant) && !variant.value) variant.value = result;
827
793
  };
828
794
  var setSelectors = (theme, value) => {
829
795
  const { state } = theme;
830
- if (!state)
831
- return;
796
+ if (!state) return;
832
797
  const keys = Object.keys(state);
833
798
  keys.map((key) => {
834
799
  const variant = state[key];
@@ -840,20 +805,16 @@ var setSelectors = (theme, value) => {
840
805
  var setPrefersScheme = (theme, key, variant, themeValue) => {
841
806
  const result = getTheme(variant);
842
807
  themeValue[`@media (prefers-color-scheme: ${key})`] = result;
843
- if (isObject(variant) && !variant.value)
844
- variant.value = result;
808
+ if (isObject(variant) && !variant.value) variant.value = result;
845
809
  };
846
810
  var setMedia = (theme, value) => {
847
811
  const { media } = theme;
848
- if (!media)
849
- return;
812
+ if (!media) return;
850
813
  const keys = Object.keys(media);
851
814
  keys.map((key) => {
852
815
  const variant = media[key];
853
- if (key === "dark" || key === "light")
854
- setPrefersScheme(theme, key, variant, value);
855
- if (key === "inverse")
856
- setInverseTheme(theme, variant, value);
816
+ if (key === "dark" || key === "light") setPrefersScheme(theme, key, variant, value);
817
+ if (key === "inverse") setInverseTheme(theme, variant, value);
857
818
  return theme;
858
819
  });
859
820
  return theme;
@@ -861,23 +822,19 @@ var setMedia = (theme, value) => {
861
822
  var setHelpers = (theme, value) => {
862
823
  const CONFIG2 = getActiveConfig();
863
824
  const { helpers } = theme;
864
- if (!helpers)
865
- return;
825
+ if (!helpers) return;
866
826
  const keys = Object.keys(helpers);
867
827
  keys.map((key) => {
868
828
  const helper = helpers[key];
869
- if (isString(helper))
870
- helpers[key] = CONFIG2.THEME[helper];
871
- else
872
- getThemeValue(helpers[key]);
829
+ if (isString(helper)) helpers[key] = CONFIG2.THEME[helper];
830
+ else getThemeValue(helpers[key]);
873
831
  return theme;
874
832
  });
875
833
  return theme;
876
834
  };
877
835
  var setTheme = (val, key) => {
878
836
  const CONFIG2 = getActiveConfig();
879
- if (CONFIG2.useVariable)
880
- return setMediaTheme(val, key);
837
+ if (CONFIG2.useVariable) return setMediaTheme(val, key);
881
838
  const { state, media, helpers } = val;
882
839
  const value = setThemeValue(val, key);
883
840
  const CSSvar = `--theme-${key}`;
@@ -939,24 +896,19 @@ var recursiveTheme = (val) => {
939
896
  } else if (symb === ":") {
940
897
  obj[`&${param}`] = recursiveTheme(val[param]);
941
898
  }
942
- } else
943
- obj[param] = val[param];
899
+ } else obj[param] = val[param];
944
900
  }
945
901
  return obj;
946
902
  };
947
903
  var findModifierFromArray = (val, modifierArray) => {
948
904
  const currentMod = modifierArray.shift();
949
- if (val[currentMod])
950
- return findModifierFromArray(val[currentMod], modifierArray);
905
+ if (val[currentMod]) return findModifierFromArray(val[currentMod], modifierArray);
951
906
  return val;
952
907
  };
953
908
  var findModifier = (val, modifier) => {
954
- if (isArray(modifier))
955
- return findModifierFromArray(val, modifier);
956
- else if (isString(modifier) && val[modifier])
957
- return val[modifier];
958
- else
959
- return val;
909
+ if (isArray(modifier)) return findModifierFromArray(val, modifier);
910
+ else if (isString(modifier) && val[modifier]) return val[modifier];
911
+ else return val;
960
912
  };
961
913
  var getMediaTheme = (value, modifier) => {
962
914
  const activeConfig = getActiveConfig();
@@ -977,3 +929,4 @@ var getMediaTheme = (value, modifier) => {
977
929
  const resolvedTheme = recursiveTheme(themeValue);
978
930
  return resolvedTheme;
979
931
  };
932
+ // @preserve-env
@@ -51,8 +51,8 @@ var require_cjs = __commonJS({
51
51
  return to;
52
52
  };
53
53
  var __toCommonJS2 = (mod) => __copyProps2(__defProp3({}, "__esModule", { value: true }), mod);
54
- var src_exports = {};
55
- __export2(src_exports, {
54
+ var index_exports = {};
55
+ __export2(index_exports, {
56
56
  arrayzeValue: () => arrayzeValue,
57
57
  copyJavaScriptToClipboard: () => copyJavaScriptToClipboard,
58
58
  copyStringToClipboard: () => copyStringToClipboard,
@@ -73,12 +73,11 @@ var require_cjs = __commonJS({
73
73
  toTitleCase: () => toTitleCase,
74
74
  toggleFullscreen: () => toggleFullscreen
75
75
  });
76
- module2.exports = __toCommonJS2(src_exports);
76
+ module2.exports = __toCommonJS2(index_exports);
77
77
  var window22 = globalThis;
78
78
  var document22 = window22.document;
79
79
  var isObject2 = (arg) => {
80
- if (arg === null)
81
- return false;
80
+ if (arg === null) return false;
82
81
  return typeof arg === "object" && arg.constructor === Object;
83
82
  };
84
83
  var isString2 = (arg) => typeof arg === "string";
@@ -103,13 +102,11 @@ var require_cjs = __commonJS({
103
102
  };
104
103
  var findClosestNumberInFactory = (val, factory) => {
105
104
  val = parseFloat(val);
106
- if (isObject2(factory))
107
- factory = Object.values(factory);
105
+ if (isObject2(factory)) factory = Object.values(factory);
108
106
  return findClosestNumber(val, factory);
109
107
  };
110
108
  var formatDate = (timestamp) => {
111
- if (!timestamp)
112
- return "";
109
+ if (!timestamp) return "";
113
110
  const d = new Date(timestamp);
114
111
  const ye = new Intl.DateTimeFormat("en", { year: "numeric" }).format(d);
115
112
  const mo = new Intl.DateTimeFormat("en", { month: "short" }).format(d);
@@ -176,8 +173,7 @@ var require_cjs = __commonJS({
176
173
  scriptEle.type = type;
177
174
  scriptEle.text = xhr.responseText;
178
175
  doc.body.appendChild(scriptEle);
179
- if (typeof fallback === "function")
180
- fallback();
176
+ if (typeof fallback === "function") fallback();
181
177
  } else {
182
178
  throw new Error(`Failed to load the script ${FILE_URL}`);
183
179
  }
@@ -245,20 +241,15 @@ var require_cjs = __commonJS({
245
241
  );
246
242
  var toDashCase2 = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
247
243
  var toDescriptionCase = (str = "") => {
248
- if (typeof str !== "string")
249
- return;
244
+ if (typeof str !== "string") return;
250
245
  const result = str.replace(/([A-Z])/g, " $1");
251
246
  return result.charAt(0).toUpperCase() + result.slice(1);
252
247
  };
253
248
  var arrayzeValue = (val) => {
254
- if (isArray2(val))
255
- return val;
256
- if (isString2(val))
257
- return val.split(" ");
258
- if (isObject2(val))
259
- return Object.values(val);
260
- if (isNumber2(val))
261
- return [val];
249
+ if (isArray2(val)) return val;
250
+ if (isString2(val)) return val.split(" ");
251
+ if (isObject2(val)) return Object.values(val);
252
+ if (isNumber2(val)) return [val];
262
253
  };
263
254
  }
264
255
  });
@@ -273,6 +264,11 @@ __export(timing_exports, {
273
264
  module.exports = __toCommonJS(timing_exports);
274
265
  var import_utils7 = __toESM(require_cjs(), 1);
275
266
 
267
+ // ../../../domql/packages/utils/dist/esm/env.js
268
+ var NODE_ENV = "development";
269
+ var isProduction = (env = NODE_ENV) => env === "production";
270
+ var isNotProduction = (env = NODE_ENV) => !isProduction(env);
271
+
276
272
  // ../../../domql/packages/utils/dist/esm/globals.js
277
273
  var window2 = globalThis;
278
274
  var document2 = window2.document;
@@ -288,8 +284,7 @@ var isFunction = (arg) => typeof arg === "function";
288
284
  var isNull = (arg) => arg === null;
289
285
  var isArray = (arg) => Array.isArray(arg);
290
286
  var isObjectLike = (arg) => {
291
- if (arg === null)
292
- return false;
287
+ if (arg === null) return false;
293
288
  return typeof arg === "object";
294
289
  };
295
290
  var isUndefined = (arg) => {
@@ -357,8 +352,7 @@ var deepClone = (obj, options = {}) => {
357
352
  const clone2 = targetWindow ? isArray(obj) ? new targetWindow.Array() : new targetWindow.Object() : isArray(obj) ? [] : {};
358
353
  visited.set(obj, clone2);
359
354
  for (const key in obj) {
360
- if (!Object.prototype.hasOwnProperty.call(obj, key))
361
- continue;
355
+ if (!Object.prototype.hasOwnProperty.call(obj, key)) continue;
362
356
  if (exclude.includes(key) || key.startsWith("__") || key === "__proto__")
363
357
  continue;
364
358
  const value = obj[key];
@@ -663,8 +657,7 @@ var setSequenceValue = (props, sequenceProps) => {
663
657
  var setScalingVar = (key, sequenceProps) => {
664
658
  const { base, type, unit } = sequenceProps;
665
659
  const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
666
- if (key === 0)
667
- return defaultVal;
660
+ if (key === 0) return defaultVal;
668
661
  const prefix = "--" + (type && type.replace(".", "-"));
669
662
  const ratioVar = `${prefix}-ratio`;
670
663
  if (key > 0) {
@@ -701,10 +694,8 @@ var generateSubSequence = (props, sequenceProps) => {
701
694
  const diffRounded = ~~next - ~~value;
702
695
  let arr;
703
696
  const [first, middle, second] = getSubratioDifference(value, ratio);
704
- if (diffRounded > 16)
705
- arr = [first, middle, second];
706
- else
707
- arr = [first, second];
697
+ if (diffRounded > 16) arr = [first, middle, second];
698
+ else arr = [first, second];
708
699
  arr.forEach((v, k) => {
709
700
  const scaling = ~~(v / base * 1e3) / 1e3;
710
701
  const newVar = variable + (k + 1);
@@ -746,8 +737,7 @@ var generateSequence = (sequenceProps) => {
746
737
  index: key
747
738
  };
748
739
  setSequenceValue(props, sequenceProps);
749
- if (subSequence)
750
- generateSubSequence(props, sequenceProps);
740
+ if (subSequence) generateSubSequence(props, sequenceProps);
751
741
  }
752
742
  return sequenceProps;
753
743
  };
@@ -759,13 +749,11 @@ var getSequenceValue = (value = "A", sequenceProps) => {
759
749
  unit = UNIT2.default,
760
750
  useVariable
761
751
  } = sequenceProps;
762
- if (isString(value) && value.slice(0, 2) === "--")
763
- return `var(${value})`;
752
+ if (isString(value) && value.slice(0, 2) === "--") return `var(${value})`;
764
753
  const prefix = `--${(0, import_utils4.toDashCase)(sequenceProps.type.replace(".", "-"))}-`;
765
754
  const startsWithDashOrLetterRegex = /^-?[a-zA-Z]/i;
766
755
  const startsWithDashOrLetter = startsWithDashOrLetterRegex.test(value);
767
- 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)
768
- return value;
756
+ 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;
769
757
  const letterVal = value.toUpperCase();
770
758
  const isNegative = letterVal.slice(0, 1) === "-" ? "-" : "";
771
759
  let absValue = isNegative ? letterVal.slice(1) : letterVal;
@@ -789,8 +777,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
789
777
  return isNegative ? `calc((${joint}) * -1)` : `calc(${joint})`;
790
778
  }
791
779
  if (!sequence[absValue] && absValue.length === 2) {
792
- if (CONFIG2.verbose)
793
- console.warn(absValue, "- value is not found because `subSequence` is set to false");
780
+ if (CONFIG2.verbose) console.warn(absValue, "- value is not found because `subSequence` is set to false");
794
781
  absValue = absValue.slice(0, 1);
795
782
  }
796
783
  if (useVariable || CONFIG2.useVariable) {
@@ -798,8 +785,7 @@ var getSequenceValue = (value = "A", sequenceProps) => {
798
785
  return isNegative ? `calc(${varValue2} * -1)` : varValue2;
799
786
  }
800
787
  const sequenceItem = sequence ? sequence[absValue] : null;
801
- if (!sequenceItem)
802
- return console.warn("can't find", sequence, absValue);
788
+ if (!sequenceItem) return console.warn("can't find", sequence, absValue);
803
789
  if (unit === "ms" || unit === "s") {
804
790
  return isNegative + sequenceItem.val + unit;
805
791
  }
@@ -808,12 +794,10 @@ var getSequenceValue = (value = "A", sequenceProps) => {
808
794
  var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
809
795
  if (typeof value !== "string") {
810
796
  const CONFIG2 = getActiveConfig();
811
- if (CONFIG2.verbose)
812
- console.warn(propertyName, value, "is not a string");
797
+ if (CONFIG2.verbose) console.warn(propertyName, value, "is not a string");
813
798
  return { [propertyName]: value };
814
799
  }
815
- if (value === "-" || value === "")
816
- return {};
800
+ if (value === "-" || value === "") return {};
817
801
  return { [propertyName]: getSequenceValue(value, sequenceProps) };
818
802
  };
819
803
 
@@ -858,6 +842,9 @@ var applySequenceVars = (FACTORY2, options = {}) => {
858
842
  }
859
843
  };
860
844
 
845
+ // src/utils/sprite.js
846
+ var isDev = isNotProduction();
847
+
861
848
  // src/system/timing.js
862
849
  var applyTimingSequence = () => {
863
850
  const CONFIG2 = getActiveConfig();
@@ -879,3 +866,4 @@ var getTimingByKey = (value, property = "timing") => {
879
866
  TIMING2
880
867
  );
881
868
  };
869
+ // @preserve-env