@m3e/web 2.5.4 → 2.5.6

package/dist/html-custom-data.json

@@ -24,9 +24,15 @@
       ],
       "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-autocomplete",
-      "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.",
+      "description": "Enhances a text input with suggested options.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the committed value changes due to selecting an option or clearing the input.\n- **query** - Dispatched when the input is focused or when the user modifies its value.\n- **toggle** - Dispatched 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",
@@ -121,12 +127,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-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.",
@@ -135,7 +135,7 @@
     },
     {
       "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)_",
+      "description": "A sheet used to show secondary content anchored to the bottom of the screen.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the sheet begins to open.\n- **closing** - Dispatched when the sheet begins to close.\n- **cancel** - Dispatched when the sheet is cancelled.\n- **opened** - Dispatched when the sheet has opened.\n- **closed** - Dispatched 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",
@@ -207,83 +207,6 @@
       ],
       "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)_",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Whether the element is disabled.",
-          "values": []
-        },
-        {
-          "name": "disabled-interactive",
-          "description": "Whether the element is disabled and interactive.",
-          "values": []
-        },
-        {
-          "name": "download",
-          "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "The URL to which the link button points.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
-          "values": []
-        },
-        {
-          "name": "rel",
-          "description": "The relationship between the `target` of the link button and the document.",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "description": "Whether the toggle button is selected.",
-          "values": []
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the button.",
-          "values": [{ "name": "ButtonShape" }]
-        },
-        {
-          "name": "size",
-          "description": "The size of the button.",
-          "values": [{ "name": "ButtonSize" }]
-        },
-        {
-          "name": "target",
-          "description": "The target of the link button.",
-          "values": [{ "name": "LinkTarget" }]
-        },
-        {
-          "name": "toggle",
-          "description": "Whether the button will toggle between selected and unselected states.",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "The type of the element.",
-          "values": [{ "name": "FormSubmitterType" }]
-        },
-        {
-          "name": "value",
-          "description": "The value associated with the element's name when it's submitted with form data.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "The appearance variant of the button.",
-          "values": [{ "name": "ButtonVariant" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-breadcrumb",
       "description": "Displays a hierarchical navigation path and identifies the user's\r\ncurrent location within an application.\n---\n\n\n### **Slots:**\n - _default_ - Renders breadcrumb items.\n- **separator** - Renders a custom separator between breadcrumb items.",
@@ -335,7 +258,7 @@
     },
     {
       "name": "m3e-breadcrumb-item",
-      "description": "An item in a breadcrumb.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the breadcrumb item.\n- **icon** - Renders an icon before the item's label.\n\n### **CSS Properties:**\n - **--m3e-breadcrumb-item-shape** - Shape of the internal breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-container-height** - Height of the internal breadcrumb item button container. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-color** - Color of breadcrumb item icon-only content. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-padding-inline** - Horizontal padding for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-hover-state-layer-color** - Hover state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-focus-state-layer-color** - Focus state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-pressed-state-layer-color** - Pressed state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-color** - Color of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-size** - Font size of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-weight** - Font weight of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-line-height** - Line height of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-tracking** - Letter spacing of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-padding-inline** - Horizontal padding for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-hover-state-layer-color** - Hover state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-focus-state-layer-color** - Focus state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-pressed-state-layer-color** - Pressed state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-last-color** - Color used for the current breadcrumb item. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-label-space** - Space between icon and label. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-color** - Disabled color used by the breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-opacity** - Disabled opacity used by the breadcrumb item button. _(default: undefined)_",
+      "description": "An item in a breadcrumb.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the breadcrumb item.\n- **icon** - Renders an icon before the item's label.\n\n### **CSS Properties:**\n - **--m3e-breadcrumb-item-shape** - Shape of the internal breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-container-height** - Height of the internal breadcrumb item button container. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-color** - Color of breadcrumb item icon-only content. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-padding-inline** - Horizontal padding for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-hover-state-layer-color** - Hover state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-focus-state-layer-color** - Focus state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-pressed-state-layer-color** - Pressed state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-color** - Color of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-size** - Font size of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-weight** - Font weight of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-line-height** - Line height of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-tracking** - Letter spacing of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-padding-inline** - Horizontal padding for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-hover-state-layer-color** - Hover state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-focus-state-layer-color** - Focus state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-pressed-state-layer-color** - Pressed state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-last-color** - Color used for the current breadcrumb item. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-label-space** - Space between icon and label. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-color** - Disabled color used by the breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-opacity** - Disabled opacity used by the breadcrumb item button. _(default: undefined)_",
       "attributes": [
         {
           "name": "item-label",
@@ -397,9 +320,86 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-button",
+      "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before a toggle button's selected state changes.\n- **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Dispatched 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)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "disabled-interactive",
+          "description": "Whether the element is disabled and interactive.",
+          "values": []
+        },
+        {
+          "name": "download",
+          "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "The URL to which the link button points.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
+          "values": []
+        },
+        {
+          "name": "rel",
+          "description": "The relationship between the `target` of the link button and the document.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Whether the toggle button is selected.",
+          "values": []
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the button.",
+          "values": [{ "name": "ButtonShape" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the button.",
+          "values": [{ "name": "ButtonSize" }]
+        },
+        {
+          "name": "target",
+          "description": "The target of the link button.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "toggle",
+          "description": "Whether the button will toggle between selected and unselected states.",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "The type of the element.",
+          "values": [{ "name": "FormSubmitterType" }]
+        },
+        {
+          "name": "value",
+          "description": "The value associated with the element's name when it's submitted with form data.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The appearance variant of the button.",
+          "values": [{ "name": "ButtonVariant" }]
+        }
+      ],
+      "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-weekday-color** - Text color for 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-color** - Text color for date items. _(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)_",
+      "description": "A calendar used to select a date.\n---\n\n\n### **Events:**\n - **change** - Dispatched 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-weekday-color** - Text color for 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-color** - Text color for date items. _(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",
@@ -575,46 +575,9 @@
       ],
       "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)_",
-      "attributes": [
-        {
-          "name": "checked",
-          "description": "Whether the element is checked.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the element is disabled.",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "description": "Whether the element's checked state is indeterminate.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "description": "The name that identifies the element when submitting the associated form.",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Whether the element is required.",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "A string representing the value of the checkbox.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-card",
-      "description": "A content container for text, images (or other media), and actions in the context of a single subject.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the card without padding.\n- **header** - Renders the header of the card.\n- **content** - Renders the content of the card with padding.\n- **actions** - Renders the actions of the card.\n- **footer** - Renders the footer of the card.\n\n### **CSS Properties:**\n - **--m3e-card-padding** - Internal spacing for all slotted regions _(default: undefined)_\n- **--m3e-card-shape** - Corner radius of the card container. _(default: undefined)_\n- **--m3e-filled-card-text-color** - Foreground color for text content in filled cards. _(default: undefined)_\n- **--m3e-filled-card-container-color** - Background color of the filled card container. _(default: undefined)_\n- **--m3e-filled-card-container-elevation** - Elevation level for filled card container. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-color** - Text color when filled card is disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-filled-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-filled-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-elevated-card-text-color** - Foreground color for text content in elevated cards. _(default: undefined)_\n- **--m3e-elevated-card-container-color** - Background color of the elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-container-elevation** - Elevation level for elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-color** - Text color when elevated card is disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-elevated-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-text-color** - Foreground color for text content in outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-container-color** - Background color of the outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-container-elevation** - Elevation level for outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-outline-color** - Border color for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-outline-thickness** - Border thickness for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-color** - Text color when outlined card is disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-color** - Border color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-opacity** - Border opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-outline-color** - Border color on hover. _(default: undefined)_\n- **--m3e-outlined-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-outline-color** - Border color on focus. _(default: undefined)_\n- **--m3e-outlined-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-outline-color** - Border color on press. _(default: undefined)_",
+      "description": "A content container for text, images (or other media), and actions in the context of a single subject.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the card without padding.\n- **header** - Renders the header of the card.\n- **content** - Renders the content of the card with padding.\n- **actions** - Renders the actions of the card.\n- **footer** - Renders the footer of the card.\n\n### **CSS Properties:**\n - **--m3e-card-padding** - Internal spacing for all slotted regions _(default: undefined)_\n- **--m3e-card-shape** - Corner radius of the card container. _(default: undefined)_\n- **--m3e-filled-card-text-color** - Foreground color for text content in filled cards. _(default: undefined)_\n- **--m3e-filled-card-container-color** - Background color of the filled card container. _(default: undefined)_\n- **--m3e-filled-card-container-elevation** - Elevation level for filled card container. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-color** - Text color when filled card is disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-filled-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-filled-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-elevated-card-text-color** - Foreground color for text content in elevated cards. _(default: undefined)_\n- **--m3e-elevated-card-container-color** - Background color of the elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-container-elevation** - Elevation level for elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-color** - Text color when elevated card is disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-elevated-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-text-color** - Foreground color for text content in outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-container-color** - Background color of the outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-container-elevation** - Elevation level for outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-outline-color** - Border color for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-outline-thickness** - Border thickness for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-color** - Text color when outlined card is disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-color** - Border color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-opacity** - Border opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-outline-color** - Border color on hover. _(default: undefined)_\n- **--m3e-outlined-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-outline-color** - Border color on focus. _(default: undefined)_\n- **--m3e-outlined-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-outline-color** - Border color on press. _(default: undefined)_",
       "attributes": [
         {
           "name": "actionable",
@@ -684,9 +647,46 @@
       ],
       "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 - **beforeinput** - Dispatched before the checked state changes.\n- **input** - Dispatched when the checked state changes.\n- **change** - Dispatched when the checked state changes.\n- **invalid** - Dispatched when a form is submitted and the element fails constraint validation.\n- **click** - Dispatched 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)_",
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the element is checked.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Whether the element's checked state is indeterminate.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name that identifies the element when submitting the associated form.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the element is required.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "A string representing the value of the checkbox.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-assist-chip",
-      "description": "A chip users interact with to perform a smart or automated action that can span multiple applications.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
+      "description": "A chip users interact with to perform a smart or automated action that can span multiple applications.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -772,7 +772,7 @@
     },
     {
       "name": "m3e-filter-chip",
-      "description": "A chip users interact with to select/deselect options.\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### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-selected-outline-thickness** - Outline thickness for selected state. _(default: undefined)_\n- **--m3e-chip-selected-label-text-color** - Text color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-color** - Background color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-hover-elevation** - Elevation on hover in selected state. _(default: undefined)_\n- **--m3e-chip-selected-ripple-color** - Ripple color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-leading-icon-color** - Leading icon color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-trailing-icon-color** - Trailing icon color in selected state. _(default: undefined)_\n- **--m3e-chip-unselected-label-text-color** - Text color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-ripple-color** - Ripple color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-focus-color** - Focus state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-hover-color** - Hover state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-leading-icon-color** - Leading icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-trailing-icon-color** - Trailing icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_",
+      "description": "A chip users interact with to select/deselect options.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n- **change** - Dispatched when the selected state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-selected-outline-thickness** - Outline thickness for selected state. _(default: undefined)_\n- **--m3e-chip-selected-label-text-color** - Text color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-color** - Background color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-container-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-hover-elevation** - Elevation on hover in selected state. _(default: undefined)_\n- **--m3e-chip-selected-ripple-color** - Ripple color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-focus-color** - Focus state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-state-layer-hover-color** - Hover state layer color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-leading-icon-color** - Leading icon color in selected state. _(default: undefined)_\n- **--m3e-chip-selected-trailing-icon-color** - Trailing icon color in selected state. _(default: undefined)_\n- **--m3e-chip-unselected-label-text-color** - Text color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-ripple-color** - Ripple color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-focus-color** - Focus state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-state-layer-hover-color** - Hover state layer color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-leading-icon-color** - Leading icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-unselected-trailing-icon-color** - Trailing icon color in unselected state. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -804,7 +804,7 @@
     },
     {
       "name": "m3e-filter-chip-set",
-      "description": "A container that organizes filter chips into a cohesive group, enabling selection and\r\ndeselection of values used to refine content or trigger contextual behavior.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of a chip changes.\n- **input** - Emitted when the selected state of a chip changes.\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- **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### **Slots:**\n - _default_ - Renders the chips of the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
+      "description": "A container that organizes filter chips into a cohesive group, enabling selection and\r\ndeselection of values used to refine content or trigger contextual behavior.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected state of a chip changes.\n- **beforeinput** - Dispatched before the selected state of a chip changes.\n- **input** - Dispatched when the selected state of a chip changes.\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- **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### **Slots:**\n - _default_ - Renders the chips of the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -836,7 +836,7 @@
     },
     {
       "name": "m3e-input-chip",
-      "description": "A chip which represents a discrete piece of information entered by a user.\n---\n\n\n### **Events:**\n - **remove** - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **avatar** - Renders an avatar before the chip's label.\n- **icon** - Renders an icon before the chip's label.\n- **remove-icon** - Renders the icon for the button used to remove the chip.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-avatar-size** - Font size of the avatar slot content. _(default: undefined)_\n- **--m3e-chip-avatar-icon-size** - Size of the icon displayed inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-font-size** - Font size of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-font-weight** - Font weight of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-line-height** - Line height of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-tracking** - Letter spacing (tracking) of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-disabled-avatar-opacity** - Opacity applied to the avatar when disabled. _(default: undefined)_\n- **--m3e-chip-with-avatar-padding-start** - Start padding when an avatar is present. _(default: undefined)_",
+      "description": "A chip which represents a discrete piece of information entered by a user.\n---\n\n\n### **Events:**\n - **remove** - Dispatched when the remove button is clicked or DELETE or BACKSPACE key is pressed.\n- **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **avatar** - Renders an avatar before the chip's label.\n- **icon** - Renders an icon before the chip's label.\n- **remove-icon** - Renders the icon for the button used to remove the chip.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-avatar-size** - Font size of the avatar slot content. _(default: undefined)_\n- **--m3e-chip-avatar-icon-size** - Size of the icon displayed inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-font-size** - Font size of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-font-weight** - Font weight of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-line-height** - Line height of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-tracking** - Letter spacing (tracking) of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-disabled-avatar-opacity** - Opacity applied to the avatar when disabled. _(default: undefined)_\n- **--m3e-chip-with-avatar-padding-start** - Start padding when an avatar is present. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -873,7 +873,7 @@
     },
     {
       "name": "m3e-input-chip-set",
-      "description": "A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.\n---\n\n\n### **Events:**\n - **change** - Emitted when a chip is added to, or removed from, the set.\n\n### **Methods:**\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- **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- **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### **Slots:**\n - _default_ - Renders the chips of the set.\n- **input** - Renders the input element used to add new chips to the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
+      "description": "A container that transforms user input into a cohesive set of interactive chips, supporting entry, editing, and removal of discrete values.\n---\n\n\n### **Events:**\n - **change** - Dispatched when a chip is added to, or removed from, the set.\n\n### **Methods:**\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- **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- **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### **Slots:**\n - _default_ - Renders the chips of the set.\n- **input** - Renders the input element used to add new chips to the set.\n\n### **CSS Properties:**\n - **--m3e-chip-set-spacing** - The spacing (gap) between chips in the set. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -900,7 +900,7 @@
     },
     {
       "name": "m3e-suggestion-chip",
-      "description": "A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as\r\nsuggested responses or search filters.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
+      "description": "A chip used to help narrow a user's intent by presenting dynamically generated suggestions, such as\r\nsuggested responses or search filters.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -990,6 +990,11 @@
           "description": "The minimum date that can be selected.",
           "values": [{ "name": "Date" }]
         },
+        {
+          "name": "range",
+          "description": "Whether a range of dates can be selected.",
+          "values": []
+        },
         {
           "name": "range-end",
           "description": "End of a date range.",
@@ -1089,7 +1094,7 @@
     },
     {
       "name": "m3e-dialog",
-      "description": "A dialog that provides important prompts in a user flow.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the dialog begins to open.\n- **opened** - Emitted when the dialog has opened.\n- **closing** - Emitted when the dialog begins to close.\n- **closed** - Emitted when the dialog has closed.\n- **cancel** - Emitted when the dialog is cancelled.\n\n### **Methods:**\n - **show(): _Promise<void>_** - Asynchronously opens the dialog.\n- **hide(returnValue: _string_): _Promise<void>_** - Asynchronously closes the dialog.\n\n### **Slots:**\n - _default_ - Renders the content of the dialog.\n- **header** - Renders the header of the dialog.\n- **actions** - Renders the actions of the dialog.\n- **close-icon** - Renders the icon of the button used to close the dialog.\n\n### **CSS Properties:**\n - **--m3e-dialog-shape** - Border radius of the dialog container. _(default: undefined)_\n- **--m3e-dialog-min-width** - Minimum width of the dialog. _(default: undefined)_\n- **--m3e-dialog-max-width** - Maximum width of the dialog. _(default: undefined)_\n- **--m3e-dialog-color** - Foreground color of the dialog. _(default: undefined)_\n- **--m3e-dialog-container-color** - Background color of the dialog container. _(default: undefined)_\n- **--m3e-dialog-scrim-color** - Color of the scrim (backdrop overlay). _(default: undefined)_\n- **--m3e-dialog-scrim-opacity** - Opacity of the scrim when open. _(default: undefined)_\n- **--m3e-dialog-header-container-color** - Background color of the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-color** - Foreground color of the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-font-size** - Font size for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-font-weight** - Font weight for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-line-height** - Line height for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-tracking** - Letter spacing for the dialog header. _(default: undefined)_\n- **--m3e-dialog-content-color** - Foreground color of the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-font-size** - Font size for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-font-weight** - Font weight for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-line-height** - Line height for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-tracking** - Letter spacing for the dialog content. _(default: undefined)_",
+      "description": "A dialog that provides important prompts in a user flow.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the dialog begins to open.\n- **opened** - Dispatched when the dialog has opened.\n- **closing** - Dispatched when the dialog begins to close.\n- **closed** - Dispatched when the dialog has closed.\n- **cancel** - Dispatched when the dialog is cancelled.\n\n### **Methods:**\n - **show(): _Promise<void>_** - Asynchronously opens the dialog.\n- **hide(returnValue: _string_): _Promise<void>_** - Asynchronously closes the dialog.\n\n### **Slots:**\n - _default_ - Renders the content of the dialog.\n- **header** - Renders the header of the dialog.\n- **actions** - Renders the actions of the dialog.\n- **close-icon** - Renders the icon of the button used to close the dialog.\n\n### **CSS Properties:**\n - **--m3e-dialog-shape** - Border radius of the dialog container. _(default: undefined)_\n- **--m3e-dialog-min-width** - Minimum width of the dialog. _(default: undefined)_\n- **--m3e-dialog-max-width** - Maximum width of the dialog. _(default: undefined)_\n- **--m3e-dialog-color** - Foreground color of the dialog. _(default: undefined)_\n- **--m3e-dialog-container-color** - Background color of the dialog container. _(default: undefined)_\n- **--m3e-dialog-scrim-color** - Color of the scrim (backdrop overlay). _(default: undefined)_\n- **--m3e-dialog-scrim-opacity** - Opacity of the scrim when open. _(default: undefined)_\n- **--m3e-dialog-header-container-color** - Background color of the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-color** - Foreground color of the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-font-size** - Font size for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-font-weight** - Font weight for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-line-height** - Line height for the dialog header. _(default: undefined)_\n- **--m3e-dialog-header-tracking** - Letter spacing for the dialog header. _(default: undefined)_\n- **--m3e-dialog-content-color** - Foreground color of the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-font-size** - Font size for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-font-weight** - Font weight for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-line-height** - Line height for the dialog content. _(default: undefined)_\n- **--m3e-dialog-content-tracking** - Letter spacing for the dialog content. _(default: undefined)_",
       "attributes": [
         {
           "name": "alert",
@@ -1165,7 +1170,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** - Dispatched 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",
@@ -1226,7 +1231,7 @@
     },
     {
       "name": "m3e-expansion-header",
-      "description": "A button used to toggle the expanded state of an expansion panel.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the header.\n- **toggle-icon** - Renders the icon of the expansion toggle.\n\n### **CSS Properties:**\n - **--m3e-expansion-header-collapsed-height** - Height of the header when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-header-expanded-height** - Height of the header when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-header-padding-left** - Left padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-padding-right** - Right padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-spacing** - Spacing between header elements. _(default: undefined)_\n- **--m3e-expansion-header-toggle-icon-size** - Size of the toggle icon (e.g. chevron). _(default: undefined)_\n- **--m3e-expansion-header-font-size** - The font size of the header text. _(default: undefined)_\n- **--m3e-expansion-header-font-weight** - The font weight of the header text. _(default: undefined)_\n- **--m3e-expansion-header-line-height** - The line height of the header text. _(default: undefined)_\n- **--m3e-expansion-header-tracking** - Letter spacing (tracking) of the header text. _(default: undefined)_",
+      "description": "A button used to toggle the expanded state of an expansion panel.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the header.\n- **toggle-icon** - Renders the icon of the expansion toggle.\n\n### **CSS Properties:**\n - **--m3e-expansion-header-collapsed-height** - Height of the header when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-header-expanded-height** - Height of the header when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-header-padding-left** - Left padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-padding-right** - Right padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-spacing** - Spacing between header elements. _(default: undefined)_\n- **--m3e-expansion-header-toggle-icon-size** - Size of the toggle icon (e.g. chevron). _(default: undefined)_\n- **--m3e-expansion-header-font-size** - The font size of the header text. _(default: undefined)_\n- **--m3e-expansion-header-font-weight** - The font weight of the header text. _(default: undefined)_\n- **--m3e-expansion-header-line-height** - The line height of the header text. _(default: undefined)_\n- **--m3e-expansion-header-tracking** - Letter spacing (tracking) of the header text. _(default: undefined)_",
       "attributes": [
         {
           "name": "hide-toggle",
@@ -1253,7 +1258,7 @@
     },
     {
       "name": "m3e-expansion-panel",
-      "description": "An expandable details-summary view.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the expansion panel begins to open.\n- **opened** - Emitted when the expansion panel has opened.\n- **closing** - Emitted when the expansion panel begins to close.\n- **closed** - Emitted when the expansion panel has closed.\n\n### **Slots:**\n - _default_ - Renders the detail of the panel.\n- **actions** - Renders the actions bar of the panel.\n- **header** - Renders the header content.\n- **toggle-icon** - Renders the expansion toggle icon.\n\n### **CSS Properties:**\n - **--m3e-expansion-header-collapsed-height** - Height of the header when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-header-expanded-height** - Height of the header when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-header-padding-left** - Left padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-padding-right** - Right padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-spacing** - Spacing between header elements. _(default: undefined)_\n- **--m3e-expansion-header-toggle-icon-size** - Size of the toggle icon (e.g. chevron). _(default: undefined)_\n- **--m3e-expansion-header-font-size** - The font size of the header text. _(default: undefined)_\n- **--m3e-expansion-header-font-weight** - The font weight of the header text. _(default: undefined)_\n- **--m3e-expansion-header-line-height** - The line height of the header text. _(default: undefined)_\n- **--m3e-expansion-header-tracking** - Letter spacing (tracking) of the header text. _(default: undefined)_\n- **--m3e-expansion-panel-text-color** - Color of the panel's text content. _(default: undefined)_\n- **--m3e-expansion-panel-disabled-text-color** - Color of the panel's text content, when disabled. _(default: undefined)_\n- **--m3e-expansion-panel-disabled-text-opacity** - Opacity of the panel's text content, when disabled. _(default: undefined)_\n- **--m3e-expansion-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-expansion-panel-elevation** - Elevation level when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-panel-shape** - Shape (e.g. border radius) of the panel when collapsed. _(default: undefined)_\n- **--m3e-expansion-panel-open-elevation** - Elevation level when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-panel-open-shape** - Shape (e.g. border radius) of the panel when expanded. _(default: undefined)_\n- **--m3e-expansion-panel-content-padding** - Padding around the panel's content area. _(default: undefined)_\n- **--m3e-expansion-panel-actions-spacing** - Spacing between action buttons or elements. _(default: undefined)_\n- **--m3e-expansion-panel-actions-padding** - Padding around the actions section. _(default: undefined)_\n- **--m3e-expansion-panel-actions-divider-thickness** - Thickness of the divider above actions. _(default: undefined)_\n- **--m3e-expansion-panel-actions-divider-color** - Color of the divider above actions. _(default: undefined)_",
+      "description": "An expandable details-summary view.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the expansion panel begins to open.\n- **opened** - Dispatched when the expansion panel has opened.\n- **closing** - Dispatched when the expansion panel begins to close.\n- **closed** - Dispatched when the expansion panel has closed.\n\n### **Slots:**\n - _default_ - Renders the detail of the panel.\n- **actions** - Renders the actions bar of the panel.\n- **header** - Renders the header content.\n- **toggle-icon** - Renders the expansion toggle icon.\n\n### **CSS Properties:**\n - **--m3e-expansion-header-collapsed-height** - Height of the header when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-header-expanded-height** - Height of the header when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-header-padding-left** - Left padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-padding-right** - Right padding inside the header. _(default: undefined)_\n- **--m3e-expansion-header-spacing** - Spacing between header elements. _(default: undefined)_\n- **--m3e-expansion-header-toggle-icon-size** - Size of the toggle icon (e.g. chevron). _(default: undefined)_\n- **--m3e-expansion-header-font-size** - The font size of the header text. _(default: undefined)_\n- **--m3e-expansion-header-font-weight** - The font weight of the header text. _(default: undefined)_\n- **--m3e-expansion-header-line-height** - The line height of the header text. _(default: undefined)_\n- **--m3e-expansion-header-tracking** - Letter spacing (tracking) of the header text. _(default: undefined)_\n- **--m3e-expansion-panel-text-color** - Color of the panel's text content. _(default: undefined)_\n- **--m3e-expansion-panel-disabled-text-color** - Color of the panel's text content, when disabled. _(default: undefined)_\n- **--m3e-expansion-panel-disabled-text-opacity** - Opacity of the panel's text content, when disabled. _(default: undefined)_\n- **--m3e-expansion-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-expansion-panel-elevation** - Elevation level when the panel is collapsed. _(default: undefined)_\n- **--m3e-expansion-panel-shape** - Shape (e.g. border radius) of the panel when collapsed. _(default: undefined)_\n- **--m3e-expansion-panel-open-elevation** - Elevation level when the panel is expanded. _(default: undefined)_\n- **--m3e-expansion-panel-open-shape** - Shape (e.g. border radius) of the panel when expanded. _(default: undefined)_\n- **--m3e-expansion-panel-content-padding** - Padding around the panel's content area. _(default: undefined)_\n- **--m3e-expansion-panel-actions-spacing** - Spacing between action buttons or elements. _(default: undefined)_\n- **--m3e-expansion-panel-actions-padding** - Padding around the actions section. _(default: undefined)_\n- **--m3e-expansion-panel-actions-divider-thickness** - Thickness of the divider above actions. _(default: undefined)_\n- **--m3e-expansion-panel-actions-divider-color** - Color of the divider above actions. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1285,7 +1290,7 @@
     },
     {
       "name": "m3e-fab",
-      "description": "A floating action button (FAB) used to present important actions.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **label** - Renders the label of an extended button.\n- **close-icon** - Renders the close icon when used to open a FAB menu.\n\n### **CSS Properties:**\n - **--m3e-fab-container-height** - Height of the FAB container for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-size** - Font size for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-weight** - Font weight for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-line-height** - Line height for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-tracking** - Letter spacing (tracking) for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-size** - Icon size for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-shape** - Border radius for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-leading-space** - Leading space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-trailing-space** - Trailing space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-label-space** - Space between icon and label for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-small-container-height** - Height of the small FAB container. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-size** - Font size for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-weight** - Font weight for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-line-height** - Line height for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-tracking** - Letter spacing (tracking) for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-icon-size** - Icon size for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-shape** - Border radius for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-leading-space** - Leading space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-trailing-space** - Trailing space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-icon-label-space** - Space between icon and label for the small FAB. _(default: undefined)_\n- **--m3e-fab-medium-container-height** - Height of the medium FAB container. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-size** - Font size for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-weight** - Font weight for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-line-height** - Line height for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-tracking** - Letter spacing (tracking) for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-icon-size** - Icon size for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-shape** - Border radius for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-leading-space** - Leading space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-trailing-space** - Trailing space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-icon-label-space** - Space between icon and label for the medium FAB. _(default: undefined)_\n- **--m3e-fab-large-container-height** - Height of the large FAB container. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-size** - Font size for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-weight** - Font weight for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-line-height** - Line height for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-tracking** - Letter spacing (tracking) for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-icon-size** - Icon size for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-shape** - Border radius for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-leading-space** - Leading space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-trailing-space** - Trailing space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-icon-label-space** - Space between icon and label for the large FAB. _(default: undefined)_\n- **--m3e-fab-label-text-color** - Default label text color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-icon-color** - Default icon color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-color** - Default container background color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-elevation** - Resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-container-elevation** - Lowered resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-color** - Container background color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-opacity** - Opacity of container when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-color** - Icon color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-opacity** - Icon opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-color** - Label text color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-opacity** - Label text opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-elevation** - Elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-hover-icon-color** - Icon color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-label-text-color** - Label text color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-color** - State layer color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-opacity** - State layer opacity on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-container-elevation** - Elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-hover-container-elevation** - Lowered elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-focus-icon-color** - Icon color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-label-text-color** - Label text color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-color** - State layer color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-opacity** - State layer opacity on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-container-elevation** - Elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-focus-container-elevation** - Lowered elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-icon-color** - Icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-label-text-color** - Label text color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-color** - State layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-opacity** - State layer opacity on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-container-elevation** - Elevation on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (all variants). _(default: undefined)_\n- **--m3e-primary-fab-label-text-color** - Default label text color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-icon-color** - Default icon color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-color** - Default container background color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-elevation** - Resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-lowered-container-elevation** - Lowered resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-color** - Container background color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-opacity** - Opacity of container when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-color** - Icon color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-opacity** - Icon opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-color** - Label text color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-elevation** - Elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-icon-color** - Icon color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-label-text-color** - Label text color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-color** - State layer color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-opacity** - State layer opacity on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-container-elevation** - Elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-icon-color** - Icon color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-label-text-color** - Label text color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-color** - State layer color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-opacity** - State layer opacity on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-container-elevation** - Elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-icon-color** - Icon color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-label-text-color** - Label text color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-color** - State layer color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-container-elevation** - Elevation on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary). _(default: undefined)_\n- **--m3e-secondary-fab-label-text-color** - Default label text color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-icon-color** - Default icon color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-color** - Default container background color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-elevation** - Resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-lowered-container-elevation** - Lowered resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-color** - Container background color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-opacity** - Opacity of container when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-color** - Icon color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-color** - Label text color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-elevation** - Elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-icon-color** - Icon color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-label-text-color** - Label text color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-color** - State layer color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-container-elevation** - Elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-icon-color** - Icon color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-label-text-color** - Label text color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-color** - State layer color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-container-elevation** - Elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-icon-color** - Icon color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-label-text-color** - Label text color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-color** - State layer color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-container-elevation** - Elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-tertiary-fab-label-text-color** - Default label text color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-icon-color** - Default icon color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-color** - Default container background color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-elevation** - Resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-container-elevation** - Lowered resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-color** - Container background color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-color** - Icon color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-color** - Label text color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-elevation** - Elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-icon-color** - Icon color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-label-text-color** - Label text color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-color** - State layer color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-container-elevation** - Elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-icon-color** - Icon color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-label-text-color** - Label text color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-color** - State layer color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-container-elevation** - Elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-icon-color** - Icon color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-label-text-color** - Label text color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-color** - State layer color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-container-elevation** - Elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-primary-container-fab-label-text-color** - Default label text color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-icon-color** - Default icon color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-color** - Default container background color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-elevation** - Resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-container-elevation** - Lowered resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-color** - Container background color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-opacity** - Opacity of container when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-color** - Icon color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-color** - Label text color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-elevation** - Elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-icon-color** - Icon color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-label-text-color** - Label text color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-color** - State layer color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-container-elevation** - Elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-icon-color** - Icon color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-label-text-color** - Label text color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-color** - State layer color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-container-elevation** - Elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-icon-color** - Icon color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-label-text-color** - Label text color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-color** - State layer color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-container-elevation** - Elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-label-text-color** - Default label text color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-icon-color** - Default icon color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-color** - Default container background color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-elevation** - Resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-container-elevation** - Lowered resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-color** - Container background color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-opacity** - Opacity of container when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-color** - Icon color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-color** - Label text color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-elevation** - Elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-icon-color** - Icon color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-label-text-color** - Label text color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-color** - State layer color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-container-elevation** - Elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-icon-color** - Icon color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-label-text-color** - Label text color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-color** - State layer color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-container-elevation** - Elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-icon-color** - Icon color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-label-text-color** - Label text color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-color** - State layer color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-container-elevation** - Elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-label-text-color** - Default label text color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-icon-color** - Default icon color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-color** - Default container background color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-elevation** - Resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-container-elevation** - Lowered resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-color** - Container background color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-color** - Icon color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-color** - Label text color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-elevation** - Elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-icon-color** - Icon color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-label-text-color** - Label text color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-color** - State layer color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-container-elevation** - Elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-icon-color** - Icon color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-label-text-color** - Label text color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-color** - State layer color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-container-elevation** - Elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-icon-color** - Icon color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-label-text-color** - Label text color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-color** - State layer color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-container-elevation** - Elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-surface-fab-label-text-color** - Default label text color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-icon-color** - Default icon color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-color** - Default container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-elevation** - Resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-elevation** - Lowered resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-color** - Lowered container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-color** - Container background color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-opacity** - Opacity of container when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-color** - Icon color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-opacity** - Icon opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-color** - Label text color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-opacity** - Label text opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-elevation** - Elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-icon-color** - Icon color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-label-text-color** - Label text color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-color** - State layer color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-opacity** - State layer opacity on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-container-elevation** - Elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-hover-container-elevation** - Lowered elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-icon-color** - Icon color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-label-text-color** - Label text color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-color** - State layer color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-opacity** - State layer opacity on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-container-elevation** - Elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-focus-container-elevation** - Lowered elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-icon-color** - Icon color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-label-text-color** - Label text color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-color** - State layer color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-opacity** - State layer opacity on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-container-elevation** - Elevation on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (surface). _(default: undefined)_",
+      "description": "A floating action button (FAB) used to present important actions.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **label** - Renders the label of an extended button.\n- **close-icon** - Renders the close icon when used to open a FAB menu.\n\n### **CSS Properties:**\n - **--m3e-fab-container-height** - Height of the FAB container for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-size** - Font size for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-font-weight** - Font weight for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-line-height** - Line height for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-label-text-tracking** - Letter spacing (tracking) for the FAB label text for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-size** - Icon size for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-shape** - Border radius for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-leading-space** - Leading space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-trailing-space** - Trailing space for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-icon-label-space** - Space between icon and label for the FAB for all size variants. _(default: undefined)_\n- **--m3e-fab-small-container-height** - Height of the small FAB container. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-size** - Font size for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-font-weight** - Font weight for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-line-height** - Line height for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-label-text-tracking** - Letter spacing (tracking) for the small FAB label text. _(default: undefined)_\n- **--m3e-fab-small-icon-size** - Icon size for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-shape** - Border radius for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-leading-space** - Leading space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-trailing-space** - Trailing space for the small FAB. _(default: undefined)_\n- **--m3e-fab-small-icon-label-space** - Space between icon and label for the small FAB. _(default: undefined)_\n- **--m3e-fab-medium-container-height** - Height of the medium FAB container. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-size** - Font size for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-font-weight** - Font weight for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-line-height** - Line height for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-label-text-tracking** - Letter spacing (tracking) for the medium FAB label text. _(default: undefined)_\n- **--m3e-fab-medium-icon-size** - Icon size for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-shape** - Border radius for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-leading-space** - Leading space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-trailing-space** - Trailing space for the medium FAB. _(default: undefined)_\n- **--m3e-fab-medium-icon-label-space** - Space between icon and label for the medium FAB. _(default: undefined)_\n- **--m3e-fab-large-container-height** - Height of the large FAB container. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-size** - Font size for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-font-weight** - Font weight for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-line-height** - Line height for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-label-text-tracking** - Letter spacing (tracking) for the large FAB label text. _(default: undefined)_\n- **--m3e-fab-large-icon-size** - Icon size for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-shape** - Border radius for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-leading-space** - Leading space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-trailing-space** - Trailing space for the large FAB. _(default: undefined)_\n- **--m3e-fab-large-icon-label-space** - Space between icon and label for the large FAB. _(default: undefined)_\n- **--m3e-fab-label-text-color** - Default label text color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-icon-color** - Default icon color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-color** - Default container background color for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-container-elevation** - Resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-container-elevation** - Lowered resting elevation for FAB (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-color** - Container background color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-opacity** - Opacity of container when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-color** - Icon color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-icon-opacity** - Icon opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-color** - Label text color when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-label-text-opacity** - Label text opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-disabled-container-elevation** - Elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (all variants). _(default: undefined)_\n- **--m3e-fab-hover-icon-color** - Icon color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-label-text-color** - Label text color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-color** - State layer color on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-state-layer-opacity** - State layer opacity on hover (all variants). _(default: undefined)_\n- **--m3e-fab-hover-container-elevation** - Elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-hover-container-elevation** - Lowered elevation on hover (all variants). _(default: undefined)_\n- **--m3e-fab-focus-icon-color** - Icon color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-label-text-color** - Label text color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-color** - State layer color on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-state-layer-opacity** - State layer opacity on focus (all variants). _(default: undefined)_\n- **--m3e-fab-focus-container-elevation** - Elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-focus-container-elevation** - Lowered elevation on focus (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-icon-color** - Icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-label-text-color** - Label text color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-color** - State layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-state-layer-opacity** - State layer opacity on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-pressed-container-elevation** - Elevation on pressed (all variants). _(default: undefined)_\n- **--m3e-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (all variants). _(default: undefined)_\n- **--m3e-primary-fab-label-text-color** - Default label text color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-icon-color** - Default icon color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-color** - Default container background color for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-container-elevation** - Resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-lowered-container-elevation** - Lowered resting elevation for primary FAB. _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-color** - Container background color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-opacity** - Opacity of container when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-color** - Icon color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-icon-opacity** - Icon opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-color** - Label text color when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-disabled-container-elevation** - Elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-icon-color** - Icon color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-label-text-color** - Label text color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-color** - State layer color on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-state-layer-opacity** - State layer opacity on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-hover-container-elevation** - Elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-icon-color** - Icon color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-label-text-color** - Label text color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-color** - State layer color on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-state-layer-opacity** - State layer opacity on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-focus-container-elevation** - Elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-icon-color** - Icon color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-label-text-color** - Label text color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-color** - State layer color on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-pressed-container-elevation** - Elevation on pressed (primary). _(default: undefined)_\n- **--m3e-primary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary). _(default: undefined)_\n- **--m3e-secondary-fab-label-text-color** - Default label text color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-icon-color** - Default icon color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-color** - Default container background color for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-container-elevation** - Resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-lowered-container-elevation** - Lowered resting elevation for secondary FAB. _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-color** - Container background color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-opacity** - Opacity of container when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-color** - Icon color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-color** - Label text color when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-disabled-container-elevation** - Elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-icon-color** - Icon color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-label-text-color** - Label text color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-color** - State layer color on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-hover-container-elevation** - Elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-icon-color** - Icon color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-label-text-color** - Label text color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-color** - State layer color on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-focus-container-elevation** - Elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-icon-color** - Icon color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-label-text-color** - Label text color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-color** - State layer color on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-pressed-container-elevation** - Elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-secondary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary). _(default: undefined)_\n- **--m3e-tertiary-fab-label-text-color** - Default label text color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-icon-color** - Default icon color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-color** - Default container background color for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-container-elevation** - Resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-container-elevation** - Lowered resting elevation for tertiary FAB. _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-color** - Container background color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-color** - Icon color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-color** - Label text color when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-disabled-container-elevation** - Elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-icon-color** - Icon color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-label-text-color** - Label text color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-color** - State layer color on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-hover-container-elevation** - Elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-icon-color** - Icon color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-label-text-color** - Label text color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-color** - State layer color on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-focus-container-elevation** - Elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-icon-color** - Icon color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-label-text-color** - Label text color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-color** - State layer color on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-pressed-container-elevation** - Elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-tertiary-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary). _(default: undefined)_\n- **--m3e-primary-container-fab-label-text-color** - Default label text color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-icon-color** - Default icon color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-color** - Default container background color for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-container-elevation** - Resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-container-elevation** - Lowered resting elevation for primary-container FAB. _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-color** - Container background color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-opacity** - Opacity of container when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-color** - Icon color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-color** - Label text color when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-disabled-container-elevation** - Elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-icon-color** - Icon color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-label-text-color** - Label text color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-color** - State layer color on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-hover-container-elevation** - Elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-icon-color** - Icon color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-label-text-color** - Label text color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-color** - State layer color on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-focus-container-elevation** - Elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-icon-color** - Icon color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-label-text-color** - Label text color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-color** - State layer color on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-pressed-container-elevation** - Elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-primary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (primary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-label-text-color** - Default label text color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-icon-color** - Default icon color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-color** - Default container background color for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-container-elevation** - Resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-container-elevation** - Lowered resting elevation for secondary-container FAB. _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-color** - Container background color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-opacity** - Opacity of container when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-color** - Icon color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-color** - Label text color when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-disabled-container-elevation** - Elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-icon-color** - Icon color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-label-text-color** - Label text color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-color** - State layer color on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-hover-container-elevation** - Elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-icon-color** - Icon color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-label-text-color** - Label text color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-color** - State layer color on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-focus-container-elevation** - Elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-icon-color** - Icon color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-label-text-color** - Label text color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-color** - State layer color on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-pressed-container-elevation** - Elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-secondary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (secondary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-label-text-color** - Default label text color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-icon-color** - Default icon color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-color** - Default container background color for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-container-elevation** - Resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-container-elevation** - Lowered resting elevation for tertiary-container FAB. _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-color** - Container background color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-opacity** - Opacity of container when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-color** - Icon color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-icon-opacity** - Icon opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-color** - Label text color when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-label-text-opacity** - Label text opacity when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-disabled-container-elevation** - Elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-icon-color** - Icon color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-label-text-color** - Label text color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-color** - State layer color on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-state-layer-opacity** - State layer opacity on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-hover-container-elevation** - Elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-hover-container-elevation** - Lowered elevation on hover (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-icon-color** - Icon color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-label-text-color** - Label text color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-color** - State layer color on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-state-layer-opacity** - State layer opacity on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-focus-container-elevation** - Elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-focus-container-elevation** - Lowered elevation on focus (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-icon-color** - Icon color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-label-text-color** - Label text color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-color** - State layer color on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-state-layer-opacity** - State layer opacity on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-pressed-container-elevation** - Elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-tertiary-container-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (tertiary-container). _(default: undefined)_\n- **--m3e-surface-fab-label-text-color** - Default label text color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-icon-color** - Default icon color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-color** - Default container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-container-elevation** - Resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-elevation** - Lowered resting elevation for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-lowered-container-color** - Lowered container background color for surface FAB. _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-color** - Container background color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-opacity** - Opacity of container when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-color** - Icon color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-icon-opacity** - Icon opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-color** - Label text color when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-label-text-opacity** - Label text opacity when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-disabled-container-elevation** - Elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-disabled-container-elevation** - Lowered elevation when disabled (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-icon-color** - Icon color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-label-text-color** - Label text color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-color** - State layer color on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-state-layer-opacity** - State layer opacity on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-hover-container-elevation** - Elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-hover-container-elevation** - Lowered elevation on hover (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-icon-color** - Icon color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-label-text-color** - Label text color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-color** - State layer color on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-state-layer-opacity** - State layer opacity on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-focus-container-elevation** - Elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-focus-container-elevation** - Lowered elevation on focus (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-icon-color** - Icon color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-label-text-color** - Label text color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-color** - State layer color on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-state-layer-opacity** - State layer opacity on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-pressed-container-elevation** - Elevation on pressed (surface). _(default: undefined)_\n- **--m3e-surface-fab-lowered-pressed-container-elevation** - Lowered elevation on pressed (surface). _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1369,7 +1374,7 @@
     },
     {
       "name": "m3e-menu-item",
-      "description": "An item of a floating action button (FAB) menu.\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- **icon** - Renders an icon before the items's label.\n\n### **CSS Properties:**\n - **--m3e-fab-menu-item-height** - Height of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-font-size** - Font size of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-font-weight** - Font weight of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-line-height** - Line height of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-tracking** - Letter spacing of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-shape** - Border radius of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-leading-space** - Padding at the start of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-trailing-space** - Padding at the end of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-spacing** - Gap between icon and label. _(default: undefined)_\n- **--m3e-fab-menu-item-icon-size** - Size of the icon in the menu item. _(default: undefined)_",
+      "description": "An item of a floating action button (FAB) menu.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n\n### **CSS Properties:**\n - **--m3e-fab-menu-item-height** - Height of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-font-size** - Font size of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-font-weight** - Font weight of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-line-height** - Line height of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-tracking** - Letter spacing of the menu item label. _(default: undefined)_\n- **--m3e-fab-menu-item-shape** - Border radius of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-leading-space** - Padding at the start of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-trailing-space** - Padding at the end of the menu item. _(default: undefined)_\n- **--m3e-fab-menu-item-spacing** - Gap between icon and label. _(default: undefined)_\n- **--m3e-fab-menu-item-icon-size** - Size of the icon in the menu item. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1504,7 +1509,7 @@
     },
     {
       "name": "m3e-icon-button",
-      "description": "An icon button users interact with to perform a supplementary 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 icon of the button.\n- **selected** - Renders an icon, when selected.\n\n### **CSS Properties:**\n - **--m3e-icon-button-container-height** - Height of the container for all size variants. _(default: undefined)_\n- **--m3e-icon-button-outline-thickness** - Outline thickness for all size variants. _(default: undefined)_\n- **--m3e-icon-button-icon-size** - Icon size for all size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-round** - Corner radius for all round size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-square** - Corner radius for all square size variants. _(default: undefined)_\n- **--m3e-icon-button-selected-shape-round** - Corner radius for all selected round size variants. _(default: undefined)_\n- **--m3e-icon-button-selected-shape-square** - Corner radius for all selected square size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-pressed-morph** - Corner radius for all pressed size variants. _(default: undefined)_\n- **--m3e-icon-button-narrow-leading-space** - Leading space for all size variants (narrow). _(default: undefined)_\n- **--m3e-icon-button-narrow-trailing-space** - Trailing space for all size variants (narrow). _(default: undefined)_\n- **--m3e-icon-button-default-leading-space** - Leading space for all size variants (default). _(default: undefined)_\n- **--m3e-icon-button-default-trailing-space** - Trailing space for all size variants (default). _(default: undefined)_\n- **--m3e-icon-button-wide-leading-space** - Leading space for all size variants (wide). _(default: undefined)_\n- **--m3e-icon-button-wide-trailing-space** - Trailing space for all size variants (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-container-height** - Height of the extra-small container. _(default: undefined)_\n- **--m3e-icon-button-extra-small-outline-thickness** - Outline thickness for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-icon-size** - Icon size for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-round** - Corner radius for round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-square** - Corner radius for square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-round** - Corner radius for selected round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-square** - Corner radius for selected square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-pressed-morph** - Corner radius for pressed extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-leading-space** - Leading space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-trailing-space** - Trailing space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-leading-space** - Leading space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-trailing-space** - Trailing space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-leading-space** - Leading space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-trailing-space** - Trailing space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-container-height** - Height of the small container. _(default: undefined)_\n- **--m3e-icon-button-small-outline-thickness** - Outline thickness for small. _(default: undefined)_\n- **--m3e-icon-button-small-icon-size** - Icon size for small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-round** - Corner radius for round small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-square** - Corner radius for square small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-round** - Corner radius for selected round small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-square** - Corner radius for selected square small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-pressed-morph** - Corner radius for pressed small. _(default: undefined)_\n- **--m3e-icon-button-small-narrow-leading-space** - Leading space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-narrow-trailing-space** - Trailing space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-default-leading-space** - Leading space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-default-trailing-space** - Trailing space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-wide-leading-space** - Leading space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-wide-trailing-space** - Trailing space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-container-height** - Height of the medium container. _(default: undefined)_\n- **--m3e-icon-button-medium-outline-thickness** - Outline thickness for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-icon-size** - Icon size for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-round** - Corner radius for round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-square** - Corner radius for square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-round** - Corner radius for selected round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-square** - Corner radius for selected square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-pressed-morph** - Corner radius for pressed medium. _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-leading-space** - Leading space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-trailing-space** - Trailing space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-default-leading-space** - Leading space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-default-trailing-space** - Trailing space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-leading-space** - Leading space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-trailing-space** - Trailing space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-large-container-height** - Height of the large container. _(default: undefined)_\n- **--m3e-icon-button-large-outline-thickness** - Outline thickness for large. _(default: undefined)_\n- **--m3e-icon-button-large-icon-size** - Icon size for large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-round** - Corner radius for round large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-square** - Corner radius for square large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-round** - Corner radius for selected round large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-square** - Corner radius for selected square large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-pressed-morph** - Corner radius for pressed large. _(default: undefined)_\n- **--m3e-icon-button-large-narrow-leading-space** - Leading space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-narrow-trailing-space** - Trailing space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-default-leading-space** - Leading space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-default-trailing-space** - Trailing space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-wide-leading-space** - Leading space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-large-wide-trailing-space** - Trailing space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-container-height** - Height of the extra-large container. _(default: undefined)_\n- **--m3e-icon-button-extra-large-outline-thickness** - Outline thickness for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-icon-size** - Icon size for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-round** - Corner radius for round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-square** - Corner radius for square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-round** - Corner radius for selected round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-square** - Corner radius for selected square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-pressed-morph** - Corner radius for pressed extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-leading-space** - Leading space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-trailing-space** - Trailing space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-leading-space** - Leading space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-trailing-space** - Trailing space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-leading-space** - Leading space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-trailing-space** - Trailing space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-outline-color** - Default outline color for all variants. _(default: undefined)_\n- **--m3e-icon-button-disabled-outline-color** - Outline color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-outline-color** - Outline color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-outline-color** - Outline color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-outline-color** - Outline color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-container-color** - Default container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-unselected-container-color** - Unselected container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-selected-container-color** - Selected container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-icon-color** - Default icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-unselected-icon-color** - Unselected icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-selected-icon-color** - Selected icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-disabled-container-color** - Container background color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-container-opacity** - Opacity of container when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-icon-color** - Icon color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-icon-opacity** - Icon opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-icon-color** - Icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-state-layer-color** - State layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-state-layer-opacity** - State layer opacity on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-selected-icon-color** - Selected icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-icon-color** - Icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-state-layer-color** - State layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-state-layer-opacity** - State layer opacity on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-selected-icon-color** - Selected icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-icon-color** - Icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-state-layer-color** - State layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-outlined-icon-button-icon-color** - Default icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-outline-color** - Default outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-unselected-icon-color** - Unselected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-icon-color** - Selected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-container-color** - Selected container background color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-color** - Container background color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-opacity** - Opacity of container when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-color** - Icon color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-opacity** - Icon opacity when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-outline-color** - Outline color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-icon-color** - Icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-outline-color** - Outline color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-color** - State layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-opacity** - State layer opacity on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-icon-color** - Selected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-icon-color** - Icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-outline-color** - Outline color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-color** - State layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-opacity** - State layer opacity on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-icon-color** - Selected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-icon-color** - Icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-outline-color** - Outline color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-color** - State layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-filled-icon-button-icon-color** - Default icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-container-color** - Default container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-icon-color** - Unselected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-container-color** - Unselected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-icon-color** - Selected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-container-color** - Selected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-color** - Container background color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-opacity** - Opacity of container when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-color** - Icon color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-opacity** - Icon opacity when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-icon-color** - Icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-color** - State layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-opacity** - State layer opacity on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-icon-color** - Selected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-icon-color** - Icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-color** - State layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-opacity** - State layer opacity on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-icon-color** - Selected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-icon-color** - Icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-color** - State layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-tonal-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-color** - Container background color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-opacity** - Opacity of container when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-color** - Icon color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-opacity** - Icon opacity when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-icon-color** - Icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-color** - State layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-opacity** - State layer opacity on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-icon-color** - Selected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-icon-color** - Icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-color** - State layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-opacity** - State layer opacity on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-icon-color** - Selected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-icon-color** - Icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-color** - State layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-standard-icon-button-icon-color** - Default icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-unselected-icon-color** - Unselected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-selected-icon-color** - Selected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-color** - Container background color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-opacity** - Opacity of container when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-color** - Icon color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-opacity** - Icon opacity when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-icon-color** - Icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-color** - State layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-opacity** - State layer opacity on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-icon-color** - Selected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-icon-color** - Icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-color** - State layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-opacity** - State layer opacity on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-icon-color** - Selected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-icon-color** - Icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-color** - State layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (standard). _(default: undefined)_",
+      "description": "An icon button users interact with to perform a supplementary action.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before a toggle button's selected state changes.\n- **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the icon of the button.\n- **selected** - Renders an icon, when selected.\n\n### **CSS Properties:**\n - **--m3e-icon-button-container-height** - Height of the container for all size variants. _(default: undefined)_\n- **--m3e-icon-button-outline-thickness** - Outline thickness for all size variants. _(default: undefined)_\n- **--m3e-icon-button-icon-size** - Icon size for all size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-round** - Corner radius for all round size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-square** - Corner radius for all square size variants. _(default: undefined)_\n- **--m3e-icon-button-selected-shape-round** - Corner radius for all selected round size variants. _(default: undefined)_\n- **--m3e-icon-button-selected-shape-square** - Corner radius for all selected square size variants. _(default: undefined)_\n- **--m3e-icon-button-shape-pressed-morph** - Corner radius for all pressed size variants. _(default: undefined)_\n- **--m3e-icon-button-narrow-leading-space** - Leading space for all size variants (narrow). _(default: undefined)_\n- **--m3e-icon-button-narrow-trailing-space** - Trailing space for all size variants (narrow). _(default: undefined)_\n- **--m3e-icon-button-default-leading-space** - Leading space for all size variants (default). _(default: undefined)_\n- **--m3e-icon-button-default-trailing-space** - Trailing space for all size variants (default). _(default: undefined)_\n- **--m3e-icon-button-wide-leading-space** - Leading space for all size variants (wide). _(default: undefined)_\n- **--m3e-icon-button-wide-trailing-space** - Trailing space for all size variants (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-container-height** - Height of the extra-small container. _(default: undefined)_\n- **--m3e-icon-button-extra-small-outline-thickness** - Outline thickness for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-icon-size** - Icon size for extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-round** - Corner radius for round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-square** - Corner radius for square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-round** - Corner radius for selected round extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-selected-shape-square** - Corner radius for selected square extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-shape-pressed-morph** - Corner radius for pressed extra-small. _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-leading-space** - Leading space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-narrow-trailing-space** - Trailing space for extra-small (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-leading-space** - Leading space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-default-trailing-space** - Trailing space for extra-small (default). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-leading-space** - Leading space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-small-wide-trailing-space** - Trailing space for extra-small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-container-height** - Height of the small container. _(default: undefined)_\n- **--m3e-icon-button-small-outline-thickness** - Outline thickness for small. _(default: undefined)_\n- **--m3e-icon-button-small-icon-size** - Icon size for small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-round** - Corner radius for round small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-square** - Corner radius for square small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-round** - Corner radius for selected round small. _(default: undefined)_\n- **--m3e-icon-button-small-selected-shape-square** - Corner radius for selected square small. _(default: undefined)_\n- **--m3e-icon-button-small-shape-pressed-morph** - Corner radius for pressed small. _(default: undefined)_\n- **--m3e-icon-button-small-narrow-leading-space** - Leading space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-narrow-trailing-space** - Trailing space for small (narrow). _(default: undefined)_\n- **--m3e-icon-button-small-default-leading-space** - Leading space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-default-trailing-space** - Trailing space for small (default). _(default: undefined)_\n- **--m3e-icon-button-small-wide-leading-space** - Leading space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-small-wide-trailing-space** - Trailing space for small (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-container-height** - Height of the medium container. _(default: undefined)_\n- **--m3e-icon-button-medium-outline-thickness** - Outline thickness for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-icon-size** - Icon size for medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-round** - Corner radius for round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-square** - Corner radius for square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-round** - Corner radius for selected round medium. _(default: undefined)_\n- **--m3e-icon-button-medium-selected-shape-square** - Corner radius for selected square medium. _(default: undefined)_\n- **--m3e-icon-button-medium-shape-pressed-morph** - Corner radius for pressed medium. _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-leading-space** - Leading space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-narrow-trailing-space** - Trailing space for medium (narrow). _(default: undefined)_\n- **--m3e-icon-button-medium-default-leading-space** - Leading space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-default-trailing-space** - Trailing space for medium (default). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-leading-space** - Leading space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-medium-wide-trailing-space** - Trailing space for medium (wide). _(default: undefined)_\n- **--m3e-icon-button-large-container-height** - Height of the large container. _(default: undefined)_\n- **--m3e-icon-button-large-outline-thickness** - Outline thickness for large. _(default: undefined)_\n- **--m3e-icon-button-large-icon-size** - Icon size for large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-round** - Corner radius for round large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-square** - Corner radius for square large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-round** - Corner radius for selected round large. _(default: undefined)_\n- **--m3e-icon-button-large-selected-shape-square** - Corner radius for selected square large. _(default: undefined)_\n- **--m3e-icon-button-large-shape-pressed-morph** - Corner radius for pressed large. _(default: undefined)_\n- **--m3e-icon-button-large-narrow-leading-space** - Leading space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-narrow-trailing-space** - Trailing space for large (narrow). _(default: undefined)_\n- **--m3e-icon-button-large-default-leading-space** - Leading space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-default-trailing-space** - Trailing space for large (default). _(default: undefined)_\n- **--m3e-icon-button-large-wide-leading-space** - Leading space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-large-wide-trailing-space** - Trailing space for large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-container-height** - Height of the extra-large container. _(default: undefined)_\n- **--m3e-icon-button-extra-large-outline-thickness** - Outline thickness for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-icon-size** - Icon size for extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-round** - Corner radius for round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-square** - Corner radius for square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-round** - Corner radius for selected round extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-selected-shape-square** - Corner radius for selected square extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-shape-pressed-morph** - Corner radius for pressed extra-large. _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-leading-space** - Leading space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-narrow-trailing-space** - Trailing space for extra-large (narrow). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-leading-space** - Leading space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-default-trailing-space** - Trailing space for extra-large (default). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-leading-space** - Leading space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-extra-large-wide-trailing-space** - Trailing space for extra-large (wide). _(default: undefined)_\n- **--m3e-icon-button-outline-color** - Default outline color for all variants. _(default: undefined)_\n- **--m3e-icon-button-disabled-outline-color** - Outline color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-outline-color** - Outline color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-outline-color** - Outline color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-outline-color** - Outline color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-container-color** - Default container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-unselected-container-color** - Unselected container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-selected-container-color** - Selected container background color for all variants. _(default: undefined)_\n- **--m3e-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-icon-button-icon-color** - Default icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-unselected-icon-color** - Unselected icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-selected-icon-color** - Selected icon color for all variants. _(default: undefined)_\n- **--m3e-icon-button-disabled-container-color** - Container background color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-container-opacity** - Opacity of container when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-icon-color** - Icon color when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-disabled-icon-opacity** - Icon opacity when disabled (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-icon-color** - Icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-state-layer-color** - State layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-state-layer-opacity** - State layer opacity on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-selected-icon-color** - Selected icon color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-icon-color** - Icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-state-layer-color** - State layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-state-layer-opacity** - State layer opacity on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-selected-icon-color** - Selected icon color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-icon-color** - Icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-state-layer-color** - State layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (all variants). _(default: undefined)_\n- **--m3e-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (all variants). _(default: undefined)_\n- **--m3e-outlined-icon-button-icon-color** - Default icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-outline-color** - Default outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-unselected-icon-color** - Unselected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-icon-color** - Selected icon color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-selected-container-color** - Selected container background color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-color** - Container background color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-container-opacity** - Opacity of container when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-color** - Icon color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-icon-opacity** - Icon opacity when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-disabled-outline-color** - Outline color when disabled (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-icon-color** - Icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-outline-color** - Outline color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-color** - State layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-state-layer-opacity** - State layer opacity on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-icon-color** - Selected icon color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-icon-color** - Icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-outline-color** - Outline color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-color** - State layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-state-layer-opacity** - State layer opacity on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-icon-color** - Selected icon color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-icon-color** - Icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-outline-color** - Outline color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-color** - State layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (outlined). _(default: undefined)_\n- **--m3e-outlined-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (outlined). _(default: undefined)_\n- **--m3e-filled-icon-button-icon-color** - Default icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-container-color** - Default container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-icon-color** - Unselected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-unselected-container-color** - Unselected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-icon-color** - Selected icon color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-selected-container-color** - Selected container background color for filled variant. _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-color** - Container background color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-container-opacity** - Opacity of container when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-color** - Icon color when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-disabled-icon-opacity** - Icon opacity when disabled (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-icon-color** - Icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-color** - State layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-state-layer-opacity** - State layer opacity on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-icon-color** - Selected icon color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-icon-color** - Icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-color** - State layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-state-layer-opacity** - State layer opacity on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-icon-color** - Selected icon color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-icon-color** - Icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-color** - State layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (filled). _(default: undefined)_\n- **--m3e-filled-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (filled). _(default: undefined)_\n- **--m3e-tonal-icon-button-icon-color** - Default icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-container-color** - Default container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-icon-color** - Unselected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-unselected-container-color** - Unselected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-icon-color** - Selected icon color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-selected-container-color** - Selected container background color for tonal variant. _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-color** - Container background color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-container-opacity** - Opacity of container when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-color** - Icon color when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-disabled-icon-opacity** - Icon opacity when disabled (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-icon-color** - Icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-color** - State layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-state-layer-opacity** - State layer opacity on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-icon-color** - Selected icon color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-icon-color** - Icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-color** - State layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-state-layer-opacity** - State layer opacity on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-icon-color** - Selected icon color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-icon-color** - Icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-color** - State layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (tonal). _(default: undefined)_\n- **--m3e-tonal-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (tonal). _(default: undefined)_\n- **--m3e-standard-icon-button-icon-color** - Default icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-unselected-icon-color** - Unselected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-selected-icon-color** - Selected icon color for standard variant. _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-color** - Container background color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-container-opacity** - Opacity of container when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-color** - Icon color when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-disabled-icon-opacity** - Icon opacity when disabled (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-icon-color** - Icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-color** - State layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-state-layer-opacity** - State layer opacity on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-icon-color** - Unselected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-unselected-state-layer-color** - Unselected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-icon-color** - Selected icon color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-hover-selected-state-layer-color** - Selected state layer color on hover (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-icon-color** - Icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-color** - State layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-state-layer-opacity** - State layer opacity on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-icon-color** - Unselected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-unselected-state-layer-color** - Unselected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-icon-color** - Selected icon color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-focus-selected-state-layer-color** - Selected state layer color on focus (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-icon-color** - Icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-color** - State layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-state-layer-opacity** - State layer opacity on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-icon-color** - Unselected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-unselected-state-layer-color** - Unselected state layer color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-icon-color** - Selected icon color on pressed (standard). _(default: undefined)_\n- **--m3e-standard-icon-button-pressed-selected-state-layer-color** - Selected state layer color on pressed (standard). _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1598,7 +1603,7 @@
     },
     {
       "name": "m3e-expandable-list-item",
-      "description": "An item in a list that can be expanded to show more items.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the item begins to open.\n- **opened** - Emitted when the item has opened.\n- **closing** - Emitted when the item begins to close.\n- **closed** - Emitted when the item has closed.\n\n### **Slots:**\n - _default_ - Renders the content of the list item.\n- **leading** - Renders the leading content of the list item.\n- **overline** - Renders the overline of the list item.\n- **supporting-text** - Renders the supporting text of the list item.\n- **toggle-icon** - Renders a custom icon for the expand/collapse toggle.\n- **items** - Container for child list items displayed when expanded.\n- **trailing** - This component does not expose the base trailing slot.\n\n### **CSS Properties:**\n - **--m3e-expandable-list-item-toggle-icon-container-width** - Width of the toggle icon container. _(default: undefined)_\n- **--m3e-expandable-list-item-toggle-icon-container-shape** - Border radius of the toggle icon container. _(default: undefined)_\n- **--m3e-expandable-list-item-toggle-icon-size** - Size of the toggle icon. _(default: undefined)_\n- **--m3e-expandable-list-item-expanded-toggle-icon-container-color** - Background color of the toggle icon container when expanded. _(default: undefined)_\n- **--m3e-expandable-list-item-bounce-duration** - Duration of the bounce animation when expanding. _(default: undefined)_\n- **--m3e-expandable-list-item-bounce-factor** - Multiplication factor for the bounce effect. _(default: undefined)_\n- **--m3e-expandable-list-item-expand-duration** - Duration of the expand/collapse animation. _(default: undefined)_\n- **--m3e-list-item-between-space** - Horizontal gap between elements. _(default: undefined)_\n- **--m3e-list-item-padding-inline** - Horizontal padding for the list item. _(default: undefined)_\n- **--m3e-list-item-padding-block** - Vertical padding for the list item. _(default: undefined)_\n- **--m3e-list-item-height** - Minimum height of the list item. _(default: undefined)_\n- **--m3e-list-item-font-size** - Font size for main content. _(default: undefined)_\n- **--m3e-list-item-font-weight** - Font weight for main content. _(default: undefined)_\n- **--m3e-list-item-line-height** - Line height for main content. _(default: undefined)_\n- **--m3e-list-item-tracking** - Letter spacing for main content. _(default: undefined)_\n- **--m3e-list-item-overline-font-size** - Font size for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-font-weight** - Font weight for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-line-height** - Line height for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-tracking** - Letter spacing for overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-size** - Font size for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-weight** - Font weight for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-line-height** - Line height for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-tracking** - Letter spacing for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-size** - Font size for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-weight** - Font weight for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-line-height** - Line height for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-tracking** - Letter spacing for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-icon-size** - Size for leading/trailing icons. _(default: undefined)_\n- **--m3e-list-item-label-text-color** - Color for the main content. _(default: undefined)_\n- **--m3e-list-item-overline-color** - Color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-color** - Color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-leading-color** - Color for the leading content. _(default: undefined)_\n- **--m3e-list-item-trailing-color** - Color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-container-color** - Background color of the list item. _(default: undefined)_\n- **--m3e-list-item-container-shape** - Border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-hover-container-shape** - Border radius of the list item on hover. _(default: undefined)_\n- **--m3e-list-item-focus-container-shape** - Border radius of the list item on focus. _(default: undefined)_\n- **--m3e-list-item-video-width** - Width of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-height** - Height of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-shape** - Border radius of the video slot. _(default: undefined)_\n- **--m3e-list-item-image-width** - Width of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-height** - Height of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-shape** - Border radius of the image slot. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-color** - Color for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-opacity** - Opacity for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-color** - Color for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-opacity** - Opacity for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-color** - Color for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-opacity** - Opacity for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-color** - Color for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-opacity** - Opacity for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-color** - Color for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-opacity** - Opacity for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-color** - Color for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-opacity** - Opacity for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-color** - Color for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-opacity** - Opacity for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-color** - Color for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-opacity** - Opacity for the pressed state layer. _(default: undefined)_\n- **--m3e-segmented-list-container-shape** - Border radius of the segmented list container shape. _(default: undefined)_\n- **--m3e-segmented-list-segment-gap** - Gap between list item segments. _(default: undefined)_\n- **--m3e-list-item-three-line-top-offset** - Top offset for media in three line items. _(default: undefined)_\n- **--m3e-list-item-disabled-media-opacity** - Opacity for media when disabled. _(default: undefined)_\n- **--m3e-list-item-leading-space** - Horizontal padding for the leading side. _(default: undefined)_\n- **--m3e-list-item-trailing-space** - Horizontal padding for the trailing side. _(default: undefined)_\n- **--m3e-list-item-one-line-top-space** - Top padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-bottom-space** - Bottom padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-top-space** - Top padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-bottom-space** - Bottom padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-top-space** - Top padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-bottom-space** - Bottom padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-height** - Minimum height of a one line list item. _(default: undefined)_\n- **--m3e-list-item-two-line-height** - Minimum height of a two line list item. _(default: undefined)_\n- **--m3e-list-item-three-line-height** - Minimum height of a three line list item. _(default: undefined)_",
+      "description": "An item in a list that can be expanded to show more items.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the item begins to open.\n- **opened** - Dispatched when the item has opened.\n- **closing** - Dispatched when the item begins to close.\n- **closed** - Dispatched when the item has closed.\n\n### **Slots:**\n - _default_ - Renders the content of the list item.\n- **leading** - Renders the leading content of the list item.\n- **overline** - Renders the overline of the list item.\n- **supporting-text** - Renders the supporting text of the list item.\n- **toggle-icon** - Renders a custom icon for the expand/collapse toggle.\n- **items** - Container for child list items displayed when expanded.\n- **trailing** - This component does not expose the base trailing slot.\n\n### **CSS Properties:**\n - **--m3e-expandable-list-item-toggle-icon-container-width** - Width of the toggle icon container. _(default: undefined)_\n- **--m3e-expandable-list-item-toggle-icon-container-shape** - Border radius of the toggle icon container. _(default: undefined)_\n- **--m3e-expandable-list-item-toggle-icon-size** - Size of the toggle icon. _(default: undefined)_\n- **--m3e-expandable-list-item-expanded-toggle-icon-container-color** - Background color of the toggle icon container when expanded. _(default: undefined)_\n- **--m3e-expandable-list-item-bounce-duration** - Duration of the bounce animation when expanding. _(default: undefined)_\n- **--m3e-expandable-list-item-bounce-factor** - Multiplication factor for the bounce effect. _(default: undefined)_\n- **--m3e-expandable-list-item-expand-duration** - Duration of the expand/collapse animation. _(default: undefined)_\n- **--m3e-list-item-between-space** - Horizontal gap between elements. _(default: undefined)_\n- **--m3e-list-item-padding-inline** - Horizontal padding for the list item. _(default: undefined)_\n- **--m3e-list-item-padding-block** - Vertical padding for the list item. _(default: undefined)_\n- **--m3e-list-item-height** - Minimum height of the list item. _(default: undefined)_\n- **--m3e-list-item-font-size** - Font size for main content. _(default: undefined)_\n- **--m3e-list-item-font-weight** - Font weight for main content. _(default: undefined)_\n- **--m3e-list-item-line-height** - Line height for main content. _(default: undefined)_\n- **--m3e-list-item-tracking** - Letter spacing for main content. _(default: undefined)_\n- **--m3e-list-item-overline-font-size** - Font size for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-font-weight** - Font weight for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-line-height** - Line height for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-tracking** - Letter spacing for overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-size** - Font size for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-weight** - Font weight for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-line-height** - Line height for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-tracking** - Letter spacing for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-size** - Font size for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-weight** - Font weight for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-line-height** - Line height for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-tracking** - Letter spacing for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-icon-size** - Size for leading/trailing icons. _(default: undefined)_\n- **--m3e-list-item-label-text-color** - Color for the main content. _(default: undefined)_\n- **--m3e-list-item-overline-color** - Color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-color** - Color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-leading-color** - Color for the leading content. _(default: undefined)_\n- **--m3e-list-item-trailing-color** - Color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-container-color** - Background color of the list item. _(default: undefined)_\n- **--m3e-list-item-container-shape** - Border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-hover-container-shape** - Border radius of the list item on hover. _(default: undefined)_\n- **--m3e-list-item-focus-container-shape** - Border radius of the list item on focus. _(default: undefined)_\n- **--m3e-list-item-video-width** - Width of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-height** - Height of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-shape** - Border radius of the video slot. _(default: undefined)_\n- **--m3e-list-item-image-width** - Width of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-height** - Height of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-shape** - Border radius of the image slot. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-color** - Color for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-opacity** - Opacity for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-color** - Color for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-opacity** - Opacity for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-color** - Color for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-opacity** - Opacity for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-color** - Color for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-opacity** - Opacity for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-color** - Color for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-opacity** - Opacity for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-color** - Color for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-opacity** - Opacity for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-color** - Color for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-opacity** - Opacity for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-color** - Color for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-opacity** - Opacity for the pressed state layer. _(default: undefined)_\n- **--m3e-segmented-list-container-shape** - Border radius of the segmented list container shape. _(default: undefined)_\n- **--m3e-segmented-list-segment-gap** - Gap between list item segments. _(default: undefined)_\n- **--m3e-list-item-three-line-top-offset** - Top offset for media in three line items. _(default: undefined)_\n- **--m3e-list-item-disabled-media-opacity** - Opacity for media when disabled. _(default: undefined)_\n- **--m3e-list-item-leading-space** - Horizontal padding for the leading side. _(default: undefined)_\n- **--m3e-list-item-trailing-space** - Horizontal padding for the trailing side. _(default: undefined)_\n- **--m3e-list-item-one-line-top-space** - Top padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-bottom-space** - Bottom padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-top-space** - Top padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-bottom-space** - Bottom padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-top-space** - Top padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-bottom-space** - Bottom padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-height** - Minimum height of a one line list item. _(default: undefined)_\n- **--m3e-list-item-two-line-height** - Minimum height of a two line list item. _(default: undefined)_\n- **--m3e-list-item-three-line-height** - Minimum height of a three line list item. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1615,7 +1620,7 @@
     },
     {
       "name": "m3e-list-action",
-      "description": "An item in a list that performs an action.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the list item.\n- **leading** - Renders the leading content of the list item.\n- **overline** - Renders the overline of the list item.\n- **supporting-text** - Renders the supporting text of the list item.\n- **trailing** - Renders the trailing content of the list item.\n\n### **CSS Properties:**\n - **--m3e-list-item-between-space** - Horizontal gap between elements. _(default: undefined)_\n- **--m3e-list-item-padding-inline** - Horizontal padding for the list item. _(default: undefined)_\n- **--m3e-list-item-padding-block** - Vertical padding for the list item. _(default: undefined)_\n- **--m3e-list-item-height** - Minimum height of the list item. _(default: undefined)_\n- **--m3e-list-item-font-size** - Font size for main content. _(default: undefined)_\n- **--m3e-list-item-font-weight** - Font weight for main content. _(default: undefined)_\n- **--m3e-list-item-line-height** - Line height for main content. _(default: undefined)_\n- **--m3e-list-item-tracking** - Letter spacing for main content. _(default: undefined)_\n- **--m3e-list-item-overline-font-size** - Font size for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-font-weight** - Font weight for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-line-height** - Line height for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-tracking** - Letter spacing for overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-size** - Font size for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-weight** - Font weight for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-line-height** - Line height for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-tracking** - Letter spacing for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-size** - Font size for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-weight** - Font weight for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-line-height** - Line height for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-tracking** - Letter spacing for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-icon-size** - Size for leading/trailing icons. _(default: undefined)_\n- **--m3e-list-item-label-text-color** - Color for the main content. _(default: undefined)_\n- **--m3e-list-item-overline-color** - Color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-color** - Color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-leading-color** - Color for the leading content. _(default: undefined)_\n- **--m3e-list-item-trailing-color** - Color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-container-color** - Background color of the list item. _(default: undefined)_\n- **--m3e-list-item-container-shape** - Border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-hover-container-shape** - Border radius of the list item on hover. _(default: undefined)_\n- **--m3e-list-item-focus-container-shape** - Border radius of the list item on focus. _(default: undefined)_\n- **--m3e-list-item-video-width** - Width of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-height** - Height of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-shape** - Border radius of the video slot. _(default: undefined)_\n- **--m3e-list-item-image-width** - Width of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-height** - Height of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-shape** - Border radius of the image slot. _(default: undefined)_\n- **--m3e-list-item-disabled-container-color** - Background color of the list item when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-color** - Color for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-opacity** - Opacity for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-color** - Color for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-opacity** - Opacity for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-color** - Color for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-opacity** - Opacity for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-color** - Color for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-opacity** - Opacity for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-color** - Color for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-opacity** - Opacity for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-color** - Color for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-opacity** - Opacity for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-color** - Color for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-opacity** - Opacity for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-color** - Color for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-opacity** - Opacity for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-three-line-top-offset** - Top offset for media in three line items. _(default: undefined)_\n- **--m3e-list-item-disabled-media-opacity** - Opacity for media when disabled. _(default: undefined)_\n- **--m3e-list-item-leading-space** - Horizontal padding for the leading side. _(default: undefined)_\n- **--m3e-list-item-trailing-space** - Horizontal padding for the trailing side. _(default: undefined)_\n- **--m3e-list-item-one-line-top-space** - Top padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-bottom-space** - Bottom padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-top-space** - Top padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-bottom-space** - Bottom padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-top-space** - Top padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-bottom-space** - Bottom padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-height** - Minimum height of a one line list item. _(default: undefined)_\n- **--m3e-list-item-two-line-height** - Minimum height of a two line list item. _(default: undefined)_\n- **--m3e-list-item-three-line-height** - Minimum height of a three line list item. _(default: undefined)_",
+      "description": "An item in a list that performs an action.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the list item.\n- **leading** - Renders the leading content of the list item.\n- **overline** - Renders the overline of the list item.\n- **supporting-text** - Renders the supporting text of the list item.\n- **trailing** - Renders the trailing content of the list item.\n\n### **CSS Properties:**\n - **--m3e-list-item-between-space** - Horizontal gap between elements. _(default: undefined)_\n- **--m3e-list-item-padding-inline** - Horizontal padding for the list item. _(default: undefined)_\n- **--m3e-list-item-padding-block** - Vertical padding for the list item. _(default: undefined)_\n- **--m3e-list-item-height** - Minimum height of the list item. _(default: undefined)_\n- **--m3e-list-item-font-size** - Font size for main content. _(default: undefined)_\n- **--m3e-list-item-font-weight** - Font weight for main content. _(default: undefined)_\n- **--m3e-list-item-line-height** - Line height for main content. _(default: undefined)_\n- **--m3e-list-item-tracking** - Letter spacing for main content. _(default: undefined)_\n- **--m3e-list-item-overline-font-size** - Font size for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-font-weight** - Font weight for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-line-height** - Line height for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-tracking** - Letter spacing for overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-size** - Font size for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-weight** - Font weight for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-line-height** - Line height for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-tracking** - Letter spacing for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-size** - Font size for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-weight** - Font weight for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-line-height** - Line height for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-tracking** - Letter spacing for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-icon-size** - Size for leading/trailing icons. _(default: undefined)_\n- **--m3e-list-item-label-text-color** - Color for the main content. _(default: undefined)_\n- **--m3e-list-item-overline-color** - Color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-color** - Color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-leading-color** - Color for the leading content. _(default: undefined)_\n- **--m3e-list-item-trailing-color** - Color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-container-color** - Background color of the list item. _(default: undefined)_\n- **--m3e-list-item-container-shape** - Border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-hover-container-shape** - Border radius of the list item on hover. _(default: undefined)_\n- **--m3e-list-item-focus-container-shape** - Border radius of the list item on focus. _(default: undefined)_\n- **--m3e-list-item-video-width** - Width of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-height** - Height of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-shape** - Border radius of the video slot. _(default: undefined)_\n- **--m3e-list-item-image-width** - Width of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-height** - Height of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-shape** - Border radius of the image slot. _(default: undefined)_\n- **--m3e-list-item-disabled-container-color** - Background color of the list item when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-color** - Color for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-opacity** - Opacity for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-color** - Color for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-opacity** - Opacity for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-color** - Color for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-opacity** - Opacity for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-color** - Color for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-opacity** - Opacity for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-color** - Color for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-opacity** - Opacity for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-color** - Color for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-opacity** - Opacity for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-color** - Color for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-opacity** - Opacity for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-color** - Color for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-opacity** - Opacity for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-three-line-top-offset** - Top offset for media in three line items. _(default: undefined)_\n- **--m3e-list-item-disabled-media-opacity** - Opacity for media when disabled. _(default: undefined)_\n- **--m3e-list-item-leading-space** - Horizontal padding for the leading side. _(default: undefined)_\n- **--m3e-list-item-trailing-space** - Horizontal padding for the trailing side. _(default: undefined)_\n- **--m3e-list-item-one-line-top-space** - Top padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-bottom-space** - Bottom padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-top-space** - Top padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-bottom-space** - Bottom padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-top-space** - Top padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-bottom-space** - Bottom padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-height** - Minimum height of a one line list item. _(default: undefined)_\n- **--m3e-list-item-two-line-height** - Minimum height of a two line list item. _(default: undefined)_\n- **--m3e-list-item-three-line-height** - Minimum height of a three line list item. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1697,7 +1702,7 @@
     },
     {
       "name": "m3e-list-option",
-      "description": "A selectable option in a list.\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### **Slots:**\n - _default_ - Renders the content of the list item.\n- **leading** - Renders the leading content of the list item.\n- **overline** - Renders the overline of the list item.\n- **supporting-text** - Renders the supporting text of the list item.\n- **trailing** - Renders the trailing content of the list item.\n\n### **CSS Properties:**\n - **--m3e-list-item-between-space** - Horizontal gap between elements. _(default: undefined)_\n- **--m3e-list-item-padding-inline** - Horizontal padding for the list item. _(default: undefined)_\n- **--m3e-list-item-padding-block** - Vertical padding for the list item. _(default: undefined)_\n- **--m3e-list-item-height** - Minimum height of the list item. _(default: undefined)_\n- **--m3e-list-item-font-size** - Font size for main content. _(default: undefined)_\n- **--m3e-list-item-font-weight** - Font weight for main content. _(default: undefined)_\n- **--m3e-list-item-line-height** - Line height for main content. _(default: undefined)_\n- **--m3e-list-item-tracking** - Letter spacing for main content. _(default: undefined)_\n- **--m3e-list-item-overline-font-size** - Font size for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-font-weight** - Font weight for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-line-height** - Line height for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-tracking** - Letter spacing for overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-size** - Font size for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-weight** - Font weight for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-line-height** - Line height for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-tracking** - Letter spacing for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-size** - Font size for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-weight** - Font weight for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-line-height** - Line height for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-tracking** - Letter spacing for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-icon-size** - Size for leading/trailing icons. _(default: undefined)_\n- **--m3e-list-item-label-text-color** - Color for the main content. _(default: undefined)_\n- **--m3e-list-item-overline-color** - Color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-color** - Color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-leading-color** - Color for the leading content. _(default: undefined)_\n- **--m3e-list-item-trailing-color** - Color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-container-color** - Background color of the list item. _(default: undefined)_\n- **--m3e-list-item-container-shape** - Border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-hover-container-shape** - Border radius of the list item on hover. _(default: undefined)_\n- **--m3e-list-item-focus-container-shape** - Border radius of the list item on focus. _(default: undefined)_\n- **--m3e-list-item-video-width** - Width of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-height** - Height of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-shape** - Border radius of the video slot. _(default: undefined)_\n- **--m3e-list-item-image-width** - Width of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-height** - Height of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-shape** - Border radius of the image slot. _(default: undefined)_\n- **--m3e-list-item-disabled-container-color** - Background color of the list item when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-color** - Color for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-opacity** - Opacity for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-color** - Color for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-opacity** - Opacity for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-color** - Color for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-opacity** - Opacity for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-color** - Color for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-opacity** - Opacity for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-color** - Color for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-opacity** - Opacity for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-color** - Color for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-opacity** - Opacity for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-color** - Color for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-opacity** - Opacity for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-color** - Color for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-opacity** - Opacity for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-selected-label-text-color** - Selected color for the main content. _(default: undefined)_\n- **--m3e-list-item-selected-overline-color** - Selected color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-selected-supporting-text-color** - Selected color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-selected-leading-color** - Selected color for the leading content. _(default: undefined)_\n- **--m3e-list-item-selected-trailing-color** - Selected color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-selected-container-color** - Selected background color of the list item. _(default: undefined)_\n- **--m3e-list-item-selected-container-shape** - Selected border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-selected-disabled-container-color** - Selected background color when disabled. _(default: undefined)_\n- **--m3e-list-item-selected-disabled-container-opacity** - Selected opacity when disabled. _(default: undefined)_\n- **--m3e-list-item-selected-hover-state-layer-color** - Color for the hover state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-hover-state-layer-opacity** - Opacity for the hover state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-focus-state-layer-color** - Color for the focus state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-focus-state-layer-opacity** - Opacity for the focus state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-pressed-state-layer-color** - Color for the pressed state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-pressed-state-layer-opacity** - Opacity for the pressed state layer when selected. _(default: undefined)_\n- **--m3e-list-item-three-line-top-offset** - Top offset for media in three line items. _(default: undefined)_\n- **--m3e-list-item-disabled-media-opacity** - Opacity for media when disabled. _(default: undefined)_\n- **--m3e-list-item-leading-space** - Horizontal padding for the leading side. _(default: undefined)_\n- **--m3e-list-item-trailing-space** - Horizontal padding for the trailing side. _(default: undefined)_\n- **--m3e-list-item-one-line-top-space** - Top padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-bottom-space** - Bottom padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-top-space** - Top padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-bottom-space** - Bottom padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-top-space** - Top padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-bottom-space** - Bottom padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-height** - Minimum height of a one line list item. _(default: undefined)_\n- **--m3e-list-item-two-line-height** - Minimum height of a two line list item. _(default: undefined)_\n- **--m3e-list-item-three-line-height** - Minimum height of a three line list item. _(default: undefined)_",
+      "description": "A selectable option in a list.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n- **change** - Dispatched when the selected state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the list item.\n- **leading** - Renders the leading content of the list item.\n- **overline** - Renders the overline of the list item.\n- **supporting-text** - Renders the supporting text of the list item.\n- **trailing** - Renders the trailing content of the list item.\n\n### **CSS Properties:**\n - **--m3e-list-item-between-space** - Horizontal gap between elements. _(default: undefined)_\n- **--m3e-list-item-padding-inline** - Horizontal padding for the list item. _(default: undefined)_\n- **--m3e-list-item-padding-block** - Vertical padding for the list item. _(default: undefined)_\n- **--m3e-list-item-height** - Minimum height of the list item. _(default: undefined)_\n- **--m3e-list-item-font-size** - Font size for main content. _(default: undefined)_\n- **--m3e-list-item-font-weight** - Font weight for main content. _(default: undefined)_\n- **--m3e-list-item-line-height** - Line height for main content. _(default: undefined)_\n- **--m3e-list-item-tracking** - Letter spacing for main content. _(default: undefined)_\n- **--m3e-list-item-overline-font-size** - Font size for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-font-weight** - Font weight for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-line-height** - Line height for overline slot. _(default: undefined)_\n- **--m3e-list-item-overline-tracking** - Letter spacing for overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-size** - Font size for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-font-weight** - Font weight for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-line-height** - Line height for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-tracking** - Letter spacing for supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-size** - Font size for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-font-weight** - Font weight for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-line-height** - Line height for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-trailing-text-tracking** - Letter spacing for trailing supporting text slot. _(default: undefined)_\n- **--m3e-list-item-icon-size** - Size for leading/trailing icons. _(default: undefined)_\n- **--m3e-list-item-label-text-color** - Color for the main content. _(default: undefined)_\n- **--m3e-list-item-overline-color** - Color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-supporting-text-color** - Color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-leading-color** - Color for the leading content. _(default: undefined)_\n- **--m3e-list-item-trailing-color** - Color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-container-color** - Background color of the list item. _(default: undefined)_\n- **--m3e-list-item-container-shape** - Border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-hover-container-shape** - Border radius of the list item on hover. _(default: undefined)_\n- **--m3e-list-item-focus-container-shape** - Border radius of the list item on focus. _(default: undefined)_\n- **--m3e-list-item-video-width** - Width of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-height** - Height of the video slot. _(default: undefined)_\n- **--m3e-list-item-video-shape** - Border radius of the video slot. _(default: undefined)_\n- **--m3e-list-item-image-width** - Width of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-height** - Height of the image slot. _(default: undefined)_\n- **--m3e-list-item-image-shape** - Border radius of the image slot. _(default: undefined)_\n- **--m3e-list-item-disabled-container-color** - Background color of the list item when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-color** - Color for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-label-text-opacity** - Opacity for the main content when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-color** - Color for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-overline-opacity** - Opacity for the overline slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-color** - Color for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-supporting-text-opacity** - Opacity for the supporting text slot when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-color** - Color for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-leading-opacity** - Opacity for the leading icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-color** - Color for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-disabled-trailing-opacity** - Opacity for the trailing icon when disabled. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-color** - Color for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-hover-state-layer-opacity** - Opacity for the hover state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-color** - Color for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-focus-state-layer-opacity** - Opacity for the focus state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-color** - Color for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-pressed-state-layer-opacity** - Opacity for the pressed state layer. _(default: undefined)_\n- **--m3e-list-item-selected-label-text-color** - Selected color for the main content. _(default: undefined)_\n- **--m3e-list-item-selected-overline-color** - Selected color for the overline slot. _(default: undefined)_\n- **--m3e-list-item-selected-supporting-text-color** - Selected color for the supporting text slot. _(default: undefined)_\n- **--m3e-list-item-selected-leading-color** - Selected color for the leading content. _(default: undefined)_\n- **--m3e-list-item-selected-trailing-color** - Selected color for the trailing content. _(default: undefined)_\n- **--m3e-list-item-selected-container-color** - Selected background color of the list item. _(default: undefined)_\n- **--m3e-list-item-selected-container-shape** - Selected border radius of the list item. _(default: undefined)_\n- **--m3e-list-item-selected-disabled-container-color** - Selected background color when disabled. _(default: undefined)_\n- **--m3e-list-item-selected-disabled-container-opacity** - Selected opacity when disabled. _(default: undefined)_\n- **--m3e-list-item-selected-hover-state-layer-color** - Color for the hover state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-hover-state-layer-opacity** - Opacity for the hover state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-focus-state-layer-color** - Color for the focus state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-focus-state-layer-opacity** - Opacity for the focus state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-pressed-state-layer-color** - Color for the pressed state layer when selected. _(default: undefined)_\n- **--m3e-list-item-selected-pressed-state-layer-opacity** - Opacity for the pressed state layer when selected. _(default: undefined)_\n- **--m3e-list-item-three-line-top-offset** - Top offset for media in three line items. _(default: undefined)_\n- **--m3e-list-item-disabled-media-opacity** - Opacity for media when disabled. _(default: undefined)_\n- **--m3e-list-item-leading-space** - Horizontal padding for the leading side. _(default: undefined)_\n- **--m3e-list-item-trailing-space** - Horizontal padding for the trailing side. _(default: undefined)_\n- **--m3e-list-item-one-line-top-space** - Top padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-bottom-space** - Bottom padding for one-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-top-space** - Top padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-two-line-bottom-space** - Bottom padding for two-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-top-space** - Top padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-three-line-bottom-space** - Bottom padding for three-line items. _(default: undefined)_\n- **--m3e-list-item-one-line-height** - Minimum height of a one line list item. _(default: undefined)_\n- **--m3e-list-item-two-line-height** - Minimum height of a two line list item. _(default: undefined)_\n- **--m3e-list-item-three-line-height** - Minimum height of a three line list item. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1719,7 +1724,7 @@
     },
     {
       "name": "m3e-selection-list",
-      "description": "A list of selectable options.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of an option changes.\n- **input** - Emitted when the selected state of an option changes.\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- **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### **Slots:**\n - _default_ - Renders the items of the list.\n\n### **CSS Properties:**\n - **--m3e-list-divider-inset-start-size** - Start inset for dividers within the list. _(default: undefined)_\n- **--m3e-list-divider-inset-end-size** - End inset for dividers within the list. _(default: undefined)_\n- **--m3e-segmented-list-segment-gap** - Gap between list items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-container-shape** - Border radius of the segmented list container. _(default: undefined)_\n- **--m3e-segmented-list-item-container-color** - Background color of items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-item-disabled-container-color** - Background color of disabled items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-item-container-shape** - Border radius of items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-item-hover-container-shape** - Border radius of items in segmented variant on hover. _(default: undefined)_\n- **--m3e-segmented-list-item-focus-container-shape** - Border radius of items in segmented variant on focus. _(default: undefined)_\n- **--m3e-segmented-list-item-selected-container-shape** - Border radius of items in segmented variant when selected. _(default: undefined)_",
+      "description": "A list of selectable options.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected state of an option changes.\n- **beforeinput** - Dispatched before the selected state of an option changes.\n- **input** - Dispatched when the selected state of an option changes.\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- **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### **Slots:**\n - _default_ - Renders the items of the list.\n\n### **CSS Properties:**\n - **--m3e-list-divider-inset-start-size** - Start inset for dividers within the list. _(default: undefined)_\n- **--m3e-list-divider-inset-end-size** - End inset for dividers within the list. _(default: undefined)_\n- **--m3e-segmented-list-segment-gap** - Gap between list items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-container-shape** - Border radius of the segmented list container. _(default: undefined)_\n- **--m3e-segmented-list-item-container-color** - Background color of items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-item-disabled-container-color** - Background color of disabled items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-item-container-shape** - Border radius of items in segmented variant. _(default: undefined)_\n- **--m3e-segmented-list-item-hover-container-shape** - Border radius of items in segmented variant on hover. _(default: undefined)_\n- **--m3e-segmented-list-item-focus-container-shape** - Border radius of items in segmented variant on focus. _(default: undefined)_\n- **--m3e-segmented-list-item-selected-container-shape** - Border radius of items in segmented variant when selected. _(default: undefined)_",
       "attributes": [
         {
           "name": "hide-selection-indicator",
@@ -1790,7 +1795,7 @@
     },
     {
       "name": "m3e-menu-item-checkbox",
-      "description": "An item of a menu which supports a checkable state.\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- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-selected-color** - Text color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-color** - Background color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-color** - State layer color for expanded items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-opacity** - State layer opacity for expanded items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-vibrant-menu-item-color** - Text color for unselected, enabled menu items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-hover-color** - State layer hover color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-focus-color** - State layer focus color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-ripple-color** - Ripple color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-color** - Text color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-color** - Background color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-hover-color** - State layer hover color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-focus-color** - State layer focus color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-ripple-color** - Ripple color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-active-state-layer-color** - State layer color for expanded items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-disabled-color** - Base color for disabled items for vibrant variant _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_\n- **--m3e-menu-item-shape** - Base shape of the menu item. _(default: undefined)_\n- **--m3e-menu-item-selected-shape** - Shape used for a selected menu item. _(default: undefined)_\n- **--m3e-menu-item-first-child-shape** - Shape for the first menu item in a menu. _(default: undefined)_\n- **--m3e-menu-item-last-child-shape** - Shape for the last menu item in a menu. _(default: undefined)_",
+      "description": "An item of a menu which supports a checkable state.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-selected-color** - Text color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-color** - Background color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-color** - State layer color for expanded items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-opacity** - State layer opacity for expanded items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-vibrant-menu-item-color** - Text color for unselected, enabled menu items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-hover-color** - State layer hover color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-focus-color** - State layer focus color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-ripple-color** - Ripple color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-color** - Text color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-color** - Background color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-hover-color** - State layer hover color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-focus-color** - State layer focus color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-ripple-color** - Ripple color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-active-state-layer-color** - State layer color for expanded items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-disabled-color** - Base color for disabled items for vibrant variant _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_\n- **--m3e-menu-item-shape** - Base shape of the menu item. _(default: undefined)_\n- **--m3e-menu-item-selected-shape** - Shape used for a selected menu item. _(default: undefined)_\n- **--m3e-menu-item-first-child-shape** - Shape for the first menu item in a menu. _(default: undefined)_\n- **--m3e-menu-item-last-child-shape** - Shape for the last menu item in a menu. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1807,7 +1812,7 @@
     },
     {
       "name": "m3e-menu-item",
-      "description": "An item of a menu.\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- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-selected-color** - Text color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-color** - Background color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-color** - State layer color for expanded items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-opacity** - State layer opacity for expanded items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-vibrant-menu-item-color** - Text color for unselected, enabled menu items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-hover-color** - State layer hover color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-focus-color** - State layer focus color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-ripple-color** - Ripple color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-color** - Text color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-color** - Background color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-hover-color** - State layer hover color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-focus-color** - State layer focus color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-ripple-color** - Ripple color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-active-state-layer-color** - State layer color for expanded items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-disabled-color** - Base color for disabled items for vibrant variant. _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_\n- **--m3e-menu-item-shape** - Base shape of the menu item. _(default: undefined)_\n- **--m3e-menu-item-first-child-shape** - Shape for the first menu item in a menu. _(default: undefined)_\n- **--m3e-menu-item-last-child-shape** - Shape for the last menu item in a menu. _(default: undefined)_",
+      "description": "An item of a menu.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-selected-color** - Text color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-color** - Background color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-color** - State layer color for expanded items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-opacity** - State layer opacity for expanded items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-vibrant-menu-item-color** - Text color for unselected, enabled menu items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-hover-color** - State layer hover color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-focus-color** - State layer focus color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-ripple-color** - Ripple color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-color** - Text color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-color** - Background color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-hover-color** - State layer hover color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-focus-color** - State layer focus color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-ripple-color** - Ripple color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-active-state-layer-color** - State layer color for expanded items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-disabled-color** - Base color for disabled items for vibrant variant. _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_\n- **--m3e-menu-item-shape** - Base shape of the menu item. _(default: undefined)_\n- **--m3e-menu-item-first-child-shape** - Shape for the first menu item in a menu. _(default: undefined)_\n- **--m3e-menu-item-last-child-shape** - Shape for the last menu item in a menu. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1845,7 +1850,7 @@
     },
     {
       "name": "m3e-menu-item-radio",
-      "description": "An item of a menu which supports a mutually exclusive checkable state.\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- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-selected-color** - Text color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-color** - Background color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-color** - State layer color for expanded items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-opacity** - State layer opacity for expanded items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-vibrant-menu-item-color** - Text color for unselected, enabled menu items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-hover-color** - State layer hover color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-focus-color** - State layer focus color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-ripple-color** - Ripple color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-color** - Text color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-color** - Background color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-hover-color** - State layer hover color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-focus-color** - State layer focus color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-ripple-color** - Ripple color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-active-state-layer-color** - State layer color for expanded items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-disabled-color** - Base color for disabled items for vibrant variant _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_\n- **--m3e-menu-item-shape** - Base shape of the menu item. _(default: undefined)_\n- **--m3e-menu-item-selected-shape** - Shape used for a selected menu item. _(default: undefined)_\n- **--m3e-menu-item-first-child-shape** - Shape for the first menu item in a menu. _(default: undefined)_\n- **--m3e-menu-item-last-child-shape** - Shape for the last menu item in a menu. _(default: undefined)_",
+      "description": "An item of a menu which supports a mutually exclusive checkable state.\n---\n\n\n### **Events:**\n - **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders an icon before the items's label.\n- **trailing-icon** - Renders an icon after the item's label.\n\n### **CSS Properties:**\n - **--m3e-menu-item-container-height** - Height of the menu item container. _(default: undefined)_\n- **--m3e-menu-item-color** - Text color for unselected, enabled menu items. _(default: undefined)_\n- **--m3e-menu-item-container-hover-color** - State layer hover color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-container-focus-color** - State layer focus color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-ripple-color** - Ripple color for unselected items. _(default: undefined)_\n- **--m3e-menu-item-selected-color** - Text color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-color** - Background color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-hover-color** - State layer hover color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-container-focus-color** - State layer focus color for selected items. _(default: undefined)_\n- **--m3e-menu-item-selected-ripple-color** - Ripple color for selected items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-color** - State layer color for expanded items. _(default: undefined)_\n- **--m3e-menu-item-active-state-layer-opacity** - State layer opacity for expanded items. _(default: undefined)_\n- **--m3e-menu-item-disabled-color** - Base color for disabled items. _(default: undefined)_\n- **--m3e-menu-item-disabled-opacity** - Opacity percentage for disabled item color mix. _(default: undefined)_\n- **--m3e-vibrant-menu-item-color** - Text color for unselected, enabled menu items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-hover-color** - State layer hover color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-container-focus-color** - State layer focus color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-ripple-color** - Ripple color for unselected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-color** - Text color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-color** - Background color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-hover-color** - State layer hover color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-container-focus-color** - State layer focus color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-selected-ripple-color** - Ripple color for selected items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-active-state-layer-color** - State layer color for expanded items for vibrant variant. _(default: undefined)_\n- **--m3e-vibrant-menu-item-disabled-color** - Base color for disabled items for vibrant variant _(default: undefined)_\n- **--m3e-menu-item-icon-label-space** - Horizontal gap between icon and content. _(default: undefined)_\n- **--m3e-menu-item-padding-start** - Start padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-padding-end** - End padding for the item wrapper. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-size** - Font size for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-font-weight** - Font weight for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-line-height** - Line height for menu item text. _(default: undefined)_\n- **--m3e-menu-item-label-text-tracking** - Letter spacing for menu item text. _(default: undefined)_\n- **--m3e-menu-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-menu-item-icon-size** - Font size for leading and trailing icons. _(default: undefined)_\n- **--m3e-menu-item-shape** - Base shape of the menu item. _(default: undefined)_\n- **--m3e-menu-item-selected-shape** - Shape used for a selected menu item. _(default: undefined)_\n- **--m3e-menu-item-first-child-shape** - Shape for the first menu item in a menu. _(default: undefined)_\n- **--m3e-menu-item-last-child-shape** - Shape for the last menu item in a menu. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1874,7 +1879,7 @@
     },
     {
       "name": "m3e-nav-bar",
-      "description": "A horizontal bar, typically used on smaller devices, that allows a user to switch between 3-5 views.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of an item changes.\n\n### **Slots:**\n - _default_ - Renders the items of the bar.\n\n### **CSS Properties:**\n - **--m3e-nav-bar-height** - Height of the navigation bar. _(default: undefined)_\n- **--m3e-nav-bar-container-color** - Background color of the navigation bar container. _(default: undefined)_\n- **--m3e-nav-bar-vertical-item-width** - Minimum width of vertical nav items. _(default: undefined)_",
+      "description": "A horizontal bar, typically used on smaller devices, that allows a user to switch between 3-5 views.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected state of an item changes.\n- **beforeinput** - Dispatched before the selected state of an item changes.\n- **input** - Dispatched when the selected state of an item changes.\n\n### **Slots:**\n - _default_ - Renders the items of the bar.\n\n### **CSS Properties:**\n - **--m3e-nav-bar-height** - Height of the navigation bar. _(default: undefined)_\n- **--m3e-nav-bar-container-color** - Background color of the navigation bar container. _(default: undefined)_\n- **--m3e-nav-bar-vertical-item-width** - Minimum width of vertical nav items. _(default: undefined)_",
       "attributes": [
         {
           "name": "mode",
@@ -1886,7 +1891,7 @@
     },
     {
       "name": "m3e-nav-item",
-      "description": "An item, placed in a navigation bar or rail, used to navigate to destinations in an application.\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### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n\n### **CSS Properties:**\n - **--m3e-nav-item-label-text-font-size** - Font size for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-font-weight** - Font weight for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-line-height** - Line height for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-tracking** - Letter spacing for the label text. _(default: undefined)_\n- **--m3e-nav-item-shape** - Border radius of the nav item. _(default: undefined)_\n- **--m3e-nav-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-nav-item-spacing** - Spacing between icon and label. _(default: undefined)_\n- **--m3e-nav-item-inactive-label-text-color** - Color of the label text when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-icon-color** - Color of the icon when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-hover-state-layer-color** - State layer color on hover when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-focus-state-layer-color** - State layer color on focus when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-pressed-state-layer-color** - State layer color on press when inactive. _(default: undefined)_\n- **--m3e-nav-item-active-label-text-color** - Color of the label text when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-icon-color** - Color of the icon when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-container-color** - Container color when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-hover-state-layer-color** - State layer color on hover when active. _(default: undefined)_\n- **--m3e-nav-item-active-focus-state-layer-color** - State layer color on focus when active. _(default: undefined)_\n- **--m3e-nav-item-active-pressed-state-layer-color** - State layer color on press when active. _(default: undefined)_\n- **--m3e-nav-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-nav-item-disabled-label-text-color** - Color of the label text when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-label-text-opacity** - Opacity of the label text when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-icon-color** - Color of the icon when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-icon-opacity** - Opacity of the icon when disabled. _(default: undefined)_\n- **--m3e-horizontal-nav-item-padding** - Padding for horizontal orientation. _(default: undefined)_\n- **--m3e-horizontal-nav-item-active-indicator-height** - Height of the active indicator in horizontal orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-width** - Width of the active indicator in vertical orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-height** - Height of the active indicator in vertical orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-margin** - Margin for the active indicator in vertical orientation. _(default: undefined)_",
+      "description": "An item, placed in a navigation bar or rail, used to navigate to destinations in an application.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n- **change** - Dispatched when the selected state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n\n### **CSS Properties:**\n - **--m3e-nav-item-label-text-font-size** - Font size for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-font-weight** - Font weight for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-line-height** - Line height for the label text. _(default: undefined)_\n- **--m3e-nav-item-label-text-tracking** - Letter spacing for the label text. _(default: undefined)_\n- **--m3e-nav-item-shape** - Border radius of the nav item. _(default: undefined)_\n- **--m3e-nav-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-nav-item-spacing** - Spacing between icon and label. _(default: undefined)_\n- **--m3e-nav-item-inactive-label-text-color** - Color of the label text when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-icon-color** - Color of the icon when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-hover-state-layer-color** - State layer color on hover when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-focus-state-layer-color** - State layer color on focus when inactive. _(default: undefined)_\n- **--m3e-nav-item-inactive-pressed-state-layer-color** - State layer color on press when inactive. _(default: undefined)_\n- **--m3e-nav-item-active-label-text-color** - Color of the label text when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-icon-color** - Color of the icon when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-container-color** - Container color when active/selected. _(default: undefined)_\n- **--m3e-nav-item-active-hover-state-layer-color** - State layer color on hover when active. _(default: undefined)_\n- **--m3e-nav-item-active-focus-state-layer-color** - State layer color on focus when active. _(default: undefined)_\n- **--m3e-nav-item-active-pressed-state-layer-color** - State layer color on press when active. _(default: undefined)_\n- **--m3e-nav-item-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-nav-item-disabled-label-text-color** - Color of the label text when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-label-text-opacity** - Opacity of the label text when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-icon-color** - Color of the icon when disabled. _(default: undefined)_\n- **--m3e-nav-item-disabled-icon-opacity** - Opacity of the icon when disabled. _(default: undefined)_\n- **--m3e-horizontal-nav-item-padding** - Padding for horizontal orientation. _(default: undefined)_\n- **--m3e-horizontal-nav-item-active-indicator-height** - Height of the active indicator in horizontal orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-width** - Width of the active indicator in vertical orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-height** - Height of the active indicator in vertical orientation. _(default: undefined)_\n- **--m3e-vertical-nav-item-active-indicator-margin** - Margin for the active indicator in vertical orientation. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1939,7 +1944,7 @@
     },
     {
       "name": "m3e-nav-menu-item",
-      "description": "An expandable item, selectable item within a navigation menu.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the item begins to open.\n- **opened** - Emitted when the item has opened.\n- **closing** - Emitted when the item begins to close.\n- **closed** - Emitted when the item has closed.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands this item, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses this item, and optionally, all descendants.\n- **toggle(): _void_** - Toggles the expanded state of the item.\n\n### **Slots:**\n - _default_ - Renders the nested child items.\n- **label** - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **badge** - Renders the badge of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n- **toggle-icon** - Renders the toggle icon.\n\n### **CSS Properties:**\n - **--m3e-nav-menu-item-font-size** - Font size for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-font-weight** - Font weight for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-line-height** - Line height for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-tracking** - Letter spacing for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-padding** - Inline padding for the item. _(default: undefined)_\n- **--m3e-nav-menu-item-height** - Height of the item. _(default: undefined)_\n- **--m3e-nav-menu-item-spacing** - Spacing between icon and label. _(default: undefined)_\n- **--m3e-nav-menu-item-shape** - Border radius of the item and focus ring. _(default: undefined)_\n- **--m3e-nav-menu-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-nav-menu-item-inset** - Indentation for nested items. _(default: undefined)_\n- **--m3e-nav-menu-item-label-color** - Text color for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-label-color** - Text color for selected item label. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-color** - Background color for selected item. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-focus-color** - Focus color for selected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-hover-color** - Hover color for selected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-ripple-color** - Ripple color for selected item. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-container-focus-color** - Focus color for unselected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-container-hover-color** - Hover color for unselected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-ripple-color** - Ripple color for unselected item. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-color** - Background color for open item with children. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-focus-color** - Focus color for open item container. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-hover-color** - Hover color for open item container. _(default: undefined)_\n- **--m3e-nav-menu-item-open-ripple-color** - Ripple color for open item. _(default: undefined)_\n- **--m3e-nav-menu-item-disabled-color** - Text color for disabled item. _(default: undefined)_\n- **--m3e-nav-menu-item-disabled-color-opacity** - Opacity for disabled item text color. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-font-size** - Font size for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-font-weight** - Font weight for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-line-height** - Line height for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-tracking** - Letter spacing for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-divider-margin** - Margin for divider elements. _(default: undefined)_\n- **--m3e-nav-menu-item-vertical-inset** - Vertical margin for first/last child items. _(default: undefined)_",
+      "description": "An expandable item, selectable item within a navigation menu.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the item begins to open.\n- **opened** - Dispatched when the item has opened.\n- **closing** - Dispatched when the item begins to close.\n- **closed** - Dispatched when the item has closed.\n- **click** - Dispatched when the element is clicked.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands this item, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses this item, and optionally, all descendants.\n- **toggle(): _void_** - Toggles the expanded state of the item.\n\n### **Slots:**\n - _default_ - Renders the nested child items.\n- **label** - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **badge** - Renders the badge of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n- **toggle-icon** - Renders the toggle icon.\n\n### **CSS Properties:**\n - **--m3e-nav-menu-item-font-size** - Font size for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-font-weight** - Font weight for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-line-height** - Line height for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-tracking** - Letter spacing for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-padding** - Inline padding for the item. _(default: undefined)_\n- **--m3e-nav-menu-item-height** - Height of the item. _(default: undefined)_\n- **--m3e-nav-menu-item-spacing** - Spacing between icon and label. _(default: undefined)_\n- **--m3e-nav-menu-item-shape** - Border radius of the item and focus ring. _(default: undefined)_\n- **--m3e-nav-menu-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-nav-menu-item-inset** - Indentation for nested items. _(default: undefined)_\n- **--m3e-nav-menu-item-label-color** - Text color for the item label. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-label-color** - Text color for selected item label. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-color** - Background color for selected item. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-focus-color** - Focus color for selected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-container-hover-color** - Hover color for selected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-selected-ripple-color** - Ripple color for selected item. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-container-focus-color** - Focus color for unselected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-container-hover-color** - Hover color for unselected item container. _(default: undefined)_\n- **--m3e-nav-menu-item-unselected-ripple-color** - Ripple color for unselected item. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-color** - Background color for open item with children. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-focus-color** - Focus color for open item container. _(default: undefined)_\n- **--m3e-nav-menu-item-open-container-hover-color** - Hover color for open item container. _(default: undefined)_\n- **--m3e-nav-menu-item-open-ripple-color** - Ripple color for open item. _(default: undefined)_\n- **--m3e-nav-menu-item-disabled-color** - Text color for disabled item. _(default: undefined)_\n- **--m3e-nav-menu-item-disabled-color-opacity** - Opacity for disabled item text color. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-font-size** - Font size for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-font-weight** - Font weight for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-line-height** - Line height for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-item-badge-tracking** - Letter spacing for badge slot. _(default: undefined)_\n- **--m3e-nav-menu-divider-margin** - Margin for divider elements. _(default: undefined)_\n- **--m3e-nav-menu-item-vertical-inset** - Vertical margin for first/last child items. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1967,7 +1972,7 @@
     },
     {
       "name": "m3e-nav-rail",
-      "description": "A vertical bar, typically used on larger devices, that allows a user to switch between views.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state of an item changes.\n\n### **Slots:**\n - _default_ - Renders the items of the bar.\n\n### **CSS Properties:**\n - **--m3e-nav-rail-top-space** - Top block padding for the nav rail. _(default: undefined)_\n- **--m3e-nav-rail-bottom-space** - Bottom block padding for the nav rail. _(default: undefined)_\n- **--m3e-nav-rail-compact-width** - Width of the nav rail in compact mode. _(default: undefined)_\n- **--m3e-nav-rail-expanded-inline-padding** - Inline padding for expanded nav rail. _(default: undefined)_\n- **--m3e-nav-rail-expanded-min-width** - Minimum width of the nav rail in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-expanded-max-width** - Maximum width of the nav rail in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-expanded-item-height** - Height of nav items in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-button-item-space** - Space below icon buttons and FABs. _(default: undefined)_\n- **--m3e-nav-rail-expanded-icon-button-inset** - Inset for icon buttons in expanded mode. _(default: undefined)_\n- **--m3e-nav-bar-height** - Height of the navigation bar. _(default: undefined)_\n- **--m3e-nav-bar-container-color** - Background color of the navigation bar container. _(default: undefined)_\n- **--m3e-nav-bar-vertical-item-width** - Minimum width of vertical nav items. _(default: undefined)_",
+      "description": "A vertical bar, typically used on larger devices, that allows a user to switch between views.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state of an item changes.\n- **input** - Dispatched when the selected state of an item changes.\n- **change** - Dispatched when the selected state of an item changes.\n\n### **Slots:**\n - _default_ - Renders the items of the bar.\n\n### **CSS Properties:**\n - **--m3e-nav-rail-top-space** - Top block padding for the nav rail. _(default: undefined)_\n- **--m3e-nav-rail-bottom-space** - Bottom block padding for the nav rail. _(default: undefined)_\n- **--m3e-nav-rail-compact-width** - Width of the nav rail in compact mode. _(default: undefined)_\n- **--m3e-nav-rail-inline-padding** - Inline padding for nav rail. _(default: undefined)_\n- **--m3e-nav-rail-expanded-width** - Width of the nav rail in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-expanded-item-height** - Height of nav items in expanded mode. _(default: undefined)_\n- **--m3e-nav-rail-button-item-space** - Space below icon buttons and FABs. _(default: undefined)_\n- **--m3e-nav-rail-icon-button-inset** - Inset for icon buttons. _(default: undefined)_\n- **--m3e-nav-rail-expanded-inline-padding** - Deprecated, use `--m3e-nav-rail-inline-padding`. _(default: undefined)_\n- **--m3e-nav-rail-expanded-min-width** - Deprecated, use `--m3e-nav-rail-expanded-width`. _(default: undefined)_\n- **--m3e-nav-rail-expanded-max-width** - Deprecated, use `--m3e-nav-rail-expanded-width`. _(default: undefined)_\n- **--m3e-nav-rail-expanded-icon-button-inset** - Deprecated, use `--m3e-nav-rail-icon-button-inset`. _(default: undefined)_\n- **--m3e-nav-bar-height** - Height of the navigation bar. _(default: undefined)_\n- **--m3e-nav-bar-container-color** - Background color of the navigation bar container. _(default: undefined)_\n- **--m3e-nav-bar-vertical-item-width** - Minimum width of vertical nav items. _(default: undefined)_",
       "attributes": [
         {
           "name": "mode",
@@ -2061,7 +2066,7 @@
     },
     {
       "name": "m3e-paginator",
-      "description": "Provides navigation for paged information, typically used with a table.\n---\n\n\n### **Events:**\n - **page** - Emitted when a user selects a different page size or navigates to another page.\n\n### **Methods:**\n - **firstPage(): _void_** - Move to the first page.\n- **previousPage(): _void_** - Move to the previous page.\n- **nextPage(): _void_** - Move to the next page.\n- **lastPage(): _void_** - Move to the last page.\n\n### **Slots:**\n - **first-page-icon** - Slot for a custom first-page icon.\n- **previous-page-icon** - Slot for a custom previous-page icon.\n- **next-page-icon** - Slot for a custom next-page icon.\n- **last-page-icon** - Slot for a custom last-page icon.\n\n### **CSS Properties:**\n - **--m3e-paginator-font-size** - The font size used for paginator text. _(default: undefined)_\n- **--m3e-paginator-font-weight** - The font weight used for paginator text. _(default: undefined)_\n- **--m3e-paginator-line-height** - The line height used for paginator text. _(default: undefined)_\n- **--m3e-paginator-tracking** - The letter-spacing used for paginator text. _(default: undefined)_",
+      "description": "Provides navigation for paged information, typically used with a table.\n---\n\n\n### **Events:**\n - **page** - Dispatched when a user selects a different page size or navigates to another page.\n\n### **Methods:**\n - **firstPage(): _void_** - Move to the first page.\n- **previousPage(): _void_** - Move to the previous page.\n- **nextPage(): _void_** - Move to the next page.\n- **lastPage(): _void_** - Move to the last page.\n\n### **Slots:**\n - **first-page-icon** - Slot for a custom first-page icon.\n- **previous-page-icon** - Slot for a custom previous-page icon.\n- **next-page-icon** - Slot for a custom next-page icon.\n- **last-page-icon** - Slot for a custom last-page icon.\n\n### **CSS Properties:**\n - **--m3e-paginator-font-size** - The font size used for paginator text. _(default: undefined)_\n- **--m3e-paginator-font-weight** - The font weight used for paginator text. _(default: undefined)_\n- **--m3e-paginator-line-height** - The line height used for paginator text. _(default: undefined)_\n- **--m3e-paginator-tracking** - The letter-spacing used for paginator text. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -2192,7 +2197,7 @@
     },
     {
       "name": "m3e-radio",
-      "description": "A radio button that allows a user to select one option from a set of options.\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- **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-radio-container-size** - Base size of the radio button container. _(default: undefined)_\n- **--m3e-radio-icon-size** - Size of the radio icon inside the wrapper. _(default: undefined)_\n- **--m3e-radio-unselected-hover-color** - Hover state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-focus-color** - Focus state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-ripple-color** - Ripple color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Icon color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-selected-hover-color** - Hover state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-focus-color** - Focus state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-ripple-color** - Ripple color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Icon color when radio is selected. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Icon color when radio is disabled. _(default: undefined)_\n- **--m3e-radio-error-hover-color** - Fallback hover color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-focus-color** - Fallback focus color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-ripple-color** - Fallback ripple color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-icon-color** - Fallback icon color used when the radio is invalid and touched. _(default: undefined)_",
+      "description": "A radio button that allows a user to select one option from a set of options.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the checked state changes.\n- **input** - Dispatched when the checked state changes.\n- **change** - Dispatched when the checked state changes.\n- **click** - Dispatched 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- **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-radio-container-size** - Base size of the radio button container. _(default: undefined)_\n- **--m3e-radio-icon-size** - Size of the radio icon inside the wrapper. _(default: undefined)_\n- **--m3e-radio-unselected-hover-color** - Hover state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-focus-color** - Focus state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-ripple-color** - Ripple color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Icon color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-selected-hover-color** - Hover state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-focus-color** - Focus state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-ripple-color** - Ripple color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Icon color when radio is selected. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Icon color when radio is disabled. _(default: undefined)_\n- **--m3e-radio-error-hover-color** - Fallback hover color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-focus-color** - Fallback focus color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-ripple-color** - Fallback ripple color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-icon-color** - Fallback icon color used when the radio is invalid and touched. _(default: undefined)_",
       "attributes": [
         {
           "name": "checked",
@@ -2224,7 +2229,7 @@
     },
     {
       "name": "m3e-radio-group",
-      "description": "A container for a set of radio buttons.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state of a radio button changes.\n\n### **Methods:**\n - **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsPristine(): _void_** - Marks the element as pristine.\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### **Slots:**\n - _default_ - Renders the radio buttons of the group.",
+      "description": "A container for a set of radio buttons.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the checked state of a radio button changes.\n- **input** - Dispatched when the checked state of a radio button changes.\n- **change** - Dispatched when the checked state of a radio button changes.\n\n### **Methods:**\n - **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsPristine(): _void_** - Marks the element as pristine.\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### **Slots:**\n - _default_ - Renders the radio buttons of the group.",
       "attributes": [
         { "name": "aria-invalid", "values": [] },
         {
@@ -2301,7 +2306,7 @@
     },
     {
       "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 - **beforeinput** - Dispatched before the checked state changes.\n- **input** - Dispatched when the checked state changes.\n- **change** - Dispatched when the checked state changes.\n- **click** - Dispatched 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",
@@ -2323,7 +2328,7 @@
     },
     {
       "name": "m3e-segmented-button",
-      "description": "A button that allows a user to select from a limited set of options.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state of a segment changes.\n- **input** - Emitted when the checked state of a segment changes.\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- **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### **Slots:**\n - _default_ - Renders the segments of the button.\n\n### **CSS Properties:**\n - **--m3e-segmented-button-start-shape** - Border radius for the first segment in a segmented button. _(default: undefined)_\n- **--m3e-segmented-button-end-shape** - Border radius for the last segment in a segmented button. _(default: undefined)_",
+      "description": "A button that allows a user to select from a limited set of options.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the checked state of a segment changes.\n- **beforeinput** - Dispatched before the checked state of a segment changes.\n- **input** - Dispatched when the checked state of a segment changes.\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- **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### **Slots:**\n - _default_ - Renders the segments of the button.\n\n### **CSS Properties:**\n - **--m3e-segmented-button-start-shape** - Border radius for the first segment in a segmented button. _(default: undefined)_\n- **--m3e-segmented-button-end-shape** - Border radius for the last segment in a segmented button. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -2350,7 +2355,7 @@
     },
     {
       "name": "m3e-select",
-      "description": "A form control that allows users to select a value from a set of predefined options.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state changes.\n- **toggle**\n- **input** - Emitted when the selected state changes.\n\n### **Methods:**\n - **clear(restoreFocus): _void_** - Clears the value of the element.\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### **Slots:**\n - _default_ - Renders the options of the select.\n- **arrow** - Renders the dropdown arrow.\n- **value** - Renders the selected value(s).\n\n### **CSS Properties:**\n - **--m3e-form-field-font-size** - The font size of the select control. _(default: undefined)_\n- **--m3e-form-field-font-weight** - The font weight of the select control. _(default: undefined)_\n- **--m3e-form-field-line-height** - The line height of the select control. _(default: undefined)_\n- **--m3e-form-field-tracking** - The letter spacing of the select control. _(default: undefined)_\n- **--m3e-select-container-shape** - The corner radius of the select container. _(default: undefined)_\n- **--m3e-select-disabled-color** - The text color when the select is disabled. _(default: undefined)_\n- **--m3e-select-disabled-color-opacity** - The opacity level applied to the disabled text color. _(default: undefined)_\n- **--m3e-select-icon-size** - The size of the dropdown arrow icon. _(default: undefined)_",
+      "description": "A form control that allows users to select a value from a set of predefined options.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected state changes.\n- **toggle**\n- **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n\n### **Methods:**\n - **clear(restoreFocus): _void_** - Clears the value of the element.\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### **Slots:**\n - _default_ - Renders the options of the select.\n- **arrow** - Renders the dropdown arrow.\n- **value** - Renders the selected value(s).\n\n### **CSS Properties:**\n - **--m3e-form-field-font-size** - The font size of the select control. _(default: undefined)_\n- **--m3e-form-field-font-weight** - The font weight of the select control. _(default: undefined)_\n- **--m3e-form-field-line-height** - The line height of the select control. _(default: undefined)_\n- **--m3e-form-field-tracking** - The letter spacing of the select control. _(default: undefined)_\n- **--m3e-select-container-shape** - The corner radius of the select container. _(default: undefined)_\n- **--m3e-select-disabled-color** - The text color when the select is disabled. _(default: undefined)_\n- **--m3e-select-disabled-color-opacity** - The opacity level applied to the disabled text color. _(default: undefined)_\n- **--m3e-select-icon-size** - The size of the dropdown arrow icon. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -2453,7 +2458,7 @@
     },
     {
       "name": "m3e-slider",
-      "description": "Allows for the selection of numeric values from a range.\n---\n\n\n### **Slots:**\n - _default_ - Renders the thumbs of the slider.\n\n### **CSS Properties:**\n - **--m3e-slider-min-width** - Minimum inline size of the slider host. _(default: undefined)_\n- **--m3e-slider-small-height** - Height of the slider when size is small or extra-small. _(default: undefined)_\n- **--m3e-slider-medium-height** - Height of the slider when size is medium. _(default: undefined)_\n- **--m3e-slider-large-height** - Height of the slider when size is large. _(default: undefined)_\n- **--m3e-slider-extra-large-height** - Height of the slider when size is extra-large. _(default: undefined)_\n- **--m3e-slider-small-active-track-shape** - Corner shape of the active track for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-active-track-start-shape** - Corner shape of the inactive track start for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-track-end-shape** - Corner shape of the inactive track end for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-active-track-shape** - Corner shape of the active track for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-active-track-start-shape** - Corner shape of the inactive track start for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-track-end-shape** - Corner shape of the inactive track end for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-active-track-shape** - Corner shape of the active track for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-track-end-shape** - Corner shape of the inactive track end for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-active-track-shape** - Corner shape of the active track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-track-end-shape** - Corner shape of the inactive track end for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-small-track-height** - Height of the track for extra-small sliders. _(default: undefined)_\n- **--m3e-slider-small-track-height** - Height of the track for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-track-height** - Height of the track for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-track-height** - Height of the track for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-track-height** - Height of the track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-tick-size** - Size of each tick mark. _(default: undefined)_\n- **--m3e-slider-tick-shape** - Corner shape of each tick mark. _(default: undefined)_\n- **--m3e-slider-inactive-track-color** - Background color of the inactive track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-color** - Base color of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-opacity** - Opacity of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-active-track-color** - Background color of the active track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-color** - Base color of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-opacity** - Opacity of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-tick-active-color** - Color of active ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-active-color** - Color of active ticks when disabled. _(default: undefined)_\n- **--m3e-slider-tick-inactive-color** - Color of inactive ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-inactive-color** - Color of inactive ticks when disabled. _(default: undefined)_",
+      "description": "Allows for the selection of numeric values from a range.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the value of a thumb changes.\n- **input** - Dispatched when the value of a thumb changes.\n- **change** - Dispatched when the value of a thumb changes.\n\n### **Slots:**\n - _default_ - Renders the thumbs of the slider.\n\n### **CSS Properties:**\n - **--m3e-slider-min-width** - Minimum inline size of the slider host. _(default: undefined)_\n- **--m3e-slider-small-height** - Height of the slider when size is small or extra-small. _(default: undefined)_\n- **--m3e-slider-medium-height** - Height of the slider when size is medium. _(default: undefined)_\n- **--m3e-slider-large-height** - Height of the slider when size is large. _(default: undefined)_\n- **--m3e-slider-extra-large-height** - Height of the slider when size is extra-large. _(default: undefined)_\n- **--m3e-slider-small-active-track-shape** - Corner shape of the active track for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-active-track-start-shape** - Corner shape of the inactive track start for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-track-end-shape** - Corner shape of the inactive track end for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-active-track-shape** - Corner shape of the active track for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-active-track-start-shape** - Corner shape of the inactive track start for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-track-end-shape** - Corner shape of the inactive track end for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-active-track-shape** - Corner shape of the active track for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-track-end-shape** - Corner shape of the inactive track end for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-active-track-shape** - Corner shape of the active track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-track-end-shape** - Corner shape of the inactive track end for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-small-track-height** - Height of the track for extra-small sliders. _(default: undefined)_\n- **--m3e-slider-small-track-height** - Height of the track for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-track-height** - Height of the track for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-track-height** - Height of the track for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-track-height** - Height of the track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-tick-size** - Size of each tick mark. _(default: undefined)_\n- **--m3e-slider-tick-shape** - Corner shape of each tick mark. _(default: undefined)_\n- **--m3e-slider-inactive-track-color** - Background color of the inactive track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-color** - Base color of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-opacity** - Opacity of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-active-track-color** - Background color of the active track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-color** - Base color of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-opacity** - Opacity of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-tick-active-color** - Color of active ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-active-color** - Color of active ticks when disabled. _(default: undefined)_\n- **--m3e-slider-tick-inactive-color** - Color of inactive ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-inactive-color** - Color of inactive ticks when disabled. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -2495,7 +2500,7 @@
     },
     {
       "name": "m3e-slider-thumb",
-      "description": "A thumb used to select a value in a slider.\n---\n\n\n### **Events:**\n - **value-change**\n- **input** - Emitted when the value changes.\n- **change** - Emitted when the value 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- **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-slider-thumb-width** - Width of the slider thumb. _(default: undefined)_\n- **--m3e-slider-thumb-padding** - Horizontal padding around the thumb. _(default: undefined)_\n- **--m3e-slider-thumb-color** - Active color of the slider thumb when enabled. _(default: undefined)_\n- **--m3e-slider-thumb-pressed-width** - Width of the thumb when pressed. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-color** - Color of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-opacity** - Opacity of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-label-width** - Width of the floating label above the thumb. _(default: undefined)_\n- **--m3e-slider-label-container-color** - Background color of the label container. _(default: undefined)_\n- **--m3e-slider-label-color** - Text color of the label. _(default: undefined)_\n- **--m3e-slider-label-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-slider-label-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-slider-label-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-slider-label-tracking** - Letter spacing of the label text. _(default: undefined)_",
+      "description": "A thumb used to select a value in a slider.\n---\n\n\n### **Events:**\n - **value-change**\n- **beforeinput** - Dispatched before the value changes.\n- **input** - Dispatched when the value changes.\n- **change** - Dispatched when the value changes.\n- **click** - Dispatched 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- **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-slider-thumb-width** - Width of the slider thumb. _(default: undefined)_\n- **--m3e-slider-thumb-padding** - Horizontal padding around the thumb. _(default: undefined)_\n- **--m3e-slider-thumb-color** - Active color of the slider thumb when enabled. _(default: undefined)_\n- **--m3e-slider-thumb-pressed-width** - Width of the thumb when pressed. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-color** - Color of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-thumb-disabled-opacity** - Opacity of the thumb when disabled. _(default: undefined)_\n- **--m3e-slider-label-width** - Width of the floating label above the thumb. _(default: undefined)_\n- **--m3e-slider-label-container-color** - Background color of the label container. _(default: undefined)_\n- **--m3e-slider-label-color** - Text color of the label. _(default: undefined)_\n- **--m3e-slider-label-font-size** - Font size of the label text. _(default: undefined)_\n- **--m3e-slider-label-font-weight** - Font weight of the label text. _(default: undefined)_\n- **--m3e-slider-label-line-height** - Line height of the label text. _(default: undefined)_\n- **--m3e-slider-label-tracking** - Letter spacing of the label text. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -2561,7 +2566,7 @@
     },
     {
       "name": "m3e-split-pane",
-      "description": "A dual-view layout that separates content with a movable drag handle.\n---\n\n\n### **Events:**\n - **change** - Fired when the user finishes adjusting the drag handle.\n- **input** - Fired continuously while the user adjusts the drag handle.\n\n### **Methods:**\n - **collapse(): _void_** - Moves the drag handle to the collapsed position. If detents exist, snaps to the collapsed detent.\r\nIf no detents exist, moves to the minimum allowed value.\n- **expand(): _void_** - Moves the drag handle to the expanded position. If detents exist, snaps to the expanded detent.\r\nIf no detents exist, moves to the maximum allowed value.\n- **snapToValue(value: _number_): _void_** - Moves the drag handle to the specified position. If detents exist, snaps to the closest detent.\r\nIf no detents exist, moves to the specified value.\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### **Slots:**\n - **start** - Renders content at the logical start side of the pane.\n- **end** - Renders content at the logical end side of the pane.\n\n### **CSS Properties:**\n - **--m3e-split-pane-drag-handle-hover-color** - Color used for the drag handle hover state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-hover-opacity** - Opacity used for the drag handle hover state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-focus-color** - Color used for the drag handle focus state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-focus-opacity** - Opacity used for the drag handle focus state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-color** - Background color of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-shape** - Corner shape of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-color** - Background color of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-shape** - Corner shape of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-container-width** - Width of the drag handle container. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-width** - Thickness of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-height** - Length of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-width** - Thickness of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-height** - Length of the drag handle when pressed. _(default: undefined)_",
+      "description": "A dual-view layout that separates content with a movable drag handle.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the user finishes adjusting the drag handle.\n- **beforeinput** - Dispatched continuously before the user adjusts the drag handle.\n- **input** - Dispatched continuously while the user adjusts the drag handle.\n\n### **Methods:**\n - **collapse(): _void_** - Moves the drag handle to the collapsed position. If detents exist, snaps to the collapsed detent.\r\nIf no detents exist, moves to the minimum allowed value.\n- **expand(): _void_** - Moves the drag handle to the expanded position. If detents exist, snaps to the expanded detent.\r\nIf no detents exist, moves to the maximum allowed value.\n- **snapToValue(value: _number_): _void_** - Moves the drag handle to the specified position. If detents exist, snaps to the closest detent.\r\nIf no detents exist, moves to the specified value.\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### **Slots:**\n - **start** - Renders content at the logical start side of the pane.\n- **end** - Renders content at the logical end side of the pane.\n\n### **CSS Properties:**\n - **--m3e-split-pane-drag-handle-hover-color** - Color used for the drag handle hover state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-hover-opacity** - Opacity used for the drag handle hover state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-focus-color** - Color used for the drag handle focus state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-focus-opacity** - Opacity used for the drag handle focus state. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-color** - Background color of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-shape** - Corner shape of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-color** - Background color of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-shape** - Corner shape of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-container-width** - Width of the drag handle container. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-width** - Thickness of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-height** - Length of the drag handle when not pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-width** - Thickness of the drag handle when pressed. _(default: undefined)_\n- **--m3e-split-pane-drag-handle-pressed-height** - Length of the drag handle when pressed. _(default: undefined)_",
       "attributes": [
         {
           "name": "detents",
@@ -2632,7 +2637,7 @@
     },
     {
       "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)_",
+      "description": "A step in a wizard-like workflow.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n- **change** - Dispatched when the selected state changes.\n- **click** - Dispatched 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)_",
       "attributes": [
         {
           "name": "completed",
@@ -2680,7 +2685,7 @@
     },
     {
       "name": "m3e-stepper",
-      "description": "Provides a wizard-like workflow by dividing content into logical steps.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected step changes.\n\n### **Methods:**\n - **movePrevious(): _boolean_** - Moves the stepper to the previous step.\n- **moveNext(): _boolean_** - Moves the stepper to the next step.\n- **moveTo(index: _number_): _boolean_** - Moves the stepper to the step with the specified index.\n- **reset(): _void_** - Resets the stepper to its initial state, clearing any form data.\n\n### **Slots:**\n - **step** - Renders a step.\n- **panel** - Renders a panel.\n\n### **CSS Properties:**\n - **--m3e-step-divider-thickness** - Thickness of the divider line between steps. _(default: undefined)_\n- **--m3e-step-divider-color** - Color of the divider line between steps. _(default: undefined)_\n- **--m3e-step-divider-inset** - Inset offset for divider alignment within step layout. _(default: undefined)_",
+      "description": "Provides a wizard-like workflow by dividing content into logical steps.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected step changes.\n- **beforeinput** - Dispatched before the selected state of a step changes.\n- **input** - Dispatched when the selected state of a step changes.\n\n### **Methods:**\n - **movePrevious(): _boolean_** - Moves the stepper to the previous step.\n- **moveNext(): _boolean_** - Moves the stepper to the next step.\n- **moveTo(index: _number_): _boolean_** - Moves the stepper to the step with the specified index.\n- **reset(): _void_** - Resets the stepper to its initial state, clearing any form data.\n\n### **Slots:**\n - **step** - Renders a step.\n- **panel** - Renders a panel.\n\n### **CSS Properties:**\n - **--m3e-step-divider-thickness** - Thickness of the divider line between steps. _(default: undefined)_\n- **--m3e-step-divider-color** - Color of the divider line between steps. _(default: undefined)_\n- **--m3e-step-divider-inset** - Inset offset for divider alignment within step layout. _(default: undefined)_",
       "attributes": [
         {
           "name": "header-position",
@@ -2725,7 +2730,7 @@
     },
     {
       "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 - **beforeinput** - Dispatched before the checked state changes.\n- **input** - Dispatched when the checked state changes.\n- **change** - Dispatched when the checked state changes.\n- **click** - Dispatched 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",
@@ -2757,7 +2762,7 @@
     },
     {
       "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)_",
+      "description": "An interactive element that, when activated, presents an associated tab panel.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n- **change** - Dispatched when the selected state changes.\n- **click** - Dispatched 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",
@@ -2785,7 +2790,7 @@
     },
     {
       "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)_",
+      "description": "Organizes content into separate views where only one view can be visible at a time.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected tab changes.\n- **beforeinput** - Dispatched before the selected state of a tab changes.\n- **input** - Dispatched when the selected state of a 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",
@@ -2903,7 +2908,7 @@
     },
     {
       "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)_",
+      "description": "An item in a table of contents.\n---\n\n\n### **Events:**\n - **click** - Dispatched 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",
@@ -3033,7 +3038,7 @@
     },
     {
       "name": "m3e-tree",
-      "description": "Presents hierarchical data in a tree structure.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state changes.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands all items, and optionally, all descendants.\n- **expand(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Expands the specified items, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses all items, and optionally, all descendants.\n- **collapse(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Collapses the specified items, and optionally, all descendants.\n- **select(item: _M3eTreeItemElement_, activate: _boolean_): _void_** - Selects the specified item.\n- **deselect(item: _M3eTreeItemElement_): _void_** - Deselects the specified item.\n\n### **Slots:**\n - _default_ - Renders the items of the tree.\n\n### **CSS Properties:**\n - **--m3e-tree-scrollbar-width** - Width of the tree scrollbar. _(default: undefined)_\n- **--m3e-tree-scrollbar-color** - Color of the tree scrollbar. _(default: undefined)_",
+      "description": "Presents hierarchical data in a tree structure.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected state changes.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands all items, and optionally, all descendants.\n- **expand(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Expands the specified items, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses all items, and optionally, all descendants.\n- **collapse(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Collapses the specified items, and optionally, all descendants.\n- **select(item: _M3eTreeItemElement_, activate: _boolean_): _void_** - Selects the specified item.\n- **deselect(item: _M3eTreeItemElement_): _void_** - Deselects the specified item.\n\n### **Slots:**\n - _default_ - Renders the items of the tree.\n\n### **CSS Properties:**\n - **--m3e-tree-scrollbar-width** - Width of the tree scrollbar. _(default: undefined)_\n- **--m3e-tree-scrollbar-color** - Color of the tree scrollbar. _(default: undefined)_",
       "attributes": [
         {
           "name": "multi",
@@ -3050,7 +3055,7 @@
     },
     {
       "name": "m3e-tree-item",
-      "description": "An expandable item in a tree.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the item begins to open.\n- **opened** - Emitted when the item has opened.\n- **closing** - Emitted when the item begins to close.\n- **closed** - Emitted when the item has closed.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands this item, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses this item, and optionally, all descendants.\n- **toggle(): _void_** - Toggles the expanded state of the item.\n\n### **Slots:**\n - _default_ - Renders the nested child items.\n- **label** - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n- **toggle-icon** - Renders the toggle icon.\n- **open-toggle-icon** - Renders the toggle icon when selected.\n\n### **CSS Properties:**\n - **--m3e-tree-item-font-size** - Font size for the item label. _(default: undefined)_\n- **--m3e-tree-item-font-weight** - Font weight for the item label. _(default: undefined)_\n- **--m3e-tree-item-line-height** - Line height for the item label. _(default: undefined)_\n- **--m3e-tree-item-tracking** - Letter spacing for the item label. _(default: undefined)_\n- **--m3e-tree-item-padding** - Inline padding for the item. _(default: undefined)_\n- **--m3e-tree-item-height** - Height of the item. _(default: undefined)_\n- **--m3e-tree-item-shape** - Border radius of the item and focus ring. _(default: undefined)_\n- **--m3e-tree-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-tree-item-inset** - Indentation for nested items. _(default: undefined)_\n- **--m3e-tree-item-label-color** - Text color for the item label. _(default: undefined)_\n- **--m3e-tree-item-selected-label-color** - Text color for selected item label. _(default: undefined)_\n- **--m3e-tree-item-selected-container-color** - Background color for selected item. _(default: undefined)_\n- **--m3e-tree-item-selected-container-focus-color** - Focus color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-container-hover-color** - Hover color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-ripple-color** - Ripple color for selected item. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-focus-color** - Focus color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-hover-color** - Hover color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-ripple-color** - Ripple color for unselected item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color** - Text color for disabled item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color-opacity** - Opacity for disabled item text color. _(default: undefined)_",
+      "description": "An expandable item in a tree.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the item begins to open.\n- **opened** - Dispatched when the item has opened.\n- **closing** - Dispatched when the item begins to close.\n- **closed** - Dispatched when the item has closed.\n- **click** - Dispatched when the element is clicked.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands this item, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses this item, and optionally, all descendants.\n- **toggle(): _void_** - Toggles the expanded state of the item.\n\n### **Slots:**\n - _default_ - Renders the nested child items.\n- **label** - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n- **toggle-icon** - Renders the toggle icon.\n- **open-toggle-icon** - Renders the toggle icon when selected.\n\n### **CSS Properties:**\n - **--m3e-tree-item-font-size** - Font size for the item label. _(default: undefined)_\n- **--m3e-tree-item-font-weight** - Font weight for the item label. _(default: undefined)_\n- **--m3e-tree-item-line-height** - Line height for the item label. _(default: undefined)_\n- **--m3e-tree-item-tracking** - Letter spacing for the item label. _(default: undefined)_\n- **--m3e-tree-item-padding** - Inline padding for the item. _(default: undefined)_\n- **--m3e-tree-item-height** - Height of the item. _(default: undefined)_\n- **--m3e-tree-item-shape** - Border radius of the item and focus ring. _(default: undefined)_\n- **--m3e-tree-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-tree-item-inset** - Indentation for nested items. _(default: undefined)_\n- **--m3e-tree-item-label-color** - Text color for the item label. _(default: undefined)_\n- **--m3e-tree-item-selected-label-color** - Text color for selected item label. _(default: undefined)_\n- **--m3e-tree-item-selected-container-color** - Background color for selected item. _(default: undefined)_\n- **--m3e-tree-item-selected-container-focus-color** - Focus color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-container-hover-color** - Hover color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-ripple-color** - Ripple color for selected item. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-focus-color** - Focus color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-hover-color** - Hover color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-ripple-color** - Ripple color for unselected item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color** - Text color for disabled item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color-opacity** - Opacity for disabled item text color. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -3111,12 +3116,22 @@
     },
     {
       "name": "m3e-collapsible",
-      "description": "A container used to expand and collapse content.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the collapsible begins to open.\n- **opened** - Emitted when the collapsible has opened.\n- **closing** - Emitted when the collapsible begins to close.\n- **closed** - Emitted when the collapsible has closed.\n\n### **Slots:**\n - _default_ - Renders the collapsible content.\n\n### **CSS Properties:**\n - **--m3e-collapsible-animation-duration** - The duration of the expand / collapse animation. _(default: undefined)_",
+      "description": "A container used to expand and collapse content.\n---\n\n\n### **Events:**\n - **opening** - Dispatched when the collapsible begins to open.\n- **opened** - Dispatched when the collapsible has opened.\n- **closing** - Dispatched when the collapsible begins to close.\n- **closed** - Dispatched when the collapsible has closed.\n\n### **Slots:**\n - _default_ - Renders the collapsible content.\n\n### **CSS Properties:**\n - **--m3e-collapsible-animation-duration** - The duration of the expand / collapse animation. _(default: undefined)_",
       "attributes": [
         {
           "name": "open",
           "description": "Whether content is visible.",
           "values": []
+        },
+        {
+          "name": "orientation",
+          "description": "Orientation of collapsible content.",
+          "values": [{ "name": "CollapsibleOrientation" }]
+        },
+        {
+          "name": "no-animate",
+          "description": "Whether to disable animation.",
+          "values": []
         }
       ],
       "references": []
@@ -3289,7 +3304,7 @@
     },
     {
       "name": "m3e-text-highlight",
-      "description": "Highlights text which matches a given search term.\n---\n\n\n### **Events:**\n - **highlight** - Emitted when content is highlighted.\n\n### **Slots:**\n - _default_ - Renders the content to highlight.\n\n### **CSS Properties:**\n - **--m3e-text-highlight-container-color** - Background color applied to highlighted text ranges. _(default: undefined)_\n- **--m3e-text-highlight-color** - Foreground color of highlighted text content. _(default: undefined)_\n- **--m3e-text-highlight-decoration** - Optional text decoration (e.g., underline, line-through) for highlighted text. _(default: undefined)_\n- **--m3e-text-highlight-shadow** - Optional text shadow for emphasis or contrast. _(default: undefined)_",
+      "description": "Highlights text which matches a given search term.\n---\n\n\n### **Events:**\n - **highlight** - Dispatched when content is highlighted.\n\n### **Slots:**\n - _default_ - Renders the content to highlight.\n\n### **CSS Properties:**\n - **--m3e-text-highlight-container-color** - Background color applied to highlighted text ranges. _(default: undefined)_\n- **--m3e-text-highlight-color** - Foreground color of highlighted text content. _(default: undefined)_\n- **--m3e-text-highlight-decoration** - Optional text decoration (e.g., underline, line-through) for highlighted text. _(default: undefined)_\n- **--m3e-text-highlight-shadow** - Optional text shadow for emphasis or contrast. _(default: undefined)_",
       "attributes": [
         {
           "name": "case-sensitive",