{
  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
  "version": 1.1,
  "tags": [
    {
      "name": "m3e-collapsible",
      "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": []
    },
    {
      "name": "m3e-elevation",
      "description": "Visually depicts elevation using a shadow.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **CSS Properties:**\n - **--m3e-elevation-color** - Color used to depict elevation. _(default: undefined)_\n- **--m3e-elevation-lift-duration** - Duration when lifting. _(default: undefined)_\n- **--m3e-elevation-lift-easing** - Easing curve when lifting. _(default: undefined)_\n- **--m3e-elevation-settle-duration** - Duration when settling. _(default: undefined)_\n- **--m3e-elevation-settle-easing** - Easing curve when settling. _(default: undefined)_\n- **--m3e-elevation-level** - Elevation when resting (box-shadow). _(default: undefined)_\n- **--m3e-elevation-hover-level** - Elevation on hover (box-shadow). _(default: undefined)_\n- **--m3e-elevation-focus-level** - Elevation on focus (box-shadow). _(default: undefined)_\n- **--m3e-elevation-pressed-level** - Elevation on pressed (box-shadow). _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether hover and press events will not trigger changes in elevation, when attached to an interactive element.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "level",
          "description": "The level at which to visually depict elevation.",
          "values": [{ "name": "ElevationLevel" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-focus-ring",
      "description": "A focus ring used to depict a strong focus indicator.\n---\n\n\n### **Methods:**\n - **show(): _void_** - Launches a manual focus ring.\n- **hide(): _void_** - Hides the focus ring.\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### **CSS Properties:**\n - **--m3e-focus-ring-color** - The color of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-duration** - The duration of the focus ring animation. _(default: undefined)_\n- **--m3e-focus-ring-growth-factor** - The factor by which the focus ring grows. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - The thickness of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-visibility** - The visibility of the focus ring. _(default: undefined)_\n- **--m3e-focus-ring-outward-offset** - Offset of an outward focus ring. _(default: undefined)_\n- **--m3e-focus-ring-inward-offset** - Offset of an inward focus ring. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether the focus events will not trigger the focus ring.\r\nFocus rings can be still controlled manually by using the `show` and `hide` methods.",
          "values": []
        },
        {
          "name": "inward",
          "description": "Whether the focus ring animates inward instead of outward.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-pseudo-checkbox",
      "description": "An element which looks like a checkbox.\n---\n\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Outline thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Outline color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Outline color for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Outline opacity for unselected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Background color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Background opacity for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Icon color for selected disabled state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Icon opacity for selected disabled state. _(default: undefined)_",
      "attributes": [
        {
          "name": "checked",
          "description": "A value indicating whether the element is checked.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        },
        {
          "name": "indeterminate",
          "description": "A value indicating whether the element's checked state is indeterminate.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-pseudo-radio",
      "description": "An element which looks like a radio button.\n---\n\n\n### **CSS Properties:**\n - **--m3e-radio-icon-size** - Size of the radio icon. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Color of the unselected radio icon. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Color of the selected radio icon. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Color of the disabled radio icon. _(default: undefined)_",
      "attributes": [
        {
          "name": "checked",
          "description": "A value indicating whether the element is checked.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-ripple",
      "description": "Connects user input to screen reactions using ripples.\n---\n\n\n### **Methods:**\n - **show(x: _number_, y: _number_, persistent: _boolean_): _void_** - Launches a manual ripple.\n- **hide(): _void_** - Manually hides the ripple.\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### **CSS Properties:**\n - **--m3e-ripple-color** - The color of the ripple. _(default: undefined)_\n- **--m3e-ripple-enter-duration** - The duration for the enter animation (expansion from point of contact). _(default: undefined)_\n- **--m3e-ripple-exit-duration** - The duration for the exit animation (fade-out). _(default: undefined)_\n- **--m3e-ripple-opacity** - The opacity of the ripple. _(default: undefined)_\n- **--m3e-ripple-scale-factor** - The factor by which to scale the ripple. _(default: undefined)_\n- **--m3e-ripple-shape** - The shape of the ripple. _(default: undefined)_",
      "attributes": [
        {
          "name": "centered",
          "description": "Whether the ripple always originates from the center of the element's bounds, rather\r\nthan originating from the location of the click event.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether click events will not trigger the ripple.\r\nRipples can be still controlled manually by using the `show` and 'hide' methods.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "radius",
          "description": "The radius, in pixels, of the ripple.",
          "values": []
        },
        {
          "name": "unbounded",
          "description": "Whether the ripple is visible outside the element's bounds.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-scroll-container",
      "description": "A vertically oriented content container which presents dividers above and below content when scrolled.\n---\n\n\n### **Slots:**\n - _default_ - Renders the scrollable content.\n\n### **CSS Properties:**\n - **--m3e-divider-thickness** - Thickness of the divider lines above and below content. _(default: undefined)_\n- **--m3e-divider-color** - Color of the divider lines when visible. _(default: undefined)_\n- **--m3e-focus-ring-color** - Color of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-thickness** - Thickness of the focus ring outline. _(default: undefined)_\n- **--m3e-focus-ring-factor** - Animation factor for focus ring thickness. _(default: undefined)_\n- **--m3e-focus-ring-duration** - Duration of the focus ring animation. _(default: undefined)_",
      "attributes": [
        {
          "name": "dividers",
          "description": "The dividers used to separate scrollable content.",
          "values": [{ "name": "ScrollDividers" }]
        },
        {
          "name": "thin",
          "description": "Whether to present thin scrollbars.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-slide",
      "description": "A carousel-like container used to horizontally cycle through slotted items.\n---\n\n\n### **Slots:**\n - _default_ - Renders the items through which to cycle.\n\n### **CSS Properties:**\n - **--m3e-slide-animation-duration** - The duration of transitions between slotted items. _(default: undefined)_",
      "attributes": [
        {
          "name": "selected-index",
          "description": "The zero-based index of the visible item.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-state-layer",
      "description": "Provides focus and hover state layer treatment for an interactive element.\n---\n\n\n### **Methods:**\n - **show(state: _\"hover\" | \"focused\"_): _void_** - Launches a manual state layer.\n- **hide(state: _\"hover\" | \"focused\"_): _void_** - Hides the state layer.\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### **CSS Properties:**\n - **--m3e-state-layer-duration** - Duration of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-easing** - Easing curve of state layer changes. _(default: undefined)_\n- **--m3e-state-layer-focus-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-focus-opacity** - Opacity on focus. _(default: undefined)_\n- **--m3e-state-layer-hover-color** - Color on hover. _(default: undefined)_\n- **--m3e-state-layer-hover-opacity** - Opacity on hover. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether hover and focus events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.",
          "values": []
        },
        {
          "name": "disable-hover",
          "description": "Whether hover events will not trigger the state layer. State layers can still\r\nbe controlled manually using the `show` and `hide` methods.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-text-highlight",
      "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",
          "description": "Whether matching is case sensitive.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "A value indicating whether text highlighting is disabled.",
          "values": []
        },
        {
          "name": "mode",
          "description": "The mode in which to highlight text.",
          "values": [{ "name": "TextHighlightMode" }]
        },
        {
          "name": "term",
          "description": "The term to highlight.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-text-overflow",
      "description": "An inline container which presents an ellipsis when content overflows.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to truncate with an ellipsis.",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-app-bar",
      "description": "A bar, placed a the top of a screen, used to help users navigate through an application.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - **leading** - Renders content positioned at the start of the bar.\n- **subtitle** - Renders the subtitle of the bar.\n- **title** - Renders the title of the bar.\n- **trailing** - Renders one or more action buttons aligned to the end of the bar.\n- **leading-icon** - Deprecated: use the `leading` slot.\n- **trailing-icon** - Deprecated: use the `trailing` slot.\n\n### **CSS Properties:**\n - **--m3e-app-bar-container-color** - Background color of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-color-on-scroll** - Background color of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-container-elevation** - Elevation (shadow) of the app bar container. _(default: undefined)_\n- **--m3e-app-bar-container-elevation-on-scroll** - Elevation (shadow) of the app bar container when scrolled. _(default: undefined)_\n- **--m3e-app-bar-title-text-color** - Color of the app bar title text. _(default: undefined)_\n- **--m3e-app-bar-subtitle-text-color** - Color of the app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-padding-left** - Left padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-padding-right** - Right padding for the app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-container-height** - Height of the small app bar container. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-size** - Font size for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-font-weight** - Font weight for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-title-text-line-height** - Line height for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar title text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-size** - Font size for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-font-weight** - Font weight for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-line-height** - Line height for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-subtitle-text-tracking** - Letter spacing (tracking) for the small app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-left** - Left padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-small-heading-padding-right** - Right padding for the small app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height** - Height of the medium app bar container. _(default: undefined)_\n- **--m3e-app-bar-medium-container-height-with-subtitle** - Height of the medium app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-size** - Font size for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-font-weight** - Font weight for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-title-text-line-height** - Line height for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar title text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-size** - Font size for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-font-weight** - Font weight for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-line-height** - Line height for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-text-tracking** - Letter spacing (tracking) for the medium app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-left** - Left padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-heading-padding-right** - Right padding for the medium app bar heading. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-top** - Top padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-padding-bottom** - Bottom padding for the medium app bar. _(default: undefined)_\n- **--m3e-app-bar-medium-title-max-lines** - Maximum number of lines for the medium app bar title. _(default: undefined)_\n- **--m3e-app-bar-medium-subtitle-max-lines** - Maximum number of lines for the medium app bar subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-container-height** - Height of the large app bar container. _(default: undefined)_\n- **--m3e-app-bar-large-container-height-with-subtitle** - Height of the large app bar container with subtitle. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-size** - Font size for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-font-weight** - Font weight for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-title-text-line-height** - Line height for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar title text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-size** - Font size for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-font-weight** - Font weight for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-line-height** - Line height for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-text-tracking** - Letter spacing (tracking) for the large app bar subtitle text. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-left** - Left padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-heading-padding-right** - Right padding for the large app bar heading. _(default: undefined)_\n- **--m3e-app-bar-large-padding-top** - Top padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-padding-bottom** - Bottom padding for the large app bar. _(default: undefined)_\n- **--m3e-app-bar-large-title-max-lines** - Maximum number of lines for the large app bar title. _(default: undefined)_\n- **--m3e-app-bar-large-subtitle-max-lines** - Maximum number of lines for the large app bar subtitle. _(default: undefined)_",
      "attributes": [
        {
          "name": "centered",
          "description": "Whether the title and subtitle are centered.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "size",
          "description": "The size of the bar.",
          "values": [{ "name": "AppBarSize" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-focus-trap",
      "description": "A non-visual element used to trap focus within nested content.\n---\n\n\n### **Slots:**\n - _default_ - Renders content for which to trap focus.",
      "attributes": [
        {
          "name": "disabled",
          "description": "Disables the focus trap.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-option",
      "description": "An option that can be selected.\n---\n\n\n### **Slots:**\n - _default_ - Renders the label of the option.\n\n### **CSS Properties:**\n - **--m3e-option-container-height** - The height of the option container. _(default: undefined)_\n- **--m3e-option-color** - The text color of the option. _(default: undefined)_\n- **--m3e-option-container-hover-color** - The color for the hover state layer. _(default: undefined)_\n- **--m3e-option-container-focus-color** - The color for the focus state layer. _(default: undefined)_\n- **--m3e-option-ripple-color** - The color of the ripple effect. _(default: undefined)_\n- **--m3e-option-selected-color** - The text color when the option is selected. _(default: undefined)_\n- **--m3e-option-selected-container-color** - The background color when the option is selected. _(default: undefined)_\n- **--m3e-option-selected-container-hover-color** - The hover color for the selected state layer. _(default: undefined)_\n- **--m3e-option-selected-container-focus-color** - The focus color for the selected state layer. _(default: undefined)_\n- **--m3e-option-selected-ripple-color** - The ripple color when the option is selected. _(default: undefined)_\n- **--m3e-option-disabled-color** - The text color when the option is disabled. _(default: undefined)_\n- **--m3e-option-disabled-opacity** - The opacity level applied to the disabled text color. _(default: undefined)_\n- **--m3e-option-icon-label-space** - The spacing between the icon and label. _(default: undefined)_\n- **--m3e-option-padding-start** - The left padding of the option content. _(default: undefined)_\n- **--m3e-option-padding-end** - The right padding of the option content. _(default: undefined)_\n- **--m3e-option-label-text-font-size** - The font size of the option label. _(default: undefined)_\n- **--m3e-option-label-text-font-weight** - The font weight of the option label. _(default: undefined)_\n- **--m3e-option-label-text-line-height** - The line height of the option label. _(default: undefined)_\n- **--m3e-option-label-text-tracking** - The letter spacing of the option label. _(default: undefined)_\n- **--m3e-option-focus-ring-shape** - The corner radius of the focus ring. _(default: undefined)_\n- **--m3e-option-icon-size** - The size of the option icons. _(default: undefined)_\n- **--m3e-option-shape** - Base shape of the option. _(default: undefined)_\n- **--m3e-option-selected-shape** - Shape used for a selected option. _(default: undefined)_\n- **--m3e-option-first-child-shape** - Shape for the first option in a list. _(default: undefined)_\n- **--m3e-option-last-child-shape** - Shape for the last option in a list. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "disable-highlight",
          "description": "Whether text highlighting is disabled.",
          "values": []
        },
        {
          "name": "highlight-mode",
          "description": "The mode in which to highlight a term.",
          "values": [{ "name": "TextHighlightMode" }]
        },
        {
          "name": "selected",
          "description": "Whether the element is selected.",
          "values": []
        },
        {
          "name": "term",
          "description": "The search term to highlight.",
          "values": []
        },
        {
          "name": "value",
          "description": "A string representing the value of the option.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-optgroup",
      "description": "Groups options under a subheading.\n---\n\n\n### **Slots:**\n - _default_ - Renders the options of the group.\n- **label** - Renders the label of the group.\n\n### **CSS Properties:**\n - **--m3e-option-height** - The height of the group label container. _(default: undefined)_\n- **--m3e-option-font-size** - The font size of the group label. _(default: undefined)_\n- **--m3e-option-font-weight** - The font weight of the group label. _(default: undefined)_\n- **--m3e-option-line-height** - The line height of the group label. _(default: undefined)_\n- **--m3e-option-tracking** - The letter spacing of the group label. _(default: undefined)_\n- **--m3e-option-padding-end** - The right padding of the label. _(default: undefined)_\n- **--m3e-option-padding-start** - The left padding of the label. _(default: undefined)_\n- **--m3e-option-color** - The text color of the group label. _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-floating-panel",
      "description": "A lightweight, generic floating surface used to present content above the page.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | null | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the panel.\n\n### **CSS Properties:**\n - **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
      "attributes": [
        {
          "name": "scroll-strategy",
          "description": "The strategy that controls how the panel behaves when its trigger scrolls.",
          "values": [{ "name": "FloatingPanelScrollStrategy" }]
        },
        {
          "name": "fit-anchor-width",
          "description": "Whether the panel's width should match its anchor's width.",
          "values": []
        },
        {
          "name": "anchor-offset",
          "description": "The logical margin, in pixels, between the panel and its anchor.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-option-panel",
      "description": "Presents a list of options on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | null | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the list.\n\n### **CSS Properties:**\n - **--m3e-option-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_\n- **--m3e-option-panel-gap** - Vertical spacing between option items. _(default: undefined)_\n- **--m3e-option-panel-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-container-color** - Background color used for text highlight matches. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-color** - Text color used for text highlight matches. _(default: undefined)_\n- **--m3e-floating-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-floating-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_",
      "attributes": [
        {
          "name": "state",
          "description": "The state for which to present content.",
          "values": [{ "name": "OptionPanelState" }]
        },
        {
          "name": "scroll-strategy",
          "description": "The strategy that controls how the panel behaves when its trigger scrolls.",
          "values": [{ "name": "FloatingPanelScrollStrategy" }]
        },
        {
          "name": "fit-anchor-width",
          "description": "Whether the panel's width should match its anchor's width.",
          "values": []
        },
        {
          "name": "anchor-offset",
          "description": "The logical margin, in pixels, between the panel and its anchor.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-form-field",
      "description": "A container for form controls that applies Material Design styling and behavior.\n---\n\n\n### **Methods:**\n - **notifyControlStateChange(checkValidity: _boolean_): _void_** - Notifies the form field that the state of the hosted `control` has changed.\n\n### **Slots:**\n - _default_ - Renders the control of the field.\n- **prefix** - Renders content before the fields's control.\n- **prefix-text** - Renders text before the fields's control.\n- **suffix** - Renders content after the fields's control.\n- **suffix-text** - Renders text after the fields's control.\n- **hint** - Renders hint text in the fields's subscript, when the control is valid.\n- **error** - Renders error text in the fields's subscript, when the control is invalid.\n\n### **CSS Properties:**\n - **--m3e-form-field-font-size** - Font size for the form field container text. _(default: undefined)_\n- **--m3e-form-field-font-weight** - Font weight for the form field container text. _(default: undefined)_\n- **--m3e-form-field-line-height** - Line height for the form field container text. _(default: undefined)_\n- **--m3e-form-field-tracking** - Letter spacing for the form field container text. _(default: undefined)_\n- **--m3e-form-field-label-font-size** - Font size for the floating label. _(default: undefined)_\n- **--m3e-form-field-label-font-weight** - Font weight for the floating label. _(default: undefined)_\n- **--m3e-form-field-label-line-height** - Line height for the floating label. _(default: undefined)_\n- **--m3e-form-field-label-tracking** - Letter spacing for the floating label. _(default: undefined)_\n- **--m3e-form-field-subscript-font-size** - Font size for hint and error text. _(default: undefined)_\n- **--m3e-form-field-subscript-font-weight** - Font weight for hint and error text. _(default: undefined)_\n- **--m3e-form-field-subscript-line-height** - Line height for hint and error text. _(default: undefined)_\n- **--m3e-form-field-subscript-tracking** - Letter spacing for hint and error text. _(default: undefined)_\n- **--m3e-form-field-color** - Text color for the form field container. _(default: undefined)_\n- **--m3e-form-field-subscript-color** - Color for hint and error text. _(default: undefined)_\n- **--m3e-form-field-invalid-color** - Color used when the control is invalid. _(default: undefined)_\n- **--m3e-form-field-focused-outline-color** - Outline color when focused. _(default: undefined)_\n- **--m3e-form-field-focused-color** - Label color when focused. _(default: undefined)_\n- **--m3e-form-field-outline-color** - Outline color in outlined variant. _(default: undefined)_\n- **--m3e-form-field-container-color** - Background color in filled variant. _(default: undefined)_\n- **--m3e-form-field-hover-container-color** - Hover background color in filled variant. _(default: undefined)_\n- **--m3e-form-field-width** - Width of the form field container. _(default: undefined)_\n- **--m3e-form-field-icon-size** - Size of prefix and suffix icons. _(default: undefined)_\n- **--m3e-outlined-form-field-container-shape** - Corner radius for outlined container. _(default: undefined)_\n- **--m3e-form-field-container-shape** - Corner radius for filled container. _(default: undefined)_\n- **--m3e-form-field-hover-container-opacity** - Opacity for hover background in filled variant. _(default: undefined)_\n- **--m3e-form-field-disabled-opacity** - Opacity for disabled text. _(default: undefined)_\n- **--m3e-form-field-disabled-container-opacity** - Opacity for disabled container background. _(default: undefined)_",
      "attributes": [
        {
          "name": "float-label",
          "description": "Specifies whether the label should float always or only when necessary.",
          "values": [{ "name": "FloatLabelType" }]
        },
        {
          "name": "hide-required-marker",
          "description": "Whether the required marker should be hidden.",
          "values": []
        },
        {
          "name": "hide-subscript",
          "description": "Whether subscript content is hidden.",
          "values": [{ "name": "HideSubscriptType" }]
        },
        {
          "name": "variant",
          "description": "The appearance variant of the field.",
          "values": [{ "name": "FormFieldVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-autocomplete",
      "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",
          "description": "Whether the first option should be automatically activated.",
          "values": []
        },
        {
          "name": "case-sensitive",
          "description": "Whether filtering is case sensitive.",
          "values": []
        },
        {
          "name": "filter",
          "description": "Mode in which to filter options.",
          "values": [
            { "name": "AutocompleteFilterMode" },
            { "name": "((option: M3eOptionElement, term: string) => boolean)" }
          ]
        },
        {
          "name": "hide-selection-indicator",
          "description": "Whether to hide the selection indicator.",
          "values": []
        },
        {
          "name": "hide-loading",
          "description": "Whether to hide the menu when loading options.",
          "values": []
        },
        {
          "name": "hide-no-data",
          "description": "Whether to hide the menu when there are no options to show.",
          "values": []
        },
        {
          "name": "loading",
          "description": "Whether options are being loaded.",
          "values": []
        },
        {
          "name": "loading-label",
          "description": "The text announced and presented when loading options.",
          "values": []
        },
        {
          "name": "no-data-label",
          "description": "The text announced and presented when no options are available for the current term.",
          "values": []
        },
        {
          "name": "panel-class",
          "description": "Class or list of classes to be applied to the autocomplete's overlay panel.",
          "values": []
        },
        {
          "name": "required",
          "description": "Whether the user is required to make a selection when interacting with the autocomplete.",
          "values": []
        },
        {
          "name": "results-label",
          "description": "The text announced when available options change for the current term.",
          "values": [{ "name": "((count: number) => string)" }]
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-avatar",
      "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-badge",
      "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
      "attributes": [
        {
          "name": "size",
          "description": "The size of the badge.",
          "values": [{ "name": "BadgeSize" }]
        },
        {
          "name": "position",
          "description": "The position of the badge, when attached to another element.",
          "values": [{ "name": "BadgePosition" }]
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-bottom-sheet-action",
      "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-bottom-sheet",
      "description": "A sheet used to show secondary content anchored to the bottom of the screen.\n---\n\n\n### **Events:**\n - **opening** - 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",
          "description": "The zero‑based index of the detent the sheet should open to.",
          "values": []
        },
        {
          "name": "detents",
          "description": "Detents (discrete height states) the sheet can snap to.",
          "values": [{ "name": "string[]" }]
        },
        {
          "name": "handle",
          "description": "Whether to display a drag handle and enable the top region of the sheet as a gesture\r\nsurface for dragging between detents.",
          "values": []
        },
        {
          "name": "handle-label",
          "description": "The accessible label given to the drag handle.",
          "values": []
        },
        {
          "name": "hideable",
          "description": "Whether the bottom sheet can hide when its swiped down.",
          "values": []
        },
        {
          "name": "hide-friction",
          "description": "The friction coefficient to hide the sheet.",
          "values": []
        },
        {
          "name": "modal",
          "description": "Whether the bottom sheet behaves as modal.",
          "values": []
        },
        {
          "name": "open",
          "description": "Whether the bottom sheet is open.",
          "values": []
        },
        {
          "name": "overshoot-limit",
          "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-bottom-sheet-trigger",
      "description": "An element, nested within a clickable element, used to trigger a bottom sheet.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n\n### **Slots:**\n - _default_ - Renders the content of the trigger.",
      "attributes": [
        {
          "name": "detent",
          "description": "The zero‑based index of the detent the sheet should open to.",
          "values": []
        },
        {
          "name": "secondary",
          "description": "Marks this trigger as a secondary trigger for accessibility. Secondary triggers do not receive ARIA ownership.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-breadcrumb-item-button",
      "description": "\n---\n\n\n### **Events:**\n - **click**",
      "attributes": [
        {
          "name": "current",
          "description": "Indicates the current item in the breadcrumb path.",
          "values": [{ "name": "BreadcrumbItemCurrent" }]
        },
        {
          "name": "href",
          "description": "The URL to which the link button points.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        },
        {
          "name": "rel",
          "description": "The relationship between the `target` of the link button and the document.",
          "values": []
        },
        {
          "name": "download",
          "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-breadcrumb-item",
      "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",
          "description": "The accessible label given to the item's internal button.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "current",
          "description": "Indicates the current item in the breadcrumb path.",
          "values": [{ "name": "BreadcrumbItemCurrent" }]
        },
        {
          "name": "href",
          "description": "The URL to which the internal breadcrumb link button points.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the internal breadcrumb link button.",
          "values": [{ "name": "LinkTarget" }]
        },
        {
          "name": "download",
          "description": "A value indicating whether the internal link target will be downloaded, optionally specifying a file name.",
          "values": []
        },
        {
          "name": "rel",
          "description": "The relationship between the internal link target and the document.",
          "values": []
        }
      ],
      "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.",
      "attributes": [
        {
          "name": "wrap",
          "description": "Whether items wrap to a new line.",
          "values": []
        }
      ],
      "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-icon-button",
      "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",
          "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": "IconButtonShape" }]
        },
        {
          "name": "size",
          "description": "The size of the button.",
          "values": [{ "name": "IconButtonSize" }]
        },
        {
          "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": "IconButtonVariant" }]
        },
        {
          "name": "width",
          "description": "The width of the button.",
          "values": [{ "name": "IconButtonWidth" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-button-group",
      "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",
      "attributes": [
        {
          "name": "multi",
          "description": "Whether multiple toggle buttons can be selected.",
          "values": []
        },
        {
          "name": "size",
          "description": "The size of the group.",
          "values": [{ "name": "ButtonGroupSize" }]
        },
        {
          "name": "variant",
          "description": "The appearance variant of the group.",
          "values": [{ "name": "ButtonGroupVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-rich-tooltip-action",
      "description": "An element, nested within a clickable element, used to dismiss a parenting rich tooltip.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
      "attributes": [
        {
          "name": "disable-restore-focus",
          "description": "Whether to focus should not be restored to the trigger when activated.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-rich-tooltip",
      "description": "Provides contextual details for a control, such as explaining the value or purpose of a feature.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(): _Promise<void>_** - Manually shows the tooltip.\n- **hide(restoreFocus): _void_** - Manually hides the tooltip.\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_ - The main supporting text of the tooltip.\n- **subhead** - Optional subhead text displayed above the supporting content.\n- **actions** - Optional action elements displayed at the bottom of the tooltip.\n\n### **CSS Properties:**\n - **--m3e-rich-tooltip-padding-top** - Top padding of the tooltip container. _(default: undefined)_\n- **--m3e-rich-tooltip-padding-bottom** - Bottom padding of the tooltip container (when no actions are present). _(default: undefined)_\n- **--m3e-rich-tooltip-padding-inline** - Horizontal padding of the tooltip container. _(default: undefined)_\n- **--m3e-rich-tooltip-max-width** - Maximum width of the tooltip surface. _(default: undefined)_\n- **--m3e-rich-tooltip-shape** - Border‑radius of the tooltip container. _(default: undefined)_\n- **--m3e-rich-tooltip-container-color** - Background color of the tooltip surface. _(default: undefined)_\n- **--m3e-rich-tooltip-subhead-color** - Color of the subhead text. _(default: undefined)_\n- **--m3e-rich-tooltip-subhead-font-size** - Font size of the subhead text. _(default: undefined)_\n- **--m3e-rich-tooltip-subhead-font-weight** - Font weight of the subhead text. _(default: undefined)_\n- **--m3e-rich-tooltip-subhead-line-height** - Line height of the subhead text. _(default: undefined)_\n- **--m3e-rich-tooltip-subhead-tracking** - Letter‑spacing of the subhead text. _(default: undefined)_\n- **--m3e-rich-tooltip-subhead-bottom-space** - Space below the subhead before the supporting text. _(default: undefined)_\n- **--m3e-rich-tooltip-supporting-text-color** - Color of the supporting text. _(default: undefined)_\n- **--m3e-rich-tooltip-supporting-text-font-size** - Font size of the supporting text. _(default: undefined)_\n- **--m3e-rich-tooltip-supporting-text-font-weight** - Font weight of the supporting text. _(default: undefined)_\n- **--m3e-rich-tooltip-supporting-text-line-height** - Line height of the supporting text. _(default: undefined)_\n- **--m3e-rich-tooltip-supporting-text-tracking** - Letter‑spacing of the supporting text. _(default: undefined)_\n- **--m3e-rich-tooltip-actions-padding-inline** - Horizontal padding applied to the actions slot area. _(default: undefined)_\n- **--m3e-rich-tooltip-actions-top-space** - Space above the actions slot. _(default: undefined)_\n- **--m3e-rich-tooltip-actions-bottom-space** - Space below the actions slot. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "hide-delay",
          "description": "The amount of time, in milliseconds, before hiding the tooltip.",
          "values": []
        },
        {
          "name": "position",
          "description": "The position of the tooltip.",
          "values": [{ "name": "RichTooltipPosition" }]
        },
        {
          "name": "show-delay",
          "description": "The amount of time, in milliseconds, before showing the tooltip.",
          "values": []
        },
        {
          "name": "touch-gestures",
          "description": "The mode in which to handle touch gestures.",
          "values": [{ "name": "TooltipTouchGestures" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-tooltip",
      "description": "Adds additional context to a button or other UI element.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **show(): _Promise<void>_** - Manually shows the tooltip.\n- **hide(): _void_** - Manually hides the tooltip.\n\n### **Slots:**\n - _default_ - Renders the content of the tooltip.\n\n### **CSS Properties:**\n - **--m3e-tooltip-padding** - Internal spacing of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-min-width** - Minimum width of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-max-width** - Maximum width of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-min-height** - Minimum height of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-max-height** - Maximum height of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-shape** - Border radius of the tooltip container. _(default: undefined)_\n- **--m3e-tooltip-container-color** - Background color of the tooltip. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-color** - Text color of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-font-size** - Font size of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-font-weight** - Font weight of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-line-height** - Line height of supporting text. _(default: undefined)_\n- **--m3e-tooltip-supporting-text-tracking** - Letter spacing of supporting text. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "hide-delay",
          "description": "The amount of time, in milliseconds, before hiding the tooltip.",
          "values": []
        },
        {
          "name": "position",
          "description": "The position of the tooltip.",
          "values": [{ "name": "TooltipPosition" }]
        },
        {
          "name": "show-delay",
          "description": "The amount of time, in milliseconds, before showing the tooltip.",
          "values": []
        },
        {
          "name": "touch-gestures",
          "description": "The mode in which to handle touch gestures.",
          "values": [{ "name": "TooltipTouchGestures" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-month-view",
      "description": "An internal component used to display a single month in a calendar.\n---\n\n\n### **Events:**\n - **change**\n- **active-change**\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.",
      "attributes": [
        {
          "name": "range-start",
          "description": "Start of a date range.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "range-end",
          "description": "End of a date range.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "today",
          "description": "Today's date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "date",
          "description": "The selected date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "active-date",
          "description": "The active date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "min-date",
          "description": "The minimum date that can be selected.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "max-date",
          "description": "The maximum date that can be selected.",
          "values": [{ "name": "Date" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-multi-year-view",
      "description": "An internal component used to display a year selector in a calendar.\n---\n\n\n### **Events:**\n - **change**\n- **active-change**\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.",
      "attributes": [
        {
          "name": "today",
          "description": "Today's date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "date",
          "description": "The selected date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "active-date",
          "description": "The active date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "min-date",
          "description": "The minimum date that can be selected.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "max-date",
          "description": "The maximum date that can be selected.",
          "values": [{ "name": "Date" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-year-view",
      "description": "An internal component used to display a single year in a calendar.\n---\n\n\n### **Events:**\n - **change**\n- **active-change**\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.",
      "attributes": [
        {
          "name": "today",
          "description": "Today's date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "date",
          "description": "The selected date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "active-date",
          "description": "The active date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "min-date",
          "description": "The minimum date that can be selected.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "max-date",
          "description": "The maximum date that can be selected.",
          "values": [{ "name": "Date" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-calendar",
      "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",
          "description": "The selected date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "max-date",
          "description": "The maximum date that can be selected.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "min-date",
          "description": "The minimum date that can be selected.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "range-end",
          "description": "End of a date range.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "range-start",
          "description": "Start of a date range.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "start-at",
          "description": "A date specifying the period (month or year) to start the calendar in.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "start-view",
          "description": "The initial view used to select a date.",
          "values": [{ "name": "CalendarView" }]
        },
        {
          "name": "previous-month-label",
          "description": "The accessible label given to the button used to move to the previous month.",
          "values": []
        },
        {
          "name": "next-month-label",
          "description": "The accessible label given to the button used to move to the next month.",
          "values": []
        },
        {
          "name": "previous-year-label",
          "description": "The accessible label given to the button used to move to the previous year.",
          "values": []
        },
        {
          "name": "next-year-label",
          "description": "The accessible label given to the button used to move to the next year.",
          "values": []
        },
        {
          "name": "previous-multi-year-label",
          "description": "The accessible label given to the button used to move to the previous 24 years.",
          "values": []
        },
        {
          "name": "next-multi-year-label",
          "description": "The accessible label given to the button used to move to the next 24 years.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-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** - 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",
          "description": "Whether the card is \"actionable\" and will respond to use interaction.",
          "values": []
        },
        {
          "name": "inline",
          "description": "Whether to present the card inline with surrounding content.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "The orientation of the card.",
          "values": [{ "name": "CardOrientation" }]
        },
        {
          "name": "variant",
          "description": "The appearance variant of the card.",
          "values": [{ "name": "CardVariant" }]
        },
        {
          "name": "href",
          "description": "The URL to which the link button points.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        },
        {
          "name": "rel",
          "description": "The relationship between the `target` of the link button and the document.",
          "values": []
        },
        {
          "name": "download",
          "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the element, submitted as a pair with the element's `value`\r\nas part of form data, when the element is used to submit a form.",
          "values": []
        },
        {
          "name": "value",
          "description": "The value associated with the element's name when it's submitted with form data.",
          "values": []
        },
        {
          "name": "type",
          "description": "The type of the element.",
          "values": [{ "name": "FormSubmitterType" }]
        },
        {
          "name": "disabled-interactive",
          "description": "Whether the element is disabled and interactive.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        }
      ],
      "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-chip",
      "description": "A non-interactive chip used to convey small pieces of information.\n---\n\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-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-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_",
      "attributes": [
        {
          "name": "value",
          "description": "A string representing the value of the chip.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the chip.",
          "values": [{ "name": "ChipVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-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** - 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",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        },
        {
          "name": "disabled-interactive",
          "description": "A value indicating 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": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        },
        {
          "name": "type",
          "description": "The type of the element.",
          "values": [{ "name": "FormSubmitterType" }]
        },
        {
          "name": "value",
          "description": "A string representing the value of the chip.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the chip.",
          "values": [{ "name": "ChipVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-chip-set",
      "description": "A container used to organize chips into a cohesive unit.\n---\n\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": "vertical",
          "description": "Whether the element is oriented vertically.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-filter-chip",
      "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",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        },
        {
          "name": "disabled-interactive",
          "description": "A value indicating whether the element is disabled and interactive.",
          "values": []
        },
        {
          "name": "selected",
          "description": "A value indicating whether the element is selected.",
          "values": []
        },
        {
          "name": "value",
          "description": "A string representing the value of the chip.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the chip.",
          "values": [{ "name": "ChipVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-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** - 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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "hide-selection-indicator",
          "description": "Whether to hide the selection indicator.",
          "values": []
        },
        {
          "name": "multi",
          "description": "Whether multiple chips can be selected.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        },
        {
          "name": "vertical",
          "description": "Whether the element is oriented vertically.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "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** - 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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "disabled-interactive",
          "description": "Whether the element is disabled and interactive.",
          "values": []
        },
        {
          "name": "removable",
          "description": "Whether the chip is removable.",
          "values": []
        },
        {
          "name": "remove-label",
          "description": "The accessible label given to the button used to remove the chip.",
          "values": []
        },
        {
          "name": "value",
          "description": "A string representing the value of the chip.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the chip.",
          "values": [{ "name": "ChipVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-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** - 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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        },
        {
          "name": "required",
          "description": "Whether a value is required for the element.",
          "values": []
        },
        {
          "name": "vertical",
          "description": "Whether the element is oriented vertically.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "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** - 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",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        },
        {
          "name": "disabled-interactive",
          "description": "A value indicating 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": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        },
        {
          "name": "type",
          "description": "The type of the element.",
          "values": [{ "name": "FormSubmitterType" }]
        },
        {
          "name": "value",
          "description": "A string representing the value of the chip.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the chip.",
          "values": [{ "name": "ChipVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-content-pane",
      "description": "A shaped surface for vertically scrollable content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the pane.\n\n### **CSS Properties:**\n - **--m3e-content-pane-container-shape** - Corner radius applied to the pane’s outer surface. _(default: undefined)_\n- **--m3e-content-pane-container-color** - Background color of the pane’s surface. _(default: undefined)_\n- **--m3e-content-pane-container-padding** - Internal padding applied to all sides of the scrollable content. _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-datepicker",
      "description": "Presents a date picker on a temporary surface.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected date changes.\n- **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the picker.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the picker.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the picker.\n\n### **CSS Properties:**\n - **--m3e-datepicker-container-padding-block** - Block‑axis padding of the date picker container. _(default: undefined)_\n- **--m3e-datepicker-container-padding-inline** - Inline‑axis padding of the date picker container. _(default: undefined)_\n- **--m3e-datepicker-container-color** - Background color of the standard container surface. _(default: undefined)_\n- **--m3e-datepicker-container-elevation** - Elevation shadow applied to the container surface. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-color** - Color used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-font-size** - Font size used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-font-weight** - Font weight used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-line-height** - Line height used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-headline-tracking** - Letter spacing used for the modal headline text. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-color** - Color used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-font-size** - Font size used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-font-weight** - Font weight used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-line-height** - Line height used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-supporting-text-tracking** - Letter spacing used for supporting text in modal mode. _(default: undefined)_\n- **--m3e-datepicker-actions-padding-inline** - Inline‑axis padding of the action row. _(default: undefined)_\n- **--m3e-datepicker-docked-container-color** - Background color of the container in docked mode. _(default: undefined)_\n- **--m3e-datepicker-docked-container-shape** - Corner radius of the container in docked mode. _(default: undefined)_\n- **--m3e-datepicker-modal-container-color** - Background color of the container in modal mode. _(default: undefined)_\n- **--m3e-datepicker-modal-container-shape** - Corner radius of the container in modal mode. _(default: undefined)_\n- **--m3e-divider-thickness** - Thickness of divider elements within the picker. _(default: undefined)_\n- **--m3e-divider-color** - Color of divider rules within the picker. _(default: undefined)_\n- **--m3e-dialog-scrim-color** - Base color used for the modal scrim behind the picker. _(default: undefined)_\n- **--m3e-dialog-scrim-opacity** - Opacity applied to the scrim color in modal mode. _(default: undefined)_",
      "attributes": [
        {
          "name": "variant",
          "description": "The appearance variant of the picker.",
          "values": [{ "name": "DatepickerVariant" }]
        },
        {
          "name": "clearable",
          "description": "Whether the user can clear the selected date and close the picker.",
          "values": []
        },
        {
          "name": "date",
          "description": "The selected date.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "max-date",
          "description": "The maximum date that can be selected.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "min-date",
          "description": "The minimum date that can be selected.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "range",
          "description": "Whether a range of dates can be selected.",
          "values": []
        },
        {
          "name": "range-end",
          "description": "End of a date range.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "range-start",
          "description": "Start of a date range.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "start-at",
          "description": "A date specifying the period (month or year) to start the calendar in.",
          "values": [{ "name": "Date" }]
        },
        {
          "name": "start-view",
          "description": "The initial view used to select a date.",
          "values": [{ "name": "CalendarView" }]
        },
        {
          "name": "previous-month-label",
          "description": "The accessible label given to the button used to move to the previous month.",
          "values": []
        },
        {
          "name": "next-month-label",
          "description": "The accessible label given to the button used to move to the next month.",
          "values": []
        },
        {
          "name": "previous-year-label",
          "description": "The accessible label given to the button used to move to the previous year.",
          "values": []
        },
        {
          "name": "next-year-label",
          "description": "The accessible label given to the button used to move to the next year.",
          "values": []
        },
        {
          "name": "previous-multi-year-label",
          "description": "The accessible label given to the button used to move to the previous 24 years.",
          "values": []
        },
        {
          "name": "next-multi-year-label",
          "description": "The accessible label given to the button used to move to the next 24 years.",
          "values": []
        },
        {
          "name": "clear-label",
          "description": "The label given to the button used clear the selected date and close the picker.",
          "values": []
        },
        {
          "name": "confirm-label",
          "description": "The label given to the button used apply the selected date and close the picker.",
          "values": []
        },
        {
          "name": "dismiss-label",
          "description": "The label given to the button used discard the selected date and close the picker.",
          "values": []
        },
        {
          "name": "label",
          "description": "The label given to the the picker.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-datepicker-toggle",
      "description": "An element, nested within a clickable element, used to toggle a datepicker.\n---\n\n\n### **Methods:**\n \n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
      "attributes": [
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-dialog-action",
      "description": "An element, nested within a clickable element, used to close a parenting dialog.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
      "attributes": [
        {
          "name": "return-value",
          "description": "The value to return from the dialog.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-dialog",
      "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",
          "description": "Whether the dialog is an alert.",
          "values": []
        },
        {
          "name": "close-label",
          "description": "The accessible label given to the button used to dismiss the dialog.",
          "values": []
        },
        {
          "name": "disable-close",
          "description": "Whether users cannot click the backdrop or press ESC to dismiss the dialog.",
          "values": []
        },
        {
          "name": "dismissible",
          "description": "Whether a button is presented that can be used to close the dialog.",
          "values": []
        },
        {
          "name": "no-focus-trap",
          "description": "Whether to disable focus trapping, which keeps keyboard `Tab` navigation within the dialog.",
          "values": []
        },
        {
          "name": "open",
          "description": "Whether the dialog is open.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-dialog-trigger",
      "description": "An element, nested within a clickable element, used to open a dialog.\n---\n\n\n### **Methods:**\n \n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.",
      "attributes": [
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-divider",
      "description": "A thin line that separates content in lists or other containers.\n---\n\n\n### **CSS Properties:**\n - **--m3e-divider-thickness** - Thickness of the divider line. _(default: undefined)_\n- **--m3e-divider-color** - Color of the divider line. _(default: undefined)_\n- **--m3e-divider-inset-size** - When inset, fallback inset size used when no specific start or end inset is provided. _(default: undefined)_\n- **--m3e-divider-inset-start-size** - When inset, leading inset size. _(default: undefined)_\n- **--m3e-divider-inset-end-size** - When inset, trailing inset size. _(default: undefined)_",
      "attributes": [
        {
          "name": "inset",
          "description": "Whether the divider is indented with equal padding on both sides.",
          "values": []
        },
        {
          "name": "inset-start",
          "description": "Whether the divider is indented with padding on the leading side.",
          "values": []
        },
        {
          "name": "inset-end",
          "description": "Whether the divider is indented with padding on the trailing side.",
          "values": []
        },
        {
          "name": "vertical",
          "description": "Whether the divider is vertically aligned with adjacent content.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-drawer-container",
      "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",
          "description": "Whether the end drawer is open.",
          "values": []
        },
        {
          "name": "end-mode",
          "description": "The behavior mode of the end drawer.",
          "values": [{ "name": "DrawerMode" }]
        },
        {
          "name": "end-divider",
          "description": "Whether to show a divider between the end drawer and content for `side` mode.",
          "values": []
        },
        {
          "name": "start",
          "description": "Whether the start drawer is open.",
          "values": []
        },
        {
          "name": "start-mode",
          "description": "The behavior mode of the start drawer.",
          "values": [{ "name": "DrawerMode" }]
        },
        {
          "name": "start-divider",
          "description": "Whether to show a divider between the start drawer and content for `side` mode.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-drawer-toggle",
      "description": "An element, nested within a clickable element, used to toggle the opened state of a drawer.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n",
      "attributes": [
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-expansion-header",
      "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",
          "description": "Whether to hide the expansion toggle.",
          "values": []
        },
        {
          "name": "toggle-direction",
          "description": "The direction of the expansion toggle.",
          "values": [{ "name": "ExpansionToggleDirection" }]
        },
        {
          "name": "toggle-position",
          "description": "The position of the expansion toggle.",
          "values": [{ "name": "ExpansionTogglePosition" }]
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-expansion-panel",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "hide-toggle",
          "description": "Whether to hide the expansion toggle.",
          "values": []
        },
        {
          "name": "open",
          "description": "Whether the panel is expanded.",
          "values": []
        },
        {
          "name": "toggle-direction",
          "description": "The direction of the expansion toggle.",
          "values": [{ "name": "ExpansionToggleDirection" }]
        },
        {
          "name": "toggle-position",
          "description": "The position of the expansion toggle.",
          "values": [{ "name": "ExpansionTogglePosition" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-accordion",
      "description": "Combines multiple expansion panels in to an accordion.\n---\n\n\n### **Slots:**\n - _default_ - Renders the panels of the accordion.",
      "attributes": [
        {
          "name": "multi",
          "description": "Whether multiple expansion panels can be open at the same time.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-fab",
      "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",
          "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": "extended",
          "description": "Whether the button is extended to show the label.",
          "values": []
        },
        {
          "name": "href",
          "description": "The URL to which the link button points.",
          "values": []
        },
        {
          "name": "lowered",
          "description": "Whether to present a lowered elevation.",
          "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": "size",
          "description": "The size of the button.",
          "values": [{ "name": "FabSize" }]
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        },
        {
          "name": "type",
          "description": "The type of the element.",
          "values": [{ "name": "FormSubmitterType" }]
        },
        {
          "name": "value",
          "description": "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": "FabVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-menu-item",
      "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",
          "description": "Whether the element is disabled.",
          "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": "rel",
          "description": "The relationship between the `target` of the link button and the document.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-fab-menu",
      "description": "A menu, opened from a floating action button (FAB), used to display multiple related actions.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_): _Promise<void>_** - Opens the menu.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the menu.\n- **toggle(trigger: _HTMLElement_): _Promise<void>_** - Toggles the menu.\n\n### **Slots:**\n - _default_ - Renders the contents of the menu.\n\n### **CSS Properties:**\n - **--m3e-fab-menu-spacing** - Vertical gap between menu items. _(default: undefined)_\n- **--m3e-fab-menu-max-width** - Maximum width of the menu. _(default: undefined)_\n- **--m3e-primary-fab-color** - Foreground color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-container-color** - Container color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-hover-color** - Hover background color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-focus-color** - Focus background color for primary variant items. _(default: undefined)_\n- **--m3e-primary-fab-ripple-color** - Ripple color for primary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-color** - Foreground color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-container-color** - Container color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-hover-color** - Hover background color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-focus-color** - Focus background color for secondary variant items. _(default: undefined)_\n- **--m3e-secondary-fab-ripple-color** - Ripple color for secondary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-color** - Foreground color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-container-color** - Container color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-hover-color** - Hover background color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-focus-color** - Focus background color for tertiary variant items. _(default: undefined)_\n- **--m3e-tertiary-fab-ripple-color** - Ripple color for tertiary variant items. _(default: undefined)_",
      "attributes": [
        {
          "name": "variant",
          "description": "The appearance variant of the menu.",
          "values": [{ "name": "FabMenuVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-fab-menu-trigger",
      "description": "An element, nested within a clickable element, used to open a floating action button (FAB) menu.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n",
      "attributes": [
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-heading",
      "description": "A heading to a page or section.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the heading.\n\n### **CSS Properties:**\n - **--md-sys-typescale-display-large-font-size** - Font size for Display Large text, ideal for hero headlines _(default: undefined)_\n- **--md-sys-typescale-display-large-font-weight** - Font weight for Display Large text _(default: undefined)_\n- **--md-sys-typescale-display-large-tracking** - Letter spacing for Display Large text _(default: undefined)_\n- **--md-sys-typescale-display-large-line-height** - Line height for Display Large text _(default: undefined)_\n- **--md-sys-typescale-display-medium-font-size** - Font size for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-medium-font-weight** - Font weight for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-medium-tracking** - Letter spacing for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-medium-line-height** - Line height for Display Medium text _(default: undefined)_\n- **--md-sys-typescale-display-small-font-size** - Font size for Display Small text _(default: undefined)_\n- **--md-sys-typescale-display-small-font-weight** - Font weight for Display Small text _(default: undefined)_\n- **--md-sys-typescale-display-small-tracking** - Letter spacing for Display Small text _(default: undefined)_\n- **--md-sys-typescale-display-small-line-height** - Line height for Display Small text _(default: undefined)_\n- **--md-sys-typescale-headline-large-font-size** - Font size for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-large-font-weight** - Font weight for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-large-tracking** - Letter spacing for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-large-line-height** - Line height for Headline Large text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-font-size** - Font size for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-font-weight** - Font weight for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-tracking** - Letter spacing for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-medium-line-height** - Line height for Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-headline-small-font-size** - Font size for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-headline-small-font-weight** - Font weight for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-headline-small-tracking** - Letter spacing for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-headline-small-line-height** - Line height for Headline Small text _(default: undefined)_\n- **--md-sys-typescale-title-large-font-size** - Font size for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-large-font-weight** - Font weight for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-large-tracking** - Letter spacing for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-large-line-height** - Line height for Title Large text _(default: undefined)_\n- **--md-sys-typescale-title-medium-font-size** - Font size for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-medium-font-weight** - Font weight for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-medium-tracking** - Letter spacing for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-medium-line-height** - Line height for Title Medium text _(default: undefined)_\n- **--md-sys-typescale-title-small-font-size** - Font size for Title Small text _(default: undefined)_\n- **--md-sys-typescale-title-small-font-weight** - Font weight for Title Small text _(default: undefined)_\n- **--md-sys-typescale-title-small-tracking** - Letter spacing for Title Small text _(default: undefined)_\n- **--md-sys-typescale-title-small-line-height** - Line height for Title Small text _(default: undefined)_\n- **--md-sys-typescale-label-large-font-size** - Font size for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-large-font-weight** - Font weight for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-large-tracking** - Letter spacing for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-large-line-height** - Line height for Label Large text _(default: undefined)_\n- **--md-sys-typescale-label-medium-font-size** - Font size for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-medium-font-weight** - Font weight for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-medium-tracking** - Letter spacing for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-medium-line-height** - Line height for Label Medium text _(default: undefined)_\n- **--md-sys-typescale-label-small-font-size** - Font size for Label Small text _(default: undefined)_\n- **--md-sys-typescale-label-small-font-weight** - Font weight for Label Small text _(default: undefined)_\n- **--md-sys-typescale-label-small-tracking** - Letter spacing for Label Small text _(default: undefined)_\n- **--md-sys-typescale-label-small-line-height** - Line height for Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-font-size** - Font size for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-font-weight** - Font weight for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-tracking** - Letter spacing for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-large-line-height** - Line height for emphasized Display Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-font-size** - Font size for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-font-weight** - Font weight for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-tracking** - Letter spacing for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-medium-line-height** - Line height for emphasized Display Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-font-size** - Font size for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-font-weight** - Font weight for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-tracking** - Letter spacing for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-display-small-line-height** - Line height for emphasized Display Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-font-size** - Font size for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-font-weight** - Font weight for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-tracking** - Letter spacing for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-large-line-height** - Line height for emphasized Headline Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-font-size** - Font size for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-font-weight** - Font weight for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-tracking** - Letter spacing for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-medium-line-height** - Line height for emphasized Headline Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-font-size** - Font size for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-font-weight** - Font weight for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-tracking** - Letter spacing for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-headline-small-line-height** - Line height for emphasized Headline Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-font-size** - Font size for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-font-weight** - Font weight for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-tracking** - Letter spacing for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-large-line-height** - Line height for emphasized Title Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-font-size** - Font size for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-font-weight** - Font weight for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-tracking** - Letter spacing for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-medium-line-height** - Line height for emphasized Title Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-font-size** - Font size for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-font-weight** - Font weight for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-tracking** - Letter spacing for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-title-small-line-height** - Line height for emphasized Title Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-font-size** - Font size for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-font-weight** - Font weight for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-tracking** - Letter spacing for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-large-line-height** - Line height for emphasized Label Large text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-font-size** - Font size for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-font-weight** - Font weight for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-tracking** - Letter spacing for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-medium-line-height** - Line height for emphasized Label Medium text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-font-size** - Font size for emphasized Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-font-weight** - Font weight for emphasized Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-tracking** - Letter spacing for emphasized Label Small text _(default: undefined)_\n- **--md-sys-typescale-emphasized-label-small-line-height** - Line height for emphasized Label Small text _(default: undefined)_",
      "attributes": [
        {
          "name": "emphasized",
          "description": "Whether the heading uses an emphasized typescale.",
          "values": []
        },
        {
          "name": "level",
          "description": "The accessibility level of the heading.",
          "values": [{ "name": "HeadingLevel" }]
        },
        {
          "name": "size",
          "description": "The size of the heading.",
          "values": [{ "name": "HeadingSize" }]
        },
        {
          "name": "variant",
          "description": "The appearance variant of the heading.",
          "values": [{ "name": "HeadingVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-icon",
      "description": "A small symbol used to easily identify an action or category.\n---\n",
      "attributes": [
        {
          "name": "filled",
          "description": "Whether the icon is filled.",
          "values": []
        },
        {
          "name": "grade",
          "description": "The grade of the icon.",
          "values": [{ "name": "IconGrade" }]
        },
        {
          "name": "optical-size",
          "description": "A value from 20 to 48 indicating the optical size of the icon.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name of the icon.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the icon.",
          "values": [{ "name": "IconVariant" }]
        },
        {
          "name": "weight",
          "description": "A value from 100 to 700 indicating the weight of the icon.",
          "values": [{ "name": "IconWeight" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-list-item",
      "description": "An item in a list.\n---\n\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-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-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-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-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-three-line-top-offset** - Top offset for media in 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": [],
      "references": []
    },
    {
      "name": "m3e-list",
      "description": "A list of items.\n---\n\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": "variant",
          "description": "The appearance variant of the list.",
          "values": [{ "name": "ListVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-list-item-button",
      "description": "\n---\n\n\n### **Events:**\n - **click**\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-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-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-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-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-three-line-top-offset** - Top offset for media in 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": "href",
          "description": "The URL to which the link button points.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        },
        {
          "name": "rel",
          "description": "The relationship between the `target` of the link button and the document.",
          "values": []
        },
        {
          "name": "download",
          "description": "A value indicating whether the `target` of the link button will be downloaded,\r\noptionally specifying the new name of the file.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-list-action",
      "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",
          "description": "Whether the element is disabled.",
          "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": "rel",
          "description": "The relationship between the `target` of the link button and the document.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        }
      ],
      "references": []
    },
    {
      "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** - 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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "open",
          "description": "Whether the item is expanded.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-action-list",
      "description": "A list of actions.\n---\n\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": "variant",
          "description": "The appearance variant of the list.",
          "values": [{ "name": "ListVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-list-option",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "selected",
          "description": "Whether the element is selected.",
          "values": []
        },
        {
          "name": "value",
          "description": "A string representing the value of the option.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-selection-list",
      "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",
          "description": "Whether to hide the selection indicator.",
          "values": []
        },
        {
          "name": "multi",
          "description": "Whether multiple items can be selected.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the list.",
          "values": [{ "name": "ListVariant" }]
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-loading-indicator",
      "description": "Shows indeterminate progress for a short wait time.\n---\n\n\n### **CSS Properties:**\n - **--m3e-loading-indicator-active-indicator-color** - Uncontained active indicator color. _(default: undefined)_\n- **--m3e-loading-indicator-contained-active-indicator-color** - Contained active indicator color. _(default: undefined)_\n- **--m3e-loading-indicator-contained-container-color** - Contained container (background) color. _(default: undefined)_\n- **--m3e-loading-indicator-active-indicator-size** - Size of the active indicator. _(default: undefined)_\n- **--m3e-loading-indicator-container-shape** - Container shape. _(default: undefined)_\n- **--m3e-loading-indicator-container-size** - Container size. _(default: undefined)_",
      "attributes": [
        {
          "name": "variant",
          "description": "The appearance variant of the indicator.",
          "values": [{ "name": "LoadingIndicatorVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-menu-trigger",
      "description": "An element, nested within a clickable element, used to open a menu.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n\n### **Slots:**\n - _default_ - Renders the contents of the trigger.",
      "attributes": [
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-menu-item",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "download",
          "description": "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": "rel",
          "description": "The relationship between the `target` of the link button and the document.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-menu",
      "description": "Presents a list of choices on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_): _Promise<void>_** - Opens the menu.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the menu.\n- **hideAll(restoreFocus: _boolean_): _void_** - Closes this menu and any parenting menus.\n- **toggle(trigger: _HTMLElement_): _Promise<void>_** - Toggles the menu.\n\n### **Slots:**\n - _default_ - Renders the contents of the menu.\n\n### **CSS Properties:**\n - **--m3e-menu-container-shape** - Controls the corner radius of the menu container. _(default: undefined)_\n- **--m3e-menu-active-container-shape** - Controls the corner radius of the menu container when active. _(default: undefined)_\n- **--m3e-menu-container-min-width** - Minimum width of the menu container. _(default: undefined)_\n- **--m3e-menu-container-max-width** - Maximum width of the menu container. _(default: undefined)_\n- **--m3e-menu-container-max-height** - Maximum height of the menu container. _(default: undefined)_\n- **--m3e-menu-container-padding-block** - Vertical padding inside the menu container. _(default: undefined)_\n- **--m3e-menu-container-padding-inline** - Horizontal padding inside the menu container. _(default: undefined)_\n- **--m3e-menu-container-color** - Background color of the menu container. _(default: undefined)_\n- **--m3e-menu-container-elevation** - Box shadow elevation of the menu container. _(default: undefined)_\n- **--m3e-vibrant-menu-container-color** - Background color of the menu container for vibrant variant. _(default: undefined)_\n- **--m3e-menu-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_\n- **--m3e-menu-gap** - Gap between content in the menu. _(default: undefined)_",
      "attributes": [
        {
          "name": "position-x",
          "description": "The position of the menu, on the x-axis.",
          "values": [{ "name": "MenuPositionX" }]
        },
        {
          "name": "position-y",
          "description": "The position of the menu, on the y-axis.",
          "values": [{ "name": "MenuPositionY" }]
        },
        {
          "name": "variant",
          "description": "The appearance variant of the menu.",
          "values": [{ "name": "MenuVariant" }]
        },
        {
          "name": "submenu",
          "description": "A value indicating whether the menu is a submenu.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-menu-item-checkbox",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "checked",
          "description": "Whether the element is checked.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-menu-item-group",
      "description": "Groups related items (such a radios) in a menu.\n---\n\n\n### **Slots:**\n - _default_ - Renders the contents of the group.",
      "attributes": [],
      "references": []
    },
    {
      "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** - 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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "checked",
          "description": "Whether the element is checked.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "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 - **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",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        },
        {
          "name": "disabled-interactive",
          "description": "A value indicating 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": "orientation",
          "description": "The layout orientation of the item.",
          "values": [{ "name": "NavItemOrientation" }]
        },
        {
          "name": "rel",
          "description": "The relationship between the `target` of the link button and the document.",
          "values": []
        },
        {
          "name": "selected",
          "description": "A value indicating whether the element is selected.",
          "values": []
        },
        {
          "name": "target",
          "description": "The target of the link button.",
          "values": [{ "name": "LinkTarget" }]
        }
      ],
      "references": []
    },
    {
      "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** - 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",
          "description": "The mode in which items in the bar are presented.",
          "values": [{ "name": "NavBarMode" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-nav-menu-item",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "open",
          "description": "Whether the item is expanded.",
          "values": []
        },
        {
          "name": "selected",
          "description": "Whether the item is selected.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-nav-menu",
      "description": "A hierarchical menu, typically used on larger devices, that allows a user to switch between views.\n---\n\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands all items, and optionally, all descendants.\n- **expand(items: _M3eNavMenuItemElement[]_, 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: _M3eNavMenuItemElement[]_, descendants: _boolean_): _void_** - Collapses the specified items, and optionally, all descendants.\n\n### **Slots:**\n - _default_ - Renders the items of the menu.\n\n### **CSS Properties:**\n - **--m3e-nav-menu-padding-top** - Top padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-padding-bottom** - Bottom padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-padding-left** - Left padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-padding-right** - Right padding for the menu. _(default: undefined)_\n- **--m3e-nav-menu-divider-margin** - Margin for divider elements in the menu. _(default: undefined)_\n- **--m3e-nav-menu-scrollbar-width** - Width of the menu scrollbar. _(default: undefined)_\n- **--m3e-nav-menu-scrollbar-color** - Color of the menu scrollbar. _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-nav-menu-item-group",
      "description": "A top-level semantic grouping of items in a navigation menu.\n---\n\n\n### **Slots:**\n - _default_ - Renders the items of the group.\n- **label** - Renders the label of the group.\n\n### **CSS Properties:**\n - **--m3e-nav-menu-item-group-label-inset** - Insets the label from the start edge of the group. _(default: undefined)_\n- **--m3e-nav-menu-item-group-label-space** - Vertical spacing around the group's label. _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "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 - **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",
          "description": "The mode in which items in the rail are presented.",
          "values": [{ "name": "NavBarMode" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-nav-rail-toggle",
      "description": "An element, nested within a clickable element, used to toggle the expanded state of a navigation rail.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n",
      "attributes": [
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "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** - 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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "hide-selection-indicator",
          "description": "Whether to hide the selection indicator for single select options.",
          "values": []
        },
        {
          "name": "multi",
          "description": "Whether multiple options can be selected.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        },
        {
          "name": "panel-class",
          "description": "Class or list of classes to be applied to the select's overlay panel.",
          "values": []
        },
        {
          "name": "required",
          "description": "Whether the element is required.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-paginator",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "first-page-label",
          "description": "The accessible label given to the button used to move to the first page.",
          "values": []
        },
        {
          "name": "hide-page-size",
          "description": "Whether to hide page size selection.",
          "values": []
        },
        {
          "name": "items-per-page-label",
          "description": "The label for the page size selector.",
          "values": []
        },
        {
          "name": "last-page-label",
          "description": "The accessible label given to the button used to move to the last page.",
          "values": []
        },
        {
          "name": "length",
          "description": "The length of the total number of items which are being paginated.",
          "values": []
        },
        {
          "name": "next-page-label",
          "description": "The accessible label given to the button used to move to the next page.",
          "values": []
        },
        {
          "name": "page-index",
          "description": "The zero-based page index of the displayed list of items.",
          "values": []
        },
        {
          "name": "page-size",
          "description": "The number of items to display in a page.",
          "values": [{ "name": "all" }]
        },
        {
          "name": "page-sizes",
          "description": "A comma separated list of available page sizes.",
          "values": []
        },
        {
          "name": "page-size-variant",
          "description": "The appearance variant of the page size field.",
          "values": [{ "name": "FormFieldVariant" }]
        },
        {
          "name": "previous-page-label",
          "description": "The accessible label given to the button used to move to the previous page.",
          "values": []
        },
        {
          "name": "show-first-last-buttons",
          "description": "Whether to show first/last buttons.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-circular-progress-indicator",
      "description": "A circular indicator of progress and activity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content inside the progress indicator.\n\n### **CSS Properties:**\n - **--m3e-circular-flat-progress-indicator-diameter** - Diameter of the `flat` variant. _(default: undefined)_\n- **--m3e-circular-wavy-progress-indicator-diameter** - Diameter of the `wavy` variant. _(default: undefined)_\n- **--m3e-circular-wavy-progress-indicator-amplitude** - Amplitude of the `wavy` variant. _(default: undefined)_\n- **--m3e-circular-wavy-progress-indicator-wavelength** - Wavelength of the `wavy` variant. _(default: undefined)_\n- **--m3e-circular-progress-indicator-thickness** - Thickness of the progress indicator. _(default: undefined)_\n- **--m3e-progress-indicator-track-color** - Track color of the progress indicator (background). _(default: undefined)_\n- **--m3e-progress-indicator-color** - Color of the progress indicator (foreground). _(default: undefined)_",
      "attributes": [
        {
          "name": "indeterminate",
          "description": "Whether to show something is happening without conveying progress.",
          "values": []
        },
        {
          "name": "max",
          "description": "The maximum progress value.",
          "values": []
        },
        {
          "name": "value",
          "description": "A fractional value, between 0 and `max`, indicating progress.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance of the indicator.",
          "values": [{ "name": "ProgressIndicatorVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-linear-progress-indicator",
      "description": "A horizontal bar for indicating progress and activity.\n---\n\n\n### **CSS Properties:**\n - **--m3e-linear-progress-indicator-thickness** - Thickness (height) of the progress bar. _(default: undefined)_\n- **--m3e-linear-progress-indicator-shape** - Border radius of the progress bar. _(default: undefined)_\n- **--m3e-progress-indicator-track-color** - Track color of the progress bar (background/buffer). _(default: undefined)_\n- **--m3e-progress-indicator-color** - Color of the progress indicator (foreground). _(default: undefined)_\n- **--m3e-linear-wavy-progress-indicator-amplitude** - Amplitude of the `wavy` variant. _(default: undefined)_\n- **--m3e-linear-wavy-progress-indicator-wavelength** - Wavelength of the `wavy` variant. _(default: undefined)_\n- **--m3e-linear-wavy-indeterminate-progress-indicator-wavelength** - Wavelength of the indeterminate/query `wavy` variant. _(default: undefined)_",
      "attributes": [
        {
          "name": "buffer-value",
          "description": "A fractional value, between 0 and `max`, indicating buffer progress.",
          "values": []
        },
        {
          "name": "max",
          "description": "The maximum progress value.",
          "values": []
        },
        {
          "name": "mode",
          "description": "The mode of the progress bar.",
          "values": [{ "name": "LinearProgressMode" }]
        },
        {
          "name": "value",
          "description": "A fractional value, between 0 and `max`, indicating progress.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance of the indicator.",
          "values": [{ "name": "ProgressIndicatorVariant" }]
        }
      ],
      "references": []
    },
    {
      "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 - **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",
          "description": "Whether the element is checked.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "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 radio.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-radio-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": [] },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "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": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-search-bar",
      "description": "A bar that provides a prominent entry point for search.\n---\n\n\n### **Events:**\n - **clear** - Dispatched when the search term is cleared.\n\n### **Methods:**\n - **clear(): _void_** - Clears the search term.\n\n### **Slots:**\n - **leading** - Renders content before the input of the bar.\n- **input** - Renders the input of the bar.\n- **trailing** - Renders content after the input of the bar.\n\n### **CSS Properties:**\n - **--m3e-search-bar-container-color** - Background color of the search bar container. _(default: undefined)_\n- **--m3e-search-bar-leading-icon-color** - Color of the leading icon. _(default: undefined)_\n- **--m3e-search-bar-trailing-icon-color** - Color of the trailing icon. _(default: undefined)_\n- **--m3e-search-bar-container-height** - Height of the search bar container. _(default: undefined)_\n- **--m3e-search-bar-container-shape** - Shape (border radius) of the search bar container. _(default: undefined)_\n- **--m3e-search-bar-icon-size** - Size of icons inside the search bar. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-color** - Color of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-font-size** - Font size of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-font-weight** - Font weight of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-line-height** - Line height of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-supporting-text-tracking** - Letter spacing of the supporting text. _(default: undefined)_\n- **--m3e-search-bar-input-color** - Color of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-font-size** - Font size of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-font-weight** - Font weight of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-line-height** - Line height of the input text. _(default: undefined)_\n- **--m3e-search-bar-input-text-tracking** - Letter spacing of the input text. _(default: undefined)_\n- **--m3e-search-bar-leading-space** - Space before the leading icon. _(default: undefined)_\n- **--m3e-search-bar-trailing-space** - Space after the trailing icon. _(default: undefined)_\n- **--m3e-search-bar-no-actions-leading-space** - Leading padding when no actions are present. _(default: undefined)_\n- **--m3e-search-bar-no-actions-trailing-space** - Trailing padding when no actions are present. _(default: undefined)_\n- **--m3e-search-bar-leading-actions-trailing-space** - Space between leading actions and the input. _(default: undefined)_\n- **--m3e-search-bar-trailing-actions-leading-space** - Space between the input and trailing actions. _(default: undefined)_\n- **--m3e-search-bar-actions-gap** - Gap between action icons. _(default: undefined)_",
      "attributes": [
        {
          "name": "clearable",
          "description": "Whether the bar presents a button used to clear the search term.",
          "values": []
        },
        {
          "name": "clear-label",
          "description": "The accessible label given to the button used to clear the search term.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-search-view",
      "description": "A surface that presents suggestions and results for a search.\n---\n\n\n### **Events:**\n - **query** - Dispatched when the view is opened or when the user modifies the search term.\n- **clear** - Dispatched when the search term is cleared.\n- **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **clear(): _void_** - Clears the search term.\n\n### **Slots:**\n - _default_ - When open, renders the results content of the view.\n- **input** - Renders the input of the view.\n- **open-leading** - When open, renders content before the input of the view.\n- **open-trailing** - When open, renders content after the input of the view.\n- **closed-leading** - When closed, renders content before the input of the view.\n- **closed-trailing** - When closed, renders content after the input of the view.\n\n### **CSS Properties:**\n - **--m3e-search-view-container-color** - Background color of the view container. _(default: undefined)_\n- **--m3e-search-view-contained-container-color** - Background color of the contained view container. _(default: undefined)_\n- **--m3e-search-view-divider-color** - Color of the divider separating header and results. _(default: undefined)_\n- **--m3e-search-view-divider-thickness** - Thickness of the divider separating header and results. _(default: undefined)_\n- **--m3e-search-view-full-screen-container-shape** - Shape of the fullscreen view container. _(default: undefined)_\n- **--m3e-search-view-full-screen-header-container-height** - Height of the header container in fullscreen mode. _(default: undefined)_\n- **--m3e-search-view-docked-container-shape** - Shape of the docked view container. _(default: undefined)_\n- **--m3e-search-view-docked-header-container-height** - Height of the header container in docked mode. _(default: undefined)_\n- **--m3e-search-view-contained-leading-margin** - Leading margin for the contained view. _(default: undefined)_\n- **--m3e-search-view-contained-trailing-margin** - Trailing margin for the contained view. _(default: undefined)_\n- **--m3e-search-view-contained-focused-leading-margin** - Leading margin when the contained view is focused. _(default: undefined)_\n- **--m3e-search-view-contained-focused-trailing-margin** - Trailing margin when the contained view is focused. _(default: undefined)_\n- **--m3e-search-view-contained-docked-bar-results-gap** - Gap between the contained docked bar and results. _(default: undefined)_\n- **--m3e-search-view-contained-docked-results-shape** - Shape of the results container in contained docked mode. _(default: undefined)_\n- **--m3e-search-view-contained-docked-bar-shape** - Shape of the bar in contained docked mode. _(default: undefined)_\n- **--m3e-search-view-contained-full-screen-bar-container-height** - Height of the bar container in contained fullscreen mode. _(default: undefined)_\n- **--m3e-search-view-docked-container-min-height** - Minimum height of the docked view container. _(default: undefined)_\n- **--m3e-search-view-docked-container-max-height** - Maximum height of the docked view container. _(default: undefined)_\n- **--m3e-search-view-contained-docked-results-space** - Space above the results in contained docked mode. _(default: undefined)_\n- **--m3e-search-view-docked-results-bottom-space** - Space below the results in docked mode. _(default: undefined)_\n- **--m3e-search-view-docked-scrim-color** - Color of the scrim behind the docked view. _(default: undefined)_\n- **--m3e-search-view-docked-scrim-opacity** - Opacity of the scrim behind the docked view. _(default: undefined)_",
      "attributes": [
        {
          "name": "contained",
          "description": "Whether the view features a persistent, filled search container.",
          "values": []
        },
        {
          "name": "mode",
          "description": "The behavior mode of the view.",
          "values": [{ "name": "SearchViewMode" }]
        },
        {
          "name": "open",
          "description": "Whether the view is expanded to show results.",
          "values": []
        },
        {
          "name": "clear-label",
          "description": "The accessible label given to the button used to clear the search term.",
          "values": []
        },
        {
          "name": "close-label",
          "description": "The accessible label given to the button used to collapse the view.",
          "values": []
        },
        {
          "name": "hide-search-icon",
          "description": "Whether to hide the search icon.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-button-segment",
      "description": "A option that can be selected within a segmented button.\n---\n\n\n### **Events:**\n - **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",
          "description": "Whether the element is checked.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "value",
          "description": "A string representing the value of the segment.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "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** - 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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "hide-selection-indicator",
          "description": "Whether to hide the selection indicator.",
          "values": []
        },
        {
          "name": "multi",
          "description": "Whether multiple options can be selected.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-shape",
      "description": "A shape used to add emphasis and decorative flair.\n---\n\n\n### **Slots:**\n - _default_ - Renders the clipped content of the shape.\n\n### **CSS Properties:**\n - **--m3e-shape-size** - Default size of the shape. _(default: undefined)_\n- **--m3e-shape-container-color** - Container (background) color of the shape. _(default: undefined)_\n- **--m3e-shape-transition** - Transition used to morph between shapes. _(default: undefined)_",
      "attributes": [
        {
          "name": "name",
          "description": "The name of the shape.",
          "values": [{ "name": "ShapeName" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-skeleton",
      "description": "A visual placeholder that mimics the layout of content while it's still loading.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to be mimicked by the skeleton.\n\n### **CSS Properties:**\n - **--m3e-skeleton-color** - Base fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-color** - Tint fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-opacity** - Tint Opacity applied when the skeleton animation is not pulsating. _(default: undefined)_\n- **--m3e-skeleton-accent-color** - Accent color used in wave animation. _(default: undefined)_\n- **--m3e-skeleton-accent-opacity** - Opacity of the accent effect in animations. _(default: undefined)_\n- **--m3e-skeleton-rounded-shape** - Corner radius for the rounded skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-circular-shape** - Corner radius for the circular skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-square-shape** - Corner radius for the square skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-shape** - Corner radius for the skeleton shape. _(default: undefined)_",
      "attributes": [
        {
          "name": "animation",
          "description": "The animation effect of the skeleton.",
          "values": [{ "name": "SkeletonAnimation" }]
        },
        {
          "name": "shape",
          "description": "The shape of the skeleton.",
          "values": [{ "name": "SkeletonShape" }]
        },
        {
          "name": "loaded",
          "description": "Whether the content of the skeleton has been loaded.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-slide-group",
      "description": "Presents pagination controls used to scroll overflowing content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to paginate.\n- **next-icon** - Renders the icon to present for the next button.\n- **prev-icon** - Renders the icon to present for the previous button.\n\n### **CSS Properties:**\n - **--m3e-slide-group-button-icon-size** - Sets icon size for scroll buttons; overrides default small icon size. _(default: undefined)_\n- **--m3e-slide-group-button-size** - Defines scroll button size; used for width (horizontal) or height (vertical). _(default: undefined)_\n- **--m3e-slide-group-divider-top** - Adds top border to content container for visual separation. _(default: undefined)_\n- **--m3e-slide-group-divider-bottom** - Adds bottom border to content container for visual separation. _(default: undefined)_",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether scroll buttons are disabled.",
          "values": []
        },
        {
          "name": "next-page-label",
          "description": "The accessible label given to the button used to move to the next page.",
          "values": []
        },
        {
          "name": "previous-page-label",
          "description": "The accessible label given to the button used to move to the previous page.",
          "values": []
        },
        {
          "name": "threshold",
          "description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.",
          "values": []
        },
        {
          "name": "vertical",
          "description": "Whether content is oriented vertically.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-slider-thumb",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        },
        {
          "name": "value",
          "description": "The value of the thumb.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-slider",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "discrete",
          "description": "Whether to show tick marks.",
          "values": []
        },
        {
          "name": "labelled",
          "description": "Whether to show value labels when activated.",
          "values": []
        },
        {
          "name": "max",
          "description": "The maximum allowable value.",
          "values": []
        },
        {
          "name": "min",
          "description": "The minimum allowable value.",
          "values": []
        },
        {
          "name": "step",
          "description": "The value at which the thumb will snap.",
          "values": []
        },
        {
          "name": "size",
          "description": "The size of the slider.",
          "values": [{ "name": "SliderSize" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-snackbar",
      "description": "Presents short updates about application processes at the bottom of the screen.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Slots:**\n - _default_ - Renders the content of the snackbar.\n- **close-icon** - Renders the icon of the button used to close the snackbar.\n\n### **CSS Properties:**\n - **--m3e-snackbar-margin** - Vertical offset from the bottom of the viewport. _(default: undefined)_\n- **--m3e-snackbar-container-shape** - Border radius of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-container-color** - Background color of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-padding** - Internal spacing of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-min-width** - Minimum width of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-max-width** - Maximum width of the snackbar. _(default: undefined)_",
      "attributes": [
        {
          "name": "action",
          "description": "The label of the snackbar's action.",
          "values": []
        },
        {
          "name": "close-label",
          "description": "The accessible label given to the button used to dismiss the snackbar.",
          "values": []
        },
        {
          "name": "dismissible",
          "description": "Whether a button is presented that can be used to close the snackbar.",
          "values": []
        },
        {
          "name": "duration",
          "description": "The length of time, in milliseconds, to wait before automatically dismissing the snackbar.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-split-button",
      "description": "A button used to show an action with a menu of related actions.\n---\n\n\n### **Slots:**\n - **leading-button** - The leading button used to perform the primary action.\n- **trailing-button** - The trailing icon button used to open a menu of related actions.\n\n### **CSS Properties:**\n - **--m3e-split-button-extra-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-leading-space** - Leading space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (small, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-leading-space** - Leading space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (medium, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-leading-space** - Leading space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-unselected-trailing-space** - Trailing space for the trailing button (extra-large, unselected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-leading-space** - Leading space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-small-trailing-button-selected-trailing-space** - Trailing space for the trailing button (small, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-leading-space** - Leading space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-medium-trailing-button-selected-trailing-space** - Trailing space for the trailing button (medium, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-leading-space** - Leading space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-leading-space** - Leading space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-large-trailing-button-selected-trailing-space** - Trailing space for the trailing button (extra-large, selected). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-size** - Inner corner size for the leading/trailing button (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-size** - Inner corner size for the leading/trailing button (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-size** - Inner corner size for the leading/trailing button (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-size** - Inner corner size for the leading/trailing button (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-size** - Inner corner size for the leading/trailing button (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-hover-size** - Inner corner size on hover (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-hover-size** - Inner corner size on hover (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-hover-size** - Inner corner size on hover (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-hover-size** - Inner corner size on hover (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-hover-size** - Inner corner size on hover (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-inner-corner-pressed-size** - Inner corner size on press (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-inner-corner-pressed-size** - Inner corner size on press (small). _(default: undefined)_\n- **--m3e-split-button-medium-inner-corner-pressed-size** - Inner corner size on press (medium). _(default: undefined)_\n- **--m3e-split-button-large-inner-corner-pressed-size** - Inner corner size on press (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-inner-corner-pressed-size** - Inner corner size on press (extra-large). _(default: undefined)_\n- **--m3e-split-button-extra-small-between-spacing** - Spacing between leading and trailing buttons (extra-small). _(default: undefined)_\n- **--m3e-split-button-small-between-spacing** - Spacing between leading and trailing buttons (small). _(default: undefined)_\n- **--m3e-split-button-medium-between-spacing** - Spacing between leading and trailing buttons (medium). _(default: undefined)_\n- **--m3e-split-button-large-between-spacing** - Spacing between leading and trailing buttons (large). _(default: undefined)_\n- **--m3e-split-button-extra-large-between-spacing** - Spacing between leading and trailing buttons (extra-large). _(default: undefined)_",
      "attributes": [
        {
          "name": "variant",
          "description": "The appearance variant of the button.",
          "values": [{ "name": "SplitButtonVariant" }]
        },
        {
          "name": "size",
          "description": "The size of the button.",
          "values": [{ "name": "ButtonSize" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-split-pane",
      "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",
          "description": "Detents (discrete sizes) the start pane can snap to.",
          "values": [{ "name": "string[]" }]
        },
        {
          "name": "label",
          "description": "The accessible label given to the movable drag handle.",
          "values": []
        },
        {
          "name": "max",
          "description": "A fractional value, between 0 and 100, indicating the maximum size of the start pane.",
          "values": []
        },
        {
          "name": "min",
          "description": "A fractional value, between 0 and 100, indicating the minimum size of the start pane.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "The orientation of the split.",
          "values": [{ "name": "SplitPaneOrientation" }]
        },
        {
          "name": "overshoot-limit",
          "description": "A fractional value, between 0 and 100, indicating the maximum visual overshoot allowed when dragging past the minimum or maximum size.",
          "values": []
        },
        {
          "name": "step",
          "description": "A fractional value, between 0 and 100, indicating the increment by which to adjust the value when resized via keyboard.",
          "values": []
        },
        {
          "name": "value",
          "description": "A fractional value, between 0 and 100, indicating the size of the start pane.",
          "values": []
        },
        {
          "name": "wrap-detents",
          "description": "Whether cycling through detents will wrap.",
          "values": []
        },
        {
          "name": "valueFormatter",
          "description": "A function used to generates human readable text for the accessible value (`aria-valuetext`) of the drag handle.",
          "values": [
            {
              "name": "(\r\n    value: number,\r\n    orientation: Omit<SplitPaneOrientation, \"auto\">,\r\n    dir: Direction,\r\n  ) => string"
            }
          ]
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-stepper",
      "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",
          "description": "The position of the step header, when oriented horizontally.",
          "values": [{ "name": "StepHeaderPosition" }]
        },
        {
          "name": "label-position",
          "description": "The position of the step labels, when oriented horizontally.",
          "values": [{ "name": "StepLabelPosition" }]
        },
        {
          "name": "linear",
          "description": "Whether the validity of previous steps should be checked or not.",
          "values": []
        },
        {
          "name": "orientation",
          "description": "The orientation of the stepper.",
          "values": [{ "name": "StepperOrientation" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-step-panel",
      "description": "A panel presented for a step in a wizard-like workflow.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the panel.\n- **actions-** - Renders the actions bar of the panel.\n\n### **CSS Properties:**\n - **--m3e-step-panel-padding** - Padding inside the step panel container, defining internal spacing around content. _(default: undefined)_\n- **--m3e-step-panel-spacing** - Vertical gap between stacked elements within the step panel. _(default: undefined)_\n- **--m3e-step-panel-actions-height** - Minimum height of the slotted actions container. _(default: undefined)_",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-step",
      "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",
          "description": "Whether the step has been completed.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "editable",
          "description": "Whether the step is editable and users can return to it after completion.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "optional",
          "description": "Whether the step is optional.",
          "values": []
        },
        {
          "name": "selected",
          "description": "Whether the element is selected.",
          "values": []
        },
        {
          "name": "invalid",
          "description": "Whether the step has an error.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-stepper-previous",
      "description": "An element, nested within a clickable element, used to move a stepper to the next step.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-stepper-previous",
      "description": "An element, nested within a clickable element, used to move a stepper to the previous step.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-stepper-reset",
      "description": "An element, nested within a clickable element, used to reset a stepper to its initial state.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-switch",
      "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",
          "description": "Whether the element is checked.",
          "values": []
        },
        {
          "name": "disabled",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "icons",
          "description": "The icons to present.",
          "values": [{ "name": "SwitchIcons" }]
        },
        {
          "name": "name",
          "description": "The name that identifies the element when submitting the associated form.",
          "values": []
        },
        {
          "name": "value",
          "description": "A string representing the value of the switch.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-tab",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "selected",
          "description": "Whether the element is selected.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-tab-panel",
      "description": "A panel presented for a tab.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the panel.",
      "attributes": [],
      "references": []
    },
    {
      "name": "m3e-tabs",
      "description": "Organizes content into separate views where only one view can be visible at a time.\n---\n\n\n### **Events:**\n - **change** - 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",
          "description": "Whether scroll buttons are disabled.",
          "values": []
        },
        {
          "name": "header-position",
          "description": "The position of the tab headers.",
          "values": [{ "name": "TabHeaderPosition" }]
        },
        {
          "name": "next-page-label",
          "description": "The accessible label given to the button used to move to the next page.",
          "values": []
        },
        {
          "name": "previous-page-label",
          "description": "The accessible label given to the button used to move to the previous page.",
          "values": []
        },
        {
          "name": "stretch",
          "description": "Whether tabs are stretched to fill the header.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The appearance variant of the tabs.",
          "values": [{ "name": "TabVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-textarea-autosize",
      "description": "A non-visual element used to automatically resize a `textarea` to fit its content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n- **resizeToFitContent(force: _boolean_): _void_** - Resize the `textarea` to fit its content.\n- **reset()** - Resets the `textarea` to its original size.",
      "attributes": [
        {
          "name": "disabled",
          "description": "Whether auto-sizing is disabled.",
          "values": []
        },
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "max-rows",
          "description": "The maximum amount of rows in the `textarea`.",
          "values": []
        },
        {
          "name": "min-rows",
          "description": "The minimum amount of rows in the `textarea`.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-theme",
      "description": "A non-visual element responsible for application-level theming.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the theme changes.\n\n### **Slots:**\n - _default_ - Renders content styled by the theme.",
      "attributes": [
        {
          "name": "color",
          "description": "The hex color from which to derive dynamic color palettes.",
          "values": []
        },
        {
          "name": "contrast",
          "description": "The contrast level of the theme.",
          "values": [{ "name": "ContrastLevel" }]
        },
        {
          "name": "density",
          "description": "The density scale (0, -1, -2).",
          "values": []
        },
        {
          "name": "scheme",
          "description": "The color scheme of the theme.",
          "values": [{ "name": "ColorScheme" }]
        },
        {
          "name": "strong-focus",
          "description": "Whether to enable strong focus indicators.",
          "values": []
        },
        {
          "name": "variant",
          "description": "The color variant of the theme.",
          "values": [{ "name": "ThemeVariant" }]
        },
        {
          "name": "motion",
          "description": "The motion scheme.",
          "values": [{ "name": "MotionScheme" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-theme-icon",
      "description": "An icon that visually presents a preview of a theme.\n---\n\n\n### **CSS Properties:**\n - **--m3e-theme-icon-size** - Size of the theme icon. _(default: undefined)_\n- **--m3e-theme-icon-shape** - Border radius of the icon container. _(default: undefined)_\n- **--m3e-theme-icon-outline-color** - Outline stroke color of the icon border. _(default: undefined)_\n- **--m3e-theme-icon-outline-opacity** - Opacity percentage applied to the outline color. _(default: undefined)_\n- **--m3e-theme-icon-container-color** - Fill color for the container layer of the previewed theme. _(default: undefined)_\n- **--m3e-theme-icon-color** - Fill color for the primary layer of the previewed theme. _(default: undefined)_",
      "attributes": [
        {
          "name": "color",
          "description": "The hex color of the theme to preview",
          "values": []
        },
        {
          "name": "scheme",
          "description": "The color scheme of the theme.",
          "values": [{ "name": "ColorScheme" }]
        },
        {
          "name": "variant",
          "description": "The color variant of the theme.",
          "values": [{ "name": "ThemeVariant" }]
        }
      ],
      "references": []
    },
    {
      "name": "m3e-toc-item",
      "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",
          "description": "A value indicating whether the element is disabled.",
          "values": []
        },
        {
          "name": "selected",
          "description": "Whether the element is selected.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-toc",
      "description": "A table of contents that provides in-page scroll navigation.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders content between the header and items.\n- **overline** - Renders the overline of the table of contents.\n- **title** - Renders the title of the table of contents.\n\n### **CSS Properties:**\n - **--m3e-toc-width** - Width of the table of contents. _(default: undefined)_\n- **--m3e-toc-container-color** - Background color of the table of contents container. _(default: undefined)_\n- **--m3e-toc-container-padding-inline** - Inline padding of the table of contents container. _(default: undefined)_\n- **--m3e-toc-container-padding-block** - Block padding of the table of contents container. _(default: undefined)_\n- **--m3e-toc-item-shape** - Border radius of TOC items and active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-color** - Border color of the active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for TOC items and header. _(default: undefined)_\n- **--m3e-toc-header-space** - Block space below and between header elements. _(default: undefined)_\n- **--m3e-toc-overline-font-size** - Font size for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-font-weight** - Font weight for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-line-height** - Line height for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-tracking** - Letter spacing for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-color** - Text color for the overline slot. _(default: undefined)_\n- **--m3e-toc-title-font-size** - Font size for the title slot. _(default: undefined)_\n- **--m3e-toc-title-font-weight** - Font weight for the title slot. _(default: undefined)_\n- **--m3e-toc-title-line-height** - Line height for the title slot. _(default: undefined)_\n- **--m3e-toc-title-tracking** - Letter spacing for the title slot. _(default: undefined)_\n- **--m3e-toc-title-color** - Text color for the title slot. _(default: undefined)_",
      "attributes": [
        {
          "name": "for",
          "description": "The identifier of the interactive control to which this element is attached.",
          "values": []
        },
        {
          "name": "max-depth",
          "description": "The maximum depth of the table of contents.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-toolbar",
      "description": "Presents frequently used actions relevant to the current page.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the toolbar.\n\n### **CSS Properties:**\n - **--m3e-toolbar-size** - The size (height or width) of the toolbar. _(default: undefined)_\n- **--m3e-toolbar-spacing** - The gap between toolbar items. _(default: undefined)_\n- **--m3e-toolbar-rounded-shape** - Border radius for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-rounded-padding** - Padding for rounded shape. _(default: undefined)_\n- **--m3e-toolbar-square-padding** - Padding for square shape. _(default: undefined)_\n- **--m3e-toolbar-standard-container-color** - Container color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-standard-color** - Foreground color for the standard variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-container-color** - Container color for the vibrant variant. _(default: undefined)_\n- **--m3e-toolbar-vibrant-color** - Foreground color for the vibrant variant. _(default: undefined)_",
      "attributes": [
        {
          "name": "elevated",
          "description": "Whether the toolbar is elevated.",
          "values": []
        },
        {
          "name": "shape",
          "description": "The shape of the toolbar.",
          "values": [{ "name": "ToolbarShape" }]
        },
        {
          "name": "variant",
          "description": "The appearance variant of the toolbar.",
          "values": [{ "name": "ToolbarVariant" }]
        },
        {
          "name": "vertical",
          "description": "Whether the element is oriented vertically.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-tree-item",
      "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",
          "description": "Whether the element is disabled.",
          "values": []
        },
        {
          "name": "indeterminate",
          "description": "A value indicating whether the element's selected / checked state is indeterminate.",
          "values": []
        },
        {
          "name": "open",
          "description": "Whether the item is expanded.",
          "values": []
        },
        {
          "name": "selected",
          "description": "Whether the item is selected.",
          "values": []
        }
      ],
      "references": []
    },
    {
      "name": "m3e-tree",
      "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",
          "description": "Whether multiple items can be selected.",
          "values": []
        },
        {
          "name": "cascade",
          "description": "Whether multiple item selection cascades to child items.",
          "values": []
        }
      ],
      "references": []
    }
  ]
}