@symbo.ls/uikit 2.10.290 → 2.10.295

package/dist/index.cjs.js

@@ -873,7 +873,7 @@ var require_cjs = __commonJS({
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
       COLOR: () => COLOR,
-      CONFIG: () => CONFIG2,
+      CONFIG: () => CONFIG5,
       CSS_VARS: () => CSS_VARS,
       DEVICES: () => DEVICES,
       DOCUMENT: () => DOCUMENT,
@@ -893,7 +893,7 @@ var require_cjs = __commonJS({
       THEME: () => THEME,
       TIMING: () => TIMING,
       TYPOGRAPHY: () => TYPOGRAPHY,
-      UNIT: () => UNIT4,
+      UNIT: () => UNIT,
       VALUE_TRANSFORMERS: () => VALUE_TRANSFORMERS,
       activateConfig: () => activateConfig,
       appendIconsSprite: () => appendIconsSprite,
@@ -913,7 +913,7 @@ var require_cjs = __commonJS({
       generateSequence: () => generateSequence,
       generateSprite: () => generateSprite,
       generateSubSequence: () => generateSubSequence,
-      getActiveConfig: () => getActiveConfig2,
+      getActiveConfig: () => getActiveConfig5,
       getColor: () => getColor5,
       getColorShade: () => getColorShade,
       getDefaultOrFirstKey: () => getDefaultOrFirstKey,
@@ -1229,7 +1229,7 @@ var require_cjs = __commonJS({
       THEME: () => THEME,
       TIMING: () => TIMING,
       TYPOGRAPHY: () => TYPOGRAPHY,
-      UNIT: () => UNIT4
+      UNIT: () => UNIT
     });
     var SEQUENCE = {
       "minor-second": 1.067,
@@ -1257,7 +1257,7 @@ var require_cjs = __commonJS({
       // archimedes
       "double-octave": 4
     };
-    var UNIT4 = {
+    var UNIT = {
       default: "em"
     };
     var defaultProps = {
@@ -1368,17 +1368,17 @@ var require_cjs = __commonJS({
     var SVG_DATA = {};
     var RESET = {};
     var CSS_VARS = {};
-    var CONFIG2 = {
+    var CONFIG5 = {
       verbose: false,
       useVariable: true,
       useReset: true,
       CSS_VARS,
       ...defaultConfig_exports
     };
-    var cachedConfig = (0, import_utils32.deepClone)(CONFIG2);
+    var cachedConfig = (0, import_utils32.deepClone)(CONFIG5);
     var FACTORY = {
       active: "0",
-      0: CONFIG2
+      0: CONFIG5
     };
     var activateConfig = (def) => {
       if ((0, import_utils32.isDefined)(def)) {
@@ -1386,7 +1386,7 @@ var require_cjs = __commonJS({
       }
       return FACTORY[def || FACTORY.active];
     };
-    var getActiveConfig2 = (def) => {
+    var getActiveConfig5 = (def) => {
       return FACTORY[def || FACTORY.active];
     };
     var setActiveConfig = (newConfig) => {
@@ -1495,11 +1495,11 @@ var require_cjs = __commonJS({
       return sequenceProps;
     };
     var getSequenceValue = (value = "A", sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
-      const { UNIT: UNIT22 } = CONFIG22;
+      const CONFIG22 = getActiveConfig5();
+      const { UNIT: UNIT2 } = CONFIG22;
       const {
         sequence,
-        unit = UNIT22.default,
+        unit = UNIT2.default,
         useVariable
       } = sequenceProps;
       if ((0, import_utils42.isString)(value) && value.slice(0, 2) === "--")
@@ -1565,7 +1565,7 @@ var require_cjs = __commonJS({
     };
     var import_utils62 = __toESM2(require_cjs32(), 1);
     var setVariables = (result, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       if ((0, import_utils62.isObjectLike)(result.value)) {
       } else {
@@ -1573,9 +1573,9 @@ var require_cjs = __commonJS({
       }
     };
     var applySequenceVars = (props3, mediaName, options = {}) => {
-      const CONFIG22 = getActiveConfig2();
-      const { UNIT: UNIT22, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
-      const unit = props3.unit || UNIT22.default;
+      const CONFIG22 = getActiveConfig5();
+      const { UNIT: UNIT2, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
+      const unit = props3.unit || UNIT2.default;
       const { sequence, scales } = props3;
       for (const key in sequence) {
         const item = sequence[key];
@@ -1603,7 +1603,7 @@ var require_cjs = __commonJS({
     };
     var import_utils72 = __toESM2(require_cjs32(), 1);
     var generateSprite = (icons) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       let sprite = "";
       for (const key in icons) {
         if (CONFIG22.__svg_cache[key])
@@ -1676,7 +1676,7 @@ var require_cjs = __commonJS({
     });
     var import_utils82 = __toESM2(require_cjs32(), 1);
     var getColor5 = (value, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!(0, import_utils82.isString)(value)) {
         if (CONFIG22.verbose)
           console.warn(value, "- type for color is not valid");
@@ -1728,7 +1728,7 @@ var require_cjs = __commonJS({
         return CONFIG22.useVariable ? `var(${val.var})` : val.value;
     };
     var getMediaColor9 = (value, globalTheme) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!globalTheme)
         globalTheme = CONFIG22.globalTheme;
       if (!(0, import_utils82.isString)(value)) {
@@ -1763,7 +1763,7 @@ var require_cjs = __commonJS({
       }
     };
     var setColor = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils82.isString)(val) && val.slice(0, 2) === "--")
         val = getColor5(val.slice(2));
       if ((0, import_utils82.isArray)(val)) {
@@ -1794,7 +1794,7 @@ var require_cjs = __commonJS({
       };
     };
     var setGradient = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils82.isString)(val) && val.slice(0, 2) === "--")
         val = getColor5(val.slice(2));
       if ((0, import_utils82.isArray)(val)) {
@@ -1837,7 +1837,7 @@ var require_cjs = __commonJS({
       return theme.value;
     };
     var getTheme5 = (value, modifier) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useVariable)
         return getMediaTheme5(value, modifier);
       const { THEME: THEME2 } = CONFIG22;
@@ -1916,7 +1916,7 @@ var require_cjs = __commonJS({
       return theme;
     };
     var setHelpers = (theme, value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { helpers } = theme;
       if (!helpers)
         return;
@@ -1932,7 +1932,7 @@ var require_cjs = __commonJS({
       return theme;
     };
     var setTheme = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useVariable)
         return setMediaTheme(val, key);
       const { state, media, helpers } = val;
@@ -1944,7 +1944,7 @@ var require_cjs = __commonJS({
       return { var: CSSvar, value, state, media, helpers };
     };
     var setMediaTheme = (val, key, suffix, prefers) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       const theme = { value: val };
       if ((0, import_utils102.isObjectLike)(val)) {
@@ -1984,7 +1984,7 @@ var require_cjs = __commonJS({
       return theme;
     };
     var recursiveTheme = (val) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const obj = {};
       for (const param in val) {
         const symb = param.slice(0, 1);
@@ -2016,7 +2016,7 @@ var require_cjs = __commonJS({
         return val;
     };
     var getMediaTheme5 = (val, mod) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils102.isString)(val) && val.slice(0, 2) === "--")
         val = getMediaTheme5(val.slice(2));
       if (!val || !(0, import_utils102.isString)(val)) {
@@ -2039,12 +2039,12 @@ var require_cjs = __commonJS({
       return { var: CSSvar, value: val, fontFace };
     };
     var getFontFamily5 = (key, factory) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { FONT_FAMILY: FONT_FAMILY2 } = CONFIG22;
       return getDefaultOrFirstKey(factory || FONT_FAMILY2, key);
     };
     var setFontFamily = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG22;
       let { value, type } = val;
       if (val.isDefault)
@@ -2057,7 +2057,7 @@ var require_cjs = __commonJS({
     };
     var import_utils142 = __toESM2(require_cjs32(), 1);
     var runThroughMedia = (props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG22;
       for (const prop in props3) {
         const mediaProps = props3[prop];
@@ -2087,7 +2087,7 @@ var require_cjs = __commonJS({
       }
     };
     var applyHeadings = (props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (props3.h1Matches) {
         const unit = props3.unit;
         const HEADINGS = findHeadings(props3);
@@ -2106,7 +2106,7 @@ var require_cjs = __commonJS({
       }
     };
     var applyTypographySequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       generateSequence(TYPOGRAPHY2);
       applyHeadings(TYPOGRAPHY2);
@@ -2114,7 +2114,7 @@ var require_cjs = __commonJS({
       runThroughMedia(TYPOGRAPHY2);
     };
     var getFontSizeByKey5 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -2148,14 +2148,14 @@ var require_cjs = __commonJS({
       }
     };
     var applySpacingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       generateSequence(SPACING2);
       applySequenceVars(SPACING2);
       runThroughMedia2(SPACING2);
     };
     var getSequence = (sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       if (!sequenceProps)
         return SPACING2;
@@ -2195,7 +2195,7 @@ var require_cjs = __commonJS({
       );
     };
     var getSpacingBasedOnRatio13 = (props3, propertyName, val) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       const { spacingRatio, unit } = props3;
       const value = val || props3[propertyName];
@@ -2225,18 +2225,18 @@ var require_cjs = __commonJS({
       return getSpacingByKey9(value, propertyName);
     };
     var applyTimingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       generateSequence(TIMING2);
       applySequenceVars(TIMING2);
     };
     var getTimingFunction9 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       return TIMING2[value] || TIMING2[toCamelCase(value)] || value;
     };
     var getTimingByKey5 = (value, property = "timing") => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -2246,7 +2246,7 @@ var require_cjs = __commonJS({
     };
     var import_utils21 = __toESM2(require_cjs32(), 1);
     var applyDocument = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return (0, import_utils21.merge)(DOCUMENT2, {
         theme: THEME2.document,
@@ -2260,7 +2260,7 @@ var require_cjs = __commonJS({
       document: import_globals2.document
     };
     var setSVG = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!val) {
         if (CONFIG22.verbose)
           console.warn("setSVG: val is not defined", key);
@@ -2272,21 +2272,21 @@ var require_cjs = __commonJS({
       return val;
     };
     var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG22.SVG;
       for (const key in LIBRARY)
         lib[key] = CONFIG22.SVG[key];
       appendSVG(lib, options);
     };
     var setIcon = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useIconSprite) {
         return setSVG(val, key);
       }
       return val;
     };
     var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG22.ICONS;
       for (const key in LIBRARY)
         lib[key] = CONFIG22.ICONS[key];
@@ -2304,7 +2304,7 @@ var require_cjs = __commonJS({
       return svgElem;
     };
     var appendSVG = (lib, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const doc = options.document || import_globals2.document;
       if (!doc) {
         if (CONFIG22.verbose) {
@@ -2326,7 +2326,7 @@ var require_cjs = __commonJS({
     };
     var import_utils24 = __toESM2(require_cjs32(), 1);
     var applyReset = (reset = {}) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG22;
       if (RESET2) {
         if (RESET2[":root"]) {
@@ -2437,7 +2437,7 @@ var require_cjs = __commonJS({
       }).join(" ");
     }).join(",");
     var transformBackgroundImage5 = (backgroundImage, globalTheme) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       return backgroundImage.split(", ").map((v) => {
         if (v.slice(0, 2) === "--")
           return `var(${v})`;
@@ -2506,7 +2506,7 @@ var require_cjs = __commonJS({
       animation: setSameValue
     };
     var setValue = (FACTORY_NAME, value, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const factoryName = FACTORY_NAME.toLowerCase();
       const FACTORY2 = CONFIG22[FACTORY_NAME];
       if (VALUE_TRANSFORMERS[factoryName]) {
@@ -2518,7 +2518,7 @@ var require_cjs = __commonJS({
         console.warn("Can not find", factoryName, "method in scratch");
     };
     var setEach = (factoryName, props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const FACTORY_NAME = factoryName.toUpperCase();
       const keys = Object.keys(props3);
       keys.map((key) => setValue(FACTORY_NAME, props3[key], key));
@@ -2526,7 +2526,7 @@ var require_cjs = __commonJS({
     };
     var SET_OPTIONS = {};
     var set2 = (recivedConfig, options = SET_OPTIONS) => {
-      let CONFIG22 = getActiveConfig2();
+      let CONFIG22 = getActiveConfig5();
       const {
         version,
         verbose,
@@ -4240,7 +4240,7 @@ var require_cjs5 = __commonJS({
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
       COLOR: () => COLOR,
-      CONFIG: () => CONFIG2,
+      CONFIG: () => CONFIG5,
       CSS_VARS: () => CSS_VARS,
       DEVICES: () => DEVICES,
       DOCUMENT: () => DOCUMENT,
@@ -4260,7 +4260,7 @@ var require_cjs5 = __commonJS({
       THEME: () => THEME,
       TIMING: () => TIMING,
       TYPOGRAPHY: () => TYPOGRAPHY,
-      UNIT: () => UNIT4,
+      UNIT: () => UNIT,
       VALUE_TRANSFORMERS: () => VALUE_TRANSFORMERS,
       activateConfig: () => activateConfig,
       appendIconsSprite: () => appendIconsSprite,
@@ -4280,7 +4280,7 @@ var require_cjs5 = __commonJS({
       generateSequence: () => generateSequence,
       generateSprite: () => generateSprite,
       generateSubSequence: () => generateSubSequence,
-      getActiveConfig: () => getActiveConfig2,
+      getActiveConfig: () => getActiveConfig5,
       getColor: () => getColor5,
       getColorShade: () => getColorShade,
       getDefaultOrFirstKey: () => getDefaultOrFirstKey,
@@ -4596,7 +4596,7 @@ var require_cjs5 = __commonJS({
       THEME: () => THEME,
       TIMING: () => TIMING,
       TYPOGRAPHY: () => TYPOGRAPHY,
-      UNIT: () => UNIT4
+      UNIT: () => UNIT
     });
     var SEQUENCE = {
       "minor-second": 1.067,
@@ -4624,7 +4624,7 @@ var require_cjs5 = __commonJS({
       // archimedes
       "double-octave": 4
     };
-    var UNIT4 = {
+    var UNIT = {
       default: "em"
     };
     var defaultProps = {
@@ -4735,17 +4735,17 @@ var require_cjs5 = __commonJS({
     var SVG_DATA = {};
     var RESET = {};
     var CSS_VARS = {};
-    var CONFIG2 = {
+    var CONFIG5 = {
       verbose: false,
       useVariable: true,
       useReset: true,
       CSS_VARS,
       ...defaultConfig_exports
     };
-    var cachedConfig = (0, import_utils32.deepClone)(CONFIG2);
+    var cachedConfig = (0, import_utils32.deepClone)(CONFIG5);
     var FACTORY = {
       active: "0",
-      0: CONFIG2
+      0: CONFIG5
     };
     var activateConfig = (def) => {
       if ((0, import_utils32.isDefined)(def)) {
@@ -4753,7 +4753,7 @@ var require_cjs5 = __commonJS({
       }
       return FACTORY[def || FACTORY.active];
     };
-    var getActiveConfig2 = (def) => {
+    var getActiveConfig5 = (def) => {
       return FACTORY[def || FACTORY.active];
     };
     var setActiveConfig = (newConfig) => {
@@ -4862,11 +4862,11 @@ var require_cjs5 = __commonJS({
       return sequenceProps;
     };
     var getSequenceValue = (value = "A", sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
-      const { UNIT: UNIT22 } = CONFIG22;
+      const CONFIG22 = getActiveConfig5();
+      const { UNIT: UNIT2 } = CONFIG22;
       const {
         sequence,
-        unit = UNIT22.default,
+        unit = UNIT2.default,
         useVariable
       } = sequenceProps;
       if ((0, import_utils42.isString)(value) && value.slice(0, 2) === "--")
@@ -4932,7 +4932,7 @@ var require_cjs5 = __commonJS({
     };
     var import_utils62 = __toESM2(require_cjs32(), 1);
     var setVariables = (result, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       if ((0, import_utils62.isObjectLike)(result.value)) {
       } else {
@@ -4940,9 +4940,9 @@ var require_cjs5 = __commonJS({
       }
     };
     var applySequenceVars = (props3, mediaName, options = {}) => {
-      const CONFIG22 = getActiveConfig2();
-      const { UNIT: UNIT22, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
-      const unit = props3.unit || UNIT22.default;
+      const CONFIG22 = getActiveConfig5();
+      const { UNIT: UNIT2, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
+      const unit = props3.unit || UNIT2.default;
       const { sequence, scales } = props3;
       for (const key in sequence) {
         const item = sequence[key];
@@ -4970,7 +4970,7 @@ var require_cjs5 = __commonJS({
     };
     var import_utils72 = __toESM2(require_cjs32(), 1);
     var generateSprite = (icons) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       let sprite = "";
       for (const key in icons) {
         if (CONFIG22.__svg_cache[key])
@@ -5043,7 +5043,7 @@ var require_cjs5 = __commonJS({
     });
     var import_utils82 = __toESM2(require_cjs32(), 1);
     var getColor5 = (value, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!(0, import_utils82.isString)(value)) {
         if (CONFIG22.verbose)
           console.warn(value, "- type for color is not valid");
@@ -5095,7 +5095,7 @@ var require_cjs5 = __commonJS({
         return CONFIG22.useVariable ? `var(${val.var})` : val.value;
     };
     var getMediaColor9 = (value, globalTheme) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!globalTheme)
         globalTheme = CONFIG22.globalTheme;
       if (!(0, import_utils82.isString)(value)) {
@@ -5130,7 +5130,7 @@ var require_cjs5 = __commonJS({
       }
     };
     var setColor = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils82.isString)(val) && val.slice(0, 2) === "--")
         val = getColor5(val.slice(2));
       if ((0, import_utils82.isArray)(val)) {
@@ -5161,7 +5161,7 @@ var require_cjs5 = __commonJS({
       };
     };
     var setGradient = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils82.isString)(val) && val.slice(0, 2) === "--")
         val = getColor5(val.slice(2));
       if ((0, import_utils82.isArray)(val)) {
@@ -5204,7 +5204,7 @@ var require_cjs5 = __commonJS({
       return theme.value;
     };
     var getTheme5 = (value, modifier) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useVariable)
         return getMediaTheme5(value, modifier);
       const { THEME: THEME2 } = CONFIG22;
@@ -5283,7 +5283,7 @@ var require_cjs5 = __commonJS({
       return theme;
     };
     var setHelpers = (theme, value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { helpers } = theme;
       if (!helpers)
         return;
@@ -5299,7 +5299,7 @@ var require_cjs5 = __commonJS({
       return theme;
     };
     var setTheme = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useVariable)
         return setMediaTheme(val, key);
       const { state, media, helpers } = val;
@@ -5311,7 +5311,7 @@ var require_cjs5 = __commonJS({
       return { var: CSSvar, value, state, media, helpers };
     };
     var setMediaTheme = (val, key, suffix, prefers) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       const theme = { value: val };
       if ((0, import_utils102.isObjectLike)(val)) {
@@ -5351,7 +5351,7 @@ var require_cjs5 = __commonJS({
       return theme;
     };
     var recursiveTheme = (val) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const obj = {};
       for (const param in val) {
         const symb = param.slice(0, 1);
@@ -5383,7 +5383,7 @@ var require_cjs5 = __commonJS({
         return val;
     };
     var getMediaTheme5 = (val, mod) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils102.isString)(val) && val.slice(0, 2) === "--")
         val = getMediaTheme5(val.slice(2));
       if (!val || !(0, import_utils102.isString)(val)) {
@@ -5406,12 +5406,12 @@ var require_cjs5 = __commonJS({
       return { var: CSSvar, value: val, fontFace };
     };
     var getFontFamily5 = (key, factory) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { FONT_FAMILY: FONT_FAMILY2 } = CONFIG22;
       return getDefaultOrFirstKey(factory || FONT_FAMILY2, key);
     };
     var setFontFamily = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG22;
       let { value, type } = val;
       if (val.isDefault)
@@ -5424,7 +5424,7 @@ var require_cjs5 = __commonJS({
     };
     var import_utils142 = __toESM2(require_cjs32(), 1);
     var runThroughMedia = (props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG22;
       for (const prop in props3) {
         const mediaProps = props3[prop];
@@ -5454,7 +5454,7 @@ var require_cjs5 = __commonJS({
       }
     };
     var applyHeadings = (props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (props3.h1Matches) {
         const unit = props3.unit;
         const HEADINGS = findHeadings(props3);
@@ -5473,7 +5473,7 @@ var require_cjs5 = __commonJS({
       }
     };
     var applyTypographySequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       generateSequence(TYPOGRAPHY2);
       applyHeadings(TYPOGRAPHY2);
@@ -5481,7 +5481,7 @@ var require_cjs5 = __commonJS({
       runThroughMedia(TYPOGRAPHY2);
     };
     var getFontSizeByKey5 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -5515,14 +5515,14 @@ var require_cjs5 = __commonJS({
       }
     };
     var applySpacingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       generateSequence(SPACING2);
       applySequenceVars(SPACING2);
       runThroughMedia2(SPACING2);
     };
     var getSequence = (sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       if (!sequenceProps)
         return SPACING2;
@@ -5562,7 +5562,7 @@ var require_cjs5 = __commonJS({
       );
     };
     var getSpacingBasedOnRatio13 = (props3, propertyName, val) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       const { spacingRatio, unit } = props3;
       const value = val || props3[propertyName];
@@ -5592,18 +5592,18 @@ var require_cjs5 = __commonJS({
       return getSpacingByKey9(value, propertyName);
     };
     var applyTimingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       generateSequence(TIMING2);
       applySequenceVars(TIMING2);
     };
     var getTimingFunction9 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       return TIMING2[value] || TIMING2[toCamelCase(value)] || value;
     };
     var getTimingByKey5 = (value, property = "timing") => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -5613,7 +5613,7 @@ var require_cjs5 = __commonJS({
     };
     var import_utils21 = __toESM2(require_cjs32(), 1);
     var applyDocument = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return (0, import_utils21.merge)(DOCUMENT2, {
         theme: THEME2.document,
@@ -5627,7 +5627,7 @@ var require_cjs5 = __commonJS({
       document: import_globals2.document
     };
     var setSVG = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!val) {
         if (CONFIG22.verbose)
           console.warn("setSVG: val is not defined", key);
@@ -5639,21 +5639,21 @@ var require_cjs5 = __commonJS({
       return val;
     };
     var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG22.SVG;
       for (const key in LIBRARY)
         lib[key] = CONFIG22.SVG[key];
       appendSVG(lib, options);
     };
     var setIcon = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useIconSprite) {
         return setSVG(val, key);
       }
       return val;
     };
     var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG22.ICONS;
       for (const key in LIBRARY)
         lib[key] = CONFIG22.ICONS[key];
@@ -5671,7 +5671,7 @@ var require_cjs5 = __commonJS({
       return svgElem;
     };
     var appendSVG = (lib, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const doc = options.document || import_globals2.document;
       if (!doc) {
         if (CONFIG22.verbose) {
@@ -5693,7 +5693,7 @@ var require_cjs5 = __commonJS({
     };
     var import_utils24 = __toESM2(require_cjs32(), 1);
     var applyReset = (reset = {}) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG22;
       if (RESET2) {
         if (RESET2[":root"]) {
@@ -5804,7 +5804,7 @@ var require_cjs5 = __commonJS({
       }).join(" ");
     }).join(",");
     var transformBackgroundImage5 = (backgroundImage, globalTheme) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       return backgroundImage.split(", ").map((v) => {
         if (v.slice(0, 2) === "--")
           return `var(${v})`;
@@ -5873,7 +5873,7 @@ var require_cjs5 = __commonJS({
       animation: setSameValue
     };
     var setValue = (FACTORY_NAME, value, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const factoryName = FACTORY_NAME.toLowerCase();
       const FACTORY2 = CONFIG22[FACTORY_NAME];
       if (VALUE_TRANSFORMERS[factoryName]) {
@@ -5885,7 +5885,7 @@ var require_cjs5 = __commonJS({
         console.warn("Can not find", factoryName, "method in scratch");
     };
     var setEach = (factoryName, props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const FACTORY_NAME = factoryName.toUpperCase();
       const keys = Object.keys(props3);
       keys.map((key) => setValue(FACTORY_NAME, props3[key], key));
@@ -5893,7 +5893,7 @@ var require_cjs5 = __commonJS({
     };
     var SET_OPTIONS = {};
     var set2 = (recivedConfig, options = SET_OPTIONS) => {
-      let CONFIG22 = getActiveConfig2();
+      let CONFIG22 = getActiveConfig5();
       const {
         version,
         verbose,
@@ -6872,7 +6872,7 @@ var require_cjs7 = __commonJS({
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
       COLOR: () => COLOR,
-      CONFIG: () => CONFIG2,
+      CONFIG: () => CONFIG5,
       CSS_VARS: () => CSS_VARS,
       DEVICES: () => DEVICES,
       DOCUMENT: () => DOCUMENT,
@@ -6892,7 +6892,7 @@ var require_cjs7 = __commonJS({
       THEME: () => THEME,
       TIMING: () => TIMING,
       TYPOGRAPHY: () => TYPOGRAPHY,
-      UNIT: () => UNIT4,
+      UNIT: () => UNIT,
       VALUE_TRANSFORMERS: () => VALUE_TRANSFORMERS,
       activateConfig: () => activateConfig,
       appendIconsSprite: () => appendIconsSprite,
@@ -6912,7 +6912,7 @@ var require_cjs7 = __commonJS({
       generateSequence: () => generateSequence,
       generateSprite: () => generateSprite,
       generateSubSequence: () => generateSubSequence,
-      getActiveConfig: () => getActiveConfig2,
+      getActiveConfig: () => getActiveConfig5,
       getColor: () => getColor5,
       getColorShade: () => getColorShade,
       getDefaultOrFirstKey: () => getDefaultOrFirstKey,
@@ -7228,7 +7228,7 @@ var require_cjs7 = __commonJS({
       THEME: () => THEME,
       TIMING: () => TIMING,
       TYPOGRAPHY: () => TYPOGRAPHY,
-      UNIT: () => UNIT4
+      UNIT: () => UNIT
     });
     var SEQUENCE = {
       "minor-second": 1.067,
@@ -7256,7 +7256,7 @@ var require_cjs7 = __commonJS({
       // archimedes
       "double-octave": 4
     };
-    var UNIT4 = {
+    var UNIT = {
       default: "em"
     };
     var defaultProps = {
@@ -7367,17 +7367,17 @@ var require_cjs7 = __commonJS({
     var SVG_DATA = {};
     var RESET = {};
     var CSS_VARS = {};
-    var CONFIG2 = {
+    var CONFIG5 = {
       verbose: false,
       useVariable: true,
       useReset: true,
       CSS_VARS,
       ...defaultConfig_exports
     };
-    var cachedConfig = (0, import_utils32.deepClone)(CONFIG2);
+    var cachedConfig = (0, import_utils32.deepClone)(CONFIG5);
     var FACTORY = {
       active: "0",
-      0: CONFIG2
+      0: CONFIG5
     };
     var activateConfig = (def) => {
       if ((0, import_utils32.isDefined)(def)) {
@@ -7385,7 +7385,7 @@ var require_cjs7 = __commonJS({
       }
       return FACTORY[def || FACTORY.active];
     };
-    var getActiveConfig2 = (def) => {
+    var getActiveConfig5 = (def) => {
       return FACTORY[def || FACTORY.active];
     };
     var setActiveConfig = (newConfig) => {
@@ -7494,11 +7494,11 @@ var require_cjs7 = __commonJS({
       return sequenceProps;
     };
     var getSequenceValue = (value = "A", sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
-      const { UNIT: UNIT22 } = CONFIG22;
+      const CONFIG22 = getActiveConfig5();
+      const { UNIT: UNIT2 } = CONFIG22;
       const {
         sequence,
-        unit = UNIT22.default,
+        unit = UNIT2.default,
         useVariable
       } = sequenceProps;
       if ((0, import_utils42.isString)(value) && value.slice(0, 2) === "--")
@@ -7564,7 +7564,7 @@ var require_cjs7 = __commonJS({
     };
     var import_utils62 = __toESM2(require_cjs32(), 1);
     var setVariables = (result, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       if ((0, import_utils62.isObjectLike)(result.value)) {
       } else {
@@ -7572,9 +7572,9 @@ var require_cjs7 = __commonJS({
       }
     };
     var applySequenceVars = (props3, mediaName, options = {}) => {
-      const CONFIG22 = getActiveConfig2();
-      const { UNIT: UNIT22, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
-      const unit = props3.unit || UNIT22.default;
+      const CONFIG22 = getActiveConfig5();
+      const { UNIT: UNIT2, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
+      const unit = props3.unit || UNIT2.default;
       const { sequence, scales } = props3;
       for (const key in sequence) {
         const item = sequence[key];
@@ -7602,7 +7602,7 @@ var require_cjs7 = __commonJS({
     };
     var import_utils72 = __toESM2(require_cjs32(), 1);
     var generateSprite = (icons) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       let sprite = "";
       for (const key in icons) {
         if (CONFIG22.__svg_cache[key])
@@ -7675,7 +7675,7 @@ var require_cjs7 = __commonJS({
     });
     var import_utils82 = __toESM2(require_cjs32(), 1);
     var getColor5 = (value, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!(0, import_utils82.isString)(value)) {
         if (CONFIG22.verbose)
           console.warn(value, "- type for color is not valid");
@@ -7727,7 +7727,7 @@ var require_cjs7 = __commonJS({
         return CONFIG22.useVariable ? `var(${val.var})` : val.value;
     };
     var getMediaColor9 = (value, globalTheme) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!globalTheme)
         globalTheme = CONFIG22.globalTheme;
       if (!(0, import_utils82.isString)(value)) {
@@ -7762,7 +7762,7 @@ var require_cjs7 = __commonJS({
       }
     };
     var setColor = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils82.isString)(val) && val.slice(0, 2) === "--")
         val = getColor5(val.slice(2));
       if ((0, import_utils82.isArray)(val)) {
@@ -7793,7 +7793,7 @@ var require_cjs7 = __commonJS({
       };
     };
     var setGradient = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils82.isString)(val) && val.slice(0, 2) === "--")
         val = getColor5(val.slice(2));
       if ((0, import_utils82.isArray)(val)) {
@@ -7836,7 +7836,7 @@ var require_cjs7 = __commonJS({
       return theme.value;
     };
     var getTheme5 = (value, modifier) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useVariable)
         return getMediaTheme5(value, modifier);
       const { THEME: THEME2 } = CONFIG22;
@@ -7915,7 +7915,7 @@ var require_cjs7 = __commonJS({
       return theme;
     };
     var setHelpers = (theme, value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { helpers } = theme;
       if (!helpers)
         return;
@@ -7931,7 +7931,7 @@ var require_cjs7 = __commonJS({
       return theme;
     };
     var setTheme = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useVariable)
         return setMediaTheme(val, key);
       const { state, media, helpers } = val;
@@ -7943,7 +7943,7 @@ var require_cjs7 = __commonJS({
       return { var: CSSvar, value, state, media, helpers };
     };
     var setMediaTheme = (val, key, suffix, prefers) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       const theme = { value: val };
       if ((0, import_utils102.isObjectLike)(val)) {
@@ -7983,7 +7983,7 @@ var require_cjs7 = __commonJS({
       return theme;
     };
     var recursiveTheme = (val) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const obj = {};
       for (const param in val) {
         const symb = param.slice(0, 1);
@@ -8015,7 +8015,7 @@ var require_cjs7 = __commonJS({
         return val;
     };
     var getMediaTheme5 = (val, mod) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if ((0, import_utils102.isString)(val) && val.slice(0, 2) === "--")
         val = getMediaTheme5(val.slice(2));
       if (!val || !(0, import_utils102.isString)(val)) {
@@ -8038,12 +8038,12 @@ var require_cjs7 = __commonJS({
       return { var: CSSvar, value: val, fontFace };
     };
     var getFontFamily5 = (key, factory) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { FONT_FAMILY: FONT_FAMILY2 } = CONFIG22;
       return getDefaultOrFirstKey(factory || FONT_FAMILY2, key);
     };
     var setFontFamily = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG22;
       let { value, type } = val;
       if (val.isDefault)
@@ -8056,7 +8056,7 @@ var require_cjs7 = __commonJS({
     };
     var import_utils142 = __toESM2(require_cjs32(), 1);
     var runThroughMedia = (props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG22;
       for (const prop in props3) {
         const mediaProps = props3[prop];
@@ -8086,7 +8086,7 @@ var require_cjs7 = __commonJS({
       }
     };
     var applyHeadings = (props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (props3.h1Matches) {
         const unit = props3.unit;
         const HEADINGS = findHeadings(props3);
@@ -8105,7 +8105,7 @@ var require_cjs7 = __commonJS({
       }
     };
     var applyTypographySequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       generateSequence(TYPOGRAPHY2);
       applyHeadings(TYPOGRAPHY2);
@@ -8113,7 +8113,7 @@ var require_cjs7 = __commonJS({
       runThroughMedia(TYPOGRAPHY2);
     };
     var getFontSizeByKey5 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -8147,14 +8147,14 @@ var require_cjs7 = __commonJS({
       }
     };
     var applySpacingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       generateSequence(SPACING2);
       applySequenceVars(SPACING2);
       runThroughMedia2(SPACING2);
     };
     var getSequence = (sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       if (!sequenceProps)
         return SPACING2;
@@ -8194,7 +8194,7 @@ var require_cjs7 = __commonJS({
       );
     };
     var getSpacingBasedOnRatio13 = (props3, propertyName, val) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { SPACING: SPACING2 } = CONFIG22;
       const { spacingRatio, unit } = props3;
       const value = val || props3[propertyName];
@@ -8224,18 +8224,18 @@ var require_cjs7 = __commonJS({
       return getSpacingByKey9(value, propertyName);
     };
     var applyTimingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       generateSequence(TIMING2);
       applySequenceVars(TIMING2);
     };
     var getTimingFunction9 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       return TIMING2[value] || TIMING2[toCamelCase(value)] || value;
     };
     var getTimingByKey5 = (value, property = "timing") => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { TIMING: TIMING2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -8245,7 +8245,7 @@ var require_cjs7 = __commonJS({
     };
     var import_utils21 = __toESM2(require_cjs32(), 1);
     var applyDocument = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return (0, import_utils21.merge)(DOCUMENT2, {
         theme: THEME2.document,
@@ -8259,7 +8259,7 @@ var require_cjs7 = __commonJS({
       document: import_globals2.document
     };
     var setSVG = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (!val) {
         if (CONFIG22.verbose)
           console.warn("setSVG: val is not defined", key);
@@ -8271,21 +8271,21 @@ var require_cjs7 = __commonJS({
       return val;
     };
     var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG22.SVG;
       for (const key in LIBRARY)
         lib[key] = CONFIG22.SVG[key];
       appendSVG(lib, options);
     };
     var setIcon = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       if (CONFIG22.useIconSprite) {
         return setSVG(val, key);
       }
       return val;
     };
     var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG22.ICONS;
       for (const key in LIBRARY)
         lib[key] = CONFIG22.ICONS[key];
@@ -8303,7 +8303,7 @@ var require_cjs7 = __commonJS({
       return svgElem;
     };
     var appendSVG = (lib, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const doc = options.document || import_globals2.document;
       if (!doc) {
         if (CONFIG22.verbose) {
@@ -8325,7 +8325,7 @@ var require_cjs7 = __commonJS({
     };
     var import_utils24 = __toESM2(require_cjs32(), 1);
     var applyReset = (reset = {}) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG22;
       if (RESET2) {
         if (RESET2[":root"]) {
@@ -8436,7 +8436,7 @@ var require_cjs7 = __commonJS({
       }).join(" ");
     }).join(",");
     var transformBackgroundImage5 = (backgroundImage, globalTheme) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       return backgroundImage.split(", ").map((v) => {
         if (v.slice(0, 2) === "--")
           return `var(${v})`;
@@ -8505,7 +8505,7 @@ var require_cjs7 = __commonJS({
       animation: setSameValue
     };
     var setValue = (FACTORY_NAME, value, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const factoryName = FACTORY_NAME.toLowerCase();
       const FACTORY2 = CONFIG22[FACTORY_NAME];
       if (VALUE_TRANSFORMERS[factoryName]) {
@@ -8517,7 +8517,7 @@ var require_cjs7 = __commonJS({
         console.warn("Can not find", factoryName, "method in scratch");
     };
     var setEach = (factoryName, props3) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig5();
       const FACTORY_NAME = factoryName.toUpperCase();
       const keys = Object.keys(props3);
       keys.map((key) => setValue(FACTORY_NAME, props3[key], key));
@@ -8525,7 +8525,7 @@ var require_cjs7 = __commonJS({
     };
     var SET_OPTIONS = {};
     var set2 = (recivedConfig, options = SET_OPTIONS) => {
-      let CONFIG22 = getActiveConfig2();
+      let CONFIG22 = getActiveConfig5();
       const {
         version,
         verbose,
@@ -8636,7 +8636,7 @@ __export(domql_exports, {
   Strong: () => Strong,
   Svg: () => Svg,
   Text: () => Text,
-  TextArea: () => TextArea,
+  Textarea: () => Textarea,
   Theme: () => Theme,
   Timing: () => Timing,
   Tooltip: () => Tooltip,
@@ -11333,13 +11333,14 @@ var import_scratch13 = __toESM(require_cjs5());
 var import_scratch12 = __toESM(require_cjs5());
 
 // Datepicker/node_modules/@symbo.ls/atoms/Shape/style.js
+var CONFIG2 = (0, import_scratch13.getActiveConfig)();
 var depth2 = {
-  4: { boxShadow: `rgba(0,0,0,.10) 0 2${import_scratch13.UNIT.default} 4${import_scratch13.UNIT.default}` },
-  6: { boxShadow: `rgba(0,0,0,.10) 0 3${import_scratch13.UNIT.default} 6${import_scratch13.UNIT.default}` },
-  10: { boxShadow: `rgba(0,0,0,.10) 0 4${import_scratch13.UNIT.default} 10${import_scratch13.UNIT.default}` },
-  16: { boxShadow: `rgba(0,0,0,.10) 0 8${import_scratch13.UNIT.default} 16${import_scratch13.UNIT.default}` },
-  26: { boxShadow: `rgba(0,0,0,.10) 0 14${import_scratch13.UNIT.default} 26${import_scratch13.UNIT.default}` },
-  42: { boxShadow: `rgba(0,0,0,.10) 0 20${import_scratch13.UNIT.default} 42${import_scratch13.UNIT.default}` }
+  4: { boxShadow: `rgba(0,0,0,.10) 0 2${CONFIG2.UNIT.default} 4${CONFIG2.UNIT.default}` },
+  6: { boxShadow: `rgba(0,0,0,.10) 0 3${CONFIG2.UNIT.default} 6${CONFIG2.UNIT.default}` },
+  10: { boxShadow: `rgba(0,0,0,.10) 0 4${CONFIG2.UNIT.default} 10${CONFIG2.UNIT.default}` },
+  16: { boxShadow: `rgba(0,0,0,.10) 0 8${CONFIG2.UNIT.default} 16${CONFIG2.UNIT.default}` },
+  26: { boxShadow: `rgba(0,0,0,.10) 0 14${CONFIG2.UNIT.default} 26${CONFIG2.UNIT.default}` },
+  42: { boxShadow: `rgba(0,0,0,.10) 0 20${CONFIG2.UNIT.default} 42${CONFIG2.UNIT.default}` }
 };
 
 // Datepicker/node_modules/@symbo.ls/atoms/Collection.js
@@ -11713,13 +11714,14 @@ var import_scratch22 = __toESM(require_cjs());
 var import_scratch21 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Shape/style.js
+var CONFIG3 = (0, import_scratch22.getActiveConfig)();
 var depth3 = {
-  4: { boxShadow: `rgba(0,0,0,.10) 0 2${import_scratch22.UNIT.default} 4${import_scratch22.UNIT.default}` },
-  6: { boxShadow: `rgba(0,0,0,.10) 0 3${import_scratch22.UNIT.default} 6${import_scratch22.UNIT.default}` },
-  10: { boxShadow: `rgba(0,0,0,.10) 0 4${import_scratch22.UNIT.default} 10${import_scratch22.UNIT.default}` },
-  16: { boxShadow: `rgba(0,0,0,.10) 0 8${import_scratch22.UNIT.default} 16${import_scratch22.UNIT.default}` },
-  26: { boxShadow: `rgba(0,0,0,.10) 0 14${import_scratch22.UNIT.default} 26${import_scratch22.UNIT.default}` },
-  42: { boxShadow: `rgba(0,0,0,.10) 0 20${import_scratch22.UNIT.default} 42${import_scratch22.UNIT.default}` }
+  4: { boxShadow: `rgba(0,0,0,.10) 0 2${CONFIG3.UNIT.default} 4${CONFIG3.UNIT.default}` },
+  6: { boxShadow: `rgba(0,0,0,.10) 0 3${CONFIG3.UNIT.default} 6${CONFIG3.UNIT.default}` },
+  10: { boxShadow: `rgba(0,0,0,.10) 0 4${CONFIG3.UNIT.default} 10${CONFIG3.UNIT.default}` },
+  16: { boxShadow: `rgba(0,0,0,.10) 0 8${CONFIG3.UNIT.default} 16${CONFIG3.UNIT.default}` },
+  26: { boxShadow: `rgba(0,0,0,.10) 0 14${CONFIG3.UNIT.default} 26${CONFIG3.UNIT.default}` },
+  42: { boxShadow: `rgba(0,0,0,.10) 0 20${CONFIG3.UNIT.default} 42${CONFIG3.UNIT.default}` }
 };
 
 // Field/node_modules/@symbo.ls/atoms/InteractiveComponent.js
@@ -12076,13 +12078,14 @@ var import_scratch33 = __toESM(require_cjs7());
 var import_scratch32 = __toESM(require_cjs7());
 
 // Notification/node_modules/@symbo.ls/atoms/Shape/style.js
+var CONFIG4 = (0, import_scratch33.getActiveConfig)();
 var depth4 = {
-  4: { boxShadow: `rgba(0,0,0,.10) 0 2${import_scratch33.UNIT.default} 4${import_scratch33.UNIT.default}` },
-  6: { boxShadow: `rgba(0,0,0,.10) 0 3${import_scratch33.UNIT.default} 6${import_scratch33.UNIT.default}` },
-  10: { boxShadow: `rgba(0,0,0,.10) 0 4${import_scratch33.UNIT.default} 10${import_scratch33.UNIT.default}` },
-  16: { boxShadow: `rgba(0,0,0,.10) 0 8${import_scratch33.UNIT.default} 16${import_scratch33.UNIT.default}` },
-  26: { boxShadow: `rgba(0,0,0,.10) 0 14${import_scratch33.UNIT.default} 26${import_scratch33.UNIT.default}` },
-  42: { boxShadow: `rgba(0,0,0,.10) 0 20${import_scratch33.UNIT.default} 42${import_scratch33.UNIT.default}` }
+  4: { boxShadow: `rgba(0,0,0,.10) 0 2${CONFIG4.UNIT.default} 4${CONFIG4.UNIT.default}` },
+  6: { boxShadow: `rgba(0,0,0,.10) 0 3${CONFIG4.UNIT.default} 6${CONFIG4.UNIT.default}` },
+  10: { boxShadow: `rgba(0,0,0,.10) 0 4${CONFIG4.UNIT.default} 10${CONFIG4.UNIT.default}` },
+  16: { boxShadow: `rgba(0,0,0,.10) 0 8${CONFIG4.UNIT.default} 16${CONFIG4.UNIT.default}` },
+  26: { boxShadow: `rgba(0,0,0,.10) 0 14${CONFIG4.UNIT.default} 26${CONFIG4.UNIT.default}` },
+  42: { boxShadow: `rgba(0,0,0,.10) 0 20${CONFIG4.UNIT.default} 42${CONFIG4.UNIT.default}` }
 };
 
 // Notification/node_modules/@symbo.ls/atoms/Collection.js
@@ -12205,7 +12208,7 @@ var props2 = {
   lineHeight: 1.4,
   style: { resize: "none" }
 };
-var TextArea = {
+var Textarea = {
   extend: [Input],
   props: props2,
   tag: "textarea"