@symbo.ls/uikit 2.11.104 → 2.11.107

package/dist/index.cjs.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// node_modules/@symbo.ls/scratch/dist/cjs/index.js
+// ../../packages/scratch/dist/cjs/index.js
 var require_cjs = __commonJS({
-  "node_modules/@symbo.ls/scratch/dist/cjs/index.js"(exports, module2) {
+  "../../packages/scratch/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
@@ -381,7 +381,7 @@ var require_cjs = __commonJS({
           isBoolean: () => isBoolean,
           isDefined: () => isDefined2,
           isFunction: () => isFunction22,
-          isNot: () => isNot2,
+          isNot: () => isNot3,
           isNull: () => isNull,
           isNumber: () => isNumber2,
           isObject: () => isObject7,
@@ -434,7 +434,7 @@ var require_cjs = __commonJS({
             return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
           };
         };
-        var isNot2 = (arg) => {
+        var isNot3 = (arg) => {
           return (...args) => {
             return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
           };
@@ -596,16 +596,16 @@ var require_cjs = __commonJS({
         var object_exports = {};
         __export22(object_exports, {
           clone: () => clone,
-          deepClone: () => deepClone2,
+          deepClone: () => deepClone22,
           deepCloneExclude: () => deepCloneExclude,
           deepDestringify: () => deepDestringify,
           deepMerge: () => deepMerge3,
           deepStringify: () => deepStringify,
           detachFunctionsFromObject: () => detachFunctionsFromObject,
-          diff: () => diff2,
+          diff: () => diff3,
           diffArrays: () => diffArrays,
           diffObjects: () => diffObjects,
-          exec: () => exec2,
+          exec: () => exec3,
           flattenRecursive: () => flattenRecursive,
           isEqualDeep: () => isEqualDeep,
           map: () => map,
@@ -615,7 +615,7 @@ var require_cjs = __commonJS({
           objectToString: () => objectToString,
           overwrite: () => overwrite,
           overwriteDeep: () => overwriteDeep2,
-          overwriteShallow: () => overwriteShallow2,
+          overwriteShallow: () => overwriteShallow3,
           removeFromObject: () => removeFromObject,
           stringToObject: () => stringToObject
         });
@@ -624,7 +624,7 @@ var require_cjs = __commonJS({
         var import_types = require_types2();
         var import_array = require_array2();
         var import_string = require_string2();
-        var exec2 = (param, element, state, context) => {
+        var exec3 = (param, element, state, context) => {
           if ((0, import_types.isFunction)(param)) {
             return param(
               element,
@@ -636,7 +636,7 @@ var require_cjs = __commonJS({
         };
         var map = (obj, extention, element) => {
           for (const e in extention) {
-            obj[e] = exec2(extention[e], element);
+            obj[e] = exec3(extention[e], element);
           }
         };
         var merge5 = (element, obj, excludeFrom = []) => {
@@ -698,7 +698,7 @@ var require_cjs = __commonJS({
         var mergeArrayExclude = (arr, excl = []) => {
           return arr.reduce((acc, curr) => deepMerge3(acc, deepCloneExclude(curr, excl)), {});
         };
-        var deepClone2 = (obj, excludeFrom = []) => {
+        var deepClone22 = (obj, excludeFrom = []) => {
           const o = (0, import_types.isArray)(obj) ? [] : {};
           for (const prop in obj) {
             if (excludeFrom.includes(prop) || prop.startsWith("__"))
@@ -708,7 +708,7 @@ var require_cjs = __commonJS({
               objProp = (0, import_array.mergeArray)(objProp);
             }
             if ((0, import_types.isObjectLike)(objProp)) {
-              o[prop] = deepClone2(objProp, excludeFrom);
+              o[prop] = deepClone22(objProp, excludeFrom);
             } else
               o[prop] = objProp;
           }
@@ -862,7 +862,7 @@ var require_cjs = __commonJS({
             const objToDiffProp = objToDiff[e];
             if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
               cache[e] = {};
-              diff2(originalProp, objToDiffProp, cache[e]);
+              diff3(originalProp, objToDiffProp, cache[e]);
             } else if (objToDiffProp !== void 0) {
               cache[e] = objToDiffProp;
             }
@@ -875,7 +875,7 @@ var require_cjs = __commonJS({
           } else {
             const diffArr = [];
             for (let i = 0; i < original.length; i++) {
-              const diffObj = diff2(original[i], objToDiff[i]);
+              const diffObj = diff3(original[i], objToDiff[i]);
               if (Object.keys(diffObj).length > 0) {
                 diffArr.push(diffObj);
               }
@@ -886,7 +886,7 @@ var require_cjs = __commonJS({
           }
           return cache;
         };
-        var diff2 = (original, objToDiff, cache = {}) => {
+        var diff3 = (original, objToDiff, cache = {}) => {
           if ((0, import_types.isArray)(original) && (0, import_types.isArray)(objToDiff)) {
             cache = [];
             diffArrays(original, objToDiff, cache);
@@ -910,7 +910,7 @@ var require_cjs = __commonJS({
           }
           return changes;
         };
-        var overwriteShallow2 = (obj, params, excludeFrom = []) => {
+        var overwriteShallow3 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
             if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
@@ -1104,7 +1104,7 @@ var require_cjs = __commonJS({
       BREAKPOINTS: () => BREAKPOINTS,
       CASES: () => CASES,
       COLOR: () => COLOR,
-      CONFIG: () => CONFIG2,
+      CONFIG: () => CONFIG3,
       CSS_VARS: () => CSS_VARS,
       DEVICES: () => DEVICES,
       DOCUMENT: () => DOCUMENT,
@@ -1144,27 +1144,27 @@ var require_cjs = __commonJS({
       generateSequence: () => generateSequence,
       generateSprite: () => generateSprite,
       generateSubSequence: () => generateSubSequence,
-      getActiveConfig: () => getActiveConfig2,
-      getColor: () => getColor2,
+      getActiveConfig: () => getActiveConfig3,
+      getColor: () => getColor3,
       getColorShade: () => getColorShade,
       getDefaultOrFirstKey: () => getDefaultOrFirstKey,
       getFontFace: () => getFontFace,
       getFontFaceEach: () => getFontFaceEach,
       getFontFaceEachString: () => getFontFaceEachString,
       getFontFaceString: () => getFontFaceString,
-      getFontFamily: () => getFontFamily2,
+      getFontFamily: () => getFontFamily3,
       getFontFormat: () => getFontFormat,
-      getFontSizeByKey: () => getFontSizeByKey2,
-      getMediaColor: () => getMediaColor3,
-      getMediaTheme: () => getMediaTheme2,
+      getFontSizeByKey: () => getFontSizeByKey3,
+      getMediaColor: () => getMediaColor5,
+      getMediaTheme: () => getMediaTheme3,
       getRgbTone: () => getRgbTone,
       getSequenceValue: () => getSequenceValue,
       getSequenceValuePropertyPair: () => getSequenceValuePropertyPair,
-      getSpacingBasedOnRatio: () => getSpacingBasedOnRatio4,
-      getSpacingByKey: () => getSpacingByKey3,
-      getTheme: () => getTheme2,
-      getTimingByKey: () => getTimingByKey2,
-      getTimingFunction: () => getTimingFunction3,
+      getSpacingBasedOnRatio: () => getSpacingBasedOnRatio7,
+      getSpacingByKey: () => getSpacingByKey5,
+      getTheme: () => getTheme3,
+      getTimingByKey: () => getTimingByKey3,
+      getTimingFunction: () => getTimingFunction5,
       hexToRgb: () => hexToRgb,
       hexToRgbArray: () => hexToRgbArray,
       hexToRgba: () => hexToRgba,
@@ -1197,14 +1197,14 @@ var require_cjs = __commonJS({
       setTheme: () => setTheme,
       setValue: () => setValue,
       setVariables: () => setVariables,
-      splitTransition: () => splitTransition2,
-      transformBackgroundImage: () => transformBackgroundImage2,
-      transformBorder: () => transformBorder2,
-      transformDuration: () => transformDuration2,
-      transformShadow: () => transformShadow2,
-      transformTextStroke: () => transformTextStroke2,
+      splitTransition: () => splitTransition3,
+      transformBackgroundImage: () => transformBackgroundImage3,
+      transformBorder: () => transformBorder3,
+      transformDuration: () => transformDuration3,
+      transformShadow: () => transformShadow3,
+      transformTextStroke: () => transformTextStroke3,
       transformTransition: () => transformTransition,
-      transfromGap: () => transfromGap2
+      transfromGap: () => transfromGap3
     });
     module2.exports = __toCommonJS2(src_exports);
     var utils_exports = {};
@@ -1247,7 +1247,7 @@ var require_cjs = __commonJS({
       setVariables: () => setVariables
     });
     var import_globals = __toESM2(require_cjs10(), 1);
-    var import_utils8 = __toESM2(require_cjs42(), 1);
+    var import_utils12 = __toESM2(require_cjs42(), 1);
     var ENV = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -1375,9 +1375,9 @@ var require_cjs = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils8.isString)(rgb))
+      if ((0, import_utils12.isString)(rgb))
         rgb = rgb.split(", ").map((v) => parseFloat(v));
-      if ((0, import_utils8.isNumber)(tone))
+      if ((0, import_utils12.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs2 = tone.slice(0, 1);
@@ -1621,17 +1621,17 @@ var require_cjs = __commonJS({
     var SVG_DATA = {};
     var RESET = {};
     var CSS_VARS = {};
-    var CONFIG2 = {
+    var CONFIG3 = {
       verbose: false,
       useVariable: true,
       useReset: true,
       CSS_VARS,
       ...defaultConfig_exports
     };
-    var cachedConfig = (0, import_utils42.deepClone)(CONFIG2);
+    var cachedConfig = (0, import_utils42.deepClone)(CONFIG3);
     var FACTORY = {
       active: "0",
-      0: CONFIG2
+      0: CONFIG3
     };
     var activateConfig = (def) => {
       if ((0, import_utils42.isDefined)(def)) {
@@ -1639,7 +1639,7 @@ var require_cjs = __commonJS({
       }
       return FACTORY[def || FACTORY.active];
     };
-    var getActiveConfig2 = (def) => {
+    var getActiveConfig3 = (def) => {
       return FACTORY[def || FACTORY.active];
     };
     var setActiveConfig = (newConfig) => {
@@ -1693,8 +1693,8 @@ var require_cjs = __commonJS({
     var generateSubSequence = (props6, sequenceProps) => {
       const { key, base, value, ratio, variable, index } = props6;
       const next2 = value * ratio;
-      const diff2 = next2 - value;
-      const smallscale = diff2 / 1.618;
+      const diff3 = next2 - value;
+      const smallscale = diff3 / 1.618;
       const valueRounded = ~~value;
       const nextRounded = ~~next2;
       const diffRounded = nextRounded - valueRounded;
@@ -1748,7 +1748,7 @@ var require_cjs = __commonJS({
       return sequenceProps;
     };
     var getSequenceValue = (value = "A", sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { UNIT: UNIT2 } = CONFIG22;
       const {
         sequence,
@@ -1818,7 +1818,7 @@ var require_cjs = __commonJS({
     };
     var import_utils72 = __toESM2(require_cjs42(), 1);
     var setVariables = (result, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       if ((0, import_utils72.isObjectLike)(result.value)) {
       } else {
@@ -1826,7 +1826,7 @@ var require_cjs = __commonJS({
       }
     };
     var applySequenceVars = (props6, mediaName, options = {}) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { UNIT: UNIT2, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
       const unit = props6.unit || UNIT2.default;
       const { sequence, scales } = props6;
@@ -1856,7 +1856,7 @@ var require_cjs = __commonJS({
     };
     var import_utils82 = __toESM2(require_cjs42(), 1);
     var generateSprite = (icons) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       let sprite = "";
       for (const key in icons) {
         if (CONFIG22.__svg_cache[key])
@@ -1921,16 +1921,16 @@ var require_cjs = __commonJS({
       applySpacingSequence: () => applySpacingSequence,
       applyTimingSequence: () => applyTimingSequence,
       applyTypographySequence: () => applyTypographySequence,
-      getColor: () => getColor2,
-      getFontFamily: () => getFontFamily2,
-      getFontSizeByKey: () => getFontSizeByKey2,
-      getMediaColor: () => getMediaColor3,
-      getMediaTheme: () => getMediaTheme2,
-      getSpacingBasedOnRatio: () => getSpacingBasedOnRatio4,
-      getSpacingByKey: () => getSpacingByKey3,
-      getTheme: () => getTheme2,
-      getTimingByKey: () => getTimingByKey2,
-      getTimingFunction: () => getTimingFunction3,
+      getColor: () => getColor3,
+      getFontFamily: () => getFontFamily3,
+      getFontSizeByKey: () => getFontSizeByKey3,
+      getMediaColor: () => getMediaColor5,
+      getMediaTheme: () => getMediaTheme3,
+      getSpacingBasedOnRatio: () => getSpacingBasedOnRatio7,
+      getSpacingByKey: () => getSpacingByKey5,
+      getTheme: () => getTheme3,
+      getTimingByKey: () => getTimingByKey3,
+      getTimingFunction: () => getTimingFunction5,
       runThroughMedia: () => runThroughMedia,
       setColor: () => setColor,
       setFont: () => setFont,
@@ -1941,10 +1941,10 @@ var require_cjs = __commonJS({
       setSVG: () => setSVG,
       setTheme: () => setTheme
     });
-    var import_utils9 = __toESM2(require_cjs42(), 1);
-    var getColor2 = (value, key, config) => {
-      const CONFIG22 = config || getActiveConfig2();
-      if (!(0, import_utils9.isString)(value)) {
+    var import_utils92 = __toESM2(require_cjs42(), 1);
+    var getColor3 = (value, key, config) => {
+      const CONFIG22 = config || getActiveConfig3();
+      if (!(0, import_utils92.isString)(value)) {
         if (CONFIG22.verbose)
           console.warn(value, "- type for color is not valid");
         return;
@@ -1953,7 +1953,7 @@ var require_cjs = __commonJS({
         return `var(${value})`;
       if (key && value[key])
         value = value[key];
-      const [name, alpha, tone] = (0, import_utils9.isArray)(value) ? value : value.split(" ");
+      const [name, alpha, tone] = (0, import_utils92.isArray)(value) ? value : value.split(" ");
       const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG22;
       let val = COLOR2[name] || GRADIENT2[name];
       if (!val) {
@@ -1981,32 +1981,32 @@ var require_cjs = __commonJS({
         return `rgba(${rgb}, ${alpha})`;
       return CONFIG22.useVariable ? `var(${val.var})` : `rgb(${rgb})`;
     };
-    var getMediaColor3 = (value, globalTheme, config) => {
-      const CONFIG22 = config || getActiveConfig2();
+    var getMediaColor5 = (value, globalTheme, config) => {
+      const CONFIG22 = config || getActiveConfig3();
       if (!globalTheme)
         globalTheme = CONFIG22.globalTheme;
-      if (!(0, import_utils9.isString)(value)) {
+      if (!(0, import_utils92.isString)(value)) {
         if (CONFIG22.verbose)
           console.warn(value, "- type for color is not valid");
         return;
       }
       if (value.slice(0, 2) === "--")
         return `var(${value})`;
-      const [name] = (0, import_utils9.isArray)(value) ? value : value.split(" ");
+      const [name] = (0, import_utils92.isArray)(value) ? value : value.split(" ");
       const { COLOR: COLOR2, GRADIENT: GRADIENT2 } = CONFIG22;
       const val = COLOR2[name] || GRADIENT2[name];
-      const isObj = (0, import_utils9.isObject)(val);
+      const isObj = (0, import_utils92.isObject)(val);
       if (isObj && val.value)
-        return getColor2(value, `@${globalTheme}`, config);
+        return getColor3(value, `@${globalTheme}`, config);
       else if (isObj) {
         if (globalTheme)
-          return getColor2(value, `@${globalTheme}`, config);
+          return getColor3(value, `@${globalTheme}`, config);
         else {
           const obj = {};
           for (const mediaName in val) {
             const query = CONFIG22.MEDIA[mediaName.slice(1)];
             const media = `@media screen and ${query}`;
-            obj[media] = getColor2(value, mediaName, config);
+            obj[media] = getColor3(value, mediaName, config);
           }
           return obj;
         }
@@ -2017,16 +2017,16 @@ var require_cjs = __commonJS({
       }
     };
     var setColor = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
-      if ((0, import_utils9.isString)(val) && val.slice(0, 2) === "--")
-        val = getColor2(val.slice(2));
-      if ((0, import_utils9.isArray)(val)) {
+      const CONFIG22 = getActiveConfig3();
+      if ((0, import_utils92.isString)(val) && val.slice(0, 2) === "--")
+        val = getColor3(val.slice(2));
+      if ((0, import_utils92.isArray)(val)) {
         return {
           "@light": setColor(val[0], key, "light"),
           "@dark": setColor(val[1], key, "dark")
         };
       }
-      if ((0, import_utils9.isObject)(val)) {
+      if ((0, import_utils92.isObject)(val)) {
         const obj = {};
         for (const variant in val)
           obj[variant] = setColor(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
@@ -2048,16 +2048,16 @@ var require_cjs = __commonJS({
       };
     };
     var setGradient = (val, key, suffix) => {
-      const CONFIG22 = getActiveConfig2();
-      if ((0, import_utils9.isString)(val) && val.slice(0, 2) === "--")
-        val = getColor2(val.slice(2));
-      if ((0, import_utils9.isArray)(val)) {
+      const CONFIG22 = getActiveConfig3();
+      if ((0, import_utils92.isString)(val) && val.slice(0, 2) === "--")
+        val = getColor3(val.slice(2));
+      if ((0, import_utils92.isArray)(val)) {
         return {
           "@light": setGradient(val[0], key, "light"),
           "@dark": setGradient(val[0], key, "dark")
         };
       }
-      if ((0, import_utils9.isObject)(val)) {
+      if ((0, import_utils92.isObject)(val)) {
         const obj = {};
         for (const variant in val)
           obj[variant] = setGradient(val[variant], key, variant.slice(0, 1) === "@" ? variant.slice(1) : variant);
@@ -2072,7 +2072,7 @@ var require_cjs = __commonJS({
         value: val.value || val
       };
     };
-    var import_utils11 = __toESM2(require_cjs42(), 1);
+    var import_utils112 = __toESM2(require_cjs42(), 1);
     var setThemeValue = (theme) => {
       const value = {};
       const { state, media, helpers, ...rest } = theme;
@@ -2080,7 +2080,7 @@ var require_cjs = __commonJS({
       keys.map((key) => {
         const conditions = ["color", "Color", "background", "border"];
         const isColor = conditions.some((k) => key.includes(k));
-        return value[key] = isColor ? getColor2(theme[key]) : theme[key];
+        return value[key] = isColor ? getColor3(theme[key]) : theme[key];
       });
       return value;
     };
@@ -2090,12 +2090,12 @@ var require_cjs = __commonJS({
       theme.value = setThemeValue(theme);
       return theme.value;
     };
-    var getTheme2 = (value, modifier) => {
-      const CONFIG22 = getActiveConfig2();
+    var getTheme3 = (value, modifier) => {
+      const CONFIG22 = getActiveConfig3();
       if (CONFIG22.useVariable)
-        return getMediaTheme2(value, modifier);
+        return getMediaTheme3(value, modifier);
       const { THEME: THEME2 } = CONFIG22;
-      if ((0, import_utils11.isString)(value)) {
+      if ((0, import_utils112.isString)(value)) {
         const [theme, subtheme] = value.split(" ");
         const isOurTheme = THEME2[theme];
         if (isOurTheme) {
@@ -2104,7 +2104,7 @@ var require_cjs = __commonJS({
           value = [theme, subtheme || modifier];
         }
       }
-      if ((0, import_utils11.isObjectLike)(value) && value[1]) {
+      if ((0, import_utils112.isObjectLike)(value) && value[1]) {
         const themeName = value[0];
         const subThemeName = value[1];
         const { helpers, media, state } = THEME2[themeName];
@@ -2114,11 +2114,11 @@ var require_cjs = __commonJS({
           return getThemeValue(helpers[subThemeName]);
         if (state && state[subThemeName])
           return getThemeValue(state[subThemeName]);
-      } else if ((0, import_utils11.isObject)(value))
+      } else if ((0, import_utils112.isObject)(value))
         return setThemeValue(value);
     };
     var setInverseTheme = (theme, variant, value) => {
-      if ((0, import_utils11.isObject)(variant)) {
+      if ((0, import_utils112.isObject)(variant)) {
         theme.variants.inverse.value = setThemeValue(variant);
       } else if (variant === true) {
         const { color, background } = value;
@@ -2131,9 +2131,9 @@ var require_cjs = __commonJS({
       }
     };
     var setPseudo = (theme, key, variant, themeValue) => {
-      const result = getTheme2(variant);
+      const result = getTheme3(variant);
       themeValue[`&:${key}`] = result;
-      if ((0, import_utils11.isObject)(variant) && !variant.value)
+      if ((0, import_utils112.isObject)(variant) && !variant.value)
         variant.value = result;
     };
     var setSelectors = (theme, value) => {
@@ -2149,9 +2149,9 @@ var require_cjs = __commonJS({
       return theme;
     };
     var setPrefersScheme = (theme, key, variant, themeValue) => {
-      const result = getTheme2(variant);
+      const result = getTheme3(variant);
       themeValue[`@media (prefers-color-scheme: ${key})`] = result;
-      if ((0, import_utils11.isObject)(variant) && !variant.value)
+      if ((0, import_utils112.isObject)(variant) && !variant.value)
         variant.value = result;
     };
     var setMedia = (theme, value) => {
@@ -2170,14 +2170,14 @@ var require_cjs = __commonJS({
       return theme;
     };
     var setHelpers = (theme, value) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { helpers } = theme;
       if (!helpers)
         return;
       const keys = Object.keys(helpers);
       keys.map((key) => {
         const helper = helpers[key];
-        if ((0, import_utils11.isString)(helper))
+        if ((0, import_utils112.isString)(helper))
           helpers[key] = CONFIG22.THEME[helper];
         else
           getThemeValue(helpers[key]);
@@ -2186,7 +2186,7 @@ var require_cjs = __commonJS({
       return theme;
     };
     var setTheme = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       if (CONFIG22.useVariable)
         return setMediaTheme(val, key);
       const { state, media, helpers } = val;
@@ -2198,10 +2198,10 @@ var require_cjs = __commonJS({
       return { var: CSSvar, value, state, media, helpers };
     };
     var setMediaTheme = (val, key, suffix, prefers) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
       const theme = { value: val };
-      if ((0, import_utils11.isObjectLike)(val)) {
+      if ((0, import_utils112.isObjectLike)(val)) {
         for (const param in val) {
           const symb = param.slice(0, 1);
           const value = val[param];
@@ -2209,7 +2209,7 @@ var require_cjs = __commonJS({
             const hasPrefers = symb === "@" && param;
             theme[param] = setMediaTheme(value, key, param, prefers || hasPrefers);
           } else {
-            const color = getColor2(value, prefers);
+            const color = getColor3(value, prefers);
             const metaSuffixes = [...new Set([prefers, suffix].filter((v) => v).map((v) => v.slice(1)))];
             const varmetaSuffixName = metaSuffixes.length ? "-" + metaSuffixes.join("-") : "";
             const CSSVar = `--theme-${key}${varmetaSuffixName}-${param}`;
@@ -2229,20 +2229,20 @@ var require_cjs = __commonJS({
           };
         }
       }
-      if ((0, import_utils11.isString)(val) && val.slice(0, 2) === "--") {
+      if ((0, import_utils112.isString)(val) && val.slice(0, 2) === "--") {
         const { THEME: THEME2 } = CONFIG22;
         const value = THEME2[val.slice(2)];
-        const getReferenced = getMediaTheme2(value, prefers);
+        const getReferenced = getMediaTheme3(value, prefers);
         return getReferenced;
       }
       return theme;
     };
     var recursiveTheme = (val) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const obj = {};
       for (const param in val) {
         const symb = param.slice(0, 1);
-        if ((0, import_utils11.isObjectLike)(val[param])) {
+        if ((0, import_utils112.isObjectLike)(val[param])) {
           if (symb === "@") {
             const query = CONFIG22.MEDIA[param.slice(1)];
             const media = `@media screen and ${query}`;
@@ -2262,23 +2262,23 @@ var require_cjs = __commonJS({
       return val;
     };
     var findModifier = (val, modifier) => {
-      if ((0, import_utils11.isArray)(modifier))
+      if ((0, import_utils112.isArray)(modifier))
         return findModifierFromArray(val, modifier);
-      else if ((0, import_utils11.isString)(modifier) && val[modifier])
+      else if ((0, import_utils112.isString)(modifier) && val[modifier])
         return val[modifier];
       else
         return val;
     };
-    var getMediaTheme2 = (val, mod) => {
-      const CONFIG22 = getActiveConfig2();
-      if ((0, import_utils11.isString)(val) && val.slice(0, 2) === "--")
-        val = getMediaTheme2(val.slice(2));
-      if (!val || !(0, import_utils11.isString)(val)) {
+    var getMediaTheme3 = (val, mod) => {
+      const CONFIG22 = getActiveConfig3();
+      if ((0, import_utils112.isString)(val) && val.slice(0, 2) === "--")
+        val = getMediaTheme3(val.slice(2));
+      if (!val || !(0, import_utils112.isString)(val)) {
         if (CONFIG22.verbose)
           console.warn(val, "- theme is not string");
         return;
       }
-      const [name, ...modifier] = (0, import_utils11.isArray)(val) ? val : val.split(" ");
+      const [name, ...modifier] = (0, import_utils112.isArray)(val) ? val : val.split(" ");
       let value = CONFIG22.THEME[name];
       if (value && (modifier || mod)) {
         value = findModifier(value, modifier.length ? modifier : mod);
@@ -2286,24 +2286,24 @@ var require_cjs = __commonJS({
       const r = recursiveTheme(value);
       return r;
     };
-    var import_utils12 = __toESM2(require_cjs42(), 1);
+    var import_utils122 = __toESM2(require_cjs42(), 1);
     var setFont = (val, key) => {
       const CSSvar = `--font-${key}`;
       const fontFace = val[0] ? getFontFaceEach(key, val) : setCustomFontMedia(key, val.url);
       return { var: CSSvar, value: val, fontFace };
     };
-    var getFontFamily2 = (key, factory) => {
-      const CONFIG22 = getActiveConfig2();
+    var getFontFamily3 = (key, factory) => {
+      const CONFIG22 = getActiveConfig3();
       const { FONT_FAMILY: FONT_FAMILY2 } = CONFIG22;
       return getDefaultOrFirstKey(factory || FONT_FAMILY2, key);
     };
     var setFontFamily = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { FONT_FAMILY: FONT_FAMILY2, FONT_FAMILY_TYPES: FONT_FAMILY_TYPES2 } = CONFIG22;
       let { value, type } = val;
       if (val.isDefault)
         FONT_FAMILY2.default = key;
-      if ((0, import_utils12.isObject)(value))
+      if ((0, import_utils122.isObject)(value))
         value = arrayzeValue(value);
       const CSSvar = `--font-family-${key}`;
       const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
@@ -2311,7 +2311,7 @@ var require_cjs = __commonJS({
     };
     var import_utils15 = __toESM2(require_cjs42(), 1);
     var runThroughMedia = (props6) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG22;
       for (const prop in props6) {
         const mediaProps = props6[prop];
@@ -2341,7 +2341,7 @@ var require_cjs = __commonJS({
       }
     };
     var applyHeadings = (props6) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       if (props6.h1Matches) {
         const unit = props6.unit;
         const HEADINGS = findHeadings(props6);
@@ -2360,15 +2360,15 @@ var require_cjs = __commonJS({
       }
     };
     var applyTypographySequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       generateSequence(TYPOGRAPHY2);
       applyHeadings(TYPOGRAPHY2);
       applySequenceVars(TYPOGRAPHY2);
       runThroughMedia(TYPOGRAPHY2);
     };
-    var getFontSizeByKey2 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+    var getFontSizeByKey3 = (value) => {
+      const CONFIG22 = getActiveConfig3();
       const { TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -2402,21 +2402,21 @@ var require_cjs = __commonJS({
       }
     };
     var applySpacingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { SPACING: SPACING2 } = CONFIG22;
       generateSequence(SPACING2);
       applySequenceVars(SPACING2);
       runThroughMedia2(SPACING2);
     };
     var getSequence = (sequenceProps) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { SPACING: SPACING2 } = CONFIG22;
       if (!sequenceProps)
         return SPACING2;
       const hasGenerated = Object.keys(sequenceProps.sequence).length > 0;
       return hasGenerated ? sequenceProps : generateSequence(sequenceProps);
     };
-    var getSpacingByKey3 = (value, propertyName = "padding", sequenceProps) => {
+    var getSpacingByKey5 = (value, propertyName = "padding", sequenceProps) => {
       const sequence = getSequence(sequenceProps);
       const stack = arrayzeValue(value);
       if (!stack)
@@ -2448,8 +2448,8 @@ var require_cjs = __commonJS({
         sequence
       );
     };
-    var getSpacingBasedOnRatio4 = (props6, propertyName, val) => {
-      const CONFIG22 = getActiveConfig2();
+    var getSpacingBasedOnRatio7 = (props6, propertyName, val) => {
+      const CONFIG22 = getActiveConfig3();
       const { SPACING: SPACING2 } = CONFIG22;
       const { spacingRatio, unit } = props6;
       const value = val || props6[propertyName];
@@ -2474,23 +2474,23 @@ var require_cjs = __commonJS({
           });
         }
         applySequenceVars(sequenceProps, null, { useDefault: false });
-        return getSpacingByKey3(value, propertyName, sequenceProps);
+        return getSpacingByKey5(value, propertyName, sequenceProps);
       }
-      return getSpacingByKey3(value, propertyName);
+      return getSpacingByKey5(value, propertyName);
     };
     var applyTimingSequence = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { TIMING: TIMING2 } = CONFIG22;
       generateSequence(TIMING2);
       applySequenceVars(TIMING2);
     };
-    var getTimingFunction3 = (value) => {
-      const CONFIG22 = getActiveConfig2();
+    var getTimingFunction5 = (value) => {
+      const CONFIG22 = getActiveConfig3();
       const { TIMING: TIMING2 } = CONFIG22;
       return TIMING2[value] || TIMING2[toCamelCase(value)] || value;
     };
-    var getTimingByKey2 = (value, property = "timing") => {
-      const CONFIG22 = getActiveConfig2();
+    var getTimingByKey3 = (value, property = "timing") => {
+      const CONFIG22 = getActiveConfig3();
       const { TIMING: TIMING2 } = CONFIG22;
       return getSequenceValuePropertyPair(
         value,
@@ -2500,7 +2500,7 @@ var require_cjs = __commonJS({
     };
     var import_utils222 = __toESM2(require_cjs42(), 1);
     var applyDocument = () => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
       return (0, import_utils222.merge)(DOCUMENT2, {
         theme: THEME2.document,
@@ -2514,7 +2514,7 @@ var require_cjs = __commonJS({
       document: import_globals2.document
     };
     var setSVG = (val, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       if (!val) {
         if (CONFIG22.verbose)
           console.warn("setSVG: val is not defined", key);
@@ -2526,21 +2526,21 @@ var require_cjs = __commonJS({
       return val;
     };
     var appendSVGSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       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 = getActiveConfig3();
       if (CONFIG22.useIconSprite) {
         return setSVG(val, key);
       }
       return val;
     };
     var appendIconsSprite = (LIBRARY, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const lib = Object.keys(LIBRARY).length ? {} : CONFIG22.ICONS;
       for (const key in LIBRARY)
         lib[key] = CONFIG22.ICONS[key];
@@ -2560,7 +2560,7 @@ var require_cjs = __commonJS({
       return svgElem;
     };
     var appendSVG = (lib, options = DEF_OPTIONS) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const doc = options.document || import_globals2.document;
       if (!doc || !doc.documentElement) {
         if (CONFIG22.verbose) {
@@ -2584,14 +2584,14 @@ var require_cjs = __commonJS({
     };
     var import_utils25 = __toESM2(require_cjs42(), 1);
     var applyReset = (reset = {}) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG22;
       if (RESET2) {
         if (RESET2[":root"]) {
           const configReset = RESET2;
           const configTemplates = TYPOGRAPHY2.templates;
           configReset.body = {
-            ...CONFIG22.useDocumentTheme ? getMediaTheme2("document", `@${CONFIG22.globalTheme}`) : {},
+            ...CONFIG22.useDocumentTheme ? getMediaTheme3("document", `@${CONFIG22.globalTheme}`) : {},
             ...configTemplates.body
           };
           configReset.h1 = configTemplates.h1;
@@ -2602,7 +2602,7 @@ var require_cjs = __commonJS({
           configReset.h6 = configTemplates.h6;
         }
         const { body, ...templates } = TYPOGRAPHY2.templates;
-        const globalTheme = CONFIG22.useDocumentTheme ? getMediaTheme2("document", `@${CONFIG22.globalTheme}`) : {};
+        const globalTheme = CONFIG22.useDocumentTheme ? getMediaTheme3("document", `@${CONFIG22.globalTheme}`) : {};
         if (RESET2.html)
           (0, import_utils25.overwriteDeep)(RESET2.html, globalTheme);
         return (0, import_utils25.deepMerge)((0, import_utils25.merge)(RESET2, reset), {
@@ -2656,7 +2656,7 @@ var require_cjs = __commonJS({
       "outset",
       "initial"
     ].some((v) => str.includes(v));
-    var transformBorder2 = (border) => {
+    var transformBorder3 = (border) => {
       const arr = border.split(", ");
       return arr.map((v) => {
         v = v.trim();
@@ -2666,39 +2666,39 @@ var require_cjs = __commonJS({
           return v || "solid";
         else if (v.slice(-2) === "px" || v.slice(-2) === "em")
           return v;
-        else if (getColor2(v).length > 2)
-          return getColor2(v);
-        return getSpacingByKey3(v, "border").border;
+        else if (getColor3(v).length > 2)
+          return getColor3(v);
+        return getSpacingByKey5(v, "border").border;
       }).join(" ");
     };
-    var transformTextStroke2 = (stroke) => {
+    var transformTextStroke3 = (stroke) => {
       return stroke.split(", ").map((v) => {
         if (v.slice(0, 2) === "--")
           return `var(${v})`;
         if (v.includes("px"))
           return v;
-        else if (getColor2(v))
-          return getColor2(v);
+        else if (getColor3(v))
+          return getColor3(v);
         return v;
       }).join(" ");
     };
-    var transformShadow2 = (shadows) => shadows.split("|").map((shadow) => {
+    var transformShadow3 = (shadows) => shadows.split("|").map((shadow) => {
       return shadow.split(", ").map((v) => {
         v = v.trim();
         if (v.slice(0, 2) === "--")
           return `var(${v})`;
-        if (getColor2(v).length > 2)
-          return getColor2(v);
+        if (getColor3(v).length > 2)
+          return getColor3(v);
         if (v.includes("px") || v.slice(-2) === "em")
           return v;
         const arr = v.split(" ");
         if (!arr.length)
           return v;
-        return arr.map((v2) => getSpacingByKey3(v2, "shadow").shadow).join(" ");
+        return arr.map((v2) => getSpacingByKey5(v2, "shadow").shadow).join(" ");
       }).join(" ");
     }).join(",");
-    var transformBackgroundImage2 = (backgroundImage, globalTheme) => {
-      const CONFIG22 = getActiveConfig2();
+    var transformBackgroundImage3 = (backgroundImage, globalTheme) => {
+      const CONFIG22 = getActiveConfig3();
       return backgroundImage.split(", ").map((v) => {
         if (v.slice(0, 2) === "--")
           return `var(${v})`;
@@ -2706,14 +2706,14 @@ var require_cjs = __commonJS({
           return v;
         else if (CONFIG22.GRADIENT[backgroundImage]) {
           return {
-            backgroundImage: getMediaColor3(backgroundImage, globalTheme || CONFIG22.globalTheme)
+            backgroundImage: getMediaColor5(backgroundImage, globalTheme || CONFIG22.globalTheme)
           };
         } else if (v.includes("/") || v.includes("http"))
           return `url(${v})`;
         return v;
       }).join(" ");
     };
-    var transfromGap2 = (gap) => (0, import_utils26.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey3(v, "gap").gap).join(" ");
+    var transfromGap3 = (gap) => (0, import_utils26.isString)(gap) && gap.split(" ").map((v) => getSpacingByKey5(v, "gap").gap).join(" ");
     var transformTransition = (transition) => {
       const arr = transition.split(" ");
       if (!arr.length)
@@ -2722,20 +2722,20 @@ var require_cjs = __commonJS({
         if (v.slice(0, 2) === "--")
           return `var(${v})`;
         if (v.length < 3 || v.includes("ms")) {
-          const mapWithSequence = getTimingByKey2(v);
+          const mapWithSequence = getTimingByKey3(v);
           return mapWithSequence.timing || v;
         }
-        if (getTimingFunction3(v))
-          return getTimingFunction3(v);
+        if (getTimingFunction5(v))
+          return getTimingFunction5(v);
         return v;
       }).join(" ");
     };
-    var transformDuration2 = (duration, props6, propertyName) => {
+    var transformDuration3 = (duration, props6, propertyName) => {
       if (!(0, import_utils26.isString)(duration))
         return;
-      return duration.split(",").map((v) => getTimingByKey2(v).timing || v).join(",");
+      return duration.split(",").map((v) => getTimingByKey3(v).timing || v).join(",");
     };
-    var splitTransition2 = (transition) => {
+    var splitTransition3 = (transition) => {
       const arr = transition.split(",");
       if (!arr.length)
         return;
@@ -2767,7 +2767,7 @@ var require_cjs = __commonJS({
       animation: setSameValue
     };
     var setValue = (FACTORY_NAME, value, key) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const factoryName = FACTORY_NAME.toLowerCase();
       const FACTORY2 = CONFIG22[FACTORY_NAME];
       if (VALUE_TRANSFORMERS[factoryName]) {
@@ -2779,7 +2779,7 @@ var require_cjs = __commonJS({
         console.warn("Can not find", factoryName, "method in scratch");
     };
     var setEach = (factoryName, props6) => {
-      const CONFIG22 = getActiveConfig2();
+      const CONFIG22 = getActiveConfig3();
       const FACTORY_NAME = factoryName.toUpperCase();
       const keys = Object.keys(props6);
       keys.map((key) => setValue(FACTORY_NAME, props6[key], key));
@@ -2787,7 +2787,7 @@ var require_cjs = __commonJS({
     };
     var SET_OPTIONS = {};
     var set2 = (recivedConfig, options = SET_OPTIONS) => {
-      let CONFIG22 = getActiveConfig2();
+      let CONFIG22 = getActiveConfig3();
       const {
         version,
         verbose,
@@ -3159,16 +3159,16 @@ var require_types = __commonJS({
     __export2(types_exports, {
       TYPES: () => TYPES,
       is: () => is,
-      isArray: () => isArray3,
+      isArray: () => isArray5,
       isBoolean: () => isBoolean,
       isDefined: () => isDefined,
       isFunction: () => isFunction3,
-      isNot: () => isNot2,
+      isNot: () => isNot3,
       isNull: () => isNull,
       isNumber: () => isNumber,
-      isObject: () => isObject3,
-      isObjectLike: () => isObjectLike2,
-      isString: () => isString3,
+      isObject: () => isObject5,
+      isObjectLike: () => isObjectLike3,
+      isString: () => isString5,
       isUndefined: () => isUndefined,
       isValidHtmlTag: () => isValidHtmlTag
     });
@@ -3176,37 +3176,37 @@ var require_types = __commonJS({
     var import_tags = require_cjs3();
     var import_node = require_node();
     var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
-    var isObject3 = (arg) => {
+    var isObject5 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object" && arg.constructor === Object;
     };
-    var isString3 = (arg) => typeof arg === "string";
+    var isString5 = (arg) => typeof arg === "string";
     var isNumber = (arg) => typeof arg === "number";
     var isFunction3 = (arg) => typeof arg === "function";
     var isBoolean = (arg) => arg === true || arg === false;
     var isNull = (arg) => arg === null;
-    var isArray3 = (arg) => Array.isArray(arg);
-    var isObjectLike2 = (arg) => {
+    var isArray5 = (arg) => Array.isArray(arg);
+    var isObjectLike3 = (arg) => {
       if (arg === null)
         return false;
       return typeof arg === "object";
     };
     var isDefined = (arg) => {
-      return isObject3(arg) || isObjectLike2(arg) || isString3(arg) || isNumber(arg) || isFunction3(arg) || isArray3(arg) || isObjectLike2(arg) || isBoolean(arg) || isNull(arg);
+      return isObject5(arg) || isObjectLike3(arg) || isString5(arg) || isNumber(arg) || isFunction3(arg) || isArray5(arg) || isObjectLike3(arg) || isBoolean(arg) || isNull(arg);
     };
     var isUndefined = (arg) => {
       return arg === void 0;
     };
     var TYPES = {
       boolean: isBoolean,
-      array: isArray3,
-      object: isObject3,
-      string: isString3,
+      array: isArray5,
+      object: isObject5,
+      string: isString5,
       number: isNumber,
       null: isNull,
       function: isFunction3,
-      objectLike: isObjectLike2,
+      objectLike: isObjectLike3,
       node: import_node.isNode,
       htmlElement: import_node.isHtmlElement,
       defined: isDefined
@@ -3216,7 +3216,7 @@ var require_types = __commonJS({
         return args.map((val) => TYPES[val](arg)).filter((v) => v).length > 0;
       };
     };
-    var isNot2 = (arg) => {
+    var isNot3 = (arg) => {
       return (...args) => {
         return args.map((val) => TYPES[val](arg)).filter((v) => v).length === 0;
       };
@@ -3384,26 +3384,26 @@ var require_object = __commonJS({
     var object_exports = {};
     __export2(object_exports, {
       clone: () => clone,
-      deepClone: () => deepClone2,
+      deepClone: () => deepClone3,
       deepCloneExclude: () => deepCloneExclude,
       deepDestringify: () => deepDestringify,
       deepMerge: () => deepMerge,
       deepStringify: () => deepStringify,
       detachFunctionsFromObject: () => detachFunctionsFromObject,
-      diff: () => diff2,
+      diff: () => diff3,
       diffArrays: () => diffArrays,
       diffObjects: () => diffObjects,
-      exec: () => exec2,
+      exec: () => exec3,
       flattenRecursive: () => flattenRecursive,
       isEqualDeep: () => isEqualDeep,
       map: () => map,
-      merge: () => merge3,
+      merge: () => merge4,
       mergeArrayExclude: () => mergeArrayExclude,
       mergeIfExisted: () => mergeIfExisted,
       objectToString: () => objectToString,
       overwrite: () => overwrite,
       overwriteDeep: () => overwriteDeep,
-      overwriteShallow: () => overwriteShallow2,
+      overwriteShallow: () => overwriteShallow3,
       removeFromObject: () => removeFromObject,
       stringToObject: () => stringToObject
     });
@@ -3412,7 +3412,7 @@ var require_object = __commonJS({
     var import_types = require_types();
     var import_array = require_array();
     var import_string = require_string();
-    var exec2 = (param, element, state, context) => {
+    var exec3 = (param, element, state, context) => {
       if ((0, import_types.isFunction)(param)) {
         return param(
           element,
@@ -3424,10 +3424,10 @@ var require_object = __commonJS({
     };
     var map = (obj, extention, element) => {
       for (const e in extention) {
-        obj[e] = exec2(extention[e], element);
+        obj[e] = exec3(extention[e], element);
       }
     };
-    var merge3 = (element, obj, excludeFrom = []) => {
+    var merge4 = (element, obj, excludeFrom = []) => {
       for (const e in obj) {
         if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
@@ -3486,7 +3486,7 @@ var require_object = __commonJS({
     var mergeArrayExclude = (arr, excl = []) => {
       return arr.reduce((acc, curr) => deepMerge(acc, deepCloneExclude(curr, excl)), {});
     };
-    var deepClone2 = (obj, excludeFrom = []) => {
+    var deepClone3 = (obj, excludeFrom = []) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
         if (excludeFrom.includes(prop) || prop.startsWith("__"))
@@ -3496,7 +3496,7 @@ var require_object = __commonJS({
           objProp = (0, import_array.mergeArray)(objProp);
         }
         if ((0, import_types.isObjectLike)(objProp)) {
-          o[prop] = deepClone2(objProp, excludeFrom);
+          o[prop] = deepClone3(objProp, excludeFrom);
         } else
           o[prop] = objProp;
       }
@@ -3650,7 +3650,7 @@ var require_object = __commonJS({
         const objToDiffProp = objToDiff[e];
         if ((0, import_types.isObject)(originalProp) && (0, import_types.isObject)(objToDiffProp)) {
           cache[e] = {};
-          diff2(originalProp, objToDiffProp, cache[e]);
+          diff3(originalProp, objToDiffProp, cache[e]);
         } else if (objToDiffProp !== void 0) {
           cache[e] = objToDiffProp;
         }
@@ -3663,7 +3663,7 @@ var require_object = __commonJS({
       } else {
         const diffArr = [];
         for (let i = 0; i < original.length; i++) {
-          const diffObj = diff2(original[i], objToDiff[i]);
+          const diffObj = diff3(original[i], objToDiff[i]);
           if (Object.keys(diffObj).length > 0) {
             diffArr.push(diffObj);
           }
@@ -3674,7 +3674,7 @@ var require_object = __commonJS({
       }
       return cache;
     };
-    var diff2 = (original, objToDiff, cache = {}) => {
+    var diff3 = (original, objToDiff, cache = {}) => {
       if ((0, import_types.isArray)(original) && (0, import_types.isArray)(objToDiff)) {
         cache = [];
         diffArrays(original, objToDiff, cache);
@@ -3698,7 +3698,7 @@ var require_object = __commonJS({
       }
       return changes;
     };
-    var overwriteShallow2 = (obj, params, excludeFrom = []) => {
+    var overwriteShallow3 = (obj, params, excludeFrom = []) => {
       for (const e in params) {
         if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
@@ -3972,12 +3972,12 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils8 = require_cjs5();
+    var import_utils12 = require_cjs5();
     var applyEvent = (param, element, state, context, options) => {
       return param(element, state || element.state, context || element.context, options);
     };
     var triggerEventOn = (param, element, options) => {
-      if (element.on && (0, import_utils8.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils12.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEvent(element.on[param], element, state, context, options);
       }
@@ -3986,7 +3986,7 @@ var require_on = __commonJS({
       return param(updatedObj, element, state || element.state, context || element.context, options);
     };
     var triggerEventOnUpdate = (param, updatedObj, element, options) => {
-      if (element.on && (0, import_utils8.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils12.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEventUpdate(element.on[param], updatedObj, element, state, context, options);
       }
@@ -3997,7 +3997,7 @@ var require_on = __commonJS({
         if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "initStateUpdated" || param === "stateUpdated" || param === "initUpdate" || param === "update")
           continue;
         const appliedFunction = element.on[param];
-        if ((0, import_utils8.isFunction)(appliedFunction)) {
+        if ((0, import_utils12.isFunction)(appliedFunction)) {
           const { state, context } = element;
           node2.addEventListener(param, (event) => appliedFunction(event, element, state, context));
         }
@@ -4130,10 +4130,10 @@ var require_can = __commonJS({
     });
     module2.exports = __toCommonJS2(can_exports);
     var import_report = require_cjs6();
-    var import_utils8 = require_cjs5();
+    var import_utils12 = require_cjs5();
     var canRender = (element) => {
       const tag = element.tag || "div";
-      return (0, import_utils8.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils12.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
@@ -4198,11 +4198,11 @@ var require_methods = __commonJS({
       toggle: () => toggle
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils8 = require_cjs5();
+    var import_utils12 = require_cjs5();
     var import_ignore = require_ignore();
     var parse2 = function() {
       const state = this;
-      if ((0, import_utils8.isObject)(state)) {
+      if ((0, import_utils12.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -4210,7 +4210,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils8.isArray)(state)) {
+      } else if ((0, import_utils12.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -4230,7 +4230,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils8.isString)(stateKey)) {
+      if ((0, import_utils12.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -4265,10 +4265,10 @@ var require_methods = __commonJS({
     };
     var add = function(value, options = {}) {
       const state = this;
-      if ((0, import_utils8.isArray)(state)) {
+      if ((0, import_utils12.isArray)(state)) {
         state.push(value);
         state.update(state.parse(), { overwrite: "replace", ...options });
-      } else if ((0, import_utils8.isObject)(state)) {
+      } else if ((0, import_utils12.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value }, options);
       }
@@ -4279,10 +4279,10 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils8.isArray)(state))
-        (0, import_utils8.removeFromArray)(state, key);
-      if ((0, import_utils8.isObject)(state))
-        (0, import_utils8.removeFromObject)(state, key);
+      if ((0, import_utils12.isArray)(state))
+        (0, import_utils12.removeFromArray)(state, key);
+      if ((0, import_utils12.isObject)(state))
+        (0, import_utils12.removeFromObject)(state, key);
       return state.update(state.parse(), { replace: true, ...options });
     };
     var set2 = function(value, options = {}) {
@@ -4291,7 +4291,7 @@ var require_methods = __commonJS({
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils8.isFunction)(func)) {
+      if ((0, import_utils12.isFunction)(func)) {
         func(state);
         return state.update(state, { replace: true, ...options });
       }
@@ -4326,12 +4326,12 @@ var require_inherit = __commonJS({
       createChangesByKey: () => createChangesByKey,
       createInheritedState: () => createInheritedState,
       findInheritedState: () => findInheritedState,
-      getChildStateInKey: () => getChildStateInKey2,
+      getChildStateInKey: () => getChildStateInKey3,
       getParentStateInKey: () => getParentStateInKey,
-      isState: () => isState2
+      isState: () => isState3
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils8 = require_cjs5();
+    var import_utils12 = require_cjs5();
     var import_ignore = require_ignore();
     var getParentStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("../"))
@@ -4345,7 +4345,7 @@ var require_inherit = __commonJS({
       }
       return parentState;
     };
-    var getChildStateInKey2 = (stateKey, parentState, options = {}) => {
+    var getChildStateInKey3 = (stateKey, parentState, options = {}) => {
       const arr = stateKey.split("/");
       const arrLength = arr.length - 1;
       for (let i = 0; i < arrLength; i++) {
@@ -4375,16 +4375,16 @@ var require_inherit = __commonJS({
       }
       if (!parentState)
         return;
-      return getChildStateInKey2(stateKey, parentState, options);
+      return getChildStateInKey3(stateKey, parentState, options);
     };
     var createInheritedState = (element, parent) => {
       const ref = element.__ref;
       const inheritedState = findInheritedState(element, parent);
       if (!inheritedState)
         return element.state;
-      if ((0, import_utils8.is)(inheritedState)("object", "array")) {
-        return (0, import_utils8.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils8.is)(inheritedState)("string", "number")) {
+      if ((0, import_utils12.is)(inheritedState)("object", "array")) {
+        return (0, import_utils12.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
+      } else if ((0, import_utils12.is)(inheritedState)("string", "number")) {
         ref.__stateType = "string";
         return { value: inheritedState };
       }
@@ -4393,15 +4393,15 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (!stateKey || (0, import_utils8.isNot)(stateKey)("number", "string"))
+      if (!stateKey || (0, import_utils12.isNot)(stateKey)("number", "string"))
         return false;
       return true;
     };
-    var isState2 = function(state) {
-      if (!(0, import_utils8.isObjectLike)(state))
+    var isState3 = function(state) {
+      if (!(0, import_utils12.isObjectLike)(state))
         return false;
       const keys = Object.keys(state);
-      return (0, import_utils8.arrayContainsOtherArray)(keys, ["update", "parse", "clean", "create", "parent", "rootUpdate"]);
+      return (0, import_utils12.arrayContainsOtherArray)(keys, ["update", "parse", "clean", "create", "parent", "rootUpdate"]);
     };
     var createChangesByKey = (path, value) => {
       if (!path) {
@@ -4448,7 +4448,7 @@ var require_updateState = __commonJS({
     var import_report = require_cjs6();
     var import_event = require_cjs7();
     var import_ignore = require_ignore();
-    var import_utils8 = require_cjs5();
+    var import_utils12 = require_cjs5();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -4462,7 +4462,7 @@ var require_updateState = __commonJS({
       const state = this;
       const element = state.__element;
       if (!options.updateByState)
-        (0, import_utils8.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils12.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -4492,10 +4492,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils8.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils12.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils8.overwriteShallow : import_utils8.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils12.overwriteShallow : import_utils12.overwriteDeep;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     };
     var hoistStateUpdate = (state, obj, options) => {
@@ -4585,7 +4585,7 @@ var require_createState = __commonJS({
     });
     module2.exports = __toCommonJS2(createState_exports);
     var import_event = require_cjs7();
-    var import_utils8 = require_cjs5();
+    var import_utils12 = require_cjs5();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -4596,7 +4596,7 @@ var require_createState = __commonJS({
       if (objectizeState === false)
         return parent.state || {};
       else
-        element.state = (0, import_utils8.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
+        element.state = (0, import_utils12.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
       const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
       if (whatInitReturns === false)
         return element.state;
@@ -4622,18 +4622,18 @@ var require_createState = __commonJS({
       const { __ref: ref } = state;
       if (!ref)
         return;
-      const dependentState = (0, import_utils8.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils12.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      ref.__depends = (0, import_utils8.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
+      ref.__depends = (0, import_utils12.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
       return dependentState;
     };
     var checkForTypes = (element) => {
       const { state, __ref: ref } = element;
-      if ((0, import_utils8.isFunction)(state)) {
+      if ((0, import_utils12.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils8.exec)(state, element);
+        return (0, import_utils12.exec)(state, element);
       }
-      if ((0, import_utils8.is)(state)("string", "number")) {
+      if ((0, import_utils12.is)(state)("string", "number")) {
         ref.__state = state;
         return {};
       }
@@ -4714,10 +4714,10 @@ var require_moment = __commonJS({
       function setHookCallback(callback) {
         hookCallback = callback;
       }
-      function isArray3(input) {
+      function isArray5(input) {
         return input instanceof Array || Object.prototype.toString.call(input) === "[object Array]";
       }
-      function isObject3(input) {
+      function isObject5(input) {
         return input != null && Object.prototype.toString.call(input) === "[object Object]";
       }
       function hasOwnProp(a, b) {
@@ -4965,7 +4965,7 @@ var require_moment = __commonJS({
         var res = extend({}, parentConfig), prop;
         for (prop in childConfig) {
           if (hasOwnProp(childConfig, prop)) {
-            if (isObject3(parentConfig[prop]) && isObject3(childConfig[prop])) {
+            if (isObject5(parentConfig[prop]) && isObject5(childConfig[prop])) {
               res[prop] = {};
               extend(res[prop], parentConfig[prop]);
               extend(res[prop], childConfig[prop]);
@@ -4977,7 +4977,7 @@ var require_moment = __commonJS({
           }
         }
         for (prop in parentConfig) {
-          if (hasOwnProp(parentConfig, prop) && !hasOwnProp(childConfig, prop) && isObject3(parentConfig[prop])) {
+          if (hasOwnProp(parentConfig, prop) && !hasOwnProp(childConfig, prop) && isObject5(parentConfig[prop])) {
             res[prop] = extend({}, res[prop]);
           }
         }
@@ -5141,8 +5141,8 @@ var require_moment = __commonJS({
         var output = this._relativeTime[string];
         return isFunction3(output) ? output(number, withoutSuffix, string, isFuture) : output.replace(/%d/i, number);
       }
-      function pastFuture(diff3, output) {
-        var format2 = this._relativeTime[diff3 > 0 ? "future" : "past"];
+      function pastFuture(diff4, output) {
+        var format2 = this._relativeTime[diff4 > 0 ? "future" : "past"];
         return isFunction3(format2) ? format2(output) : format2.replace(/%s/i, output);
       }
       var aliases = {};
@@ -5362,15 +5362,15 @@ var require_moment = __commonJS({
       ), defaultLocaleMonthsShort = "Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"), MONTHS_IN_FORMAT = /D[oD]?(\[[^\[\]]*\]|\s)+MMMM?/, defaultMonthsShortRegex = matchWord, defaultMonthsRegex = matchWord;
       function localeMonths(m, format2) {
         if (!m) {
-          return isArray3(this._months) ? this._months : this._months["standalone"];
+          return isArray5(this._months) ? this._months : this._months["standalone"];
         }
-        return isArray3(this._months) ? this._months[m.month()] : this._months[(this._months.isFormat || MONTHS_IN_FORMAT).test(format2) ? "format" : "standalone"][m.month()];
+        return isArray5(this._months) ? this._months[m.month()] : this._months[(this._months.isFormat || MONTHS_IN_FORMAT).test(format2) ? "format" : "standalone"][m.month()];
       }
       function localeMonthsShort(m, format2) {
         if (!m) {
-          return isArray3(this._monthsShort) ? this._monthsShort : this._monthsShort["standalone"];
+          return isArray5(this._monthsShort) ? this._monthsShort : this._monthsShort["standalone"];
         }
-        return isArray3(this._monthsShort) ? this._monthsShort[m.month()] : this._monthsShort[MONTHS_IN_FORMAT.test(format2) ? "format" : "standalone"][m.month()];
+        return isArray5(this._monthsShort) ? this._monthsShort[m.month()] : this._monthsShort[MONTHS_IN_FORMAT.test(format2) ? "format" : "standalone"][m.month()];
       }
       function handleStrictParse(monthName, format2, strict) {
         var i, ii, mom, llc = monthName.toLocaleLowerCase();
@@ -5755,7 +5755,7 @@ var require_moment = __commonJS({
       }
       var defaultLocaleWeekdays = "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), defaultLocaleWeekdaysShort = "Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"), defaultLocaleWeekdaysMin = "Su_Mo_Tu_We_Th_Fr_Sa".split("_"), defaultWeekdaysRegex = matchWord, defaultWeekdaysShortRegex = matchWord, defaultWeekdaysMinRegex = matchWord;
       function localeWeekdays(m, format2) {
-        var weekdays = isArray3(this._weekdays) ? this._weekdays : this._weekdays[m && m !== true && this._weekdays.isFormat.test(format2) ? "format" : "standalone"];
+        var weekdays = isArray5(this._weekdays) ? this._weekdays : this._weekdays[m && m !== true && this._weekdays.isFormat.test(format2) ? "format" : "standalone"];
         return m === true ? shiftWeekdays(weekdays, this._week.dow) : m ? weekdays[m.day()] : weekdays;
       }
       function localeWeekdaysShort(m) {
@@ -6257,7 +6257,7 @@ var require_moment = __commonJS({
         if (!key) {
           return globalLocale;
         }
-        if (!isArray3(key)) {
+        if (!isArray5(key)) {
           locale2 = loadLocale(key);
           if (locale2) {
             return locale2;
@@ -6735,7 +6735,7 @@ var require_moment = __commonJS({
           return new Moment(checkOverflow(input));
         } else if (isDate(input)) {
           config._d = input;
-        } else if (isArray3(format2)) {
+        } else if (isArray5(format2)) {
           configFromStringAndArray(config);
         } else if (format2) {
           configFromStringAndFormat(config);
@@ -6755,12 +6755,12 @@ var require_moment = __commonJS({
           config._d = new Date(input.valueOf());
         } else if (typeof input === "string") {
           configFromString(config);
-        } else if (isArray3(input)) {
+        } else if (isArray5(input)) {
           config._a = map(input.slice(0), function(obj) {
             return parseInt(obj, 10);
           });
           configFromArray(config);
-        } else if (isObject3(input)) {
+        } else if (isObject5(input)) {
           configFromObject(config);
         } else if (isNumber(input)) {
           config._d = new Date(input);
@@ -6778,7 +6778,7 @@ var require_moment = __commonJS({
           strict = locale2;
           locale2 = void 0;
         }
-        if (isObject3(input) && isObjectEmpty(input) || isArray3(input) && input.length === 0) {
+        if (isObject5(input) && isObjectEmpty(input) || isArray5(input) && input.length === 0) {
           input = void 0;
         }
         c._isAMomentObject = true;
@@ -6815,7 +6815,7 @@ var require_moment = __commonJS({
       );
       function pickBy(fn, moments) {
         var res, i;
-        if (moments.length === 1 && isArray3(moments[0])) {
+        if (moments.length === 1 && isArray5(moments[0])) {
           moments = moments[0];
         }
         if (!moments.length) {
@@ -6937,11 +6937,11 @@ var require_moment = __commonJS({
         return minutes2 === 0 ? 0 : parts[0] === "+" ? minutes2 : -minutes2;
       }
       function cloneWithOffset(input, model) {
-        var res, diff3;
+        var res, diff4;
         if (model._isUTC) {
           res = model.clone();
-          diff3 = (isMoment(input) || isDate(input) ? input.valueOf() : createLocal(input).valueOf()) - res.valueOf();
-          res._d.setTime(res._d.valueOf() + diff3);
+          diff4 = (isMoment(input) || isDate(input) ? input.valueOf() : createLocal(input).valueOf()) - res.valueOf();
+          res._d.setTime(res._d.valueOf() + diff4);
           hooks.updateOffset(res, false);
           return res;
         } else {
@@ -7190,14 +7190,14 @@ var require_moment = __commonJS({
         }
       }
       var add = createAdder(1, "add"), subtract = createAdder(-1, "subtract");
-      function isString3(input) {
+      function isString5(input) {
         return typeof input === "string" || input instanceof String;
       }
       function isMomentInput(input) {
-        return isMoment(input) || isDate(input) || isString3(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
+        return isMoment(input) || isDate(input) || isString5(input) || isNumber(input) || isNumberOrStringArray(input) || isMomentInputObject(input) || input === null || input === void 0;
       }
       function isMomentInputObject(input) {
-        var objectTest = isObject3(input) && !isObjectEmpty(input), propertyTest = false, properties = [
+        var objectTest = isObject5(input) && !isObjectEmpty(input), propertyTest = false, properties = [
           "years",
           "year",
           "y",
@@ -7230,16 +7230,16 @@ var require_moment = __commonJS({
         return objectTest && propertyTest;
       }
       function isNumberOrStringArray(input) {
-        var arrayTest = isArray3(input), dataTypeTest = false;
+        var arrayTest = isArray5(input), dataTypeTest = false;
         if (arrayTest) {
           dataTypeTest = input.filter(function(item) {
-            return !isNumber(item) && isString3(input);
+            return !isNumber(item) && isString5(input);
           }).length === 0;
         }
         return arrayTest && dataTypeTest;
       }
       function isCalendarSpec(input) {
-        var objectTest = isObject3(input) && !isObjectEmpty(input), propertyTest = false, properties = [
+        var objectTest = isObject5(input) && !isObjectEmpty(input), propertyTest = false, properties = [
           "sameDay",
           "nextDay",
           "lastDay",
@@ -7254,8 +7254,8 @@ var require_moment = __commonJS({
         return objectTest && propertyTest;
       }
       function getCalendarFormat(myMoment, now2) {
-        var diff3 = myMoment.diff(now2, "days", true);
-        return diff3 < -6 ? "sameElse" : diff3 < -1 ? "lastWeek" : diff3 < 0 ? "lastDay" : diff3 < 1 ? "sameDay" : diff3 < 2 ? "nextDay" : diff3 < 7 ? "nextWeek" : "sameElse";
+        var diff4 = myMoment.diff(now2, "days", true);
+        return diff4 < -6 ? "sameElse" : diff4 < -1 ? "lastWeek" : diff4 < 0 ? "lastDay" : diff4 < 1 ? "sameDay" : diff4 < 2 ? "nextDay" : diff4 < 7 ? "nextWeek" : "sameElse";
       }
       function calendar$1(time, formats) {
         if (arguments.length === 1) {
@@ -7329,7 +7329,7 @@ var require_moment = __commonJS({
       function isSameOrBefore(input, units) {
         return this.isSame(input, units) || this.isBefore(input, units);
       }
-      function diff2(input, units, asFloat) {
+      function diff3(input, units, asFloat) {
         var that, zoneDelta, output;
         if (!this.isValid()) {
           return NaN;
@@ -8061,7 +8061,7 @@ var require_moment = __commonJS({
       proto.add = add;
       proto.calendar = calendar$1;
       proto.clone = clone;
-      proto.diff = diff2;
+      proto.diff = diff3;
       proto.endOf = endOf;
       proto.format = format;
       proto.from = from2;
@@ -9036,8 +9036,8 @@ __export(domql_exports, {
   Headline: () => Headline,
   Hoverable: () => Hoverable,
   Hr: () => Hr,
-  Icon: () => Icon,
-  IconText: () => IconText,
+  Icon: () => Icon2,
+  IconText: () => IconText2,
   Iframe: () => Iframe,
   Img: () => Img,
   Input: () => Input2,
@@ -9100,7 +9100,7 @@ __export(domql_exports, {
 });
 module.exports = __toCommonJS(domql_exports);
 
-// node_modules/@symbo.ls/atoms/Block.js
+// Atoms/Block.js
 var import_scratch = __toESM(require_cjs());
 var Block = {
   class: {
@@ -9254,7 +9254,7 @@ var List = {
   childExtend: { tag: "li" }
 };
 
-// node_modules/@symbo.ls/atoms/Direction.js
+// Atoms/Direction.js
 var Direction = {
   props: {
     direction: "ltr"
@@ -9264,7 +9264,7 @@ var Direction = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Flex.js
+// Atoms/Flex.js
 var Flex = {
   props: {
     display: "flex"
@@ -9281,7 +9281,7 @@ var Flex = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Grid.js
+// Atoms/Grid.js
 var import_scratch2 = __toESM(require_cjs());
 var Grid = {
   props: { display: "grid" },
@@ -9305,7 +9305,7 @@ var Grid = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Img.js
+// Atoms/Img.js
 var Img = {
   tag: "img",
   props: {
@@ -9320,7 +9320,7 @@ var Img = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Form.js
+// Atoms/Form.js
 var Form = {
   tag: "form",
   props: {},
@@ -9331,16 +9331,16 @@ var Form = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Media.js
+// Atoms/Media.js
 var import_utils = __toESM(require_cjs5());
 
-// node_modules/@symbo.ls/atoms/Theme.js
+// Atoms/Theme.js
 var import_scratch5 = __toESM(require_cjs());
 
-// node_modules/@symbo.ls/atoms/Shape/style.js
+// Atoms/Shape/style.js
 var import_scratch4 = __toESM(require_cjs());
 
-// node_modules/@symbo.ls/atoms/Timing.js
+// Atoms/Timing.js
 var import_scratch3 = __toESM(require_cjs());
 var Timing = {
   class: {
@@ -9366,7 +9366,7 @@ var Timing = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Shape/style.js
+// Atoms/Shape/style.js
 var CONFIG = (0, import_scratch4.getActiveConfig)();
 var depth = {
   4: { boxShadow: `rgba(0,0,0,.10) 0 2${CONFIG.UNIT.default} 4${CONFIG.UNIT.default}` },
@@ -9380,8 +9380,8 @@ var getComputedBackgroundColor = ({ props: props6 }) => {
   return (0, import_scratch4.getColor)(props6.shapeDirectionColor) || (0, import_scratch4.getColor)(props6.borderColor) || (0, import_scratch4.getColor)(props6.backgroundColor) || (0, import_scratch4.getColor)(props6.background);
 };
 var inheritTransition = ({ props: props6 }) => {
-  const exec2 = Timing.class.transition({ props: props6 });
-  return exec2 && exec2.transition;
+  const exec3 = Timing.class.transition({ props: props6 });
+  return exec3 && exec3.transition;
 };
 var SHAPES = {
   rectangle: {},
@@ -9557,7 +9557,7 @@ var SHAPES = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Theme.js
+// Atoms/Theme.js
 var getSystemTheme = ({ context, state }) => {
   const rootState = state && state.__root;
   return rootState ? rootState.globalTheme : context.designSystem && context.designSystem.globalTheme;
@@ -9662,7 +9662,7 @@ var Theme = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Media.js
+// Atoms/Media.js
 var keySetters = {
   "@": (key, props6, result, element, isSubtree) => applyMediaProps(
     key,
@@ -9840,7 +9840,7 @@ var Media = {
   on: { beforeClassAssign }
 };
 
-// node_modules/@symbo.ls/atoms/Iframe.js
+// Atoms/Iframe.js
 var Iframe = {
   tag: "iframe",
   props: {
@@ -9856,7 +9856,7 @@ var Iframe = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Interaction.js
+// Atoms/Interaction.js
 var Interaction = {
   class: {
     userSelect: ({ props: props6 }) => props6.userSelect && { userSelect: props6.userSelect },
@@ -9865,7 +9865,7 @@ var Interaction = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/InteractiveComponent.js
+// Atoms/InteractiveComponent.js
 var style = {
   appearance: "none",
   border: "none",
@@ -9936,14 +9936,14 @@ var FocusableComponent = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Overflow.js
+// Atoms/Overflow.js
 var Overflow = {
   class: {
     overflow: ({ props: props6 }) => props6.overflow && { overflow: props6.overflow }
   }
 };
 
-// node_modules/@symbo.ls/atoms/Collection.js
+// Atoms/Collection.js
 var import_state = __toESM(require_cjs8());
 var import_utils2 = __toESM(require_cjs5());
 var Collection = {
@@ -10020,7 +10020,7 @@ var Collection = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Position.js
+// Atoms/Position.js
 var import_scratch6 = __toESM(require_cjs());
 var Position = {
   props: {},
@@ -10039,7 +10039,7 @@ var Position = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Picture.js
+// Atoms/Picture.js
 var Picture = {
   tag: "picture",
   childExtend: {
@@ -10066,14 +10066,14 @@ var Picture = {
   })
 };
 
-// node_modules/@symbo.ls/atoms/Pseudo.js
+// Atoms/Pseudo.js
 var Pseudo = {
   class: {
     content: ({ props: props6 }) => props6.content && { content: props6.content }
   }
 };
 
-// node_modules/@symbo.ls/atoms/Svg.js
+// Atoms/Svg.js
 var Svg = {
   tag: "svg",
   props: {
@@ -10111,7 +10111,7 @@ var Svg = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Shape/index.js
+// Atoms/Shape/index.js
 var import_utils3 = __toESM(require_cjs5());
 var import_scratch7 = __toESM(require_cjs());
 var transformBorderRadius = (radius, props6, propertyName) => {
@@ -10147,7 +10147,7 @@ var Shape = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/Text.js
+// Atoms/Text.js
 var import_scratch8 = __toESM(require_cjs());
 var Text = {
   text: ({ key, props: props6, state }) => {
@@ -10198,7 +10198,7 @@ var Footnote = {
   props: { fontSize: "Z" }
 };
 
-// node_modules/@symbo.ls/atoms/Transform.js
+// Atoms/Transform.js
 var Transform = {
   class: {
     transform: ({ props: props6 }) => props6.transform && { transform: props6.transform },
@@ -10206,14 +10206,14 @@ var Transform = {
   }
 };
 
-// node_modules/@symbo.ls/atoms/XYZ.js
+// Atoms/XYZ.js
 var XYZ = {
   class: {
     zIndex: ({ props: props6 }) => props6.zIndex && { zIndex: props6.zIndex }
   }
 };
 
-// node_modules/@symbo.ls/atoms/Animation.js
+// Atoms/Animation.js
 var import_scratch9 = __toESM(require_cjs());
 var import_utils5 = __toESM(require_cjs5());
 
@@ -11066,7 +11066,7 @@ var createCache = function createCache2(options) {
   return cache;
 };
 
-// node_modules/@emotion/hash/dist/emotion-hash.esm.js
+// ../../node_modules/@emotion/css/node_modules/@emotion/hash/dist/emotion-hash.esm.js
 function murmur2(str) {
   var h = 0;
   var k, i = 0, len = str.length;
@@ -11096,7 +11096,7 @@ function murmur2(str) {
   return ((h ^ h >>> 15) >>> 0).toString(36);
 }
 
-// node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
+// ../../node_modules/@emotion/css/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
 var unitlessKeys = {
   animationIterationCount: 1,
   aspectRatio: 1,
@@ -11147,7 +11147,7 @@ var unitlessKeys = {
   strokeWidth: 1
 };
 
-// node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js
+// ../../node_modules/@emotion/css/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js
 var ILLEGAL_ESCAPE_SEQUENCE_ERROR = `You have illegal escape sequence in your template literal, most likely inside content's property value.
 Because you write your CSS inside a JavaScript string you actually have to do double escaping, so for example "content: '\\00d7';" should become "content: '\\\\00d7';".
 You can read more about this here:
@@ -11400,7 +11400,7 @@ var serializeStyles = function serializeStyles2(args, registered, mergedProps) {
   };
 };
 
-// node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
+// ../../node_modules/@emotion/css/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
 var isBrowser = true;
 function getRegisteredStyles(registered, registeredStyles, classNames) {
   var rawClassName = "";
@@ -11442,7 +11442,7 @@ var insertStyles = function insertStyles2(cache, serialized, isStringTag) {
   }
 };
 
-// node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
+// ../../node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
 function insertWithoutScoping(cache, serialized) {
   if (cache.inserted[serialized.name] === void 0) {
     return cache.insert("", serialized, cache.sheet, true);
@@ -11473,7 +11473,7 @@ var createEmotion = function createEmotion2(options) {
     insertStyles(cache, serialized, false);
     return cache.key + "-" + serialized.name;
   };
-  var keyframes2 = function keyframes3() {
+  var keyframes3 = function keyframes4() {
     for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
       args[_key2] = arguments[_key2];
     }
@@ -11502,7 +11502,7 @@ var createEmotion = function createEmotion2(options) {
     css,
     cx,
     injectGlobal,
-    keyframes: keyframes2,
+    keyframes: keyframes3,
     hydrate: function hydrate(ids) {
       ids.forEach(function(key) {
         cache.inserted[key] = true;
@@ -11556,14 +11556,14 @@ var classnames = function classnames2(args) {
   return cls;
 };
 
-// node_modules/@symbo.ls/emotion/index.js
+// ../../packages/emotion/index.js
 var createEmotion3 = (key = "smbls", container) => {
   const cleanKey = key.replaceAll(/\./g, "-");
   return createEmotion({ key: cleanKey, container });
 };
 var emotion = createEmotion3();
 
-// node_modules/@symbo.ls/atoms/Animation.js
+// Atoms/Animation.js
 var { keyframes } = emotion;
 var applyAnimationProps = (animation, element) => {
   if ((0, import_utils5.isObject)(animation))
@@ -11610,7 +11610,7 @@ var Animation = {
   }
 };
 
-// node_modules/@symbo.ls/box/index.js
+// Box/index.js
 var PropsCSS = {
   class: {
     style: ({ props: props6 }) => props6 && props6.style
@@ -11651,7 +11651,7 @@ var Circle = {
   }
 };
 
-// node_modules/@symbo.ls/icon/index.js
+// Icon/index.js
 var Icon = {
   extend: Svg,
   props: ({ key, props: props6, parent, context }) => {
@@ -11659,7 +11659,7 @@ var Icon = {
     const { toCamelCase } = context && context.utils;
     const iconName = props6.inheritedString || props6.name || props6.icon || key;
     const camelCase = toCamelCase(iconName);
-    const isArray3 = camelCase.split(/([a-z])([A-Z])/g);
+    const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
     let activeIconName;
     if (props6.active) {
       activeIconName = props6[".active"].name || props6[".active"].icon;
@@ -11672,10 +11672,10 @@ var Icon = {
       validIconName = activeIconName;
     if (ICONS[camelCase])
       validIconName = camelCase;
-    else if (ICONS[isArray3[0] + isArray3[1]])
-      validIconName = isArray3[0] + isArray3[1];
-    else if (ICONS[isArray3[0]])
-      validIconName = isArray3[0];
+    else if (ICONS[isArray5[0] + isArray5[1]])
+      validIconName = isArray5[0] + isArray5[1];
+    else if (ICONS[isArray5[0]])
+      validIconName = isArray5[0];
     else {
       if (verbose)
         console.warn("Can't find icon:", iconName, validIconName);
@@ -11716,22 +11716,8 @@ var IconText = {
     props: { flow: "column" }
   }
 };
-var FileIcon = {
-  extend: Flex,
-  props: {
-    theme: "tertiary",
-    boxSize: "C1",
-    align: "center center",
-    round: "Z"
-  },
-  Icon: {
-    fontSize: "B",
-    margin: "auto",
-    icon: "file"
-  }
-};
 
-// node_modules/@symbo.ls/button/index.js
+// Button/index.js
 var Button = {
   extend: [FocusableComponent, IconText],
   tag: "button",
@@ -11764,6 +11750,11 @@ var SquareButton = {
     boxSizing: "content-box"
   }
 };
+var ButtonSet = {
+  tag: "nav",
+  extend: Flex,
+  childExtend: SquareButton
+};
 var CircleButton = {
   extend: SquareButton,
   props: { round: "C" }
@@ -11773,7 +11764,7 @@ var KangorooButton = {
   childExtend: IconText
 };
 
-// node_modules/@symbo.ls/avatar/index.js
+// Avatar/index.js
 var Avatar = {
   extend: Img,
   props: {
@@ -11841,14 +11832,7 @@ var AvatarChooser = {
   }
 };
 
-// node_modules/@symbo.ls/buttonset/index.js
-var ButtonSet = {
-  tag: "nav",
-  extend: Flex,
-  childExtend: SquareButton
-};
-
-// node_modules/@symbo.ls/dialog/index.js
+// Dialog/index.js
 var Dialog = {
   props: {
     theme: "tertiary",
@@ -11897,7 +11881,7 @@ var DialogFooter = {
   }
 };
 
-// node_modules/@symbo.ls/datepicker/days.js
+// Datepicker/days.js
 var DatePickerDay = {
   extend: Button,
   state: true,
@@ -11941,7 +11925,7 @@ var DatePickerDay = {
   }
 };
 
-// node_modules/@symbo.ls/datepicker/weekdays.js
+// Datepicker/weekdays.js
 var DatePickerWeekDays = {
   extend: Grid,
   props: {
@@ -11977,7 +11961,7 @@ var DatePickerWeekDays = {
   ]
 };
 
-// node_modules/@symbo.ls/datepicker/months.js
+// Datepicker/months.js
 var DatePickerMonthsSlider = {
   extend: Flex,
   props: {
@@ -12121,7 +12105,7 @@ var DatePickerMonthsSlider = {
   }
 };
 
-// node_modules/@symbo.ls/datepicker/years.js
+// Datepicker/years.js
 var DatePickerYears = {
   tag: "aside",
   props: {
@@ -12200,7 +12184,7 @@ var DatePickerYears = {
   }
 };
 
-// node_modules/@symbo.ls/datepicker/grid.js
+// Datepicker/grid.js
 var import_headless_datepicker = __toESM(require_headless_datepicker());
 var calendar = new import_headless_datepicker.HeadlessDatepicker.Calendar({
   calendarMode: "exact"
@@ -12297,7 +12281,7 @@ var DatePickerGridContainer = {
   }
 };
 
-// node_modules/@symbo.ls/datepicker/index.js
+// Datepicker/index.js
 var DatePicker = {
   extend: [Dialog, Flex],
   state: ({ props: props6 }) => {
@@ -12354,7 +12338,7 @@ var DatePickerTwoColumns = {
   }
 };
 
-// node_modules/@symbo.ls/timepicker/TimePickerItem.js
+// TimePicker/TimePickerItem.js
 var props = {
   align: "center center",
   flow: "column",
@@ -12397,7 +12381,7 @@ var TimePickerItem = {
   Button_minus: { icon: "minus" }
 };
 
-// node_modules/@symbo.ls/timepicker/TimeSwitcher.js
+// TimePicker/TimeSwitcher.js
 var props2 = {
   boxSize: "C B2",
   flow: "column",
@@ -12433,7 +12417,7 @@ var TimeSwitcher = {
   pm: { text: "pm" }
 };
 
-// node_modules/@symbo.ls/timepicker/index.js
+// TimePicker/index.js
 var TimePicker = {
   extend: [Dialog, Flex],
   state: {
@@ -12499,7 +12483,7 @@ var TimePicker = {
   }
 };
 
-// node_modules/@symbo.ls/dropdown/index.js
+// Dropdown/index.js
 var DropdownList = {
   extend: Flex,
   props: {
@@ -12559,7 +12543,7 @@ var DropdownParent = {
   }
 };
 
-// node_modules/@symbo.ls/form/FieldLabel.js
+// Form/FieldLabel.js
 var props3 = {
   flow: "column",
   gap: "Y2",
@@ -12582,7 +12566,7 @@ var FieldLabel = {
   }
 };
 
-// node_modules/@symbo.ls/form/Checkbox.js
+// Form/Checkbox.js
 var Input = {
   props: {
     type: "checkbox",
@@ -12665,7 +12649,7 @@ var CheckBoxWithLabel = {
   FieldLabel
 };
 
-// node_modules/@symbo.ls/form/Radio.js
+// Form/Radio.js
 var Radio = {
   extend: Checkbox,
   Input: {
@@ -12697,7 +12681,7 @@ var RadioWithLabel = {
   FieldLabel
 };
 
-// node_modules/@symbo.ls/form/ToggleSwitch.js
+// Form/ToggleSwitch.js
 var ToggleSwitch = {
   extend: Checkbox,
   props: {
@@ -12740,7 +12724,87 @@ var ToggleSwithWithLabel = {
   FieldLabel: { padding: "Z - - -" }
 };
 
-// node_modules/@symbo.ls/link/index.js
+// node_modules/@symbo.ls/icon/index.js
+var Icon2 = {
+  extend: Svg,
+  props: ({ key, props: props6, parent, context }) => {
+    const { ICONS, useIconSprite, verbose } = context && context.designSystem;
+    const { toCamelCase } = context && context.utils;
+    const iconName = props6.inheritedString || props6.name || props6.icon || key;
+    const camelCase = toCamelCase(iconName);
+    const isArray5 = camelCase.split(/([a-z])([A-Z])/g);
+    let activeIconName;
+    if (props6.active) {
+      activeIconName = props6[".active"].name || props6[".active"].icon;
+    }
+    if (parent && parent.props && parent.props.active && parent.props[".active"] && parent.props[".active"].icon) {
+      activeIconName = parent.props[".active"].icon.name || parent.props[".active"].icon.icon || parent.props[".active"].icon;
+    }
+    let validIconName;
+    if (ICONS[activeIconName])
+      validIconName = activeIconName;
+    if (ICONS[camelCase])
+      validIconName = camelCase;
+    else if (ICONS[isArray5[0] + isArray5[1]])
+      validIconName = isArray5[0] + isArray5[1];
+    else if (ICONS[isArray5[0]])
+      validIconName = isArray5[0];
+    else {
+      if (verbose)
+        console.warn("Can't find icon:", iconName, validIconName);
+    }
+    const iconFromLibrary = ICONS[validIconName];
+    const directSrc = parent && parent.props && parent.props.src || props6.src;
+    return {
+      width: "A",
+      height: "A",
+      display: "inline-block",
+      spriteId: useIconSprite && validIconName,
+      src: iconFromLibrary || directSrc || ICONS.noIcon,
+      style: { fill: "currentColor" }
+    };
+  },
+  attr: { viewBox: "0 0 24 24" }
+};
+var IconText2 = {
+  extend: Flex,
+  props: {
+    align: "center center",
+    lineHeight: 1
+  },
+  // TODO: remove this variant
+  icon: {
+    extend: Icon2,
+    if: ({ parent }) => parent.props.icon
+  },
+  Icon: {
+    props: {},
+    if: ({ props: props6 }) => props6.name || props6.icon
+  },
+  text: ({ props: props6 }) => props6.text,
+  ".reversed": {
+    props: { flow: "row-reverse" }
+  },
+  ".vertical": {
+    props: { flow: "column" }
+  }
+};
+var FileIcon = {
+  extend: Flex,
+  props: {
+    theme: "tertiary",
+    boxSize: "C1",
+    align: "center center",
+    round: "Z"
+  },
+  Icon: {
+    fontSize: "B",
+    margin: "auto",
+    icon: "file"
+  }
+};
+
+// Link/index.js
 var import_router = __toESM(require_cjs9());
 var Link = {
   extend: Focusable,
@@ -12754,8 +12818,8 @@ var Link = {
   },
   attr: {
     href: (el, s, ctx) => {
-      const { exec: exec2 } = ctx.utils;
-      return exec2(el.props.href, el) || exec2(el.props, el).href;
+      const { exec: exec3 } = ctx.utils;
+      return exec3(el.props.href, el) || exec3(el.props, el).href;
     },
     target: ({ props: props6 }) => props6.target,
     "aria-label": ({ props: props6 }) => props6.aria ? props6.aria.label : props6.text,
@@ -12787,7 +12851,7 @@ var RouteLink = {
   extend: [Link, RouterLink]
 };
 
-// node_modules/@symbo.ls/input/index.js
+// Input/index.js
 var Input2 = {
   extend: [Focusable],
   tag: "input",
@@ -12827,7 +12891,80 @@ var NumberInput = {
   }
 };
 
-// node_modules/@symbo.ls/field/index.js
+// Field/node_modules/@symbo.ls/atoms/Block.js
+var import_scratch10 = __toESM(require_cjs());
+
+// Field/node_modules/@symbo.ls/atoms/Grid.js
+var import_scratch11 = __toESM(require_cjs());
+
+// Field/node_modules/@symbo.ls/atoms/Media.js
+var import_utils6 = __toESM(require_cjs5());
+
+// Field/node_modules/@symbo.ls/atoms/Theme.js
+var import_scratch14 = __toESM(require_cjs());
+
+// Field/node_modules/@symbo.ls/atoms/Shape/style.js
+var import_scratch13 = __toESM(require_cjs());
+
+// Field/node_modules/@symbo.ls/atoms/Timing.js
+var import_scratch12 = __toESM(require_cjs());
+
+// Field/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${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}` }
+};
+
+// Field/node_modules/@symbo.ls/atoms/InteractiveComponent.js
+var Focusable2 = {
+  props: {
+    border: "none",
+    outline: "solid, 0, blue .3",
+    ":focus-visible": {
+      opacity: 1,
+      outline: "solid, X, blue .3"
+    }
+  },
+  attr: {
+    placeholder: ({ props: props6 }) => props6.placeholder,
+    tabIndex: ({ props: props6 }) => props6.tabIndex
+  }
+};
+
+// Field/node_modules/@symbo.ls/atoms/Collection.js
+var import_state2 = __toESM(require_cjs8());
+var import_utils7 = __toESM(require_cjs5());
+
+// Field/node_modules/@symbo.ls/atoms/Position.js
+var import_scratch15 = __toESM(require_cjs());
+
+// Field/node_modules/@symbo.ls/atoms/Shape/index.js
+var import_utils8 = __toESM(require_cjs5());
+var import_scratch16 = __toESM(require_cjs());
+
+// Field/node_modules/@symbo.ls/atoms/Text.js
+var import_scratch17 = __toESM(require_cjs());
+
+// Field/node_modules/@symbo.ls/atoms/Animation.js
+var import_scratch18 = __toESM(require_cjs());
+var import_utils9 = __toESM(require_cjs5());
+
+// Field/node_modules/@symbo.ls/emotion/index.js
+var createEmotion4 = (key = "smbls", container) => {
+  const cleanKey = key.replaceAll(/\./g, "-");
+  return createEmotion({ key: cleanKey, container });
+};
+var emotion2 = createEmotion4();
+
+// Field/node_modules/@symbo.ls/atoms/Animation.js
+var { keyframes: keyframes2 } = emotion2;
+
+// Field/index.js
 var Field = {
   extend: [IconText],
   props: ({ state, key }) => ({
@@ -12855,10 +12992,10 @@ var Field = {
       right: "A"
     }
   }),
-  input: { extend: [Focusable, Input2] }
+  input: { extend: [Focusable2, Input2] }
 };
 
-// node_modules/@symbo.ls/video/index.js
+// Video/index.js
 var Video = {
   tag: "video",
   childExtend: {
@@ -12882,9 +13019,9 @@ var Video = {
   }
 };
 
-// node_modules/@symbo.ls/range/index.js
-var import_utils6 = __toESM(require_cjs5());
-var import_scratch10 = __toESM(require_cjs());
+// Range/index.js
+var import_utils10 = __toESM(require_cjs5());
+var import_scratch19 = __toESM(require_cjs());
 var props4 = {
   appearance: "none",
   width: "100%",
@@ -12913,11 +13050,11 @@ var props4 = {
     background: "white 0.2",
     "::-webkit-slider-thumb": {
       background: "#232526",
-      borderColor: (0, import_scratch10.opacify)("#454646", 0.75)
+      borderColor: (0, import_scratch19.opacify)("#454646", 0.75)
     },
     ":hover": {
       "::-webkit-slider-thumb": {
-        borderColor: (0, import_scratch10.opacify)("#fff", 0.35)
+        borderColor: (0, import_scratch19.opacify)("#fff", 0.35)
       }
     },
     ":focus": {
@@ -12951,7 +13088,7 @@ var Range = {
 };
 var listenProp = (el, prop, def) => {
   const val = el.props && el.props[prop];
-  const r = (0, import_utils6.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 50;
+  const r = (0, import_utils10.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 50;
   return r + "";
 };
 var RangeWithButtons = {
@@ -12960,7 +13097,7 @@ var RangeWithButtons = {
     props: { theme: "tertiary", icon: "minus" },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils6.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
+        el.props && (0, import_utils10.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
       }
     }
   },
@@ -12981,8 +13118,8 @@ var RangeWithButtons = {
       step: (el, s) => listenProp(el, "step", 1)
     },
     on: {
-      input: (ev, el, s) => el.props && (0, import_utils6.isFunction)(el.props.onInput) && el.props.onInput(ev, el, s),
-      change: (ev, el, s) => el.props && (0, import_utils6.isFunction)(el.props.onChange) && el.props.onChange(ev, el, s)
+      input: (ev, el, s) => el.props && (0, import_utils10.isFunction)(el.props.onInput) && el.props.onInput(ev, el, s),
+      change: (ev, el, s) => el.props && (0, import_utils10.isFunction)(el.props.onChange) && el.props.onChange(ev, el, s)
     }
   },
   plus: {
@@ -12990,13 +13127,13 @@ var RangeWithButtons = {
     props: { theme: "tertiary", icon: "plus" },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils6.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
+        el.props && (0, import_utils10.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
       }
     }
   }
 };
 
-// node_modules/@symbo.ls/slider/style.js
+// Slider/style.js
 var style_default = {
   appearance: "none",
   width: "100%",
@@ -13015,20 +13152,20 @@ var style_default = {
   }
 };
 
-// node_modules/@symbo.ls/slider/index.js
-var import_scratch11 = __toESM(require_cjs());
-var import_utils7 = __toESM(require_cjs5());
-(0, import_scratch11.set)({
+// Slider/index.js
+var import_scratch20 = __toESM(require_cjs());
+var import_utils11 = __toESM(require_cjs5());
+(0, import_scratch20.set)({
   theme: {
     sliderThumb: {
       background: "white 0.2",
       "&::-webkit-slider-thumb": {
         background: "#232526",
-        borderColor: (0, import_scratch11.opacify)("#454646", 0.75)
+        borderColor: (0, import_scratch20.opacify)("#454646", 0.75)
       },
       "&:hover": {
         "&::-webkit-slider-thumb": {
-          borderColor: (0, import_scratch11.opacify)("#fff", 0.35)
+          borderColor: (0, import_scratch20.opacify)("#fff", 0.35)
         }
       },
       "&:focus, &:active": {
@@ -13049,7 +13186,7 @@ var RangeSlider = {
 };
 var listenProp2 = (el, prop, def) => {
   const val = el && el.props && el.props[prop];
-  const r = ((0, import_utils7.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
+  const r = ((0, import_utils11.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
   return r;
 };
 var Slider = {
@@ -13060,10 +13197,10 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils7.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils11.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props6 = input.props;
-        const value = (0, import_utils7.isFunction)(props6.value) ? props6.value() : props6.value;
+        const value = (0, import_utils11.isFunction)(props6.value) ? props6.value() : props6.value;
         input.node.value = value;
       }
     }
@@ -13086,8 +13223,8 @@ var Slider = {
       step: (el, s) => listenProp2(el, "step", 1)
     },
     on: {
-      input: (ev, el, s) => el.props && (0, import_utils7.isFunction)(el.props.input) && el.props.input(ev, el, s),
-      change: (ev, el, s) => el.props && (0, import_utils7.isFunction)(el.props.change) && el.props.change(ev, el, s)
+      input: (ev, el, s) => el.props && (0, import_utils11.isFunction)(el.props.input) && el.props.input(ev, el, s),
+      change: (ev, el, s) => el.props && (0, import_utils11.isFunction)(el.props.change) && el.props.change(ev, el, s)
     }
   },
   button1: {
@@ -13097,17 +13234,17 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils7.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils11.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props6 = input.props;
-        const value = (0, import_utils7.isFunction)(props6.value) ? props6.value() : props6.value;
+        const value = (0, import_utils11.isFunction)(props6.value) ? props6.value() : props6.value;
         input.node.value = value;
       }
     }
   }
 };
 
-// node_modules/@symbo.ls/notification/index.js
+// Notification/index.js
 var Notification = {
   extend: Flex,
   props: {
@@ -13146,7 +13283,7 @@ var Notification = {
   }
 };
 
-// node_modules/@symbo.ls/tooltip/index.js
+// Tooltip/index.js
 var Tooltip = {
   extend: Flex,
   props: {
@@ -13194,7 +13331,7 @@ var TooltipParent = {
   }
 };
 
-// node_modules/@symbo.ls/textarea/index.js
+// Textarea/index.js
 var Textarea = {
   extend: [Input2],
   tag: "textarea",
@@ -13207,7 +13344,7 @@ var Textarea = {
   }
 };
 
-// node_modules/@symbo.ls/upload/UploadResult.js
+// Upload/UploadResult.js
 var Captions = {
   extend: Flex,
   props: {
@@ -13272,7 +13409,7 @@ var UploadResult = {
   }
 };
 
-// node_modules/@symbo.ls/upload/UploadLabel.js
+// Upload/UploadLabel.js
 var UploadLabel = {
   extend: [Focusable, Flex],
   tag: "label",
@@ -13317,7 +13454,7 @@ var UploadLabel = {
   }
 };
 
-// node_modules/@symbo.ls/upload/UploadModal.js
+// Upload/UploadModal.js
 var UploadModalFooter = {
   extend: Flex,
   props: {
@@ -13447,7 +13584,7 @@ var UploadModal = {
   UploadModalFooter: {}
 };
 
-// node_modules/@symbo.ls/upload/UploadProgress.js
+// Upload/UploadProgress.js
 var UploadProgress = {
   tag: "progress",
   props: {
@@ -13472,7 +13609,7 @@ var UploadProgress = {
   }
 };
 
-// node_modules/@symbo.ls/label/index.js
+// Label/index.js
 var Label = {
   extend: Button,
   props: {
@@ -13491,7 +13628,7 @@ var Label = {
   }
 };
 
-// node_modules/@symbo.ls/pills/index.js
+// Pills/index.js
 var Pills = {
   extend: Flex,
   props: {
@@ -13518,7 +13655,7 @@ var Pills = {
   $setCollection: ({ props: props6, state }) => new Array(props6.qty).fill({})
 };
 
-// node_modules/@symbo.ls/select/index.js
+// Select/index.js
 var Select = {
   extend: Focusable,
   tag: "select",
@@ -13549,7 +13686,7 @@ var Select = {
   }
 };
 
-// node_modules/@symbo.ls/tab/index.js
+// Tab/index.js
 var props5 = {
   gap: "Z",
   theme: "tertiary",
@@ -13580,7 +13717,7 @@ var Tab = {
   }
 };
 
-// node_modules/@symbo.ls/search/index.js
+// Search/index.js
 var Search = {
   extend: Flex,
   props: {
@@ -13598,32 +13735,41 @@ var Search = {
     theme: "tertiary",
     ":focus-within": {}
   },
-  Icon: { icon: "search" },
+  Icon: {
+    extend: Icon,
+    props: { icon: "search" }
+  },
   Input: {
-    placeholder: "Type a command or search",
-    theme: null,
-    background: "transparent",
-    color: "currentColor",
-    flex: "1",
-    position: "absolute",
-    boxSize: "100% 100%",
-    left: "0",
-    padding: "- - - C3",
-    ":hover": { background: "transparent" },
-    ":focus": { background: "transparent" },
-    ":focus + button": { opacity: "1" }
+    extend: Input2,
+    props: {
+      placeholder: "Type a command or search",
+      theme: null,
+      background: "transparent",
+      color: "currentColor",
+      flex: "1",
+      position: "absolute",
+      boxSize: "100% 100%",
+      left: "0",
+      padding: "- - - C3",
+      ":hover": { background: "transparent" },
+      ":focus": { background: "transparent" },
+      ":focus + button": { opacity: "1" }
+    }
   },
-  Button_x: {
-    icon: "x",
-    padding: "Z2",
-    background: "transparent",
-    color: "white",
-    opacity: "0",
-    position: "absolute",
-    right: "A1",
-    Icon: {
-      width: "X2",
-      height: "X2"
+  x: {
+    extend: Button,
+    props: {
+      icon: "x",
+      padding: "Z2",
+      background: "transparent",
+      color: "white",
+      opacity: "0",
+      position: "absolute",
+      right: "A1",
+      Icon: {
+        width: "X2",
+        height: "X2"
+      }
     }
   }
 };