@m3e/web 2.5.3 → 2.5.4

package/dist/html-custom-data.json

@@ -99,12 +99,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-avatar",
-      "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
-      "attributes": [],
-      "references": []
-    },
     {
       "name": "m3e-badge",
       "description": "A visual indicator used to label content.\n---\n\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the content of the badge.\n\n### **CSS Properties:**\n - **--m3e-badge-shape** - Corner radius of the badge. _(default: undefined)_\n- **--m3e-badge-color** - Foreground color of badge content. _(default: undefined)_\n- **--m3e-badge-container-color** - Background color of the badge. _(default: undefined)_\n- **--m3e-badge-small-size** - Fixed dimensions for small badge. Used for minimal indicators (e.g. dot). _(default: undefined)_\n- **--m3e-badge-medium-size** - Height and min-width for medium badge. _(default: undefined)_\n- **--m3e-badge-medium-font-size** - Font size for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-font-weight** - Font weight for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-line-height** - Line height for medium badge label. _(default: undefined)_\n- **--m3e-badge-medium-tracking** - Letter spacing for medium badge label. _(default: undefined)_\n- **--m3e-badge-large-size** - Height and min-width for large badge. _(default: undefined)_\n- **--m3e-badge-large-font-size** - Font size for large badge label. _(default: undefined)_\n- **--m3e-badge-large-font-weight** - Font weight for large badge label. _(default: undefined)_\n- **--m3e-badge-large-line-height** - Line height for large badge label. _(default: undefined)_\n- **--m3e-badge-large-tracking** - Letter spacing for large badge label. _(default: undefined)_",
@@ -127,6 +121,12 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-avatar",
+      "description": "An image, icon or textual initials representing a user or other identity.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content of the avatar.\n\n### **CSS Properties:**\n - **--m3e-avatar-size** - Size of the avatar. _(default: undefined)_\n- **--m3e-avatar-shape** - Border radius of the avatar. _(default: undefined)_\n- **--m3e-avatar-font-size** - Font size for the avatar. _(default: undefined)_\n- **--m3e-avatar-font-weight** - Font weight for the avatar. _(default: undefined)_\n- **--m3e-avatar-line-height** - Line height for the avatar. _(default: undefined)_\n- **--m3e-avatar-tracking** - Letter spacing for the avatar. _(default: undefined)_\n- **--m3e-avatar-color** - Background color of the avatar. _(default: undefined)_\n- **--m3e-avatar-label-color** - Text color of the avatar. _(default: undefined)_",
+      "attributes": [],
+      "references": []
+    },
     {
       "name": "m3e-bottom-sheet-action",
       "description": "An element, nested within a clickable element, used to close a parenting bottom sheet.\n---\n\n\n### **Methods:**\n \n\n### **Slots:**\n - _default_ - Renders the content of the action.",
@@ -207,6 +207,83 @@
       ],
       "references": []
     },
+    {
+      "name": "m3e-button",
+      "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **icon** - Renders an icon before the button's label.\n- **selected** - Renders the label of the button, when selected.\n- **selected-icon** - Renders an icon before the button's label, when selected.\n- **trailing-icon** - Renders an icon after the button's label.\n\n### **CSS Properties:**\n - **--m3e-button-container-height** - Height of the button container, for all size variants. _(default: undefined)_\n- **--m3e-button-outline-thickness** - Thickness of the button outline, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-size** - Font size for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-weight** - Font weight for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-line-height** - Line height for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-tracking** - Letter tracking for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-size** - Size of the icon, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-round** - Corner radius for round shape, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-square** - Corner radius for square shape, for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-round** - Corner radius when selected (round), for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-square** - Corner radius when selected (square), for all size variants. _(default: undefined)_\n- **--m3e-button-shape-pressed-morph** - Corner radius when pressed, for all size variants. _(default: undefined)_\n- **--m3e-button-leading-space** - Space before icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-trailing-space** - Space after icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-label-space** - Space between icon and label, for all size variants. _(default: undefined)_\n- **--m3e-button-extra-small-container-height** - Height of the button container, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-outline-thickness** - Thickness of the button outline, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-size** - Font size for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-weight** - Font weight for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-line-height** - Line height for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-tracking** - Letter tracking for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-size** - Size of the icon, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-round** - Corner radius for round shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-square** - Corner radius for square shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-round** - Corner radius when selected (round), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-square** - Corner radius when selected (square), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-pressed-morph** - Corner radius when pressed, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-leading-space** - Space before icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-trailing-space** - Space after icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-label-space** - Space between icon and label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-small-container-height** - Height of the button container, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-outline-thickness** - Thickness of the button outline, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-size** - Font size for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-weight** - Font weight for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-line-height** - Line height for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-tracking** - Letter tracking for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-size** - Size of the icon, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-round** - Corner radius for round shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-square** - Corner radius for square shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-round** - Corner radius when selected (round), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-square** - Corner radius when selected (square), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-pressed-morph** - Corner radius when pressed, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-leading-space** - Space before icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-trailing-space** - Space after icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-label-space** - Space between icon and label, for the small size variant. _(default: undefined)_\n- **--m3e-button-medium-container-height** - Height of the button container, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-outline-thickness** - Thickness of the button outline, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-size** - Font size for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-weight** - Font weight for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-line-height** - Line height for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-tracking** - Letter tracking for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-size** - Size of the icon, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-round** - Corner radius for round shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-square** - Corner radius for square shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-round** - Corner radius when selected (round), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-square** - Corner radius when selected (square), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-pressed-morph** - Corner radius when pressed, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-leading-space** - Space before icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-trailing-space** - Space after icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-label-space** - Space between icon and label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-large-container-height** - Height of the button container, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-outline-thickness** - Thickness of the button outline, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-size** - Font size for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-weight** - Font weight for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-line-height** - Line height for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-tracking** - Letter tracking for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-size** - Size of the icon, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-round** - Corner radius for round shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-square** - Corner radius for square shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-round** - Corner radius when selected (round), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-square** - Corner radius when selected (square), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-pressed-morph** - Corner radius when pressed, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-leading-space** - Space before icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-trailing-space** - Space after icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-label-space** - Space between icon and label, for the large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-container-height** - Height of the button container, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-outline-thickness** - Thickness of the button outline, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-size** - Font size for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-weight** - Font weight for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-line-height** - Line height for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-tracking** - Letter tracking for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-size** - Size of the icon, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-round** - Corner radius for round shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-square** - Corner radius for square shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-round** - Corner radius when selected (round), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-square** - Corner radius when selected (square), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-pressed-morph** - Corner radius when pressed, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-leading-space** - Space before icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-trailing-space** - Space after icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-label-space** - Space between icon and label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-outline-color** - Outline color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-outline-color** - Disabled outline color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-outline-color** - Hover outline color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-outline-color** - Focus outline color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-outline-color** - Pressed outline color, for all variants. _(default: undefined)_\n- **--m3e-button-container-color** - Container background color, for all variants. _(default: undefined)_\n- **--m3e-button-container-elevation** - Elevation, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-container-color** - Unselected container color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-container-color** - Selected container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-elevation** - Disabled elevation, for all variants. _(default: undefined)_\n- **--m3e-button-hover-container-elevation** - Hover elevation, for all variants. _(default: undefined)_\n- **--m3e-button-focus-container-elevation** - Focus elevation, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-container-elevation** - Pressed elevation, for all variants. _(default: undefined)_\n- **--m3e-button-label-text-color** - Label color, for all variants. _(default: undefined)_\n- **--m3e-button-icon-color** - Icon color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-label-text-color** - Unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-icon-color** - Unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-label-text-color** - Selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-icon-color** - Selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-color** - Disabled container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-opacity** - Disabled container opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-color** - Disabled icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-opacity** - Disabled icon opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-color** - Disabled label color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-opacity** - Disabled label opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-icon-color** - Hover icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-label-text-color** - Hover label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-color** - Hover state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-opacity** - Hover state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-icon-color** - Hover unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-label-text-color** - Hover unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-icon-color** - Hover selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-label-text-color** - Hover selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-state-layer-color** - Hover selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-icon-color** - Focus icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-label-text-color** - Focus label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-color** - Focus state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-opacity** - Focus state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-icon-color** - Focus unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-label-text-color** - Focus unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-icon-color** - Focus selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-label-text-color** - Focus selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-state-layer-color** - Focus selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-icon-color** - Pressed icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-label-text-color** - Pressed label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-color** - Pressed state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-opacity** - Pressed state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-icon-color** - Pressed unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-label-text-color** - Pressed unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-icon-color** - Pressed selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-label-text-color** - Pressed selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-elevated-button-label-text-color** - Label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-icon-color** - Icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-color** - Container background color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-elevation** - Elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-label-text-color** - Unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-icon-color** - Unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-container-color** - Unselected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-label-text-color** - Selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-icon-color** - Selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-container-color** - Selected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-color** - Disabled container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-opacity** - Disabled container opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-color** - Disabled icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-opacity** - Disabled icon opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-color** - Disabled label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-opacity** - Disabled label opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-elevation** - Disabled elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-icon-color** - Hover icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-label-text-color** - Hover label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-color** - Hover state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-opacity** - Hover state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-container-elevation** - Hover elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-icon-color** - Hover unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-label-text-color** - Hover unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-icon-color** - Hover selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-label-text-color** - Hover selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-state-layer-color** - Hover selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-icon-color** - Focus icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-label-text-color** - Focus label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-color** - Focus state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-opacity** - Focus state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-container-elevation** - Focus elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-label-text-color** - Focus unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-icon-color** - Focus unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-icon-color** - Focus selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-label-text-color** - Focus selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-state-layer-color** - Focus selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-icon-color** - Pressed icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-label-text-color** - Pressed label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-color** - Pressed state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-container-elevation** - Pressed elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-icon-color** - Pressed selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-label-text-color** - Pressed selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-outlined-button-label-text-color** - Label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-icon-color** - Icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-outline-color** - Outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-label-text-color** - Unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-icon-color** - Unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-label-text-color** - Selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-icon-color** - Selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-container-color** - Selected container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-color** - Disabled container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-opacity** - Disabled container opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-color** - Disabled icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-opacity** - Disabled icon opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-color** - Disabled label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-opacity** - Disabled label opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-outline-color** - Disabled outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-icon-color** - Hover icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-label-text-color** - Hover label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-outline-color** - Hover outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-color** - Hover state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-opacity** - Hover state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-icon-color** - Hover unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-label-text-color** - Hover unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-icon-color** - Hover selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-label-text-color** - Hover selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-state-layer-color** - Hover selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-icon-color** - Focus icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-label-text-color** - Focus label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-outline-color** - Focus outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-color** - Focus state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-opacity** - Focus state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-icon-color** - Focus unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-label-text-color** - Focus unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-icon-color** - Focus selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-label-text-color** - Focus selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-state-layer-color** - Focus selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-icon-color** - Pressed icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-label-text-color** - Pressed label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-outline-color** - Pressed outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-color** - Pressed state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-icon-color** - Pressed selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-label-text-color** - Pressed selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-filled-button-label-text-color** - Label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-icon-color** - Icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-color** - Container background color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-elevation** - Elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-label-text-color** - Unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-icon-color** - Unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-container-color** - Unselected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-label-text-color** - Selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-icon-color** - Selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-container-color** - Selected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-color** - Disabled container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-opacity** - Disabled container opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-color** - Disabled icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-opacity** - Disabled icon opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-color** - Disabled label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-opacity** - Disabled label opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-elevation** - Disabled elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-icon-color** - Hover icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-label-text-color** - Hover label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-color** - Hover state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-opacity** - Hover state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-container-elevation** - Hover elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-icon-color** - Hover unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-label-text-color** - Hover unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-icon-color** - Hover selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-label-text-color** - Hover selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-state-layer-color** - Hover selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-icon-color** - Focus icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-label-text-color** - Focus label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-color** - Focus state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-opacity** - Focus state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-container-elevation** - Focus elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-icon-color** - Focus unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-label-text-color** - Focus unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-icon-color** - Focus selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-label-text-color** - Focus selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-state-layer-color** - Focus selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-icon-color** - Pressed icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-label-text-color** - Pressed label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-color** - Pressed state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-container-elevation** - Pressed elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-icon-color** - Pressed selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-label-text-color** - Pressed selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-tonal-button-label-text-color** - Label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-icon-color** - Icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-color** - Container background color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-elevation** - Elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-label-text-color** - Unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-icon-color** - Unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-container-color** - Unselected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-label-text-color** - Selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-icon-color** - Selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-container-color** - Selected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-color** - Disabled container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-opacity** - Disabled container opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-color** - Disabled icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-opacity** - Disabled icon opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-color** - Disabled label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-opacity** - Disabled label opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-elevation** - Disabled elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-icon-color** - Hover icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-label-text-color** - Hover label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-color** - Hover state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-opacity** - Hover state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-container-elevation** - Hover elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-icon-color** - Hover unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-label-text-color** - Hover unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-icon-color** - Hover selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-label-text-color** - Hover selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-state-layer-color** - Hover selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-icon-color** - Focus icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-label-text-color** - Focus label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-color** - Focus state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-opacity** - Focus state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-container-elevation** - Focus elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-icon-color** - Focus unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-label-text-color** - Focus unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-icon-color** - Focus selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-label-text-color** - Focus selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-state-layer-color** - Focus selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-icon-color** - Pressed icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-label-text-color** - Pressed label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-color** - Pressed state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-container-elevation** - Pressed elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-icon-color** - Pressed selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-label-text-color** - Pressed selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-text-button-label-text-color** - Label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-icon-color** - Icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-label-text-color** - Unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-icon-color** - Unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-label-text-color** - Selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-icon-color** - Selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-color** - Disabled container color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-opacity** - Disabled container opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-color** - Disabled icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-opacity** - Disabled icon opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-color** - Disabled label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-opacity** - Disabled label opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-icon-color** - Hover icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-label-text-color** - Hover label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-color** - Hover state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-opacity** - Hover state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-icon-color** - Hover unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-label-text-color** - Hover unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-icon-color** - Hover selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-label-text-color** - Hover selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-state-layer-color** - Hover selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-icon-color** - Focus icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-label-text-color** - Focus label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-color** - Focus state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-opacity** - Focus state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-icon-color** - Focus unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-label-text-color** - Focus unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-icon-color** - Focus selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-label-text-color** - Focus selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-state-layer-color** - Focus selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-icon-color** - Pressed icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-label-text-color** - Pressed label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-color** - Pressed state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-icon-color** - Pressed selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-label-text-color** - Pressed selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the text variant. _(default: undefined)_",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "Whether the element is disabled.",
+          "values": []
+        },
+        {
+          "name": "disabled-interactive",
+          "description": "Whether the element is disabled and interactive.",
+          "values": []
+        },
+        {
+          "name": "download",
+          "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "The URL to which the link button points.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
+          "values": []
+        },
+        {
+          "name": "rel",
+          "description": "The relationship between the `target` of the link button and the document.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Whether the toggle button is selected.",
+          "values": []
+        },
+        {
+          "name": "shape",
+          "description": "The shape of the button.",
+          "values": [{ "name": "ButtonShape" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the button.",
+          "values": [{ "name": "ButtonSize" }]
+        },
+        {
+          "name": "target",
+          "description": "The target of the link button.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "toggle",
+          "description": "Whether the button will toggle between selected and unselected states.",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "The type of the element.",
+          "values": [{ "name": "FormSubmitterType" }]
+        },
+        {
+          "name": "value",
+          "description": "The value associated with the element's name when it's submitted with form data.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The appearance variant of the button.",
+          "values": [{ "name": "ButtonVariant" }]
+        }
+      ],
+      "references": []
+    },
     {
       "name": "m3e-breadcrumb",
       "description": "Displays a hierarchical navigation path and identifies the user's\r\ncurrent location within an application.\n---\n\n\n### **Slots:**\n - _default_ - Renders breadcrumb items.\n- **separator** - Renders a custom separator between breadcrumb items.",
@@ -298,83 +375,6 @@
       ],
       "references": []
     },
-    {
-      "name": "m3e-button",
-      "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Emitted when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **icon** - Renders an icon before the button's label.\n- **selected** - Renders the label of the button, when selected.\n- **selected-icon** - Renders an icon before the button's label, when selected.\n- **trailing-icon** - Renders an icon after the button's label.\n\n### **CSS Properties:**\n - **--m3e-button-container-height** - Height of the button container, for all size variants. _(default: undefined)_\n- **--m3e-button-outline-thickness** - Thickness of the button outline, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-size** - Font size for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-weight** - Font weight for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-line-height** - Line height for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-tracking** - Letter tracking for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-size** - Size of the icon, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-round** - Corner radius for round shape, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-square** - Corner radius for square shape, for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-round** - Corner radius when selected (round), for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-square** - Corner radius when selected (square), for all size variants. _(default: undefined)_\n- **--m3e-button-shape-pressed-morph** - Corner radius when pressed, for all size variants. _(default: undefined)_\n- **--m3e-button-leading-space** - Space before icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-trailing-space** - Space after icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-label-space** - Space between icon and label, for all size variants. _(default: undefined)_\n- **--m3e-button-extra-small-container-height** - Height of the button container, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-outline-thickness** - Thickness of the button outline, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-size** - Font size for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-weight** - Font weight for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-line-height** - Line height for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-tracking** - Letter tracking for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-size** - Size of the icon, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-round** - Corner radius for round shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-square** - Corner radius for square shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-round** - Corner radius when selected (round), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-square** - Corner radius when selected (square), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-pressed-morph** - Corner radius when pressed, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-leading-space** - Space before icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-trailing-space** - Space after icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-label-space** - Space between icon and label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-small-container-height** - Height of the button container, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-outline-thickness** - Thickness of the button outline, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-size** - Font size for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-weight** - Font weight for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-line-height** - Line height for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-tracking** - Letter tracking for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-size** - Size of the icon, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-round** - Corner radius for round shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-square** - Corner radius for square shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-round** - Corner radius when selected (round), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-square** - Corner radius when selected (square), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-pressed-morph** - Corner radius when pressed, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-leading-space** - Space before icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-trailing-space** - Space after icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-label-space** - Space between icon and label, for the small size variant. _(default: undefined)_\n- **--m3e-button-medium-container-height** - Height of the button container, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-outline-thickness** - Thickness of the button outline, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-size** - Font size for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-weight** - Font weight for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-line-height** - Line height for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-tracking** - Letter tracking for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-size** - Size of the icon, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-round** - Corner radius for round shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-square** - Corner radius for square shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-round** - Corner radius when selected (round), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-square** - Corner radius when selected (square), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-pressed-morph** - Corner radius when pressed, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-leading-space** - Space before icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-trailing-space** - Space after icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-label-space** - Space between icon and label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-large-container-height** - Height of the button container, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-outline-thickness** - Thickness of the button outline, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-size** - Font size for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-weight** - Font weight for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-line-height** - Line height for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-tracking** - Letter tracking for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-size** - Size of the icon, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-round** - Corner radius for round shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-square** - Corner radius for square shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-round** - Corner radius when selected (round), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-square** - Corner radius when selected (square), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-pressed-morph** - Corner radius when pressed, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-leading-space** - Space before icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-trailing-space** - Space after icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-label-space** - Space between icon and label, for the large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-container-height** - Height of the button container, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-outline-thickness** - Thickness of the button outline, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-size** - Font size for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-weight** - Font weight for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-line-height** - Line height for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-tracking** - Letter tracking for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-size** - Size of the icon, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-round** - Corner radius for round shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-square** - Corner radius for square shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-round** - Corner radius when selected (round), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-square** - Corner radius when selected (square), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-pressed-morph** - Corner radius when pressed, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-leading-space** - Space before icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-trailing-space** - Space after icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-label-space** - Space between icon and label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-outline-color** - Outline color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-outline-color** - Disabled outline color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-outline-color** - Hover outline color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-outline-color** - Focus outline color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-outline-color** - Pressed outline color, for all variants. _(default: undefined)_\n- **--m3e-button-container-color** - Container background color, for all variants. _(default: undefined)_\n- **--m3e-button-container-elevation** - Elevation, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-container-color** - Unselected container color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-container-color** - Selected container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-elevation** - Disabled elevation, for all variants. _(default: undefined)_\n- **--m3e-button-hover-container-elevation** - Hover elevation, for all variants. _(default: undefined)_\n- **--m3e-button-focus-container-elevation** - Focus elevation, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-container-elevation** - Pressed elevation, for all variants. _(default: undefined)_\n- **--m3e-button-label-text-color** - Label color, for all variants. _(default: undefined)_\n- **--m3e-button-icon-color** - Icon color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-label-text-color** - Unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-icon-color** - Unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-label-text-color** - Selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-icon-color** - Selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-color** - Disabled container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-opacity** - Disabled container opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-color** - Disabled icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-opacity** - Disabled icon opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-color** - Disabled label color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-opacity** - Disabled label opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-icon-color** - Hover icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-label-text-color** - Hover label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-color** - Hover state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-opacity** - Hover state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-icon-color** - Hover unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-label-text-color** - Hover unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-icon-color** - Hover selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-label-text-color** - Hover selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-state-layer-color** - Hover selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-icon-color** - Focus icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-label-text-color** - Focus label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-color** - Focus state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-opacity** - Focus state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-icon-color** - Focus unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-label-text-color** - Focus unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-icon-color** - Focus selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-label-text-color** - Focus selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-state-layer-color** - Focus selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-icon-color** - Pressed icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-label-text-color** - Pressed label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-color** - Pressed state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-opacity** - Pressed state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-icon-color** - Pressed unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-label-text-color** - Pressed unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-icon-color** - Pressed selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-label-text-color** - Pressed selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-elevated-button-label-text-color** - Label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-icon-color** - Icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-color** - Container background color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-elevation** - Elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-label-text-color** - Unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-icon-color** - Unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-container-color** - Unselected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-label-text-color** - Selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-icon-color** - Selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-container-color** - Selected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-color** - Disabled container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-opacity** - Disabled container opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-color** - Disabled icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-opacity** - Disabled icon opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-color** - Disabled label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-opacity** - Disabled label opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-elevation** - Disabled elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-icon-color** - Hover icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-label-text-color** - Hover label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-color** - Hover state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-opacity** - Hover state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-container-elevation** - Hover elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-icon-color** - Hover unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-label-text-color** - Hover unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-icon-color** - Hover selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-label-text-color** - Hover selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-state-layer-color** - Hover selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-icon-color** - Focus icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-label-text-color** - Focus label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-color** - Focus state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-opacity** - Focus state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-container-elevation** - Focus elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-label-text-color** - Focus unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-icon-color** - Focus unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-icon-color** - Focus selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-label-text-color** - Focus selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-state-layer-color** - Focus selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-icon-color** - Pressed icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-label-text-color** - Pressed label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-color** - Pressed state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-container-elevation** - Pressed elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-icon-color** - Pressed selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-label-text-color** - Pressed selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-outlined-button-label-text-color** - Label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-icon-color** - Icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-outline-color** - Outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-label-text-color** - Unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-icon-color** - Unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-label-text-color** - Selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-icon-color** - Selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-container-color** - Selected container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-color** - Disabled container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-opacity** - Disabled container opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-color** - Disabled icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-opacity** - Disabled icon opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-color** - Disabled label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-opacity** - Disabled label opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-outline-color** - Disabled outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-icon-color** - Hover icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-label-text-color** - Hover label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-outline-color** - Hover outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-color** - Hover state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-opacity** - Hover state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-icon-color** - Hover unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-label-text-color** - Hover unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-icon-color** - Hover selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-label-text-color** - Hover selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-state-layer-color** - Hover selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-icon-color** - Focus icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-label-text-color** - Focus label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-outline-color** - Focus outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-color** - Focus state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-opacity** - Focus state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-icon-color** - Focus unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-label-text-color** - Focus unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-icon-color** - Focus selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-label-text-color** - Focus selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-state-layer-color** - Focus selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-icon-color** - Pressed icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-label-text-color** - Pressed label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-outline-color** - Pressed outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-color** - Pressed state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-icon-color** - Pressed selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-label-text-color** - Pressed selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-filled-button-label-text-color** - Label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-icon-color** - Icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-color** - Container background color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-elevation** - Elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-label-text-color** - Unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-icon-color** - Unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-container-color** - Unselected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-label-text-color** - Selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-icon-color** - Selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-container-color** - Selected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-color** - Disabled container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-opacity** - Disabled container opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-color** - Disabled icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-opacity** - Disabled icon opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-color** - Disabled label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-opacity** - Disabled label opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-elevation** - Disabled elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-icon-color** - Hover icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-label-text-color** - Hover label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-color** - Hover state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-opacity** - Hover state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-container-elevation** - Hover elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-icon-color** - Hover unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-label-text-color** - Hover unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-icon-color** - Hover selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-label-text-color** - Hover selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-state-layer-color** - Hover selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-icon-color** - Focus icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-label-text-color** - Focus label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-color** - Focus state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-opacity** - Focus state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-container-elevation** - Focus elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-icon-color** - Focus unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-label-text-color** - Focus unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-icon-color** - Focus selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-label-text-color** - Focus selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-state-layer-color** - Focus selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-icon-color** - Pressed icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-label-text-color** - Pressed label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-color** - Pressed state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-container-elevation** - Pressed elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-icon-color** - Pressed selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-label-text-color** - Pressed selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-tonal-button-label-text-color** - Label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-icon-color** - Icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-color** - Container background color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-elevation** - Elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-label-text-color** - Unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-icon-color** - Unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-container-color** - Unselected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-label-text-color** - Selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-icon-color** - Selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-container-color** - Selected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-color** - Disabled container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-opacity** - Disabled container opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-color** - Disabled icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-opacity** - Disabled icon opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-color** - Disabled label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-opacity** - Disabled label opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-elevation** - Disabled elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-icon-color** - Hover icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-label-text-color** - Hover label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-color** - Hover state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-opacity** - Hover state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-container-elevation** - Hover elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-icon-color** - Hover unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-label-text-color** - Hover unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-icon-color** - Hover selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-label-text-color** - Hover selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-state-layer-color** - Hover selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-icon-color** - Focus icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-label-text-color** - Focus label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-color** - Focus state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-opacity** - Focus state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-container-elevation** - Focus elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-icon-color** - Focus unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-label-text-color** - Focus unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-icon-color** - Focus selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-label-text-color** - Focus selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-state-layer-color** - Focus selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-icon-color** - Pressed icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-label-text-color** - Pressed label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-color** - Pressed state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-container-elevation** - Pressed elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-icon-color** - Pressed selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-label-text-color** - Pressed selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-text-button-label-text-color** - Label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-icon-color** - Icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-label-text-color** - Unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-icon-color** - Unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-label-text-color** - Selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-icon-color** - Selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-color** - Disabled container color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-opacity** - Disabled container opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-color** - Disabled icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-opacity** - Disabled icon opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-color** - Disabled label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-opacity** - Disabled label opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-icon-color** - Hover icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-label-text-color** - Hover label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-color** - Hover state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-opacity** - Hover state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-icon-color** - Hover unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-label-text-color** - Hover unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-icon-color** - Hover selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-label-text-color** - Hover selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-state-layer-color** - Hover selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-icon-color** - Focus icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-label-text-color** - Focus label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-color** - Focus state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-opacity** - Focus state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-icon-color** - Focus unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-label-text-color** - Focus unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-icon-color** - Focus selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-label-text-color** - Focus selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-state-layer-color** - Focus selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-icon-color** - Pressed icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-label-text-color** - Pressed label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-color** - Pressed state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-icon-color** - Pressed selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-label-text-color** - Pressed selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the text variant. _(default: undefined)_",
-      "attributes": [
-        {
-          "name": "disabled",
-          "description": "Whether the element is disabled.",
-          "values": []
-        },
-        {
-          "name": "disabled-interactive",
-          "description": "Whether the element is disabled and interactive.",
-          "values": []
-        },
-        {
-          "name": "download",
-          "description": "A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.",
-          "values": []
-        },
-        {
-          "name": "href",
-          "description": "The URL to which the link button points.",
-          "values": []
-        },
-        {
-          "name": "name",
-          "description": "The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.",
-          "values": []
-        },
-        {
-          "name": "rel",
-          "description": "The relationship between the `target` of the link button and the document.",
-          "values": []
-        },
-        {
-          "name": "selected",
-          "description": "Whether the toggle button is selected.",
-          "values": []
-        },
-        {
-          "name": "shape",
-          "description": "The shape of the button.",
-          "values": [{ "name": "ButtonShape" }]
-        },
-        {
-          "name": "size",
-          "description": "The size of the button.",
-          "values": [{ "name": "ButtonSize" }]
-        },
-        {
-          "name": "target",
-          "description": "The target of the link button.",
-          "values": [{ "name": "LinkTarget" }]
-        },
-        {
-          "name": "toggle",
-          "description": "Whether the button will toggle between selected and unselected states.",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "The type of the element.",
-          "values": [{ "name": "FormSubmitterType" }]
-        },
-        {
-          "name": "value",
-          "description": "The value associated with the element's name when it's submitted with form data.",
-          "values": []
-        },
-        {
-          "name": "variant",
-          "description": "The appearance variant of the button.",
-          "values": [{ "name": "ButtonVariant" }]
-        }
-      ],
-      "references": []
-    },
     {
       "name": "m3e-button-group",
       "description": "Organizes buttons and adds interactions between them.\n---\n\n\n### **Slots:**\n - _default_ - Renders the buttons of the group.\n\n### **CSS Properties:**\n - **--m3e-standard-button-group-extra-small-spacing** - Spacing between buttons in standard variant, extra-small size. _(default: undefined)_\n- **--m3e-standard-button-group-small-spacing** - Spacing between buttons in standard variant, small size. _(default: undefined)_\n- **--m3e-standard-button-group-medium-spacing** - Spacing between buttons in standard variant, medium size. _(default: undefined)_\n- **--m3e-standard-button-group-large-spacing** - Spacing between buttons in standard variant, large size. _(default: undefined)_\n- **--m3e-standard-button-group-extra-large-spacing** - Spacing between buttons in standard variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-spacing** - Spacing between buttons in connected variant. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-shape** - Corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-small-inner-pressed-shape** - Pressed corner shape for connected variant, extra-small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-shape** - Corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-small-inner-pressed-shape** - Pressed corner shape for connected variant, small size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-shape** - Corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-medium-inner-pressed-shape** - Pressed corner shape for connected variant, medium size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-shape** - Corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-large-inner-pressed-shape** - Pressed corner shape for connected variant, large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-shape** - Corner shape for connected variant, extra-large size. _(default: undefined)_\n- **--m3e-connected-button-group-extra-large-inner-pressed-shape** - Pressed corner shape for connected variant, extra-large size. _(default: undefined)_",

package/dist/icon.js

@@ -232,7 +232,7 @@ let M3eIconElement = class M3eIconElement extends Role(LitElement, "img") {
 };
 _M3eIconElement_iconRegistryUnobserve = new WeakMap();
 /** The styles of the element. */
-M3eIconElement.styles = css`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 1em; height: 1em; vertical-align: middle; overflow: hidden; } .icon { font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: inherit; height: inherit; vertical-align: inherit; font-variation-settings: "FILL" var(--_icon-fill, 0), "wght" var(--_icon-weight, 400), "GRAD" var(--_icon-grade, 0), "opsz" var(--_icon-optical-size, 24); } :host([variant="outlined"]) .icon { font-family: "Material Symbols Outlined"; } :host([variant="rounded"]) .icon { font-family: "Material Symbols Rounded"; } :host([variant="sharp"]) .icon { font-family: "Material Symbols Sharp"; } svg { font-size: inherit; width: 1em; height: 1em; }`;
+M3eIconElement.styles = css`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 1em; height: 1em; vertical-align: middle; overflow: hidden; } .icon { font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: inherit; height: inherit; vertical-align: inherit; font-variation-settings: "FILL" var(--_icon-fill, 0), "wght" var(--_icon-weight, 400), "GRAD" var(--_icon-grade, 0), "opsz" var(--_icon-optical-size, 24); } :host([variant="outlined"]) .icon { font-family: "Material Symbols Outlined"; } :host([variant="rounded"]) .icon { font-family: "Material Symbols Rounded"; } :host([variant="sharp"]) .icon { font-family: "Material Symbols Sharp"; } svg { fill: currentColor; font-size: inherit; width: 1em; height: 1em; }`;
 __decorate([query(".icon")], M3eIconElement.prototype, "_icon", void 0);
 __decorate([property()], M3eIconElement.prototype, "name", void 0);
 __decorate([property({

package/dist/icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon.js","sources":["../../src/icon/IconRegistry.ts","../../src/icon/IconElement.ts","../../src/icon/registerIcon.ts"],"sourcesContent":["import { svg, SVGTemplateResult } from \"lit\";\r\n\r\nimport { IconVariant } from \"./IconVariant\";\r\n\r\n/** @private */ const PATH_DATA_PATTERN = /^[MmLlHhVvCcSsQqTtAaZz0-9.,\\s-]+$/;\r\n/** @private */ const VIEW_BOX_PATTERN = /^-?\\d+(\\.\\d+)?\\s+-?\\d+(\\.\\d+)?\\s+-?\\d+(\\.\\d+)?\\s+-?\\d+(\\.\\d+)?$/;\r\n\r\n/** Encapsulates information used to construct an SVG. */\r\nexport type SvgIconInfo = {\r\n  /** The viewbox of the SVG. */\r\n  viewBox: string;\r\n\r\n  /** The path of the SVG. */\r\n  path: string;\r\n};\r\n\r\n/** Represents the fill-axis SVG data for a single icon. */\r\nexport type SvgIconFillSet = {\r\n  /** The unfilled (FILL=0) SVG representation (or path assuming viewBox=\"0 -960 960 960\") of the icon. */\r\n  outlined: SvgIconInfo | string;\r\n\r\n  /** The filled (FILL=1) SVG representation (or path assuming viewBox=\"0 -960 960 960\") of the icon. */\r\n  filled: SvgIconInfo | string;\r\n};\r\n\r\n/**\r\n * Service to register and display icons used by the `m3e-icon` component.\r\n * @internal\r\n */\r\nexport class IconRegistry {\r\n  /** @private */\r\n  static readonly #icons = new Map<string, { outlined: SVGTemplateResult; filled: SVGTemplateResult }>();\r\n\r\n  /** @private */ static readonly #observers = new Map<string, Array<() => void>>();\r\n\r\n  /**\r\n   * Adds an icon to the registry for the given variant and weight.\r\n   * @param {string} name The name of the icon.\r\n   * @param {IconVariant} variant The variant of the icon.\r\n   * @param {SvgIconFillSet} fillSet The SVG data for both fill states (outlined and filled) of the icon.\r\n   */\r\n  static addIcon(name: string, variant: IconVariant, fillSet: SvgIconFillSet): void {\r\n    const trustOutlinedViewBox = typeof fillSet.outlined === \"string\";\r\n    const trustFilledViewBox = typeof fillSet.filled === \"string\";\r\n\r\n    if (typeof fillSet.outlined === \"string\") {\r\n      fillSet.outlined = {\r\n        viewBox: \"0 -960 960 960\",\r\n        path: fillSet.outlined,\r\n      };\r\n    }\r\n    if (typeof fillSet.filled === \"string\") {\r\n      fillSet.filled = {\r\n        viewBox: \"0 -960 960 960\",\r\n        path: fillSet.filled,\r\n      };\r\n    }\r\n\r\n    this.#validateSvgIconInfo(name, variant, fillSet.outlined, trustOutlinedViewBox);\r\n    this.#validateSvgIconInfo(name, variant, fillSet.filled, trustFilledViewBox);\r\n\r\n    if (window !== undefined) {\r\n      const key = this.#createKey(name, variant);\r\n      this.#icons.set(key, {\r\n        outlined: svg`<svg viewBox=\"${fillSet.outlined.viewBox}\"><path d=\"${fillSet.outlined.path}\"/></svg>`,\r\n        filled: svg`<svg viewBox=\"${fillSet.filled.viewBox}\"><path d=\"${fillSet.filled.path}\"/></svg>`,\r\n      });\r\n\r\n      this.#observers.get(key)?.forEach((x) => x());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Determines whether an icon is registered for the given variant.\r\n   * @param {string} name The name of the icon.\r\n   * @param {IconVariant} variant The variant of the icon.\r\n   * @returns {boolean} Whether `icon` is registered for the given `variant`.\r\n   */\r\n  static isIconRegistered(name: string, variant: IconVariant): boolean {\r\n    return window !== undefined && this.#icons.has(this.#createKey(name, variant));\r\n  }\r\n\r\n  /**\r\n   * Renders an icon from the registry.\r\n   * @param {string} name The name of the icon.\r\n   * @param {IconVariant} variant The variant of the icon.\r\n   * @param {boolean} filled Whether to render a filled variant of the icon.\r\n   * @returns {SVGTemplateResult | undefined} A `SVGTemplateResult` used to render the icon.\r\n   */\r\n  static renderIcon(name: string, variant: IconVariant, filled: boolean): SVGTemplateResult | undefined {\r\n    const data = this.#icons.get(this.#createKey(name, variant));\r\n    return filled ? data?.filled : data?.outlined;\r\n  }\r\n\r\n  /**\r\n   * Begins observing registration for the specified icon.\r\n   * @param {string} name The name of the icon to observe.\r\n   * @param {IconVariant} variant The variant of the icon to observe.\r\n   * @param {() => void} callback Callback invoked when the specified icon is registered for the given variant.\r\n   * @returns {() => void} Function used to stop observing.\r\n   */\r\n  static observe(name: string, variant: IconVariant, callback: () => void): () => void {\r\n    if (window === undefined) return () => {};\r\n\r\n    const key = this.#createKey(name, variant);\r\n    if (!this.#observers.has(key)) {\r\n      this.#observers.set(key, [callback]);\r\n    } else {\r\n      this.#observers.get(key)?.push(callback);\r\n    }\r\n\r\n    return () => {\r\n      const callbacks = this.#observers.get(key);\r\n      if (callbacks) {\r\n        const index = callbacks.indexOf(callback);\r\n        if (index >= 0) {\r\n          callbacks.splice(index, 1);\r\n        }\r\n        if (callbacks.length == 0) {\r\n          this.#observers.delete(key);\r\n        }\r\n      }\r\n    };\r\n  }\r\n\r\n  /** @private */\r\n  static #createKey(name: string, variant: IconVariant): string {\r\n    return `${variant}-${name}`;\r\n  }\r\n\r\n  /** @private */\r\n  static #validateSvgIconInfo(name: string, variant: IconVariant, info: SvgIconInfo, trustViewBox = false): void {\r\n    if (!trustViewBox && !VIEW_BOX_PATTERN.test(info.viewBox)) {\r\n      throw new Error(`Unable to register icon '${name}' for variant '${variant}'. Invalid viewbox data.`);\r\n    }\r\n    if (!PATH_DATA_PATTERN.test(info.path)) {\r\n      throw new Error(`Unable to register icon '${name}' for variant '${variant}'. Invalid path data.`);\r\n    }\r\n  }\r\n}\r\n","import { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport { customElement, Role } from \"@m3e/web/core\";\r\n\r\nimport { IconRegistry } from \"./IconRegistry\";\r\nimport { IconVariant } from \"./IconVariant\";\r\nimport { IconGrade } from \"./IconGrade\";\r\nimport { IconWeight } from \"./IconWeight\";\r\n\r\n/**\r\n * A small symbol used to easily identify an action or category.\r\n *\r\n * @description\r\n * The `m3e-icon` component makes it easier to use Material Symbols in your application. Material Symbols are Google's newest icons supporting\r\n * a range of design variants. For more information, see:\r\n * - {@link https://developers.google.com/fonts/docs/material_symbols|Material Symbol Guide}\r\n * - {@link https://fonts.google.com/icons|Material Symbol Library}\r\n *\r\n * The Material Symbols font is the easiest way to incorporate Material Symbols into your application. Using the\r\n * {@link https://developers.google.com/fonts/docs/css2#forming_api_urls|Fonts CSS API}, you can use variable fonts to optimize icon\r\n * usage within your application. See {@link https://caniuse.com/variable-fonts|Can I Use's Variable Fonts} to determine whether\r\n * your user's browser support variable fonts.\r\n *\r\n * @example\r\n * The following example illustrates showing the `home` icon. The `name` attribute specifies the icon to present.\r\n * ```html\r\n * <m3e-icon name=\"home\"></m3e-icon>\r\n * ```\r\n * @example\r\n * The next example illustrates a link used to download a variable font for outlined icons with fill support.\r\n * ```html\r\n * <link href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0\" rel=\"stylesheet\"/>\r\n * ```\r\n *\r\n * @tag m3e-icon\r\n *\r\n * @attr filled - Whether the icon is filled.\r\n * @attr grade - The grade of the icon.\r\n * @attr optical-size - A value from 20 to 48 indicating the optical size of the icon.\r\n * @attr name - The name of the icon.\r\n * @attr variant - The appearance variant of the icon.\r\n * @attr weight - A value from 100 to 700 indicating the weight of the icon.\r\n */\r\n@customElement(\"m3e-icon\")\r\nexport class M3eIconElement extends Role(LitElement, \"img\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      user-select: none;\r\n      font-size: var(--m3e-icon-size, 1.5rem);\r\n      width: 1em;\r\n      height: 1em;\r\n      vertical-align: middle;\r\n      overflow: hidden;\r\n    }\r\n    .icon {\r\n      font-weight: normal;\r\n      font-style: normal;\r\n      line-height: 1;\r\n      letter-spacing: normal;\r\n      text-transform: none;\r\n      white-space: nowrap;\r\n      word-wrap: normal;\r\n      direction: ltr;\r\n      font-feature-settings: \"liga\";\r\n      -webkit-font-smoothing: antialiased;\r\n      width: inherit;\r\n      height: inherit;\r\n      vertical-align: inherit;\r\n      font-variation-settings:\r\n        \"FILL\" var(--_icon-fill, 0),\r\n        \"wght\" var(--_icon-weight, 400),\r\n        \"GRAD\" var(--_icon-grade, 0),\r\n        \"opsz\" var(--_icon-optical-size, 24);\r\n    }\r\n    :host([variant=\"outlined\"]) .icon {\r\n      font-family: \"Material Symbols Outlined\";\r\n    }\r\n    :host([variant=\"rounded\"]) .icon {\r\n      font-family: \"Material Symbols Rounded\";\r\n    }\r\n    :host([variant=\"sharp\"]) .icon {\r\n      font-family: \"Material Symbols Sharp\";\r\n    }\r\n    svg {\r\n      font-size: inherit;\r\n      width: 1em;\r\n      height: 1em;\r\n    }\r\n  `;\r\n\r\n  /** @private */ @query(\".icon\") private readonly _icon?: HTMLSpanElement;\r\n  /** @private */ #iconRegistryUnobserve?: () => void;\r\n\r\n  /** The name of the icon. */\r\n  @property() name: string = \"\";\r\n\r\n  /**\r\n   * The appearance variant of the icon.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ reflect: true }) variant: IconVariant = \"outlined\";\r\n\r\n  /**\r\n   * Whether the icon is filled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) filled = false;\r\n\r\n  /**\r\n   * The grade of the icon.\r\n   * @default \"medium\"\r\n   */\r\n  @property() grade: IconGrade = \"medium\";\r\n\r\n  /**\r\n   * A value from 100 to 700 indicating the weight of the icon.\r\n   * @default 400\r\n   */\r\n  @property({ type: Number }) weight: IconWeight = 400;\r\n\r\n  /**\r\n   * A value from 20 to 48 indicating the optical size of the icon.\r\n   * @default 24\r\n   */\r\n  @property({ attribute: \"optical-size\", type: Number }) opticalSize = 24;\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    if (\r\n      !this.hasAttribute(\"aria-label\") &&\r\n      !this.hasAttribute(\"aria-labelledby\") &&\r\n      !this.hasAttribute(\"aria-hidden\")\r\n    ) {\r\n      this.ariaHidden = \"true\";\r\n    }\r\n\r\n    super.connectedCallback();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.#iconRegistryUnobserve?.();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(_changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"name\") && !IconRegistry.isIconRegistered(this.name, this.variant)) {\r\n      this.#iconRegistryUnobserve = IconRegistry.observe(this.name, this.variant, () => {\r\n        this.requestUpdate();\r\n        this.#iconRegistryUnobserve?.();\r\n        this.#iconRegistryUnobserve = undefined;\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override updated(_changedProperties: PropertyValues<this>): void {\r\n    super.updated(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"filled\")) {\r\n      this._icon?.style.setProperty(\"--_icon-fill\", this.filled ? \"1\" : \"0\");\r\n    }\r\n    if (_changedProperties.has(\"grade\")) {\r\n      this._icon?.style.setProperty(\r\n        \"--_icon-grade\",\r\n        this.grade === \"low\" ? \"-25\" : this.grade === \"high\" ? \"200\" : \"0\",\r\n      );\r\n    }\r\n    if (_changedProperties.has(\"weight\")) {\r\n      this._icon?.style.setProperty(\"--_icon-weight\", `${this.weight}`);\r\n    }\r\n    if (_changedProperties.has(\"opticalSize\")) {\r\n      this._icon?.style.setProperty(\"--_icon-optical-size\", `${this.opticalSize}`);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return IconRegistry.isIconRegistered(this.name, this.variant)\r\n      ? IconRegistry.renderIcon(this.name, this.variant, this.filled)\r\n      : html`<div class=\"icon\" aria-hidden=\"true\">${this.name}</div>`;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-icon\": M3eIconElement;\r\n  }\r\n}\r\n","import { IconRegistry, SvgIconInfo } from \"./IconRegistry\";\r\nimport { IconVariant } from \"./IconVariant\";\r\n\r\nexport type { SvgIconInfo } from \"./IconRegistry\";\r\n\r\n/**\r\n * Registers an SVG icon to the internal icon registry used by `m3e-icon`.\r\n * @param {string} name The name of the icon.\r\n * @param {IconVariant} variant The variant of the icon.\r\n * @param data The outlined and filled SVG information of the icon.\r\n */\r\nexport function registerIcon(\r\n  name: string,\r\n  variant: IconVariant,\r\n  data: { outlined: SvgIconInfo; filled: SvgIconInfo },\r\n): void {\r\n  IconRegistry.addIcon(name, variant, data);\r\n}\r\n"],"names":["PATH_DATA_PATTERN","VIEW_BOX_PATTERN","IconRegistry","addIcon","name","variant","fillSet","trustOutlinedViewBox","outlined","trustFilledViewBox","filled","viewBox","path","__classPrivateFieldGet","_a","_IconRegistry_validateSvgIconInfo","call","window","undefined","key","_IconRegistry_createKey","_IconRegistry_icons","set","svg","_IconRegistry_observers","get","forEach","x","isIconRegistered","has","renderIcon","data","observe","callback","push","callbacks","index","indexOf","splice","length","delete","info","trustViewBox","test","Error","value","Map","M3eIconElement","Role","LitElement","constructor","_M3eIconElement_iconRegistryUnobserve","grade","weight","opticalSize","connectedCallback","hasAttribute","ariaHidden","disconnectedCallback","willUpdate","_changedProperties","__classPrivateFieldSet","requestUpdate","updated","_icon","style","setProperty","render","html","styles","css","__decorate","query","prototype","property","reflect","type","Boolean","Number","attribute","customElement","registerIcon"],"mappings":"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"}
+{"version":3,"file":"icon.js","sources":["../../src/icon/IconRegistry.ts","../../src/icon/IconElement.ts","../../src/icon/registerIcon.ts"],"sourcesContent":["import { svg, SVGTemplateResult } from \"lit\";\r\n\r\nimport { IconVariant } from \"./IconVariant\";\r\n\r\n/** @private */ const PATH_DATA_PATTERN = /^[MmLlHhVvCcSsQqTtAaZz0-9.,\\s-]+$/;\r\n/** @private */ const VIEW_BOX_PATTERN = /^-?\\d+(\\.\\d+)?\\s+-?\\d+(\\.\\d+)?\\s+-?\\d+(\\.\\d+)?\\s+-?\\d+(\\.\\d+)?$/;\r\n\r\n/** Encapsulates information used to construct an SVG. */\r\nexport type SvgIconInfo = {\r\n  /** The viewbox of the SVG. */\r\n  viewBox: string;\r\n\r\n  /** The path of the SVG. */\r\n  path: string;\r\n};\r\n\r\n/** Represents the fill-axis SVG data for a single icon. */\r\nexport type SvgIconFillSet = {\r\n  /** The unfilled (FILL=0) SVG representation (or path assuming viewBox=\"0 -960 960 960\") of the icon. */\r\n  outlined: SvgIconInfo | string;\r\n\r\n  /** The filled (FILL=1) SVG representation (or path assuming viewBox=\"0 -960 960 960\") of the icon. */\r\n  filled: SvgIconInfo | string;\r\n};\r\n\r\n/**\r\n * Service to register and display icons used by the `m3e-icon` component.\r\n * @internal\r\n */\r\nexport class IconRegistry {\r\n  /** @private */\r\n  static readonly #icons = new Map<string, { outlined: SVGTemplateResult; filled: SVGTemplateResult }>();\r\n\r\n  /** @private */ static readonly #observers = new Map<string, Array<() => void>>();\r\n\r\n  /**\r\n   * Adds an icon to the registry for the given variant and weight.\r\n   * @param {string} name The name of the icon.\r\n   * @param {IconVariant} variant The variant of the icon.\r\n   * @param {SvgIconFillSet} fillSet The SVG data for both fill states (outlined and filled) of the icon.\r\n   */\r\n  static addIcon(name: string, variant: IconVariant, fillSet: SvgIconFillSet): void {\r\n    const trustOutlinedViewBox = typeof fillSet.outlined === \"string\";\r\n    const trustFilledViewBox = typeof fillSet.filled === \"string\";\r\n\r\n    if (typeof fillSet.outlined === \"string\") {\r\n      fillSet.outlined = {\r\n        viewBox: \"0 -960 960 960\",\r\n        path: fillSet.outlined,\r\n      };\r\n    }\r\n    if (typeof fillSet.filled === \"string\") {\r\n      fillSet.filled = {\r\n        viewBox: \"0 -960 960 960\",\r\n        path: fillSet.filled,\r\n      };\r\n    }\r\n\r\n    this.#validateSvgIconInfo(name, variant, fillSet.outlined, trustOutlinedViewBox);\r\n    this.#validateSvgIconInfo(name, variant, fillSet.filled, trustFilledViewBox);\r\n\r\n    if (window !== undefined) {\r\n      const key = this.#createKey(name, variant);\r\n      this.#icons.set(key, {\r\n        outlined: svg`<svg viewBox=\"${fillSet.outlined.viewBox}\"><path d=\"${fillSet.outlined.path}\"/></svg>`,\r\n        filled: svg`<svg viewBox=\"${fillSet.filled.viewBox}\"><path d=\"${fillSet.filled.path}\"/></svg>`,\r\n      });\r\n\r\n      this.#observers.get(key)?.forEach((x) => x());\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Determines whether an icon is registered for the given variant.\r\n   * @param {string} name The name of the icon.\r\n   * @param {IconVariant} variant The variant of the icon.\r\n   * @returns {boolean} Whether `icon` is registered for the given `variant`.\r\n   */\r\n  static isIconRegistered(name: string, variant: IconVariant): boolean {\r\n    return window !== undefined && this.#icons.has(this.#createKey(name, variant));\r\n  }\r\n\r\n  /**\r\n   * Renders an icon from the registry.\r\n   * @param {string} name The name of the icon.\r\n   * @param {IconVariant} variant The variant of the icon.\r\n   * @param {boolean} filled Whether to render a filled variant of the icon.\r\n   * @returns {SVGTemplateResult | undefined} A `SVGTemplateResult` used to render the icon.\r\n   */\r\n  static renderIcon(name: string, variant: IconVariant, filled: boolean): SVGTemplateResult | undefined {\r\n    const data = this.#icons.get(this.#createKey(name, variant));\r\n    return filled ? data?.filled : data?.outlined;\r\n  }\r\n\r\n  /**\r\n   * Begins observing registration for the specified icon.\r\n   * @param {string} name The name of the icon to observe.\r\n   * @param {IconVariant} variant The variant of the icon to observe.\r\n   * @param {() => void} callback Callback invoked when the specified icon is registered for the given variant.\r\n   * @returns {() => void} Function used to stop observing.\r\n   */\r\n  static observe(name: string, variant: IconVariant, callback: () => void): () => void {\r\n    if (window === undefined) return () => {};\r\n\r\n    const key = this.#createKey(name, variant);\r\n    if (!this.#observers.has(key)) {\r\n      this.#observers.set(key, [callback]);\r\n    } else {\r\n      this.#observers.get(key)?.push(callback);\r\n    }\r\n\r\n    return () => {\r\n      const callbacks = this.#observers.get(key);\r\n      if (callbacks) {\r\n        const index = callbacks.indexOf(callback);\r\n        if (index >= 0) {\r\n          callbacks.splice(index, 1);\r\n        }\r\n        if (callbacks.length == 0) {\r\n          this.#observers.delete(key);\r\n        }\r\n      }\r\n    };\r\n  }\r\n\r\n  /** @private */\r\n  static #createKey(name: string, variant: IconVariant): string {\r\n    return `${variant}-${name}`;\r\n  }\r\n\r\n  /** @private */\r\n  static #validateSvgIconInfo(name: string, variant: IconVariant, info: SvgIconInfo, trustViewBox = false): void {\r\n    if (!trustViewBox && !VIEW_BOX_PATTERN.test(info.viewBox)) {\r\n      throw new Error(`Unable to register icon '${name}' for variant '${variant}'. Invalid viewbox data.`);\r\n    }\r\n    if (!PATH_DATA_PATTERN.test(info.path)) {\r\n      throw new Error(`Unable to register icon '${name}' for variant '${variant}'. Invalid path data.`);\r\n    }\r\n  }\r\n}\r\n","import { css, CSSResultGroup, html, LitElement, PropertyValues } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport { customElement, Role } from \"@m3e/web/core\";\r\n\r\nimport { IconRegistry } from \"./IconRegistry\";\r\nimport { IconVariant } from \"./IconVariant\";\r\nimport { IconGrade } from \"./IconGrade\";\r\nimport { IconWeight } from \"./IconWeight\";\r\n\r\n/**\r\n * A small symbol used to easily identify an action or category.\r\n *\r\n * @description\r\n * The `m3e-icon` component makes it easier to use Material Symbols in your application. Material Symbols are Google's newest icons supporting\r\n * a range of design variants. For more information, see:\r\n * - {@link https://developers.google.com/fonts/docs/material_symbols|Material Symbol Guide}\r\n * - {@link https://fonts.google.com/icons|Material Symbol Library}\r\n *\r\n * The Material Symbols font is the easiest way to incorporate Material Symbols into your application. Using the\r\n * {@link https://developers.google.com/fonts/docs/css2#forming_api_urls|Fonts CSS API}, you can use variable fonts to optimize icon\r\n * usage within your application. See {@link https://caniuse.com/variable-fonts|Can I Use's Variable Fonts} to determine whether\r\n * your user's browser support variable fonts.\r\n *\r\n * @example\r\n * The following example illustrates showing the `home` icon. The `name` attribute specifies the icon to present.\r\n * ```html\r\n * <m3e-icon name=\"home\"></m3e-icon>\r\n * ```\r\n * @example\r\n * The next example illustrates a link used to download a variable font for outlined icons with fill support.\r\n * ```html\r\n * <link href=\"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0\" rel=\"stylesheet\"/>\r\n * ```\r\n *\r\n * @tag m3e-icon\r\n *\r\n * @attr filled - Whether the icon is filled.\r\n * @attr grade - The grade of the icon.\r\n * @attr optical-size - A value from 20 to 48 indicating the optical size of the icon.\r\n * @attr name - The name of the icon.\r\n * @attr variant - The appearance variant of the icon.\r\n * @attr weight - A value from 100 to 700 indicating the weight of the icon.\r\n */\r\n@customElement(\"m3e-icon\")\r\nexport class M3eIconElement extends Role(LitElement, \"img\") {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      user-select: none;\r\n      font-size: var(--m3e-icon-size, 1.5rem);\r\n      width: 1em;\r\n      height: 1em;\r\n      vertical-align: middle;\r\n      overflow: hidden;\r\n    }\r\n    .icon {\r\n      font-weight: normal;\r\n      font-style: normal;\r\n      line-height: 1;\r\n      letter-spacing: normal;\r\n      text-transform: none;\r\n      white-space: nowrap;\r\n      word-wrap: normal;\r\n      direction: ltr;\r\n      font-feature-settings: \"liga\";\r\n      -webkit-font-smoothing: antialiased;\r\n      width: inherit;\r\n      height: inherit;\r\n      vertical-align: inherit;\r\n      font-variation-settings:\r\n        \"FILL\" var(--_icon-fill, 0),\r\n        \"wght\" var(--_icon-weight, 400),\r\n        \"GRAD\" var(--_icon-grade, 0),\r\n        \"opsz\" var(--_icon-optical-size, 24);\r\n    }\r\n    :host([variant=\"outlined\"]) .icon {\r\n      font-family: \"Material Symbols Outlined\";\r\n    }\r\n    :host([variant=\"rounded\"]) .icon {\r\n      font-family: \"Material Symbols Rounded\";\r\n    }\r\n    :host([variant=\"sharp\"]) .icon {\r\n      font-family: \"Material Symbols Sharp\";\r\n    }\r\n    svg {\r\n      fill: currentColor;\r\n      font-size: inherit;\r\n      width: 1em;\r\n      height: 1em;\r\n    }\r\n  `;\r\n\r\n  /** @private */ @query(\".icon\") private readonly _icon?: HTMLSpanElement;\r\n  /** @private */ #iconRegistryUnobserve?: () => void;\r\n\r\n  /** The name of the icon. */\r\n  @property() name: string = \"\";\r\n\r\n  /**\r\n   * The appearance variant of the icon.\r\n   * @default \"outlined\"\r\n   */\r\n  @property({ reflect: true }) variant: IconVariant = \"outlined\";\r\n\r\n  /**\r\n   * Whether the icon is filled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) filled = false;\r\n\r\n  /**\r\n   * The grade of the icon.\r\n   * @default \"medium\"\r\n   */\r\n  @property() grade: IconGrade = \"medium\";\r\n\r\n  /**\r\n   * A value from 100 to 700 indicating the weight of the icon.\r\n   * @default 400\r\n   */\r\n  @property({ type: Number }) weight: IconWeight = 400;\r\n\r\n  /**\r\n   * A value from 20 to 48 indicating the optical size of the icon.\r\n   * @default 24\r\n   */\r\n  @property({ attribute: \"optical-size\", type: Number }) opticalSize = 24;\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    if (\r\n      !this.hasAttribute(\"aria-label\") &&\r\n      !this.hasAttribute(\"aria-labelledby\") &&\r\n      !this.hasAttribute(\"aria-hidden\")\r\n    ) {\r\n      this.ariaHidden = \"true\";\r\n    }\r\n\r\n    super.connectedCallback();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n\r\n    this.#iconRegistryUnobserve?.();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(_changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"name\") && !IconRegistry.isIconRegistered(this.name, this.variant)) {\r\n      this.#iconRegistryUnobserve = IconRegistry.observe(this.name, this.variant, () => {\r\n        this.requestUpdate();\r\n        this.#iconRegistryUnobserve?.();\r\n        this.#iconRegistryUnobserve = undefined;\r\n      });\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override updated(_changedProperties: PropertyValues<this>): void {\r\n    super.updated(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"filled\")) {\r\n      this._icon?.style.setProperty(\"--_icon-fill\", this.filled ? \"1\" : \"0\");\r\n    }\r\n    if (_changedProperties.has(\"grade\")) {\r\n      this._icon?.style.setProperty(\r\n        \"--_icon-grade\",\r\n        this.grade === \"low\" ? \"-25\" : this.grade === \"high\" ? \"200\" : \"0\",\r\n      );\r\n    }\r\n    if (_changedProperties.has(\"weight\")) {\r\n      this._icon?.style.setProperty(\"--_icon-weight\", `${this.weight}`);\r\n    }\r\n    if (_changedProperties.has(\"opticalSize\")) {\r\n      this._icon?.style.setProperty(\"--_icon-optical-size\", `${this.opticalSize}`);\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return IconRegistry.isIconRegistered(this.name, this.variant)\r\n      ? IconRegistry.renderIcon(this.name, this.variant, this.filled)\r\n      : html`<div class=\"icon\" aria-hidden=\"true\">${this.name}</div>`;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-icon\": M3eIconElement;\r\n  }\r\n}\r\n","import { IconRegistry, SvgIconInfo } from \"./IconRegistry\";\r\nimport { IconVariant } from \"./IconVariant\";\r\n\r\nexport type { SvgIconInfo } from \"./IconRegistry\";\r\n\r\n/**\r\n * Registers an SVG icon to the internal icon registry used by `m3e-icon`.\r\n * @param {string} name The name of the icon.\r\n * @param {IconVariant} variant The variant of the icon.\r\n * @param data The outlined and filled SVG information of the icon.\r\n */\r\nexport function registerIcon(\r\n  name: string,\r\n  variant: IconVariant,\r\n  data: { outlined: SvgIconInfo; filled: SvgIconInfo },\r\n): void {\r\n  IconRegistry.addIcon(name, variant, data);\r\n}\r\n"],"names":["PATH_DATA_PATTERN","VIEW_BOX_PATTERN","IconRegistry","addIcon","name","variant","fillSet","trustOutlinedViewBox","outlined","trustFilledViewBox","filled","viewBox","path","__classPrivateFieldGet","_a","_IconRegistry_validateSvgIconInfo","call","window","undefined","key","_IconRegistry_createKey","_IconRegistry_icons","set","svg","_IconRegistry_observers","get","forEach","x","isIconRegistered","has","renderIcon","data","observe","callback","push","callbacks","index","indexOf","splice","length","delete","info","trustViewBox","test","Error","value","Map","M3eIconElement","Role","LitElement","constructor","_M3eIconElement_iconRegistryUnobserve","grade","weight","opticalSize","connectedCallback","hasAttribute","ariaHidden","disconnectedCallback","willUpdate","_changedProperties","__classPrivateFieldSet","requestUpdate","updated","_icon","style","setProperty","render","html","styles","css","__decorate","query","prototype","property","reflect","type","Boolean","Number","attribute","customElement","registerIcon"],"mappings":"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"}

package/dist/icon.min.js

@@ -3,5 +3,5 @@
  * Copyright (c) 2025–2026 matraic
  * See LICENSE file in the project root for full license text.
  */
-import{__classPrivateFieldGet as t,__classPrivateFieldSet as i,__decorate as e}from"tslib";import{svg as o,LitElement as s,html as a,css as n}from"lit";import{query as r,property as l}from"lit/decorators.js";import{Role as h,customElement as d}from"@m3e/web/core";var c,p,f,v,m;const g=/^[MmLlHhVvCcSsQqTtAaZz0-9.,\s-]+$/,u=/^-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?$/;class w{static addIcon(i,e,s){const a="string"==typeof s.outlined,n="string"==typeof s.filled;if("string"==typeof s.outlined&&(s.outlined={viewBox:"0 -960 960 960",path:s.outlined}),"string"==typeof s.filled&&(s.filled={viewBox:"0 -960 960 960",path:s.filled}),t(this,c,"m",m).call(this,i,e,s.outlined,a),t(this,c,"m",m).call(this,i,e,s.filled,n),void 0!==window){const a=t(this,c,"m",v).call(this,i,e);t(this,c,"f",p).set(a,{outlined:o`<svg viewBox="${s.outlined.viewBox}"><path d="${s.outlined.path}"/></svg>`,filled:o`<svg viewBox="${s.filled.viewBox}"><path d="${s.filled.path}"/></svg>`}),t(this,c,"f",f).get(a)?.forEach(t=>t())}}static isIconRegistered(i,e){return void 0!==window&&t(this,c,"f",p).has(t(this,c,"m",v).call(this,i,e))}static renderIcon(i,e,o){const s=t(this,c,"f",p).get(t(this,c,"m",v).call(this,i,e));return o?s?.filled:s?.outlined}static observe(i,e,o){if(void 0===window)return()=>{};const s=t(this,c,"m",v).call(this,i,e);return t(this,c,"f",f).has(s)?t(this,c,"f",f).get(s)?.push(o):t(this,c,"f",f).set(s,[o]),()=>{const i=t(this,c,"f",f).get(s);if(i){const e=i.indexOf(o);e>=0&&i.splice(e,1),0==i.length&&t(this,c,"f",f).delete(s)}}}}var y;c=w,v=function(t,i){return`${i}-${t}`},m=function(t,i,e,o=!1){if(!o&&!u.test(e.viewBox))throw new Error(`Unable to register icon '${t}' for variant '${i}'. Invalid viewbox data.`);if(!g.test(e.path))throw new Error(`Unable to register icon '${t}' for variant '${i}'. Invalid path data.`)},p={value:new Map},f={value:new Map};let b=class extends(h(s,"img")){constructor(){super(...arguments),y.set(this,void 0),this.name="",this.variant="outlined",this.filled=!1,this.grade="medium",this.weight=400,this.opticalSize=24}connectedCallback(){this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-hidden")||(this.ariaHidden="true"),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),t(this,y,"f")?.call(this)}willUpdate(e){super.willUpdate(e),e.has("name")&&!w.isIconRegistered(this.name,this.variant)&&i(this,y,w.observe(this.name,this.variant,()=>{this.requestUpdate(),t(this,y,"f")?.call(this),i(this,y,void 0,"f")}),"f")}updated(t){super.updated(t),t.has("filled")&&this._icon?.style.setProperty("--_icon-fill",this.filled?"1":"0"),t.has("grade")&&this._icon?.style.setProperty("--_icon-grade","low"===this.grade?"-25":"high"===this.grade?"200":"0"),t.has("weight")&&this._icon?.style.setProperty("--_icon-weight",`${this.weight}`),t.has("opticalSize")&&this._icon?.style.setProperty("--_icon-optical-size",`${this.opticalSize}`)}render(){return w.isIconRegistered(this.name,this.variant)?w.renderIcon(this.name,this.variant,this.filled):a`<div class="icon" aria-hidden="true">${this.name}</div>`}};function $(t,i,e){w.addIcon(t,i,e)}y=new WeakMap,b.styles=n`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 1em; height: 1em; vertical-align: middle; overflow: hidden; } .icon { font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: inherit; height: inherit; vertical-align: inherit; font-variation-settings: "FILL" var(--_icon-fill, 0), "wght" var(--_icon-weight, 400), "GRAD" var(--_icon-grade, 0), "opsz" var(--_icon-optical-size, 24); } :host([variant="outlined"]) .icon { font-family: "Material Symbols Outlined"; } :host([variant="rounded"]) .icon { font-family: "Material Symbols Rounded"; } :host([variant="sharp"]) .icon { font-family: "Material Symbols Sharp"; } svg { font-size: inherit; width: 1em; height: 1em; }`,e([r(".icon")],b.prototype,"_icon",void 0),e([l()],b.prototype,"name",void 0),e([l({reflect:!0})],b.prototype,"variant",void 0),e([l({type:Boolean,reflect:!0})],b.prototype,"filled",void 0),e([l()],b.prototype,"grade",void 0),e([l({type:Number})],b.prototype,"weight",void 0),e([l({attribute:"optical-size",type:Number})],b.prototype,"opticalSize",void 0),b=e([d("m3e-icon")],b);export{b as M3eIconElement,$ as registerIcon};
+import{__classPrivateFieldGet as t,__classPrivateFieldSet as i,__decorate as e}from"tslib";import{svg as o,LitElement as s,html as a,css as n}from"lit";import{query as r,property as l}from"lit/decorators.js";import{Role as h,customElement as d}from"@m3e/web/core";var c,f,p,v,m;const g=/^[MmLlHhVvCcSsQqTtAaZz0-9.,\s-]+$/,u=/^-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?\s+-?\d+(\.\d+)?$/;class w{static addIcon(i,e,s){const a="string"==typeof s.outlined,n="string"==typeof s.filled;if("string"==typeof s.outlined&&(s.outlined={viewBox:"0 -960 960 960",path:s.outlined}),"string"==typeof s.filled&&(s.filled={viewBox:"0 -960 960 960",path:s.filled}),t(this,c,"m",m).call(this,i,e,s.outlined,a),t(this,c,"m",m).call(this,i,e,s.filled,n),void 0!==window){const a=t(this,c,"m",v).call(this,i,e);t(this,c,"f",f).set(a,{outlined:o`<svg viewBox="${s.outlined.viewBox}"><path d="${s.outlined.path}"/></svg>`,filled:o`<svg viewBox="${s.filled.viewBox}"><path d="${s.filled.path}"/></svg>`}),t(this,c,"f",p).get(a)?.forEach(t=>t())}}static isIconRegistered(i,e){return void 0!==window&&t(this,c,"f",f).has(t(this,c,"m",v).call(this,i,e))}static renderIcon(i,e,o){const s=t(this,c,"f",f).get(t(this,c,"m",v).call(this,i,e));return o?s?.filled:s?.outlined}static observe(i,e,o){if(void 0===window)return()=>{};const s=t(this,c,"m",v).call(this,i,e);return t(this,c,"f",p).has(s)?t(this,c,"f",p).get(s)?.push(o):t(this,c,"f",p).set(s,[o]),()=>{const i=t(this,c,"f",p).get(s);if(i){const e=i.indexOf(o);e>=0&&i.splice(e,1),0==i.length&&t(this,c,"f",p).delete(s)}}}}var y;c=w,v=function(t,i){return`${i}-${t}`},m=function(t,i,e,o=!1){if(!o&&!u.test(e.viewBox))throw new Error(`Unable to register icon '${t}' for variant '${i}'. Invalid viewbox data.`);if(!g.test(e.path))throw new Error(`Unable to register icon '${t}' for variant '${i}'. Invalid path data.`)},f={value:new Map},p={value:new Map};let b=class extends(h(s,"img")){constructor(){super(...arguments),y.set(this,void 0),this.name="",this.variant="outlined",this.filled=!1,this.grade="medium",this.weight=400,this.opticalSize=24}connectedCallback(){this.hasAttribute("aria-label")||this.hasAttribute("aria-labelledby")||this.hasAttribute("aria-hidden")||(this.ariaHidden="true"),super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),t(this,y,"f")?.call(this)}willUpdate(e){super.willUpdate(e),e.has("name")&&!w.isIconRegistered(this.name,this.variant)&&i(this,y,w.observe(this.name,this.variant,()=>{this.requestUpdate(),t(this,y,"f")?.call(this),i(this,y,void 0,"f")}),"f")}updated(t){super.updated(t),t.has("filled")&&this._icon?.style.setProperty("--_icon-fill",this.filled?"1":"0"),t.has("grade")&&this._icon?.style.setProperty("--_icon-grade","low"===this.grade?"-25":"high"===this.grade?"200":"0"),t.has("weight")&&this._icon?.style.setProperty("--_icon-weight",`${this.weight}`),t.has("opticalSize")&&this._icon?.style.setProperty("--_icon-optical-size",`${this.opticalSize}`)}render(){return w.isIconRegistered(this.name,this.variant)?w.renderIcon(this.name,this.variant,this.filled):a`<div class="icon" aria-hidden="true">${this.name}</div>`}};function $(t,i,e){w.addIcon(t,i,e)}y=new WeakMap,b.styles=n`:host { display: inline-block; user-select: none; font-size: var(--m3e-icon-size, 1.5rem); width: 1em; height: 1em; vertical-align: middle; overflow: hidden; } .icon { font-weight: normal; font-style: normal; line-height: 1; letter-spacing: normal; text-transform: none; white-space: nowrap; word-wrap: normal; direction: ltr; font-feature-settings: "liga"; -webkit-font-smoothing: antialiased; width: inherit; height: inherit; vertical-align: inherit; font-variation-settings: "FILL" var(--_icon-fill, 0), "wght" var(--_icon-weight, 400), "GRAD" var(--_icon-grade, 0), "opsz" var(--_icon-optical-size, 24); } :host([variant="outlined"]) .icon { font-family: "Material Symbols Outlined"; } :host([variant="rounded"]) .icon { font-family: "Material Symbols Rounded"; } :host([variant="sharp"]) .icon { font-family: "Material Symbols Sharp"; } svg { fill: currentColor; font-size: inherit; width: 1em; height: 1em; }`,e([r(".icon")],b.prototype,"_icon",void 0),e([l()],b.prototype,"name",void 0),e([l({reflect:!0})],b.prototype,"variant",void 0),e([l({type:Boolean,reflect:!0})],b.prototype,"filled",void 0),e([l()],b.prototype,"grade",void 0),e([l({type:Number})],b.prototype,"weight",void 0),e([l({attribute:"optical-size",type:Number})],b.prototype,"opticalSize",void 0),b=e([d("m3e-icon")],b);export{b as M3eIconElement,$ as registerIcon};
 //# sourceMappingURL=icon.min.js.map