@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776258948 → 5.0.0-next-dev.1776264581

package/custom-elements.json

@@ -4801,9 +4801,9 @@
             },
             {
               "kind": "field",
-              "name": "_originResizeObserver",
+              "name": "_resizeObserver",
               "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => { if (this.state === 'opened') { this._setOverlayPosition(); } }, })"
+              "default": "new ResizeController(this, { target: null, skipInitial: true, // This is an IIFE, because we need to keep track of the timeout state // for debouncing the resize callbacks. callback: (() => { let timeoutId: ReturnType<typeof setTimeout>; return () => { clearTimeout(timeoutId); timeoutId = setTimeout(() => this._setOverlayPosition(), 10); }; })(), })"
             },
             {
               "kind": "field",
@@ -4867,6 +4867,14 @@
               "privacy": "private",
               "default": "0"
             },
+            {
+              "kind": "field",
+              "name": "_previousElements",
+              "type": {
+                "text": "Element[] | undefined"
+              },
+              "privacy": "private"
+            },
             {
               "kind": "field",
               "name": "_lastUserInput",
@@ -6333,9 +6341,9 @@
             },
             {
               "kind": "field",
-              "name": "_originResizeObserver",
+              "name": "_resizeObserver",
               "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => { if (this.state === 'opened') { this._setOverlayPosition(); } }, })",
+              "default": "new ResizeController(this, { target: null, skipInitial: true, // This is an IIFE, because we need to keep track of the timeout state // for debouncing the resize callbacks. callback: (() => { let timeoutId: ReturnType<typeof setTimeout>; return () => { clearTimeout(timeoutId); timeoutId = setTimeout(() => this._setOverlayPosition(), 10); }; })(), })",
               "inheritedFrom": {
                 "name": "SbbAutocompleteBaseElement",
                 "module": "autocomplete/autocomplete-base-element.js"
@@ -6435,6 +6443,18 @@
                 "module": "autocomplete/autocomplete-base-element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "_previousElements",
+              "type": {
+                "text": "Element[] | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbAutocompleteBaseElement",
+                "module": "autocomplete/autocomplete-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_lastUserInput",
@@ -117185,6 +117205,315 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Container for the icon sidebar content. Intended to be placed inside an `sbb-icon-sidebar-container` element.",
+          "name": "SbbIconSidebarContentElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add any content elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-icon-sidebar-content'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "ElementInternals['role'] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_textObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_slotchangeHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                },
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChangeForSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_observeTextNodesInSlot",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasSlottedContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core.js"
+          },
+          "tagName": "sbb-icon-sidebar-content",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbIconSidebarContentElement",
+          "declaration": {
+            "name": "SbbIconSidebarContentElement",
+            "module": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js",
@@ -117524,315 +117853,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Container for the icon sidebar content. Intended to be placed inside an `sbb-icon-sidebar-container` element.",
-          "name": "SbbIconSidebarContentElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add any content elements.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-icon-sidebar-content'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "ElementInternals['role'] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_textObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_slotchangeHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                },
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleSlotChangeForSlottedState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateSlottedState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_observeTextNodesInSlot",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasSlottedContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core.js"
-          },
-          "tagName": "sbb-icon-sidebar-content",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbIconSidebarContentElement",
-          "declaration": {
-            "name": "SbbIconSidebarContentElement",
-            "module": "icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js",
@@ -144180,6 +144200,372 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "sidebar/sidebar-container/sidebar-container.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
+          "name": "SbbSidebarContainerElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
+              "name": ""
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "elementName",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-sidebar-container'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sidebars",
+              "type": {
+                "text": "SbbSidebarElement[]"
+              },
+              "privacy": "public",
+              "description": "The sidebar children.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `start` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "SbbSidebarElement | null"
+              },
+              "privacy": "public",
+              "description": "The sidebar child with the `end` position.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_forcedClosedSidebars",
+              "privacy": "private",
+              "default": "new WeakSet<SbbSidebarElement>()"
+            },
+            {
+              "kind": "method",
+              "name": "_handleWidthChange",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_calculateSpaceState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
+                }
+              },
+              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
+            },
+            {
+              "kind": "field",
+              "name": "['_$sbbElement$']",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "ElementInternals['role'] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_textObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
+            },
+            {
+              "kind": "method",
+              "name": "toggleState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_slotchangeHandler",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                },
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_handleSlotChangeForSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_updateSlottedState",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_observeTextNodesInSlot",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasSlottedContent",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core.js"
+          },
+          "tagName": "sbb-sidebar-container",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbSidebarContainerElement",
+          "declaration": {
+            "name": "SbbSidebarContainerElement",
+            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "sidebar/sidebar-close-button/sidebar-close-button.component.js",
@@ -145344,15 +145730,15 @@
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-container/sidebar-container.component.js",
+      "path": "sidebar/sidebar-content/sidebar-content.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally\nand coordinates the backdrop and content styling.",
-          "name": "SbbSidebarContainerElement",
+          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
+          "name": "SbbSidebarContentElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.",
+              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
               "name": ""
             }
           ],
@@ -145366,69 +145752,12 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-sidebar-container'",
+              "default": "'sbb-sidebar-content'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "sidebars",
-              "type": {
-                "text": "SbbSidebarElement[]"
-              },
-              "privacy": "public",
-              "description": "The sidebar children.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "start",
-              "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `start` position.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "end",
-              "type": {
-                "text": "SbbSidebarElement | null"
-              },
-              "privacy": "public",
-              "description": "The sidebar child with the `end` position.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_forcedClosedSidebars",
-              "privacy": "private",
-              "default": "new WeakSet<SbbSidebarElement>()"
-            },
-            {
-              "kind": "method",
-              "name": "_handleWidthChange",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_calculateSpaceState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<void>"
-                }
-              },
-              "description": "Closes and opens sidebars depending on available width\nof the container and its parent container."
-            },
             {
               "kind": "field",
               "name": "['_$sbbElement$']",
@@ -145693,32 +146022,32 @@
             "name": "SbbElement",
             "module": "core.js"
           },
-          "tagName": "sbb-sidebar-container",
+          "tagName": "sbb-sidebar-content",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarContainerElement",
+          "name": "SbbSidebarContentElement",
           "declaration": {
-            "name": "SbbSidebarContainerElement",
-            "module": "sidebar/sidebar-container/sidebar-container.component.js"
+            "name": "SbbSidebarContentElement",
+            "module": "sidebar/sidebar-content/sidebar-content.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-content/sidebar-content.component.js",
+      "path": "sidebar/sidebar-title/sidebar-title.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Container for the sidebar content. Intended to be placed inside an `sbb-sidebar-container` element.",
-          "name": "SbbSidebarContentElement",
+          "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
+          "name": "SbbSidebarTitleElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add any content elements. Further `sbb-sidebar-container`s are possible.",
+              "description": "Use the unnamed slot for the content of the sidebar-title.",
               "name": ""
             }
           ],
@@ -145732,21 +146061,53 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-sidebar-content'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
+              },
+              "default": "'sbb-sidebar-title'"
+            },
+            {
+              "kind": "field",
+              "name": "level",
+              "type": {
+                "text": "SbbTitleLevel"
+              },
+              "privacy": "public",
+              "default": "'2'",
+              "description": "Title level",
+              "attribute": "level",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
               }
             },
             {
               "kind": "field",
-              "name": "['_$sbbElement$']",
+              "name": "visualLevel",
               "type": {
-                "text": "boolean"
+                "text": "SbbTitleLevel | null"
+              },
+              "privacy": "public",
+              "default": "'5'",
+              "description": "Visual level for the title.",
+              "attribute": "visual-level",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "role",
+              "type": {
+                "text": "string"
               },
               "privacy": "public",
               "static": true,
-              "default": "true",
+              "default": "'heading'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -145754,12 +146115,13 @@
             },
             {
               "kind": "field",
-              "name": "elementDependencies",
+              "name": "['_$sbbElement$']",
               "type": {
-                "text": "SbbElementType[] | undefined"
+                "text": "boolean"
               },
               "privacy": "public",
               "static": true,
+              "default": "true",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -145767,9 +146129,9 @@
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "elementDependencies",
               "type": {
-                "text": "ElementInternals['role'] | undefined"
+                "text": "SbbElementType[] | undefined"
               },
               "privacy": "public",
               "static": true,
@@ -145998,36 +146360,64 @@
               }
             }
           ],
+          "attributes": [
+            {
+              "name": "level",
+              "type": {
+                "text": "SbbTitleLevel"
+              },
+              "default": "'2'",
+              "description": "Title level",
+              "fieldName": "level",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            },
+            {
+              "name": "visual-level",
+              "type": {
+                "text": "SbbTitleLevel | null"
+              },
+              "default": "null",
+              "description": "Visual level for the title.",
+              "fieldName": "visualLevel",
+              "inheritedFrom": {
+                "name": "SbbTitleBase",
+                "module": "title/title-base.js"
+              }
+            }
+          ],
           "superclass": {
-            "name": "SbbElement",
-            "module": "core.js"
+            "name": "SbbTitleBase",
+            "module": "title.pure.js"
           },
-          "tagName": "sbb-sidebar-content",
+          "tagName": "sbb-sidebar-title",
           "customElement": true
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "SbbSidebarContentElement",
+          "name": "SbbSidebarTitleElement",
           "declaration": {
-            "name": "SbbSidebarContentElement",
-            "module": "sidebar/sidebar-content/sidebar-content.component.js"
+            "name": "SbbSidebarTitleElement",
+            "module": "sidebar/sidebar-title/sidebar-title.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "sidebar/sidebar-title/sidebar-title.component.js",
+      "path": "stepper/step/step.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays the title of the sidebar. It has to be placed inside an `sbb-sidebar` element.",
-          "name": "SbbSidebarTitleElement",
+          "description": "Combined with a `sbb-stepper`, it displays a step's content.",
+          "name": "SbbStepElement",
           "slots": [
             {
-              "description": "Use the unnamed slot for the content of the sidebar-title.",
+              "description": "Use the unnamed slot to provide content.",
               "name": ""
             }
           ],
@@ -146041,524 +146431,154 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
+              "default": "'sbb-step'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-sidebar-title'"
+              }
             },
             {
               "kind": "field",
-              "name": "level",
+              "name": "role",
               "type": {
-                "text": "SbbTitleLevel"
+                "text": "string"
               },
               "privacy": "public",
-              "default": "'2'",
-              "description": "Title level",
-              "attribute": "level",
-              "reflects": true,
+              "static": true,
+              "readonly": true,
+              "default": "'tabpanel'",
               "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "visualLevel",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ validate: 'validate', resizechange: 'resizechange', }",
               "type": {
-                "text": "SbbTitleLevel | null"
+                "text": "{\n    validate: 'validate',\n    resizechange: 'resizechange',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_stepResizeObserver",
+              "privacy": "private",
+              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "SbbStepLabelElement | null"
               },
               "privacy": "public",
-              "default": "'5'",
-              "description": "Visual level for the title.",
-              "attribute": "visual-level",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
+              "description": "The label of the step.",
+              "readonly": true,
+              "default": "null"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "_label",
               "type": {
-                "text": "string"
+                "text": "SbbStepLabelElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "stepper",
+              "type": {
+                "text": "SbbStepperElement | null"
               },
               "privacy": "public",
-              "static": true,
-              "default": "'heading'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "['_$sbbElement$']",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_textObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
-            },
-            {
-              "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_slotchangeHandler",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                },
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_handleSlotChangeForSlottedState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateSlottedState",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_observeTextNodesInSlot",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasSlottedContent",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "level",
-              "type": {
-                "text": "SbbTitleLevel"
-              },
-              "default": "'2'",
-              "description": "Title level",
-              "fieldName": "level",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            },
-            {
-              "name": "visual-level",
-              "type": {
-                "text": "SbbTitleLevel | null"
-              },
-              "default": "null",
-              "description": "Visual level for the title.",
-              "fieldName": "visualLevel",
-              "inheritedFrom": {
-                "name": "SbbTitleBase",
-                "module": "title/title-base.js"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "SbbTitleBase",
-            "module": "title.pure.js"
-          },
-          "tagName": "sbb-sidebar-title",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbSidebarTitleElement",
-          "declaration": {
-            "name": "SbbSidebarTitleElement",
-            "module": "sidebar/sidebar-title/sidebar-title.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "stepper/step/step.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "Combined with a `sbb-stepper`, it displays a step's content.",
-          "name": "SbbStepElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to provide content.",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-step'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'tabpanel'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ validate: 'validate', resizechange: 'resizechange', }",
-              "type": {
-                "text": "{\n    validate: 'validate',\n    resizechange: 'resizechange',\n  }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_stepResizeObserver",
-              "privacy": "private",
-              "default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => setTimeout(() => this._onStepElementResize()), })"
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "SbbStepLabelElement | null"
-              },
-              "privacy": "public",
-              "description": "The label of the step.",
-              "readonly": true,
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_label",
-              "type": {
-                "text": "SbbStepLabelElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "stepper",
-              "type": {
-                "text": "SbbStepperElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_previousOrientation",
-              "type": {
-                "text": "string | undefined"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_handleClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
-            },
-            {
-              "kind": "method",
-              "name": "_isGoNextElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_isGoPreviousElement",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "element",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_onStepElementResize",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_assignLabel",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_previousOrientation",
+              "type": {
+                "text": "string | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "Watches for clicked elements with `sbb-stepper-next` or `sbb-stepper-previous` attributes."
+            },
+            {
+              "kind": "method",
+              "name": "_isGoNextElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_isGoPreviousElement",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_onStepElementResize",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_assignLabel",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
@@ -157416,16 +157436,20 @@
     },
     {
       "kind": "javascript-module",
-      "path": "toggle/toggle/toggle.component.js",
+      "path": "toggle/toggle-option/toggle-option.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.",
-          "name": "SbbToggleElement",
+          "description": "It displays a toggle option within a `sbb-toggle`.",
+          "name": "SbbToggleOptionElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.",
+              "description": "Use the unnamed slot to add content to the label of the toggle option.",
               "name": ""
+            },
+            {
+              "description": "Slot used to render the `sbb-icon`.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -157438,7 +157462,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-toggle'",
+              "default": "'sbb-toggle-option'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -157453,7 +157477,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'radiogroup'",
+              "default": "'radio'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -157461,37 +157485,14 @@
             },
             {
               "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ change: 'change', }",
-              "type": {
-                "text": "{\n    change: 'change',\n  }"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "even",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
-              "attribute": "even",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'s' | 'm'"
-              },
-              "privacy": "public",
-              "description": "Size variant, either m or s.",
-              "default": "'m' / 's' (lean)",
-              "attribute": "size",
+              "description": "Whether the toggle-option is checked.",
+              "attribute": "checked",
               "reflects": true
             },
             {
@@ -157501,53 +157502,22 @@
                 "text": "(T = string) | null"
               },
               "privacy": "public",
-              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
-              "attribute": "value",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              "default": "null",
+              "description": "Value of toggle-option.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "_fallbackValue",
+              "name": "_toggle",
               "type": {
-                "text": "T | null"
+                "text": "SbbToggleElement | null"
               },
               "privacy": "private",
               "default": "null"
             },
-            {
-              "kind": "field",
-              "name": "options",
-              "type": {
-                "text": "SbbToggleOptionElement<T>[]"
-              },
-              "privacy": "public",
-              "description": "The child instances of sbb-toggle-option as an array.",
-              "readonly": true
-            },
             {
               "kind": "method",
-              "name": "_readFormData",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "Promise<T>"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "formData",
-                  "type": {
-                    "text": "FormData"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_updateToggle",
+              "name": "_uncheckOtherOptions",
               "privacy": "private",
               "return": {
                 "type": {
@@ -157557,25 +157527,7 @@
             },
             {
               "kind": "method",
-              "name": "_valueChanged",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "T | null"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_updateDisabled",
+              "name": "_handleDisabledChange",
               "privacy": "private",
               "return": {
                 "type": {
@@ -157591,44 +157543,17 @@
                 "type": {
                   "text": "void"
                 }
-              },
-              "description": "Called on user interaction (click or keyboard)"
-            },
-            {
-              "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "evt",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "method",
-              "name": "_selectAndFocusOption",
+              "name": "_verifyTabindex",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "SbbToggleOptionElement<T> | undefined"
-                  }
-                }
-              ]
+              }
             },
             {
               "kind": "field",
@@ -157676,317 +157601,82 @@
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "elementDependencies",
               "type": {
-                "text": "boolean"
+                "text": "SbbElementType[]"
               },
               "privacy": "public",
               "static": true,
-              "default": "true",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "public",
-              "description": "Returns the form owner of this element.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "name",
-              "privacy": "public",
-              "description": "Name of the form element. Will be read from name attribute.",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "name",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
+              "default": "[SbbIconElement]",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "validationMessage",
+              "name": "iconName",
               "type": {
                 "text": "string"
               },
               "privacy": "public",
-              "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "willValidate",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_validityStates",
-              "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formDisabled",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "default": "false",
-              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_hasDisabledAncestor",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "FormRestoreState"
-                }
-              },
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "attribute": "icon-name",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "setValidityFlag",
+              "name": "renderIconSlot",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
               "parameters": [
                 {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "flagValue",
+                  "name": "classname",
                   "optional": true,
                   "type": {
-                    "text": "ValidityStateFlags[T]"
-                  }
-                }
-              ],
-              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "removeValidityFlag",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
+                    "text": "string"
                   }
                 }
               ],
-              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "validate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "To be called whenever the current element needs to be validated.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "shouldValidate",
+              "name": "renderIconName",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "string"
                 }
               },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "PropertyKey | undefined"
-                  }
-                }
-              ],
-              "description": "Whether validation should be run on a property change with the given name.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_setInternalValidity",
+              "name": "_renderIconName",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
@@ -158003,19 +157693,6 @@
                 "module": "core/base-elements/element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
             {
               "kind": "field",
               "name": "_controllers",
@@ -158238,38 +157915,30 @@
           ],
           "events": [
             {
-              "name": "change",
               "type": {
-                "text": "Event"
+                "text": "InputEvent"
               },
-              "description": "The change event is fired when the user modifies the element's value.\nUnlike the input event, the change event is not necessarily fired\nfor each alteration to an element's value."
+              "description": "The input event fires when the value has been changed as a direct result of a user action.",
+              "name": "input"
             }
           ],
           "attributes": [
             {
-              "name": "even",
+              "name": "checked",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
-              "fieldName": "even"
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'s' | 'm'"
-              },
-              "description": "Size variant, either m or s.",
-              "default": "'m' / 's' (lean)",
-              "fieldName": "size"
+              "description": "Whether the toggle-option is checked.",
+              "fieldName": "checked"
             },
             {
               "name": "value",
-              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
               "type": {
                 "text": "T | null"
               },
+              "default": "null",
+              "description": "Value of toggle-option.",
               "fieldName": "value"
             },
             {
@@ -158286,15 +157955,16 @@
               }
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "icon-name",
               "type": {
                 "text": "string"
               },
-              "fieldName": "name",
+              "default": "''",
+              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
+              "fieldName": "iconName",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             }
           ],
@@ -158304,15 +157974,15 @@
               "module": "core.js"
             },
             {
-              "name": "SbbFormAssociatedMixin",
-              "module": "core.js"
+              "name": "SbbIconNameMixin",
+              "module": "icon.pure.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core.js"
           },
-          "tagName": "sbb-toggle",
+          "tagName": "sbb-toggle-option",
           "customElement": true,
           "classGenerics": "T = string"
         }
@@ -158320,30 +157990,26 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbToggleElement",
+          "name": "SbbToggleOptionElement",
           "declaration": {
-            "name": "SbbToggleElement",
-            "module": "toggle/toggle/toggle.component.js"
+            "name": "SbbToggleOptionElement",
+            "module": "toggle/toggle-option/toggle-option.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "toggle/toggle-option/toggle-option.component.js",
+      "path": "toggle/toggle/toggle.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a toggle option within a `sbb-toggle`.",
-          "name": "SbbToggleOptionElement",
+          "description": "It can be used as a container for two `sbb-toggle-option`, acting as a toggle button.",
+          "name": "SbbToggleElement",
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the label of the toggle option.",
+              "description": "Use the unnamed slot to add `<sbb-toggle-option>` elements to the toggle.",
               "name": ""
-            },
-            {
-              "description": "Slot used to render the `sbb-icon`.",
-              "name": "icon"
             }
           ],
           "members": [
@@ -158356,7 +158022,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-toggle-option'",
+              "default": "'sbb-toggle'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -158371,7 +158037,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'radio'",
+              "default": "'radiogroup'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -158379,14 +158045,37 @@
             },
             {
               "kind": "field",
-              "name": "checked",
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ change: 'change', }",
+              "type": {
+                "text": "{\n    change: 'change',\n  }"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "even",
               "type": {
                 "text": "boolean"
               },
               "privacy": "public",
               "default": "false",
-              "description": "Whether the toggle-option is checked.",
-              "attribute": "checked",
+              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
+              "attribute": "even",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm'"
+              },
+              "privacy": "public",
+              "description": "Size variant, either m or s.",
+              "default": "'m' / 's' (lean)",
+              "attribute": "size",
               "reflects": true
             },
             {
@@ -158396,22 +158085,53 @@
                 "text": "(T = string) | null"
               },
               "privacy": "public",
-              "default": "null",
-              "description": "Value of toggle-option.",
-              "attribute": "value"
+              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_toggle",
+              "name": "_fallbackValue",
               "type": {
-                "text": "SbbToggleElement | null"
+                "text": "T | null"
               },
               "privacy": "private",
               "default": "null"
             },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "SbbToggleOptionElement<T>[]"
+              },
+              "privacy": "public",
+              "description": "The child instances of sbb-toggle-option as an array.",
+              "readonly": true
+            },
             {
               "kind": "method",
-              "name": "_uncheckOtherOptions",
+              "name": "_readFormData",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<T>"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "formData",
+                  "type": {
+                    "text": "FormData"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_updateToggle",
               "privacy": "private",
               "return": {
                 "type": {
@@ -158421,7 +158141,25 @@
             },
             {
               "kind": "method",
-              "name": "_handleDisabledChange",
+              "name": "_valueChanged",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "T | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_updateDisabled",
               "privacy": "private",
               "return": {
                 "type": {
@@ -158437,17 +158175,44 @@
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "description": "Called on user interaction (click or keyboard)"
             },
             {
               "kind": "method",
-              "name": "_verifyTabindex",
+              "name": "_handleKeyDown",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              }
+              },
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "_selectAndFocusOption",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "SbbToggleOptionElement<T> | undefined"
+                  }
+                }
+              ]
             },
             {
               "kind": "field",
@@ -158495,82 +158260,317 @@
             },
             {
               "kind": "field",
-              "name": "elementDependencies",
+              "name": "formAssociated",
               "type": {
-                "text": "SbbElementType[]"
+                "text": "boolean"
               },
               "privacy": "public",
               "static": true,
-              "default": "[SbbIconElement]",
+              "default": "true",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "iconName",
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "public",
+              "description": "Returns the form owner of this element.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
                 "text": "string"
               },
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "type": {
+                "text": "ValidityState"
+              },
               "privacy": "public",
-              "default": "''",
-              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
-              "attribute": "icon-name",
+              "description": "Returns the ValidityState object for this element.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "description": "Returns the current error message, if available, which corresponds\nto the current validation state.\nPlease note that only one message is returned at a time (e.g. if\nmultiple validity states are invalid, only the chronologically first one\nis returned until it is fixed, at which point the next message might be\nreturned, if it is still applicable). Also, a custom validity message\n(see below) has precedence over native validation messages.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "willValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_validityStates",
+              "privacy": "private",
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderIconSlot",
+              "name": "checkValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "privacy": "public",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_hasDisabledAncestor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateFormValue",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
+                }
+              },
+              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "formState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "FormRestoreState"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setValidityFlag",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "classname",
-                  "optional": true,
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "message",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "flagValue",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags[T]"
+                  }
                 }
               ],
+              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderIconName",
+              "name": "removeValidityFlag",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "flag",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_renderIconName",
+              "name": "validate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "To be called whenever the current element needs to be validated.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "shouldValidate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "PropertyKey | undefined"
+                  }
+                }
+              ],
+              "description": "Whether validation should be run on a property change with the given name.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
@@ -158587,6 +158587,19 @@
                 "module": "core/base-elements/element.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[] | undefined"
+              },
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "_controllers",
@@ -158809,30 +158822,38 @@
           ],
           "events": [
             {
+              "name": "change",
               "type": {
-                "text": "InputEvent"
+                "text": "Event"
               },
-              "description": "The input event fires when the value has been changed as a direct result of a user action.",
-              "name": "input"
+              "description": "The change event is fired when the user modifies the element's value.\nUnlike the input event, the change event is not necessarily fired\nfor each alteration to an element's value."
             }
           ],
           "attributes": [
             {
-              "name": "checked",
+              "name": "even",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the toggle-option is checked.",
-              "fieldName": "checked"
+              "description": "If true, set the width of the component fixed; if false,\nthe width is dynamic based on the label of the sbb-toggle-option.",
+              "fieldName": "even"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'s' | 'm'"
+              },
+              "description": "Size variant, either m or s.",
+              "default": "'m' / 's' (lean)",
+              "fieldName": "size"
             },
             {
               "name": "value",
+              "description": "The value of the toggle. It needs to be mutable since it is updated whenever\na new option is selected (see the `onToggleOptionSelect()` method).",
               "type": {
                 "text": "T | null"
               },
-              "default": "null",
-              "description": "Value of toggle-option.",
               "fieldName": "value"
             },
             {
@@ -158849,16 +158870,15 @@
               }
             },
             {
-              "name": "icon-name",
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The icon name we want to use, choose from the small icon variants\nfrom the ui-icons category from here\nhttps://icons.app.sbb.ch.",
-              "fieldName": "iconName",
+              "fieldName": "name",
               "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             }
           ],
@@ -158868,15 +158888,15 @@
               "module": "core.js"
             },
             {
-              "name": "SbbIconNameMixin",
-              "module": "icon.pure.js"
+              "name": "SbbFormAssociatedMixin",
+              "module": "core.js"
             }
           ],
           "superclass": {
             "name": "SbbElement",
             "module": "core.js"
           },
-          "tagName": "sbb-toggle-option",
+          "tagName": "sbb-toggle",
           "customElement": true,
           "classGenerics": "T = string"
         }
@@ -158884,10 +158904,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbToggleOptionElement",
+          "name": "SbbToggleElement",
           "declaration": {
-            "name": "SbbToggleOptionElement",
-            "module": "toggle/toggle-option/toggle-option.component.js"
+            "name": "SbbToggleElement",
+            "module": "toggle/toggle/toggle.component.js"
           }
         }
       ]