@symbo.ls/uikit 2.11.126 → 2.11.127

package/dist/index.cjs.js

@@ -64,7 +64,7 @@ var require_cjs = __commonJS({
       mod
     ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var require_cjs9 = __commonJS2({
+    var require_cjs7 = __commonJS2({
       "../../node_modules/@domql/globals/dist/cjs/index.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
@@ -171,8 +171,8 @@ var require_cjs = __commonJS({
         var getNev = (key, env = NODE_ENV) => env[key];
       }
     });
-    var require_htmlTags2 = __commonJS2({
-      "../../node_modules/@domql/tags/dist/cjs/htmlTags.js"(exports2, module22) {
+    var require_globals2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
@@ -191,167 +191,18 @@ var require_cjs = __commonJS({
           return to;
         };
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-        var htmlTags_exports = {};
-        __export22(htmlTags_exports, {
-          HTML_TAGS: () => HTML_TAGS
+        var globals_exports = {};
+        __export22(globals_exports, {
+          document: () => document4,
+          global: () => global,
+          self: () => self,
+          window: () => window2
         });
-        module22.exports = __toCommonJS22(htmlTags_exports);
-        var HTML_TAGS = {
-          root: [
-            "body",
-            "html"
-          ],
-          head: [
-            "title",
-            "base",
-            "meta",
-            "style"
-          ],
-          body: [
-            "string",
-            "fragment",
-            "a",
-            "abbr",
-            "acronym",
-            "address",
-            "applet",
-            "area",
-            "article",
-            "aside",
-            "audio",
-            "b",
-            "basefont",
-            "bdi",
-            "bdo",
-            "big",
-            "blockquote",
-            "br",
-            "button",
-            "canvas",
-            "caption",
-            "center",
-            "cite",
-            "code",
-            "col",
-            "colgroup",
-            "data",
-            "datalist",
-            "dd",
-            "del",
-            "details",
-            "dfn",
-            "dialog",
-            "dir",
-            "div",
-            "dl",
-            "dt",
-            "em",
-            "embed",
-            "fieldset",
-            "figcaption",
-            "figure",
-            "font",
-            "footer",
-            "form",
-            "frame",
-            "frameset",
-            "h1",
-            "h2",
-            "h3",
-            "h4",
-            "h5",
-            "h6",
-            "head",
-            "header",
-            "hr",
-            "i",
-            "iframe",
-            "img",
-            "input",
-            "ins",
-            "kbd",
-            "label",
-            "legend",
-            "li",
-            "link",
-            "main",
-            "map",
-            "mark",
-            "meter",
-            "nav",
-            "noframes",
-            "noscript",
-            "object",
-            "ol",
-            "optgroup",
-            "option",
-            "output",
-            "p",
-            "param",
-            "picture",
-            "pre",
-            "progress",
-            "q",
-            "rp",
-            "rt",
-            "ruby",
-            "s",
-            "samp",
-            "script",
-            "section",
-            "select",
-            "small",
-            "source",
-            "span",
-            "strike",
-            "strong",
-            "sub",
-            "summary",
-            "sup",
-            "table",
-            "tbody",
-            "td",
-            "template",
-            "textarea",
-            "tfoot",
-            "th",
-            "thead",
-            "time",
-            "tr",
-            "track",
-            "tt",
-            "u",
-            "ul",
-            "var",
-            "video",
-            "wbr",
-            // SVG
-            "svg",
-            "path"
-          ]
-        };
-      }
-    });
-    var require_cjs22 = __commonJS2({
-      "../../node_modules/@domql/tags/dist/cjs/index.js"(exports2, module22) {
-        "use strict";
-        var __defProp22 = Object.defineProperty;
-        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-        var __getOwnPropNames22 = Object.getOwnPropertyNames;
-        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-        var __copyProps22 = (to, from2, except, desc) => {
-          if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-            for (let key of __getOwnPropNames22(from2))
-              if (!__hasOwnProp22.call(to, key) && key !== except)
-                __defProp22(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc22(from2, key)) || desc.enumerable });
-          }
-          return to;
-        };
-        var __reExport = (target, mod, secondTarget) => (__copyProps22(target, mod, "default"), secondTarget && __copyProps22(secondTarget, mod, "default"));
-        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-        var tags_exports = {};
-        module22.exports = __toCommonJS22(tags_exports);
-        __reExport(tags_exports, require_htmlTags2(), module22.exports);
+        module22.exports = __toCommonJS22(globals_exports);
+        var global = globalThis;
+        var self = globalThis;
+        var window2 = globalThis;
+        var document4 = window2.document;
       }
     });
     var require_node2 = __commonJS2({
@@ -380,7 +231,7 @@ var require_cjs = __commonJS({
           isNode: () => isNode
         });
         module22.exports = __toCommonJS22(node_exports);
-        var import_globals3 = require_cjs9();
+        var import_globals3 = require_globals2();
         var isNode = (obj) => {
           return (typeof Node === "object" ? obj instanceof import_globals3.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
         };
@@ -423,13 +274,10 @@ var require_cjs = __commonJS({
           isObject: () => isObject7,
           isObjectLike: () => isObjectLike3,
           isString: () => isString9,
-          isUndefined: () => isUndefined,
-          isValidHtmlTag: () => isValidHtmlTag
+          isUndefined: () => isUndefined
         });
         module22.exports = __toCommonJS22(types_exports);
-        var import_tags = require_cjs22();
         var import_node = require_node2();
-        var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
         var isObject7 = (arg) => {
           if (arg === null)
             return false;
@@ -679,7 +527,7 @@ var require_cjs = __commonJS({
           stringToObject: () => stringToObject
         });
         module22.exports = __toCommonJS22(object_exports);
-        var import_globals3 = require_cjs9();
+        var import_globals3 = require_globals2();
         var import_types = require_types2();
         var import_array = require_array2();
         var import_string = require_string2();
@@ -1139,40 +987,6 @@ var require_cjs = __commonJS({
         };
       }
     });
-    var require_globals2 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports2, module22) {
-        "use strict";
-        var __defProp22 = Object.defineProperty;
-        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
-        var __getOwnPropNames22 = Object.getOwnPropertyNames;
-        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
-        var __export22 = (target, all) => {
-          for (var name in all)
-            __defProp22(target, name, { get: all[name], enumerable: true });
-        };
-        var __copyProps22 = (to, from2, except, desc) => {
-          if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-            for (let key of __getOwnPropNames22(from2))
-              if (!__hasOwnProp22.call(to, key) && key !== except)
-                __defProp22(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc22(from2, key)) || desc.enumerable });
-          }
-          return to;
-        };
-        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-        var globals_exports = {};
-        __export22(globals_exports, {
-          document: () => document4,
-          global: () => global,
-          self: () => self,
-          window: () => window2
-        });
-        module22.exports = __toCommonJS22(globals_exports);
-        var global = globalThis;
-        var self = globalThis;
-        var window2 = globalThis;
-        var document4 = window2.document;
-      }
-    });
     var require_cookie2 = __commonJS2({
       "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports2, module22) {
         "use strict";
@@ -1227,13 +1041,17 @@ var require_cjs = __commonJS({
         };
       }
     });
-    var require_cjs32 = __commonJS2({
-      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
+    var require_tags2 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports2, module22) {
         "use strict";
         var __defProp22 = Object.defineProperty;
         var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
         var __getOwnPropNames22 = Object.getOwnPropertyNames;
         var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __export22 = (target, all) => {
+          for (var name in all)
+            __defProp22(target, name, { get: all[name], enumerable: true });
+        };
         var __copyProps22 = (to, from2, except, desc) => {
           if (from2 && typeof from2 === "object" || typeof from2 === "function") {
             for (let key of __getOwnPropNames22(from2))
@@ -1242,56 +1060,216 @@ var require_cjs = __commonJS({
           }
           return to;
         };
-        var __reExport = (target, mod, secondTarget) => (__copyProps22(target, mod, "default"), secondTarget && __copyProps22(secondTarget, mod, "default"));
         var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
-        var utils_exports2 = {};
-        module22.exports = __toCommonJS22(utils_exports2);
-        __reExport(utils_exports2, require_key2(), module22.exports);
-        __reExport(utils_exports2, require_env2(), module22.exports);
-        __reExport(utils_exports2, require_types2(), module22.exports);
-        __reExport(utils_exports2, require_object2(), module22.exports);
-        __reExport(utils_exports2, require_function2(), module22.exports);
-        __reExport(utils_exports2, require_array2(), module22.exports);
-        __reExport(utils_exports2, require_node2(), module22.exports);
-        __reExport(utils_exports2, require_log2(), module22.exports);
-        __reExport(utils_exports2, require_string2(), module22.exports);
-        __reExport(utils_exports2, require_globals2(), module22.exports);
-        __reExport(utils_exports2, require_cookie2(), module22.exports);
-      }
-    });
-    var src_exports = {};
-    __export2(src_exports, {
-      ANIMATION: () => ANIMATION,
-      BREAKPOINTS: () => BREAKPOINTS,
-      CASES: () => CASES,
-      COLOR: () => COLOR,
-      CONFIG: () => CONFIG3,
-      CSS_VARS: () => CSS_VARS,
-      DEVICES: () => DEVICES,
-      DOCUMENT: () => DOCUMENT,
-      FACTORY: () => FACTORY,
-      FONT: () => FONT,
-      FONT_FACE: () => FONT_FACE,
-      FONT_FAMILY: () => FONT_FAMILY,
-      FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
-      GRADIENT: () => GRADIENT,
-      ICONS: () => ICONS,
-      MEDIA: () => MEDIA,
-      RESET: () => RESET,
-      SEQUENCE: () => SEQUENCE,
-      SPACING: () => SPACING,
-      SVG: () => SVG,
-      SVG_DATA: () => SVG_DATA,
-      TEMPLATES: () => TEMPLATES,
-      THEME: () => THEME,
-      TIMING: () => TIMING,
-      TYPOGRAPHY: () => TYPOGRAPHY,
-      UNIT: () => UNIT,
-      VALUE_TRANSFORMERS: () => VALUE_TRANSFORMERS,
-      activateConfig: () => activateConfig,
-      appendIconsSprite: () => appendIconsSprite,
-      appendSVGSprite: () => appendSVGSprite,
-      applyDocument: () => applyDocument,
+        var tags_exports = {};
+        __export22(tags_exports, {
+          HTML_TAGS: () => HTML_TAGS,
+          isValidHtmlTag: () => isValidHtmlTag
+        });
+        module22.exports = __toCommonJS22(tags_exports);
+        var HTML_TAGS = {
+          root: [
+            "body",
+            "html"
+          ],
+          head: [
+            "title",
+            "base",
+            "meta",
+            "style"
+          ],
+          body: [
+            "string",
+            "fragment",
+            "a",
+            "abbr",
+            "acronym",
+            "address",
+            "applet",
+            "area",
+            "article",
+            "aside",
+            "audio",
+            "b",
+            "basefont",
+            "bdi",
+            "bdo",
+            "big",
+            "blockquote",
+            "br",
+            "button",
+            "canvas",
+            "caption",
+            "center",
+            "cite",
+            "code",
+            "col",
+            "colgroup",
+            "data",
+            "datalist",
+            "dd",
+            "del",
+            "details",
+            "dfn",
+            "dialog",
+            "dir",
+            "div",
+            "dl",
+            "dt",
+            "em",
+            "embed",
+            "fieldset",
+            "figcaption",
+            "figure",
+            "font",
+            "footer",
+            "form",
+            "frame",
+            "frameset",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "head",
+            "header",
+            "hr",
+            "i",
+            "iframe",
+            "img",
+            "input",
+            "ins",
+            "kbd",
+            "label",
+            "legend",
+            "li",
+            "link",
+            "main",
+            "map",
+            "mark",
+            "meter",
+            "nav",
+            "noframes",
+            "noscript",
+            "object",
+            "ol",
+            "optgroup",
+            "option",
+            "output",
+            "p",
+            "param",
+            "picture",
+            "pre",
+            "progress",
+            "q",
+            "rp",
+            "rt",
+            "ruby",
+            "s",
+            "samp",
+            "script",
+            "section",
+            "select",
+            "small",
+            "source",
+            "span",
+            "strike",
+            "strong",
+            "sub",
+            "summary",
+            "sup",
+            "table",
+            "tbody",
+            "td",
+            "template",
+            "textarea",
+            "tfoot",
+            "th",
+            "thead",
+            "time",
+            "tr",
+            "track",
+            "tt",
+            "u",
+            "ul",
+            "var",
+            "video",
+            "wbr",
+            // SVG
+            "svg",
+            "path"
+          ]
+        };
+        var isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
+      }
+    });
+    var require_cjs22 = __commonJS2({
+      "../../node_modules/@domql/utils/dist/cjs/index.js"(exports2, module22) {
+        "use strict";
+        var __defProp22 = Object.defineProperty;
+        var __getOwnPropDesc22 = Object.getOwnPropertyDescriptor;
+        var __getOwnPropNames22 = Object.getOwnPropertyNames;
+        var __hasOwnProp22 = Object.prototype.hasOwnProperty;
+        var __copyProps22 = (to, from2, except, desc) => {
+          if (from2 && typeof from2 === "object" || typeof from2 === "function") {
+            for (let key of __getOwnPropNames22(from2))
+              if (!__hasOwnProp22.call(to, key) && key !== except)
+                __defProp22(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc22(from2, key)) || desc.enumerable });
+          }
+          return to;
+        };
+        var __reExport = (target, mod, secondTarget) => (__copyProps22(target, mod, "default"), secondTarget && __copyProps22(secondTarget, mod, "default"));
+        var __toCommonJS22 = (mod) => __copyProps22(__defProp22({}, "__esModule", { value: true }), mod);
+        var utils_exports2 = {};
+        module22.exports = __toCommonJS22(utils_exports2);
+        __reExport(utils_exports2, require_key2(), module22.exports);
+        __reExport(utils_exports2, require_env2(), module22.exports);
+        __reExport(utils_exports2, require_types2(), module22.exports);
+        __reExport(utils_exports2, require_object2(), module22.exports);
+        __reExport(utils_exports2, require_function2(), module22.exports);
+        __reExport(utils_exports2, require_array2(), module22.exports);
+        __reExport(utils_exports2, require_node2(), module22.exports);
+        __reExport(utils_exports2, require_log2(), module22.exports);
+        __reExport(utils_exports2, require_string2(), module22.exports);
+        __reExport(utils_exports2, require_globals2(), module22.exports);
+        __reExport(utils_exports2, require_cookie2(), module22.exports);
+        __reExport(utils_exports2, require_tags2(), module22.exports);
+      }
+    });
+    var src_exports = {};
+    __export2(src_exports, {
+      ANIMATION: () => ANIMATION,
+      BREAKPOINTS: () => BREAKPOINTS,
+      CASES: () => CASES,
+      COLOR: () => COLOR,
+      CONFIG: () => CONFIG3,
+      CSS_VARS: () => CSS_VARS,
+      DEVICES: () => DEVICES,
+      DOCUMENT: () => DOCUMENT,
+      FACTORY: () => FACTORY,
+      FONT: () => FONT,
+      FONT_FACE: () => FONT_FACE,
+      FONT_FAMILY: () => FONT_FAMILY,
+      FONT_FAMILY_TYPES: () => FONT_FAMILY_TYPES,
+      GRADIENT: () => GRADIENT,
+      ICONS: () => ICONS,
+      MEDIA: () => MEDIA,
+      RESET: () => RESET,
+      SEQUENCE: () => SEQUENCE,
+      SPACING: () => SPACING,
+      SVG: () => SVG,
+      SVG_DATA: () => SVG_DATA,
+      TEMPLATES: () => TEMPLATES,
+      THEME: () => THEME,
+      TIMING: () => TIMING,
+      TYPOGRAPHY: () => TYPOGRAPHY,
+      UNIT: () => UNIT,
+      VALUE_TRANSFORMERS: () => VALUE_TRANSFORMERS,
+      activateConfig: () => activateConfig,
+      appendIconsSprite: () => appendIconsSprite,
+      appendSVGSprite: () => appendSVGSprite,
+      applyDocument: () => applyDocument,
       applyHeadings: () => applyHeadings,
       applyReset: () => applyReset,
       applySequenceVars: () => applySequenceVars,
@@ -1408,8 +1386,8 @@ var require_cjs = __commonJS({
       setInCustomFontMedia: () => setInCustomFontMedia,
       setVariables: () => setVariables
     });
-    var import_globals = __toESM2(require_cjs9(), 1);
-    var import_utils15 = __toESM2(require_cjs32(), 1);
+    var import_globals = __toESM2(require_cjs7(), 1);
+    var import_utils14 = __toESM2(require_cjs22(), 1);
     var ENV = "development";
     var colorStringToRgbaArray = (color) => {
       if (color === "")
@@ -1537,9 +1515,9 @@ var require_cjs = __commonJS({
       return `rgba(${arr})`;
     };
     var getRgbTone = (rgb, tone) => {
-      if ((0, import_utils15.isString)(rgb))
+      if ((0, import_utils14.isString)(rgb))
         rgb = rgb.split(", ").map((v) => parseFloat(v));
-      if ((0, import_utils15.isNumber)(tone))
+      if ((0, import_utils14.isNumber)(tone))
         tone += "";
       const toHex = rgbArrayToHex(rgb);
       const abs2 = tone.slice(0, 1);
@@ -1602,9 +1580,9 @@ var require_cjs = __commonJS({
       const keys = Object.keys(LIBRARY);
       return keys.map((key) => getFontFaceEachString(key, LIBRARY[key].value));
     };
-    var import_utils52 = __toESM2(require_cjs32(), 1);
-    var import_utils32 = __toESM2(require_cjs32());
-    var import_utils22 = __toESM2(require_cjs32());
+    var import_utils52 = __toESM2(require_cjs22(), 1);
+    var import_utils32 = __toESM2(require_cjs22());
+    var import_utils22 = __toESM2(require_cjs22());
     var toCamelCase = (str) => {
       return str.replace(/(?:^\w|[A-Z]|\b\w)/g, function(word, index) {
         return index === 0 ? word.toLowerCase() : word.toUpperCase();
@@ -1619,7 +1597,7 @@ var require_cjs = __commonJS({
       if ((0, import_utils32.isArray)(val))
         return val;
     };
-    var import_utils42 = __toESM2(require_cjs32(), 1);
+    var import_utils42 = __toESM2(require_cjs22(), 1);
     var defaultConfig_exports = {};
     __export2(defaultConfig_exports, {
       ANIMATION: () => ANIMATION,
@@ -1980,7 +1958,7 @@ var require_cjs = __commonJS({
         return sequence[findLetter];
       });
     };
-    var import_utils72 = __toESM2(require_cjs32(), 1);
+    var import_utils72 = __toESM2(require_cjs22(), 1);
     var setVariables = (result, key) => {
       const CONFIG22 = getActiveConfig3();
       const { CSS_VARS: CSS_VARS2 } = CONFIG22;
@@ -2018,7 +1996,7 @@ var require_cjs = __commonJS({
         }
       }
     };
-    var import_utils82 = __toESM2(require_cjs32(), 1);
+    var import_utils82 = __toESM2(require_cjs22(), 1);
     var generateSprite = (icons) => {
       const CONFIG22 = getActiveConfig3();
       let sprite = "";
@@ -2105,7 +2083,7 @@ var require_cjs = __commonJS({
       setSVG: () => setSVG,
       setTheme: () => setTheme
     });
-    var import_utils92 = __toESM2(require_cjs32(), 1);
+    var import_utils92 = __toESM2(require_cjs22(), 1);
     var getColor3 = (value, key, config) => {
       const CONFIG22 = config || getActiveConfig3();
       if (!(0, import_utils92.isString)(value)) {
@@ -2236,7 +2214,7 @@ var require_cjs = __commonJS({
         value: val.value || val
       };
     };
-    var import_utils112 = __toESM2(require_cjs32(), 1);
+    var import_utils112 = __toESM2(require_cjs22(), 1);
     var setThemeValue = (theme) => {
       const value = {};
       const { state, media, helpers, ...rest } = theme;
@@ -2450,7 +2428,7 @@ var require_cjs = __commonJS({
       const r = recursiveTheme(value);
       return r;
     };
-    var import_utils122 = __toESM2(require_cjs32(), 1);
+    var import_utils122 = __toESM2(require_cjs22(), 1);
     var setFont = (val, key) => {
       const CSSvar = `--font-${key}`;
       const fontFace = val[0] ? getFontFaceEach(key, val) : setCustomFontMedia(key, val.url);
@@ -2473,7 +2451,7 @@ var require_cjs = __commonJS({
       const str = `${value.join(", ")}, ${FONT_FAMILY_TYPES2[type]}`;
       return { var: CSSvar, value: str, arr: value, type };
     };
-    var import_utils152 = __toESM2(require_cjs32(), 1);
+    var import_utils15 = __toESM2(require_cjs22(), 1);
     var runThroughMedia = (props6) => {
       const CONFIG22 = getActiveConfig3();
       const { TYPOGRAPHY: TYPOGRAPHY2, MEDIA: MEDIA2 } = CONFIG22;
@@ -2481,7 +2459,7 @@ var require_cjs = __commonJS({
         const mediaProps = props6[prop];
         if (prop.slice(0, 1) === "@") {
           const { type, base, ratio, range, subSequence, h1Matches, unit } = props6;
-          (0, import_utils152.merge)(mediaProps, {
+          (0, import_utils15.merge)(mediaProps, {
             type,
             base,
             ratio,
@@ -2540,7 +2518,7 @@ var require_cjs = __commonJS({
         TYPOGRAPHY2
       );
     };
-    var import_utils18 = __toESM2(require_cjs32(), 1);
+    var import_utils18 = __toESM2(require_cjs22(), 1);
     var runThroughMedia2 = (sequenceProps) => {
       for (const prop in sequenceProps) {
         const mediaProps = sequenceProps[prop];
@@ -2662,7 +2640,7 @@ var require_cjs = __commonJS({
         TIMING2
       );
     };
-    var import_utils222 = __toESM2(require_cjs32(), 1);
+    var import_utils222 = __toESM2(require_cjs22(), 1);
     var applyDocument = () => {
       const CONFIG22 = getActiveConfig3();
       const { DOCUMENT: DOCUMENT2, FONT_FAMILY: FONT_FAMILY2, THEME: THEME2, TYPOGRAPHY: TYPOGRAPHY2 } = CONFIG22;
@@ -2673,7 +2651,7 @@ var require_cjs = __commonJS({
         lineHeight: TYPOGRAPHY2.lineHeight
       });
     };
-    var import_globals2 = __toESM2(require_cjs9(), 1);
+    var import_globals2 = __toESM2(require_cjs7(), 1);
     var DEF_OPTIONS = {
       document: import_globals2.document
     };
@@ -2746,7 +2724,7 @@ var require_cjs = __commonJS({
         }
       }
     };
-    var import_utils25 = __toESM2(require_cjs32(), 1);
+    var import_utils25 = __toESM2(require_cjs22(), 1);
     var applyReset = (reset = {}) => {
       const CONFIG22 = getActiveConfig3();
       const { RESET: RESET2, TYPOGRAPHY: TYPOGRAPHY2, DOCUMENT: DOCUMENT2 } = CONFIG22;
@@ -2806,7 +2784,7 @@ var require_cjs = __commonJS({
         });
       }
     };
-    var import_utils26 = __toESM2(require_cjs32(), 1);
+    var import_utils26 = __toESM2(require_cjs22(), 1);
     var isBorderStyle = (str) => [
       "none",
       "hidden",
@@ -2905,7 +2883,7 @@ var require_cjs = __commonJS({
         return;
       return arr.map(transformTransition).join(",");
     };
-    var import_utils27 = __toESM2(require_cjs32(), 1);
+    var import_utils27 = __toESM2(require_cjs22(), 1);
     var setCases = (val, key) => {
       if ((0, import_utils27.isFunction)(val))
         return val();
@@ -3076,9 +3054,9 @@ var require_env = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/tags/dist/cjs/htmlTags.js
-var require_htmlTags = __commonJS({
-  "../../node_modules/@domql/tags/dist/cjs/htmlTags.js"(exports, module2) {
+// ../../node_modules/@domql/utils/dist/cjs/globals.js
+var require_globals = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -3097,199 +3075,12 @@ var require_htmlTags = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var htmlTags_exports = {};
-    __export2(htmlTags_exports, {
-      HTML_TAGS: () => HTML_TAGS
-    });
-    module2.exports = __toCommonJS2(htmlTags_exports);
-    var HTML_TAGS = {
-      root: [
-        "body",
-        "html"
-      ],
-      head: [
-        "title",
-        "base",
-        "meta",
-        "style"
-      ],
-      body: [
-        "string",
-        "fragment",
-        "a",
-        "abbr",
-        "acronym",
-        "address",
-        "applet",
-        "area",
-        "article",
-        "aside",
-        "audio",
-        "b",
-        "basefont",
-        "bdi",
-        "bdo",
-        "big",
-        "blockquote",
-        "br",
-        "button",
-        "canvas",
-        "caption",
-        "center",
-        "cite",
-        "code",
-        "col",
-        "colgroup",
-        "data",
-        "datalist",
-        "dd",
-        "del",
-        "details",
-        "dfn",
-        "dialog",
-        "dir",
-        "div",
-        "dl",
-        "dt",
-        "em",
-        "embed",
-        "fieldset",
-        "figcaption",
-        "figure",
-        "font",
-        "footer",
-        "form",
-        "frame",
-        "frameset",
-        "h1",
-        "h2",
-        "h3",
-        "h4",
-        "h5",
-        "h6",
-        "head",
-        "header",
-        "hr",
-        "i",
-        "iframe",
-        "img",
-        "input",
-        "ins",
-        "kbd",
-        "label",
-        "legend",
-        "li",
-        "link",
-        "main",
-        "map",
-        "mark",
-        "meter",
-        "nav",
-        "noframes",
-        "noscript",
-        "object",
-        "ol",
-        "optgroup",
-        "option",
-        "output",
-        "p",
-        "param",
-        "picture",
-        "pre",
-        "progress",
-        "q",
-        "rp",
-        "rt",
-        "ruby",
-        "s",
-        "samp",
-        "script",
-        "section",
-        "select",
-        "small",
-        "source",
-        "span",
-        "strike",
-        "strong",
-        "sub",
-        "summary",
-        "sup",
-        "table",
-        "tbody",
-        "td",
-        "template",
-        "textarea",
-        "tfoot",
-        "th",
-        "thead",
-        "time",
-        "tr",
-        "track",
-        "tt",
-        "u",
-        "ul",
-        "var",
-        "video",
-        "wbr",
-        // SVG
-        "svg",
-        "path"
-      ]
-    };
-  }
-});
-
-// ../../node_modules/@domql/tags/dist/cjs/index.js
-var require_cjs2 = __commonJS({
-  "../../node_modules/@domql/tags/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var tags_exports = {};
-    module2.exports = __toCommonJS2(tags_exports);
-    __reExport(tags_exports, require_htmlTags(), module2.exports);
-  }
-});
-
-// ../../node_modules/@domql/globals/dist/cjs/index.js
-var require_cjs3 = __commonJS({
-  "../../node_modules/@domql/globals/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document2,
-      global: () => global,
-      self: () => self,
-      window: () => window2
+    var globals_exports = {};
+    __export2(globals_exports, {
+      document: () => document2,
+      global: () => global,
+      self: () => self,
+      window: () => window2
     });
     module2.exports = __toCommonJS2(globals_exports);
     var global = globalThis;
@@ -3326,7 +3117,7 @@ var require_node = __commonJS({
       isNode: () => isNode
     });
     module2.exports = __toCommonJS2(node_exports);
-    var import_globals = require_cjs3();
+    var import_globals = require_globals();
     var isNode = (obj) => {
       return (typeof Node === "object" ? obj instanceof import_globals.window.Node : obj && typeof obj === "object" && typeof obj.nodeType === "number" && typeof obj.nodeName === "string") || false;
     };
@@ -3371,13 +3162,10 @@ var require_types = __commonJS({
       isObject: () => isObject5,
       isObjectLike: () => isObjectLike3,
       isString: () => isString7,
-      isUndefined: () => isUndefined,
-      isValidHtmlTag: () => isValidHtmlTag
+      isUndefined: () => isUndefined
     });
     module2.exports = __toCommonJS2(types_exports);
-    var import_tags = require_cjs2();
     var import_node = require_node();
-    var isValidHtmlTag = (arg) => import_tags.HTML_TAGS.body.includes(arg);
     var isObject5 = (arg) => {
       if (arg === null)
         return false;
@@ -3622,7 +3410,7 @@ var require_object = __commonJS({
       flattenRecursive: () => flattenRecursive,
       isEqualDeep: () => isEqualDeep,
       map: () => map,
-      merge: () => merge5,
+      merge: () => merge4,
       mergeArrayExclude: () => mergeArrayExclude,
       mergeIfExisted: () => mergeIfExisted,
       objectToString: () => objectToString,
@@ -3633,7 +3421,7 @@ var require_object = __commonJS({
       stringToObject: () => stringToObject
     });
     module2.exports = __toCommonJS2(object_exports);
-    var import_globals = require_cjs3();
+    var import_globals = require_globals();
     var import_types = require_types();
     var import_array = require_array();
     var import_string = require_string();
@@ -3652,7 +3440,7 @@ var require_object = __commonJS({
         obj[e] = exec3(extention[e], element);
       }
     };
-    var merge5 = (element, obj, excludeFrom = []) => {
+    var merge4 = (element, obj, excludeFrom = []) => {
       for (const e in obj) {
         const hasOwnProperty = Object.prototype.hasOwnProperty.call(obj, e);
         if (!hasOwnProperty || excludeFrom.includes(e) || e.startsWith("__"))
@@ -4098,42 +3886,6 @@ var require_log = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/globals.js
-var require_globals = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/globals.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
-    };
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var globals_exports = {};
-    __export2(globals_exports, {
-      document: () => document2,
-      global: () => global,
-      self: () => self,
-      window: () => window2
-    });
-    module2.exports = __toCommonJS2(globals_exports);
-    var global = globalThis;
-    var self = globalThis;
-    var window2 = globalThis;
-    var document2 = window2.document;
-  }
-});
-
 // ../../node_modules/@domql/utils/dist/cjs/cookie.js
 var require_cookie = __commonJS({
   "../../node_modules/@domql/utils/dist/cjs/cookie.js"(exports, module2) {
@@ -4190,43 +3942,9 @@ var require_cookie = __commonJS({
   }
 });
 
-// ../../node_modules/@domql/utils/dist/cjs/index.js
-var require_cjs4 = __commonJS({
-  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __copyProps2 = (to, from2, except, desc) => {
-      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
-        for (let key of __getOwnPropNames2(from2))
-          if (!__hasOwnProp2.call(to, key) && key !== except)
-            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
-      }
-      return to;
-    };
-    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
-    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var utils_exports = {};
-    module2.exports = __toCommonJS2(utils_exports);
-    __reExport(utils_exports, require_key(), module2.exports);
-    __reExport(utils_exports, require_env(), module2.exports);
-    __reExport(utils_exports, require_types(), module2.exports);
-    __reExport(utils_exports, require_object(), module2.exports);
-    __reExport(utils_exports, require_function(), module2.exports);
-    __reExport(utils_exports, require_array(), module2.exports);
-    __reExport(utils_exports, require_node(), module2.exports);
-    __reExport(utils_exports, require_log(), module2.exports);
-    __reExport(utils_exports, require_string(), module2.exports);
-    __reExport(utils_exports, require_globals(), module2.exports);
-    __reExport(utils_exports, require_cookie(), module2.exports);
-  }
-});
-
-// ../../node_modules/@domql/state/dist/cjs/ignore.js
-var require_ignore = __commonJS({
-  "../../node_modules/@domql/state/dist/cjs/ignore.js"(exports, module2) {
+// ../../node_modules/@domql/utils/dist/cjs/tags.js
+var require_tags = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/tags.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
@@ -4245,45 +3963,245 @@ var require_ignore = __commonJS({
       return to;
     };
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
-    var ignore_exports = {};
-    __export2(ignore_exports, {
-      IGNORE_STATE_PARAMS: () => IGNORE_STATE_PARAMS
+    var tags_exports = {};
+    __export2(tags_exports, {
+      HTML_TAGS: () => HTML_TAGS,
+      isValidHtmlTag: () => isValidHtmlTag
     });
-    module2.exports = __toCommonJS2(ignore_exports);
-    var IGNORE_STATE_PARAMS = [
-      "update",
-      "parse",
-      "clean",
-      "create",
-      "destroy",
-      "add",
-      "toggle",
-      "remove",
-      "apply",
-      "set",
-      "rootUpdate",
-      "parentUpdate",
-      "parent",
-      "__element",
-      "__depends",
-      "__ref",
-      "__children",
-      "__root"
-    ];
-  }
-});
-
-// ../../node_modules/@domql/event/dist/cjs/on.js
-var require_on = __commonJS({
-  "../../node_modules/@domql/event/dist/cjs/on.js"(exports, module2) {
-    "use strict";
-    var __defProp2 = Object.defineProperty;
-    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
-    var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-    var __export2 = (target, all) => {
-      for (var name in all)
-        __defProp2(target, name, { get: all[name], enumerable: true });
+    module2.exports = __toCommonJS2(tags_exports);
+    var HTML_TAGS = {
+      root: [
+        "body",
+        "html"
+      ],
+      head: [
+        "title",
+        "base",
+        "meta",
+        "style"
+      ],
+      body: [
+        "string",
+        "fragment",
+        "a",
+        "abbr",
+        "acronym",
+        "address",
+        "applet",
+        "area",
+        "article",
+        "aside",
+        "audio",
+        "b",
+        "basefont",
+        "bdi",
+        "bdo",
+        "big",
+        "blockquote",
+        "br",
+        "button",
+        "canvas",
+        "caption",
+        "center",
+        "cite",
+        "code",
+        "col",
+        "colgroup",
+        "data",
+        "datalist",
+        "dd",
+        "del",
+        "details",
+        "dfn",
+        "dialog",
+        "dir",
+        "div",
+        "dl",
+        "dt",
+        "em",
+        "embed",
+        "fieldset",
+        "figcaption",
+        "figure",
+        "font",
+        "footer",
+        "form",
+        "frame",
+        "frameset",
+        "h1",
+        "h2",
+        "h3",
+        "h4",
+        "h5",
+        "h6",
+        "head",
+        "header",
+        "hr",
+        "i",
+        "iframe",
+        "img",
+        "input",
+        "ins",
+        "kbd",
+        "label",
+        "legend",
+        "li",
+        "link",
+        "main",
+        "map",
+        "mark",
+        "meter",
+        "nav",
+        "noframes",
+        "noscript",
+        "object",
+        "ol",
+        "optgroup",
+        "option",
+        "output",
+        "p",
+        "param",
+        "picture",
+        "pre",
+        "progress",
+        "q",
+        "rp",
+        "rt",
+        "ruby",
+        "s",
+        "samp",
+        "script",
+        "section",
+        "select",
+        "small",
+        "source",
+        "span",
+        "strike",
+        "strong",
+        "sub",
+        "summary",
+        "sup",
+        "table",
+        "tbody",
+        "td",
+        "template",
+        "textarea",
+        "tfoot",
+        "th",
+        "thead",
+        "time",
+        "tr",
+        "track",
+        "tt",
+        "u",
+        "ul",
+        "var",
+        "video",
+        "wbr",
+        // SVG
+        "svg",
+        "path"
+      ]
+    };
+    var isValidHtmlTag = (arg) => HTML_TAGS.body.includes(arg);
+  }
+});
+
+// ../../node_modules/@domql/utils/dist/cjs/index.js
+var require_cjs2 = __commonJS({
+  "../../node_modules/@domql/utils/dist/cjs/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __copyProps2 = (to, from2, except, desc) => {
+      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
+        for (let key of __getOwnPropNames2(from2))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __reExport = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var utils_exports = {};
+    module2.exports = __toCommonJS2(utils_exports);
+    __reExport(utils_exports, require_key(), module2.exports);
+    __reExport(utils_exports, require_env(), module2.exports);
+    __reExport(utils_exports, require_types(), module2.exports);
+    __reExport(utils_exports, require_object(), module2.exports);
+    __reExport(utils_exports, require_function(), module2.exports);
+    __reExport(utils_exports, require_array(), module2.exports);
+    __reExport(utils_exports, require_node(), module2.exports);
+    __reExport(utils_exports, require_log(), module2.exports);
+    __reExport(utils_exports, require_string(), module2.exports);
+    __reExport(utils_exports, require_globals(), module2.exports);
+    __reExport(utils_exports, require_cookie(), module2.exports);
+    __reExport(utils_exports, require_tags(), module2.exports);
+  }
+});
+
+// ../../node_modules/@domql/state/dist/cjs/ignore.js
+var require_ignore = __commonJS({
+  "../../node_modules/@domql/state/dist/cjs/ignore.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from2, except, desc) => {
+      if (from2 && typeof from2 === "object" || typeof from2 === "function") {
+        for (let key of __getOwnPropNames2(from2))
+          if (!__hasOwnProp2.call(to, key) && key !== except)
+            __defProp2(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc2(from2, key)) || desc.enumerable });
+      }
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var ignore_exports = {};
+    __export2(ignore_exports, {
+      IGNORE_STATE_PARAMS: () => IGNORE_STATE_PARAMS
+    });
+    module2.exports = __toCommonJS2(ignore_exports);
+    var IGNORE_STATE_PARAMS = [
+      "update",
+      "parse",
+      "clean",
+      "create",
+      "destroy",
+      "add",
+      "toggle",
+      "remove",
+      "apply",
+      "set",
+      "rootUpdate",
+      "parentUpdate",
+      "parent",
+      "__element",
+      "__depends",
+      "__ref",
+      "__children",
+      "__root"
+    ];
+  }
+});
+
+// ../../node_modules/@domql/event/dist/cjs/on.js
+var require_on = __commonJS({
+  "../../node_modules/@domql/event/dist/cjs/on.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
     };
     var __copyProps2 = (to, from2, except, desc) => {
       if (from2 && typeof from2 === "object" || typeof from2 === "function") {
@@ -4303,12 +4221,12 @@ var require_on = __commonJS({
       triggerEventOnUpdate: () => triggerEventOnUpdate
     });
     module2.exports = __toCommonJS2(on_exports);
-    var import_utils15 = require_cjs4();
+    var import_utils14 = require_cjs2();
     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_utils15.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils14.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEvent(element.on[param], element, state, context, options);
       }
@@ -4317,7 +4235,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_utils15.isFunction)(element.on[param])) {
+      if (element.on && (0, import_utils14.isFunction)(element.on[param])) {
         const { state, context } = element;
         return applyEventUpdate(element.on[param], updatedObj, element, state, context, options);
       }
@@ -4328,7 +4246,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_utils15.isFunction)(appliedFunction)) {
+        if ((0, import_utils14.isFunction)(appliedFunction)) {
           const { state, context } = element;
           node2.addEventListener(param, (event) => appliedFunction(event, element, state, context));
         }
@@ -4338,7 +4256,7 @@ var require_on = __commonJS({
 });
 
 // ../../node_modules/@domql/report/dist/cjs/index.js
-var require_cjs5 = __commonJS({
+var require_cjs3 = __commonJS({
   "../../node_modules/@domql/report/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -4460,17 +4378,17 @@ var require_can = __commonJS({
       canRender: () => canRender
     });
     module2.exports = __toCommonJS2(can_exports);
-    var import_report = require_cjs5();
-    var import_utils15 = require_cjs4();
+    var import_report = require_cjs3();
+    var import_utils14 = require_cjs2();
     var canRender = (element) => {
       const tag = element.tag || "div";
-      return (0, import_utils15.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
+      return (0, import_utils14.isValidHtmlTag)(tag) || (0, import_report.report)("HTMLInvalidTag");
     };
   }
 });
 
 // ../../node_modules/@domql/event/dist/cjs/index.js
-var require_cjs6 = __commonJS({
+var require_cjs4 = __commonJS({
   "../../node_modules/@domql/event/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -4529,11 +4447,11 @@ var require_methods = __commonJS({
       toggle: () => toggle
     });
     module2.exports = __toCommonJS2(methods_exports);
-    var import_utils15 = require_cjs4();
+    var import_utils14 = require_cjs2();
     var import_ignore = require_ignore();
     var parse2 = function() {
       const state = this;
-      if ((0, import_utils15.isObject)(state)) {
+      if ((0, import_utils14.isObject)(state)) {
         const obj = {};
         for (const param in state) {
           if (!import_ignore.IGNORE_STATE_PARAMS.includes(param)) {
@@ -4541,7 +4459,7 @@ var require_methods = __commonJS({
           }
         }
         return obj;
-      } else if ((0, import_utils15.isArray)(state)) {
+      } else if ((0, import_utils14.isArray)(state)) {
         return state.filter((item) => !import_ignore.IGNORE_STATE_PARAMS.includes(item));
       }
     };
@@ -4561,7 +4479,7 @@ var require_methods = __commonJS({
       const state = this;
       const element = state.__element;
       const stateKey = element.__ref.__state;
-      if ((0, import_utils15.isString)(stateKey)) {
+      if ((0, import_utils14.isString)(stateKey)) {
         element.parent.state.remove(stateKey, { isHoisted: true, ...options });
         return element.state;
       }
@@ -4596,10 +4514,10 @@ var require_methods = __commonJS({
     };
     var add = function(value, options = {}) {
       const state = this;
-      if ((0, import_utils15.isArray)(state)) {
+      if ((0, import_utils14.isArray)(state)) {
         state.push(value);
         state.update(state.parse(), { overwrite: "replace", ...options });
-      } else if ((0, import_utils15.isObject)(state)) {
+      } else if ((0, import_utils14.isObject)(state)) {
         const key = Object.keys(state).length;
         state.update({ [key]: value }, options);
       }
@@ -4610,10 +4528,10 @@ var require_methods = __commonJS({
     };
     var remove = function(key, options = {}) {
       const state = this;
-      if ((0, import_utils15.isArray)(state))
-        (0, import_utils15.removeFromArray)(state, key);
-      if ((0, import_utils15.isObject)(state))
-        (0, import_utils15.removeFromObject)(state, key);
+      if ((0, import_utils14.isArray)(state))
+        (0, import_utils14.removeFromArray)(state, key);
+      if ((0, import_utils14.isObject)(state))
+        (0, import_utils14.removeFromObject)(state, key);
       return state.update(state.parse(), { replace: true, ...options });
     };
     var set2 = function(value, options = {}) {
@@ -4622,7 +4540,7 @@ var require_methods = __commonJS({
     };
     var apply = function(func, options = {}) {
       const state = this;
-      if ((0, import_utils15.isFunction)(func)) {
+      if ((0, import_utils14.isFunction)(func)) {
         func(state);
         return state.update(state, { replace: true, ...options });
       }
@@ -4662,7 +4580,7 @@ var require_inherit = __commonJS({
       isState: () => isState3
     });
     module2.exports = __toCommonJS2(inherit_exports);
-    var import_utils15 = require_cjs4();
+    var import_utils14 = require_cjs2();
     var import_ignore = require_ignore();
     var getParentStateInKey = (stateKey, parentState) => {
       if (!stateKey.includes("../"))
@@ -4716,9 +4634,9 @@ var require_inherit = __commonJS({
       const inheritedState = findInheritedState(element, parent);
       if (!inheritedState)
         return element.state;
-      if ((0, import_utils15.is)(inheritedState)("object", "array")) {
-        return (0, import_utils15.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
-      } else if ((0, import_utils15.is)(inheritedState)("string", "number")) {
+      if ((0, import_utils14.is)(inheritedState)("object", "array")) {
+        return (0, import_utils14.deepClone)(inheritedState, import_ignore.IGNORE_STATE_PARAMS);
+      } else if ((0, import_utils14.is)(inheritedState)("string", "number")) {
         ref.__stateType = "string";
         return { value: inheritedState };
       }
@@ -4727,12 +4645,12 @@ var require_inherit = __commonJS({
     var checkIfInherits = (element) => {
       const ref = element.__ref;
       const stateKey = ref.__state;
-      if (!stateKey || (0, import_utils15.isNot)(stateKey)("number", "string"))
+      if (!stateKey || (0, import_utils14.isNot)(stateKey)("number", "string"))
         return false;
       return true;
     };
     var isState3 = function(state) {
-      if (!(0, import_utils15.isObjectLike)(state))
+      if (!(0, import_utils14.isObjectLike)(state))
         return false;
       return state.update && state.parse && state.clean && state.create && state.parent && state.destroy && state.rootUpdate && state.parentUpdate && state.toggle && state.add && state.apply && state.__element && state.__children;
     };
@@ -4778,10 +4696,10 @@ var require_updateState = __commonJS({
       updateState: () => updateState
     });
     module2.exports = __toCommonJS2(updateState_exports);
-    var import_report = require_cjs5();
-    var import_event = require_cjs6();
+    var import_report = require_cjs3();
+    var import_event = require_cjs4();
     var import_ignore = require_ignore();
-    var import_utils15 = require_cjs4();
+    var import_utils14 = require_cjs2();
     var import_inherit = require_inherit();
     var STATE_UPDATE_OPTIONS = {
       overwrite: true,
@@ -4795,7 +4713,7 @@ var require_updateState = __commonJS({
       const state = this;
       const element = state.__element;
       if (!options.updateByState)
-        (0, import_utils15.merge)(options, STATE_UPDATE_OPTIONS);
+        (0, import_utils14.merge)(options, STATE_UPDATE_OPTIONS);
       if (!state.__element)
         (0, import_report.report)("ElementOnStateIsNotDefined");
       if (options.preventInheritAtCurrentState === true) {
@@ -4825,10 +4743,10 @@ var require_updateState = __commonJS({
       const shallow = overwrite === "shallow";
       const merge22 = overwrite === "merge";
       if (merge22) {
-        (0, import_utils15.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
+        (0, import_utils14.deepMerge)(state, obj, import_ignore.IGNORE_STATE_PARAMS);
         return;
       }
-      const overwriteFunc = shallow ? import_utils15.overwriteShallow : import_utils15.overwriteDeep;
+      const overwriteFunc = shallow ? import_utils14.overwriteShallow : import_utils14.overwriteDeep;
       overwriteFunc(state, obj, import_ignore.IGNORE_STATE_PARAMS);
     };
     var hoistStateUpdate = (state, obj, options) => {
@@ -4917,8 +4835,8 @@ var require_createState = __commonJS({
       createState: () => createState
     });
     module2.exports = __toCommonJS2(createState_exports);
-    var import_event = require_cjs6();
-    var import_utils15 = require_cjs4();
+    var import_event = require_cjs4();
+    var import_utils14 = require_cjs2();
     var import_ignore = require_ignore();
     var import_methods = require_methods();
     var import_updateState = require_updateState();
@@ -4929,7 +4847,7 @@ var require_createState = __commonJS({
       if (objectizeState === false)
         return parent.state || {};
       else
-        element.state = (0, import_utils15.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
+        element.state = (0, import_utils14.deepClone)(objectizeState, import_ignore.IGNORE_STATE_PARAMS);
       const whatInitReturns = (0, import_event.triggerEventOn)("stateInit", element, options);
       if (whatInitReturns === false)
         return element.state;
@@ -4956,18 +4874,18 @@ var require_createState = __commonJS({
       const { __ref: ref } = state;
       if (!ref)
         return;
-      const dependentState = (0, import_utils15.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
+      const dependentState = (0, import_utils14.deepClone)(ref, import_ignore.IGNORE_STATE_PARAMS);
       const newDepends = { [element.key]: dependentState };
-      ref.__depends = (0, import_utils15.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
+      ref.__depends = (0, import_utils14.isObject)(ref.__depends) ? { ...ref.__depends, ...newDepends } : newDepends;
       return dependentState;
     };
     var checkForTypes = (element) => {
       const { state, __ref: ref } = element;
-      if ((0, import_utils15.isFunction)(state)) {
+      if ((0, import_utils14.isFunction)(state)) {
         ref.__state = state;
-        return (0, import_utils15.exec)(state, element);
+        return (0, import_utils14.exec)(state, element);
       }
-      if ((0, import_utils15.is)(state)("string", "number")) {
+      if ((0, import_utils14.is)(state)("string", "number")) {
         ref.__state = state;
         return {};
       }
@@ -5015,7 +4933,7 @@ var require_createState = __commonJS({
         __children: {},
         __root: ref.__root ? ref.__root.state : state
       };
-      if ((0, import_utils15.isArray)(state)) {
+      if ((0, import_utils14.isArray)(state)) {
         addProtoToArray(state, proto);
       } else {
         Object.setPrototypeOf(state, proto);
@@ -5027,7 +4945,7 @@ var require_createState = __commonJS({
 });
 
 // ../../node_modules/@domql/state/dist/cjs/index.js
-var require_cjs7 = __commonJS({
+var require_cjs5 = __commonJS({
   "../../node_modules/@domql/state/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -9234,7 +9152,7 @@ var require_headless_datepicker = __commonJS({
 });
 
 // ../../node_modules/@domql/router/dist/cjs/index.js
-var require_cjs8 = __commonJS({
+var require_cjs6 = __commonJS({
   "../../node_modules/@domql/router/dist/cjs/index.js"(exports, module2) {
     "use strict";
     var __defProp2 = Object.defineProperty;
@@ -9263,8 +9181,8 @@ var require_cjs8 = __commonJS({
       router: () => router
     });
     module2.exports = __toCommonJS2(router_exports);
-    var import_globals = require_cjs3();
-    var getActiveRoute = (level = 0, route = import_globals.window.location.pathname) => {
+    var import_utils14 = require_cjs2();
+    var getActiveRoute = (level = 0, route = import_utils14.window.location.pathname) => {
       const routeArray = route.split("/");
       const activeRoute = routeArray[level + 1];
       if (activeRoute)
@@ -9278,7 +9196,7 @@ var require_cjs8 = __commonJS({
       initialRender: false,
       scrollToTop: true,
       scrollToNode: false,
-      scrollNode: import_globals.document && import_globals.document.documentElement,
+      scrollNode: import_utils14.document && import_utils14.document.documentElement,
       scrollBody: false,
       useFragment: false,
       updateState: true,
@@ -9293,13 +9211,13 @@ var require_cjs8 = __commonJS({
       const route = getActiveRoute(options.level, pathname);
       const content = element.routes[route || "/"] || element.routes["/*"];
       const scrollNode = options.scrollToNode ? rootNode : options.scrollNode;
-      const hashChanged = hash2 && hash2 !== import_globals.window.location.hash.slice(1);
+      const hashChanged = hash2 && hash2 !== import_utils14.window.location.hash.slice(1);
       const pathChanged = pathname !== lastPathname;
       lastPathname = pathname;
       if (!content)
         return;
       if (options.pushState) {
-        import_globals.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
+        import_utils14.window.history.pushState(state, null, pathname + (hash2 ? `#${hash2}` : ""));
       }
       if (pathChanged || !hashChanged) {
         if (options.updateState) {
@@ -9325,7 +9243,7 @@ var require_cjs8 = __commonJS({
         });
       }
       if (hash2) {
-        const activeNode = import_globals.document.getElementById(hash2);
+        const activeNode = import_utils14.document.getElementById(hash2);
         if (activeNode) {
           const top = activeNode.getBoundingClientRect().top + rootNode.scrollTop - options.scrollToOffset || 0;
           scrollNode.scrollTo({
@@ -9704,7 +9622,7 @@ var Form = {
 };
 
 // Atoms/Media.js
-var import_utils = __toESM(require_cjs4());
+var import_utils = __toESM(require_cjs2());
 
 // Atoms/Theme.js
 var import_scratch5 = __toESM(require_cjs());
@@ -10316,8 +10234,8 @@ var Overflow = {
 };
 
 // Atoms/Collection.js
-var import_state = __toESM(require_cjs7());
-var import_utils2 = __toESM(require_cjs4());
+var import_state = __toESM(require_cjs5());
+var import_utils2 = __toESM(require_cjs2());
 var Collection = {
   define: {
     $setCollection: (param, el, state) => {
@@ -10484,7 +10402,7 @@ var Svg = {
 };
 
 // Atoms/Shape/index.js
-var import_utils3 = __toESM(require_cjs4());
+var import_utils3 = __toESM(require_cjs2());
 var import_scratch7 = __toESM(require_cjs());
 var transformBorderRadius = (radius, props6, propertyName) => {
   if (!(0, import_utils3.isString)(radius))
@@ -10587,7 +10505,7 @@ var XYZ = {
 
 // Atoms/Animation.js
 var import_scratch9 = __toESM(require_cjs());
-var import_utils5 = __toESM(require_cjs4());
+var import_utils5 = __toESM(require_cjs2());
 
 // ../../node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
 function sheetForTag(tag) {
@@ -11438,7 +11356,7 @@ var createCache = function createCache2(options) {
   return cache;
 };
 
-// ../../packages/emotion/node_modules/@emotion/hash/dist/emotion-hash.esm.js
+// ../../node_modules/@emotion/hash/dist/emotion-hash.esm.js
 function murmur2(str) {
   var h = 0;
   var k, i = 0, len = str.length;
@@ -11468,7 +11386,7 @@ function murmur2(str) {
   return ((h ^ h >>> 15) >>> 0).toString(36);
 }
 
-// ../../packages/emotion/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
+// ../../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
 var unitlessKeys = {
   animationIterationCount: 1,
   aspectRatio: 1,
@@ -11519,7 +11437,7 @@ var unitlessKeys = {
   strokeWidth: 1
 };
 
-// ../../packages/emotion/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js
+// ../../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:
@@ -11564,7 +11482,7 @@ if (true) {
   msPattern = /^-ms-/;
   hyphenPattern = /-(.)/g;
   hyphenatedCache = {};
-  processStyleValue = function processStyleValue5(key, value) {
+  processStyleValue = function processStyleValue3(key, value) {
     if (key === "content") {
       if (typeof value !== "string" || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
         throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
@@ -11772,7 +11690,7 @@ var serializeStyles = function serializeStyles2(args, registered, mergedProps) {
   };
 };
 
-// ../../packages/emotion/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
+// ../../node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
 var isBrowser = true;
 function getRegisteredStyles(registered, registeredStyles, classNames) {
   var rawClassName = "";
@@ -11814,7 +11732,7 @@ var insertStyles = function insertStyles2(cache, serialized, isStringTag) {
   }
 };
 
-// ../../packages/emotion/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);
@@ -11983,7 +11901,7 @@ var Animation = {
 };
 
 // Box/index.js
-var import_utils6 = __toESM(require_cjs4());
+var import_utils6 = __toESM(require_cjs2());
 var PropsCSS = {
   class: {
     style: ({ props: props6 }) => props6 && props6.style
@@ -13178,7 +13096,7 @@ var FileIcon = {
 };
 
 // Link/index.js
-var import_router = __toESM(require_cjs8());
+var import_router = __toESM(require_cjs6());
 var Link = {
   extend: Focusable,
   tag: "a",
@@ -13209,6 +13127,7 @@ var RouterLink = {
       const { utils, routerOptions } = ctx;
       const { router } = utils;
       const root = el.__ref.__root;
+      console.log(href);
       const linkIsExternal = href.includes("http://") || href.includes("https://") || href.includes("mailto:") || href.includes("tel:");
       const options = props6.routerOptions || routerOptions || {
         scrollToOptions: { behaviour: "instant" }
@@ -13225,7 +13144,7 @@ var RouteLink = {
 };
 
 // Input/index.js
-var import_utils7 = __toESM(require_cjs4());
+var import_utils7 = __toESM(require_cjs2());
 var Input2 = {
   extend: [Focusable],
   tag: "input",
@@ -13276,7 +13195,7 @@ var import_scratch10 = __toESM(require_cjs());
 var import_scratch11 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Media.js
-var import_utils8 = __toESM(require_cjs4());
+var import_utils8 = __toESM(require_cjs2());
 
 // Field/node_modules/@symbo.ls/atoms/Theme.js
 var import_scratch14 = __toESM(require_cjs());
@@ -13315,14 +13234,14 @@ var Focusable2 = {
 };
 
 // Field/node_modules/@symbo.ls/atoms/Collection.js
-var import_state2 = __toESM(require_cjs7());
-var import_utils9 = __toESM(require_cjs4());
+var import_state2 = __toESM(require_cjs5());
+var import_utils9 = __toESM(require_cjs2());
 
 // 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_utils10 = __toESM(require_cjs4());
+var import_utils10 = __toESM(require_cjs2());
 var import_scratch16 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Text.js
@@ -13330,504 +13249,14 @@ var import_scratch17 = __toESM(require_cjs());
 
 // Field/node_modules/@symbo.ls/atoms/Animation.js
 var import_scratch18 = __toESM(require_cjs());
-var import_utils12 = __toESM(require_cjs4());
-
-// Field/node_modules/@emotion/hash/dist/emotion-hash.esm.js
-function murmur22(str) {
-  var h = 0;
-  var k, i = 0, len = str.length;
-  for (; len >= 4; ++i, len -= 4) {
-    k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
-    k = /* Math.imul(k, m): */
-    (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
-    k ^= /* k >>> r: */
-    k >>> 24;
-    h = /* Math.imul(k, m): */
-    (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
-    (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-  }
-  switch (len) {
-    case 3:
-      h ^= (str.charCodeAt(i + 2) & 255) << 16;
-    case 2:
-      h ^= (str.charCodeAt(i + 1) & 255) << 8;
-    case 1:
-      h ^= str.charCodeAt(i) & 255;
-      h = /* Math.imul(h, m): */
-      (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-  }
-  h ^= h >>> 13;
-  h = /* Math.imul(h, m): */
-  (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
-  return ((h ^ h >>> 15) >>> 0).toString(36);
-}
-
-// Field/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
-var unitlessKeys2 = {
-  animationIterationCount: 1,
-  aspectRatio: 1,
-  borderImageOutset: 1,
-  borderImageSlice: 1,
-  borderImageWidth: 1,
-  boxFlex: 1,
-  boxFlexGroup: 1,
-  boxOrdinalGroup: 1,
-  columnCount: 1,
-  columns: 1,
-  flex: 1,
-  flexGrow: 1,
-  flexPositive: 1,
-  flexShrink: 1,
-  flexNegative: 1,
-  flexOrder: 1,
-  gridRow: 1,
-  gridRowEnd: 1,
-  gridRowSpan: 1,
-  gridRowStart: 1,
-  gridColumn: 1,
-  gridColumnEnd: 1,
-  gridColumnSpan: 1,
-  gridColumnStart: 1,
-  msGridRow: 1,
-  msGridRowSpan: 1,
-  msGridColumn: 1,
-  msGridColumnSpan: 1,
-  fontWeight: 1,
-  lineHeight: 1,
-  opacity: 1,
-  order: 1,
-  orphans: 1,
-  tabSize: 1,
-  widows: 1,
-  zIndex: 1,
-  zoom: 1,
-  WebkitLineClamp: 1,
-  // SVG-related properties
-  fillOpacity: 1,
-  floodOpacity: 1,
-  stopOpacity: 1,
-  strokeDasharray: 1,
-  strokeDashoffset: 1,
-  strokeMiterlimit: 1,
-  strokeOpacity: 1,
-  strokeWidth: 1
-};
-
-// Field/node_modules/@emotion/serialize/dist/emotion-serialize.browser.esm.js
-var ILLEGAL_ESCAPE_SEQUENCE_ERROR2 = `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:
-https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals#ES2018_revision_of_illegal_escape_sequences`;
-var UNDEFINED_AS_OBJECT_KEY_ERROR2 = "You have passed in falsy value as style object's key (can happen when in example you pass unexported component as computed key).";
-var hyphenateRegex2 = /[A-Z]|^ms/g;
-var animationRegex2 = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
-var isCustomProperty3 = function isCustomProperty4(property) {
-  return property.charCodeAt(1) === 45;
-};
-var isProcessableValue3 = function isProcessableValue4(value) {
-  return value != null && typeof value !== "boolean";
-};
-var processStyleName2 = /* @__PURE__ */ memoize(function(styleName) {
-  return isCustomProperty3(styleName) ? styleName : styleName.replace(hyphenateRegex2, "-$&").toLowerCase();
-});
-var processStyleValue3 = function processStyleValue4(key, value) {
-  switch (key) {
-    case "animation":
-    case "animationName": {
-      if (typeof value === "string") {
-        return value.replace(animationRegex2, function(match2, p1, p2) {
-          cursor2 = {
-            name: p1,
-            styles: p2,
-            next: cursor2
-          };
-          return p1;
-        });
-      }
-    }
-  }
-  if (unitlessKeys2[key] !== 1 && !isCustomProperty3(key) && typeof value === "number" && value !== 0) {
-    return value + "px";
-  }
-  return value;
-};
-if (true) {
-  contentValuePattern = /(var|attr|counters?|url|element|(((repeating-)?(linear|radial))|conic)-gradient)\(|(no-)?(open|close)-quote/;
-  contentValues = ["normal", "none", "initial", "inherit", "unset"];
-  oldProcessStyleValue = processStyleValue3;
-  msPattern = /^-ms-/;
-  hyphenPattern = /-(.)/g;
-  hyphenatedCache = {};
-  processStyleValue3 = function processStyleValue5(key, value) {
-    if (key === "content") {
-      if (typeof value !== "string" || contentValues.indexOf(value) === -1 && !contentValuePattern.test(value) && (value.charAt(0) !== value.charAt(value.length - 1) || value.charAt(0) !== '"' && value.charAt(0) !== "'")) {
-        throw new Error("You seem to be using a value for 'content' without quotes, try replacing it with `content: '\"" + value + "\"'`");
-      }
-    }
-    var processed = oldProcessStyleValue(key, value);
-    if (processed !== "" && !isCustomProperty3(key) && key.indexOf("-") !== -1 && hyphenatedCache[key] === void 0) {
-      hyphenatedCache[key] = true;
-      console.error("Using kebab-case for css properties in objects is not supported. Did you mean " + key.replace(msPattern, "ms-").replace(hyphenPattern, function(str, _char) {
-        return _char.toUpperCase();
-      }) + "?");
-    }
-    return processed;
-  };
-}
-var contentValuePattern;
-var contentValues;
-var oldProcessStyleValue;
-var msPattern;
-var hyphenPattern;
-var hyphenatedCache;
-var noComponentSelectorMessage2 = "Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform.";
-function handleInterpolation2(mergedProps, registered, interpolation) {
-  if (interpolation == null) {
-    return "";
-  }
-  if (interpolation.__emotion_styles !== void 0) {
-    if (interpolation.toString() === "NO_COMPONENT_SELECTOR") {
-      throw new Error(noComponentSelectorMessage2);
-    }
-    return interpolation;
-  }
-  switch (typeof interpolation) {
-    case "boolean": {
-      return "";
-    }
-    case "object": {
-      if (interpolation.anim === 1) {
-        cursor2 = {
-          name: interpolation.name,
-          styles: interpolation.styles,
-          next: cursor2
-        };
-        return interpolation.name;
-      }
-      if (interpolation.styles !== void 0) {
-        var next2 = interpolation.next;
-        if (next2 !== void 0) {
-          while (next2 !== void 0) {
-            cursor2 = {
-              name: next2.name,
-              styles: next2.styles,
-              next: cursor2
-            };
-            next2 = next2.next;
-          }
-        }
-        var styles = interpolation.styles + ";";
-        if (interpolation.map !== void 0) {
-          styles += interpolation.map;
-        }
-        return styles;
-      }
-      return createStringFromObject2(mergedProps, registered, interpolation);
-    }
-    case "function": {
-      if (mergedProps !== void 0) {
-        var previousCursor = cursor2;
-        var result = interpolation(mergedProps);
-        cursor2 = previousCursor;
-        return handleInterpolation2(mergedProps, registered, result);
-      } else if (true) {
-        console.error("Functions that are interpolated in css calls will be stringified.\nIf you want to have a css call based on props, create a function that returns a css call like this\nlet dynamicStyle = (props) => css`color: ${props.color}`\nIt can be called directly with props or interpolated in a styled call like this\nlet SomeComponent = styled('div')`${dynamicStyle}`");
-      }
-      break;
-    }
-    case "string":
-      if (true) {
-        var matched = [];
-        var replaced = interpolation.replace(animationRegex2, function(match2, p1, p2) {
-          var fakeVarName = "animation" + matched.length;
-          matched.push("const " + fakeVarName + " = keyframes`" + p2.replace(/^@keyframes animation-\w+/, "") + "`");
-          return "${" + fakeVarName + "}";
-        });
-        if (matched.length) {
-          console.error("`keyframes` output got interpolated into plain string, please wrap it with `css`.\n\nInstead of doing this:\n\n" + [].concat(matched, ["`" + replaced + "`"]).join("\n") + "\n\nYou should wrap it with `css` like this:\n\n" + ("css`" + replaced + "`"));
-        }
-      }
-      break;
-  }
-  if (registered == null) {
-    return interpolation;
-  }
-  var cached = registered[interpolation];
-  return cached !== void 0 ? cached : interpolation;
-}
-function createStringFromObject2(mergedProps, registered, obj) {
-  var string = "";
-  if (Array.isArray(obj)) {
-    for (var i = 0; i < obj.length; i++) {
-      string += handleInterpolation2(mergedProps, registered, obj[i]) + ";";
-    }
-  } else {
-    for (var _key in obj) {
-      var value = obj[_key];
-      if (typeof value !== "object") {
-        if (registered != null && registered[value] !== void 0) {
-          string += _key + "{" + registered[value] + "}";
-        } else if (isProcessableValue3(value)) {
-          string += processStyleName2(_key) + ":" + processStyleValue3(_key, value) + ";";
-        }
-      } else {
-        if (_key === "NO_COMPONENT_SELECTOR" && true) {
-          throw new Error(noComponentSelectorMessage2);
-        }
-        if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
-          for (var _i = 0; _i < value.length; _i++) {
-            if (isProcessableValue3(value[_i])) {
-              string += processStyleName2(_key) + ":" + processStyleValue3(_key, value[_i]) + ";";
-            }
-          }
-        } else {
-          var interpolated = handleInterpolation2(mergedProps, registered, value);
-          switch (_key) {
-            case "animation":
-            case "animationName": {
-              string += processStyleName2(_key) + ":" + interpolated + ";";
-              break;
-            }
-            default: {
-              if (_key === "undefined") {
-                console.error(UNDEFINED_AS_OBJECT_KEY_ERROR2);
-              }
-              string += _key + "{" + interpolated + "}";
-            }
-          }
-        }
-      }
-    }
-  }
-  return string;
-}
-var labelPattern2 = /label:\s*([^\s;\n{]+)\s*(;|$)/g;
-var sourceMapPattern2;
-if (true) {
-  sourceMapPattern2 = /\/\*#\ssourceMappingURL=data:application\/json;\S+\s+\*\//g;
-}
-var cursor2;
-var serializeStyles3 = function serializeStyles4(args, registered, mergedProps) {
-  if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) {
-    return args[0];
-  }
-  var stringMode = true;
-  var styles = "";
-  cursor2 = void 0;
-  var strings = args[0];
-  if (strings == null || strings.raw === void 0) {
-    stringMode = false;
-    styles += handleInterpolation2(mergedProps, registered, strings);
-  } else {
-    if (strings[0] === void 0) {
-      console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
-    }
-    styles += strings[0];
-  }
-  for (var i = 1; i < args.length; i++) {
-    styles += handleInterpolation2(mergedProps, registered, args[i]);
-    if (stringMode) {
-      if (strings[i] === void 0) {
-        console.error(ILLEGAL_ESCAPE_SEQUENCE_ERROR2);
-      }
-      styles += strings[i];
-    }
-  }
-  var sourceMap;
-  if (true) {
-    styles = styles.replace(sourceMapPattern2, function(match3) {
-      sourceMap = match3;
-      return "";
-    });
-  }
-  labelPattern2.lastIndex = 0;
-  var identifierName = "";
-  var match2;
-  while ((match2 = labelPattern2.exec(styles)) !== null) {
-    identifierName += "-" + // $FlowFixMe we know it's not null
-    match2[1];
-  }
-  var name = murmur22(styles) + identifierName;
-  if (true) {
-    return {
-      name,
-      styles,
-      map: sourceMap,
-      next: cursor2,
-      toString: function toString() {
-        return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-      }
-    };
-  }
-  return {
-    name,
-    styles,
-    next: cursor2
-  };
-};
-
-// Field/node_modules/@emotion/utils/dist/emotion-utils.browser.esm.js
-var isBrowser2 = true;
-function getRegisteredStyles2(registered, registeredStyles, classNames) {
-  var rawClassName = "";
-  classNames.split(" ").forEach(function(className) {
-    if (registered[className] !== void 0) {
-      registeredStyles.push(registered[className] + ";");
-    } else {
-      rawClassName += className + " ";
-    }
-  });
-  return rawClassName;
-}
-var registerStyles3 = function registerStyles4(cache, serialized, isStringTag) {
-  var className = cache.key + "-" + serialized.name;
-  if (
-    // we only need to add the styles to the registered cache if the
-    // class name could be used further down
-    // the tree but if it's a string tag, we know it won't
-    // so we don't have to add it to registered cache.
-    // this improves memory usage since we can avoid storing the whole style string
-    (isStringTag === false || // we need to always store it if we're in compat mode and
-    // in node since emotion-server relies on whether a style is in
-    // the registered cache to know whether a style is global or not
-    // also, note that this check will be dead code eliminated in the browser
-    isBrowser2 === false) && cache.registered[className] === void 0
-  ) {
-    cache.registered[className] = serialized.styles;
-  }
-};
-var insertStyles3 = function insertStyles4(cache, serialized, isStringTag) {
-  registerStyles3(cache, serialized, isStringTag);
-  var className = cache.key + "-" + serialized.name;
-  if (cache.inserted[serialized.name] === void 0) {
-    var current = serialized;
-    do {
-      cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
-      current = current.next;
-    } while (current !== void 0);
-  }
-};
-
-// Field/node_modules/@symbo.ls/emotion/node_modules/@emotion/css/create-instance/dist/emotion-css-create-instance.esm.js
-function insertWithoutScoping2(cache, serialized) {
-  if (cache.inserted[serialized.name] === void 0) {
-    return cache.insert("", serialized, cache.sheet, true);
-  }
-}
-function merge4(registered, css, className) {
-  var registeredStyles = [];
-  var rawClassName = getRegisteredStyles2(registered, registeredStyles, className);
-  if (registeredStyles.length < 2) {
-    return className;
-  }
-  return rawClassName + css(registeredStyles);
-}
-var createEmotion4 = function createEmotion5(options) {
-  var cache = createCache(options);
-  cache.sheet.speedy = function(value) {
-    if (this.ctr !== 0) {
-      throw new Error("speedy must be changed before any rules are inserted");
-    }
-    this.isSpeedy = value;
-  };
-  cache.compat = true;
-  var css = function css2() {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    var serialized = serializeStyles3(args, cache.registered, void 0);
-    insertStyles3(cache, serialized, false);
-    return cache.key + "-" + serialized.name;
-  };
-  var keyframes3 = function keyframes4() {
-    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      args[_key2] = arguments[_key2];
-    }
-    var serialized = serializeStyles3(args, cache.registered);
-    var animation = "animation-" + serialized.name;
-    insertWithoutScoping2(cache, {
-      name: serialized.name,
-      styles: "@keyframes " + animation + "{" + serialized.styles + "}"
-    });
-    return animation;
-  };
-  var injectGlobal = function injectGlobal2() {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-    var serialized = serializeStyles3(args, cache.registered);
-    insertWithoutScoping2(cache, serialized);
-  };
-  var cx = function cx2() {
-    for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-      args[_key4] = arguments[_key4];
-    }
-    return merge4(cache.registered, css, classnames3(args));
-  };
-  return {
-    css,
-    cx,
-    injectGlobal,
-    keyframes: keyframes3,
-    hydrate: function hydrate(ids) {
-      ids.forEach(function(key) {
-        cache.inserted[key] = true;
-      });
-    },
-    flush: function flush() {
-      cache.registered = {};
-      cache.inserted = {};
-      cache.sheet.flush();
-    },
-    // $FlowFixMe
-    sheet: cache.sheet,
-    cache,
-    getRegisteredStyles: getRegisteredStyles2.bind(null, cache.registered),
-    merge: merge4.bind(null, cache.registered, css)
-  };
-};
-var classnames3 = function classnames4(args) {
-  var cls = "";
-  for (var i = 0; i < args.length; i++) {
-    var arg = args[i];
-    if (arg == null)
-      continue;
-    var toAdd = void 0;
-    switch (typeof arg) {
-      case "boolean":
-        break;
-      case "object": {
-        if (Array.isArray(arg)) {
-          toAdd = classnames4(arg);
-        } else {
-          toAdd = "";
-          for (var k in arg) {
-            if (arg[k] && k) {
-              toAdd && (toAdd += " ");
-              toAdd += k;
-            }
-          }
-        }
-        break;
-      }
-      default: {
-        toAdd = arg;
-      }
-    }
-    if (toAdd) {
-      cls && (cls += " ");
-      cls += toAdd;
-    }
-  }
-  return cls;
-};
+var import_utils11 = __toESM(require_cjs2());
 
 // Field/node_modules/@symbo.ls/emotion/index.js
-var createEmotion6 = (key = "smbls", container) => {
+var createEmotion4 = (key = "smbls", container) => {
   const cleanKey = key.replaceAll(/\./g, "-");
-  return createEmotion4({ key: cleanKey, container });
+  return createEmotion({ key: cleanKey, container });
 };
-var emotion2 = createEmotion6();
+var emotion2 = createEmotion4();
 
 // Field/node_modules/@symbo.ls/atoms/Animation.js
 var { keyframes: keyframes2 } = emotion2;
@@ -13888,7 +13317,7 @@ var Video = {
 };
 
 // Range/index.js
-var import_utils13 = __toESM(require_cjs4());
+var import_utils12 = __toESM(require_cjs2());
 var import_scratch19 = __toESM(require_cjs());
 var props4 = {
   appearance: "none",
@@ -13956,7 +13385,7 @@ var Range = {
 };
 var listenProp = (el, prop, def) => {
   const val = el.props && el.props[prop];
-  const r = (0, import_utils13.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 50;
+  const r = (0, import_utils12.isFunction)(val) ? val(el, el.state) : val !== void 0 ? val : def !== void 0 ? def : 50;
   return r + "";
 };
 var RangeWithButtons = {
@@ -13965,7 +13394,7 @@ var RangeWithButtons = {
     props: { theme: "tertiary", icon: "minus" },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils13.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
+        el.props && (0, import_utils12.isFunction)(el.props.onClick) && el.props.onClick(ev, el, s);
       }
     }
   },
@@ -13986,8 +13415,8 @@ var RangeWithButtons = {
       step: (el, s) => listenProp(el, "step", 1)
     },
     on: {
-      input: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.onInput) && el.props.onInput(ev, el, el.state),
-      change: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.onChange) && el.props.onChange(ev, el, el.state)
+      input: (ev, el, s) => el.props && (0, import_utils12.isFunction)(el.props.onInput) && el.props.onInput(ev, el, el.state),
+      change: (ev, el, s) => el.props && (0, import_utils12.isFunction)(el.props.onChange) && el.props.onChange(ev, el, el.state)
     }
   },
   plus: {
@@ -13995,7 +13424,7 @@ var RangeWithButtons = {
     props: { theme: "tertiary", icon: "plus" },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils13.isFunction)(el.props.onClick) && el.props.onClick(ev, el, el.state);
+        el.props && (0, import_utils12.isFunction)(el.props.onClick) && el.props.onClick(ev, el, el.state);
       }
     }
   }
@@ -14022,7 +13451,7 @@ var style_default = {
 
 // Slider/index.js
 var import_scratch20 = __toESM(require_cjs());
-var import_utils14 = __toESM(require_cjs4());
+var import_utils13 = __toESM(require_cjs2());
 (0, import_scratch20.set)({
   theme: {
     sliderThumb: {
@@ -14054,7 +13483,7 @@ var RangeSlider = {
 };
 var listenProp2 = (el, prop, def) => {
   const val = el && el.props && el.props[prop];
-  const r = ((0, import_utils14.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
+  const r = ((0, import_utils13.isFunction)(val) ? val() : val) || (def !== void 0 ? def : 50);
   return r;
 };
 var Slider = {
@@ -14065,10 +13494,10 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils14.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils13.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props6 = input.props;
-        const value = (0, import_utils14.isFunction)(props6.value) ? props6.value() : props6.value;
+        const value = (0, import_utils13.isFunction)(props6.value) ? props6.value() : props6.value;
         input.node.value = value;
       }
     }
@@ -14091,8 +13520,8 @@ var Slider = {
       step: (el, s) => listenProp2(el, "step", 1)
     },
     on: {
-      input: (ev, el, s) => el.props && (0, import_utils14.isFunction)(el.props.input) && el.props.input(ev, el, s),
-      change: (ev, el, s) => el.props && (0, import_utils14.isFunction)(el.props.change) && el.props.change(ev, el, s)
+      input: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.input) && el.props.input(ev, el, s),
+      change: (ev, el, s) => el.props && (0, import_utils13.isFunction)(el.props.change) && el.props.change(ev, el, s)
     }
   },
   button1: {
@@ -14102,10 +13531,10 @@ var Slider = {
     },
     on: {
       click: (ev, el, s) => {
-        el.props && (0, import_utils14.isFunction)(el.props.click) && el.props.click(ev, el, s);
+        el.props && (0, import_utils13.isFunction)(el.props.click) && el.props.click(ev, el, s);
         const input = el.parent.input;
         const props6 = input.props;
-        const value = (0, import_utils14.isFunction)(props6.value) ? props6.value() : props6.value;
+        const value = (0, import_utils13.isFunction)(props6.value) ? props6.value() : props6.value;
         input.node.value = value;
       }
     }