@symbo.ls/scratch 2.11.269 → 2.11.331

package/dist/cjs/system/spacing.js

@@ -346,6 +346,8 @@ var require_array = __commonJS({
       return arr;
     };
     var cutArrayAfterValue = (arr, value) => {
+      if (!(0, import_types.isArray)(arr))
+        return;
       const index = arr.indexOf(value);
       if (index !== -1) {
         return arr.slice(index + 1);
@@ -406,6 +408,7 @@ var require_string = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var string_exports = {};
     __export2(string_exports, {
+      lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
@@ -423,13 +426,16 @@ var require_string = __commonJS({
       const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
       return str.replace(pattern, "");
     };
-    var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
-    var replaceLiteralsWithObjectFields = (str, state) => {
-      if (!str.includes("{{"))
+    var brackRegex = {
+      2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
+      3: /\{\{\s*((?:\.\.\.\/)+)?([^}\s]+)\s*\}\}/g
+    };
+    var replaceLiteralsWithObjectFields = (str, state, opts = {}) => {
+      if (!str.includes(opts.bracketsLength === 3 ? "{{{" : "{{"))
         return str;
-      return str.replace(brackRegex, (_, parentPath, variable) => {
+      return str.replace(brackRegex[opts.bracketsLength || 2], (_, parentPath, variable) => {
         if (parentPath) {
-          const parentLevels = parentPath.match(/\.\.\//g).length;
+          const parentLevels = parentPath.match(opts.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
           let parentState = state;
           for (let i = 0; i < parentLevels; i++) {
             parentState = parentState.parent;
@@ -445,6 +451,9 @@ var require_string = __commonJS({
         }
       });
     };
+    var lowercaseFirstLetter = (inputString) => {
+      return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
+    };
   }
 });
 
@@ -473,8 +482,9 @@ var require_object = __commonJS({
     __export2(object_exports, {
       clone: () => clone,
       deepClone: () => deepClone2,
+      deepCloneEntrance: () => deepCloneEntrance,
       deepCloneExclude: () => deepCloneExclude,
-      deepCloneWithExtnd: () => deepCloneWithExtnd,
+      deepCloneWithExtend: () => deepCloneWithExtend,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -605,18 +615,24 @@ var require_object = __commonJS({
       }
       return o;
     };
-    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+    var deepCloneEntrance = (...params) => {
+      let extended;
+      try {
+        extended = deepCloneWithExtend(...params);
+      } catch {
+        console.log("HERE", extended);
+      }
+      return extended;
+    };
+    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
         const objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+        if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
           continue;
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
         } else
           o[prop] = objProp;
       }
@@ -1378,13 +1394,13 @@ __export(spacing_exports, {
 });
 module.exports = __toCommonJS(spacing_exports);
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var import_utils2 = __toESM(require_cjs());
 
-// ../utils/src/scaling.js
+// ../../node_modules/@symbo.ls/utils/src/scaling.js
 var import_utils = __toESM(require_cjs());
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 var arrayzeValue = (val) => {
   if ((0, import_utils2.isArray)(val))
@@ -1417,6 +1433,7 @@ __export(defaultConfig_exports, {
   FONT_FAMILY: () => FONT_FAMILY,
   FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
   GRADIENT: () => GRADIENT,
+  GRID: () => GRID,
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
@@ -1589,6 +1606,10 @@ var SVG_DATA = {};
 // src/defaultConfig/templates.js
 var TEMPLATES = {};
 
+// src/defaultConfig/grid.js
+var defaultProps4 = {};
+var GRID = defaultProps4;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/svg.js

@@ -382,6 +382,8 @@ var require_array = __commonJS({
       return arr;
     };
     var cutArrayAfterValue = (arr, value) => {
+      if (!(0, import_types.isArray)(arr))
+        return;
       const index = arr.indexOf(value);
       if (index !== -1) {
         return arr.slice(index + 1);
@@ -442,6 +444,7 @@ var require_string = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var string_exports = {};
     __export2(string_exports, {
+      lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
@@ -459,13 +462,16 @@ var require_string = __commonJS({
       const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
       return str.replace(pattern, "");
     };
-    var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
-    var replaceLiteralsWithObjectFields = (str, state) => {
-      if (!str.includes("{{"))
+    var brackRegex = {
+      2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
+      3: /\{\{\s*((?:\.\.\.\/)+)?([^}\s]+)\s*\}\}/g
+    };
+    var replaceLiteralsWithObjectFields = (str, state, opts = {}) => {
+      if (!str.includes(opts.bracketsLength === 3 ? "{{{" : "{{"))
         return str;
-      return str.replace(brackRegex, (_, parentPath, variable) => {
+      return str.replace(brackRegex[opts.bracketsLength || 2], (_, parentPath, variable) => {
         if (parentPath) {
-          const parentLevels = parentPath.match(/\.\.\//g).length;
+          const parentLevels = parentPath.match(opts.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
           let parentState = state;
           for (let i = 0; i < parentLevels; i++) {
             parentState = parentState.parent;
@@ -481,6 +487,9 @@ var require_string = __commonJS({
         }
       });
     };
+    var lowercaseFirstLetter = (inputString) => {
+      return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
+    };
   }
 });
 
@@ -509,8 +518,9 @@ var require_object = __commonJS({
     __export2(object_exports, {
       clone: () => clone,
       deepClone: () => deepClone2,
+      deepCloneEntrance: () => deepCloneEntrance,
       deepCloneExclude: () => deepCloneExclude,
-      deepCloneWithExtnd: () => deepCloneWithExtnd,
+      deepCloneWithExtend: () => deepCloneWithExtend,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -641,18 +651,24 @@ var require_object = __commonJS({
       }
       return o;
     };
-    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+    var deepCloneEntrance = (...params) => {
+      let extended;
+      try {
+        extended = deepCloneWithExtend(...params);
+      } catch {
+        console.log("HERE", extended);
+      }
+      return extended;
+    };
+    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
         const objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+        if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
           continue;
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
         } else
           o[prop] = objProp;
       }
@@ -1387,10 +1403,10 @@ var import_utils = __toESM(require_cjs2(), 1);
 // src/utils/sequence.js
 var import_utils5 = __toESM(require_cjs2(), 1);
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var import_utils3 = __toESM(require_cjs2());
 
-// ../utils/src/scaling.js
+// ../../node_modules/@symbo.ls/utils/src/scaling.js
 var import_utils2 = __toESM(require_cjs2());
 
 // src/factory.js
@@ -1410,6 +1426,7 @@ __export(defaultConfig_exports, {
   FONT_FAMILY: () => FONT_FAMILY,
   FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
   GRADIENT: () => GRADIENT,
+  GRID: () => GRID,
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
@@ -1582,6 +1599,10 @@ var SVG_DATA = {};
 // src/defaultConfig/templates.js
 var TEMPLATES = {};
 
+// src/defaultConfig/grid.js
+var defaultProps4 = {};
+var GRID = defaultProps4;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/theme.js

@@ -346,6 +346,8 @@ var require_array = __commonJS({
       return arr;
     };
     var cutArrayAfterValue = (arr, value) => {
+      if (!(0, import_types.isArray)(arr))
+        return;
       const index = arr.indexOf(value);
       if (index !== -1) {
         return arr.slice(index + 1);
@@ -406,6 +408,7 @@ var require_string = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var string_exports = {};
     __export2(string_exports, {
+      lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
@@ -423,13 +426,16 @@ var require_string = __commonJS({
       const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
       return str.replace(pattern, "");
     };
-    var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
-    var replaceLiteralsWithObjectFields = (str, state) => {
-      if (!str.includes("{{"))
+    var brackRegex = {
+      2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
+      3: /\{\{\s*((?:\.\.\.\/)+)?([^}\s]+)\s*\}\}/g
+    };
+    var replaceLiteralsWithObjectFields = (str, state, opts = {}) => {
+      if (!str.includes(opts.bracketsLength === 3 ? "{{{" : "{{"))
         return str;
-      return str.replace(brackRegex, (_, parentPath, variable) => {
+      return str.replace(brackRegex[opts.bracketsLength || 2], (_, parentPath, variable) => {
         if (parentPath) {
-          const parentLevels = parentPath.match(/\.\.\//g).length;
+          const parentLevels = parentPath.match(opts.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
           let parentState = state;
           for (let i = 0; i < parentLevels; i++) {
             parentState = parentState.parent;
@@ -445,6 +451,9 @@ var require_string = __commonJS({
         }
       });
     };
+    var lowercaseFirstLetter = (inputString) => {
+      return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
+    };
   }
 });
 
@@ -473,8 +482,9 @@ var require_object = __commonJS({
     __export2(object_exports, {
       clone: () => clone,
       deepClone: () => deepClone2,
+      deepCloneEntrance: () => deepCloneEntrance,
       deepCloneExclude: () => deepCloneExclude,
-      deepCloneWithExtnd: () => deepCloneWithExtnd,
+      deepCloneWithExtend: () => deepCloneWithExtend,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -605,18 +615,24 @@ var require_object = __commonJS({
       }
       return o;
     };
-    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+    var deepCloneEntrance = (...params) => {
+      let extended;
+      try {
+        extended = deepCloneWithExtend(...params);
+      } catch {
+        console.log("HERE", extended);
+      }
+      return extended;
+    };
+    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
         const objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+        if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
           continue;
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
         } else
           o[prop] = objProp;
       }
@@ -1399,6 +1415,7 @@ __export(defaultConfig_exports, {
   FONT_FAMILY: () => FONT_FAMILY,
   FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
   GRADIENT: () => GRADIENT,
+  GRID: () => GRID,
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
@@ -1571,6 +1588,10 @@ var SVG_DATA = {};
 // src/defaultConfig/templates.js
 var TEMPLATES = {};
 
+// src/defaultConfig/grid.js
+var defaultProps4 = {};
+var GRID = defaultProps4;
+
 // src/defaultConfig/index.js
 var RESET = {};
 
@@ -1693,10 +1714,10 @@ var getRgbTone = (rgb, tone) => {
 // src/utils/sequence.js
 var import_utils5 = __toESM(require_cjs(), 1);
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var import_utils4 = __toESM(require_cjs());
 
-// ../utils/src/scaling.js
+// ../../node_modules/@symbo.ls/utils/src/scaling.js
 var import_utils3 = __toESM(require_cjs());
 
 // src/utils/var.js

package/dist/cjs/system/timing.js

@@ -346,6 +346,8 @@ var require_array = __commonJS({
       return arr;
     };
     var cutArrayAfterValue = (arr, value) => {
+      if (!(0, import_types.isArray)(arr))
+        return;
       const index = arr.indexOf(value);
       if (index !== -1) {
         return arr.slice(index + 1);
@@ -406,6 +408,7 @@ var require_string = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var string_exports = {};
     __export2(string_exports, {
+      lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
@@ -423,13 +426,16 @@ var require_string = __commonJS({
       const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
       return str.replace(pattern, "");
     };
-    var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
-    var replaceLiteralsWithObjectFields = (str, state) => {
-      if (!str.includes("{{"))
+    var brackRegex = {
+      2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
+      3: /\{\{\s*((?:\.\.\.\/)+)?([^}\s]+)\s*\}\}/g
+    };
+    var replaceLiteralsWithObjectFields = (str, state, opts = {}) => {
+      if (!str.includes(opts.bracketsLength === 3 ? "{{{" : "{{"))
         return str;
-      return str.replace(brackRegex, (_, parentPath, variable) => {
+      return str.replace(brackRegex[opts.bracketsLength || 2], (_, parentPath, variable) => {
         if (parentPath) {
-          const parentLevels = parentPath.match(/\.\.\//g).length;
+          const parentLevels = parentPath.match(opts.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
           let parentState = state;
           for (let i = 0; i < parentLevels; i++) {
             parentState = parentState.parent;
@@ -445,6 +451,9 @@ var require_string = __commonJS({
         }
       });
     };
+    var lowercaseFirstLetter = (inputString) => {
+      return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
+    };
   }
 });
 
@@ -473,8 +482,9 @@ var require_object = __commonJS({
     __export2(object_exports, {
       clone: () => clone,
       deepClone: () => deepClone2,
+      deepCloneEntrance: () => deepCloneEntrance,
       deepCloneExclude: () => deepCloneExclude,
-      deepCloneWithExtnd: () => deepCloneWithExtnd,
+      deepCloneWithExtend: () => deepCloneWithExtend,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -605,18 +615,24 @@ var require_object = __commonJS({
       }
       return o;
     };
-    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+    var deepCloneEntrance = (...params) => {
+      let extended;
+      try {
+        extended = deepCloneWithExtend(...params);
+      } catch {
+        console.log("HERE", extended);
+      }
+      return extended;
+    };
+    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
         const objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+        if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
           continue;
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
         } else
           o[prop] = objProp;
       }
@@ -1378,13 +1394,13 @@ __export(timing_exports, {
 });
 module.exports = __toCommonJS(timing_exports);
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var import_utils2 = __toESM(require_cjs());
 
-// ../utils/src/scaling.js
+// ../../node_modules/@symbo.ls/utils/src/scaling.js
 var import_utils = __toESM(require_cjs());
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var toCamelCase = (str) => {
   return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
     return index === 0 ? word.toLowerCase() : word.toUpperCase();
@@ -1409,6 +1425,7 @@ __export(defaultConfig_exports, {
   FONT_FAMILY: () => FONT_FAMILY,
   FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
   GRADIENT: () => GRADIENT,
+  GRID: () => GRID,
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
@@ -1581,6 +1598,10 @@ var SVG_DATA = {};
 // src/defaultConfig/templates.js
 var TEMPLATES = {};
 
+// src/defaultConfig/grid.js
+var defaultProps4 = {};
+var GRID = defaultProps4;
+
 // src/defaultConfig/index.js
 var RESET = {};
 

package/dist/cjs/system/typography.js

@@ -346,6 +346,8 @@ var require_array = __commonJS({
       return arr;
     };
     var cutArrayAfterValue = (arr, value) => {
+      if (!(0, import_types.isArray)(arr))
+        return;
       const index = arr.indexOf(value);
       if (index !== -1) {
         return arr.slice(index + 1);
@@ -406,6 +408,7 @@ var require_string = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var string_exports = {};
     __export2(string_exports, {
+      lowercaseFirstLetter: () => lowercaseFirstLetter,
       replaceLiteralsWithObjectFields: () => replaceLiteralsWithObjectFields,
       stringIncludesAny: () => stringIncludesAny,
       trimStringFromSymbols: () => trimStringFromSymbols
@@ -423,13 +426,16 @@ var require_string = __commonJS({
       const pattern = new RegExp(`[${characters.join("\\")}]`, "g");
       return str.replace(pattern, "");
     };
-    var brackRegex = /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g;
-    var replaceLiteralsWithObjectFields = (str, state) => {
-      if (!str.includes("{{"))
+    var brackRegex = {
+      2: /\{\{\s*((?:\.\.\/)+)?([^}\s]+)\s*\}\}/g,
+      3: /\{\{\s*((?:\.\.\.\/)+)?([^}\s]+)\s*\}\}/g
+    };
+    var replaceLiteralsWithObjectFields = (str, state, opts = {}) => {
+      if (!str.includes(opts.bracketsLength === 3 ? "{{{" : "{{"))
         return str;
-      return str.replace(brackRegex, (_, parentPath, variable) => {
+      return str.replace(brackRegex[opts.bracketsLength || 2], (_, parentPath, variable) => {
         if (parentPath) {
-          const parentLevels = parentPath.match(/\.\.\//g).length;
+          const parentLevels = parentPath.match(opts.bracketsLength === 3 ? /\.\.\.\//g : /\.\.\//g).length;
           let parentState = state;
           for (let i = 0; i < parentLevels; i++) {
             parentState = parentState.parent;
@@ -445,6 +451,9 @@ var require_string = __commonJS({
         }
       });
     };
+    var lowercaseFirstLetter = (inputString) => {
+      return `${inputString.charAt(0).toLowerCase()}${inputString.slice(1)}`;
+    };
   }
 });
 
@@ -473,8 +482,9 @@ var require_object = __commonJS({
     __export2(object_exports, {
       clone: () => clone,
       deepClone: () => deepClone2,
+      deepCloneEntrance: () => deepCloneEntrance,
       deepCloneExclude: () => deepCloneExclude,
-      deepCloneWithExtnd: () => deepCloneWithExtnd,
+      deepCloneWithExtend: () => deepCloneWithExtend,
       deepContains: () => deepContains,
       deepDestringify: () => deepDestringify,
       deepDiff: () => deepDiff,
@@ -605,18 +615,24 @@ var require_object = __commonJS({
       }
       return o;
     };
-    var deepCloneWithExtnd = (obj, excludeFrom = [], cleanUndefined = false) => {
+    var deepCloneEntrance = (...params) => {
+      let extended;
+      try {
+        extended = deepCloneWithExtend(...params);
+      } catch {
+        console.log("HERE", extended);
+      }
+      return extended;
+    };
+    var deepCloneWithExtend = (obj, excludeFrom = ["node"], options = {}) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
-        if (prop === "__proto__")
-          continue;
-        if (excludeFrom.includes(prop) || prop.startsWith("__"))
-          continue;
+        const hasOwnProperty2 = Object.prototype.hasOwnProperty.call(obj, prop);
         const objProp = obj[prop];
-        if (cleanUndefined && (0, import_types.isUndefined)(objProp))
+        if (!hasOwnProperty2 || excludeFrom.includes(prop) || prop.startsWith("__") || options.cleanUndefined && (0, import_types.isUndefined)(objProp) || options.cleanNull && (0, import_types.isNull)(objProp))
           continue;
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepCloneWithExtnd(objProp, excludeFrom, cleanUndefined);
+          o[prop] = deepCloneWithExtend(objProp, excludeFrom, options);
         } else
           o[prop] = objProp;
       }
@@ -1397,6 +1413,7 @@ __export(defaultConfig_exports, {
   FONT_FAMILY: () => FONT_FAMILY,
   FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
   GRADIENT: () => GRADIENT,
+  GRID: () => GRID,
   ICONS: () => ICONS,
   MEDIA: () => MEDIA,
   RESET: () => RESET,
@@ -1569,6 +1586,10 @@ var SVG_DATA = {};
 // src/defaultConfig/templates.js
 var TEMPLATES = {};
 
+// src/defaultConfig/grid.js
+var defaultProps4 = {};
+var GRID = defaultProps4;
+
 // src/defaultConfig/index.js
 var RESET = {};
 
@@ -1602,13 +1623,13 @@ var import_utils2 = __toESM(require_cjs(), 1);
 // src/utils/sequence.js
 var import_utils5 = __toESM(require_cjs(), 1);
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var import_utils4 = __toESM(require_cjs());
 
-// ../utils/src/scaling.js
+// ../../node_modules/@symbo.ls/utils/src/scaling.js
 var import_utils3 = __toESM(require_cjs());
 
-// ../utils/src/index.js
+// ../../node_modules/@symbo.ls/utils/src/index.js
 var toDashCase = (val) => val.replace(/[^a-zA-Z0-9]/g, " ").trim().toLowerCase().replace(/\s+/g, "-").replace(/-+/g, "-").replace(/^-|-$/g, "");
 
 // src/utils/sequence.js