@sbb-esta/lyne-elements-dev 5.0.0-next.2-dev.1777987469 → 5.0.0-next.2-dev.1778052073

package/custom-elements.json

@@ -115152,12 +115152,22 @@
     },
     {
       "kind": "javascript-module",
-      "path": "form-field/form-field-clear/form-field-clear.component.js",
+      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "Combined with `sbb-form-field`, it displays a button which clears the input value.",
-          "name": "SbbFormFieldClearElement",
+          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
+          "name": "SbbFormFieldTextCounterElement",
+          "slots": [
+            {
+              "description": "Use the unnamed slot to display a custom description text after the counter.",
+              "name": "",
+              "inheritedFrom": {
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
+              }
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -115168,63 +115178,54 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
+              "default": "'sbb-form-field-text-counter'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
-              },
-              "default": "'sbb-form-field-clear'"
+              }
             },
             {
               "kind": "field",
-              "name": "elementDependencies",
+              "name": "_remainingCharacters",
               "type": {
-                "text": "SbbElementType[]"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "text": "number"
               },
-              "default": "[SbbIconElement]"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "_formField",
-              "type": {
-                "text": "SbbFormFieldElement | null | undefined"
-              },
-              "privacy": "private"
+              "name": "_language",
+              "privacy": "private",
+              "default": "new SbbLanguageController(this)"
             },
             {
               "kind": "field",
-              "name": "_language",
+              "name": "_abortController",
+              "type": {
+                "text": "AbortController | null"
+              },
               "privacy": "private",
-              "default": "new SbbLanguageController(this)"
+              "default": "null"
             },
             {
               "kind": "method",
-              "name": "_handleClick",
+              "name": "_onInputUpdate",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "Promise<void>"
+                  "text": "void"
                 }
               }
             },
             {
               "kind": "method",
-              "name": "renderTemplate",
-              "privacy": "protected",
+              "name": "_infoText",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "string"
                 }
-              },
-              "description": "Override this method to render the component template.",
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -115245,243 +115246,159 @@
             },
             {
               "kind": "field",
-              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "name": "formField",
               "type": {
-                "text": "array"
+                "text": "SbbFormFieldElement | null"
               },
-              "privacy": "private",
-              "readonly": true,
-              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "privacy": "protected",
+              "default": "null",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbHintElement",
+                "module": "form-field/hint/hint.component.js"
               }
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "['_$sbbElement$']",
               "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "text": "boolean"
               },
-              "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",
+              "static": true,
+              "default": "true",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "form",
+              "name": "elementDependencies",
               "type": {
-                "text": "HTMLFormElement | null"
+                "text": "SbbElementType[] | undefined"
               },
               "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": "_formId",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_handleButtonClick",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "_requestSubmit",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "form",
-                  "type": {
-                    "text": "HTMLFormElement"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_formKeyDown",
-              "privacy": "private",
+              "static": true,
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "formAssociated",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "ElementInternals['role'] | undefined"
               },
               "privacy": "public",
               "static": true,
-              "default": "true",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "name",
-              "privacy": "public",
-              "description": "Name of the form element. Will be read from name attribute.",
+              "name": "_controllers",
               "type": {
-                "text": "string"
+                "text": "Set<SbbReactiveController> | undefined"
               },
-              "attribute": "name",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "validity",
+              "name": "_hydrationRequired",
               "type": {
-                "text": "ValidityState"
+                "text": "boolean"
               },
-              "privacy": "public",
-              "description": "Returns the ValidityState object for this element.",
-              "readonly": true,
+              "privacy": "private",
+              "default": "!!this.shadowRoot",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.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,
+              "name": "_hydrationComplete",
+              "privacy": "private",
+              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "willValidate",
+              "name": "_resolveHydration",
               "type": {
-                "text": "boolean"
+                "text": "(hydrationRequired: boolean) => void"
               },
-              "privacy": "public",
-              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
-              "readonly": true,
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_validityStates",
+              "name": "_textObserver",
+              "type": {
+                "text": "MutationObserver | undefined"
+              },
               "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "field",
-              "name": "formDisabled",
+              "name": "hydrationRequired",
               "type": {
                 "text": "boolean"
               },
               "privacy": "protected",
-              "default": "false",
-              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
+              "description": "Returns whether hydration is required and not completed.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "!!this.shadowRoot"
             },
             {
               "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
+              "name": "finalizeStyles",
+              "privacy": "protected",
+              "static": true,
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "CSSResultOrNative[]"
                 }
               },
-              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "boolean"
+              "parameters": [
+                {
+                  "name": "_styles",
+                  "type": {
+                    "text": "CSSResultGroup"
+                  }
                 }
-              },
-              "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.",
+              ],
+              "description": "Collects `styles` from every class in the prototype chain (using `Object.hasOwn`)\nand merges them in top-down order. This means each class/mixin only needs to declare\nits **own** styles — there is no need to reference `super.styles`.\n\nLit's default behaviour already walks the chain, but fails for mixins where\n`super.styles` resolves to the wrong class. This override fixes that.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
-              "privacy": "public",
+              "name": "toggleState",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -115489,65 +115406,56 @@
               },
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "value",
                   "type": {
                     "text": "string"
                   }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
                 }
               ],
-              "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"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_hasDisabledAncestor",
+              "name": "_slotchangeHandler",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "FormRestoreState"
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                },
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
                 }
-              },
+              ],
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "method",
-              "name": "setValidityFlag",
-              "privacy": "protected",
+              "name": "_handleSlotChangeForSlottedState",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -115555,35 +115463,21 @@
               },
               "parameters": [
                 {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "flagValue",
-                  "optional": true,
+                  "name": "slot",
                   "type": {
-                    "text": "ValidityStateFlags[T]"
+                    "text": "HTMLSlotElement"
                   }
                 }
               ],
-              "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"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "method",
-              "name": "removeValidityFlag",
-              "privacy": "protected",
+              "name": "_updateSlottedState",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -115591,37 +115485,43 @@
               },
               "parameters": [
                 {
-                  "name": "flag",
+                  "name": "slot",
                   "type": {
-                    "text": "T"
+                    "text": "HTMLSlotElement"
                   }
                 }
               ],
-              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "method",
-              "name": "validate",
-              "privacy": "protected",
+              "name": "_observeTextNodesInSlot",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "description": "To be called whenever the current element needs to be validated.",
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
             },
             {
               "kind": "method",
-              "name": "shouldValidate",
-              "privacy": "protected",
+              "name": "_hasSlottedContent",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
@@ -115629,140 +115529,259 @@
               },
               "parameters": [
                 {
-                  "name": "name",
+                  "name": "slot",
                   "type": {
-                    "text": "PropertyKey | undefined"
+                    "text": "HTMLSlotElement"
                   }
                 }
               ],
-              "description": "Whether validation should be run on a property change with the given name.",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
               }
-            },
+            }
+          ],
+          "superclass": {
+            "name": "SbbHintElement",
+            "module": "form-field/hint/hint.component.js"
+          },
+          "tagName": "sbb-form-field-text-counter",
+          "customElement": true,
+          "attributes": [
             {
-              "kind": "method",
-              "name": "_setInternalValidity",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "name": "negative",
+              "type": {
+                "text": "boolean"
               },
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "fieldName": "negative",
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
               }
-            },
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SbbFormFieldTextCounterElement",
+          "declaration": {
+            "name": "SbbFormFieldTextCounterElement",
+            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "form-field/form-field-clear/form-field-clear.component.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "Combined with `sbb-form-field`, it displays a button which clears the input value.",
+          "name": "SbbFormFieldClearElement",
+          "members": [
             {
               "kind": "field",
-              "name": "role",
+              "name": "elementName",
               "type": {
-                "text": "ElementInternals['role']"
+                "text": "string"
               },
               "privacy": "public",
               "static": true,
+              "readonly": true,
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "readonly": true,
-              "default": "'button'"
+              "default": "'sbb-form-field-clear'"
             },
             {
               "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": "elementDependencies",
+              "type": {
+                "text": "SbbElementType[]"
+              },
+              "privacy": "public",
+              "static": true,
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "[SbbIconElement]"
             },
             {
               "kind": "field",
-              "name": "_removeActiveMarker",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
-              }
+              "name": "_formField",
+              "type": {
+                "text": "SbbFormFieldElement | null | undefined"
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "_dispatchClickEventOnSpaceKeyup",
+              "name": "_language",
               "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"
+              "default": "new SbbLanguageController(this)"
+            },
+            {
+              "kind": "method",
+              "name": "_handleClick",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "Promise<void>"
                 }
-              ],
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "description": "Override this method to render the component template.",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
-                "module": "core/base-elements/button-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_dispatchClickEvent",
+              "name": "negative",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Negative coloring variant flag.",
+              "attribute": "negative",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbNegativeMixin",
+                "module": "core/mixins/negative-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "type": {
+                "text": "array"
+              },
               "privacy": "private",
+              "readonly": true,
+              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
               "inheritedFrom": {
-                "name": "SbbButtonLikeBaseElement",
+                "name": "SbbButtonBaseElement",
                 "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "maybeDisabled",
+              "name": "value",
               "type": {
-                "text": "boolean | undefined"
+                "text": "string"
               },
-              "privacy": "protected",
-              "readonly": true,
+              "privacy": "public",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "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"
               }
             },
             {
               "kind": "field",
-              "name": "maybeDisabledInteractive",
+              "name": "form",
               "type": {
-                "text": "boolean | undefined"
+                "text": "HTMLFormElement | null"
               },
-              "privacy": "protected",
-              "readonly": true,
+              "privacy": "public",
+              "description": "The `<form>` element to associate the button with.",
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "attribute": "form"
+            },
+            {
+              "kind": "field",
+              "name": "_formId",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_handleButtonClick",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "setupBaseEventHandlers",
-              "privacy": "protected",
+              "name": "_requestSubmit",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
+              "parameters": [
+                {
+                  "name": "form",
+                  "type": {
+                    "text": "HTMLFormElement"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "['_$sbbElement$']",
+              "name": "_formKeyDown",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formAssociated",
               "type": {
                 "text": "boolean"
               },
@@ -115770,141 +115789,124 @@
               "static": true,
               "default": "true",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_controllers",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
               "type": {
-                "text": "Set<SbbReactiveController> | undefined"
+                "text": "string"
               },
-              "privacy": "private",
+              "attribute": "name",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_hydrationRequired",
+              "name": "validity",
               "type": {
-                "text": "boolean"
+                "text": "ValidityState"
               },
-              "privacy": "private",
-              "default": "!!this.shadowRoot",
+              "privacy": "public",
+              "description": "Returns the ValidityState object for this element.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_hydrationComplete",
-              "privacy": "private",
-              "default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
+              "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": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_resolveHydration",
+              "name": "willValidate",
               "type": {
-                "text": "(hydrationRequired: boolean) => void"
+                "text": "boolean"
               },
-              "privacy": "private",
+              "privacy": "public",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "_textObserver",
-              "type": {
-                "text": "MutationObserver | undefined"
-              },
+              "name": "_validityStates",
               "privacy": "private",
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "hydrationRequired",
+              "name": "formDisabled",
               "type": {
                 "text": "boolean"
               },
               "privacy": "protected",
-              "description": "Returns whether hydration is required and not completed.",
-              "readonly": true,
+              "default": "false",
+              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "default": "!!this.shadowRoot"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "finalizeStyles",
-              "privacy": "protected",
-              "static": true,
+              "name": "checkValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "CSSResultOrNative[]"
+                  "text": "boolean"
                 }
               },
-              "parameters": [
-                {
-                  "name": "_styles",
-                  "type": {
-                    "text": "CSSResultGroup"
-                  }
-                }
-              ],
-              "description": "Collects `styles` from every class in the prototype chain (using `Object.hasOwn`)\nand merges them in top-down order. This means each class/mixin only needs to declare\nits **own** styles — there is no need to reference `super.styles`.\n\nLit's default behaviour already walks the chain, but fails for mixins where\n`super.styles` resolves to the wrong class. This override fixes that.",
+              "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": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "toggleState",
-              "privacy": "protected",
+              "name": "reportValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
                 }
               },
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ],
+              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_slotchangeHandler",
-              "privacy": "private",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
                   "text": "void"
@@ -115912,49 +115914,65 @@
               },
               "parameters": [
                 {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                },
-                {
-                  "name": "slot",
+                  "name": "message",
                   "type": {
-                    "text": "HTMLSlotElement"
+                    "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": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleSlotChangeForSlottedState",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "updateFormValue",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
               },
-              "parameters": [
-                {
-                  "name": "slot",
-                  "type": {
-                    "text": "HTMLSlotElement"
-                  }
+              "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": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_updateSlottedState",
-              "privacy": "private",
+              "name": "setValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -115962,21 +115980,35 @@
               },
               "parameters": [
                 {
-                  "name": "slot",
+                  "name": "flag",
                   "type": {
-                    "text": "HTMLSlotElement"
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "flagValue",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags[T]"
                   }
                 }
               ],
+              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_observeTextNodesInSlot",
-              "privacy": "private",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -115984,21 +116016,37 @@
               },
               "parameters": [
                 {
-                  "name": "slot",
+                  "name": "flag",
                   "type": {
-                    "text": "HTMLSlotElement"
+                    "text": "T"
                   }
                 }
               ],
+              "description": "Removes the validity state flag entry and updates validity state.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_hasSlottedContent",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "To be called whenever the current element needs to be validated.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "shouldValidate",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "boolean"
@@ -116006,229 +116054,135 @@
               },
               "parameters": [
                 {
-                  "name": "slot",
+                  "name": "name",
                   "type": {
-                    "text": "HTMLSlotElement"
+                    "text": "PropertyKey | undefined"
                   }
                 }
               ],
+              "description": "Whether validation should be run on a property change with the given name.",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
-            }
-          ],
-          "events": [
-            {
-              "type": {
-                "text": "Event"
-              },
-              "description": "The change event is fired on the component's associated input when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
-              "name": "change"
             },
             {
-              "type": {
-                "text": "InputEvent"
-              },
-              "description": "The input event fires on the component's associated input when the value has been changed as a direct result of a user action.",
-              "name": "input"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "SbbNegativeMixin",
-              "module": "core.js"
-            }
-          ],
-          "superclass": {
-            "name": "SbbButtonBaseElement",
-            "module": "core.js"
-          },
-          "tagName": "sbb-form-field-clear",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "negative",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_setInternalValidity",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "fieldName": "negative",
               "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "name": "value",
+              "kind": "field",
+              "name": "role",
               "type": {
-                "text": "string"
+                "text": "ElementInternals['role']"
               },
-              "default": "''",
-              "description": "Value of the form element.",
-              "fieldName": "value",
+              "privacy": "public",
+              "static": true,
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "readonly": true,
+              "default": "'button'"
+            },
+            {
+              "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"
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonLikeBaseElement",
                 "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",
+              "kind": "field",
+              "name": "_removeActiveMarker",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbButtonBaseElement",
+                "name": "SbbButtonLikeBaseElement",
                 "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",
+              "kind": "field",
+              "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": "SbbButtonBaseElement",
+                "name": "SbbButtonLikeBaseElement",
                 "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"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "SbbFormFieldClearElement",
-          "declaration": {
-            "name": "SbbFormFieldClearElement",
-            "module": "form-field/form-field-clear/form-field-clear.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "form-field/form-field-text-counter/form-field-text-counter.component.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "It displays the remaining characters count for input/textarea elements with a configured\nmaxlength property in the `sbb-form-field`.\nThe component automatically uses the form field's inputElement and displays the remaining character count.\nIf the input is disabled, readonly or an `sbb-error` is present, the output is suppressed.",
-          "name": "SbbFormFieldTextCounterElement",
-          "slots": [
-            {
-              "description": "Use the unnamed slot to display a custom description text after the counter.",
-              "name": "",
+              "kind": "field",
+              "name": "_dispatchClickEvent",
+              "privacy": "private",
               "inheritedFrom": {
-                "name": "SbbHintElement",
-                "module": "form-field/hint/hint.component.js"
+                "name": "SbbButtonLikeBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
-            }
-          ],
-          "members": [
+            },
             {
               "kind": "field",
-              "name": "elementName",
+              "name": "maybeDisabled",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "static": true,
+              "privacy": "protected",
               "readonly": true,
-              "default": "'sbb-form-field-text-counter'",
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "_remainingCharacters",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "_language",
-              "privacy": "private",
-              "default": "new SbbLanguageController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "_abortController",
+              "name": "maybeDisabledInteractive",
               "type": {
-                "text": "AbortController | null"
+                "text": "boolean | undefined"
               },
-              "privacy": "private",
-              "default": "null"
-            },
-            {
-              "kind": "method",
-              "name": "_onInputUpdate",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_infoText",
-              "privacy": "private",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "string"
+                  "text": "void"
                 }
-              }
-            },
-            {
-              "kind": "field",
-              "name": "negative",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Negative coloring variant flag.",
-              "attribute": "negative",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbNegativeMixin",
-                "module": "core/mixins/negative-mixin.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "formField",
-              "type": {
-                "text": "SbbFormFieldElement | null"
               },
-              "privacy": "protected",
-              "default": "null",
               "inheritedFrom": {
-                "name": "SbbHintElement",
-                "module": "form-field/hint/hint.component.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -116245,32 +116199,6 @@
                 "module": "core/base-elements/element.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "ElementInternals['role'] | undefined"
-              },
-              "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              }
-            },
             {
               "kind": "field",
               "name": "_controllers",
@@ -116515,11 +116443,33 @@
               }
             }
           ],
+          "events": [
+            {
+              "type": {
+                "text": "Event"
+              },
+              "description": "The change event is fired on the component's associated input when the user modifies the element's value. Unlike the input event, the change event is not necessarily fired for each alteration to an element's value.",
+              "name": "change"
+            },
+            {
+              "type": {
+                "text": "InputEvent"
+              },
+              "description": "The input event fires on the component's associated input when the value has been changed as a direct result of a user action.",
+              "name": "input"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "SbbNegativeMixin",
+              "module": "core.js"
+            }
+          ],
           "superclass": {
-            "name": "SbbHintElement",
-            "module": "form-field/hint/hint.component.js"
+            "name": "SbbButtonBaseElement",
+            "module": "core.js"
           },
-          "tagName": "sbb-form-field-text-counter",
+          "tagName": "sbb-form-field-clear",
           "customElement": true,
           "attributes": [
             {
@@ -116534,6 +116484,56 @@
                 "name": "SbbNegativeMixin",
                 "module": "core/mixins/negative-mixin.js"
               }
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Value of the form element.",
+              "fieldName": "value",
+              "inheritedFrom": {
+                "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"
+              }
             }
           ]
         }
@@ -116541,10 +116541,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbFormFieldTextCounterElement",
+          "name": "SbbFormFieldClearElement",
           "declaration": {
-            "name": "SbbFormFieldTextCounterElement",
-            "module": "form-field/form-field-text-counter/form-field-text-counter.component.js"
+            "name": "SbbFormFieldClearElement",
+            "module": "form-field/form-field-clear/form-field-clear.component.js"
           }
         }
       ]
@@ -131047,27 +131047,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": [
@@ -131084,13 +131080,13 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-menu-button'"
+              "default": "'sbb-menu'"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "elementDependencies",
               "type": {
-                "text": "ElementInternals['role']"
+                "text": "SbbElementType[]"
               },
               "privacy": "public",
               "static": true,
@@ -131098,261 +131094,278 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "readonly": true,
-              "default": "'menuitem'"
+              "default": "[ SbbDividerElement, SbbMenuButtonElement, ]"
             },
             {
               "kind": "field",
-              "name": "disabledInteractive",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "public",
-              "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "attribute": "disabled-interactive",
-              "reflects": true,
+              "static": true,
               "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "readonly": true,
+              "default": "'menu'"
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "trigger",
+              "type": {
+                "text": "HTMLElement | null"
+              },
               "privacy": "public",
-              "description": "Whether the component is disabled.",
-              "default": "false",
+              "default": "null",
+              "description": "The element that will trigger the menu overlay.\n\nFor attribute usage, provide an id reference.",
+              "attribute": "trigger"
+            },
+            {
+              "kind": "field",
+              "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": "method",
-              "name": "isDisabledExternally",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "_windowEventsController",
+              "type": {
+                "text": "AbortController"
               },
-              "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"
-              }
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "styles",
+              "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": "CSSResultGroup"
+                "text": "SbbMenuElement | null"
               },
+              "privacy": "private",
+              "default": "null"
+            },
+            {
+              "kind": "method",
+              "name": "escapeStrategy",
               "privacy": "public",
-              "static": true,
-              "default": "[unsafeCSS(style)]",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "The method which is called on escape key press. Defaults to calling close()",
               "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": "open",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "TemplateResult"
+                  "text": "void"
                 }
               },
-              "description": "Override this method to render the component template.",
+              "description": "Opens the menu on trigger click.",
               "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": "elementDependencies",
-              "type": {
-                "text": "SbbElementType[]"
-              },
+              "kind": "method",
+              "name": "close",
               "privacy": "public",
-              "static": true,
-              "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "[SbbIconElement]"
+              "description": "Closes the menu and all its nested menus.",
+              "inheritedFrom": {
+                "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": {
@@ -131361,154 +131374,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"
-              }
+              "name": "_pointerDownListener",
+              "privacy": "private"
             },
             {
               "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"
-              }
+              "name": "_closeOnBackdropClick",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "willValidate",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_nestedMenus",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SbbMenuElement[]"
+                }
               },
-              "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"
-              }
+              "description": "Converts the linked list into an array of SbbMenuElement."
             },
             {
-              "kind": "field",
-              "name": "_validityStates",
+              "kind": "method",
+              "name": "_parentMenu",
               "privacy": "private",
-              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+              "return": {
+                "type": {
+                  "text": "SbbMenuElement | null"
+                }
               }
             },
             {
-              "kind": "field",
-              "name": "formDisabled",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "_mainMenu",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "SbbMenuElement"
+                }
               },
-              "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"
-              }
+              "description": "The outermost menu."
             },
             {
               "kind": "method",
-              "name": "checkValidity",
-              "privacy": "public",
+              "name": "_isNested",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              },
-              "description": "Returns true if this element has no validity problems; false otherwise.\nFires an invalid event at the element in the latter case.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "reportValidity",
-              "privacy": "public",
+              "name": "_updateNestedInert",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
-              },
-              "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": "_handleMouseOver",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
@@ -131516,65 +131454,17 @@
               },
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "MouseEvent"
                   }
                 }
-              ],
-              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
+              ]
             },
             {
               "kind": "method",
-              "name": "_hasDisabledAncestor",
+              "name": "_onMenuAnimationEnd",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "updateFormValue",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "Should be called when form value is changed.\nAdapts and sets the formValue in the supported format (string | FormData | File | null)\nhttps://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/setFormValue",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "formState",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "FormRestoreState"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setValidityFlag",
-              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -131582,194 +131472,152 @@
               },
               "parameters": [
                 {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                },
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "flagValue",
-                  "optional": true,
+                  "name": "event",
                   "type": {
-                    "text": "ValidityStateFlags[T]"
+                    "text": "AnimationEvent"
                   }
                 }
-              ],
-              "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": "_setMenuPosition",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "void"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "flag",
-                  "type": {
-                    "text": "T"
-                  }
-                }
-              ],
-              "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": "_syncNegative",
+              "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": "_isMobile",
+              "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
-              },
-              "parameters": [
-                {
-                  "name": "name",
-                  "type": {
-                    "text": "PropertyKey | undefined"
-                  }
-                }
-              ],
-              "description": "Whether validation should be run on a property change with the given name.",
-              "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_setInternalValidity",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "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  }"
               },
               "inheritedFrom": {
-                "name": "SbbFormAssociatedMixin",
-                "module": "core/mixins/form-associated-mixin.js"
+                "name": "SbbOpenCloseBaseElement",
+                "module": "core/base-elements/open-close-base-element.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": "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": "_removeActiveMarker",
+              "name": "_state",
+              "type": {
+                "text": "SbbOpenedClosedState"
+              },
               "privacy": "private",
               "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",
-              "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"
-                }
-              ],
+              "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": "_dispatchClickEvent",
-              "privacy": "private",
+              "kind": "method",
+              "name": "dispatchBeforeOpenEvent",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
               "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": "dispatchOpenEvent",
               "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": "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"
               }
             },
             {
@@ -132030,110 +131878,66 @@
               }
             }
           ],
-          "mixins": [
-            {
-              "name": "SbbDisabledTabIndexActionMixin",
-              "module": "core.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.js"
           },
-          "tagName": "sbb-menu-button",
+          "tagName": "sbb-menu",
           "customElement": true,
-          "attributes": [
+          "events": [
             {
-              "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"
-              }
-            },
-            {
-              "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"
               }
             }
           ]
@@ -132142,33 +131946,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": [
@@ -132185,13 +131993,13 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "'sbb-menu'"
+              "default": "'sbb-menu-button'"
             },
             {
               "kind": "field",
-              "name": "elementDependencies",
+              "name": "role",
               "type": {
-                "text": "SbbElementType[]"
+                "text": "ElementInternals['role']"
               },
               "privacy": "public",
               "static": true,
@@ -132199,240 +132007,261 @@
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
               },
-              "default": "[ SbbDividerElement, SbbMenuButtonElement, ]"
+              "readonly": true,
+              "default": "'menuitem'"
             },
             {
               "kind": "field",
-              "name": "role",
+              "name": "disabledInteractive",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
               "privacy": "public",
-              "static": true,
+              "default": "false",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "attribute": "disabled-interactive",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbElement",
-                "module": "core/base-elements/element.js"
-              },
-              "readonly": true,
-              "default": "'menu'"
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "trigger",
+              "name": "disabled",
+              "privacy": "public",
+              "description": "Whether the component is disabled.",
+              "default": "false",
               "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"
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_menu",
+              "name": "#disabled",
+              "privacy": "private",
               "type": {
-                "text": "HTMLDivElement"
+                "text": "boolean"
               },
-              "privacy": "private"
+              "default": "false",
+              "inheritedFrom": {
+                "name": "SbbDisabledMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
             },
             {
-              "kind": "field",
-              "name": "_triggerElement",
-              "type": {
-                "text": "HTMLElement | null"
+              "kind": "method",
+              "name": "isDisabledExternally",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
               },
-              "privacy": "private",
-              "default": "null"
+              "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": "[unsafeCSS(style)]",
+              "inheritedFrom": {
+                "name": "SbbMenuActionCommonElementMixin",
+                "module": "menu/common/menu-action-common.js"
+              }
             },
             {
-              "kind": "field",
-              "name": "_isPointerDownEventOnMenu",
-              "type": {
-                "text": "boolean"
+              "kind": "method",
+              "name": "renderTemplate",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
               },
-              "privacy": "private",
-              "default": "false"
+              "description": "Override this method to render the component template.",
+              "inheritedFrom": {
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_windowEventsController",
+              "name": "elementDependencies",
               "type": {
-                "text": "AbortController"
+                "text": "SbbElementType[]"
               },
-              "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)"
+              "privacy": "public",
+              "static": true,
+              "inheritedFrom": {
+                "name": "SbbElement",
+                "module": "core/base-elements/element.js"
+              },
+              "default": "[SbbIconElement]"
             },
             {
               "kind": "field",
-              "name": "_nestedMenu",
+              "name": "iconName",
               "type": {
-                "text": "SbbMenuElement | null"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "null"
+              "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": "escapeStrategy",
-              "privacy": "public",
+              "name": "renderIconSlot",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "TemplateResult"
                 }
               },
-              "description": "The method which is called on escape key press. Defaults to calling close()",
+              "parameters": [
+                {
+                  "name": "classname",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "open",
-              "privacy": "public",
+              "name": "renderIconName",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
-              "description": "Opens the menu on trigger click.",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "close",
-              "privacy": "public",
+              "name": "_renderIconName",
+              "privacy": "private",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "string"
                 }
               },
-              "description": "Closes the menu and all its nested menus.",
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbIconNameMixin",
+                "module": "icon/icon-name-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "closeAll",
-              "privacy": "public",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "_elementsOnWhichEnterPressTriggersSubmit",
+              "type": {
+                "text": "array"
               },
-              "description": "Closes the menu and all related menus (nested and parent menus)."
+              "privacy": "private",
+              "readonly": true,
+              "default": "[ 'input', 'sbb-date-input', 'sbb-time-input', ]",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
-              "kind": "method",
-              "name": "_close",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
               },
-              "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
-                }
-              ]
+              "privacy": "public",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              },
+              "default": "''",
+              "description": "Value of the form element.",
+              "attribute": "value"
             },
             {
-              "kind": "method",
-              "name": "_isZeroAnimationDuration",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "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"
               }
             },
             {
-              "kind": "method",
-              "name": "_handleOpening",
+              "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"
+              },
+              "attribute": "form"
+            },
+            {
+              "kind": "field",
+              "name": "_formId",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "default": "''",
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_handleClosing",
+              "kind": "field",
+              "name": "_handleButtonClick",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
               "kind": "method",
-              "name": "_handleKeyDown",
+              "name": "_requestSubmit",
               "privacy": "private",
               "return": {
                 "type": {
@@ -132441,117 +132270,220 @@
               },
               "parameters": [
                 {
-                  "name": "evt",
+                  "name": "form",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "HTMLFormElement"
                   }
                 }
-              ]
+              ],
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
+              }
             },
             {
-              "kind": "method",
-              "name": "_configureTrigger",
+              "kind": "field",
+              "name": "_formKeyDown",
               "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "inheritedFrom": {
+                "name": "SbbButtonBaseElement",
+                "module": "core/base-elements/button-base-element.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_attachWindowEvents",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "formAssociated",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "static": true,
+              "default": "true",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
-              "kind": "method",
-              "name": "_interactiveElementClick",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
+              "kind": "field",
+              "name": "name",
+              "privacy": "public",
+              "description": "Name of the form element. Will be read from name attribute.",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "field",
-              "name": "_pointerDownListener",
-              "privacy": "private"
+              "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": "_closeOnBackdropClick",
-              "privacy": "private"
+              "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": "method",
-              "name": "_nestedMenus",
+              "kind": "field",
+              "name": "willValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "description": "Returns true if this element will be validated\nwhen the form is submitted; false otherwise.",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_validityStates",
               "privacy": "private",
+              "default": "new Map< keyof ValidityStateFlags, { flagValue: unknown; message: string } >()",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "protected",
+              "default": "false",
+              "description": "Whenever a surrounding form or fieldset is changing its disabled state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "SbbMenuElement[]"
+                  "text": "boolean"
                 }
               },
-              "description": "Converts the linked list into an array of 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"
+              }
             },
             {
               "kind": "method",
-              "name": "_parentMenu",
-              "privacy": "private",
+              "name": "reportValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "SbbMenuElement | null"
+                  "text": "boolean"
                 }
+              },
+              "description": "Returns true if this element has no validity problems; otherwise,\nreturns false, fires an invalid event at the element,\nand (if the event isn't canceled) reports the problem to the user.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_mainMenu",
-              "privacy": "private",
+              "name": "setCustomValidity",
+              "privacy": "public",
               "return": {
                 "type": {
-                  "text": "SbbMenuElement"
+                  "text": "void"
                 }
               },
-              "description": "The outermost menu."
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets the custom validity message for this element. Use the empty string\nto indicate that the element does not have a custom validity error.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_isNested",
+              "name": "_hasDisabledAncestor",
               "privacy": "private",
               "return": {
                 "type": {
                   "text": "boolean"
                 }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_updateNestedInert",
-              "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": "_handleMouseOver",
-              "privacy": "private",
+              "name": "formState",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "FormRestoreState"
+                }
+              },
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "setValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -132559,17 +132491,35 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "flag",
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "T"
+                  }
+                },
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "flagValue",
+                  "optional": true,
+                  "type": {
+                    "text": "ValidityStateFlags[T]"
                   }
                 }
-              ]
+              ],
+              "description": "Marks this element as suffering from the constraint indicated by the\nflag argument and associates the given message to it.\nNote that only one message is displayed at a time and custom messages by\nconsumers are always displayed before internal messages and internal\nmessages are displayed in the order they were added.\nTo set/define custom validity state flags, you need to extend the\nValidityState prototype (and the CustomValidityState interface).",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_onMenuAnimationEnd",
-              "privacy": "private",
+              "name": "removeValidityFlag",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
@@ -132577,152 +132527,158 @@
               },
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "flag",
                   "type": {
-                    "text": "AnimationEvent"
+                    "text": "T"
                   }
                 }
-              ]
+              ],
+              "description": "Removes the validity state flag entry and updates validity state.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
+              }
             },
             {
               "kind": "method",
-              "name": "_setMenuPosition",
-              "privacy": "private",
+              "name": "validate",
+              "privacy": "protected",
               "return": {
                 "type": {
                   "text": "void"
                 }
+              },
+              "description": "To be called whenever the current element needs to be validated.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_syncNegative",
-              "privacy": "private",
+              "name": "shouldValidate",
+              "privacy": "protected",
               "return": {
                 "type": {
-                  "text": "void"
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "PropertyKey | undefined"
+                  }
                 }
+              ],
+              "description": "Whether validation should be run on a property change with the given name.",
+              "inheritedFrom": {
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "method",
-              "name": "_isMobile",
+              "name": "_setInternalValidity",
               "privacy": "private",
               "return": {
                 "type": {
-                  "text": "boolean"
+                  "text": "void"
                 }
-              }
-            },
-            {
-              "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  }"
               },
               "inheritedFrom": {
-                "name": "SbbOpenCloseBaseElement",
-                "module": "core/base-elements/open-close-base-element.js"
+                "name": "SbbFormAssociatedMixin",
+                "module": "core/mixins/form-associated-mixin.js"
               }
             },
             {
               "kind": "field",
-              "name": "state",
-              "privacy": "protected",
-              "description": "The state of the component.",
-              "type": {
-                "text": "SbbOpenedClosedState"
-              },
-              "default": "'closed'",
+              "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"
+                }
+              ],
               "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": "_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": "isOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "description": "Whether the element is open.",
-              "readonly": true,
+              "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": "method",
-              "name": "dispatchBeforeOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
+              "kind": "field",
+              "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": "method",
-              "name": "dispatchOpenEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "maybeDisabled",
+              "type": {
+                "text": "boolean | undefined"
               },
+              "privacy": "protected",
+              "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": "dispatchBeforeCloseEvent",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "kind": "field",
+              "name": "maybeDisabledInteractive",
+              "type": {
+                "text": "boolean | undefined"
               },
+              "privacy": "protected",
+              "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"
               }
             },
             {
@@ -132983,66 +132939,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.js"
+            },
+            {
+              "name": "SbbMenuActionCommonElementMixin",
+              "module": "menu/common/menu-action-common.js"
             }
           ],
           "superclass": {
-            "name": "SbbOpenCloseBaseElement",
+            "name": "SbbButtonBaseElement",
             "module": "core.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"
               }
             }
           ]
@@ -133051,10 +133051,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"
           }
         }
       ]