@symbo.ls/create 2.11.461 → 2.11.462

package/dist/cjs/bundle/index.js

@@ -21392,7 +21392,7 @@ var require_component3 = __commonJS({
           newElem.define[k] = prop;
         }
         const isComponent = (0, import_utils30.checkIfKeyIsComponent)(k);
-        const isRegistry = import_mixins.registry[k];
+        const isRegistry = import_mixins.REGISTRY[k];
         if (isComponent || isRegistry) {
           newElem[k] = prop;
         } else {
@@ -21484,13 +21484,14 @@ var require_attr = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var attr_exports = {};
     __export2(attr_exports, {
+      attr: () => attr,
       default: () => attr_default
     });
     module2.exports = __toCommonJS2(attr_exports);
     var import_utils30 = require_cjs11();
     var import_report = require_cjs5();
     var import_utils210 = require_utils();
-    var attr_default = (params, element, node3) => {
+    var attr = (params, element, node3) => {
       const { __ref } = element;
       const { __attr } = __ref;
       if ((0, import_utils30.isNot)("object"))
@@ -21498,16 +21499,17 @@ var require_attr = __commonJS({
       if (params) {
         if (element.props.attr)
           (0, import_utils210.deepMerge)(params, element.props.attr);
-        for (const attr in params) {
-          const val = (0, import_utils30.exec)(params[attr], element);
+        for (const attr2 in params) {
+          const val = (0, import_utils30.exec)(params[attr2], element);
           if (val !== false && !(0, import_utils30.isUndefined)(val) && !(0, import_utils30.isNull)(val) && node3.setAttribute)
-            node3.setAttribute(attr, val);
+            node3.setAttribute(attr2, val);
           else if (node3.removeAttribute)
-            node3.removeAttribute(attr);
-          __attr[attr] = val;
+            node3.removeAttribute(attr2);
+          __attr[attr2] = val;
         }
       }
     };
+    var attr_default = attr;
   }
 });
 
@@ -21535,6 +21537,7 @@ var require_classList = __commonJS({
     var classList_exports = {};
     __export2(classList_exports, {
       applyClassListOnNode: () => applyClassListOnNode2,
+      applyClasslist: () => applyClasslist,
       assignKeyAsClassname: () => assignKeyAsClassname,
       classList: () => classList2,
       classify: () => classify2,
@@ -21584,9 +21587,10 @@ var require_classList = __commonJS({
       node3.classList = className;
       return className;
     };
-    var classList_default = (params, element, node3) => {
+    var applyClasslist = (params, element, node3) => {
       applyClassListOnNode2(params, element, node3);
     };
+    var classList_default = applyClasslist;
   }
 });
 
@@ -21613,10 +21617,12 @@ var require_options = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var options_exports = {};
     __export2(options_exports, {
+      OPTIONS: () => OPTIONS,
       default: () => options_default2
     });
     module2.exports = __toCommonJS2(options_exports);
-    var options_default2 = {};
+    var OPTIONS = {};
+    var options_default2 = OPTIONS;
   }
 });
 
@@ -21624,11 +21630,9 @@ var require_options = __commonJS({
 var require_set = __commonJS({
   "../../../domql/packages/element/dist/cjs/set.js"(exports, module2) {
     "use strict";
-    var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
     var __hasOwnProp2 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
@@ -21642,25 +21646,18 @@ var require_set = __commonJS({
       }
       return to;
     };
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var set_exports = {};
     __export2(set_exports, {
       default: () => set_default,
       reset: () => reset,
-      resetElement: () => resetElement
+      resetElement: () => resetElement,
+      set: () => set3
     });
     module2.exports = __toCommonJS2(set_exports);
     var import_utils30 = require_cjs11();
-    var import_create = __toESM2(require_create5(), 1);
-    var import_options3 = __toESM2(require_options(), 1);
+    var import_options3 = require_options();
+    var import_create = require_create5();
     var import_mixins = require_mixins();
     var import_content = require_content();
     var import_event = require_cjs12();
@@ -21668,19 +21665,19 @@ var require_set = __commonJS({
       if (!options.preventRemove)
         (0, import_content.removeContent)(element, options);
       const { __ref: ref } = element;
-      (0, import_create.default)(params, element, ref.contentElementKey || "content", {
+      (0, import_create.create)(params, element, ref.contentElementKey || "content", {
         ignoreChildExtend: true,
         ...import_mixins.registry.defaultOptions,
-        ...import_options3.default.create,
+        ...import_options3.OPTIONS.create,
         ...options
       });
     };
     var reset = (options) => {
       const element = void 0;
-      (0, import_create.default)(element, element.parent, void 0, {
+      (0, import_create.create)(element, element.parent, void 0, {
         ignoreChildExtend: true,
         ...import_mixins.registry.defaultOptions,
-        ...import_options3.default.create,
+        ...import_options3.OPTIONS.create,
         ...options
       });
     };
@@ -21730,11 +21727,9 @@ var require_set = __commonJS({
 var require_content = __commonJS({
   "../../../domql/packages/element/dist/cjs/mixins/content.js"(exports, module2) {
     "use strict";
-    var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
     var __hasOwnProp2 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
@@ -21748,14 +21743,6 @@ var require_content = __commonJS({
       }
       return to;
     };
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var content_exports = {};
     __export2(content_exports, {
@@ -21766,7 +21753,7 @@ var require_content = __commonJS({
     });
     module2.exports = __toCommonJS2(content_exports);
     var import_utils30 = require_cjs11();
-    var import_set = __toESM2(require_set(), 1);
+    var import_set = require_set();
     var updateContent = function(params, options) {
       const element = this;
       const ref = element.__ref;
@@ -21808,7 +21795,7 @@ var require_content = __commonJS({
         if (element[contentElementKey].update) {
           element[contentElementKey].update({}, opts);
         } else {
-          import_set.default.call(element, param, opts);
+          import_set.set.call(element, param, opts);
         }
       }
     };
@@ -21839,12 +21826,13 @@ var require_data = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var data_exports = {};
     __export2(data_exports, {
+      data: () => data,
       default: () => data_default
     });
     module2.exports = __toCommonJS2(data_exports);
     var import_utils30 = require_cjs11();
     var import_report = require_cjs5();
-    var data_default = (params, element, node3) => {
+    var data = (params, element, node3) => {
       if (params) {
         if (element.props.data)
           (0, import_utils30.deepMerge)(params, element.props.data);
@@ -21859,6 +21847,7 @@ var require_data = __commonJS({
         }
       }
     };
+    var data_default = data;
   }
 });
 
@@ -21885,11 +21874,12 @@ var require_html = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var html_exports = {};
     __export2(html_exports, {
-      default: () => html_default
+      default: () => html_default,
+      html: () => html
     });
     module2.exports = __toCommonJS2(html_exports);
     var import_utils30 = require_cjs11();
-    var html_default = (param, element, node3) => {
+    var html = (param, element, node3) => {
       var _a;
       const prop = (0, import_utils30.exec)(param, element) || (0, import_utils30.exec)((_a = element == null ? void 0 : element.props) == null ? void 0 : _a.html, element);
       const { __ref } = element;
@@ -21901,6 +21891,7 @@ var require_html = __commonJS({
         __ref.__html = prop;
       }
     };
+    var html_default = html;
   }
 });
 
@@ -21927,12 +21918,13 @@ var require_style = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var style_exports = {};
     __export2(style_exports, {
-      default: () => style_default
+      default: () => style_default,
+      style: () => style2
     });
     module2.exports = __toCommonJS2(style_exports);
     var import_utils30 = require_cjs11();
     var import_report = require_cjs5();
-    var style_default = (params, element, node3) => {
+    var style2 = (params, element, node3) => {
       if (params) {
         if ((0, import_utils30.isObject)(params))
           (0, import_utils30.map)(node3.style, params, element);
@@ -21940,6 +21932,7 @@ var require_style = __commonJS({
           (0, import_report.report)("HTMLInvalidStyles", params);
       }
     };
+    var style_default = style2;
   }
 });
 
@@ -21966,12 +21959,13 @@ var require_text = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var text_exports = {};
     __export2(text_exports, {
-      default: () => text_default
+      default: () => text_default,
+      text: () => text
     });
     module2.exports = __toCommonJS2(text_exports);
     var import__ = require_cjs15();
     var import_utils30 = require_cjs11();
-    var text_default = (param, element, node3) => {
+    var text = (param, element, node3) => {
       let prop = (0, import_utils30.exec)(param, element);
       if ((0, import_utils30.isString)(prop) && prop.includes("{{")) {
         prop = (0, import_utils30.replaceLiteralsWithObjectFields)(prop, element.state);
@@ -21989,6 +21983,7 @@ var require_text = __commonJS({
           (0, import__.create)({ tag: "string", text: prop }, element, "__text");
       }
     };
+    var text_default = text;
   }
 });
 
@@ -22766,11 +22761,12 @@ var require_scope = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var scope_exports = {};
     __export2(scope_exports, {
-      default: () => scope_default
+      default: () => scope_default,
+      scope: () => scope
     });
     module2.exports = __toCommonJS2(scope_exports);
     var import_utils30 = require_cjs11();
-    var scope_default = (params, element, node3) => {
+    var scope = (params, element, node3) => {
       if (!(0, import_utils30.isObject)(params))
         return;
       for (const scopeItem in params) {
@@ -22782,6 +22778,7 @@ var require_scope = __commonJS({
         }
       }
     };
+    var scope_default = scope;
   }
 });
 
@@ -22808,13 +22805,14 @@ var require_registry = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var registry_exports = {};
     __export2(registry_exports, {
+      REGISTRY: () => REGISTRY,
       collectionFilters: () => collectionFilters,
       default: () => registry_default,
       parseFilters: () => parseFilters
     });
     module2.exports = __toCommonJS2(registry_exports);
     var import__ = require_mixins();
-    var registry_default = {
+    var REGISTRY = {
       attr: import__.attr,
       style: import__.style,
       text: import__.text,
@@ -22873,6 +22871,7 @@ var require_registry = __commonJS({
       $setStateCollection: {},
       $setPropsCollection: {}
     };
+    var registry_default = REGISTRY;
     var parseFilters = {
       elementKeys: [
         "tag",
@@ -22907,11 +22906,9 @@ var require_registry = __commonJS({
 var require_mixins = __commonJS({
   "../../../domql/packages/element/dist/cjs/mixins/index.js"(exports, module2) {
     "use strict";
-    var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
     var __hasOwnProp2 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
@@ -22926,39 +22923,31 @@ var require_mixins = __commonJS({
       return to;
     };
     var __reExport2 = (target, mod, secondTarget) => (__copyProps2(target, mod, "default"), secondTarget && __copyProps2(secondTarget, mod, "default"));
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var mixins_exports = {};
     __export2(mixins_exports, {
-      attr: () => import_attr.default,
-      classList: () => import_classList.default,
-      content: () => import_content.default,
-      data: () => import_data.default,
-      html: () => import_html.default,
-      registry: () => import_registry.default,
-      scope: () => import_scope.default,
-      state: () => import_state2.default,
-      style: () => import_style3.default,
-      text: () => import_text.default
+      attr: () => import_attr.attr,
+      classList: () => import_classList.applyClasslist,
+      content: () => import_content.setContent,
+      data: () => import_data.data,
+      html: () => import_html.html,
+      registry: () => import_registry.REGISTRY,
+      scope: () => import_scope.scope,
+      state: () => import_state2.state,
+      style: () => import_style3.style,
+      text: () => import_text.text
     });
     module2.exports = __toCommonJS2(mixins_exports);
-    var import_attr = __toESM2(require_attr(), 1);
-    var import_classList = __toESM2(require_classList(), 1);
-    var import_content = __toESM2(require_content(), 1);
-    var import_data = __toESM2(require_data(), 1);
-    var import_html = __toESM2(require_html(), 1);
-    var import_style3 = __toESM2(require_style(), 1);
-    var import_text = __toESM2(require_text(), 1);
-    var import_state2 = __toESM2(require_state(), 1);
-    var import_scope = __toESM2(require_scope(), 1);
-    var import_registry = __toESM2(require_registry(), 1);
+    var import_attr = require_attr();
+    var import_classList = require_classList();
+    var import_content = require_content();
+    var import_data = require_data();
+    var import_html = require_html();
+    var import_style3 = require_style();
+    var import_text = require_text();
+    var import_state2 = require_state();
+    var import_scope = require_scope();
+    var import_registry = require_registry();
     __reExport2(mixins_exports, require_registry(), module2.exports);
   }
 });
@@ -23142,7 +23131,7 @@ var require_methods3 = __commonJS({
       const element = this;
       const keys2 = [];
       for (const param in element) {
-        if (import_mixins.registry[param] && !import_mixins.parseFilters.elementKeys.includes(param) || !Object.hasOwnProperty.call(element, param)) {
+        if (import_mixins.REGISTRY[param] && !import_mixins.parseFilters.elementKeys.includes(param) || !Object.hasOwnProperty.call(element, param)) {
           continue;
         }
         keys2.push(param);
@@ -23471,7 +23460,7 @@ var require_applyParam = __commonJS({
       const { node: node3, context, __ref: ref } = element;
       const prop = element[param];
       const { onlyUpdate } = options;
-      const DOMQLProperty = import_mixins.registry[param];
+      const DOMQLProperty = import_mixins.REGISTRY[param];
       const DOMQLPropertyFromContext = context && context.registry && context.registry[param];
       const isGlobalTransformer = DOMQLPropertyFromContext || DOMQLProperty;
       const hasDefine = element.define && element.define[param];
@@ -23616,7 +23605,7 @@ var require_node3 = __commonJS({
         const value2 = element[param];
         if (!Object.hasOwnProperty.call(element, param))
           continue;
-        if ((0, import_utils30.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils30.isVariant)(param) || (0, import_utils30.isObject)(import_mixins.registry[param]))
+        if ((0, import_utils30.isUndefined)(value2) || (0, import_methods.isMethod)(param, element) || (0, import_utils30.isVariant)(param) || (0, import_utils30.isObject)(import_mixins.REGISTRY[param]))
           continue;
         const isElement = (0, import_applyParam.applyParam)(param, element, options);
         if (isElement) {
@@ -23642,11 +23631,9 @@ var require_node3 = __commonJS({
 var require_update2 = __commonJS({
   "../../../domql/packages/element/dist/cjs/update.js"(exports, module2) {
     "use strict";
-    var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
     var __hasOwnProp2 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
@@ -23660,18 +23647,11 @@ var require_update2 = __commonJS({
       }
       return to;
     };
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var update_exports = {};
     __export2(update_exports, {
-      default: () => update_default
+      default: () => update_default,
+      update: () => update
     });
     module2.exports = __toCommonJS2(update_exports);
     var import_utils30 = require_cjs11();
@@ -23679,11 +23659,11 @@ var require_update2 = __commonJS({
     var import_methods = require_methods3();
     var import_props = require_props();
     var import_state2 = require_cjs14();
-    var import_create = __toESM2(require_create5(), 1);
+    var import_create = require_create5();
     var import_iterate = require_iterate();
     var import_mixins = require_mixins();
     var import_applyParam = require_applyParam();
-    var import_options3 = __toESM2(require_options(), 1);
+    var import_options3 = require_options();
     var import_utils210 = require_utils();
     var snapshot = {
       snapshotId: import_utils30.createSnapshotId
@@ -23776,7 +23756,7 @@ var require_update2 = __commonJS({
         const isInPreventUpdate = (0, import_utils30.isArray)(preventUpdate) && preventUpdate.includes(param);
         const isInPreventDefineUpdate = (0, import_utils30.isArray)(preventDefineUpdate) && preventDefineUpdate.includes(param);
         const hasCollection = element.$collection || element.$stateCollection || element.$propsCollection;
-        if ((0, import_utils30.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils30.isObject)(import_mixins.registry[param]) || (0, import_utils30.isVariant)(param))
+        if ((0, import_utils30.isUndefined)(prop) || isInPreventUpdate || isInPreventDefineUpdate || preventDefineUpdate === true || preventDefineUpdate === param || preventContentUpdate && param === "content" && !hasCollection || (preventStateUpdate && param) === "state" || (0, import_methods.isMethod)(param, element) || (0, import_utils30.isObject)(import_mixins.REGISTRY[param]) || (0, import_utils30.isVariant)(param))
           continue;
         if (preventStateUpdate === "once")
           options.preventStateUpdate = false;
@@ -23858,7 +23838,7 @@ var require_update2 = __commonJS({
           };
           delete element.__ref;
           delete element.parent;
-          const createdElement = (0, import_create.default)(element, parent, element.key, import_options3.default.create, attachOptions);
+          const createdElement = (0, import_create.create)(element, parent, element.key, import_options3.OPTIONS.create, attachOptions);
           if (options.preventUpdate !== true && element.on && (0, import_utils30.isFunction)(element.on.update)) {
             (0, import_event.applyEvent)(element.on.update, createdElement, createdElement.state);
           }
@@ -23918,11 +23898,9 @@ var require_update2 = __commonJS({
 var require_set2 = __commonJS({
   "../../../domql/packages/element/dist/cjs/methods/set.js"(exports, module2) {
     "use strict";
-    var __create2 = Object.create;
     var __defProp2 = Object.defineProperty;
     var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
     var __getOwnPropNames2 = Object.getOwnPropertyNames;
-    var __getProtoOf2 = Object.getPrototypeOf;
     var __hasOwnProp2 = Object.prototype.hasOwnProperty;
     var __export2 = (target, all) => {
       for (var name in all)
@@ -23936,14 +23914,6 @@ var require_set2 = __commonJS({
       }
       return to;
     };
-    var __toESM2 = (mod, isNodeMode, target) => (target = mod != null ? __create2(__getProtoOf2(mod)) : {}, __copyProps2(
-      // If the importer is in node compatibility mode or this is not an ESM
-      // file that has been converted to a CommonJS file using a Babel-
-      // compatible transform (i.e. "__esModule" has not been set), then set
-      // "default" to the CommonJS "module.exports" for node compatibility.
-      isNodeMode || !mod || !mod.__esModule ? __defProp2(target, "default", { value: mod, enumerable: true }) : target,
-      mod
-    ));
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var set_exports = {};
     __export2(set_exports, {
@@ -23951,15 +23921,15 @@ var require_set2 = __commonJS({
     });
     module2.exports = __toCommonJS2(set_exports);
     var import_utils30 = require_cjs11();
-    var import_set = __toESM2(require_set(), 1);
-    var import_update = __toESM2(require_update2(), 1);
+    var import_set = require_set();
+    var import_update = require_update2();
     var import__ = require_methods3();
     var import_content = require_content();
     var addMethods = (element, parent, options = {}) => {
       const proto = {
-        set: import_set.default,
+        set: import_set.set,
         reset: import_set.reset,
-        update: import_update.default,
+        update: import_update.update,
         variables: import__.variables,
         remove: import__.remove,
         updateContent: import_content.updateContent,
@@ -24022,6 +23992,7 @@ var require_create5 = __commonJS({
     var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
     var create_exports = {};
     __export2(create_exports, {
+      create: () => create2,
       default: () => create_default
     });
     module2.exports = __toCommonJS2(create_exports);
@@ -24038,10 +24009,10 @@ var require_create5 = __commonJS({
     var import_set = require_set2();
     var import_classList = require_classList();
     var import_iterate = require_iterate();
-    var import_options3 = __toESM2(require_options(), 1);
+    var import_options3 = require_options();
     var import_component = require_component3();
     var ENV3 = "development";
-    var create2 = (element, parent, key, options = import_options3.default.create || {}, attachOptions) => {
+    var create2 = (element, parent, key, options = import_options3.OPTIONS.create || {}, attachOptions) => {
       cacheOptions(element, options);
       if (checkIfPrimitive(element)) {
         element = applyValueAsText(element, parent, key);
@@ -24135,9 +24106,9 @@ var require_create5 = __commonJS({
       return parent;
     };
     var cacheOptions = (element, options) => {
-      if (options && !import_options3.default.create) {
-        import_options3.default.create = options;
-        import_options3.default.create.context = element.context || options.context;
+      if (options && !import_options3.OPTIONS.create) {
+        import_options3.OPTIONS.create = options;
+        import_options3.OPTIONS.create.context = element.context || options.context;
       }
     };
     var createKey = (element, parent, key) => {
@@ -24292,12 +24263,12 @@ var require_create5 = __commonJS({
         (0, import_iterate.throughInitialDefine)(element);
         (0, import_iterate.throughInitialExec)(element);
         for (const k in element) {
-          if ((0, import_utils30.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils30.isObject)(import_mixins.registry[k]) || (0, import_utils30.isVariant)(k))
+          if ((0, import_utils30.isUndefined)(element[k]) || (0, import_methods.isMethod)(k, element) || (0, import_utils30.isObject)((import_mixins.registry.default || import_mixins.registry)[k]) || (0, import_utils30.isVariant)(k))
             continue;
           const hasDefine = element.define && element.define[k];
           const contextHasDefine = element.context && element.context.define && element.context.define[k];
           const optionsHasDefine = options.define && options.define[k];
-          if (!ref.__skipCreate && import_mixins.registry[k] && !optionsHasDefine) {
+          if (!ref.__skipCreate && import_mixins.REGISTRY[k] && !optionsHasDefine) {
             continue;
           } else if (element[k] && !hasDefine && !optionsHasDefine && !contextHasDefine) {
             create2((0, import_utils30.exec)(element[k], element), element, k, options);
@@ -24368,10 +24339,10 @@ var require_define = __commonJS({
     var define_default = (params, options = {}) => {
       const { overwrite } = options;
       for (const param in params) {
-        if (import_mixins.registry[param] && !overwrite) {
+        if (import_mixins.REGISTRY[param] && !overwrite) {
           (0, import_report.report)("OverwriteToBuiltin", param);
         } else
-          import_mixins.registry[param] = params[param];
+          import_mixins.REGISTRY[param] = params[param];
       }
     };
   }
@@ -30139,7 +30110,7 @@ __export(src_exports, {
   createAsync: () => createAsync,
   createSkeleton: () => createSkeleton,
   createSync: () => createSync,
-  default: () => src_default2
+  default: () => src_default
 });
 module.exports = __toCommonJS(src_exports);
 var import_utils29 = __toESM(require_cjs(), 1);
@@ -32207,7 +32178,6 @@ var DEFAULT_CONFIG = {
   SVG: {}
   // TODO: Check with @nikoloza on this
 };
-var src_default = DEFAULT_CONFIG;
 
 // src/initEmotion.js
 var initEmotion = (key, options = {}) => {
@@ -32218,7 +32188,7 @@ var initEmotion = (key, options = {}) => {
   if (!initOptions.emotion)
     initOptions.emotion = emotion;
   const registry = options.registry || transformDOMQLEmotion(initOptions.emotion, options);
-  const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils26.deepMerge)(options.designSystem, (0, import_utils26.deepClone)(src_default)) : options.designSystem || (0, import_utils26.deepClone)(src_default);
+  const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils26.deepMerge)(options.designSystem, (0, import_utils26.deepClone)(DEFAULT_CONFIG)) : options.designSystem || (0, import_utils26.deepClone)(DEFAULT_CONFIG);
   const scratchSystem2 = init(designSystem, {
     key,
     emotion: emotion2,
@@ -32496,4 +32466,4 @@ var createSkeleton = (App = {}, options = options_default, optionsExternalFile)
     optionsExternalFile
   );
 };
-var src_default2 = create;
+var src_default = create;

package/dist/cjs/initEmotion.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var initEmotion_exports = {};
 __export(initEmotion_exports, {
@@ -36,7 +26,7 @@ var import_emotion2 = require("@symbo.ls/emotion");
 var import_init = require("@symbo.ls/init");
 var import_utils = require("@domql/utils");
 var import_options = require("./options");
-var import_default_config = __toESM(require("@symbo.ls/default-config"), 1);
+var import_default_config = require("@symbo.ls/default-config");
 const initEmotion = (key, options = {}) => {
   var _a;
   const doc = options.parent || options.document || document;
@@ -45,7 +35,7 @@ const initEmotion = (key, options = {}) => {
   if (!initOptions.emotion)
     initOptions.emotion = import_emotion2.emotion;
   const registry = options.registry || (0, import_emotion.transformDOMQLEmotion)(initOptions.emotion, options);
-  const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils.deepMerge)(options.designSystem, (0, import_utils.deepClone)(import_default_config.default)) : options.designSystem || (0, import_utils.deepClone)(import_default_config.default);
+  const designSystem = initOptions.useDefaultConfig || ((_a = options.designSystem) == null ? void 0 : _a.useDefaultConfig) ? (0, import_utils.deepMerge)(options.designSystem, (0, import_utils.deepClone)(import_default_config.DEFAULT_CONFIG)) : options.designSystem || (0, import_utils.deepClone)(import_default_config.DEFAULT_CONFIG);
   const scratchSystem = (0, import_init.init)(designSystem, {
     key,
     emotion,

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@symbo.ls/create",
-  "version": "2.11.461",
+  "version": "2.11.462",
   "license": "MIT",
-  "gitHead": "32f286633d362396bc530531518bb1a4dd8c319f",
+  "gitHead": "094252e0b7f29ea99ee8abd88cb7a5493b4de8df",
   "files": [
     "src",
     "dist"

package/src/initEmotion.js

@@ -6,7 +6,7 @@ import { init } from '@symbo.ls/init'
 import { deepClone, deepMerge } from '@domql/utils'
 
 import { DESIGN_SYSTEM_OPTIONS } from './options'
-import DEFAULT_CONFIG from '@symbo.ls/default-config'
+import { DEFAULT_CONFIG } from '@symbo.ls/default-config'
 
 export const initEmotion = (key, options = {}) => {
   const doc = options.parent || options.document || document