@m3e/web 2.1.3 → 2.2.1

package/dist/html-custom-data.json

@@ -4,7 +4,7 @@
   "tags": [
     {
       "name": "m3e-app-bar",
-      "description": "A bar, placed a the top of a screen, used to help users navigate through an application.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - **leading-icon** - Renders a leading icon.\n- **subtitle** - Renders the subtitle.\n- **title** - Renders the title.\n- **trailing-icon** - Renders a trailing icon.\n\n### **CSS Properties:**\n - **--m3e-app-bar-container-color** - Background color of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-color-on-scroll** - Background color of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-container-elevation** - Elevation (shadow) of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-elevation-on-scroll** - Elevation (shadow) of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-title-text-color** - Color of the app bar title text. _(default: undefined)_\n- **--m3e-app-bar-subtitle-text-color** - Color of the app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-padding-left** - Left padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-padding-right** - Right padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-container-height** - Height of the small app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-size** - Font size for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-weight** - Font weight for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-line-height** - Line height for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-size** - Font size for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-weight** - Font weight for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-line-height** - Line height for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-left** - Left padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-right** - Right padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height** - Height of the medium app bar container. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height-with-subtitle** - Height of the medium app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-size** - Font size for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-weight** - Font weight for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-line-height** - Line height for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-size** - Font size for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-weight** - Font weight for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-line-height** - Line height for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-left** - Left padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-right** - Right padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-top** - Top padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-bottom** - Bottom padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-title-max-lines** - Maximum number of lines for the medium app bar title. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-max-lines** - Maximum number of lines for the medium app bar subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-container-height** - Height of the large app bar container. _(default: undefined)_\n- **--m3e-app-bar-large-container-height-with-subtitle** - Height of the large app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-size** - Font size for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-weight** - Font weight for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-line-height** - Line height for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-size** - Font size for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-weight** - Font weight for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-line-height** - Line height for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-left** - Left padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-right** - Right padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-padding-top** - Top padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-padding-bottom** - Bottom padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-title-max-lines** - Maximum number of lines for the large app bar title. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-max-lines** - Maximum number of lines for the large app bar subtitle. _(default: undefined)_",
+      "description": "A bar, placed a the top of a screen, used to help users navigate through an application.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - **leading** - Renders content positioned at the start of the bar.\n- **subtitle** - Renders the subtitle of the bar.\n- **title** - Renders the title of the bar.\n- **trailing** - Renders one or more action buttons aligned to the end of the bar.\n- **leading-icon** - Deprecated: use the `leading` slot.\n- **trailing-icon** - Deprecated: use the `trailing` slot.\n\n### **CSS Properties:**\n - **--m3e-app-bar-container-color** - Background color of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-color-on-scroll** - Background color of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-container-elevation** - Elevation (shadow) of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-elevation-on-scroll** - Elevation (shadow) of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-title-text-color** - Color of the app bar title text. _(default: undefined)_\n- **--m3e-app-bar-subtitle-text-color** - Color of the app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-padding-left** - Left padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-padding-right** - Right padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-container-height** - Height of the small app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-size** - Font size for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-weight** - Font weight for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-line-height** - Line height for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-size** - Font size for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-weight** - Font weight for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-line-height** - Line height for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-left** - Left padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-right** - Right padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height** - Height of the medium app bar container. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height-with-subtitle** - Height of the medium app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-size** - Font size for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-weight** - Font weight for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-line-height** - Line height for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-size** - Font size for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-weight** - Font weight for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-line-height** - Line height for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-left** - Left padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-right** - Right padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-top** - Top padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-bottom** - Bottom padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-title-max-lines** - Maximum number of lines for the medium app bar title. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-max-lines** - Maximum number of lines for the medium app bar subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-container-height** - Height of the large app bar container. _(default: undefined)_\n- **--m3e-app-bar-large-container-height-with-subtitle** - Height of the large app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-size** - Font size for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-weight** - Font weight for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-line-height** - Line height for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-size** - Font size for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-weight** - Font weight for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-line-height** - Line height for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-left** - Left padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-right** - Right padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-padding-top** - Top padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-padding-bottom** - Bottom padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-title-max-lines** - Maximum number of lines for the large app bar title. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-max-lines** - Maximum number of lines for the large app bar subtitle. _(default: undefined)_",
       "attributes": [
         {
           "name": "centered",
@@ -26,7 +26,7 @@
     },
     {
       "name": "m3e-autocomplete",
-      "description": "Enhances a text input with suggested options.\n---\n\n\n### **Events:**\n - **query** - Emitted when the input is focused or when the user modifies its value.\n- **toggle** - Emitted when the options menu opens or closes.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **clear(restoreFocus): _void_** - Clears the value of the element.\n\n### **Slots:**\n - _default_ - Renders the options of the autocomplete.\n- **loading** - Renders content when loading options.\n- **no-data** - Renders content when there are no options to show.",
+      "description": "Enhances a text input with suggested options.\n---\n\n\n### **Events:**\n - **change** - Emitted when the committed value changes due to selecting an option or clearing the input.\n- **query** - Emitted when the input is focused or when the user modifies its value.\n- **toggle** - Emitted when the options menu opens or closes.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **clear(restoreFocus): _void_** - Clears the value of the element.\n\n### **Slots:**\n - _default_ - Renders the options of the autocomplete.\n- **loading** - Renders content when loading options.\n- **no-data** - Renders content when there are no options to show.",
       "attributes": [
         {
           "name": "auto-activate",
@@ -99,12 +99,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-avatar",
-      "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "m3e-badge",
       "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
@@ -128,80 +122,11 @@
       "references": []
     },
     {
-      "name": "m3e-bottom-sheet-action",
-      "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
+      "name": "m3e-avatar",
+      "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
       "attributes": [],
       "references": []
     },
-    {
-      "name": "m3e-bottom-sheet",
-      "description": "A sheet used to show secondary content anchored to the bottom of the screen.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the sheet begins to open.\n- **closing** - Emitted when the sheet begins to close.\n- **cancel** - Emitted when the sheet is cancelled.\n- **opened** - Emitted when the sheet has opened.\n- **closed** - Emitted when the sheet has closed.\n\n### **Methods:**\n - **show(detent: _number_): _void_** - Shows the sheet.\n- **hide(): _void_** - Hides the sheet.\n- **toggle(detent: _number_): _void_** - Toggles the opened state of the sheet.\n- **cycle(): _void_** - Moves the sheet to the next detent.\n\n### **Slots:**\n - _default_ - Renders the content of the sheet.\n- **header** - Renders the header of the sheet.\n\n### **CSS Properties:**\n - **--m3e-bottom-sheet-width** - The width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-max-width** - The maximum width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-container-color** - The background color of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-elevation** - The elevation level when not modal. _(default: undefined)_\n- **--m3e-bottom-sheet-modal-elevation** - The elevation level when modal. _(default: undefined)_\n- **--m3e-bottom-sheet-full-elevation** - The elevation level when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-z-index** - The z-index of the non-modal sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-minimized-container-shape** - The border radius when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-container-shape** - The border radius of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-full-container-shape** - The border radius when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-color** - The color of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-opacity** - The opacity of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-peek-height** - The visible height when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-compact-top-space** - The top space in compact mode. _(default: undefined)_\n- **--m3e-bottom-sheet-top-space** - The top space in standard mode. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-block** - The vertical padding. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-inline** - The horizontal padding. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-container-height** - The height of the drag handle container. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-width** - The width of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-height** - The height of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-shape** - The border radius of the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-color** - The color of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-focus-ring-offset** - The offset of the focus ring around the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-color** - The foreground (text) color of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-size** - Font size for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-weight** - Font weight for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-line-height** - Line height for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-tracking** - Letter spacing (tracking) for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-size** - Font size for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-weight** - Font weight for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-line-height** - Line height for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-tracking** - Letter spacing (tracking) for the sheet header. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "detent",
-          "description": "The zero‑based index of the detent the sheet should open to.",
-          "values": []
-        },
-        {
-          "name": "detents",
-          "description": "Detents (discrete height states) the sheet can snap to.",
-          "values": [{ "name": "string[]" }]
-        },
-        {
-          "name": "handle",
-          "description": "Whether to display a drag handle and enable the top region of the sheet as a gesture\r\nsurface for dragging between detents.",
-          "values": []
-        },
-        {
-          "name": "handle-label",
-          "description": "The accessible label given to the drag handle.",
-          "values": []
-        },
-        {
-          "name": "hideable",
-          "description": "Whether the bottom sheet can hide when its swiped down.",
-          "values": []
-        },
-        {
-          "name": "hide-friction",
-          "description": "The friction coefficient to hide the sheet, or set it to the next closest expanded detent.",
-          "values": []
-        },
-        {
-          "name": "modal",
-          "description": "Whether the bottom sheet behaves as modal.",
-          "values": []
-        },
-        {
-          "name": "open",
-          "description": "Whether the bottom sheet is open.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "m3e-bottom-sheet-trigger",
-      "description": "An element, nested within a clickable element, used to trigger a bottom sheet.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n\n### **Slots:**\n - _default_ - Renders the content of the trigger.",
-      "attributes": [
-        {
-          "name": "detent",
-          "description": "The zero‑based index of the detent the sheet should open to.",
-          "values": []
-        },
-        {
-          "name": "secondary",
-          "description": "Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.",
-          "values": []
-        },
-        {
-          "name": "for",
-          "description": "The identifier of the interactive control to which this element is attached.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-button",
       "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **icon** - Renders an icon before the button's label.\n- **selected** - Renders the label of the button, when selected.\n- **selected-icon** - Renders an icon before the button's label, when selected.\n- **trailing-icon** - Renders an icon after the button's label.\n\n### **CSS Properties:**\n - **--m3e-button-container-height** - Height of the button container, for all size variants. _(default: undefined)_\n- **--m3e-button-outline-thickness** - Thickness of the button outline, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-size** - Font size for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-weight** - Font weight for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-line-height** - Line height for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-tracking** - Letter tracking for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-size** - Size of the icon, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-round** - Corner radius for round shape, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-square** - Corner radius for square shape, for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-round** - Corner radius when selected (round), for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-square** - Corner radius when selected (square), for all size variants. _(default: undefined)_\n- **--m3e-button-shape-pressed-morph** - Corner radius when pressed, for all size variants. _(default: undefined)_\n- **--m3e-button-leading-space** - Space before icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-trailing-space** - Space after icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-label-space** - Space between icon and label, for all size variants. _(default: undefined)_\n- **--m3e-button-extra-small-container-height** - Height of the button container, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-outline-thickness** - Thickness of the button outline, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-size** - Font size for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-weight** - Font weight for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-line-height** - Line height for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-tracking** - Letter tracking for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-size** - Size of the icon, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-round** - Corner radius for round shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-square** - Corner radius for square shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-round** - Corner radius when selected (round), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-square** - Corner radius when selected (square), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-pressed-morph** - Corner radius when pressed, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-leading-space** - Space before icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-trailing-space** - Space after icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-label-space** - Space between icon and label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-small-container-height** - Height of the button container, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-outline-thickness** - Thickness of the button outline, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-size** - Font size for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-weight** - Font weight for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-line-height** - Line height for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-tracking** - Letter tracking for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-size** - Size of the icon, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-round** - Corner radius for round shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-square** - Corner radius for square shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-round** - Corner radius when selected (round), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-square** - Corner radius when selected (square), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-pressed-morph** - Corner radius when pressed, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-leading-space** - Space before icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-trailing-space** - Space after icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-label-space** - Space between icon and label, for the small size variant. _(default: undefined)_\n- **--m3e-button-medium-container-height** - Height of the button container, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-outline-thickness** - Thickness of the button outline, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-size** - Font size for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-weight** - Font weight for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-line-height** - Line height for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-tracking** - Letter tracking for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-size** - Size of the icon, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-round** - Corner radius for round shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-square** - Corner radius for square shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-round** - Corner radius when selected (round), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-square** - Corner radius when selected (square), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-pressed-morph** - Corner radius when pressed, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-leading-space** - Space before icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-trailing-space** - Space after icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-label-space** - Space between icon and label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-large-container-height** - Height of the button container, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-outline-thickness** - Thickness of the button outline, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-size** - Font size for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-weight** - Font weight for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-line-height** - Line height for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-tracking** - Letter tracking for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-size** - Size of the icon, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-round** - Corner radius for round shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-square** - Corner radius for square shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-round** - Corner radius when selected (round), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-square** - Corner radius when selected (square), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-pressed-morph** - Corner radius when pressed, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-leading-space** - Space before icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-trailing-space** - Space after icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-label-space** - Space between icon and label, for the large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-container-height** - Height of the button container, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-outline-thickness** - Thickness of the button outline, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-size** - Font size for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-weight** - Font weight for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-line-height** - Line height for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-tracking** - Letter tracking for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-size** - Size of the icon, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-round** - Corner radius for round shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-square** - Corner radius for square shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-round** - Corner radius when selected (round), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-square** - Corner radius when selected (square), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-pressed-morph** - Corner radius when pressed, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-leading-space** - Space before icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-trailing-space** - Space after icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-label-space** - Space between icon and label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-outline-color** - Outline color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-outline-color** - Disabled outline color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-outline-color** - Hover outline color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-outline-color** - Focus outline color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-outline-color** - Pressed outline color, for all variants. _(default: undefined)_\n- **--m3e-button-container-color** - Container background color, for all variants. _(default: undefined)_\n- **--m3e-button-container-elevation** - Elevation, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-container-color** - Unselected container color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-container-color** - Selected container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-elevation** - Disabled elevation, for all variants. _(default: undefined)_\n- **--m3e-button-hover-container-elevation** - Hover elevation, for all variants. _(default: undefined)_\n- **--m3e-button-focus-container-elevation** - Focus elevation, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-container-elevation** - Pressed elevation, for all variants. _(default: undefined)_\n- **--m3e-button-label-text-color** - Label color, for all variants. _(default: undefined)_\n- **--m3e-button-icon-color** - Icon color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-label-text-color** - Unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-icon-color** - Unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-label-text-color** - Selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-icon-color** - Selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-color** - Disabled container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-opacity** - Disabled container opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-color** - Disabled icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-opacity** - Disabled icon opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-color** - Disabled label color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-opacity** - Disabled label opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-icon-color** - Hover icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-label-text-color** - Hover label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-color** - Hover state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-opacity** - Hover state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-icon-color** - Hover unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-label-text-color** - Hover unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-icon-color** - Hover selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-label-text-color** - Hover selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-state-layer-color** - Hover selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-icon-color** - Focus icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-label-text-color** - Focus label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-color** - Focus state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-opacity** - Focus state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-icon-color** - Focus unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-label-text-color** - Focus unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-icon-color** - Focus selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-label-text-color** - Focus selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-state-layer-color** - Focus selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-icon-color** - Pressed icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-label-text-color** - Pressed label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-color** - Pressed state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-opacity** - Pressed state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-icon-color** - Pressed unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-label-text-color** - Pressed unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-icon-color** - Pressed selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-label-text-color** - Pressed selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-elevated-button-label-text-color** - Label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-icon-color** - Icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-color** - Container background color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-elevation** - Elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-label-text-color** - Unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-icon-color** - Unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-container-color** - Unselected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-label-text-color** - Selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-icon-color** - Selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-container-color** - Selected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-color** - Disabled container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-opacity** - Disabled container opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-color** - Disabled icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-opacity** - Disabled icon opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-color** - Disabled label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-opacity** - Disabled label opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-elevation** - Disabled elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-icon-color** - Hover icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-label-text-color** - Hover label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-color** - Hover state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-opacity** - Hover state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-container-elevation** - Hover elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-icon-color** - Hover unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-label-text-color** - Hover unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-icon-color** - Hover selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-label-text-color** - Hover selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-state-layer-color** - Hover selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-icon-color** - Focus icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-label-text-color** - Focus label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-color** - Focus state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-opacity** - Focus state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-container-elevation** - Focus elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-label-text-color** - Focus unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-icon-color** - Focus unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-icon-color** - Focus selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-label-text-color** - Focus selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-state-layer-color** - Focus selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-icon-color** - Pressed icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-label-text-color** - Pressed label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-color** - Pressed state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-container-elevation** - Pressed elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-icon-color** - Pressed selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-label-text-color** - Pressed selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-outlined-button-label-text-color** - Label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-icon-color** - Icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-outline-color** - Outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-label-text-color** - Unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-icon-color** - Unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-label-text-color** - Selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-icon-color** - Selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-container-color** - Selected container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-color** - Disabled container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-opacity** - Disabled container opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-color** - Disabled icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-opacity** - Disabled icon opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-color** - Disabled label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-opacity** - Disabled label opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-outline-color** - Disabled outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-icon-color** - Hover icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-label-text-color** - Hover label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-outline-color** - Hover outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-color** - Hover state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-opacity** - Hover state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-icon-color** - Hover unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-label-text-color** - Hover unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-icon-color** - Hover selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-label-text-color** - Hover selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-state-layer-color** - Hover selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-icon-color** - Focus icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-label-text-color** - Focus label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-outline-color** - Focus outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-color** - Focus state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-opacity** - Focus state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-icon-color** - Focus unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-label-text-color** - Focus unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-icon-color** - Focus selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-label-text-color** - Focus selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-state-layer-color** - Focus selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-icon-color** - Pressed icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-label-text-color** - Pressed label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-outline-color** - Pressed outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-color** - Pressed state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-icon-color** - Pressed selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-label-text-color** - Pressed selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-filled-button-label-text-color** - Label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-icon-color** - Icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-color** - Container background color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-elevation** - Elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-label-text-color** - Unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-icon-color** - Unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-container-color** - Unselected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-label-text-color** - Selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-icon-color** - Selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-container-color** - Selected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-color** - Disabled container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-opacity** - Disabled container opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-color** - Disabled icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-opacity** - Disabled icon opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-color** - Disabled label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-opacity** - Disabled label opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-elevation** - Disabled elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-icon-color** - Hover icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-label-text-color** - Hover label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-color** - Hover state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-opacity** - Hover state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-container-elevation** - Hover elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-icon-color** - Hover unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-label-text-color** - Hover unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-icon-color** - Hover selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-label-text-color** - Hover selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-state-layer-color** - Hover selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-icon-color** - Focus icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-label-text-color** - Focus label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-color** - Focus state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-opacity** - Focus state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-container-elevation** - Focus elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-icon-color** - Focus unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-label-text-color** - Focus unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-icon-color** - Focus selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-label-text-color** - Focus selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-state-layer-color** - Focus selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-icon-color** - Pressed icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-label-text-color** - Pressed label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-color** - Pressed state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-container-elevation** - Pressed elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-icon-color** - Pressed selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-label-text-color** - Pressed selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-tonal-button-label-text-color** - Label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-icon-color** - Icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-color** - Container background color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-elevation** - Elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-label-text-color** - Unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-icon-color** - Unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-container-color** - Unselected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-label-text-color** - Selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-icon-color** - Selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-container-color** - Selected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-color** - Disabled container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-opacity** - Disabled container opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-color** - Disabled icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-opacity** - Disabled icon opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-color** - Disabled label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-opacity** - Disabled label opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-elevation** - Disabled elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-icon-color** - Hover icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-label-text-color** - Hover label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-color** - Hover state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-opacity** - Hover state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-container-elevation** - Hover elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-icon-color** - Hover unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-label-text-color** - Hover unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-icon-color** - Hover selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-label-text-color** - Hover selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-state-layer-color** - Hover selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-icon-color** - Focus icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-label-text-color** - Focus label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-color** - Focus state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-opacity** - Focus state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-container-elevation** - Focus elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-icon-color** - Focus unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-label-text-color** - Focus unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-icon-color** - Focus selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-label-text-color** - Focus selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-state-layer-color** - Focus selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-icon-color** - Pressed icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-label-text-color** - Pressed label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-color** - Pressed state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-container-elevation** - Pressed elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-icon-color** - Pressed selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-label-text-color** - Pressed selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-text-button-label-text-color** - Label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-icon-color** - Icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-label-text-color** - Unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-icon-color** - Unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-label-text-color** - Selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-icon-color** - Selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-color** - Disabled container color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-opacity** - Disabled container opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-color** - Disabled icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-opacity** - Disabled icon opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-color** - Disabled label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-opacity** - Disabled label opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-icon-color** - Hover icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-label-text-color** - Hover label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-color** - Hover state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-opacity** - Hover state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-icon-color** - Hover unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-label-text-color** - Hover unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-icon-color** - Hover selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-label-text-color** - Hover selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-state-layer-color** - Hover selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-icon-color** - Focus icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-label-text-color** - Focus label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-color** - Focus state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-opacity** - Focus state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-icon-color** - Focus unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-label-text-color** - Focus unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-icon-color** - Focus selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-label-text-color** - Focus selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-state-layer-color** - Focus selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-icon-color** - Pressed icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-label-text-color** - Pressed label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-color** - Pressed state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-icon-color** - Pressed selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-label-text-color** - Pressed selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the text variant. _(default: undefined)_",
@@ -279,6 +204,81 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-bottom-sheet-action",
+      "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "m3e-bottom-sheet",
+      "description": "A sheet used to show secondary content anchored to the bottom of the screen.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the sheet begins to open.\n- **closing** - Emitted when the sheet begins to close.\n- **cancel** - Emitted when the sheet is cancelled.\n- **opened** - Emitted when the sheet has opened.\n- **closed** - Emitted when the sheet has closed.\n\n### **Methods:**\n - **show(detent: _number_): _void_** - Shows the sheet.\n- **hide(): _void_** - Hides the sheet.\n- **toggle(detent: _number_): _void_** - Toggles the opened state of the sheet.\n- **cycle(): _void_** - Moves the sheet to the next detent.\n\n### **Slots:**\n - _default_ - Renders the content of the sheet.\n- **header** - Renders the header of the sheet.\n\n### **CSS Properties:**\n - **--m3e-bottom-sheet-width** - The width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-max-width** - The maximum width of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-container-color** - The background color of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-elevation** - The elevation level when not modal. _(default: undefined)_\n- **--m3e-bottom-sheet-modal-elevation** - The elevation level when modal. _(default: undefined)_\n- **--m3e-bottom-sheet-full-elevation** - The elevation level when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-z-index** - The z-index of the non-modal sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-minimized-container-shape** - The border radius when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-container-shape** - The border radius of the sheet container. _(default: undefined)_\n- **--m3e-bottom-sheet-full-container-shape** - The border radius when full height. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-color** - The color of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-scrim-opacity** - The opacity of the scrim overlay. _(default: undefined)_\n- **--m3e-bottom-sheet-peek-height** - The visible height when minimized. _(default: undefined)_\n- **--m3e-bottom-sheet-compact-top-space** - The top space in compact mode. _(default: undefined)_\n- **--m3e-bottom-sheet-top-space** - The top space in standard mode. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-block** - The vertical padding. _(default: undefined)_\n- **--m3e-bottom-sheet-padding-inline** - The horizontal padding. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-container-height** - The height of the drag handle container. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-width** - The width of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-height** - The height of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-shape** - The border radius of the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-color** - The color of the drag handle. _(default: undefined)_\n- **--m3e-bottom-sheet-handle-focus-ring-offset** - The offset of the focus ring around the handle. _(default: undefined)_\n- **--m3e-bottom-sheet-color** - The foreground (text) color of the sheet. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-size** - Font size for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-font-weight** - Font weight for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-line-height** - Line height for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-content-tracking** - Letter spacing (tracking) for the sheet content. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-size** - Font size for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-font-weight** - Font weight for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-line-height** - Line height for the sheet header. _(default: undefined)_\n- **--m3e-bottom-sheet-header-tracking** - Letter spacing (tracking) for the sheet header. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "detent",
+          "description": "The zero‑based index of the detent the sheet should open to.",
+          "values": []
+        },
+        {
+          "name": "detents",
+          "description": "Detents (discrete height states) the sheet can snap to.",
+          "values": [{ "name": "string[]" }]
+        },
+        {
+          "name": "handle",
+          "description": "Whether to display a drag handle and enable the top region of the sheet as a gesture\r\nsurface for dragging between detents.",
+          "values": []
+        },
+        {
+          "name": "handle-label",
+          "description": "The accessible label given to the drag handle.",
+          "values": []
+        },
+        {
+          "name": "hideable",
+          "description": "Whether the bottom sheet can hide when its swiped down.",
+          "values": []
+        },
+        {
+          "name": "hide-friction",
+          "description": "The friction coefficient to hide the sheet, or set it to the next closest expanded detent.",
+          "values": []
+        },
+        {
+          "name": "modal",
+          "description": "Whether the bottom sheet behaves as modal.",
+          "values": []
+        },
+        {
+          "name": "open",
+          "description": "Whether the bottom sheet is open.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-bottom-sheet-trigger",
+      "description": "An element, nested within a clickable element, used to trigger a bottom sheet.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n\n### **Slots:**\n - _default_ - Renders the content of the trigger.",
+      "attributes": [
+        {
+          "name": "detent",
+          "description": "The zero‑based index of the detent the sheet should open to.",
+          "values": []
+        },
+        {
+          "name": "secondary",
+          "description": "Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.",
+          "values": []
+        },
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-button-group",
       "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",
@@ -373,6 +373,184 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-calendar",
+      "description": "A calendar used to select a date.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected date changes.\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.\n- **updateTodayDate(): _void_** - Updates today's date.\n- **movePreviousPeriod(): _Promise<void>_** - Moves the calendar to the previous period.\n- **moveNextPeriod(): _Promise<void>_** - Moves the calendar to the next period.\n- **togglePeriod(): _Promise<void>_** - Toggles the current period.\n\n### **Slots:**\n - **header** - Renders the header of the calendar.\n\n### **CSS Properties:**\n - **--m3e-calendar-container-color** - Background color of the container surface. _(default: undefined)_\n- **--m3e-calendar-container-elevation** - Elevation shadow applied to the container surface. _(default: undefined)_\n- **--m3e-calendar-container-shape** - Corner radius of the container surface. _(default: undefined)_\n- **--m3e-calendar-padding** - Padding applied to the calendar header and body. _(default: undefined)_\n- **--m3e-calendar-period-button-text-color** - Text color used for the period‑navigation buttons in the header. _(default: undefined)_\n- **--m3e-calendar-weekday-font-size** - Font size of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-font-weight** - Font weight of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-line-height** - Line height of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-tracking** - Letter spacing of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-size** - Font size of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-weight** - Font weight of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-line-height** - Line height of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-tracking** - Letter spacing of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-item-font-size** - Font size of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-font-weight** - Font weight of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-line-height** - Line height of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-tracking** - Letter spacing of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-selected-color** - Text color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-container-color** - Background color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-ripple-color** - Ripple color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-hover-color** - Hover color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-focus-color** - Focus color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-thickness** - Outline thickness used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-color** - Outline color used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-special-color** - Text color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-container-color** - Background color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-ripple-color** - Ripple color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-hover-color** - Hover color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-focus-color** - Focus color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-range-container-color** - Background color applied to the selected date range. _(default: undefined)_\n- **--m3e-calendar-range-color** - Text color for dates within a selected range. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color** - Color used for disabled date items. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color-opacity** - Opacity applied to the disabled item color. _(default: undefined)_\n- **--m3e-calendar-slide-animation-duration** - Duration of slide transitions between calendar views. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "date",
+          "description": "The selected date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "max-date",
+          "description": "The maximum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "min-date",
+          "description": "The minimum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "range-end",
+          "description": "End of a date range.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "range-start",
+          "description": "Start of a date range.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "start-at",
+          "description": "A date specifying the period (month or year) to start the calendar in.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "start-view",
+          "description": "The initial view used to select a date.",
+          "values": [{ "name": "CalendarView" }]
+        },
+        {
+          "name": "previous-month-label",
+          "description": "The accessible label given to the button used to move to the previous month.",
+          "values": []
+        },
+        {
+          "name": "next-month-label",
+          "description": "The accessible label given to the button used to move to the next month.",
+          "values": []
+        },
+        {
+          "name": "previous-year-label",
+          "description": "The accessible label given to the button used to move to the previous year.",
+          "values": []
+        },
+        {
+          "name": "next-year-label",
+          "description": "The accessible label given to the button used to move to the next year.",
+          "values": []
+        },
+        {
+          "name": "previous-multi-year-label",
+          "description": "The accessible label given to the button used to move to the previous 24 years.",
+          "values": []
+        },
+        {
+          "name": "next-multi-year-label",
+          "description": "The accessible label given to the button used to move to the next 24 years.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-month-view",
+      "description": "An internal component used to display a single month in a calendar.\n---\n\n\n### **Events:**\n - **change**\n- **active-change**\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.",
+      "attributes": [
+        {
+          "name": "range-start",
+          "description": "Start of a date range.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "range-end",
+          "description": "End of a date range.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "today",
+          "description": "Today's date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "date",
+          "description": "The selected date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "active-date",
+          "description": "The active date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "min-date",
+          "description": "The minimum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "max-date",
+          "description": "The maximum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-multi-year-view",
+      "description": "An internal component used to display a year selector in a calendar.\n---\n\n\n### **Events:**\n - **change**\n- **active-change**\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.",
+      "attributes": [
+        {
+          "name": "today",
+          "description": "Today's date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "date",
+          "description": "The selected date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "active-date",
+          "description": "The active date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "min-date",
+          "description": "The minimum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "max-date",
+          "description": "The maximum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-year-view",
+      "description": "An internal component used to display a single year in a calendar.\n---\n\n\n### **Events:**\n - **change**\n- **active-change**\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.",
+      "attributes": [
+        {
+          "name": "today",
+          "description": "Today's date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "date",
+          "description": "The selected date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "active-date",
+          "description": "The active date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "min-date",
+          "description": "The minimum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "max-date",
+          "description": "The maximum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-checkbox",
       "description": "A checkbox that allows a user to select one or more options from a limited number of choices.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **invalid** - Emitted when a form is submitted and the element fails constraint validation.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon inside the container. _(default: undefined)_\n- **--m3e-checkbox-container-size** - Base size of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the icon container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Border thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Border color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-outline-color** - Border color on hover when unselected. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Base color for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Opacity for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-outline-color** - Border color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Base color for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Opacity for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Base color for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Opacity for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-color** - Ripple hover color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-focus-color** - Ripple focus color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-ripple-color** - Ripple base color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-hover-color** - Ripple hover color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-focus-color** - Ripple focus color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-ripple-color** - Ripple base color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-hover-color** - Ripple hover color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-focus-color** - Ripple focus color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-ripple-color** - Ripple base color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-hover-color** - Ripple hover color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-focus-color** - Ripple focus color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-ripple-color** - Ripple base color for invalid selected state. _(default: undefined)_",
@@ -659,24 +837,138 @@
           "values": []
         },
         {
-          "name": "target",
-          "description": "The target of the link button.",
-          "values": [{ "name": "LinkTarget" }]
+          "name": "target",
+          "description": "The target of the link button.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "type",
+          "description": "The type of the element.",
+          "values": [{ "name": "FormSubmitterType" }]
+        },
+        {
+          "name": "value",
+          "description": "A string representing the value of the chip.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The appearance variant of the chip.",
+          "values": [{ "name": "ChipVariant" }]
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-datepicker",
+      "description": "Presents a date picker on a temporary surface.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected date changes.\n- **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the picker.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the picker.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the picker.\n\n### **CSS Properties:**\n - **--m3e-datepicker-container-padding-block** - Block‑axis padding of the date picker container. _(default: undefined)_\n- **--m3e-datepicker-container-padding-inline** - Inline‑axis padding of the date picker container. _(default: undefined)_\n- **--m3e-datepicker-container-color** - Background color of the standard container surface. _(default: undefined)_\n- **--m3e-datepicker-container-elevation** - Elevation shadow applied to the container surface. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-font-size** - Font size used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-font-weight** - Font weight used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-line-height** - Line height used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-tracking** - Letter spacing used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-font-size** - Font size used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-font-weight** - Font weight used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-line-height** - Line height used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-tracking** - Letter spacing used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-actions-padding-inline** - Inline‑axis padding of the action row. _(default: undefined)_\n- **--m3e-datepicker-docked-container-color** - Background color of the container in docked mode. _(default: undefined)_\n- **--m3e-datepicker-docked-container-shape** - Corner radius of the container in docked mode. _(default: undefined)_\n- **--m3e-datepicker-modal-container-color** - Background color of the container in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-container-shape** - Corner radius of the container in modal mode. _(default: undefined)_\n- **--m3e-divider-thickness** - Thickness of divider elements within the picker. _(default: undefined)_\n- **--m3e-divider-color** - Color of divider rules within the picker. _(default: undefined)_\n- **--m3e-dialog-scrim-color** - Base color used for the modal scrim behind the picker. _(default: undefined)_\n- **--m3e-dialog-scrim-opacity** - Opacity applied to the scrim color in modal mode. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The appearance variant of the picker.",
+          "values": [{ "name": "DatepickerVariant" }]
+        },
+        {
+          "name": "clearable",
+          "description": "Whether the user can clear the selected date and close the picker.",
+          "values": []
+        },
+        {
+          "name": "date",
+          "description": "The selected date.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "max-date",
+          "description": "The maximum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "min-date",
+          "description": "The minimum date that can be selected.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "range-end",
+          "description": "End of a date range.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "range-start",
+          "description": "Start of a date range.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "start-at",
+          "description": "A date specifying the period (month or year) to start the calendar in.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "start-view",
+          "description": "The initial view used to select a date.",
+          "values": [{ "name": "CalendarView" }]
+        },
+        {
+          "name": "previous-month-label",
+          "description": "The accessible label given to the button used to move to the previous month.",
+          "values": []
+        },
+        {
+          "name": "next-month-label",
+          "description": "The accessible label given to the button used to move to the next month.",
+          "values": []
+        },
+        {
+          "name": "previous-year-label",
+          "description": "The accessible label given to the button used to move to the previous year.",
+          "values": []
+        },
+        {
+          "name": "next-year-label",
+          "description": "The accessible label given to the button used to move to the next year.",
+          "values": []
+        },
+        {
+          "name": "previous-multi-year-label",
+          "description": "The accessible label given to the button used to move to the previous 24 years.",
+          "values": []
+        },
+        {
+          "name": "next-multi-year-label",
+          "description": "The accessible label given to the button used to move to the next 24 years.",
+          "values": []
+        },
+        {
+          "name": "clear-label",
+          "description": "The label given to the button used clear the selected date and close the picker.",
+          "values": []
         },
         {
-          "name": "type",
-          "description": "The type of the element.",
-          "values": [{ "name": "FormSubmitterType" }]
+          "name": "confirm-label",
+          "description": "The label given to the button used apply the selected date and close the picker.",
+          "values": []
         },
         {
-          "name": "value",
-          "description": "A string representing the value of the chip.",
+          "name": "dismiss-label",
+          "description": "The label given to the button used discard the selected date and close the picker.",
           "values": []
         },
         {
-          "name": "variant",
-          "description": "The appearance variant of the chip.",
-          "values": [{ "name": "ChipVariant" }]
+          "name": "label",
+          "description": "The label given to the the picker.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-datepicker-toggle",
+      "description": "An element, nested within a clickable element, used to toggle a datepicker.\n---\n\n\n### **Methods:**\n \n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
+      "attributes": [
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
         }
       ],
       "references": []
@@ -771,7 +1063,7 @@
     },
     {
       "name": "m3e-drawer-container",
-      "description": "A container for one or two sliding drawers.\n---\n\n\n### **Events:**\n - **change** - Emitted when the state of the start or end drawers change.\n\n### **Slots:**\n - _default_ - Renders the main content.\n- **start** - Renders the start drawer.\n- **end** - Renders the end drawer.\n\n### **CSS Properties:**\n - **--m3e-drawer-container-color** - The background color of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-elevation** - The elevation level of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-width** - The width of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-scrim-opacity** - The opacity of the scrim behind the drawer. _(default: undefined)_\n- **--m3e-modal-drawer-start-shape** - The shape of the drawer’s start edge (typically left in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-end-shape** - The shape of the drawer’s end edge (typically right in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-container-color** - The background color of the modal drawer container. _(default: undefined)_\n- **--m3e-modal-drawer-elevation** - The elevation level of the modal drawer container. _(default: undefined)_\n- **--m3e-drawer-divider-color** - The color of the divider between drawer sections. _(default: undefined)_\n- **--m3e-drawer-divider-thickness** - The thickness of the divider line. _(default: undefined)_",
+      "description": "A container for one or two sliding drawers.\n---\n\n\n### **Events:**\n - **change** - Emitted when the state of the start or end drawers change.\n\n### **Slots:**\n - _default_ - Renders the main content.\n- **start** - Renders the start drawer.\n- **end** - Renders the end drawer.\n\n### **CSS Properties:**\n - **--m3e-drawer-container-color** - The background color of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-elevation** - The elevation level of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-width** - The width of the drawer container. _(default: undefined)_\n- **--m3e-drawer-container-scrim-opacity** - The opacity of the scrim behind the drawer. _(default: undefined)_\n- **--m3e-modal-drawer-start-shape** - The shape of the drawer's start edge (typically left in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-end-shape** - The shape of the drawer's end edge (typically right in LTR). _(default: undefined)_\n- **--m3e-modal-drawer-container-color** - The background color of the modal drawer container. _(default: undefined)_\n- **--m3e-modal-drawer-elevation** - The elevation level of the modal drawer container. _(default: undefined)_\n- **--m3e-drawer-divider-color** - The color of the divider between drawer sections. _(default: undefined)_\n- **--m3e-drawer-divider-thickness** - The thickness of the divider line. _(default: undefined)_",
       "attributes": [
         {
           "name": "end",
@@ -1645,7 +1937,7 @@
     },
     {
       "name": "m3e-option-panel",
-      "description": "Presents a list of options on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the list.\n\n### **CSS Properties:**\n - **--m3e-option-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_\n- **--m3e-option-panel-gap** - Vertical spacing between option items. _(default: undefined)_\n- **--m3e-option-panel-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-container-color** - Background color used for text highlight matches. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-color** - Text color used for text highlight matches. _(default: undefined)_\n- **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
+      "description": "Presents a list of options on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | null | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the list.\n\n### **CSS Properties:**\n - **--m3e-option-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_\n- **--m3e-option-panel-gap** - Vertical spacing between option items. _(default: undefined)_\n- **--m3e-option-panel-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-container-color** - Background color used for text highlight matches. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-color** - Text color used for text highlight matches. _(default: undefined)_\n- **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
       "attributes": [
         {
           "name": "state",
@@ -1656,6 +1948,16 @@
           "name": "scroll-strategy",
           "description": "The strategy that controls how the panel behaves when its trigger scrolls.",
           "values": [{ "name": "FloatingPanelScrollStrategy" }]
+        },
+        {
+          "name": "fit-anchor-width",
+          "description": "Whether the panel's width should match its anchor's width.",
+          "values": []
+        },
+        {
+          "name": "anchor-offset",
+          "description": "The logical margin, in pixels, between the panel and its anchor.",
+          "values": []
         }
       ],
       "references": []
@@ -1846,9 +2148,63 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-search-bar",
+      "description": "A bar that provides a prominent entry point for search.\n---\n\n\n### **Events:**\n - **clear** - Dispatched when the search term is cleared.\n\n### **Methods:**\n - **clear(): _void_** - Clears the search term.\n\n### **Slots:**\n - **leading** - Renders content before the input of the bar.\n- **input** - Renders the input of the bar.\n- **trailing** - Renders content after the input of the bar.\n\n### **CSS Properties:**\n - **--m3e-search-bar-container-color** - Background color of the search bar container. _(default: undefined)_\n- **--m3e-search-bar-leading-icon-color** - Color of the leading icon. _(default: undefined)_\n- **--m3e-search-bar-trailing-icon-color** - Color of the trailing icon. _(default: undefined)_\n- **--m3e-search-bar-container-height** - Height of the search bar container. _(default: undefined)_\n- **--m3e-search-bar-container-shape** - Shape (border radius) of the search bar container. _(default: undefined)_\n- **--m3e-search-bar-icon-size** - Size of icons inside the search bar. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-color** - Color of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-font-size** - Font size of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-font-weight** - Font weight of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-line-height** - Line height of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-tracking** - Letter spacing of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-input-color** - Color of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-font-size** - Font size of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-font-weight** - Font weight of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-line-height** - Line height of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-tracking** - Letter spacing of the input text. _(default: undefined)_\n- **--m3e-search-bar-leading-space** - Space before the leading icon. _(default: undefined)_\n- **--m3e-search-bar-trailing-space** - Space after the trailing icon. _(default: undefined)_\n- **--m3e-search-bar-no-actions-leading-space** - Leading padding when no actions are present. _(default: undefined)_\n- **--m3e-search-bar-no-actions-trailing-space** - Trailing padding when no actions are present. _(default: undefined)_\n- **--m3e-search-bar-leading-actions-trailing-space** - Space between leading actions and the input. _(default: undefined)_\n- **--m3e-search-bar-trailing-actions-leading-space** - Space between the input and trailing actions. _(default: undefined)_\n- **--m3e-search-bar-actions-gap** - Gap between action icons. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "clearable",
+          "description": "Whether the bar presents a button used to clear the search term.",
+          "values": []
+        },
+        {
+          "name": "clear-label",
+          "description": "The accessible label given to the button used to clear the search term.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-search-view",
+      "description": "A surface that presents suggestions and results for a search.\n---\n\n\n### **Events:**\n - **query** - Dispatched when the view is opened or when the user modifies the search term.\n- **clear** - Dispatched when the search term is cleared.\n- **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **clear(): _void_** - Clears the search term.\n\n### **Slots:**\n - _default_ - When open, renders the results content of the view.\n- **input** - Renders the input of the view.\n- **open-leading** - When open, renders content before the input of the view.\n- **open-trailing** - When open, renders content after the input of the view.\n- **closed-leading** - When closed, renders content before the input of the view.\n- **closed-trailing** - When closed, renders content after the input of the view.\n\n### **CSS Properties:**\n - **--m3e-search-view-container-color** - Background color of the view container. _(default: undefined)_\n- **--m3e-search-view-contained-container-color** - Background color of the contained view container. _(default: undefined)_\n- **--m3e-search-view-divider-color** - Color of the divider separating header and results. _(default: undefined)_\n- **--m3e-search-view-divider-thickness** - Thickness of the divider separating header and results. _(default: undefined)_\n- **--m3e-search-view-full-screen-container-shape** - Shape of the fullscreen view container. _(default: undefined)_\n- **--m3e-search-view-full-screen-header-container-height** - Height of the header container in fullscreen mode. _(default: undefined)_\n- **--m3e-search-view-docked-container-shape** - Shape of the docked view container. _(default: undefined)_\n- **--m3e-search-view-docked-header-container-height** - Height of the header container in docked mode. _(default: undefined)_\n- **--m3e-search-view-contained-leading-margin** - Leading margin for the contained view. _(default: undefined)_\n- **--m3e-search-view-contained-trailing-margin** - Trailing margin for the contained view. _(default: undefined)_\n- **--m3e-search-view-contained-focused-leading-margin** - Leading margin when the contained view is focused. _(default: undefined)_\n- **--m3e-search-view-contained-focused-trailing-margin** - Trailing margin when the contained view is focused. _(default: undefined)_\n- **--m3e-search-view-contained-docked-bar-results-gap** - Gap between the contained docked bar and results. _(default: undefined)_\n- **--m3e-search-view-contained-docked-results-shape** - Shape of the results container in contained docked mode. _(default: undefined)_\n- **--m3e-search-view-contained-docked-bar-shape** - Shape of the bar in contained docked mode. _(default: undefined)_\n- **--m3e-search-view-contained-full-screen-bar-container-height** - Height of the bar container in contained fullscreen mode. _(default: undefined)_\n- **--m3e-search-view-docked-container-min-height** - Minimum height of the docked view container. _(default: undefined)_\n- **--m3e-search-view-docked-container-max-height** - Maximum height of the docked view container. _(default: undefined)_\n- **--m3e-search-view-contained-docked-results-space** - Space above the results in contained docked mode. _(default: undefined)_\n- **--m3e-search-view-docked-results-bottom-space** - Space below the results in docked mode. _(default: undefined)_\n- **--m3e-search-view-docked-scrim-color** - Color of the scrim behind the docked view. _(default: undefined)_\n- **--m3e-search-view-docked-scrim-opacity** - Opacity of the scrim behind the docked view. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "contained",
+          "description": "Whether the view features a persistent, filled search container.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "The behavior mode of the view.",
+          "values": [{ "name": "SearchViewMode" }]
+        },
+        {
+          "name": "open",
+          "description": "Whether the view is expanded to show results.",
+          "values": []
+        },
+        {
+          "name": "clear-label",
+          "description": "The accessible label given to the button used to clear the search term.",
+          "values": []
+        },
+        {
+          "name": "close-label",
+          "description": "The accessible label given to the button used to collapse the view.",
+          "values": []
+        },
+        {
+          "name": "hide-search-icon",
+          "description": "Whether to hide the search icon.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-button-segment",
-      "description": "A option that can be selected within a segmented button.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n\n### **Slots:**\n - _default_ - Renders the label of the option.\n- **icon** - Renders an icon before the option's label.\n\n### **CSS Properties:**\n - **--m3e-segmented-button-height** - Total height of the segmented button. _(default: undefined)_\n- **--m3e-segmented-button-outline-thickness** - Thickness of the button’s border. _(default: undefined)_\n- **--m3e-segmented-button-outline-color** - Color of the button’s border. _(default: undefined)_\n- **--m3e-segmented-button-padding-start** - Padding on the leading edge of the button content. _(default: undefined)_\n- **--m3e-segmented-button-padding-end** - Padding on the trailing edge of the button content. _(default: undefined)_\n- **--m3e-segmented-button-spacing** - Horizontal gap between icon and label. _(default: undefined)_\n- **--m3e-segmented-button-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-segmented-button-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-segmented-button-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-segmented-button-tracking** - Letter spacing of the label text. _(default: undefined)_\n- **--m3e-segmented-button-with-icon-padding-start** - Leading padding when an icon is present. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-color** - Background color of a selected segment. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-hover-color** - Hover state-layer color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-focus-color** - Focus state-layer color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-ripple-color** - Ripple color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-label-text-color** - Label text color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-icon-color** - Icon color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-container-hover-color** - Hover state-layer color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-container-focus-color** - Focus state-layer color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-ripple-color** - Ripple color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-label-text-color** - Label text color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-icon-color** - Icon color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-icon-size** - Font size of the icon. _(default: undefined)_\n- **--m3e-segmented-button-disabled-outline-color** - Base color for disabled segment borders. _(default: undefined)_\n- **--m3e-segmented-button-disabled-outline-opacity** - Opacity applied to disabled segment borders. _(default: undefined)_\n- **--m3e-segmented-button-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-segmented-button-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-segmented-button-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-segmented-button-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_",
+      "description": "A option that can be selected within a segmented button.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n\n### **Slots:**\n - _default_ - Renders the label of the option.\n- **icon** - Renders an icon before the option's label.\n\n### **CSS Properties:**\n - **--m3e-segmented-button-height** - Total height of the segmented button. _(default: undefined)_\n- **--m3e-segmented-button-outline-thickness** - Thickness of the button's border. _(default: undefined)_\n- **--m3e-segmented-button-outline-color** - Color of the button's border. _(default: undefined)_\n- **--m3e-segmented-button-padding-start** - Padding on the leading edge of the button content. _(default: undefined)_\n- **--m3e-segmented-button-padding-end** - Padding on the trailing edge of the button content. _(default: undefined)_\n- **--m3e-segmented-button-spacing** - Horizontal gap between icon and label. _(default: undefined)_\n- **--m3e-segmented-button-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-segmented-button-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-segmented-button-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-segmented-button-tracking** - Letter spacing of the label text. _(default: undefined)_\n- **--m3e-segmented-button-with-icon-padding-start** - Leading padding when an icon is present. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-color** - Background color of a selected segment. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-hover-color** - Hover state-layer color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-container-focus-color** - Focus state-layer color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-ripple-color** - Ripple color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-label-text-color** - Label text color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-selected-icon-color** - Icon color for selected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-container-hover-color** - Hover state-layer color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-container-focus-color** - Focus state-layer color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-ripple-color** - Ripple color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-label-text-color** - Label text color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-unselected-icon-color** - Icon color for unselected segments. _(default: undefined)_\n- **--m3e-segmented-button-icon-size** - Font size of the icon. _(default: undefined)_\n- **--m3e-segmented-button-disabled-outline-color** - Base color for disabled segment borders. _(default: undefined)_\n- **--m3e-segmented-button-disabled-outline-opacity** - Opacity applied to disabled segment borders. _(default: undefined)_\n- **--m3e-segmented-button-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-segmented-button-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-segmented-button-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-segmented-button-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_",
       "attributes": [
         {
           "name": "checked",
@@ -2067,23 +2423,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-split-button",
-      "description": "A button used to show an action with a menu of related actions.\n---\n\n\n### **Slots:**\n - **leading-button** - The leading button used to perform the primary action.\n- **trailing-button** - The trailing icon button used to open a menu of related actions.\n\n### **CSS Properties:**\n - **--m3e-split-button-extra-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-leading-space** - Leading space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-leading-space** - Leading space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-leading-space** - Leading space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-trailing-space** - Trailing space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-leading-space** - Leading space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-size** - Inner corner size for the leading/trailing button (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-size** - Inner corner size for the leading/trailing button (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-size** - Inner corner size for the leading/trailing button (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-size** - Inner corner size for the leading/trailing button (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-size** - Inner corner size for the leading/trailing button (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-hover-size** - Inner corner size on hover (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-hover-size** - Inner corner size on hover (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-hover-size** - Inner corner size on hover (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-hover-size** - Inner corner size on hover (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-hover-size** - Inner corner size on hover (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-pressed-size** - Inner corner size on press (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-pressed-size** - Inner corner size on press (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-pressed-size** - Inner corner size on press (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-pressed-size** - Inner corner size on press (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-pressed-size** - Inner corner size on press (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-between-spacing** - Spacing between leading and trailing buttons (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-between-spacing** - Spacing between leading and trailing buttons (small). _(default: undefined)_\n- **--m3e-split-button-medium-between-spacing** - Spacing between leading and trailing buttons (medium). _(default: undefined)_\n- **--m3e-split-button-large-between-spacing** - Spacing between leading and trailing buttons (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-between-spacing** - Spacing between leading and trailing buttons (extra-large). _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The appearance variant of the button.",
-          "values": [{ "name": "SplitButtonVariant" }]
-        },
-        {
-          "name": "size",
-          "description": "The size of the button.",
-          "values": [{ "name": "ButtonSize" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-step",
       "description": "A step in a wizard-like workflow.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **reset(): _void_** - Resets the step to its initial state, clearing any form data.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the step.\n- **icon** - Renders the icon of the step.\n- **done-icon** - Renders the icon of a completed step.\n- **edit-icon** - Renders the icon of a completed editable step.\n- **error-icon** - Renders icon of an invalid step.\n- **hint** - Renders the hint text of the step.\n- **error** - Renders the error message for an invalid step.\n\n### **CSS Properties:**\n - **--m3e-step-shape** - Border radius of the step container, defining its visual shape. _(default: undefined)_\n- **--m3e-step-padding** - Internal padding of the step container, used for layout spacing. _(default: undefined)_\n- **--m3e-step-icon-shape** - Border radius of the icon container, controlling its geometric form. _(default: undefined)_\n- **--m3e-step-icon-size** - Width and height of the icon container and icon glyph. _(default: undefined)_\n- **--m3e-step-selected-icon-container-color** - Background color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-selected-icon-color** - Foreground color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-completed-icon-container-color** - Background color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-completed-icon-color** - Foreground color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-unselected-icon-container-color** - Background color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-unselected-icon-color** - Foreground color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-icon-error-color** - Foreground color of the icon when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-icon-container-color** - Base color used to mix the disabled icon background. _(default: undefined)_\n- **--m3e-step-disabled-icon-color** - Base color used to mix the disabled icon foreground. _(default: undefined)_\n- **--m3e-step-label-color** - Text color of the step label in its default state. _(default: undefined)_\n- **--m3e-step-label-error-color** - Text color of the step label when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-label-color** - Base color used to mix the disabled label foreground. _(default: undefined)_\n- **--m3e-step-font-size** - Font size of the step label. _(default: undefined)_\n- **--m3e-step-font-weight** - Font weight of the step label. _(default: undefined)_\n- **--m3e-step-line-height** - Line height of the step label. _(default: undefined)_\n- **--m3e-step-tracking** - Letter spacing of the step label. _(default: undefined)_\n- **--m3e-step-icon-label-space** - Gap between icon and label. _(default: undefined)_\n- **--m3e-step-hint-font-size** - Font size of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-font-weight** - Font weight of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-line-height** - Line height of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-tracking** - Letter spacing of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-color** - Text color of hint messages in valid state. _(default: undefined)_\n- **--m3e-step-disabled-hint-color** - Base color used to mix the disabled hint foreground. _(default: undefined)_",
@@ -2177,74 +2516,9 @@
       "attributes": [],
       "references": []
     },
-    {
-      "name": "m3e-tab",
-      "description": "An interactive element that, when activated, presents an associated tab panel.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the tab.\n- **icon** - Renders an icon before the tab's label.\n\n### **CSS Properties:**\n - **--m3e-tab-font-size** - Font size for tab label. _(default: undefined)_\n- **--m3e-tab-font-weight** - Font weight for tab label. _(default: undefined)_\n- **--m3e-tab-line-height** - Line height for tab label. _(default: undefined)_\n- **--m3e-tab-tracking** - Letter spacing for tab label. _(default: undefined)_\n- **--m3e-tab-padding-start** - Padding on the inline start of the tab. _(default: undefined)_\n- **--m3e-tab-padding-end** - Padding on the inline end of the tab. _(default: undefined)_\n- **--m3e-tab-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-tab-selected-color** - Text color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-hover-color** - Hover state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-focus-color** - Focus state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-ripple-color** - Ripple color for selected tab. _(default: undefined)_\n- **--m3e-tab-unselected-color** - Text color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-hover-color** - Hover state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-focus-color** - Focus state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-ripple-color** - Ripple color for unselected tab. _(default: undefined)_\n- **--m3e-tab-disabled-color** - Text color for disabled tab. _(default: undefined)_\n- **--m3e-tab-disabled-opacity** - Text opacity for disabled tab. _(default: undefined)_\n- **--m3e-tab-spacing** - Column gap between icon and label. _(default: undefined)_\n- **--m3e-tab-icon-size** - Font size for slotted icon. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Whether the element is disabled.",
-          "values": []
-        },
-        {
-          "name": "for",
-          "description": "The identifier of the interactive control to which this element is attached.",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "description": "Whether the element is selected.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "m3e-tab-panel",
-      "description": "A panel presented for a tab.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the panel.",
-      "attributes": [],
-      "references": []
-    },
-    {
-      "name": "m3e-tabs",
-      "description": "Organizes content into separate views where only one view can be visible at a time.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected tab changes.\n\n### **Slots:**\n - _default_ - Renders the tabs.\n- **panel** - Renders the panels of the tabs.\n- **next-icon** - Renders the icon to present for the next button used to paginate.\n- **prev-icon** - Renders the icon to present for the previous button used to paginate.\n\n### **CSS Properties:**\n - **--m3e-tabs-paginator-button-icon-size** - Overrides the icon size for paginator buttons. _(default: undefined)_\n- **--m3e-tabs-active-indicator-color** - Color of the active tab indicator. _(default: undefined)_\n- **--m3e-tabs-primary-before-active-indicator-shape** - Border radius for active indicator when header is before and variant is primary. _(default: undefined)_\n- **--m3e-tabs-primary-after-active-indicator-shape** - Border radius for active indicator when header is after and variant is primary. _(default: undefined)_\n- **--m3e-tabs-primary-active-indicator-inset** - Inset for primary variant's active indicator. _(default: undefined)_\n- **--m3e-tabs-primary-active-indicator-thickness** - Thickness for primary variant's active indicator. _(default: undefined)_\n- **--m3e-tabs-secondary-active-indicator-thickness** - Thickness for secondary variant's active indicator. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "disable-pagination",
-          "description": "Whether scroll buttons are disabled.",
-          "values": []
-        },
-        {
-          "name": "header-position",
-          "description": "The position of the tab headers.",
-          "values": [{ "name": "TabHeaderPosition" }]
-        },
-        {
-          "name": "next-page-label",
-          "description": "The accessible label given to the button used to move to the next page.",
-          "values": []
-        },
-        {
-          "name": "previous-page-label",
-          "description": "The accessible label given to the button used to move to the previous page.",
-          "values": []
-        },
-        {
-          "name": "stretch",
-          "description": "Whether tabs are stretched to fill the header.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "The appearance variant of the tabs.",
-          "values": [{ "name": "TabVariant" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-switch",
-      "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
+      "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track's outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track's outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
       "attributes": [
         {
           "name": "checked",
@@ -2274,6 +2548,23 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-split-button",
+      "description": "A button used to show an action with a menu of related actions.\n---\n\n\n### **Slots:**\n - **leading-button** - The leading button used to perform the primary action.\n- **trailing-button** - The trailing icon button used to open a menu of related actions.\n\n### **CSS Properties:**\n - **--m3e-split-button-extra-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-leading-space** - Leading space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-leading-space** - Leading space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-leading-space** - Leading space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-trailing-space** - Trailing space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-leading-space** - Leading space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-size** - Inner corner size for the leading/trailing button (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-size** - Inner corner size for the leading/trailing button (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-size** - Inner corner size for the leading/trailing button (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-size** - Inner corner size for the leading/trailing button (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-size** - Inner corner size for the leading/trailing button (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-hover-size** - Inner corner size on hover (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-hover-size** - Inner corner size on hover (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-hover-size** - Inner corner size on hover (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-hover-size** - Inner corner size on hover (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-hover-size** - Inner corner size on hover (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-pressed-size** - Inner corner size on press (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-pressed-size** - Inner corner size on press (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-pressed-size** - Inner corner size on press (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-pressed-size** - Inner corner size on press (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-pressed-size** - Inner corner size on press (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-between-spacing** - Spacing between leading and trailing buttons (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-between-spacing** - Spacing between leading and trailing buttons (small). _(default: undefined)_\n- **--m3e-split-button-medium-between-spacing** - Spacing between leading and trailing buttons (medium). _(default: undefined)_\n- **--m3e-split-button-large-between-spacing** - Spacing between leading and trailing buttons (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-between-spacing** - Spacing between leading and trailing buttons (extra-large). _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The appearance variant of the button.",
+          "values": [{ "name": "SplitButtonVariant" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the button.",
+          "values": [{ "name": "ButtonSize" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-textarea-autosize",
       "description": "A non-visual element used to automatically resize a `textarea` to fit its content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **resizeToFitContent(force: _boolean_): _void_** - Resize the `textarea` to fit its content.\n- **reset()** - Resets the `textarea` to its original size.",
@@ -2302,35 +2593,66 @@
       "references": []
     },
     {
-      "name": "m3e-toc",
-      "description": "A table of contents that provides in-page scroll navigation.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders content between the header and items.\n- **overline** - Renders the overline of the table of contents.\n- **title** - Renders the title of the table of contents.\n\n### **CSS Properties:**\n - **--m3e-toc-width** - Width of the table of contents. _(default: undefined)_\n- **--m3e-toc-item-shape** - Border radius of TOC items and active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-color** - Border color of the active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for TOC items and header. _(default: undefined)_\n- **--m3e-toc-header-space** - Block space below and between header elements. _(default: undefined)_\n- **--m3e-toc-overline-font-size** - Font size for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-font-weight** - Font weight for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-line-height** - Line height for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-tracking** - Letter spacing for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-color** - Text color for the overline slot. _(default: undefined)_\n- **--m3e-toc-title-font-size** - Font size for the title slot. _(default: undefined)_\n- **--m3e-toc-title-font-weight** - Font weight for the title slot. _(default: undefined)_\n- **--m3e-toc-title-line-height** - Line height for the title slot. _(default: undefined)_\n- **--m3e-toc-title-tracking** - Letter spacing for the title slot. _(default: undefined)_\n- **--m3e-toc-title-color** - Text color for the title slot. _(default: undefined)_",
+      "name": "m3e-tab",
+      "description": "An interactive element that, when activated, presents an associated tab panel.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the tab.\n- **icon** - Renders an icon before the tab's label.\n\n### **CSS Properties:**\n - **--m3e-tab-font-size** - Font size for tab label. _(default: undefined)_\n- **--m3e-tab-font-weight** - Font weight for tab label. _(default: undefined)_\n- **--m3e-tab-line-height** - Line height for tab label. _(default: undefined)_\n- **--m3e-tab-tracking** - Letter spacing for tab label. _(default: undefined)_\n- **--m3e-tab-padding-start** - Padding on the inline start of the tab. _(default: undefined)_\n- **--m3e-tab-padding-end** - Padding on the inline end of the tab. _(default: undefined)_\n- **--m3e-tab-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-tab-selected-color** - Text color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-hover-color** - Hover state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-focus-color** - Focus state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-ripple-color** - Ripple color for selected tab. _(default: undefined)_\n- **--m3e-tab-unselected-color** - Text color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-hover-color** - Hover state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-focus-color** - Focus state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-ripple-color** - Ripple color for unselected tab. _(default: undefined)_\n- **--m3e-tab-disabled-color** - Text color for disabled tab. _(default: undefined)_\n- **--m3e-tab-disabled-opacity** - Text opacity for disabled tab. _(default: undefined)_\n- **--m3e-tab-spacing** - Column gap between icon and label. _(default: undefined)_\n- **--m3e-tab-icon-size** - Font size for slotted icon. _(default: undefined)_",
       "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
         {
           "name": "for",
           "description": "The identifier of the interactive control to which this element is attached.",
           "values": []
         },
         {
-          "name": "max-depth",
-          "description": "The maximum depth of the table of contents.",
+          "name": "selected",
+          "description": "Whether the element is selected.",
           "values": []
         }
       ],
       "references": []
     },
     {
-      "name": "m3e-toc-item",
-      "description": "An item in a table of contents.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n\n### **CSS Properties:**\n - **--m3e-toc-item-shape** - Border radius of the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding-block** - Block padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-inset** - Indentation per level for the TOC item. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-font-size** - Font size for unselected items. _(default: undefined)_\n- **--m3e-toc-item-font-weight** - Font weight for unselected items. _(default: undefined)_\n- **--m3e-toc-item-line-height** - Line height for unselected items. _(default: undefined)_\n- **--m3e-toc-item-tracking** - Letter spacing for unselected items. _(default: undefined)_\n- **--m3e-toc-item-color** - Text color for unselected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-size** - Font size for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-weight** - Font weight for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-line-height** - Line height for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-tracking** - Letter spacing for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-color** - Text color for selected items. _(default: undefined)_",
+      "name": "m3e-tab-panel",
+      "description": "A panel presented for a tab.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the panel.",
+      "attributes": [],
+      "references": []
+    },
+    {
+      "name": "m3e-tabs",
+      "description": "Organizes content into separate views where only one view can be visible at a time.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected tab changes.\n\n### **Slots:**\n - _default_ - Renders the tabs.\n- **panel** - Renders the panels of the tabs.\n- **next-icon** - Renders the icon to present for the next button used to paginate.\n- **prev-icon** - Renders the icon to present for the previous button used to paginate.\n\n### **CSS Properties:**\n - **--m3e-tabs-paginator-button-icon-size** - Overrides the icon size for paginator buttons. _(default: undefined)_\n- **--m3e-tabs-active-indicator-color** - Color of the active tab indicator. _(default: undefined)_\n- **--m3e-tabs-primary-before-active-indicator-shape** - Border radius for active indicator when header is before and variant is primary. _(default: undefined)_\n- **--m3e-tabs-primary-after-active-indicator-shape** - Border radius for active indicator when header is after and variant is primary. _(default: undefined)_\n- **--m3e-tabs-primary-active-indicator-inset** - Inset for primary variant's active indicator. _(default: undefined)_\n- **--m3e-tabs-primary-active-indicator-thickness** - Thickness for primary variant's active indicator. _(default: undefined)_\n- **--m3e-tabs-secondary-active-indicator-thickness** - Thickness for secondary variant's active indicator. _(default: undefined)_",
       "attributes": [
         {
-          "name": "disabled",
-          "description": "A value indicating whether the element is disabled.",
+          "name": "disable-pagination",
+          "description": "Whether scroll buttons are disabled.",
           "values": []
         },
         {
-          "name": "selected",
-          "description": "Whether the element is selected.",
+          "name": "header-position",
+          "description": "The position of the tab headers.",
+          "values": [{ "name": "TabHeaderPosition" }]
+        },
+        {
+          "name": "next-page-label",
+          "description": "The accessible label given to the button used to move to the next page.",
+          "values": []
+        },
+        {
+          "name": "previous-page-label",
+          "description": "The accessible label given to the button used to move to the previous page.",
+          "values": []
+        },
+        {
+          "name": "stretch",
+          "description": "Whether tabs are stretched to fill the header.",
           "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The appearance variant of the tabs.",
+          "values": [{ "name": "TabVariant" }]
         }
       ],
       "references": []
@@ -2372,6 +2694,40 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-toc",
+      "description": "A table of contents that provides in-page scroll navigation.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders content between the header and items.\n- **overline** - Renders the overline of the table of contents.\n- **title** - Renders the title of the table of contents.\n\n### **CSS Properties:**\n - **--m3e-toc-width** - Width of the table of contents. _(default: undefined)_\n- **--m3e-toc-item-shape** - Border radius of TOC items and active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-color** - Border color of the active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for TOC items and header. _(default: undefined)_\n- **--m3e-toc-header-space** - Block space below and between header elements. _(default: undefined)_\n- **--m3e-toc-overline-font-size** - Font size for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-font-weight** - Font weight for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-line-height** - Line height for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-tracking** - Letter spacing for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-color** - Text color for the overline slot. _(default: undefined)_\n- **--m3e-toc-title-font-size** - Font size for the title slot. _(default: undefined)_\n- **--m3e-toc-title-font-weight** - Font weight for the title slot. _(default: undefined)_\n- **--m3e-toc-title-line-height** - Line height for the title slot. _(default: undefined)_\n- **--m3e-toc-title-tracking** - Letter spacing for the title slot. _(default: undefined)_\n- **--m3e-toc-title-color** - Text color for the title slot. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "for",
+          "description": "The identifier of the interactive control to which this element is attached.",
+          "values": []
+        },
+        {
+          "name": "max-depth",
+          "description": "The maximum depth of the table of contents.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-toc-item",
+      "description": "An item in a table of contents.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n\n### **CSS Properties:**\n - **--m3e-toc-item-shape** - Border radius of the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding-block** - Block padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for the TOC item. _(default: undefined)_\n- **--m3e-toc-item-inset** - Indentation per level for the TOC item. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-font-size** - Font size for unselected items. _(default: undefined)_\n- **--m3e-toc-item-font-weight** - Font weight for unselected items. _(default: undefined)_\n- **--m3e-toc-item-line-height** - Line height for unselected items. _(default: undefined)_\n- **--m3e-toc-item-tracking** - Letter spacing for unselected items. _(default: undefined)_\n- **--m3e-toc-item-color** - Text color for unselected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-size** - Font size for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-font-weight** - Font weight for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-line-height** - Line height for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-tracking** - Letter spacing for selected items. _(default: undefined)_\n- **--m3e-toc-item-selected-color** - Text color for selected items. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "A value indicating whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Whether the element is selected.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-toolbar",
       "description": "Presents frequently used actions relevant to the current page.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the toolbar.\n\n### **CSS Properties:**\n - **--m3e-toolbar-size** - The size (height or width) of the toolbar. _(default: undefined)_\n- **--m3e-toolbar-spacing** - The gap between toolbar items. _(default: undefined)_\n- **--m3e-toolbar-rounded-shape** - Border radius for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-rounded-padding** - Padding for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-square-padding** - Padding for square shape. _(default: undefined)_\n- **--m3e-toolbar-standard-container-color** - Container color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-standard-color** - Foreground color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-container-color** - Container color for the vibrant variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-color** - Foreground color for the vibrant variant. _(default: undefined)_",
@@ -2499,12 +2855,22 @@
     },
     {
       "name": "m3e-floating-panel",
-      "description": "A lightweight, generic floating surface used to present content above the page.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the panel.\n\n### **CSS Properties:**\n - **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
+      "description": "A lightweight, generic floating surface used to present content above the page.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | null | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the panel.\n\n### **CSS Properties:**\n - **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
       "attributes": [
         {
           "name": "scroll-strategy",
           "description": "The strategy that controls how the panel behaves when its trigger scrolls.",
           "values": [{ "name": "FloatingPanelScrollStrategy" }]
+        },
+        {
+          "name": "fit-anchor-width",
+          "description": "Whether the panel's width should match its anchor's width.",
+          "values": []
+        },
+        {
+          "name": "anchor-offset",
+          "description": "The logical margin, in pixels, between the panel and its anchor.",
+          "values": []
         }
       ],
       "references": []