@symbo.ls/scratch 2.11.237 → 2.11.247

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

@@ -407,7 +407,8 @@ var require_string = __commonJS({
     var string_exports = {};
     __export2(string_exports, {
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
-      stringIncludesAny: () => stringIncludesAny
+      stringIncludesAny: () => stringIncludesAny,
+      trimStringFromSymbols: () => trimStringFromSymbols
     });
     module2.exports = __toCommonJS2(string_exports);
     var stringIncludesAny = (str, characters) => {
@@ -418,6 +419,10 @@ var require_string = __commonJS({
       }
       return false;
     };
+    var trimStringFromSymbols = (str, characters) => {
+      const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
+      return str.replace(pattern, "");
+    };
     var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
     var replaceLiteralsWithObjectFields = (str, state) => {
       if (!str.includes("{{"))
@@ -469,6 +474,7 @@ var require_object = __commonJS({
       clone: () => clone,
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
+      deepCloneWithExtnd: () => deepCloneWithExtnd,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -599,6 +605,23 @@ var require_object = __commonJS({
       }
       return o;
     };
+    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
+      for (const prop in obj) {
+        if (prop === "__proto__")
+          continue;
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
+          continue;
+        const objProp = obj[prop];
+        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+          continue;
+        if ((0, import_types.isObjectLike)(objProp)) {
+          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+        } else
+          o[prop] = objProp;
+      }
+      return o;
+    };
     var deepStringify = (obj, stringified = {}) => {
       for (const prop in obj) {
         const objProp = obj[prop];
@@ -629,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1416,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,
@@ -443,7 +443,8 @@ var require_string = __commonJS({
     var string_exports = {};
     __export2(string_exports, {
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
-      stringIncludesAny: () => stringIncludesAny
+      stringIncludesAny: () => stringIncludesAny,
+      trimStringFromSymbols: () => trimStringFromSymbols
     });
     module2.exports = __toCommonJS2(string_exports);
     var stringIncludesAny = (str, characters) => {
@@ -454,6 +455,10 @@ var require_string = __commonJS({
       }
       return false;
     };
+    var trimStringFromSymbols = (str, characters) => {
+      const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
+      return str.replace(pattern, "");
+    };
     var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
     var replaceLiteralsWithObjectFields = (str, state) => {
       if (!str.includes("{{"))
@@ -505,6 +510,7 @@ var require_object = __commonJS({
       clone: () => clone,
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
+      deepCloneWithExtnd: () => deepCloneWithExtnd,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -635,6 +641,23 @@ var require_object = __commonJS({
       }
       return o;
     };
+    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
+      for (const prop in obj) {
+        if (prop === "__proto__")
+          continue;
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
+          continue;
+        const objProp = obj[prop];
+        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+          continue;
+        if ((0, import_types.isObjectLike)(objProp)) {
+          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+        } else
+          o[prop] = objProp;
+      }
+      return o;
+    };
     var deepStringify = (obj, stringified = {}) => {
       for (const prop in obj) {
         const objProp = obj[prop];
@@ -665,7 +688,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1742,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;
 };
@@ -1845,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"

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,
@@ -407,7 +407,8 @@ var require_string = __commonJS({
     var string_exports = {};
     __export2(string_exports, {
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
-      stringIncludesAny: () => stringIncludesAny
+      stringIncludesAny: () => stringIncludesAny,
+      trimStringFromSymbols: () => trimStringFromSymbols
     });
     module2.exports = __toCommonJS2(string_exports);
     var stringIncludesAny = (str, characters) => {
@@ -418,6 +419,10 @@ var require_string = __commonJS({
       }
       return false;
     };
+    var trimStringFromSymbols = (str, characters) => {
+      const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
+      return str.replace(pattern, "");
+    };
     var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
     var replaceLiteralsWithObjectFields = (str, state) => {
       if (!str.includes("{{"))
@@ -469,6 +474,7 @@ var require_object = __commonJS({
       clone: () => clone,
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
+      deepCloneWithExtnd: () => deepCloneWithExtnd,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -599,6 +605,23 @@ var require_object = __commonJS({
       }
       return o;
     };
+    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
+      for (const prop in obj) {
+        if (prop === "__proto__")
+          continue;
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
+          continue;
+        const objProp = obj[prop];
+        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+          continue;
+        if ((0, import_types.isObjectLike)(objProp)) {
+          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+        } else
+          o[prop] = objProp;
+      }
+      return o;
+    };
     var deepStringify = (obj, stringified = {}) => {
       for (const prop in obj) {
         const objProp = obj[prop];
@@ -629,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1452,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"
@@ -1738,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;
 };

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,
@@ -407,7 +407,8 @@ var require_string = __commonJS({
     var string_exports = {};
     __export2(string_exports, {
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
-      stringIncludesAny: () => stringIncludesAny
+      stringIncludesAny: () => stringIncludesAny,
+      trimStringFromSymbols: () => trimStringFromSymbols
     });
     module2.exports = __toCommonJS2(string_exports);
     var stringIncludesAny = (str, characters) => {
@@ -418,6 +419,10 @@ var require_string = __commonJS({
       }
       return false;
     };
+    var trimStringFromSymbols = (str, characters) => {
+      const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
+      return str.replace(pattern, "");
+    };
     var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
     var replaceLiteralsWithObjectFields = (str, state) => {
       if (!str.includes("{{"))
@@ -469,6 +474,7 @@ var require_object = __commonJS({
       clone: () => clone,
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
+      deepCloneWithExtnd: () => deepCloneWithExtnd,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -599,6 +605,23 @@ var require_object = __commonJS({
       }
       return o;
     };
+    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
+      for (const prop in obj) {
+        if (prop === "__proto__")
+          continue;
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
+          continue;
+        const objProp = obj[prop];
+        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+          continue;
+        if ((0, import_types.isObjectLike)(objProp)) {
+          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+        } else
+          o[prop] = objProp;
+      }
+      return o;
+    };
     var deepStringify = (obj, stringified = {}) => {
       for (const prop in obj) {
         const objProp = obj[prop];
@@ -629,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1453,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,
@@ -407,7 +407,8 @@ var require_string = __commonJS({
     var string_exports = {};
     __export2(string_exports, {
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
-      stringIncludesAny: () => stringIncludesAny
+      stringIncludesAny: () => stringIncludesAny,
+      trimStringFromSymbols: () => trimStringFromSymbols
     });
     module2.exports = __toCommonJS2(string_exports);
     var stringIncludesAny = (str, characters) => {
@@ -418,6 +419,10 @@ var require_string = __commonJS({
       }
       return false;
     };
+    var trimStringFromSymbols = (str, characters) => {
+      const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
+      return str.replace(pattern, "");
+    };
     var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
     var replaceLiteralsWithObjectFields = (str, state) => {
       if (!str.includes("{{"))
@@ -469,6 +474,7 @@ var require_object = __commonJS({
       clone: () => clone,
       deepClone: () => deepClone2,
       deepCloneExclude: () => deepCloneExclude,
+      deepCloneWithExtnd: () => deepCloneWithExtnd,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -599,6 +605,23 @@ var require_object = __commonJS({
       }
       return o;
     };
+    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+      const o = (0, import_types.isArray)(obj) ? [] : {};
+      for (const prop in obj) {
+        if (prop === "__proto__")
+          continue;
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
+          continue;
+        const objProp = obj[prop];
+        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+          continue;
+        if ((0, import_types.isObjectLike)(objProp)) {
+          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+        } else
+          o[prop] = objProp;
+      }
+      return o;
+    };
     var deepStringify = (obj, stringified = {}) => {
       for (const prop in obj) {
         const objProp = obj[prop];
@@ -629,7 +652,7 @@ var require_object = __commonJS({
       const spaces = "  ".repeat(indent);
       let str = "{\n";
       for (const [key, value] of Object.entries(obj)) {
-        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!"]);
+        const keyNotAllowdChars = (0, import_string.stringIncludesAny)(key, ["&", "*", "-", ":", "@", ".", "/", "!", " "]);
         const stringedKey = keyNotAllowdChars ? `'${key}'` : key;
         str += `${spaces}  ${stringedKey}: `;
         if ((0, import_types.isArray)(value)) {
@@ -1450,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"