@m3e/web 2.5.8 → 2.5.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/all.js +267 -75
  2. package/dist/all.js.map +1 -1
  3. package/dist/all.min.js +56 -56
  4. package/dist/all.min.js.map +1 -1
  5. package/dist/button-group.js +39 -13
  6. package/dist/button-group.js.map +1 -1
  7. package/dist/button-group.min.js +1 -1
  8. package/dist/button-group.min.js.map +1 -1
  9. package/dist/button.js +63 -31
  10. package/dist/button.js.map +1 -1
  11. package/dist/button.min.js +1 -1
  12. package/dist/button.min.js.map +1 -1
  13. package/dist/core.js +37 -1
  14. package/dist/core.js.map +1 -1
  15. package/dist/core.min.js +1 -1
  16. package/dist/core.min.js.map +1 -1
  17. package/dist/css-custom-data.json +444 -444
  18. package/dist/custom-elements.json +2985 -2881
  19. package/dist/html-custom-data.json +126 -126
  20. package/dist/icon-button.js +63 -31
  21. package/dist/icon-button.js.map +1 -1
  22. package/dist/icon-button.min.js +1 -1
  23. package/dist/icon-button.min.js.map +1 -1
  24. package/dist/src/button/ButtonElement.d.ts.map +1 -1
  25. package/dist/src/button/styles/ButtonSizeStyle.d.ts.map +1 -1
  26. package/dist/src/button/styles/ButtonStyle.d.ts.map +1 -1
  27. package/dist/src/button-group/ButtonGroupElement.d.ts.map +1 -1
  28. package/dist/src/core/shared/tokens/DesignToken.d.ts +18 -0
  29. package/dist/src/core/shared/tokens/DesignToken.d.ts.map +1 -1
  30. package/dist/src/core/shared/tokens/MeasurementToken.d.ts +34 -0
  31. package/dist/src/core/shared/tokens/MeasurementToken.d.ts.map +1 -0
  32. package/dist/src/icon-button/IconButtonElement.d.ts.map +1 -1
  33. package/dist/src/icon-button/styles/IconButtonSizeStyle.d.ts.map +1 -1
  34. package/dist/src/icon-button/styles/IconButtonStyle.d.ts.map +1 -1
  35. package/dist/src/theme/ThemeElement.d.ts.map +1 -1
  36. package/dist/src/toc/TocElement.d.ts.map +1 -1
  37. package/dist/theme.js +51 -2
  38. package/dist/theme.js.map +1 -1
  39. package/dist/theme.min.js +31 -31
  40. package/dist/theme.min.js.map +1 -1
  41. package/dist/toc.js +19 -2
  42. package/dist/toc.js.map +1 -1
  43. package/dist/toc.min.js +1 -1
  44. package/dist/toc.min.js.map +1 -1
  45. package/package.json +1 -1
@@ -99,34 +99,6 @@
99
99
  ],
100
100
  "references": []
101
101
  },
102
- {
103
- "name": "m3e-avatar",
104
- "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)_",
105
- "attributes": [],
106
- "references": []
107
- },
108
- {
109
- "name": "m3e-badge",
110
- "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)_",
111
- "attributes": [
112
- {
113
- "name": "size",
114
- "description": "The size of the badge.",
115
- "values": [{ "name": "BadgeSize" }]
116
- },
117
- {
118
- "name": "position",
119
- "description": "The position of the badge, when attached to another element.",
120
- "values": [{ "name": "BadgePosition" }]
121
- },
122
- {
123
- "name": "for",
124
- "description": "The identifier of the interactive control to which this element is attached.",
125
- "values": []
126
- }
127
- ],
128
- "references": []
129
- },
130
102
  {
131
103
  "name": "m3e-bottom-sheet-action",
132
104
  "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 +179,34 @@
207
179
  ],
208
180
  "references": []
209
181
  },
182
+ {
183
+ "name": "m3e-badge",
184
+ "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)_",
185
+ "attributes": [
186
+ {
187
+ "name": "size",
188
+ "description": "The size of the badge.",
189
+ "values": [{ "name": "BadgeSize" }]
190
+ },
191
+ {
192
+ "name": "position",
193
+ "description": "The position of the badge, when attached to another element.",
194
+ "values": [{ "name": "BadgePosition" }]
195
+ },
196
+ {
197
+ "name": "for",
198
+ "description": "The identifier of the interactive control to which this element is attached.",
199
+ "values": []
200
+ }
201
+ ],
202
+ "references": []
203
+ },
204
+ {
205
+ "name": "m3e-avatar",
206
+ "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)_",
207
+ "attributes": [],
208
+ "references": []
209
+ },
210
210
  {
211
211
  "name": "m3e-breadcrumb",
212
212
  "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,6 +298,28 @@
298
298
  ],
299
299
  "references": []
300
300
  },
301
+ {
302
+ "name": "m3e-button-group",
303
+ "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)_",
304
+ "attributes": [
305
+ {
306
+ "name": "multi",
307
+ "description": "Whether multiple toggle buttons can be selected.",
308
+ "values": []
309
+ },
310
+ {
311
+ "name": "size",
312
+ "description": "The size of the group.",
313
+ "values": [{ "name": "ButtonGroupSize" }]
314
+ },
315
+ {
316
+ "name": "variant",
317
+ "description": "The appearance variant of the group.",
318
+ "values": [{ "name": "ButtonGroupVariant" }]
319
+ }
320
+ ],
321
+ "references": []
322
+ },
301
323
  {
302
324
  "name": "m3e-button",
303
325
  "description": "A button users interact with to perform an action.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before a toggle button's selected state changes.\n- **input** - Dispatched when a toggle button's selected state changes.\n- **change** - Dispatched when a toggle button's selected state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Slots:**\n - _default_ - Renders the label of the button.\n- **icon** - Renders an icon before the button's label.\n- **selected** - Renders the label of the button, when selected.\n- **selected-icon** - Renders an icon before the button's label, when selected.\n- **trailing-icon** - Renders an icon after the button's label.\n\n### **CSS Properties:**\n - **--m3e-button-container-height** - Height of the button container, for all size variants. _(default: undefined)_\n- **--m3e-button-outline-thickness** - Thickness of the button outline, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-size** - Font size for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-font-weight** - Font weight for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-line-height** - Line height for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-label-text-tracking** - Letter tracking for the label text, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-size** - Size of the icon, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-round** - Corner radius for round shape, for all size variants. _(default: undefined)_\n- **--m3e-button-shape-square** - Corner radius for square shape, for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-round** - Corner radius when selected (round), for all size variants. _(default: undefined)_\n- **--m3e-button-selected-shape-square** - Corner radius when selected (square), for all size variants. _(default: undefined)_\n- **--m3e-button-shape-pressed-morph** - Corner radius when pressed, for all size variants. _(default: undefined)_\n- **--m3e-button-leading-space** - Space before icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-trailing-space** - Space after icon or label, for all size variants. _(default: undefined)_\n- **--m3e-button-icon-label-space** - Space between icon and label, for all size variants. _(default: undefined)_\n- **--m3e-button-extra-small-container-height** - Height of the button container, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-outline-thickness** - Thickness of the button outline, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-size** - Font size for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-font-weight** - Font weight for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-line-height** - Line height for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-label-text-tracking** - Letter tracking for the label text, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-size** - Size of the icon, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-round** - Corner radius for round shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-square** - Corner radius for square shape, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-round** - Corner radius when selected (round), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-selected-shape-square** - Corner radius when selected (square), for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-shape-pressed-morph** - Corner radius when pressed, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-leading-space** - Space before icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-trailing-space** - Space after icon or label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-extra-small-icon-label-space** - Space between icon and label, for the extra-small size variant. _(default: undefined)_\n- **--m3e-button-small-container-height** - Height of the button container, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-outline-thickness** - Thickness of the button outline, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-size** - Font size for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-font-weight** - Font weight for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-line-height** - Line height for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-label-text-tracking** - Letter tracking for the label text, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-size** - Size of the icon, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-round** - Corner radius for round shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-square** - Corner radius for square shape, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-round** - Corner radius when selected (round), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-selected-shape-square** - Corner radius when selected (square), for the small size variant. _(default: undefined)_\n- **--m3e-button-small-shape-pressed-morph** - Corner radius when pressed, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-leading-space** - Space before icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-trailing-space** - Space after icon or label, for the small size variant. _(default: undefined)_\n- **--m3e-button-small-icon-label-space** - Space between icon and label, for the small size variant. _(default: undefined)_\n- **--m3e-button-medium-container-height** - Height of the button container, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-outline-thickness** - Thickness of the button outline, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-size** - Font size for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-font-weight** - Font weight for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-line-height** - Line height for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-label-text-tracking** - Letter tracking for the label text, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-size** - Size of the icon, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-round** - Corner radius for round shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-square** - Corner radius for square shape, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-round** - Corner radius when selected (round), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-selected-shape-square** - Corner radius when selected (square), for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-shape-pressed-morph** - Corner radius when pressed, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-leading-space** - Space before icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-trailing-space** - Space after icon or label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-medium-icon-label-space** - Space between icon and label, for the medium size variant. _(default: undefined)_\n- **--m3e-button-large-container-height** - Height of the button container, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-outline-thickness** - Thickness of the button outline, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-size** - Font size for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-font-weight** - Font weight for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-line-height** - Line height for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-label-text-tracking** - Letter tracking for the label text, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-size** - Size of the icon, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-round** - Corner radius for round shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-square** - Corner radius for square shape, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-round** - Corner radius when selected (round), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-selected-shape-square** - Corner radius when selected (square), for the large size variant. _(default: undefined)_\n- **--m3e-button-large-shape-pressed-morph** - Corner radius when pressed, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-leading-space** - Space before icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-trailing-space** - Space after icon or label, for the large size variant. _(default: undefined)_\n- **--m3e-button-large-icon-label-space** - Space between icon and label, for the large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-container-height** - Height of the button container, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-outline-thickness** - Thickness of the button outline, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-size** - Font size for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-font-weight** - Font weight for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-line-height** - Line height for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-label-text-tracking** - Letter tracking for the label text, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-size** - Size of the icon, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-round** - Corner radius for round shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-square** - Corner radius for square shape, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-round** - Corner radius when selected (round), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-selected-shape-square** - Corner radius when selected (square), for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-shape-pressed-morph** - Corner radius when pressed, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-leading-space** - Space before icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-trailing-space** - Space after icon or label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-extra-large-icon-label-space** - Space between icon and label, for the extra-large size variant. _(default: undefined)_\n- **--m3e-button-outline-color** - Outline color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-outline-color** - Disabled outline color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-outline-color** - Hover outline color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-outline-color** - Focus outline color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-outline-color** - Pressed outline color, for all variants. _(default: undefined)_\n- **--m3e-button-container-color** - Container background color, for all variants. _(default: undefined)_\n- **--m3e-button-container-elevation** - Elevation, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-container-color** - Unselected container color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-container-color** - Selected container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-elevation** - Disabled elevation, for all variants. _(default: undefined)_\n- **--m3e-button-hover-container-elevation** - Hover elevation, for all variants. _(default: undefined)_\n- **--m3e-button-focus-container-elevation** - Focus elevation, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-container-elevation** - Pressed elevation, for all variants. _(default: undefined)_\n- **--m3e-button-label-text-color** - Label color, for all variants. _(default: undefined)_\n- **--m3e-button-icon-color** - Icon color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-label-text-color** - Unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-unselected-icon-color** - Unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-label-text-color** - Selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-selected-icon-color** - Selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-color** - Disabled container color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-container-opacity** - Disabled container opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-color** - Disabled icon color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-icon-opacity** - Disabled icon opacity, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-color** - Disabled label color, for all variants. _(default: undefined)_\n- **--m3e-button-disabled-label-text-opacity** - Disabled label opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-icon-color** - Hover icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-label-text-color** - Hover label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-color** - Hover state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-state-layer-opacity** - Hover state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-icon-color** - Hover unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-label-text-color** - Hover unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-icon-color** - Hover selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-label-text-color** - Hover selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-hover-selected-state-layer-color** - Hover selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-icon-color** - Focus icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-label-text-color** - Focus label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-color** - Focus state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-state-layer-opacity** - Focus state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-icon-color** - Focus unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-label-text-color** - Focus unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-icon-color** - Focus selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-label-text-color** - Focus selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-focus-selected-state-layer-color** - Focus selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-icon-color** - Pressed icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-label-text-color** - Pressed label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-color** - Pressed state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-state-layer-opacity** - Pressed state layer opacity, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-icon-color** - Pressed unselected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-label-text-color** - Pressed unselected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-icon-color** - Pressed selected icon color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-label-text-color** - Pressed selected label color, for all variants. _(default: undefined)_\n- **--m3e-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for all variants. _(default: undefined)_\n- **--m3e-elevated-button-label-text-color** - Label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-icon-color** - Icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-color** - Container background color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-container-elevation** - Elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-label-text-color** - Unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-icon-color** - Unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-unselected-container-color** - Unselected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-label-text-color** - Selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-icon-color** - Selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-selected-container-color** - Selected container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-color** - Disabled container color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-opacity** - Disabled container opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-color** - Disabled icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-icon-opacity** - Disabled icon opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-color** - Disabled label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-label-text-opacity** - Disabled label opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-disabled-container-elevation** - Disabled elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-icon-color** - Hover icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-label-text-color** - Hover label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-color** - Hover state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-state-layer-opacity** - Hover state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-container-elevation** - Hover elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-icon-color** - Hover unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-label-text-color** - Hover unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-icon-color** - Hover selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-label-text-color** - Hover selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-hover-selected-state-layer-color** - Hover selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-icon-color** - Focus icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-label-text-color** - Focus label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-color** - Focus state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-state-layer-opacity** - Focus state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-container-elevation** - Focus elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-label-text-color** - Focus unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-icon-color** - Focus unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-icon-color** - Focus selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-label-text-color** - Focus selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-focus-selected-state-layer-color** - Focus selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-icon-color** - Pressed icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-label-text-color** - Pressed label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-color** - Pressed state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-container-elevation** - Pressed elevation, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-icon-color** - Pressed selected icon color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-label-text-color** - Pressed selected label color, for the elevated variant. _(default: undefined)_\n- **--m3e-elevated-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the elevated variant. _(default: undefined)_\n- **--m3e-outlined-button-label-text-color** - Label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-icon-color** - Icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-outline-color** - Outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-label-text-color** - Unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-unselected-icon-color** - Unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-label-text-color** - Selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-icon-color** - Selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-selected-container-color** - Selected container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-color** - Disabled container color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-container-opacity** - Disabled container opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-color** - Disabled icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-icon-opacity** - Disabled icon opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-color** - Disabled label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-label-text-opacity** - Disabled label opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-disabled-outline-color** - Disabled outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-icon-color** - Hover icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-label-text-color** - Hover label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-outline-color** - Hover outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-color** - Hover state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-state-layer-opacity** - Hover state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-icon-color** - Hover unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-label-text-color** - Hover unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-icon-color** - Hover selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-label-text-color** - Hover selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-hover-selected-state-layer-color** - Hover selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-icon-color** - Focus icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-label-text-color** - Focus label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-outline-color** - Focus outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-color** - Focus state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-state-layer-opacity** - Focus state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-icon-color** - Focus unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-label-text-color** - Focus unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-icon-color** - Focus selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-label-text-color** - Focus selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-focus-selected-state-layer-color** - Focus selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-icon-color** - Pressed icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-label-text-color** - Pressed label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-outline-color** - Pressed outline color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-color** - Pressed state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-icon-color** - Pressed selected icon color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-label-text-color** - Pressed selected label color, for the outlined variant. _(default: undefined)_\n- **--m3e-outlined-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the outlined variant. _(default: undefined)_\n- **--m3e-filled-button-label-text-color** - Label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-icon-color** - Icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-color** - Container background color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-container-elevation** - Elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-label-text-color** - Unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-icon-color** - Unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-unselected-container-color** - Unselected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-label-text-color** - Selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-icon-color** - Selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-selected-container-color** - Selected container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-color** - Disabled container color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-opacity** - Disabled container opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-color** - Disabled icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-icon-opacity** - Disabled icon opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-color** - Disabled label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-label-text-opacity** - Disabled label opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-disabled-container-elevation** - Disabled elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-icon-color** - Hover icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-label-text-color** - Hover label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-color** - Hover state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-state-layer-opacity** - Hover state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-container-elevation** - Hover elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-icon-color** - Hover unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-label-text-color** - Hover unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-icon-color** - Hover selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-label-text-color** - Hover selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-hover-selected-state-layer-color** - Hover selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-icon-color** - Focus icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-label-text-color** - Focus label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-color** - Focus state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-state-layer-opacity** - Focus state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-container-elevation** - Focus elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-icon-color** - Focus unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-label-text-color** - Focus unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-icon-color** - Focus selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-label-text-color** - Focus selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-focus-selected-state-layer-color** - Focus selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-icon-color** - Pressed icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-label-text-color** - Pressed label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-color** - Pressed state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-container-elevation** - Pressed elevation, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-icon-color** - Pressed selected icon color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-label-text-color** - Pressed selected label color, for the filled variant. _(default: undefined)_\n- **--m3e-filled-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the filled variant. _(default: undefined)_\n- **--m3e-tonal-button-label-text-color** - Label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-icon-color** - Icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-color** - Container background color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-container-elevation** - Elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-label-text-color** - Unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-icon-color** - Unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-unselected-container-color** - Unselected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-label-text-color** - Selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-icon-color** - Selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-selected-container-color** - Selected container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-color** - Disabled container color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-opacity** - Disabled container opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-color** - Disabled icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-icon-opacity** - Disabled icon opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-color** - Disabled label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-label-text-opacity** - Disabled label opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-disabled-container-elevation** - Disabled elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-icon-color** - Hover icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-label-text-color** - Hover label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-color** - Hover state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-state-layer-opacity** - Hover state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-container-elevation** - Hover elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-icon-color** - Hover unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-label-text-color** - Hover unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-icon-color** - Hover selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-label-text-color** - Hover selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-hover-selected-state-layer-color** - Hover selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-icon-color** - Focus icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-label-text-color** - Focus label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-color** - Focus state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-state-layer-opacity** - Focus state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-container-elevation** - Focus elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-icon-color** - Focus unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-label-text-color** - Focus unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-icon-color** - Focus selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-label-text-color** - Focus selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-focus-selected-state-layer-color** - Focus selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-icon-color** - Pressed icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-label-text-color** - Pressed label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-color** - Pressed state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-container-elevation** - Pressed elevation, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-icon-color** - Pressed selected icon color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-label-text-color** - Pressed selected label color, for the tonal variant. _(default: undefined)_\n- **--m3e-tonal-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the tonal variant. _(default: undefined)_\n- **--m3e-text-button-label-text-color** - Label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-icon-color** - Icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-label-text-color** - Unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-unselected-icon-color** - Unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-label-text-color** - Selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-selected-icon-color** - Selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-color** - Disabled container color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-container-opacity** - Disabled container opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-color** - Disabled icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-icon-opacity** - Disabled icon opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-color** - Disabled label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-disabled-label-text-opacity** - Disabled label opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-icon-color** - Hover icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-label-text-color** - Hover label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-color** - Hover state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-state-layer-opacity** - Hover state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-icon-color** - Hover unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-label-text-color** - Hover unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-unselected-state-layer-color** - Hover unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-icon-color** - Hover selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-label-text-color** - Hover selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-hover-selected-state-layer-color** - Hover selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-icon-color** - Focus icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-label-text-color** - Focus label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-color** - Focus state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-state-layer-opacity** - Focus state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-icon-color** - Focus unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-label-text-color** - Focus unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-unselected-state-layer-color** - Focus unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-icon-color** - Focus selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-label-text-color** - Focus selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-focus-selected-state-layer-color** - Focus selected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-icon-color** - Pressed icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-label-text-color** - Pressed label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-color** - Pressed state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-state-layer-opacity** - Pressed state layer opacity, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-icon-color** - Pressed unselected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-label-text-color** - Pressed unselected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-unselected-state-layer-color** - Pressed unselected state layer color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-icon-color** - Pressed selected icon color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-label-text-color** - Pressed selected label color, for the text variant. _(default: undefined)_\n- **--m3e-text-button-pressed-selected-state-layer-color** - Pressed selected state layer color, for the text variant. _(default: undefined)_",
@@ -375,28 +397,6 @@
375
397
  ],
376
398
  "references": []
377
399
  },
378
- {
379
- "name": "m3e-button-group",
380
- "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)_",
381
- "attributes": [
382
- {
383
- "name": "multi",
384
- "description": "Whether multiple toggle buttons can be selected.",
385
- "values": []
386
- },
387
- {
388
- "name": "size",
389
- "description": "The size of the group.",
390
- "values": [{ "name": "ButtonGroupSize" }]
391
- },
392
- {
393
- "name": "variant",
394
- "description": "The appearance variant of the group.",
395
- "values": [{ "name": "ButtonGroupVariant" }]
396
- }
397
- ],
398
- "references": []
399
- },
400
400
  {
401
401
  "name": "m3e-calendar",
402
402
  "description": "A calendar used to select a date.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected date changes.\n\n### **Methods:**\n - **focusActiveCell(): _Promise<void>_** - Asynchronously focuses the active date.\n- **updateTodayDate(): _void_** - Updates today's date.\n- **movePreviousPeriod(): _Promise<void>_** - Moves the calendar to the previous period.\n- **moveNextPeriod(): _Promise<void>_** - Moves the calendar to the next period.\n- **togglePeriod(): _Promise<void>_** - Toggles the current period.\n\n### **Slots:**\n - **header** - Renders the header of the calendar.\n\n### **CSS Properties:**\n - **--m3e-calendar-container-color** - Background color of the container surface. _(default: undefined)_\n- **--m3e-calendar-container-elevation** - Elevation shadow applied to the container surface. _(default: undefined)_\n- **--m3e-calendar-container-shape** - Corner radius of the container surface. _(default: undefined)_\n- **--m3e-calendar-padding** - Padding applied to the calendar header and body. _(default: undefined)_\n- **--m3e-calendar-period-button-text-color** - Text color used for the period‑navigation buttons in the header. _(default: undefined)_\n- **--m3e-calendar-weekday-font-size** - Font size of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-font-weight** - Font weight of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-line-height** - Line height of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-tracking** - Letter spacing of weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-weekday-color** - Text color for weekday labels in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-size** - Font size of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-font-weight** - Font weight of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-line-height** - Line height of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-date-tracking** - Letter spacing of date cells in month view. _(default: undefined)_\n- **--m3e-calendar-item-font-size** - Font size of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-font-weight** - Font weight of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-line-height** - Line height of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-tracking** - Letter spacing of items in year and multi‑year views. _(default: undefined)_\n- **--m3e-calendar-item-color** - Text color for date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-color** - Text color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-container-color** - Background color for selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-ripple-color** - Ripple color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-hover-color** - Hover color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-selected-focus-color** - Focus color used when interacting with selected date items. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-thickness** - Outline thickness used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-current-outline-color** - Outline color used to indicate the current date. _(default: undefined)_\n- **--m3e-calendar-item-special-color** - Text color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-container-color** - Background color for dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-ripple-color** - Ripple color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-hover-color** - Hover color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-item-special-focus-color** - Focus color used when interacting with dates marked as special. _(default: undefined)_\n- **--m3e-calendar-range-container-color** - Background color applied to the selected date range. _(default: undefined)_\n- **--m3e-calendar-range-color** - Text color for dates within a selected range. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color** - Color used for disabled date items. _(default: undefined)_\n- **--m3e-calendar-item-disabled-color-opacity** - Opacity applied to the disabled item color. _(default: undefined)_\n- **--m3e-calendar-slide-animation-duration** - Duration of slide transitions between calendar views. _(default: undefined)_",
@@ -2353,18 +2353,6 @@
2353
2353
  ],
2354
2354
  "references": []
2355
2355
  },
2356
- {
2357
- "name": "m3e-shape",
2358
- "description": "A shape used to add emphasis and decorative flair.\n---\n\n\n### **Slots:**\n - _default_ - Renders the clipped content of the shape.\n\n### **CSS Properties:**\n - **--m3e-shape-size** - Default size of the shape. _(default: undefined)_\n- **--m3e-shape-container-color** - Container (background) color of the shape. _(default: undefined)_\n- **--m3e-shape-transition** - Transition used to morph between shapes. _(default: undefined)_",
2359
- "attributes": [
2360
- {
2361
- "name": "name",
2362
- "description": "The name of the shape.",
2363
- "values": [{ "name": "ShapeName" }]
2364
- }
2365
- ],
2366
- "references": []
2367
- },
2368
2356
  {
2369
2357
  "name": "m3e-select",
2370
2358
  "description": "A form control that allows users to select a value from a set of predefined options.\n---\n\n\n### **Events:**\n - **change** - Dispatched when the selected state changes.\n- **toggle**\n- **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n\n### **Methods:**\n - **clear(restoreFocus): _void_** - Clears the value of the element.\n- **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **Slots:**\n - _default_ - Renders the options of the select.\n- **arrow** - Renders the dropdown arrow.\n- **value** - Renders the selected value(s).\n\n### **CSS Properties:**\n - **--m3e-form-field-font-size** - The font size of the select control. _(default: undefined)_\n- **--m3e-form-field-font-weight** - The font weight of the select control. _(default: undefined)_\n- **--m3e-form-field-line-height** - The line height of the select control. _(default: undefined)_\n- **--m3e-form-field-tracking** - The letter spacing of the select control. _(default: undefined)_\n- **--m3e-select-container-shape** - The corner radius of the select container. _(default: undefined)_\n- **--m3e-select-disabled-color** - The text color when the select is disabled. _(default: undefined)_\n- **--m3e-select-disabled-color-opacity** - The opacity level applied to the disabled text color. _(default: undefined)_\n- **--m3e-select-icon-size** - The size of the dropdown arrow icon. _(default: undefined)_",
@@ -2402,6 +2390,18 @@
2402
2390
  ],
2403
2391
  "references": []
2404
2392
  },
2393
+ {
2394
+ "name": "m3e-shape",
2395
+ "description": "A shape used to add emphasis and decorative flair.\n---\n\n\n### **Slots:**\n - _default_ - Renders the clipped content of the shape.\n\n### **CSS Properties:**\n - **--m3e-shape-size** - Default size of the shape. _(default: undefined)_\n- **--m3e-shape-container-color** - Container (background) color of the shape. _(default: undefined)_\n- **--m3e-shape-transition** - Transition used to morph between shapes. _(default: undefined)_",
2396
+ "attributes": [
2397
+ {
2398
+ "name": "name",
2399
+ "description": "The name of the shape.",
2400
+ "values": [{ "name": "ShapeName" }]
2401
+ }
2402
+ ],
2403
+ "references": []
2404
+ },
2405
2405
  {
2406
2406
  "name": "m3e-skeleton",
2407
2407
  "description": "A visual placeholder that mimics the layout of content while it's still loading.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to be mimicked by the skeleton.\n\n### **CSS Properties:**\n - **--m3e-skeleton-color** - Base fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-color** - Tint fill color for the skeleton surface. _(default: undefined)_\n- **--m3e-skeleton-tint-opacity** - Tint Opacity applied when the skeleton animation is not pulsating. _(default: undefined)_\n- **--m3e-skeleton-accent-color** - Accent color used in wave animation. _(default: undefined)_\n- **--m3e-skeleton-accent-opacity** - Opacity of the accent effect in animations. _(default: undefined)_\n- **--m3e-skeleton-rounded-shape** - Corner radius for the rounded skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-circular-shape** - Corner radius for the circular skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-square-shape** - Corner radius for the square skeleton shape. _(default: undefined)_\n- **--m3e-skeleton-shape** - Corner radius for the skeleton shape. _(default: undefined)_",
@@ -2424,6 +2424,38 @@
2424
2424
  ],
2425
2425
  "references": []
2426
2426
  },
2427
+ {
2428
+ "name": "m3e-slide-group",
2429
+ "description": "Presents pagination controls used to scroll overflowing content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to paginate.\n- **next-icon** - Renders the icon to present for the next button.\n- **prev-icon** - Renders the icon to present for the previous button.\n\n### **CSS Properties:**\n - **--m3e-slide-group-button-icon-size** - Sets icon size for scroll buttons; overrides default small icon size. _(default: undefined)_\n- **--m3e-slide-group-button-size** - Defines scroll button size; used for width (horizontal) or height (vertical). _(default: undefined)_\n- **--m3e-slide-group-divider-top** - Adds top border to content container for visual separation. _(default: undefined)_\n- **--m3e-slide-group-divider-bottom** - Adds bottom border to content container for visual separation. _(default: undefined)_",
2430
+ "attributes": [
2431
+ {
2432
+ "name": "disabled",
2433
+ "description": "Whether scroll buttons are disabled.",
2434
+ "values": []
2435
+ },
2436
+ {
2437
+ "name": "next-page-label",
2438
+ "description": "The accessible label given to the button used to move to the next page.",
2439
+ "values": []
2440
+ },
2441
+ {
2442
+ "name": "previous-page-label",
2443
+ "description": "The accessible label given to the button used to move to the previous page.",
2444
+ "values": []
2445
+ },
2446
+ {
2447
+ "name": "threshold",
2448
+ "description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.",
2449
+ "values": []
2450
+ },
2451
+ {
2452
+ "name": "vertical",
2453
+ "description": "Whether content is oriented vertically.",
2454
+ "values": []
2455
+ }
2456
+ ],
2457
+ "references": []
2458
+ },
2427
2459
  {
2428
2460
  "name": "m3e-slider",
2429
2461
  "description": "Allows for the selection of numeric values from a range.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the value of a thumb changes.\n- **input** - Dispatched when the value of a thumb changes.\n- **change** - Dispatched when the value of a thumb changes.\n\n### **Slots:**\n - _default_ - Renders the thumbs of the slider.\n\n### **CSS Properties:**\n - **--m3e-slider-min-width** - Minimum inline size of the slider host. _(default: undefined)_\n- **--m3e-slider-small-height** - Height of the slider when size is small or extra-small. _(default: undefined)_\n- **--m3e-slider-medium-height** - Height of the slider when size is medium. _(default: undefined)_\n- **--m3e-slider-large-height** - Height of the slider when size is large. _(default: undefined)_\n- **--m3e-slider-extra-large-height** - Height of the slider when size is extra-large. _(default: undefined)_\n- **--m3e-slider-small-active-track-shape** - Corner shape of the active track for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-active-track-start-shape** - Corner shape of the inactive track start for small sliders. _(default: undefined)_\n- **--m3e-slider-small-inactive-track-end-shape** - Corner shape of the inactive track end for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-active-track-shape** - Corner shape of the active track for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-active-track-start-shape** - Corner shape of the inactive track start for medium sliders. _(default: undefined)_\n- **--m3e-slider-medium-inactive-track-end-shape** - Corner shape of the inactive track end for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-active-track-shape** - Corner shape of the active track for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for large sliders. _(default: undefined)_\n- **--m3e-slider-large-inactive-track-end-shape** - Corner shape of the inactive track end for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-active-track-shape** - Corner shape of the active track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-active-track-start-shape** - Corner shape of the inactive track start for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-inactive-track-end-shape** - Corner shape of the inactive track end for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-extra-small-track-height** - Height of the track for extra-small sliders. _(default: undefined)_\n- **--m3e-slider-small-track-height** - Height of the track for small sliders. _(default: undefined)_\n- **--m3e-slider-medium-track-height** - Height of the track for medium sliders. _(default: undefined)_\n- **--m3e-slider-large-track-height** - Height of the track for large sliders. _(default: undefined)_\n- **--m3e-slider-extra-large-track-height** - Height of the track for extra-large sliders. _(default: undefined)_\n- **--m3e-slider-tick-size** - Size of each tick mark. _(default: undefined)_\n- **--m3e-slider-tick-shape** - Corner shape of each tick mark. _(default: undefined)_\n- **--m3e-slider-inactive-track-color** - Background color of the inactive track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-color** - Base color of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-inactive-track-opacity** - Opacity of the inactive track when disabled. _(default: undefined)_\n- **--m3e-slider-active-track-color** - Background color of the active track when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-color** - Base color of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-disabled-active-track-opacity** - Opacity of the active track when disabled. _(default: undefined)_\n- **--m3e-slider-tick-active-color** - Color of active ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-active-color** - Color of active ticks when disabled. _(default: undefined)_\n- **--m3e-slider-tick-inactive-color** - Color of inactive ticks when enabled. _(default: undefined)_\n- **--m3e-slider-disabled-tick-inactive-color** - Color of inactive ticks when disabled. _(default: undefined)_",
@@ -2488,38 +2520,6 @@
2488
2520
  ],
2489
2521
  "references": []
2490
2522
  },
2491
- {
2492
- "name": "m3e-slide-group",
2493
- "description": "Presents pagination controls used to scroll overflowing content.\n---\n\n\n### **Slots:**\n - _default_ - Renders the content to paginate.\n- **next-icon** - Renders the icon to present for the next button.\n- **prev-icon** - Renders the icon to present for the previous button.\n\n### **CSS Properties:**\n - **--m3e-slide-group-button-icon-size** - Sets icon size for scroll buttons; overrides default small icon size. _(default: undefined)_\n- **--m3e-slide-group-button-size** - Defines scroll button size; used for width (horizontal) or height (vertical). _(default: undefined)_\n- **--m3e-slide-group-divider-top** - Adds top border to content container for visual separation. _(default: undefined)_\n- **--m3e-slide-group-divider-bottom** - Adds bottom border to content container for visual separation. _(default: undefined)_",
2494
- "attributes": [
2495
- {
2496
- "name": "disabled",
2497
- "description": "Whether scroll buttons are disabled.",
2498
- "values": []
2499
- },
2500
- {
2501
- "name": "next-page-label",
2502
- "description": "The accessible label given to the button used to move to the next page.",
2503
- "values": []
2504
- },
2505
- {
2506
- "name": "previous-page-label",
2507
- "description": "The accessible label given to the button used to move to the previous page.",
2508
- "values": []
2509
- },
2510
- {
2511
- "name": "threshold",
2512
- "description": "A value, in pixels, indicating the scroll threshold at which to begin showing pagination controls.",
2513
- "values": []
2514
- },
2515
- {
2516
- "name": "vertical",
2517
- "description": "Whether content is oriented vertically.",
2518
- "values": []
2519
- }
2520
- ],
2521
- "references": []
2522
- },
2523
2523
  {
2524
2524
  "name": "m3e-snackbar",
2525
2525
  "description": "Presents short updates about application processes at the bottom of the screen.\n---\n\n\n### **Events:**\n - **beforetoggle** - Dispatched before the toggle state changes.\n- **toggle** - Dispatched after the toggle state has changed.\n\n### **Slots:**\n - _default_ - Renders the content of the snackbar.\n- **close-icon** - Renders the icon of the button used to close the snackbar.\n\n### **CSS Properties:**\n - **--m3e-snackbar-margin** - Vertical offset from the bottom of the viewport. _(default: undefined)_\n- **--m3e-snackbar-container-shape** - Border radius of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-container-color** - Background color of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-padding** - Internal spacing of the snackbar container. _(default: undefined)_\n- **--m3e-snackbar-min-width** - Minimum width of the snackbar. _(default: undefined)_\n- **--m3e-snackbar-max-width** - Maximum width of the snackbar. _(default: undefined)_",
@@ -2635,38 +2635,6 @@
2635
2635
  ],
2636
2636
  "references": []
2637
2637
  },
2638
- {
2639
- "name": "m3e-switch",
2640
- "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the checked state changes.\n- **input** - Dispatched when the checked state changes.\n- **change** - Dispatched when the checked state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track's outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track's outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
2641
- "attributes": [
2642
- {
2643
- "name": "checked",
2644
- "description": "Whether the element is checked.",
2645
- "values": []
2646
- },
2647
- {
2648
- "name": "disabled",
2649
- "description": "Whether the element is disabled.",
2650
- "values": []
2651
- },
2652
- {
2653
- "name": "icons",
2654
- "description": "The icons to present.",
2655
- "values": [{ "name": "SwitchIcons" }]
2656
- },
2657
- {
2658
- "name": "name",
2659
- "description": "The name that identifies the element when submitting the associated form.",
2660
- "values": []
2661
- },
2662
- {
2663
- "name": "value",
2664
- "description": "A string representing the value of the switch.",
2665
- "values": []
2666
- }
2667
- ],
2668
- "references": []
2669
- },
2670
2638
  {
2671
2639
  "name": "m3e-step",
2672
2640
  "description": "A step in a wizard-like workflow.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n- **change** - Dispatched when the selected state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Methods:**\n - **reset(): _void_** - Resets the step to its initial state, clearing any form data.\n- **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the step.\n- **icon** - Renders the icon of the step.\n- **done-icon** - Renders the icon of a completed step.\n- **edit-icon** - Renders the icon of a completed editable step.\n- **error-icon** - Renders icon of an invalid step.\n- **hint** - Renders the hint text of the step.\n- **error** - Renders the error message for an invalid step.\n\n### **CSS Properties:**\n - **--m3e-step-shape** - Border radius of the step container, defining its visual shape. _(default: undefined)_\n- **--m3e-step-padding** - Internal padding of the step container, used for layout spacing. _(default: undefined)_\n- **--m3e-step-icon-shape** - Border radius of the icon container, controlling its geometric form. _(default: undefined)_\n- **--m3e-step-icon-size** - Width and height of the icon container and icon glyph. _(default: undefined)_\n- **--m3e-step-selected-icon-container-color** - Background color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-selected-icon-color** - Foreground color of the icon when the step is selected. _(default: undefined)_\n- **--m3e-step-completed-icon-container-color** - Background color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-completed-icon-color** - Foreground color of the icon when the step is completed. _(default: undefined)_\n- **--m3e-step-unselected-icon-container-color** - Background color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-unselected-icon-color** - Foreground color of the icon when the step is inactive. _(default: undefined)_\n- **--m3e-step-icon-error-color** - Foreground color of the icon when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-icon-container-color** - Base color used to mix the disabled icon background. _(default: undefined)_\n- **--m3e-step-disabled-icon-color** - Base color used to mix the disabled icon foreground. _(default: undefined)_\n- **--m3e-step-label-color** - Text color of the step label in its default state. _(default: undefined)_\n- **--m3e-step-label-error-color** - Text color of the step label when the step is invalid. _(default: undefined)_\n- **--m3e-step-disabled-label-color** - Base color used to mix the disabled label foreground. _(default: undefined)_\n- **--m3e-step-font-size** - Font size of the step label. _(default: undefined)_\n- **--m3e-step-font-weight** - Font weight of the step label. _(default: undefined)_\n- **--m3e-step-line-height** - Line height of the step label. _(default: undefined)_\n- **--m3e-step-tracking** - Letter spacing of the step label. _(default: undefined)_\n- **--m3e-step-icon-label-space** - Gap between icon and label. _(default: undefined)_\n- **--m3e-step-hint-font-size** - Font size of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-font-weight** - Font weight of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-line-height** - Line height of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-tracking** - Letter spacing of hint and error messages. _(default: undefined)_\n- **--m3e-step-hint-color** - Text color of hint messages in valid state. _(default: undefined)_\n- **--m3e-step-disabled-hint-color** - Base color used to mix the disabled hint foreground. _(default: undefined)_",
@@ -2760,6 +2728,38 @@
2760
2728
  "attributes": [],
2761
2729
  "references": []
2762
2730
  },
2731
+ {
2732
+ "name": "m3e-switch",
2733
+ "description": "An on/off control that can be toggled by clicking.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the checked state changes.\n- **input** - Dispatched when the checked state changes.\n- **change** - Dispatched when the checked state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Methods:**\n - **markAsPristine(): _void_** - Marks the element as pristine.\n- **markAsDirty(): _void_** - Marks the element as dirty.\n- **markAsTouched(): _void_** - Marks the element as touched.\n- **markAsUntouched(): _void_** - Marks the element as untouched.\n- **reportValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise, returns `false`, fires\r\nan invalid event, and (if the event isn't canceled) reports the problem to the user.\n- **checkValidity(): _boolean_** - Returns `true` if the element has no validity problems; otherwise,\r\nreturns `false`, fires an invalid event.\n- **setCustomValidity(error: _string_): _void_** - Sets a custom validity message for the element.\n- **formDisabledCallback(disabled: _boolean_): _void_** - Called when the element is disabled or enabled via its form association.\n- **formResetCallback(): _void_** - Called when the associated form is reset.\n\n### **CSS Properties:**\n - **--m3e-switch-selected-icon-color** - Color of the icon when the switch is selected. _(default: undefined)_\n- **--m3e-switch-selected-icon-size** - Size of the icon in the selected state. _(default: undefined)_\n- **--m3e-switch-unselected-icon-color** - Color of the icon when the switch is unselected. _(default: undefined)_\n- **--m3e-switch-unselected-icon-size** - Size of the icon in the unselected state. _(default: undefined)_\n- **--m3e-switch-track-height** - Height of the switch track. _(default: undefined)_\n- **--m3e-switch-track-width** - Width of the switch track. _(default: undefined)_\n- **--m3e-switch-track-outline-color** - Color of the track's outline. _(default: undefined)_\n- **--m3e-switch-track-outline-width** - Thickness of the track's outline. _(default: undefined)_\n- **--m3e-switch-track-shape** - Corner shape of the track. _(default: undefined)_\n- **--m3e-switch-selected-track-color** - Track color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-track-color** - Track color when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-height** - Height of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-width** - Width of the handle when unselected. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-height** - Height of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-with-icon-handle-width** - Width of the handle when icons are present. _(default: undefined)_\n- **--m3e-switch-selected-handle-height** - Height of the handle when selected. _(default: undefined)_\n- **--m3e-switch-selected-handle-width** - Width of the handle when selected. _(default: undefined)_\n- **--m3e-switch-pressed-handle-height** - Height of the handle during press. _(default: undefined)_\n- **--m3e-switch-pressed-handle-width** - Width of the handle during press. _(default: undefined)_\n- **--m3e-switch-handle-shape** - Corner shape of the handle. _(default: undefined)_\n- **--m3e-switch-selected-handle-color** - Handle color when selected. _(default: undefined)_\n- **--m3e-switch-unselected-handle-color** - Handle color when unselected. _(default: undefined)_\n- **--m3e-switch-state-layer-size** - Diameter of the state layer overlay. _(default: undefined)_\n- **--m3e-switch-state-layer-shape** - Corner shape of the state layer. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-color** - Icon color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-icon-opacity** - Icon opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-color** - Icon color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-icon-opacity** - Icon opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-track-opacity** - Track opacity when disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-track-color** - Track color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-color** - Track color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-track-outline-color** - Outline color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-opacity** - Handle opacity when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-opacity** - Handle opacity when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-selected-handle-color** - Handle color when selected and disabled. _(default: undefined)_\n- **--m3e-switch-disabled-unselected-handle-color** - Handle color when unselected and disabled. _(default: undefined)_\n- **--m3e-switch-selected-hover-icon-color** - Icon color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-icon-color** - Icon color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-track-color** - Track color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-color** - State layer color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-state-layer-opacity** - State layer opacity when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-color** - Track color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-track-outline-color** - Outline color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-color** - State layer color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-state-layer-opacity** - State layer opacity when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-hover-handle-color** - Handle color when selected and hovered. _(default: undefined)_\n- **--m3e-switch-unselected-hover-handle-color** - Handle color when unselected and hovered. _(default: undefined)_\n- **--m3e-switch-selected-focus-icon-color** - Icon color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-icon-color** - Icon color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-track-color** - Track color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-color** - State layer color when selected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-state-layer-opacity** - State layer opacity when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-color** - Track color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-track-outline-color** - Outline color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-color** - State layer color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-state-layer-opacity** - State layer opacity when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-focus-handle-color** - Handle color when selected and focused. _(default: undefined)_\n- **--m3e-switch-unselected-focus-handle-color** - Handle color when unselected and focused. _(default: undefined)_\n- **--m3e-switch-selected-pressed-icon-color** - Icon color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-icon-color** - Icon color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-track-color** - Track color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-color** - State layer color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-state-layer-opacity** - State layer opacity when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-color** - Track color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-track-outline-color** - Outline color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-color** - State layer color when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-state-layer-opacity** - State layer opacity when unselected and pressed. _(default: undefined)_\n- **--m3e-switch-selected-pressed-handle-color** - Handle color when selected and pressed. _(default: undefined)_\n- **--m3e-switch-unselected-pressed-handle-color** - Handle color when unselected and pressed. _(default: undefined)_",
2734
+ "attributes": [
2735
+ {
2736
+ "name": "checked",
2737
+ "description": "Whether the element is checked.",
2738
+ "values": []
2739
+ },
2740
+ {
2741
+ "name": "disabled",
2742
+ "description": "Whether the element is disabled.",
2743
+ "values": []
2744
+ },
2745
+ {
2746
+ "name": "icons",
2747
+ "description": "The icons to present.",
2748
+ "values": [{ "name": "SwitchIcons" }]
2749
+ },
2750
+ {
2751
+ "name": "name",
2752
+ "description": "The name that identifies the element when submitting the associated form.",
2753
+ "values": []
2754
+ },
2755
+ {
2756
+ "name": "value",
2757
+ "description": "A string representing the value of the switch.",
2758
+ "values": []
2759
+ }
2760
+ ],
2761
+ "references": []
2762
+ },
2763
2763
  {
2764
2764
  "name": "m3e-tab",
2765
2765
  "description": "An interactive element that, when activated, presents an associated tab panel.\n---\n\n\n### **Events:**\n - **beforeinput** - Dispatched before the selected state changes.\n- **input** - Dispatched when the selected state changes.\n- **change** - Dispatched when the selected state changes.\n- **click** - Dispatched when the element is clicked.\n\n### **Methods:**\n - **attach(control: _HTMLElement_): _void_** - Attaches the element to an interactive control.\n- **detach(): _void_** - Detaches the element from its current interactive control.\n\n### **Slots:**\n - _default_ - Renders the label of the tab.\n- **icon** - Renders an icon before the tab's label.\n\n### **CSS Properties:**\n - **--m3e-tab-font-size** - Font size for tab label. _(default: undefined)_\n- **--m3e-tab-font-weight** - Font weight for tab label. _(default: undefined)_\n- **--m3e-tab-line-height** - Line height for tab label. _(default: undefined)_\n- **--m3e-tab-tracking** - Letter spacing for tab label. _(default: undefined)_\n- **--m3e-tab-padding-start** - Padding on the inline start of the tab. _(default: undefined)_\n- **--m3e-tab-padding-end** - Padding on the inline end of the tab. _(default: undefined)_\n- **--m3e-tab-focus-ring-shape** - Border radius for the focus ring. _(default: undefined)_\n- **--m3e-tab-selected-color** - Text color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-hover-color** - Hover state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-container-focus-color** - Focus state-layer color for selected tab. _(default: undefined)_\n- **--m3e-tab-selected-ripple-color** - Ripple color for selected tab. _(default: undefined)_\n- **--m3e-tab-unselected-color** - Text color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-hover-color** - Hover state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-container-focus-color** - Focus state-layer color for unselected tab. _(default: undefined)_\n- **--m3e-tab-unselected-ripple-color** - Ripple color for unselected tab. _(default: undefined)_\n- **--m3e-tab-disabled-color** - Text color for disabled tab. _(default: undefined)_\n- **--m3e-tab-disabled-opacity** - Text opacity for disabled tab. _(default: undefined)_\n- **--m3e-tab-spacing** - Column gap between icon and label. _(default: undefined)_\n- **--m3e-tab-icon-size** - Font size for slotted icon. _(default: undefined)_",