@symbo.ls/scratch 2.11.239 → 2.11.249

package/dist/cjs/system/shadow.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject6,
       isObjectLike: () => isObjectLike2,
       isString: () => isString8,
@@ -226,7 +226,7 @@ var require_types = __commonJS({
       return typeof arg === "object" && arg.constructor === Object;
     };
     var isString8 = (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) || isObjectLike2(arg) || isString8(arg) || isNumber2(arg) || isFunction(arg) || isArray6(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject6(arg) || isObjectLike2(arg) || isString8(arg) || isNumber3(arg) || isFunction(arg) || isArray6(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: isObject6,
       string: isString8,
       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"
@@ -1726,6 +1706,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;
 };

package/dist/cjs/system/spacing.js

@@ -212,7 +212,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject4,
       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 isObject4(arg) || isObjectLike2(arg) || isString6(arg) || isNumber2(arg) || isFunction(arg) || isArray4(arg) || isObjectLike2(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject4(arg) || isObjectLike2(arg) || isString6(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: isString6,
       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;
 };
@@ -1494,26 +1496,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"
@@ -1835,7 +1817,7 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
 
 // 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;
@@ -1856,7 +1838,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];
@@ -1888,7 +1870,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/svg.js

@@ -248,7 +248,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject4,
       isObjectLike: () => isObjectLike2,
       isString: () => isString5,
@@ -262,7 +262,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;
@@ -274,7 +274,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;
@@ -285,7 +285,7 @@ var require_types = __commonJS({
       object: isObject4,
       string: isString5,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike2,
@@ -1489,26 +1489,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/theme.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,
@@ -1478,26 +1478,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/timing.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,
@@ -1488,26 +1488,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"
@@ -1829,7 +1809,7 @@ var getSequenceValuePropertyPair = (value, propertyName, sequenceProps) => {
 
 // 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;
@@ -1850,7 +1830,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];

package/dist/cjs/system/typography.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,
@@ -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"
@@ -1836,7 +1816,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;
@@ -1857,7 +1837,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];
@@ -1889,7 +1869,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/transforms/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: () => isString10,
@@ -226,7 +226,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 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) || isString10(arg) || isNumber2(arg) || isFunction(arg) || isArray8(arg) || isObjectLike3(arg) || isBoolean(arg) || isDate(arg) || isNull(arg);
+      return isObject8(arg) || isObjectLike3(arg) || isString10(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: isString10,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike3,
@@ -1481,26 +1481,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"
@@ -1739,6 +1719,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;
 };

package/dist/cjs/utils/index.js

@@ -248,7 +248,7 @@ var require_types = __commonJS({
       isFunction: () => isFunction,
       isNot: () => isNot,
       isNull: () => isNull,
-      isNumber: () => isNumber2,
+      isNumber: () => isNumber3,
       isObject: () => isObject4,
       isObjectLike: () => isObjectLike2,
       isString: () => isString5,
@@ -262,7 +262,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;
@@ -274,7 +274,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;
@@ -285,7 +285,7 @@ var require_types = __commonJS({
       object: isObject4,
       string: isString5,
       date: isDate,
-      number: isNumber2,
+      number: isNumber3,
       null: isNull,
       function: isFunction,
       objectLike: isObjectLike2,
@@ -1369,8 +1369,8 @@ var require_cjs2 = __commonJS({
 // src/utils/index.js
 var utils_exports = {};
 __export(utils_exports, {
-  applyGlobalVars: () => applyGlobalVars,
   applyMediaSequenceVars: () => applyMediaSequenceVars,
+  applySequenceGlobalVars: () => applySequenceGlobalVars,
   applySequenceVars: () => applySequenceVars,
   changeLightness: () => changeLightness,
   colorStringToRgbaArray: () => colorStringToRgbaArray,
@@ -1733,26 +1733,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"
@@ -2080,7 +2060,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;
@@ -2101,7 +2081,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];
@@ -2133,7 +2113,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) {