@m3e/web 2.0.3 → 2.0.4

package/dist/html-custom-data.json

@@ -514,7 +514,7 @@
     },
     {
       "name": "m3e-input-chip",
-      "description": "A chip which represents a discrete piece of information entered by a user.\n---\n\n\n### **Events:**\n - **remove** - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **avatar** - Renders an avatar before the chip's label.\n- **icon** - Renders an icon before the chip's label.\n- **remove-icon** - Renders the icon for the button used to remove the chip.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-avatar-size** - Font size of the avatar slot content. _(default: undefined)_\n- **--m3e-chip-disabled-avatar-opacity** - Opacity applied to the avatar when disabled. _(default: undefined)_\n- **--m3e-chip-with-avatar-padding-start** - Start padding when an avatar is present. _(default: undefined)_",
+      "description": "A chip which represents a discrete piece of information entered by a user.\n---\n\n\n### **Events:**\n - **remove** - Emitted when the remove button is clicked or DELETE or BACKSPACE key is pressed.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the chip.\n- **avatar** - Renders an avatar before the chip's label.\n- **icon** - Renders an icon before the chip's label.\n- **remove-icon** - Renders the icon for the button used to remove the chip.\n- **trailing-icon** - Renders an icon after the chip's label.\n\n### **CSS Properties:**\n - **--m3e-chip-container-shape** - Border radius of the chip container. _(default: undefined)_\n- **--m3e-chip-container-height** - Base height of the chip container before density adjustment. _(default: undefined)_\n- **--m3e-chip-label-text-font-size** - Font size of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-font-weight** - Font weight of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-line-height** - Line height of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-tracking** - Letter spacing of the chip label text. _(default: undefined)_\n- **--m3e-chip-label-text-color** - Label text color in default state. _(default: undefined)_\n- **--m3e-chip-icon-color** - Icon color in default state. _(default: undefined)_\n- **--m3e-chip-icon-size** - Font size of leading/trailing icons. _(default: undefined)_\n- **--m3e-chip-spacing** - Horizontal gap between chip content elements. _(default: undefined)_\n- **--m3e-chip-padding-start** - Default start padding when no icon is present. _(default: undefined)_\n- **--m3e-chip-padding-end** - Default end padding when no trailing icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-start** - Start padding when leading icon is present. _(default: undefined)_\n- **--m3e-chip-with-icon-padding-end** - End padding when trailing icon is present. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-color** - Base color for disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-label-text-opacity** - Opacity applied to disabled label text. _(default: undefined)_\n- **--m3e-chip-disabled-icon-color** - Base color for disabled icons. _(default: undefined)_\n- **--m3e-chip-disabled-icon-opacity** - Opacity applied to disabled icons. _(default: undefined)_\n- **--m3e-elevated-chip-container-color** - Background color for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-elevation** - Elevation level for elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-hover-elevation** - Elevation level on hover. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-color** - Background color for disabled elevated variant. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-container-opacity** - Opacity applied to disabled elevated background. _(default: undefined)_\n- **--m3e-elevated-chip-disabled-elevation** - Elevation level for disabled elevated variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-thickness** - Outline thickness for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-outline-color** - Outline color for outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-color** - Outline color for disabled outlined variant. _(default: undefined)_\n- **--m3e-outlined-chip-disabled-outline-opacity** - Opacity applied to disabled outline. _(default: undefined)_\n- **--m3e-chip-avatar-size** - Font size of the avatar slot content. _(default: undefined)_\n- **--m3e-chip-avatar-icon-size** - Size of the icon displayed inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-font-size** - Font size of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-font-weight** - Font weight of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-line-height** - Line height of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-avatar-tracking** - Letter spacing (tracking) of text initials inside the avatar when used in a chip. _(default: undefined)_\n- **--m3e-chip-disabled-avatar-opacity** - Opacity applied to the avatar when disabled. _(default: undefined)_\n- **--m3e-chip-with-avatar-padding-start** - Start padding when an avatar is present. _(default: undefined)_",
       "attributes": [
         {
           "name": "disabled",
@@ -1215,38 +1215,6 @@
       ],
       "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-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)_",
@@ -1582,7 +1550,7 @@
     },
     {
       "name": "m3e-option-panel",
-      "description": "Presents a list of options on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the menu.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the menu.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the menu.\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)_",
+      "description": "Presents a list of options on a temporary surface.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Methods:**\n - **show(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Opens the panel.\n- **hide(restoreFocus: _boolean_): _void_** - Hides the panel.\n- **toggle(trigger: _HTMLElement_, anchor: _HTMLElement | undefined_): _Promise<void>_** - Toggles the panel.\n\n### **Slots:**\n - _default_ - Renders the contents of the list.\n\n### **CSS Properties:**\n - **--m3e-option-panel-container-shape** - Corner radius of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-min-width** - Minimum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-width** - Maximum width of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-max-height** - Maximum height of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-block** - Vertical padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-padding-inline** - Horizontal padding inside the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-color** - Background color of the panel container. _(default: undefined)_\n- **--m3e-option-panel-container-elevation** - Box shadow elevation of the panel container. _(default: undefined)_\n- **--m3e-option-panel-gap** - Vertical spacing between option items. _(default: undefined)_\n- **--m3e-option-panel-divider-spacing** - Vertical spacing around slotted `m3e-divider` elements. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-container-color** - Background color used for text highlight matches. _(default: undefined)_\n- **--m3e-option-panel-text-highlight-color** - Text color used for text highlight matches. _(default: undefined)_",
       "attributes": [],
       "references": []
     },
@@ -1659,115 +1627,115 @@
       "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)_",
+      "name": "m3e-radio",
+      "description": "A radio button that allows a user to select one option from a set of options.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-radio-container-size** - Base size of the radio button container. _(default: undefined)_\n- **--m3e-radio-icon-size** - Size of the radio icon inside the wrapper. _(default: undefined)_\n- **--m3e-radio-unselected-hover-color** - Hover state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-focus-color** - Focus state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-ripple-color** - Ripple color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Icon color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-selected-hover-color** - Hover state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-focus-color** - Focus state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-ripple-color** - Ripple color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Icon color when radio is selected. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Icon color when radio is disabled. _(default: undefined)_\n- **--m3e-radio-error-hover-color** - Fallback hover color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-focus-color** - Fallback focus color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-ripple-color** - Fallback ripple color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-icon-color** - Fallback icon color used when the radio is invalid and touched. _(default: undefined)_",
       "attributes": [
         {
-          "name": "indeterminate",
-          "description": "Whether to show something is happening without conveying progress.",
+          "name": "checked",
+          "description": "Whether the element is checked.",
           "values": []
         },
         {
-          "name": "max",
-          "description": "The maximum progress value.",
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
           "values": []
         },
         {
-          "name": "value",
-          "description": "A fractional value, between 0 and `max`, indicating progress.",
+          "name": "name",
+          "description": "The name that identifies the element when submitting the associated form.",
           "values": []
         },
         {
-          "name": "variant",
-          "description": "The appearance of the indicator.",
-          "values": [{ "name": "ProgressIndicatorVariant" }]
+          "name": "required",
+          "description": "Whether the element is required.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "A string representing the value of the radio.",
+          "values": []
         }
       ],
       "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)_",
+      "name": "m3e-radio-group",
+      "description": "A container for a set of radio buttons.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state of a radio button changes.\n\n### **Methods:**\n - **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsPristine(): _void_** - Marks the element as pristine.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the radio buttons of the group.",
       "attributes": [
+        { "name": "aria-invalid", "values": [] },
         {
-          "name": "buffer-value",
-          "description": "A fractional value, between 0 and `max`, indicating buffer progress.",
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
           "values": []
         },
         {
-          "name": "max",
-          "description": "The maximum progress value.",
+          "name": "name",
+          "description": "The name that identifies the element when submitting the associated form.",
           "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.",
+          "name": "required",
+          "description": "Whether the element is required.",
           "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 - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-radio-container-size** - Base size of the radio button container. _(default: undefined)_\n- **--m3e-radio-icon-size** - Size of the radio icon inside the wrapper. _(default: undefined)_\n- **--m3e-radio-unselected-hover-color** - Hover state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-focus-color** - Focus state layer color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-ripple-color** - Ripple color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-unselected-icon-color** - Icon color when radio is not selected. _(default: undefined)_\n- **--m3e-radio-selected-hover-color** - Hover state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-focus-color** - Focus state layer color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-ripple-color** - Ripple color when radio is selected. _(default: undefined)_\n- **--m3e-radio-selected-icon-color** - Icon color when radio is selected. _(default: undefined)_\n- **--m3e-radio-disabled-icon-color** - Icon color when radio is disabled. _(default: undefined)_\n- **--m3e-radio-error-hover-color** - Fallback hover color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-focus-color** - Fallback focus color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-ripple-color** - Fallback ripple color used when the radio is invalid and touched. _(default: undefined)_\n- **--m3e-radio-error-icon-color** - Fallback icon color used when the radio is invalid and touched. _(default: undefined)_",
+      "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": "checked",
-          "description": "Whether the element is checked.",
-          "values": []
-        },
-        {
-          "name": "disabled",
-          "description": "Whether the element is disabled.",
+          "name": "indeterminate",
+          "description": "Whether to show something is happening without conveying progress.",
           "values": []
         },
         {
-          "name": "name",
-          "description": "The name that identifies the element when submitting the associated form.",
+          "name": "max",
+          "description": "The maximum progress value.",
           "values": []
         },
         {
-          "name": "required",
-          "description": "Whether the element is required.",
+          "name": "value",
+          "description": "A fractional value, between 0 and `max`, indicating progress.",
           "values": []
         },
         {
-          "name": "value",
-          "description": "A string representing the value of the radio.",
-          "values": []
+          "name": "variant",
+          "description": "The appearance of the indicator.",
+          "values": [{ "name": "ProgressIndicatorVariant" }]
         }
       ],
       "references": []
     },
     {
-      "name": "m3e-radio-group",
-      "description": "A container for a set of radio buttons.\n---\n\n\n### **Events:**\n - **change** - Emitted when the checked state of a radio button changes.\n\n### **Methods:**\n - **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsPristine(): _void_** - Marks the element as pristine.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the radio buttons of the group.",
+      "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": "aria-invalid", "values": [] },
         {
-          "name": "disabled",
-          "description": "Whether the element is disabled.",
+          "name": "buffer-value",
+          "description": "A fractional value, between 0 and `max`, indicating buffer progress.",
           "values": []
         },
         {
-          "name": "name",
-          "description": "The name that identifies the element when submitting the associated form.",
+          "name": "max",
+          "description": "The maximum progress value.",
           "values": []
         },
         {
-          "name": "required",
-          "description": "Whether the element is required.",
+          "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": []
@@ -2005,38 +1973,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-switch",
-      "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
-      "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-step",
       "description": "A step in a wizard-like workflow.\n---\n\n\n### **Events:**\n - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **reset(): _void_** - Resets the step to its initial state, clearing any form data.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the step.\n- **icon** - Renders the icon of the step.\n- **done-icon** - Renders the icon of a completed step.\n- **edit-icon** - Renders the icon of a completed editable step.\n- **error-icon** - Renders icon of an invalid step.\n- **hint** - Renders the hint text of the step.\n- **error** - Renders the error message for an invalid step.\n\n### **CSS Properties:**\n - **--m3e-step-shape** - Border radius of the step container, defining its visual shape. _(default: undefined)_\n- **--m3e-step-padding** - Internal padding of the step container, used for layout spacing. _(default: undefined)_\n- **--m3e-step-icon-shape** - Border radius of the icon container, controlling its geometric form. _(default: undefined)_\n- **--m3e-step-icon-size** - Width and height of the icon container and icon glyph. _(default: undefined)_\n- **--m3e-step-selected-icon-container-color** - Background color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-selected-icon-color** - Foreground color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-completed-icon-container-color** - Background color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-completed-icon-color** - Foreground color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-unselected-icon-container-color** - Background color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-unselected-icon-color** - Foreground color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-icon-error-color** - Foreground color of the icon when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-icon-container-color** - Base color used to mix the disabled icon background. _(default: undefined)_\n- **--m3e-step-disabled-icon-color** - Base color used to mix the disabled icon foreground. _(default: undefined)_\n- **--m3e-step-label-color** - Text color of the step label in its default state. _(default: undefined)_\n- **--m3e-step-label-error-color** - Text color of the step label when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-label-color** - Base color used to mix the disabled label foreground. _(default: undefined)_\n- **--m3e-step-font-size** - Font size of the step label. _(default: undefined)_\n- **--m3e-step-font-weight** - Font weight of the step label. _(default: undefined)_\n- **--m3e-step-line-height** - Line height of the step label. _(default: undefined)_\n- **--m3e-step-tracking** - Letter spacing of the step label. _(default: undefined)_\n- **--m3e-step-icon-label-space** - Gap between icon and label. _(default: undefined)_\n- **--m3e-step-hint-font-size** - Font size of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-font-weight** - Font weight of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-line-height** - Line height of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-tracking** - Letter spacing of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-color** - Text color of hint messages in valid state. _(default: undefined)_\n- **--m3e-step-disabled-hint-color** - Base color used to mix the disabled hint foreground. _(default: undefined)_",
@@ -2130,6 +2066,38 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "m3e-switch",
+      "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **input** - Emitted when the checked state changes.\n- **change** - Emitted when the checked state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track’s outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
+      "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 - **input** - Emitted when the selected state changes.\n- **change** - Emitted when the selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the tab.\n- **icon** - Renders an icon before the tab's label.\n\n### **CSS Properties:**\n - **--m3e-tab-font-size** - Font size for tab label. _(default: undefined)_\n- **--m3e-tab-font-weight** - Font weight for tab label. _(default: undefined)_\n- **--m3e-tab-line-height** - Line height for tab label. _(default: undefined)_\n- **--m3e-tab-tracking** - Letter spacing for tab label. _(default: undefined)_\n- **--m3e-tab-padding-start** - Padding on the inline start of the tab. _(default: undefined)_\n- **--m3e-tab-padding-end** - Padding on the inline end of the tab. _(default: undefined)_\n- **--m3e-tab-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-tab-selected-color** - Text color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-hover-color** - Hover state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-focus-color** - Focus state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-ripple-color** - Ripple color for selected tab. _(default: undefined)_\n- **--m3e-tab-unselected-color** - Text color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-hover-color** - Hover state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-focus-color** - Focus state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-ripple-color** - Ripple color for unselected tab. _(default: undefined)_\n- **--m3e-tab-disabled-color** - Text color for disabled tab. _(default: undefined)_\n- **--m3e-tab-disabled-opacity** - Text opacity for disabled tab. _(default: undefined)_\n- **--m3e-tab-spacing** - Column gap between icon and label. _(default: undefined)_\n- **--m3e-tab-icon-size** - Font size for slotted icon. _(default: undefined)_",
@@ -2259,33 +2227,6 @@
       ],
       "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-toc",
       "description": "A table of contents that provides in-page scroll navigation.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders content between the header and items.\n- **overline** - Renders the overline of the table of contents.\n- **title** - Renders the title of the table of contents.\n\n### **CSS Properties:**\n - **--m3e-toc-width** - Width of the table of contents. _(default: undefined)_\n- **--m3e-toc-item-shape** - Border radius of TOC items and active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-color** - Border color of the active indicator. _(default: undefined)_\n- **--m3e-toc-active-indicator-animation-duration** - Animation duration for the active indicator. _(default: undefined)_\n- **--m3e-toc-item-padding** - Inline padding for TOC items and header. _(default: undefined)_\n- **--m3e-toc-header-space** - Block space below and between header elements. _(default: undefined)_\n- **--m3e-toc-overline-font-size** - Font size for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-font-weight** - Font weight for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-line-height** - Line height for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-tracking** - Letter spacing for the overline slot. _(default: undefined)_\n- **--m3e-toc-overline-color** - Text color for the overline slot. _(default: undefined)_\n- **--m3e-toc-title-font-size** - Font size for the title slot. _(default: undefined)_\n- **--m3e-toc-title-font-weight** - Font weight for the title slot. _(default: undefined)_\n- **--m3e-toc-title-line-height** - Line height for the title slot. _(default: undefined)_\n- **--m3e-toc-title-tracking** - Letter spacing for the title slot. _(default: undefined)_\n- **--m3e-toc-title-color** - Text color for the title slot. _(default: undefined)_",
@@ -2406,6 +2347,33 @@
       ],
       "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-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.",