@m3e/web 2.5.1 → 2.5.3

package/dist/html-custom-data.json

@@ -105,6 +105,28 @@
       "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.",
@@ -185,28 +207,6 @@
       ],
       "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-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.",
@@ -258,7 +258,7 @@
     },
     {
       "name": "m3e-breadcrumb-item",
-      "description": "An item in a breadcrumb.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the breadcrumb item.\n\n### **CSS Properties:**\n - **--m3e-breadcrumb-item-shape** - Shape of the internal breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-container-height** - Height of the internal breadcrumb item button container. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-color** - Color of breadcrumb item icon-only content. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-padding-inline** - Horizontal padding for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-hover-state-layer-color** - Hover state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-focus-state-layer-color** - Focus state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-pressed-state-layer-color** - Pressed state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-color** - Color of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-size** - Font size of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-weight** - Font weight of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-line-height** - Line height of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-tracking** - Letter spacing of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-padding-inline** - Horizontal padding for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-hover-state-layer-color** - Hover state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-focus-state-layer-color** - Focus state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-pressed-state-layer-color** - Pressed state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-last-color** - Color used for the current breadcrumb item. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-label-space** - Space between icon and label. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-color** - Disabled color used by the breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-opacity** - Disabled opacity used by the breadcrumb item button. _(default: undefined)_",
+      "description": "An item in a breadcrumb.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the breadcrumb item.\n- **icon** - Renders an icon before the item's label.\n\n### **CSS Properties:**\n - **--m3e-breadcrumb-item-shape** - Shape of the internal breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-container-height** - Height of the internal breadcrumb item button container. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-color** - Color of breadcrumb item icon-only content. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-padding-inline** - Horizontal padding for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-hover-state-layer-color** - Hover state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-focus-state-layer-color** - Focus state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-pressed-state-layer-color** - Pressed state layer color for icon-only breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-color** - Color of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-size** - Font size of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-font-weight** - Font weight of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-line-height** - Line height of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-tracking** - Letter spacing of breadcrumb item label content. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-padding-inline** - Horizontal padding for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-hover-state-layer-color** - Hover state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-focus-state-layer-color** - Focus state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-label-pressed-state-layer-color** - Pressed state layer color for label breadcrumb items. _(default: undefined)_\n- **--m3e-breadcrumb-item-last-color** - Color used for the current breadcrumb item. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-label-space** - Space between icon and label. _(default: undefined)_\n- **--m3e-breadcrumb-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-color** - Disabled color used by the breadcrumb item button. _(default: undefined)_\n- **--m3e-breadcrumb-item-disabled-opacity** - Disabled opacity used by the breadcrumb item button. _(default: undefined)_",
       "attributes": [
         {
           "name": "item-label",
@@ -575,6 +575,43 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-checkbox",
+      "description": "A checkbox that allows a user to select one or more options from a limited number of choices.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **invalid** - Emitted when a form is submitted and the element fails constraint validation.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon inside the container. _(default: undefined)_\n- **--m3e-checkbox-container-size** - Base size of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the icon container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Border thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Border color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-outline-color** - Border color on hover when unselected. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Base color for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Opacity for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-outline-color** - Border color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Base color for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Opacity for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Base color for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Opacity for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-color** - Ripple hover color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-focus-color** - Ripple focus color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-ripple-color** - Ripple base color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-hover-color** - Ripple hover color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-focus-color** - Ripple focus color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-ripple-color** - Ripple base color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-hover-color** - Ripple hover color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-focus-color** - Ripple focus color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-ripple-color** - Ripple base color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-hover-color** - Ripple hover color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-focus-color** - Ripple focus color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-ripple-color** - Ripple base color for invalid selected state. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "checked",
+          "description": "Whether the element is checked.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Whether the element's checked state is indeterminate.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name that identifies the element when submitting the associated form.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the element is required.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "A string representing the value of the checkbox.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-card",
       "description": "A content container for text, images (or other media), and actions in the context of a single subject.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the content of the card without padding.\n- **header** - Renders the header of the card.\n- **content** - Renders the content of the card with padding.\n- **actions** - Renders the actions of the card.\n- **footer** - Renders the footer of the card.\n\n### **CSS Properties:**\n - **--m3e-card-padding** - Internal spacing for all slotted regions _(default: undefined)_\n- **--m3e-card-shape** - Corner radius of the card container. _(default: undefined)_\n- **--m3e-filled-card-text-color** - Foreground color for text content in filled cards. _(default: undefined)_\n- **--m3e-filled-card-container-color** - Background color of the filled card container. _(default: undefined)_\n- **--m3e-filled-card-container-elevation** - Elevation level for filled card container. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-color** - Text color when filled card is disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-filled-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-filled-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-filled-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-filled-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-filled-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-filled-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-elevated-card-text-color** - Foreground color for text content in elevated cards. _(default: undefined)_\n- **--m3e-elevated-card-container-color** - Background color of the elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-container-elevation** - Elevation level for elevated card container. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-color** - Text color when elevated card is disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-color** - Background color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-disabled-container-opacity** - Overall container opacity when disabled. _(default: undefined)_\n- **--m3e-elevated-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-elevated-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-elevated-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-elevated-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-elevated-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-text-color** - Foreground color for text content in outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-container-color** - Background color of the outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-container-elevation** - Elevation level for outlined card container. _(default: undefined)_\n- **--m3e-outlined-card-outline-color** - Border color for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-outline-thickness** - Border thickness for outlined cards. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-color** - Text color when outlined card is disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-text-opacity** - Opacity applied to text when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation** - Elevation level when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-color** - Shadow color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-container-elevation-opacity** - Shadow opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-color** - Border color when disabled. _(default: undefined)_\n- **--m3e-outlined-card-disabled-outline-opacity** - Border opacity when disabled. _(default: undefined)_\n- **--m3e-outlined-card-hover-text-color** - Text color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-color** - State layer color on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-state-layer-opacity** - State layer opacity on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-container-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-outlined-card-hover-outline-color** - Border color on hover. _(default: undefined)_\n- **--m3e-outlined-card-focus-text-color** - Text color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-color** - State layer color on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-state-layer-opacity** - State layer opacity on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-container-elevation** - Elevation level on focus. _(default: undefined)_\n- **--m3e-outlined-card-focus-outline-color** - Border color on focus. _(default: undefined)_\n- **--m3e-outlined-card-pressed-text-color** - Text color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-color** - State layer color on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-state-layer-opacity** - State layer opacity on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-container-elevation** - Elevation level on press. _(default: undefined)_\n- **--m3e-outlined-card-pressed-outline-color** - Border color on press. _(default: undefined)_",
@@ -647,43 +684,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-checkbox",
-      "description": "A checkbox that allows a user to select one or more options from a limited number of choices.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **invalid** - Emitted when a form is submitted and the element fails constraint validation.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-checkbox-icon-size** - Size of the checkbox icon inside the container. _(default: undefined)_\n- **--m3e-checkbox-container-size** - Base size of the checkbox container. _(default: undefined)_\n- **--m3e-checkbox-container-shape** - Border radius of the icon container. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-thickness** - Border thickness for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-outline-color** - Border color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-outline-color** - Border color on hover when unselected. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-color** - Base color for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-disabled-outline-opacity** - Opacity for disabled unselected outline. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-outline-color** - Border color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-container-color** - Background color for selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-icon-color** - Icon color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-color** - Base color for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-container-opacity** - Opacity for disabled selected container. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-color** - Base color for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-selected-disabled-icon-opacity** - Opacity for disabled selected icon. _(default: undefined)_\n- **--m3e-checkbox-unselected-hover-color** - Ripple hover color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-focus-color** - Ripple focus color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-ripple-color** - Ripple base color for unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-hover-color** - Ripple hover color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-focus-color** - Ripple focus color for selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-ripple-color** - Ripple base color for selected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-hover-color** - Ripple hover color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-focus-color** - Ripple focus color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-unselected-error-ripple-color** - Ripple base color for invalid unselected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-hover-color** - Ripple hover color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-focus-color** - Ripple focus color for invalid selected state. _(default: undefined)_\n- **--m3e-checkbox-selected-error-ripple-color** - Ripple base color for invalid selected state. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "checked",
-          "description": "Whether the element is checked.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the element is disabled.",
-          "values": []
-        },
-        {
-          "name": "indeterminate",
-          "description": "Whether the element's checked state is indeterminate.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "description": "The name that identifies the element when submitting the associated form.",
-          "values": []
-        },
-        {
-          "name": "required",
-          "description": "Whether the element is required.",
-          "values": []
-        },
-        {
-          "name": "value",
-          "description": "A string representing the value of the checkbox.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-assist-chip",
       "description": "A chip users interact with to perform a smart or automated action that can span multiple applications.\n---\n\n\n### **Events:**\n - **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **icon** - Renders an icon before the chip's label.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_",
@@ -2419,9 +2419,41 @@
       ],
       "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",
-      "description": "Allows for the selection of numeric values from a range.\n---\n\n\n### **CSS Properties:**\n - **--m3e-slider-min-width** - Minimum inline size of the slider host. _(default: undefined)_\n- **--m3e-slider-small-height** - Height of the slider when size is small or extra-small. _(default: undefined)_\n- **--m3e-slider-medium-height** - Height of the slider when size is medium. _(default: undefined)_\n- **--m3e-slider-large-height** - Height of the slider when size is large. _(default: undefined)_\n- **--m3e-slider-extra-large-height** - Height of the slider when size is extra-large. _(default: undefined)_\n- **--m3e-slider-small-active-track-shape** - Corner shape of the active track for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-active-track-start-shape** - Corner shape of the inactive track start for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-track-end-shape** - Corner shape of the inactive track end for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-active-track-shape** - Corner shape of the active track for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-active-track-start-shape** - Corner shape of the inactive track start for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-track-end-shape** - Corner shape of the inactive track end for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-active-track-shape** - Corner shape of the active track for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-track-end-shape** - Corner shape of the inactive track end for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-active-track-shape** - Corner shape of the active track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-track-end-shape** - Corner shape of the inactive track end for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-small-track-height** - Height of the track for extra-small sliders. _(default: undefined)_\n- **--m3e-slider-small-track-height** - Height of the track for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-track-height** - Height of the track for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-track-height** - Height of the track for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-track-height** - Height of the track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-tick-size** - Size of each tick mark. _(default: undefined)_\n- **--m3e-slider-tick-shape** - Corner shape of each tick mark. _(default: undefined)_\n- **--m3e-slider-inactive-track-color** - Background color of the inactive track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-color** - Base color of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-opacity** - Opacity of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-active-track-color** - Background color of the active track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-color** - Base color of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-opacity** - Opacity of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-tick-active-color** - Color of active ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-active-color** - Color of active ticks when disabled. _(default: undefined)_\n- **--m3e-slider-tick-inactive-color** - Color of inactive ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-inactive-color** - Color of inactive ticks when disabled. _(default: undefined)_",
+      "description": "Allows for the selection of numeric values from a range.\n---\n\n\n### **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",
@@ -2483,38 +2515,6 @@
       ],
       "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-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)_",
@@ -2849,7 +2849,7 @@
     },
     {
       "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.",
+      "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",
@@ -2945,50 +2945,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-tree",
-      "description": "Presents hierarchical data in a tree structure.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state changes.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands all items, and optionally, all descendants.\n- **expand(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Expands the specified items, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses all items, and optionally, all descendants.\n- **collapse(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Collapses the specified items, and optionally, all descendants.\n- **select(item: _M3eTreeItemElement_, activate: _boolean_): _void_** - Selects the specified item.\n- **deselect(item: _M3eTreeItemElement_): _void_** - Deselects the specified item.\n\n### **Slots:**\n - _default_ - Renders the items of the tree.\n\n### **CSS Properties:**\n - **--m3e-tree-scrollbar-width** - Width of the tree scrollbar. _(default: undefined)_\n- **--m3e-tree-scrollbar-color** - Color of the tree scrollbar. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "multi",
-          "description": "Whether multiple items can be selected.",
-          "values": []
-        },
-        {
-          "name": "cascade",
-          "description": "Whether multiple item selection cascades to child items.",
-          "values": []
-        }
-      ],
-      "references": []
-    },
-    {
-      "name": "m3e-tree-item",
-      "description": "An expandable item in a tree.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the item begins to open.\n- **opened** - Emitted when the item has opened.\n- **closing** - Emitted when the item begins to close.\n- **closed** - Emitted when the item has closed.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands this item, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses this item, and optionally, all descendants.\n- **toggle(): _void_** - Toggles the expanded state of the item.\n\n### **Slots:**\n - _default_ - Renders the nested child items.\n- **label** - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n- **toggle-icon** - Renders the toggle icon.\n- **open-toggle-icon** - Renders the toggle icon when selected.\n\n### **CSS Properties:**\n - **--m3e-tree-item-font-size** - Font size for the item label. _(default: undefined)_\n- **--m3e-tree-item-font-weight** - Font weight for the item label. _(default: undefined)_\n- **--m3e-tree-item-line-height** - Line height for the item label. _(default: undefined)_\n- **--m3e-tree-item-tracking** - Letter spacing for the item label. _(default: undefined)_\n- **--m3e-tree-item-padding** - Inline padding for the item. _(default: undefined)_\n- **--m3e-tree-item-height** - Height of the item. _(default: undefined)_\n- **--m3e-tree-item-shape** - Border radius of the item and focus ring. _(default: undefined)_\n- **--m3e-tree-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-tree-item-inset** - Indentation for nested items. _(default: undefined)_\n- **--m3e-tree-item-label-color** - Text color for the item label. _(default: undefined)_\n- **--m3e-tree-item-selected-label-color** - Text color for selected item label. _(default: undefined)_\n- **--m3e-tree-item-selected-container-color** - Background color for selected item. _(default: undefined)_\n- **--m3e-tree-item-selected-container-focus-color** - Focus color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-container-hover-color** - Hover color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-ripple-color** - Ripple color for selected item. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-focus-color** - Focus color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-hover-color** - Hover color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-ripple-color** - Ripple color for unselected item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color** - Text color for disabled item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color-opacity** - Opacity for disabled item text color. _(default: undefined)_",
-      "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-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.",
@@ -3075,6 +3031,50 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-tree",
+      "description": "Presents hierarchical data in a tree structure.\n---\n\n\n### **Events:**\n - **change** - Emitted when the selected state changes.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands all items, and optionally, all descendants.\n- **expand(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Expands the specified items, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses all items, and optionally, all descendants.\n- **collapse(items: _M3eTreeItemElement[]_, descendants: _boolean_): _void_** - Collapses the specified items, and optionally, all descendants.\n- **select(item: _M3eTreeItemElement_, activate: _boolean_): _void_** - Selects the specified item.\n- **deselect(item: _M3eTreeItemElement_): _void_** - Deselects the specified item.\n\n### **Slots:**\n - _default_ - Renders the items of the tree.\n\n### **CSS Properties:**\n - **--m3e-tree-scrollbar-width** - Width of the tree scrollbar. _(default: undefined)_\n- **--m3e-tree-scrollbar-color** - Color of the tree scrollbar. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "multi",
+          "description": "Whether multiple items can be selected.",
+          "values": []
+        },
+        {
+          "name": "cascade",
+          "description": "Whether multiple item selection cascades to child items.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
+    {
+      "name": "m3e-tree-item",
+      "description": "An expandable item in a tree.\n---\n\n\n### **Events:**\n - **opening** - Emitted when the item begins to open.\n- **opened** - Emitted when the item has opened.\n- **closing** - Emitted when the item begins to close.\n- **closed** - Emitted when the item has closed.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **expand(descendants: _boolean_): _void_** - Expands this item, and optionally, all descendants.\n- **collapse(descendants: _boolean_): _void_** - Collapses this item, and optionally, all descendants.\n- **toggle(): _void_** - Toggles the expanded state of the item.\n\n### **Slots:**\n - _default_ - Renders the nested child items.\n- **label** - Renders the label of the item.\n- **icon** - Renders the icon of the item.\n- **selected-icon** - Renders the icon of the item when selected.\n- **toggle-icon** - Renders the toggle icon.\n- **open-toggle-icon** - Renders the toggle icon when selected.\n\n### **CSS Properties:**\n - **--m3e-tree-item-font-size** - Font size for the item label. _(default: undefined)_\n- **--m3e-tree-item-font-weight** - Font weight for the item label. _(default: undefined)_\n- **--m3e-tree-item-line-height** - Line height for the item label. _(default: undefined)_\n- **--m3e-tree-item-tracking** - Letter spacing for the item label. _(default: undefined)_\n- **--m3e-tree-item-padding** - Inline padding for the item. _(default: undefined)_\n- **--m3e-tree-item-height** - Height of the item. _(default: undefined)_\n- **--m3e-tree-item-shape** - Border radius of the item and focus ring. _(default: undefined)_\n- **--m3e-tree-item-icon-size** - Size of the icon. _(default: undefined)_\n- **--m3e-tree-item-inset** - Indentation for nested items. _(default: undefined)_\n- **--m3e-tree-item-label-color** - Text color for the item label. _(default: undefined)_\n- **--m3e-tree-item-selected-label-color** - Text color for selected item label. _(default: undefined)_\n- **--m3e-tree-item-selected-container-color** - Background color for selected item. _(default: undefined)_\n- **--m3e-tree-item-selected-container-focus-color** - Focus color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-container-hover-color** - Hover color for selected item container. _(default: undefined)_\n- **--m3e-tree-item-selected-ripple-color** - Ripple color for selected item. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-focus-color** - Focus color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-container-hover-color** - Hover color for unselected item container. _(default: undefined)_\n- **--m3e-tree-item-unselected-ripple-color** - Ripple color for unselected item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color** - Text color for disabled item. _(default: undefined)_\n- **--m3e-tree-item-disabled-color-opacity** - Opacity for disabled item text color. _(default: undefined)_",
+      "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-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.",
@@ -3255,7 +3255,7 @@
     },
     {
       "name": "m3e-slide",
-      "description": "A carousel-like container used to horizontally cycle through slotted items.\n---\n\n\n### **CSS Properties:**\n - **--m3e-slide-animation-duration** - The duration of transitions between slotted items. _(default: undefined)_",
+      "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",

package/dist/list.js

@@ -982,7 +982,7 @@ _M3eListOptionElement_handleClick = function _M3eListOptionElement_handleClick(e
   }
 };
 /** The styles of the element. */
-M3eListOptionElement.styles = [M3eListItemElement.styles, css`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } .indicator { min-width: 1.5rem; min-height: 1.5rem; display: flex; align-items: center; justify-content: center; } :host(:not(:disabled)) { cursor: pointer; } :host(:state(-three-line)) .indicator { align-self: flex-start; margin-top: var(--m3e-list-item-three-line-top-offset, 0.25rem); } :host([selected]) .base, :host([selected]) .state-layer, :host([selected]) .ripple, :host([selected]) .focus-ring { border-radius: var(--m3e-list-item-selected-container-shape, ${DesignToken.shape.corner.large}); } :host([selected]:not(:disabled)) .base { color: var(--m3e-list-item-selected-label-text-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-selected-overline-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-selected-supporting-text-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="leading"]) { color: var(--m3e-list-item-selected-leading-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: var(--m3e-list-item-selected-trailing-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) .base { background-color: var(--m3e-list-item-selected-container-color, ${DesignToken.color.secondaryContainer}); } :host([selected]:disabled) .base { background-color: color-mix( in srgb, var(--m3e-list-item-selected-disabled-container-color, ${DesignToken.color.onSurface}) var(--m3e-list-item-selected-disabled-container-opacity, 10%), transparent ); } :host([selected]:not(:disabled)) .state-layer { --m3e-state-layer-hover-color: var( --m3e-list-item-selected-hover-state-layer-color, ${DesignToken.color.onSurface} ); --m3e-state-layer-hover-opacity: var( --m3e-list-item-selected-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var( --m3e-list-item-selected-focus-state-layer-color, ${DesignToken.color.onSurface} ); --m3e-state-layer-focus-opacity: var( --m3e-list-item-selected-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity} ); } :host([selected]:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-selected-pressed-state-layer-color, ${DesignToken.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-selected-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity} ); } :host(:state(-hide-selection)) .indicator, :host(:not(:state(-hide-selection))) ::slotted([slot="trailing"]) { display: none; } @media (forced-colors: active) { :host([selected]:not(:disabled)) .content, :host([selected]:not(:disabled)) ::slotted([slot="overline"]), :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]), :host([selected]:not(:disabled)) ::slotted([slot="leading"]), :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: HighlightText; forced-color-adjust: none; } :host([selected]:not(:disabled)) .base { background-color: Highlight; } }`];
+M3eListOptionElement.styles = [M3eListItemElement.styles, css`:host { outline: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .base { position: relative; } .indicator { min-width: 1.5rem; min-height: 1.5rem; display: flex; align-items: center; justify-content: center; } :host(:not(:disabled)) { cursor: pointer; } :host(:state(-three-line)) .indicator { align-self: flex-start; margin-top: var(--m3e-list-item-three-line-top-offset, 0.25rem); } :host([selected]) .base, :host([selected]) .state-layer, :host([selected]) .ripple, :host([selected]) .focus-ring { border-radius: var(--m3e-list-item-selected-container-shape, ${DesignToken.shape.corner.large}); } :host([selected]:not(:disabled)) .content { color: var(--m3e-list-item-selected-label-text-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="overline"]) { color: var(--m3e-list-item-selected-overline-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]) { color: var(--m3e-list-item-selected-supporting-text-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="leading"]) { color: var(--m3e-list-item-selected-leading-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: var(--m3e-list-item-selected-trailing-color, ${DesignToken.color.onSecondaryContainer}); } :host([selected]:not(:disabled)) .base { background-color: var(--m3e-list-item-selected-container-color, ${DesignToken.color.secondaryContainer}); } :host([selected]:disabled) .base { background-color: color-mix( in srgb, var(--m3e-list-item-selected-disabled-container-color, ${DesignToken.color.onSurface}) var(--m3e-list-item-selected-disabled-container-opacity, 10%), transparent ); } :host([selected]:not(:disabled)) .state-layer { --m3e-state-layer-hover-color: var( --m3e-list-item-selected-hover-state-layer-color, ${DesignToken.color.onSurface} ); --m3e-state-layer-hover-opacity: var( --m3e-list-item-selected-hover-state-layer-opacity, ${DesignToken.state.hoverStateLayerOpacity} ); --m3e-state-layer-focus-color: var( --m3e-list-item-selected-focus-state-layer-color, ${DesignToken.color.onSurface} ); --m3e-state-layer-focus-opacity: var( --m3e-list-item-selected-focus-state-layer-opacity, ${DesignToken.state.focusStateLayerOpacity} ); } :host([selected]:not(:disabled)) .ripple { --m3e-ripple-color: var(--m3e-list-item-selected-pressed-state-layer-color, ${DesignToken.color.onSurface}); --m3e-ripple-opacity: var( --m3e-list-item-selected-pressed-state-layer-opacity, ${DesignToken.state.pressedStateLayerOpacity} ); } :host(:state(-hide-selection)) .indicator, :host(:not(:state(-hide-selection))) ::slotted([slot="trailing"]) { display: none; } @media (forced-colors: active) { :host([selected]:not(:disabled)) .content, :host([selected]:not(:disabled)) ::slotted([slot="overline"]), :host([selected]:not(:disabled)) ::slotted([slot="supporting-text"]), :host([selected]:not(:disabled)) ::slotted([slot="leading"]), :host([selected]:not(:disabled)) ::slotted([slot="trailing"]) { color: HighlightText; forced-color-adjust: none; } :host([selected]:not(:disabled)) .base { background-color: Highlight; } }`];
 __decorate([query(".focus-ring")], M3eListOptionElement.prototype, "_focusRing", void 0);
 __decorate([query(".state-layer")], M3eListOptionElement.prototype, "_stateLayer", void 0);
 __decorate([query(".ripple")], M3eListOptionElement.prototype, "_ripple", void 0);