@lion/ui 0.6.0 → 0.7.0

package/custom-elements.json

@@ -1902,6 +1902,21 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "exports/select-rich-test-helpers.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getSelectRichMembers",
+          "declaration": {
+            "name": "getSelectRichMembers",
+            "module": "../components/select-rich/test-helpers/getSelectRichMembers.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "exports/select-rich.js",
@@ -6494,6 +6509,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "touched",
               "type": {
@@ -8218,6 +8246,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -8328,16 +8371,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -8345,7 +8393,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -8413,11 +8461,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -11972,16 +12020,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -11989,7 +12042,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -12057,11 +12110,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -14212,6 +14265,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -14322,16 +14390,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -14339,7 +14412,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -14407,11 +14480,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -15597,6 +15670,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "touched",
               "type": {
@@ -18771,16 +18857,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -18788,7 +18879,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -18856,11 +18947,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -21819,20 +21910,25 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
-              "privacy": "private"
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -21884,11 +21980,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()"
             },
@@ -21962,7 +22058,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{\n  isIE11: /Trident/.test(window.navigator.userAgent),\n  isChrome: checkChrome(),\n  isIOSChrome: checkChrome('ios'),\n  isChromium: checkChrome('chromium'),\n  isFirefox: navigator.userAgent.toLowerCase().indexOf('firefox') > -1,\n  isMac: navigator.appVersion.indexOf('Mac') !== -1,\n  isIOS: /iPhone|iPad|iPod/i.test(navigator.userAgent),\n  isMacSafari:\n    navigator.vendor &&\n    navigator.vendor.indexOf('Apple') > -1 &&\n    navigator.userAgent &&\n    navigator.userAgent.indexOf('CriOS') === -1 &&\n    navigator.userAgent.indexOf('FxiOS') === -1 &&\n    navigator.appVersion.indexOf('Mac') !== -1,\n}"
+          "default": "{\n  isIE11: /Trident/.test(globalThis.navigator?.userAgent),\n  isChrome: checkChrome(),\n  isIOSChrome: checkChrome('ios'),\n  isChromium: checkChrome('chromium'),\n  isFirefox: globalThis.navigator?.userAgent.toLowerCase().indexOf('firefox') > -1,\n  isMac: globalThis.navigator?.appVersion?.indexOf('Mac') !== -1,\n  isIOS: /iPhone|iPad|iPod/i.test(globalThis.navigator?.userAgent),\n  isMacSafari:\n    globalThis.navigator?.vendor &&\n    globalThis.navigator?.vendor.indexOf('Apple') > -1 &&\n    globalThis.navigator?.userAgent &&\n    globalThis.navigator?.userAgent.indexOf('CriOS') === -1 &&\n    globalThis.navigator?.userAgent.indexOf('FxiOS') === -1 &&\n    globalThis.navigator?.appVersion.indexOf('Mac') !== -1,\n}"
         }
       ],
       "exports": [
@@ -25274,16 +25370,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -25291,7 +25392,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -25359,11 +25460,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -27994,16 +28095,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionFieldset",
                 "module": "components/fieldset/src/LionFieldset.js"
@@ -28011,7 +28117,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -28079,11 +28185,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -29221,6 +29327,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -29382,16 +29503,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -29399,7 +29525,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -29467,11 +29593,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -29607,6 +29733,19 @@
               "default": "''",
               "fieldName": "helpText"
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -31439,6 +31578,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -31564,16 +31718,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -31581,7 +31740,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -31649,11 +31808,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -32032,6 +32191,19 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -33000,6 +33172,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -33125,16 +33312,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -33142,7 +33334,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -33210,11 +33402,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -33417,6 +33609,19 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -34300,6 +34505,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -34461,16 +34681,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -34478,7 +34703,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -34546,11 +34771,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -36290,6 +36515,19 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -38363,6 +38601,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -38488,16 +38741,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -38505,7 +38763,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -38573,11 +38831,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -38975,6 +39233,19 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -43717,6 +43988,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -43842,16 +44128,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -43859,7 +44150,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -43927,11 +44218,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -45052,6 +45343,19 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -47107,6 +47411,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -47232,16 +47551,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -47249,7 +47573,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -47308,11 +47632,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -48456,6 +48780,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -50516,6 +50853,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -50641,16 +50993,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -50658,7 +51015,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -50726,11 +51083,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -51863,6 +52220,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -54416,6 +54786,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -54541,16 +54926,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -54558,7 +54948,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -54626,11 +55016,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -55707,6 +56097,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -58262,6 +58665,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -58387,16 +58805,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -58404,7 +58827,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -58472,11 +58895,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -59605,6 +60028,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -61504,6 +61940,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -61665,16 +62116,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -61682,7 +62138,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -61750,11 +62206,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -63376,6 +63832,19 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -64535,6 +65004,12 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-file/types/input-file.ts",
+      "declarations": [],
+      "exports": []
+    },
     {
       "kind": "javascript-module",
       "path": "components/input-file/translations/bg-BG.js",
@@ -65025,12 +65500,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/input-file/types/input-file.ts",
-      "declarations": [],
-      "exports": []
-    },
     {
       "kind": "javascript-module",
       "path": "components/input-iban/src/LionInputIban.js",
@@ -66724,6 +67193,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -66849,16 +67333,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -66866,7 +67355,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -66934,11 +67423,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -68079,6 +68568,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -71254,6 +71756,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -71379,16 +71896,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -71396,7 +71918,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -71464,11 +71986,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -72643,6 +73165,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -75314,6 +75849,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -75439,16 +75989,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -75456,7 +76011,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -75524,11 +76079,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -76811,6 +77366,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -79192,6 +79760,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -79317,16 +79900,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -79334,7 +79922,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -79402,11 +79990,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -80578,6 +81166,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -83717,6 +84318,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -83842,16 +84458,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -83859,7 +84480,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -83927,11 +84548,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -85132,6 +85753,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -87278,16 +87912,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -87295,7 +87934,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -87363,11 +88002,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -89078,13 +89717,13 @@
               "kind": "field",
               "name": "properties",
               "static": true,
+              "readonly": true,
               "type": {
                 "text": "any"
               },
-              "readonly": true,
               "inheritedFrom": {
-                "name": "FormatMixin",
-                "module": "components/form-core/src/FormatMixin.js"
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
             {
@@ -89899,6 +90538,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "__rerenderSlot",
@@ -89937,16 +90591,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -89954,7 +90613,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -90022,11 +90681,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -90171,6 +90830,19 @@
                 "name": "ChoiceInputMixin",
                 "module": "components/form-core/src/choice-group/ChoiceInputMixin.js"
               }
+            },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
             }
           ],
           "mixins": [
@@ -90313,13 +90985,13 @@
               "kind": "field",
               "name": "properties",
               "static": true,
+              "readonly": true,
               "type": {
                 "text": "any"
               },
-              "readonly": true,
               "inheritedFrom": {
-                "name": "FormRegistrarMixin",
-                "module": "components/form-core/src/registration/FormRegistrarMixin.js"
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
             {
@@ -91638,6 +92310,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -91799,16 +92486,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -91816,7 +92508,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -91884,11 +92576,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -93323,6 +94015,19 @@
                 "module": "components/form-core/src/InteractionStateMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -99497,6 +100202,19 @@
                 "module": "components/input/src/LionInput.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "touched",
               "type": {
@@ -101221,6 +101939,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -101331,16 +102064,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -101348,7 +102086,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -101416,11 +102154,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -104975,16 +105713,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -104992,7 +105735,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -105060,11 +105803,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -106300,6 +107043,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -106461,16 +107219,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -106478,7 +107241,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -106546,11 +107309,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -108297,6 +109060,19 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -108594,16 +109370,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -108611,7 +109392,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -108679,11 +109460,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -109550,16 +110331,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionListbox",
                 "module": "components/listbox/src/LionListbox.js"
@@ -109567,7 +110353,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -109635,11 +110421,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -113141,6 +113927,34 @@
       "declarations": [],
       "exports": []
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/select-rich/test-helpers/getSelectRichMembers.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getSelectRichMembers",
+          "parameters": [
+            {
+              "name": "el",
+              "type": {
+                "text": "LionSelectRich"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getSelectRichMembers",
+          "declaration": {
+            "name": "getSelectRichMembers",
+            "module": "components/select-rich/test-helpers/getSelectRichMembers.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/steps/src/LionStep.js",
@@ -115027,6 +115841,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -115137,16 +115966,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -115154,7 +115988,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -115222,11 +116056,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -116382,6 +117216,19 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "touched",
               "type": {
@@ -118756,6 +119603,21 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -118881,16 +119743,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "LionField",
                 "module": "components/form-core/src/LionField.js"
@@ -118898,7 +119765,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -118966,11 +119833,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -120099,6 +120966,19 @@
                 "module": "components/form-core/src/LionField.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "LionField",
+                "module": "components/form-core/src/LionField.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -122415,6 +123295,21 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "scopedElements",
@@ -123816,16 +124711,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "FormControlMixin",
                 "module": "components/form-core/src/FormControlMixin.js"
@@ -123833,7 +124733,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -123901,11 +124801,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -124253,6 +125153,19 @@
                 "module": "components/form-core/src/registration/FormRegistrarMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "name": "shows-feedback-for",
               "type": {
@@ -126554,6 +127467,21 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -126664,16 +127592,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "FormControlMixin",
                 "module": "components/form-core/src/FormControlMixin.js"
@@ -126681,7 +127614,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -126749,11 +127682,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -127065,6 +127998,19 @@
                 "name": "FormControlMixin",
                 "module": "components/form-core/src/FormControlMixin.js"
               }
+            },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
             }
           ],
           "mixins": [
@@ -127798,6 +128744,21 @@
                 "module": "components/form-core/src/InteractionStateMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "InteractionStateMixin",
+                "module": "components/form-core/src/InteractionStateMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "scopedElements",
@@ -129199,16 +130160,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "InteractionStateMixin",
                 "module": "components/form-core/src/InteractionStateMixin.js"
@@ -129216,7 +130182,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -129284,11 +130250,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -129655,6 +130621,19 @@
                 "module": "components/form-core/src/registration/FormRegistrarMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "InteractionStateMixin",
+                "module": "components/form-core/src/InteractionStateMixin.js"
+              }
+            },
             {
               "name": "shows-feedback-for",
               "type": {
@@ -130876,6 +131855,21 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "label",
@@ -131673,16 +132667,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -131690,7 +132689,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -131758,11 +132757,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -132602,6 +133601,19 @@
                 "module": "components/form-core/src/registration/FormRegistrarMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormControlMixin",
+                "module": "components/form-core/src/FormControlMixin.js"
+              }
+            },
             {
               "name": "name",
               "type": {
@@ -132890,6 +133902,12 @@
           "description": "#FormRegisteringMixin:\n\nThis Mixin registers a form element to a Registrar",
           "name": "FormRegisteringMixin",
           "members": [
+            {
+              "kind": "field",
+              "name": "properties",
+              "static": true,
+              "readonly": true
+            },
             {
               "kind": "method",
               "name": "__unregisterFormElement",
@@ -132904,6 +133922,17 @@
                 "text": "FormRegistrarHost | undefined"
               },
               "default": "undefined"
+            },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration"
             }
           ],
           "events": [
@@ -132914,6 +133943,17 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration"
+            }
+          ],
           "parameters": [
             {
               "name": "superclass",
@@ -132957,10 +133997,14 @@
               "kind": "field",
               "name": "properties",
               "static": true,
+              "readonly": true,
               "type": {
                 "text": "any"
               },
-              "readonly": true
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
             },
             {
               "kind": "method",
@@ -133120,6 +134164,21 @@
                 "name": "FormRegisteringMixin",
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
+            },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
             }
           ],
           "attributes": [
@@ -133131,6 +134190,19 @@
               "description": "Flag that determines how \".formElements\" should behave.\nFor a regular fieldset (see LionFieldset) we expect \".formElements\"\nto be accessible as an object.\nIn case of a radio-group, a checkbox-group or a select/listbox,\nit should act like an array (see ChoiceGroupMixin).\nUsually, when false, we deal with a choice-group (radio-group, checkbox-group,\n(multi)select)",
               "default": "false",
               "fieldName": "_isFormOrFieldset"
+            },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
             }
           ],
           "mixins": [
@@ -135132,6 +136204,21 @@
                 "module": "components/form-core/src/registration/FormRegisteringMixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "privacy": "public",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "attribute": "allow-cross-root-registration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "kind": "method",
               "name": "makeRequestToBeDisabled",
@@ -135293,16 +136380,21 @@
               "name": "__renderTemplateInScopedContext",
               "parameters": [
                 {
-                  "name": "{ template, slotName, shouldRerender }"
+                  "name": "{ template, slotName, renderAsDirectHostChild }"
                 },
                 {
                   "name": "opts",
                   "type": {
-                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.shouldRerender] false when TemplateResult, true when SlotRerenderObject\n     "
+                    "text": "@param {TemplateResult} opts.template\n     * @param {string} opts.slotName\n     * @param {boolean} [opts.renderAsDirectHostChild] when false, the render parent (wrapper div) will be kept in the light dom\n     * "
                   }
                 }
               ],
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
               "inheritedFrom": {
                 "name": "SlotMixin",
                 "module": "components/core/src/SlotMixin.js"
@@ -135310,7 +136402,7 @@
             },
             {
               "kind": "method",
-              "name": "__appendNodesForOneTimeRender",
+              "name": "__appendNodes",
               "parameters": [
                 {
                   "name": "{ nodes, renderParent = this, slotName }"
@@ -135378,11 +136470,11 @@
             },
             {
               "kind": "field",
-              "name": "__scopedRenderRoots",
+              "name": "__renderMetaPerSlot",
               "description": "The roots that are used to do a rerender in.\nIn case of a SlotRerenderObject, this will create a render wrapper in the scoped context (shadow root)\nand connect this under the slot name to the light dom. All (re)renders will happen from here,\nso that all interactions work as intended and no focus issues can arise (which would be the case\nwhen (cloned) nodes of a render outcome would be moved around)",
               "privacy": "private",
               "type": {
-                "text": "Map<string, HTMLDivElement>"
+                "text": "Map<string, RenderMetaObj>"
               },
               "default": "new Map()",
               "inheritedFrom": {
@@ -135706,6 +136798,19 @@
                 "module": "components/form-core/src/FormControlMixin.js"
               }
             },
+            {
+              "name": "allow-cross-root-registration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that automatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility/#shadow-roots-and-accessibility",
+              "default": "false",
+              "fieldName": "allowCrossRootRegistration",
+              "inheritedFrom": {
+                "name": "FormRegisteringMixin",
+                "module": "components/form-core/src/registration/FormRegisteringMixin.js"
+              }
+            },
             {
               "name": "disabled",
               "type": {
@@ -137235,6 +138340,14 @@
               },
               "description": "The name the host is registered with to a parent"
             },
+            {
+              "kind": "field",
+              "name": "allowCrossRootRegistration",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "To encourage accessibility best practices, `form-element-register` events\ndo not pierce through shadow roots. This forces the developer to create form groups and fieldsets that\nautomatically allow the creation of accessible relationships in the same dom tree.\nUse this option if you know what you're doing. It will then be possible to nest FormControls\ninside shadow dom. See https://lion-web.netlify.app/fundamentals/rationales/accessibility#shadow-roots-and-accessibility"
+            },
             {
               "kind": "field",
               "name": "_parentFormGroup",