@symbo.ls/scratch 2.11.525 → 2.11.528

package/dist/cjs/factory.js

@@ -29,16 +29,16 @@ __export(factory_exports, {
 });
 module.exports = __toCommonJS(factory_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -63,12 +63,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -151,7 +151,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/index.js

@@ -486,16 +486,16 @@ var isScalingUnit = (unit) => {
 // src/utils/color.js
 var import_globals4 = __toESM(require_cjs(), 1);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -520,12 +520,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -647,7 +647,7 @@ var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakM
   return obj;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/utils/color.js
@@ -1416,6 +1416,8 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV2 = "development";
+var isDev = ENV2 === "development" || ENV2 === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -1431,7 +1433,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {
@@ -1945,6 +1949,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1953,8 +1958,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
@@ -2536,7 +2543,14 @@ var setEach = (factoryName, props) => {
   const CONFIG2 = getActiveConfig();
   const FACTORY_NAME = factoryName.toUpperCase();
   const keys = Object.keys(props);
-  keys.map((key) => setValue(FACTORY_NAME, props[key], key));
+  keys.map((key) => {
+    try {
+      return setValue(FACTORY_NAME, props[key], key);
+    } catch (error) {
+      if (CONFIG2.verbose)
+        console.warn("Error setting", FACTORY_NAME, "value", props[key], key, error);
+    }
+  });
   return CONFIG2[FACTORY_NAME];
 };
 var SET_OPTIONS = {};
@@ -2585,12 +2599,30 @@ var set = (recivedConfig, options = SET_OPTIONS) => {
     CONFIG2.__svg_cache = {};
   const keys = Object.keys(config);
   keys.map((key) => setEach(key, config[key]));
-  if (config.TYPOGRAPHY)
-    applyTypographySequence();
-  if (config.SPACING)
-    applySpacingSequence();
-  if (config.TIMING)
-    applyTimingSequence();
+  if (config.TYPOGRAPHY) {
+    try {
+      applyTypographySequence();
+    } catch (e) {
+      if (CONFIG2.verbose)
+        console.warn("Error applying typography sequence", e);
+    }
+  }
+  if (config.SPACING) {
+    try {
+      applySpacingSequence();
+    } catch (e) {
+      if (CONFIG2.verbose)
+        console.warn("Error applying typography sequence", e);
+    }
+  }
+  if (config.TIMING) {
+    try {
+      applyTimingSequence();
+    } catch (e) {
+      if (CONFIG2.verbose)
+        console.warn("Error applying typography sequence", e);
+    }
+  }
   applyDocument();
   applyReset();
   return CONFIG2;

package/dist/cjs/set.js

@@ -309,16 +309,16 @@ __export(set_exports, {
 });
 module.exports = __toCommonJS(set_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -338,12 +338,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -465,7 +465,7 @@ var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakM
   return obj;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js
@@ -1108,10 +1108,14 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {
@@ -1551,6 +1555,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1559,8 +1564,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,
@@ -1860,7 +1867,14 @@ var setEach = (factoryName, props) => {
   const CONFIG2 = getActiveConfig();
   const FACTORY_NAME = factoryName.toUpperCase();
   const keys = Object.keys(props);
-  keys.map((key) => setValue(FACTORY_NAME, props[key], key));
+  keys.map((key) => {
+    try {
+      return setValue(FACTORY_NAME, props[key], key);
+    } catch (error) {
+      if (CONFIG2.verbose)
+        console.warn("Error setting", FACTORY_NAME, "value", props[key], key, error);
+    }
+  });
   return CONFIG2[FACTORY_NAME];
 };
 var SET_OPTIONS = {};
@@ -1909,12 +1923,30 @@ var set = (recivedConfig, options = SET_OPTIONS) => {
     CONFIG2.__svg_cache = {};
   const keys = Object.keys(config);
   keys.map((key) => setEach(key, config[key]));
-  if (config.TYPOGRAPHY)
-    applyTypographySequence();
-  if (config.SPACING)
-    applySpacingSequence();
-  if (config.TIMING)
-    applyTimingSequence();
+  if (config.TYPOGRAPHY) {
+    try {
+      applyTypographySequence();
+    } catch (e) {
+      if (CONFIG2.verbose)
+        console.warn("Error applying typography sequence", e);
+    }
+  }
+  if (config.SPACING) {
+    try {
+      applySpacingSequence();
+    } catch (e) {
+      if (CONFIG2.verbose)
+        console.warn("Error applying typography sequence", e);
+    }
+  }
+  if (config.TIMING) {
+    try {
+      applyTimingSequence();
+    } catch (e) {
+      if (CONFIG2.verbose)
+        console.warn("Error applying typography sequence", e);
+    }
+  }
   applyDocument();
   applyReset();
   return CONFIG2;

package/dist/cjs/system/color.js

@@ -309,16 +309,16 @@ __export(color_exports, {
 });
 module.exports = __toCommonJS(color_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -338,12 +338,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -426,7 +426,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/system/document.js

@@ -306,16 +306,16 @@ __export(document_exports, {
 });
 module.exports = __toCommonJS(document_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
 var isArray = (arg) => Array.isArray(arg);
@@ -328,12 +328,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -429,7 +429,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/system/font.js

@@ -308,16 +308,16 @@ __export(font_exports, {
 });
 module.exports = __toCommonJS(font_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -335,12 +335,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -423,7 +423,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/system/font.js

package/dist/cjs/system/index.js

@@ -334,16 +334,16 @@ __export(system_exports, {
 });
 module.exports = __toCommonJS(system_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -363,12 +363,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -490,7 +490,7 @@ var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakM
   return obj;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js
@@ -1126,6 +1126,8 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -1141,7 +1143,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {
@@ -1621,6 +1625,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1629,8 +1634,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,

package/dist/cjs/system/reset.js

@@ -306,16 +306,16 @@ __export(reset_exports, {
 });
 module.exports = __toCommonJS(reset_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
@@ -329,12 +329,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -456,7 +456,7 @@ var overwriteDeep = (obj, params, opts = {}, visited = /* @__PURE__ */ new WeakM
   return obj;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/system/shadow.js

@@ -307,16 +307,16 @@ __export(shadow_exports, {
 });
 module.exports = __toCommonJS(shadow_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -336,12 +336,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -424,7 +424,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/system/spacing.js

@@ -309,16 +309,16 @@ __export(spacing_exports, {
 module.exports = __toCommonJS(spacing_exports);
 var import_utils7 = __toESM(require_cjs(), 1);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
@@ -332,12 +332,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -433,7 +433,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/system/svg.js

@@ -313,16 +313,16 @@ var import_globals5 = __toESM(require_cjs(), 1);
 // src/utils/color.js
 var import_globals4 = __toESM(require_cjs(), 1);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
@@ -336,12 +336,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -424,7 +424,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/utils/sequence.js
@@ -652,6 +652,8 @@ var getActiveConfig = (def) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -667,7 +669,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {

package/dist/cjs/system/theme.js

@@ -309,16 +309,16 @@ __export(theme_exports, {
 });
 module.exports = __toCommonJS(theme_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -338,12 +338,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -426,7 +426,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/system/timing.js

@@ -309,16 +309,16 @@ __export(timing_exports, {
 module.exports = __toCommonJS(timing_exports);
 var import_utils7 = __toESM(require_cjs(), 1);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
@@ -332,12 +332,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -420,7 +420,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/system/typography.js

@@ -309,16 +309,16 @@ __export(typography_exports, {
 });
 module.exports = __toCommonJS(typography_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
@@ -332,12 +332,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -433,7 +433,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js
@@ -993,6 +993,7 @@ var runThroughMedia = (FACTORY2) => {
   }
 };
 var applyHeadings = (props) => {
+  var _a;
   const CONFIG2 = getActiveConfig();
   if (props.h1Matches) {
     const unit = props.unit;
@@ -1001,8 +1002,10 @@ var applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`;
       const headerStyle = templates[headerName];
+      if (!HEADINGS[k])
+        continue;
       templates[headerName] = {
-        fontSize: CONFIG2.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG2.useVariable ? `var(${(_a = HEADINGS[k]) == null ? void 0 : _a.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,

package/dist/cjs/transforms/index.js

@@ -317,16 +317,16 @@ __export(transforms_exports, {
 });
 module.exports = __toCommonJS(transforms_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isObject = (arg) => {
   if (arg === null)
     return false;
@@ -346,12 +346,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -447,7 +447,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/dist/cjs/utils/color.js

@@ -88,15 +88,15 @@ __export(color_exports, {
 module.exports = __toCommonJS(color_exports);
 var import_globals4 = __toESM(require_cjs(), 1);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isNumber = (arg) => typeof arg === "number";
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/utils/color.js

package/dist/cjs/utils/index.js

@@ -357,16 +357,16 @@ var isScalingUnit = (unit) => {
 // src/utils/color.js
 var import_globals4 = __toESM(require_cjs(), 1);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isNumber = (arg) => typeof arg === "number";
 var isFunction = (arg) => typeof arg === "function";
@@ -381,12 +381,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -469,7 +469,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/utils/color.js
@@ -1225,6 +1225,8 @@ var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
 };
 
 // src/utils/sprite.js
+var ENV2 = "development";
+var isDev = ENV2 === "development" || ENV2 === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -1240,7 +1242,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {

package/dist/cjs/utils/sequence.js

@@ -281,16 +281,16 @@ __export(sequence_exports, {
 });
 module.exports = __toCommonJS(sequence_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
@@ -304,12 +304,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -392,7 +392,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/utils/sequence.js

package/dist/cjs/utils/sprite.js

@@ -25,16 +25,16 @@ __export(sprite_exports, {
 });
 module.exports = __toCommonJS(sprite_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isString = (arg) => typeof arg === "string";
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
@@ -48,12 +48,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -136,7 +136,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js
@@ -361,6 +361,8 @@ var getActiveConfig = (def) => {
 };
 
 // src/utils/sprite.js
+var ENV = "development";
+var isDev = ENV === "development" || ENV === "testing";
 var generateSprite = (icons) => {
   const CONFIG2 = getActiveConfig();
   let sprite = "";
@@ -376,7 +378,9 @@ var generateSprite = (icons) => {
 var parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString;
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`);
+    if (isDev)
+      console.warn("parseRootAttributes:", val, "is not a string");
+    return;
   }
   const match = val.match(/<svg\s+(.*?)>/);
   if (!match || !match[1]) {

package/dist/cjs/utils/var.js

@@ -273,16 +273,16 @@ __export(var_exports, {
 });
 module.exports = __toCommonJS(var_exports);
 
-// ../../node_modules/@domql/utils/dist/esm/globals.js
+// ../../../domql/packages/utils/dist/esm/globals.js
 var window2 = globalThis;
 var document2 = window2.document;
 
-// ../../node_modules/@domql/utils/dist/esm/node.js
+// ../../../domql/packages/utils/dist/esm/node.js
 var isDOMNode = (obj) => {
   return typeof window2 !== "undefined" && (obj instanceof window2.Node || obj instanceof window2.Window || obj === window2 || obj === document);
 };
 
-// ../../node_modules/@domql/utils/dist/esm/types.js
+// ../../../domql/packages/utils/dist/esm/types.js
 var isFunction = (arg) => typeof arg === "function";
 var isNull = (arg) => arg === null;
 var isArray = (arg) => Array.isArray(arg);
@@ -295,12 +295,12 @@ var isUndefined = (arg) => {
   return arg === void 0;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/array.js
+// ../../../domql/packages/utils/dist/esm/array.js
 var mergeArray = (arr, exclude = []) => {
   return arr.reduce((a, c) => deepMerge(a, deepClone(c, { exclude }), exclude), {});
 };
 
-// ../../node_modules/@domql/utils/dist/esm/object.js
+// ../../../domql/packages/utils/dist/esm/object.js
 var __defProp2 = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
@@ -383,7 +383,7 @@ var deepClone = (obj, options = {}) => {
   return clone2;
 };
 
-// ../../node_modules/@domql/utils/dist/esm/cookie.js
+// ../../../domql/packages/utils/dist/esm/cookie.js
 var isMobile = (() => typeof navigator === "undefined" ? false : /Mobi/.test(navigator.userAgent))();
 
 // src/defaultConfig/index.js

package/package.json

@@ -2,7 +2,7 @@
   "name": "@symbo.ls/scratch",
   "description": "Φ / CSS framework and methodology.",
   "author": "symbo.ls",
-  "version": "2.11.525",
+  "version": "2.11.528",
   "files": [
     "src",
     "dist"
@@ -30,5 +30,5 @@
     "@symbo.ls/utils": "^2.11.512",
     "color-contrast-checker": "^1.5.0"
   },
-  "gitHead": "bb2c3e1bde158c44d3104c787eaa8b2b88ffa2d7"
+  "gitHead": "8daacef9139ba91e8c8320e3fa99bd20b3d0e889"
 }

package/src/set.js

@@ -78,7 +78,13 @@ export const setEach = (factoryName, props) => {
   const CONFIG = getActiveConfig()
   const FACTORY_NAME = factoryName.toUpperCase()
   const keys = Object.keys(props)
-  keys.map(key => setValue(FACTORY_NAME, props[key], key))
+  keys.map((key) => {
+    try {
+      return setValue(FACTORY_NAME, props[key], key)
+    } catch (error) {
+      if (CONFIG.verbose) console.warn('Error setting', FACTORY_NAME, 'value', props[key], key, error)
+    }
+  })
 
   return CONFIG[FACTORY_NAME]
 }
@@ -125,9 +131,21 @@ export const set = (recivedConfig, options = SET_OPTIONS) => {
   keys.map(key => setEach(key, config[key]))
 
   // apply generic configs
-  if (config.TYPOGRAPHY) applyTypographySequence()
-  if (config.SPACING) applySpacingSequence()
-  if (config.TIMING) applyTimingSequence()
+  if (config.TYPOGRAPHY) {
+    try { applyTypographySequence() } catch (e) {
+      if (CONFIG.verbose) console.warn('Error applying typography sequence', e)
+    }
+  }
+  if (config.SPACING) {
+    try { applySpacingSequence() } catch (e) {
+      if (CONFIG.verbose) console.warn('Error applying typography sequence', e)
+    }
+  }
+  if (config.TIMING) {
+    try { applyTimingSequence() } catch (e) {
+      if (CONFIG.verbose) console.warn('Error applying typography sequence', e)
+    }
+  }
   applyDocument()
   applyReset()
 

package/src/system/typography.js

@@ -76,8 +76,9 @@ export const applyHeadings = (props) => {
     for (const k in HEADINGS) {
       const headerName = `h${parseInt(k) + 1}`
       const headerStyle = templates[headerName]
+      if (!HEADINGS[k]) continue
       templates[headerName] = {
-        fontSize: CONFIG.useVariable ? `var(${HEADINGS[k].variable})` : `${HEADINGS[k].scaling}${unit}`,
+        fontSize: CONFIG.useVariable ? `var(${HEADINGS[k]?.variable})` : `${HEADINGS[k].scaling}${unit}`,
         margin: headerStyle ? headerStyle.margin : 0,
         lineHeight: headerStyle ? headerStyle.lineHeight : props.lineHeight,
         letterSpacing: headerStyle ? headerStyle.letterSpacing : props.letterSpacing,

package/src/utils/sprite.js

@@ -3,6 +3,9 @@
 import { isArray, isString } from '@domql/utils'
 import { getActiveConfig } from '../factory'
 
+const ENV = process.env.NODE_ENV || 'development'
+const isDev = ENV === 'development' || ENV === 'testing'
+
 export const generateSprite = (icons) => {
   const CONFIG = getActiveConfig()
 
@@ -20,7 +23,8 @@ export const generateSprite = (icons) => {
 const parseRootAttributes = (htmlString) => {
   const val = htmlString.default || htmlString
   if (!isString(val)) {
-    return console.warn(`parseRootAttributes: ${val} is not a string`)
+    if (isDev) console.warn('parseRootAttributes:', val, 'is not a string')
+    return
   }
 
   const match = val.match(/<svg\s+(.*?)>/)