@symbo.ls/scratch 2.11.239 → 2.11.249

package/dist/cjs/defaultConfig/index.js

@@ -114,26 +114,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/defaultConfig/media.js

@@ -25,26 +25,6 @@ __export(media_exports, {
 module.exports = __toCommonJS(media_exports);
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/factory.js

@@ -1439,26 +1439,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/index.js

@@ -248,7 +248,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction2,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject8,
       isObjectLike: () => isObjectLike3,
       isString: () => isString10,
@@ -262,7 +262,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString10 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
+    var isNumber3 = (arg) => typeof arg === "number";
     var isFunction2 = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -274,7 +274,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber2(arg) || isFunction2(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject8(arg) || isObjectLike3(arg) || isString10(arg) || isNumber3(arg) || isFunction2(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -285,7 +285,7 @@ var require_types = __commonJS({
       object: isObject8,
       string: isString10,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction2,
       objectLike: isObjectLike3,
@@ -1401,10 +1401,10 @@ __export(src_exports, {
   appendIconsSprite: () => appendIconsSprite,
   appendSVGSprite: () => appendSVGSprite,
   applyDocument: () => applyDocument,
-  applyGlobalVars: () => applyGlobalVars,
   applyHeadings: () => applyHeadings,
   applyMediaSequenceVars: () => applyMediaSequenceVars,
   applyReset: () => applyReset,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
   applySequenceVars: () => applySequenceVars,
   applySpacingSequence: () => applySpacingSequence,
   applyTimingSequence: () => applyTimingSequence,
@@ -1492,8 +1492,8 @@ module.exports = __toCommonJS(src_exports);
 // src/utils/index.js
 var utils_exports = {};
 __export(utils_exports, {
-  applyGlobalVars: () => applyGlobalVars,
   applyMediaSequenceVars: () => applyMediaSequenceVars,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
   applySequenceVars: () => applySequenceVars,
   changeLightness: () => changeLightness,
   colorStringToRgbaArray: () => colorStringToRgbaArray,
@@ -1765,6 +1765,8 @@ var arrayzeValue = (val) => {
     return val.split(" ");
   if ((0, import_utils3.isObject)(val))
     return Object.keys(val).map((v) => val[v]);
+  if ((0, import_utils3.isNumber)(val))
+    return [val];
   if ((0, import_utils3.isArray)(val))
     return val;
 };
@@ -1868,26 +1870,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"
@@ -2228,7 +2210,7 @@ var setVariables = (result, key) => {
     CSS_VARS2[result.var] = result.value;
   }
 };
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -2249,7 +2231,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -2281,7 +2263,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/set.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction2,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject8,
       isObjectLike: () => isObjectLike3,
       isString: () => isString9,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString9 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
+    var isNumber3 = (arg) => typeof arg === "number";
     var isFunction2 = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject8(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction2(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject8(arg) || isObjectLike3(arg) || isString9(arg) || isNumber3(arg) || isFunction2(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject8,
       string: isString9,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction2,
       objectLike: isObjectLike3,
@@ -1475,26 +1475,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"
@@ -1761,6 +1741,8 @@ var arrayzeValue = (val) => {
     return val.split(" ");
   if ((0, import_utils4.isObject)(val))
     return Object.keys(val).map((v) => val[v]);
+  if ((0, import_utils4.isNumber)(val))
+    return [val];
   if ((0, import_utils4.isArray)(val))
     return val;
 };
@@ -1973,7 +1955,7 @@ var findHeadings = (propertyNames) => {
 
 // src/utils/var.js
 var import_utils7 = __toESM(require_cjs(), 1);
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -1994,7 +1976,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -2026,7 +2008,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/system/color.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject5,
       isObjectLike: () => isObjectLike2,
       isString: () => isString6,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString6 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
+    var isNumber3 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject5(arg) || isObjectLike2(arg) || isString6(arg) || isNumber2(arg) || isFunction(arg) || isArray5(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject5(arg) || isObjectLike2(arg) || isString6(arg) || isNumber3(arg) || isFunction(arg) || isArray5(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject5,
       string: isString6,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike2,
@@ -1476,26 +1476,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/system/document.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject4,
       isObjectLike: () => isObjectLike2,
       isString: () => isString5,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString5 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
+    var isNumber3 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject4(arg) || isObjectLike2(arg) || isString5(arg) || isNumber2(arg) || isFunction(arg) || isArray4(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject4(arg) || isObjectLike2(arg) || isString5(arg) || isNumber3(arg) || isFunction(arg) || isArray4(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject4,
       string: isString5,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike2,
@@ -1473,26 +1473,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/system/font.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject5,
       isObjectLike: () => isObjectLike2,
       isString: () => isString5,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString5 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
+    var isNumber3 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject5(arg) || isObjectLike2(arg) || isString5(arg) || isNumber2(arg) || isFunction(arg) || isArray5(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject5(arg) || isObjectLike2(arg) || isString5(arg) || isNumber3(arg) || isFunction(arg) || isArray5(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject5,
       string: isString5,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike2,
@@ -1388,6 +1388,8 @@ var arrayzeValue = (val) => {
     return val.split(" ");
   if ((0, import_utils2.isObject)(val))
     return Object.keys(val).map((v) => val[v]);
+  if ((0, import_utils2.isNumber)(val))
+    return [val];
   if ((0, import_utils2.isArray)(val))
     return val;
 };
@@ -1491,26 +1493,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"

package/dist/cjs/system/index.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject8,
       isObjectLike: () => isObjectLike3,
       isString: () => isString9,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString9 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
+    var isNumber3 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject8(arg) || isObjectLike3(arg) || isString9(arg) || isNumber2(arg) || isFunction(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject8(arg) || isObjectLike3(arg) || isString9(arg) || isNumber3(arg) || isFunction(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject8,
       string: isString9,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike3,
@@ -1503,26 +1503,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"
@@ -1784,6 +1764,8 @@ var arrayzeValue = (val) => {
     return val.split(" ");
   if ((0, import_utils4.isObject)(val))
     return Object.keys(val).map((v) => val[v]);
+  if ((0, import_utils4.isNumber)(val))
+    return [val];
   if ((0, import_utils4.isArray)(val))
     return val;
 };
@@ -1996,7 +1978,7 @@ var findHeadings = (propertyNames) => {
 
 // src/utils/var.js
 var import_utils7 = __toESM(require_cjs(), 1);
-var applyGlobalVars = (vars, obj, options) => {
+var applySequenceGlobalVars = (vars, obj, options) => {
   const CONFIG2 = getActiveConfig();
   const { UNIT: UNIT2 } = CONFIG2;
   const unit = obj.unit || UNIT2.default;
@@ -2017,7 +1999,7 @@ var applySequenceVars = (FACTORY2, options = {}) => {
   const unit = FACTORY2.unit || UNIT2.default;
   const { mediaRegenerate, sequence, scales } = FACTORY2;
   if (!mediaRegenerate) {
-    applyGlobalVars(CSS_VARS2, FACTORY2, options);
+    applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
   }
   for (const key in sequence) {
     const item = sequence[key];
@@ -2049,7 +2031,7 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
     let underMediaQuery = CSS_VARS2[`@media ${query}`];
     if (!underMediaQuery)
       underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-    applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+    applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
     return;
   }
   for (const key in sequence) {

package/dist/cjs/system/reset.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject6,
       isObjectLike: () => isObjectLike3,
       isString: () => isString7,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString7 = (arg) => typeof arg === "string";
-    var isNumber2 = (arg) => typeof arg === "number";
+    var isNumber3 = (arg) => typeof arg === "number";
     var isFunction = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
@@ -238,7 +238,7 @@ var require_types = __commonJS({
       return typeof arg === "object";
     };
     var isDefined2 = (arg) => {
-      return isObject6(arg) || isObjectLike3(arg) || isString7(arg) || isNumber2(arg) || isFunction(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject6(arg) || isObjectLike3(arg) || isString7(arg) || isNumber3(arg) || isFunction(arg) || isArray6(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
@@ -249,7 +249,7 @@ var require_types = __commonJS({
       object: isObject6,
       string: isString7,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike3,
@@ -1473,26 +1473,6 @@ var FONT_FACE = {};
 // src/defaultConfig/media.js
 var MEDIA = {
   tv: "(min-width: 2780px)",
-  screenL: "(max-width: 1920px)",
-  "screenL<": "(min-width: 1920px)",
-  screenM: "(max-width: 1680px)",
-  "screenM<": "(min-width: 1680px)",
-  screenS: "(max-width: 1440px)",
-  "screenS<": "(min-width: 1440px)",
-  tabletL: "(max-width: 1366px)",
-  "tabletL<": "(min-width: 1366px)",
-  tabletM: "(max-width: 1280px)",
-  "tabletM<": "(min-width: 1280px)",
-  tabletS: "(max-width: 1024px)",
-  "tabletS<": "(min-width: 1024px)",
-  mobileL: "(max-width: 768px)",
-  "mobileL<": "(min-width: 768px)",
-  mobileM: "(max-width: 560px)",
-  "mobileM<": "(min-width: 560px)",
-  mobileS: "(max-width: 480px)",
-  "mobileS<": "(min-width: 480px)",
-  mobileXS: "(max-width: 375px)",
-  "mobileXS<": "(min-width: 375px)",
   light: "(prefers-color-scheme: light)",
   dark: "(prefers-color-scheme: dark)",
   print: "print"