@sbb-esta/lyne-elements-dev 4.13.0-dev.1780984177 → 4.13.1-dev.1781015161

package/custom-elements.json

@@ -60779,240 +60779,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "container/container/container.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays its content with the default page spacing.",
-          "name": "SbbContainerElement",
-          "cssProperties": [
-            {
-              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
-              "name": "--sbb-page-spacing-padding"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Use the unnamed slot to add anything to the container.",
-              "name": ""
-            },
-            {
-              "description": "The slot used by the sbb-sticky-bar component.",
-              "name": "sticky-bar"
-            },
-            {
-              "description": "The slot used to slot an `sbb-image` to use as background.",
-              "name": "image"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "elementName",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "'sbb-container'",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the container is expanded.",
-              "attribute": "expanded",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "backgroundExpanded",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the background color is shown on full container width on large screens.",
-              "attribute": "background-expanded",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "color",
-              "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
-              },
-              "privacy": "public",
-              "default": "'white'",
-              "description": "Color of the container, like transparent, white etc.",
-              "attribute": "color",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_resolveHydration",
-              "type": {
-                "text": "(hydrationRequired: boolean) => void"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hydrationRequired",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbHydrationMixin",
-                "module": "core/mixins/hydration-mixin.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": "SbbElementInternalsMixin",
-                "module": "core/mixins/element-internals-mixin.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": "_controllers",
-              "type": {
-                "text": "Set<SbbReactiveController> | undefined"
-              },
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the container is expanded.",
-              "fieldName": "expanded"
-            },
-            {
-              "name": "background-expanded",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the background color is shown on full container width on large screens.",
-              "fieldName": "backgroundExpanded"
-            },
-            {
-              "name": "color",
-              "type": {
-                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
-              },
-              "default": "'white'",
-              "description": "Color of the container, like transparent, white etc.",
-              "fieldName": "color"
-            }
-          ],
-          "superclass": {
-            "name": "SbbElement",
-            "module": "core/base-elements.js"
-          },
-          "tagName": "sbb-container",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbContainerElement",
-          "declaration": {
-            "name": "SbbContainerElement",
-            "module": "container/container/container.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "container/sticky-bar/sticky-bar.component.js",
@@ -62369,51 +62135,285 @@
     },
     {
       "kind": "javascript-module",
-      "path": "core/base-elements/action-base-element.js",
+      "path": "container/container/container.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "",
-          "name": "SbbActionBaseElement",
+          "description": "It displays its content with the default page spacing.",
+          "name": "SbbContainerElement",
+          "cssProperties": [
+            {
+              "description": "Use this variable to override the default page spacing. Note that overriding this will disable the standard responsive spacing behavior of the container.",
+              "name": "--sbb-page-spacing-padding"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Use the unnamed slot to add anything to the container.",
+              "name": ""
+            },
+            {
+              "description": "The slot used by the sbb-sticky-bar component.",
+              "name": "sticky-bar"
+            },
+            {
+              "description": "The slot used to slot an `sbb-image` to use as background.",
+              "name": "image"
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "maybeDisabled",
+              "name": "elementName",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "privacy": "protected",
-              "readonly": true
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "'sbb-container'",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "maybeDisabledInteractive",
+              "name": "expanded",
               "type": {
-                "text": "boolean | undefined"
+                "text": "boolean"
               },
-              "privacy": "protected",
-              "readonly": true
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the container is expanded.",
+              "attribute": "expanded",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "setupBaseEventHandlers",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "kind": "field",
+              "name": "backgroundExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the background color is shown on full container width on large screens.",
+              "attribute": "background-expanded",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
+              "kind": "field",
+              "name": "color",
+              "type": {
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
               },
-              "description": "Override this method to render the component template."
+              "privacy": "public",
+              "default": "'white'",
+              "description": "Color of the container, like transparent, white etc.",
+              "attribute": "color",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_resolveHydration",
+              "type": {
+                "text": "(hydrationRequired: boolean) => void"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hydrationRequired",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbHydrationMixin",
+                "module": "core/mixins/hydration-mixin.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": "SbbElementInternalsMixin",
+                "module": "core/mixins/element-internals-mixin.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": "_controllers",
+              "type": {
+                "text": "Set<SbbReactiveController> | undefined"
+              },
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the container is expanded.",
+              "fieldName": "expanded"
+            },
+            {
+              "name": "background-expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the background color is shown on full container width on large screens.",
+              "fieldName": "backgroundExpanded"
+            },
+            {
+              "name": "color",
+              "type": {
+                "text": "| 'transparent'\n    | 'white'\n    | 'milk'\n    | 'midnight'\n    | 'charcoal'"
+              },
+              "default": "'white'",
+              "description": "Color of the container, like transparent, white etc.",
+              "fieldName": "color"
+            }
+          ],
+          "superclass": {
+            "name": "SbbElement",
+            "module": "core/base-elements.js"
+          },
+          "tagName": "sbb-container",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbContainerElement",
+          "declaration": {
+            "name": "SbbContainerElement",
+            "module": "container/container/container.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "core/base-elements/action-base-element.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbActionBaseElement",
+          "members": [
+            {
+              "kind": "field",
+              "name": "maybeDisabled",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
+              "type": {
+                "text": "boolean | undefined"
+              },
+              "privacy": "protected",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Override this method to render the component template."
             },
             {
               "kind": "field",
@@ -81344,12 +81344,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "datepicker/datepicker-next-day/datepicker-next-day.component.js",
+      "path": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Combined with a `sbb-datepicker`, it can be used to move the date ahead.",
-          "name": "SbbDatepickerNextDayElement",
+          "description": "Combined with a `sbb-datepicker`, it can be used to move the date back.",
+          "name": "SbbDatepickerPreviousDayElement",
           "members": [
             {
               "kind": "field",
@@ -81364,7 +81364,7 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-datepicker-next-day'"
+              "default": "'sbb-datepicker-previous-day'"
             },
             {
               "kind": "field",
@@ -81377,7 +81377,7 @@
                 "name": "SbbDatepickerButtonBase",
                 "module": "datepicker/common/datepicker-button.js"
               },
-              "default": "'chevron-small-right-small'"
+              "default": "'chevron-small-left-small'"
             },
             {
               "kind": "field",
@@ -81386,7 +81386,7 @@
                 "text": "Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nNextDay",
+              "default": "i18nPreviousDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -81399,7 +81399,7 @@
                 "text": "(_currentDate: string) => Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nSelectNextDay",
+              "default": "i18nSelectPreviousDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -81429,7 +81429,7 @@
             },
             {
               "kind": "method",
-              "name": "_isAfterMaxDate",
+              "name": "_isBeforeMinDate",
               "privacy": "private",
               "return": {
                 "type": {
@@ -82289,7 +82289,7 @@
             "name": "SbbDatepickerButton",
             "module": "datepicker/common/datepicker-button.js"
           },
-          "tagName": "sbb-datepicker-next-day",
+          "tagName": "sbb-datepicker-previous-day",
           "customElement": true,
           "classGenerics": "T = Date",
           "attributes": [
@@ -82399,22 +82399,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbDatepickerNextDayElement",
+          "name": "SbbDatepickerPreviousDayElement",
           "declaration": {
-            "name": "SbbDatepickerNextDayElement",
-            "module": "datepicker/datepicker-next-day/datepicker-next-day.component.js"
+            "name": "SbbDatepickerPreviousDayElement",
+            "module": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js",
+      "path": "datepicker/datepicker-next-day/datepicker-next-day.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Combined with a `sbb-datepicker`, it can be used to move the date back.",
-          "name": "SbbDatepickerPreviousDayElement",
+          "description": "Combined with a `sbb-datepicker`, it can be used to move the date ahead.",
+          "name": "SbbDatepickerNextDayElement",
           "members": [
             {
               "kind": "field",
@@ -82429,7 +82429,7 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-datepicker-previous-day'"
+              "default": "'sbb-datepicker-next-day'"
             },
             {
               "kind": "field",
@@ -82442,7 +82442,7 @@
                 "name": "SbbDatepickerButtonBase",
                 "module": "datepicker/common/datepicker-button.js"
               },
-              "default": "'chevron-small-left-small'"
+              "default": "'chevron-small-right-small'"
             },
             {
               "kind": "field",
@@ -82451,7 +82451,7 @@
                 "text": "Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nPreviousDay",
+              "default": "i18nNextDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -82464,7 +82464,7 @@
                 "text": "(_currentDate: string) => Record<string, string>"
               },
               "privacy": "protected",
-              "default": "i18nSelectPreviousDay",
+              "default": "i18nSelectNextDay",
               "inheritedFrom": {
                 "name": "SbbDatepickerButton",
                 "module": "datepicker/common/datepicker-button.js"
@@ -82494,7 +82494,7 @@
             },
             {
               "kind": "method",
-              "name": "_isBeforeMinDate",
+              "name": "_isAfterMaxDate",
               "privacy": "private",
               "return": {
                 "type": {
@@ -83354,7 +83354,7 @@
             "name": "SbbDatepickerButton",
             "module": "datepicker/common/datepicker-button.js"
           },
-          "tagName": "sbb-datepicker-previous-day",
+          "tagName": "sbb-datepicker-next-day",
           "customElement": true,
           "classGenerics": "T = Date",
           "attributes": [
@@ -83464,10 +83464,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbDatepickerPreviousDayElement",
+          "name": "SbbDatepickerNextDayElement",
           "declaration": {
-            "name": "SbbDatepickerPreviousDayElement",
-            "module": "datepicker/datepicker-previous-day/datepicker-previous-day.component.js"
+            "name": "SbbDatepickerNextDayElement",
+            "module": "datepicker/datepicker-next-day/datepicker-next-day.component.js"
           }
         }
       ]
@@ -106618,27 +106618,23 @@
     },
     {
       "kind": "javascript-module",
-      "path": "menu/menu-button/menu-button.component.js",
+      "path": "menu/menu/menu.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a button element that can be used in the `sbb-menu` component.",
-          "name": "SbbMenuButtonElement",
+          "description": "It displays a contextual menu with one or more action element.",
+          "name": "SbbMenuElement",
           "cssProperties": [
             {
-              "description": "Can be used to modify horizontal padding.",
-              "name": "--sbb-menu-action-outer-horizontal-padding",
-              "default": "var(--sbb-spacing-fixed-3x)"
+              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
+              "name": "--sbb-menu-z-index",
+              "default": "var(--sbb-overlay-default-z-index)"
             }
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the `sbb-menu-button`.",
+              "description": "Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.",
               "name": ""
-            },
-            {
-              "description": "Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.",
-              "name": "icon"
             }
           ],
           "members": [
@@ -106655,261 +106651,274 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-menu-button'"
+              "default": "'sbb-menu'"
             },
             {
               "kind": "field",
               "name": "role",
               "type": {
-                "text": "ElementInternals['role']"
+                "text": "string"
               },
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'menuitem'",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+              "default": "'menu'"
             },
             {
               "kind": "field",
-              "name": "disabledInteractive",
+              "name": "trigger",
               "type": {
-                "text": "boolean"
+                "text": "HTMLElement | null"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "attribute": "disabled-interactive",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
+              "default": "null",
+              "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
+              "attribute": "trigger"
             },
             {
               "kind": "field",
-              "name": "disabled",
-              "privacy": "public",
-              "description": "Whether the component is disabled.",
-              "default": "false",
+              "name": "_menu",
               "type": {
-                "text": "boolean"
+                "text": "HTMLDivElement"
               },
-              "attribute": "disabled",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "#disabled",
+              "name": "_triggerElement",
+              "type": {
+                "text": "HTMLElement | null"
+              },
               "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_triggerAbortController",
+              "type": {
+                "text": "AbortController"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_isPointerDownEventOnMenu",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "_windowEventsController",
+              "type": {
+                "text": "AbortController"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "_escapableOverlayController",
+              "privacy": "private",
+              "default": "new SbbEscapableOverlayController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_focusTrapController",
+              "privacy": "private",
+              "default": "new SbbFocusTrapController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_scrollHandler",
+              "privacy": "private",
+              "default": "new SbbScrollHandler()"
+            },
+            {
+              "kind": "field",
+              "name": "_inertController",
+              "privacy": "private",
+              "default": "new SbbInertController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_mobileBreakpoint",
+              "privacy": "private",
+              "default": "SbbMediaQueryBreakpointSmallAndBelow"
+            },
+            {
+              "kind": "field",
+              "name": "_mediaMatcher",
+              "privacy": "private",
+              "default": "new SbbMediaMatcherController(this, { [this._mobileBreakpoint]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
+            },
+            {
+              "kind": "field",
+              "name": "_darkModeController",
+              "privacy": "private",
+              "default": "new SbbDarkModeController(this, () => this._syncNegative())"
+            },
+            {
+              "kind": "field",
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "_nestedMenu",
+              "type": {
+                "text": "SbbMenuElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "isDisabledExternally",
-              "privacy": "protected",
+              "name": "escapeStrategy",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
-              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "description": "The method which is called on escape key press. Defaults to calling close()",
               "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
+              "kind": "method",
+              "name": "open",
               "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Opens the menu on trigger click.",
               "inheritedFrom": {
-                "name": "SbbMenuActionCommonElementMixin",
-                "module": "menu/common/menu-action-common.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
+              "name": "close",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
-              "description": "Override this method to render the component template.",
+              "description": "Closes the menu and all its nested menus.",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "iconName",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "closeAll",
               "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",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "Closes the menu and all related menus (nested and parent menus)."
             },
             {
               "kind": "method",
-              "name": "renderIconSlot",
-              "privacy": "protected",
+              "name": "_close",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
               "parameters": [
                 {
-                  "name": "classname",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
+                  "name": "closeAll",
+                  "default": "false",
+                  "description": "If true, it ensures animations are correct by toggling some states when closing all related menus at once.",
+                  "optional": true
                 }
-              ],
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "renderIconName",
-              "privacy": "protected",
+              "name": "_isZeroAnimationDuration",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "boolean"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_renderIconName",
+              "name": "_handleOpening",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "kind": "field",
-              "name": "_elementsOnWhichEnterPressTriggersSubmit",
-              "type": {
-                "text": "array"
-              },
+              "kind": "method",
+              "name": "_handleClosing",
               "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              },
-              "default": "''",
-              "description": "Value of the form element.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "privacy": "public",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
-              "type": {
-                "text": "SbbButtonType"
-              },
-              "attribute": "type",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "privacy": "public",
-              "description": "The `<form>` element to associate the button with.",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+              "kind": "method",
+              "name": "_handleKeyDown",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "attribute": "form"
+              "parameters": [
+                {
+                  "name": "evt",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "kind": "field",
-              "name": "_formId",
-              "type": {
-                "text": "string"
-              },
+              "kind": "method",
+              "name": "_configureTrigger",
               "privacy": "private",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "_handleButtonClick",
+              "kind": "method",
+              "name": "_attachWindowEvents",
               "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               }
             },
             {
               "kind": "method",
-              "name": "_requestSubmit",
+              "name": "_interactiveElementClick",
               "privacy": "private",
               "return": {
                 "type": {
@@ -106918,220 +106927,79 @@
               },
               "parameters": [
                 {
-                  "name": "form",
+                  "name": "event",
                   "type": {
-                    "text": "HTMLFormElement"
+                    "text": "Event"
                   }
                 }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_formKeyDown",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "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,
-              "inheritedFrom": {
-                "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"
-              }
+              "name": "_pointerDownListener",
+              "privacy": "private"
             },
             {
               "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"
-              }
+              "name": "_closeOnBackdropClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
+              "name": "_nestedMenus",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "SbbMenuElement[]"
                 }
               },
-              "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"
-              }
+              "description": "Converts the linked list into an array of SbbMenuElement."
             },
             {
               "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
+              "name": "_parentMenu",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "SbbMenuElement | null"
                 }
-              },
-              "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",
+              "name": "_mainMenu",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "SbbMenuElement"
                 }
               },
-              "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"
-              }
+              "description": "The outermost menu."
             },
             {
               "kind": "method",
-              "name": "_hasDisabledAncestor",
+              "name": "_isNested",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
+              "name": "_updateNestedInert",
+              "privacy": "private",
               "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"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "setValidityFlag",
-              "privacy": "protected",
+              "name": "_handleMouseOver",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -107139,35 +107007,17 @@
               },
               "parameters": [
                 {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "flagValue",
-                  "optional": true,
+                  "name": "event",
                   "type": {
-                    "text": "ValidityStateFlags[T]"
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "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",
+              "name": "_onMenuAnimationEnd",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -107175,158 +107025,152 @@
               },
               "parameters": [
                 {
-                  "name": "flag",
+                  "name": "event",
                   "type": {
-                    "text": "T"
+                    "text": "AnimationEvent"
                   }
                 }
-              ],
-              "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",
+              "name": "_setMenuPosition",
+              "privacy": "private",
               "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",
+              "name": "_syncNegative",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "PropertyKey | undefined"
-                  }
+                  "text": "void"
                 }
-              ],
-              "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",
+              "name": "_isMobile",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_preventScrollOnSpaceKeydown",
-              "privacy": "private",
-              "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
-              "parameters": [
-                {
-                  "description": "The origin event.",
-                  "name": "event"
-                }
-              ],
+              "name": "events",
+              "privacy": "public",
+              "static": true,
+              "readonly": true,
+              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
+              "type": {
+                "text": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
+              },
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_removeActiveMarker",
-              "privacy": "private",
+              "name": "state",
+              "privacy": "protected",
+              "description": "The state of the component.",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
+              "default": "'closed'",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_dispatchClickEventOnSpaceKeyup",
+              "name": "_state",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
               "privacy": "private",
-              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
-              "parameters": [
-                {
-                  "description": "The origin event.",
-                  "name": "event"
-                }
-              ],
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_dispatchClickEvent",
-              "privacy": "private",
+              "name": "isOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Whether the element is open.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "maybeDisabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
+              "kind": "method",
+              "name": "dispatchBeforeOpenEvent",
               "privacy": "protected",
-              "readonly": true,
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "maybeDisabledInteractive",
-              "type": {
-                "text": "boolean | undefined"
+              "kind": "method",
+              "name": "dispatchOpenEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
+              "inheritedFrom": {
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "dispatchBeforeCloseEvent",
               "privacy": "protected",
-              "readonly": true,
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "setupBaseEventHandlers",
+              "name": "dispatchCloseEvent",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
@@ -107435,110 +107279,66 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbDisabledTabIndexActionMixin",
-              "module": "core/mixins.js"
-            },
+          "attributes": [
             {
-              "name": "SbbMenuActionCommonElementMixin",
-              "module": "menu/common/menu-action-common.js"
+              "name": "trigger",
+              "type": {
+                "text": "HTMLElement | null"
+              },
+              "default": "null",
+              "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
+              "fieldName": "trigger"
             }
           ],
           "superclass": {
-            "name": "SbbButtonBaseElement",
+            "name": "SbbOpenCloseBaseElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-menu-button",
+          "tagName": "sbb-menu",
           "customElement": true,
-          "attributes": [
-            {
-              "name": "disabled-interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "fieldName": "disabledInteractive",
-              "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "Whether the component is disabled.",
-              "default": "false",
-              "type": {
-                "text": "boolean"
-              },
-              "fieldName": "disabled",
-              "inheritedFrom": {
-                "name": "SbbDisabledMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
-            {
-              "name": "icon-name",
-              "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",
-              "inheritedFrom": {
-                "name": "SbbIconNameMixin",
-                "module": "icon/icon-name-mixin.js"
-              }
-            },
+          "events": [
             {
-              "name": "value",
+              "name": "beforeopen",
               "type": {
-                "text": "string"
+                "text": "Event"
               },
-              "default": "''",
-              "description": "Value of the form element.",
-              "fieldName": "value",
+              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "name": "type",
-              "description": "The type attribute to use for the button.",
-              "default": "'button'",
+              "name": "open",
               "type": {
-                "text": "SbbButtonType"
+                "text": "Event"
               },
-              "fieldName": "type",
+              "description": "Emits whenever the component is opened.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "name": "form",
-              "description": "The `<form>` element to associate the button with.",
+              "name": "beforeclose",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "Event"
               },
-              "fieldName": "form",
+              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             },
             {
-              "name": "name",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "close",
               "type": {
-                "text": "string"
+                "text": "Event"
               },
-              "fieldName": "name",
+              "description": "Emits whenever the component is closed.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.js"
               }
             }
           ]
@@ -107547,33 +107347,37 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbMenuButtonElement",
+          "name": "SbbMenuElement",
           "declaration": {
-            "name": "SbbMenuButtonElement",
-            "module": "menu/menu-button/menu-button.component.js"
+            "name": "SbbMenuElement",
+            "module": "menu/menu/menu.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "menu/menu/menu.component.js",
+      "path": "menu/menu-button/menu-button.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a contextual menu with one or more action element.",
-          "name": "SbbMenuElement",
+          "description": "It displays a button element that can be used in the `sbb-menu` component.",
+          "name": "SbbMenuButtonElement",
           "cssProperties": [
             {
-              "description": "To specify a custom stack order, the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.",
-              "name": "--sbb-menu-z-index",
-              "default": "var(--sbb-overlay-default-z-index)"
+              "description": "Can be used to modify horizontal padding.",
+              "name": "--sbb-menu-action-outer-horizontal-padding",
+              "default": "var(--sbb-spacing-fixed-3x)"
             }
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add `sbb-menu-button`/`sbb-menu-link` or other elements to the menu.",
+              "description": "Use the unnamed slot to add content to the `sbb-menu-button`.",
               "name": ""
+            },
+            {
+              "description": "Use this slot to provide an icon. If `icon-name` is set, a `sbb-icon` will be used.",
+              "name": "icon"
             }
           ],
           "members": [
@@ -107590,237 +107394,483 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-menu'"
+              "default": "'sbb-menu-button'"
             },
             {
               "kind": "field",
               "name": "role",
               "type": {
-                "text": "string"
+                "text": "ElementInternals['role']"
               },
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'menu'"
+              "default": "'menuitem'",
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "trigger",
+              "name": "disabledInteractive",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "boolean"
               },
               "privacy": "public",
-              "default": "null",
-              "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
-              "attribute": "trigger"
+              "default": "false",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "attribute": "disabled-interactive",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_menu",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Whether the component is disabled.",
+              "default": "false",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_triggerElement",
+              "name": "#disabled",
+              "privacy": "private",
               "type": {
-                "text": "HTMLElement | null"
+                "text": "boolean"
               },
-              "privacy": "private",
-              "default": "null"
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Will be used as 'or' check to the current disabled state.\nCan e.g. be used to read disabled state of a group.",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_triggerAbortController",
+              "name": "styles",
               "type": {
-                "text": "AbortController"
+                "text": "CSSResultGroup"
               },
-              "privacy": "private"
+              "privacy": "public",
+              "static": true,
+              "default": "[boxSizingStyles, unsafeCSS(style)]",
+              "inheritedFrom": {
+                "name": "SbbMenuActionCommonElementMixin",
+                "module": "menu/common/menu-action-common.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Override this method to render the component template.",
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_isPointerDownEventOnMenu",
+              "name": "iconName",
               "type": {
-                "text": "boolean"
+                "text": "string"
+              },
+              "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",
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconSlot",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIconName",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "string"
+                }
               },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "_renderIconName",
               "privacy": "private",
-              "default": "false"
+              "return": {
+                "type": {
+                  "text": "string"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_windowEventsController",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
               "type": {
-                "text": "AbortController"
+                "text": "array"
               },
-              "privacy": "private"
+              "privacy": "private",
+              "readonly": true,
+              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_escapableOverlayController",
-              "privacy": "private",
-              "default": "new SbbEscapableOverlayController(this)"
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "default": "''",
+              "description": "Value of the form element.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "_focusTrapController",
-              "privacy": "private",
-              "default": "new SbbFocusTrapController(this)"
+              "name": "type",
+              "privacy": "public",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
+              "type": {
+                "text": "SbbButtonType"
+              },
+              "attribute": "type",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_scrollHandler",
-              "privacy": "private",
-              "default": "new SbbScrollHandler()"
+              "name": "form",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "privacy": "public",
+              "description": "The `<form>` element to associate the button with.",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "attribute": "form"
             },
             {
               "kind": "field",
-              "name": "_inertController",
+              "name": "_formId",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "default": "new SbbInertController(this)"
+              "default": "''",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_mobileBreakpoint",
+              "name": "_handleButtonClick",
               "privacy": "private",
-              "default": "SbbMediaQueryBreakpointSmallAndBelow"
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
-              "kind": "field",
-              "name": "_mediaMatcher",
+              "kind": "method",
+              "name": "_requestSubmit",
               "privacy": "private",
-              "default": "new SbbMediaMatcherController(this, { [this._mobileBreakpoint]: (matches) => { if (matches && (this.state === 'opening' || this.state === 'opened')) { this._scrollHandler.disableScroll(); } else { this._scrollHandler.enableScroll(); } }, })"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "form",
+                  "type": {
+                    "text": "HTMLFormElement"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_darkModeController",
+              "name": "_formKeyDown",
               "privacy": "private",
-              "default": "new SbbDarkModeController(this, () => this._syncNegative())"
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "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,
+              "inheritedFrom": {
+                "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": "_language",
+              "name": "_validityStates",
               "privacy": "private",
-              "default": "new SbbLanguageController(this)"
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_nestedMenu",
+              "name": "formDisabled",
               "type": {
-                "text": "SbbMenuElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "escapeStrategy",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+                "text": "boolean"
               },
-              "description": "The method which is called on escape key press. Defaults to calling close()",
+              "privacy": "protected",
+              "default": "false",
+              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "open",
+              "name": "checkValidity",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "Opens the menu on trigger click.",
+              "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "close",
+              "name": "reportValidity",
               "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "description": "Closes the menu and all its nested menus.",
+              "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "closeAll",
+              "name": "setCustomValidity",
               "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Closes the menu and all related menus (nested and parent menus)."
-            },
-            {
-              "kind": "method",
-              "name": "_close",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
               "parameters": [
                 {
-                  "name": "closeAll",
-                  "default": "false",
-                  "description": "If true, it ensures animations are correct by toggling some states when closing all related menus at once.",
-                  "optional": true
+                  "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": "_isZeroAnimationDuration",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleOpening",
-              "privacy": "private",
+              "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": "_handleClosing",
-              "privacy": "private",
+              "name": "formState",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "FormRestoreState"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleKeyDown",
-              "privacy": "private",
+              "name": "setValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -107828,37 +107878,35 @@
               },
               "parameters": [
                 {
-                  "name": "evt",
+                  "name": "flag",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "flagValue",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags[T]"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_configureTrigger",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_attachWindowEvents",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              ],
+              "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": "_interactiveElementClick",
-              "privacy": "private",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -107866,250 +107914,158 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "flag",
                   "type": {
-                    "text": "Event"
+                    "text": "T"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "field",
-              "name": "_pointerDownListener",
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "_closeOnBackdropClick",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "_nestedMenus",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "SbbMenuElement[]"
-                }
-              },
-              "description": "Converts the linked list into an array of SbbMenuElement."
-            },
-            {
-              "kind": "method",
-              "name": "_parentMenu",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "SbbMenuElement | null"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_mainMenu",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "SbbMenuElement"
-                }
-              },
-              "description": "The outermost menu."
-            },
-            {
-              "kind": "method",
-              "name": "_isNested",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_updateNestedInert",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              ],
+              "description": "Removes the validity state flag entry and updates validity state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleMouseOver",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "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": "_onMenuAnimationEnd",
-              "privacy": "private",
+              "name": "shouldValidate",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "name",
                   "type": {
-                    "text": "AnimationEvent"
+                    "text": "PropertyKey | undefined"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "_setMenuPosition",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              ],
+              "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": "_syncNegative",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_isMobile",
+              "kind": "field",
+              "name": "_preventScrollOnSpaceKeydown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
+              "description": "Prevents scrolling from pressing Space, when the event target is an action element.\nAlso sets active state.",
+              "parameters": [
+                {
+                  "description": "The origin event.",
+                  "name": "event"
                 }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "events",
-              "privacy": "public",
-              "static": true,
-              "readonly": true,
-              "default": "{ beforeopen: 'beforeopen', open: 'open', beforeclose: 'beforeclose', close: 'close', }",
-              "type": {
-                "text": "{\n    beforeopen: 'beforeopen',\n    open: 'open',\n    beforeclose: 'beforeclose',\n    close: 'close',\n  }"
-              },
+              "name": "_removeActiveMarker",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "state",
-              "privacy": "protected",
-              "description": "The state of the component.",
-              "type": {
-                "text": "SbbOpenedClosedState"
-              },
-              "default": "'closed'",
+              "name": "_dispatchClickEventOnSpaceKeyup",
+              "privacy": "private",
+              "description": "Dispatches a 'click' PointerEvent if the original keyboard event is a 'Space' press.\nAs verified with the native button, when 'Space' is pressed, a 'click' event is dispatched\nafter the 'keyup' event.",
+              "parameters": [
+                {
+                  "description": "The origin event.",
+                  "name": "event"
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_state",
-              "type": {
-                "text": "SbbOpenedClosedState"
-              },
+              "name": "_dispatchClickEvent",
               "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "isOpen",
+              "name": "maybeDisabled",
               "type": {
-                "text": "boolean"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "description": "Whether the element is open.",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dispatchBeforeOpenEvent",
               "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "dispatchOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
+              "type": {
+                "text": "boolean | undefined"
               },
-              "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "dispatchBeforeCloseEvent",
               "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "dispatchCloseEvent",
+              "name": "setupBaseEventHandlers",
               "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
               },
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -108218,66 +108174,110 @@
               }
             }
           ],
-          "attributes": [
+          "mixins": [
             {
-              "name": "trigger",
-              "type": {
-                "text": "HTMLElement | null"
-              },
-              "default": "null",
-              "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
-              "fieldName": "trigger"
+              "name": "SbbDisabledTabIndexActionMixin",
+              "module": "core/mixins.js"
+            },
+            {
+              "name": "SbbMenuActionCommonElementMixin",
+              "module": "menu/common/menu-action-common.js"
             }
           ],
           "superclass": {
-            "name": "SbbOpenCloseBaseElement",
+            "name": "SbbButtonBaseElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-menu",
+          "tagName": "sbb-menu-button",
           "customElement": true,
-          "events": [
+          "attributes": [
             {
-              "name": "beforeopen",
+              "name": "disabled-interactive",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "Emits whenever the component starts the opening transition. Can be canceled.",
+              "default": "false",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "fieldName": "disabledInteractive",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
-              "name": "open",
+              "name": "disabled",
+              "description": "Whether the component is disabled.",
+              "default": "false",
               "type": {
-                "text": "Event"
+                "text": "boolean"
               },
-              "description": "Emits whenever the component is opened.",
+              "fieldName": "disabled",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
               }
             },
             {
-              "name": "beforeclose",
+              "name": "icon-name",
               "type": {
-                "text": "Event"
+                "text": "string"
               },
-              "description": "Emits whenever the component begins the closing transition. Can be canceled.",
+              "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": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "name": "close",
+              "name": "value",
               "type": {
-                "text": "Event"
+                "text": "string"
               },
-              "description": "Emits whenever the component is closed.",
+              "default": "''",
+              "description": "Value of the form element.",
+              "fieldName": "value",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "name": "type",
+              "description": "The type attribute to use for the button.",
+              "default": "'button'",
+              "type": {
+                "text": "SbbButtonType"
+              },
+              "fieldName": "type",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "name": "form",
+              "description": "The `<form>` element to associate the button with.",
+              "type": {
+                "text": "HTMLFormElement | null"
+              },
+              "fieldName": "form",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "name": "name",
+              "description": "Name of the form element. Will be read from name attribute.",
+              "type": {
+                "text": "string"
+              },
+              "fieldName": "name",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             }
           ]
@@ -108286,10 +108286,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbMenuElement",
+          "name": "SbbMenuButtonElement",
           "declaration": {
-            "name": "SbbMenuElement",
-            "module": "menu/menu/menu.component.js"
+            "name": "SbbMenuButtonElement",
+            "module": "menu/menu-button/menu-button.component.js"
           }
         }
       ]
@@ -110097,6 +110097,176 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "navigation/common/navigation-action-common.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SbbNavigationActionCommonElementMixinType",
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "privacy": "public"
+            },
+            {
+              "kind": "field",
+              "name": "marker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "section",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "public",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "connectedSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | undefined"
+              },
+              "privacy": "public"
+            }
+          ]
+        },
+        {
+          "kind": "mixin",
+          "description": "",
+          "name": "SbbNavigationActionCommonElementMixin",
+          "members": [
+            {
+              "kind": "field",
+              "name": "styles",
+              "type": {
+                "text": "CSSResultGroup"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "[boxSizingStyles, unsafeCSS(style)]"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "privacy": "public",
+              "description": "Action size variant, either s, m or l.",
+              "default": "'l' / 's' (lean)",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "connectedSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | undefined"
+              },
+              "privacy": "public",
+              "description": "The section that is being controlled by the action, if any."
+            },
+            {
+              "kind": "field",
+              "name": "marker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "public",
+              "description": "The navigation marker in which the action is nested.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "section",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "public",
+              "description": "The section in which the action is nested.",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "_navigationMarker",
+              "type": {
+                "text": "SbbNavigationMarkerElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "field",
+              "name": "_navigationSection",
+              "type": {
+                "text": "SbbNavigationSectionElement | null"
+              },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "SbbNavigationActionSize"
+              },
+              "description": "Action size variant, either s, m or l.",
+              "default": "'l' / 's' (lean)",
+              "fieldName": "size"
+            }
+          ],
+          "parameters": [
+            {
+              "name": "superClass",
+              "type": {
+                "text": "T"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbNavigationActionCommonElementMixinType",
+          "declaration": {
+            "name": "SbbNavigationActionCommonElementMixinType",
+            "module": "navigation/common/navigation-action-common.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "SbbNavigationActionCommonElementMixin",
+          "declaration": {
+            "name": "SbbNavigationActionCommonElementMixin",
+            "module": "navigation/common/navigation-action-common.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "mini-calendar/mini-calendar-month/mini-calendar-month.component.js",
@@ -110315,176 +110485,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "navigation/common/navigation-action-common.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "SbbNavigationActionCommonElementMixinType",
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "privacy": "public"
-            },
-            {
-              "kind": "field",
-              "name": "marker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "section",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "public",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "connectedSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | undefined"
-              },
-              "privacy": "public"
-            }
-          ]
-        },
-        {
-          "kind": "mixin",
-          "description": "",
-          "name": "SbbNavigationActionCommonElementMixin",
-          "members": [
-            {
-              "kind": "field",
-              "name": "styles",
-              "type": {
-                "text": "CSSResultGroup"
-              },
-              "privacy": "public",
-              "static": true,
-              "default": "[boxSizingStyles, unsafeCSS(style)]"
-            },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "privacy": "public",
-              "description": "Action size variant, either s, m or l.",
-              "default": "'l' / 's' (lean)",
-              "attribute": "size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "connectedSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | undefined"
-              },
-              "privacy": "public",
-              "description": "The section that is being controlled by the action, if any."
-            },
-            {
-              "kind": "field",
-              "name": "marker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "public",
-              "description": "The navigation marker in which the action is nested.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "section",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "public",
-              "description": "The section in which the action is nested.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "_navigationMarker",
-              "type": {
-                "text": "SbbNavigationMarkerElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "_navigationSection",
-              "type": {
-                "text": "SbbNavigationSectionElement | null"
-              },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "size",
-              "type": {
-                "text": "SbbNavigationActionSize"
-              },
-              "description": "Action size variant, either s, m or l.",
-              "default": "'l' / 's' (lean)",
-              "fieldName": "size"
-            }
-          ],
-          "parameters": [
-            {
-              "name": "superClass",
-              "type": {
-                "text": "T"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbNavigationActionCommonElementMixinType",
-          "declaration": {
-            "name": "SbbNavigationActionCommonElementMixinType",
-            "module": "navigation/common/navigation-action-common.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "SbbNavigationActionCommonElementMixin",
-          "declaration": {
-            "name": "SbbNavigationActionCommonElementMixin",
-            "module": "navigation/common/navigation-action-common.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "navigation/navigation/navigation.component.js",