@m3e/web 2.1.3 → 2.2.1

package/dist/css-custom-data.json

@@ -257,46 +257,6 @@
       "description": "Maximum number of lines for the large app bar subtitle.",
       "values": []
     },
-    {
-      "name": "--m3e-avatar-size",
-      "description": "Size of the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-shape",
-      "description": "Border radius of the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-font-size",
-      "description": "Font size for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-font-weight",
-      "description": "Font weight for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-line-height",
-      "description": "Line height for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-tracking",
-      "description": "Letter spacing for the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-color",
-      "description": "Background color of the avatar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-avatar-label-color",
-      "description": "Text color of the avatar.",
-      "values": []
-    },
     {
       "name": "--m3e-badge-shape",
       "description": "Corner radius of the badge.",
@@ -368,163 +328,43 @@
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-width",
-      "description": "The width of the sheet.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-max-width",
-      "description": "The maximum width of the sheet.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-container-color",
-      "description": "The background color of the sheet container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-elevation",
-      "description": "The elevation level when not modal.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-modal-elevation",
-      "description": "The elevation level when modal.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-full-elevation",
-      "description": "The elevation level when full height.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-z-index",
-      "description": "The z-index of the non-modal sheet.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-minimized-container-shape",
-      "description": "The border radius when minimized.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-container-shape",
-      "description": "The border radius of the sheet container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-full-container-shape",
-      "description": "The border radius when full height.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-scrim-color",
-      "description": "The color of the scrim overlay.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-scrim-opacity",
-      "description": "The opacity of the scrim overlay.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-peek-height",
-      "description": "The visible height when minimized.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-compact-top-space",
-      "description": "The top space in compact mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-top-space",
-      "description": "The top space in standard mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-padding-block",
-      "description": "The vertical padding.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-padding-inline",
-      "description": "The horizontal padding.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-handle-container-height",
-      "description": "The height of the drag handle container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-handle-width",
-      "description": "The width of the drag handle.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-handle-height",
-      "description": "The height of the drag handle.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-handle-shape",
-      "description": "The border radius of the handle.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-handle-color",
-      "description": "The color of the drag handle.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
-      "description": "The offset of the focus ring around the handle.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-color",
-      "description": "The foreground (text) color of the sheet.",
-      "values": []
-    },
-    {
-      "name": "--m3e-bottom-sheet-content-font-size",
-      "description": "Font size for the sheet content.",
+      "name": "--m3e-avatar-size",
+      "description": "Size of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-font-weight",
-      "description": "Font weight for the sheet content.",
+      "name": "--m3e-avatar-shape",
+      "description": "Border radius of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-line-height",
-      "description": "Line height for the sheet content.",
+      "name": "--m3e-avatar-font-size",
+      "description": "Font size for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-tracking",
-      "description": "Letter spacing (tracking) for the sheet content.",
+      "name": "--m3e-avatar-font-weight",
+      "description": "Font weight for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-font-size",
-      "description": "Font size for the sheet header.",
+      "name": "--m3e-avatar-line-height",
+      "description": "Line height for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-font-weight",
-      "description": "Font weight for the sheet header.",
+      "name": "--m3e-avatar-tracking",
+      "description": "Letter spacing for the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-line-height",
-      "description": "Line height for the sheet header.",
+      "name": "--m3e-avatar-color",
+      "description": "Background color of the avatar.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-tracking",
-      "description": "Letter spacing (tracking) for the sheet header.",
+      "name": "--m3e-avatar-label-color",
+      "description": "Text color of the avatar.",
       "values": []
     },
     {
@@ -2453,83 +2293,243 @@
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-small-spacing",
-      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "name": "--m3e-bottom-sheet-width",
+      "description": "The width of the sheet.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-small-spacing",
-      "description": "Spacing between buttons in standard variant, small size.",
+      "name": "--m3e-bottom-sheet-max-width",
+      "description": "The maximum width of the sheet.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-medium-spacing",
-      "description": "Spacing between buttons in standard variant, medium size.",
+      "name": "--m3e-bottom-sheet-container-color",
+      "description": "The background color of the sheet container.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-large-spacing",
-      "description": "Spacing between buttons in standard variant, large size.",
+      "name": "--m3e-bottom-sheet-elevation",
+      "description": "The elevation level when not modal.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-large-spacing",
-      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "name": "--m3e-bottom-sheet-modal-elevation",
+      "description": "The elevation level when modal.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-spacing",
-      "description": "Spacing between buttons in connected variant.",
+      "name": "--m3e-bottom-sheet-full-elevation",
+      "description": "The elevation level when full height.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-shape",
-      "description": "Corner shape for connected variant, extra-small size.",
+      "name": "--m3e-bottom-sheet-z-index",
+      "description": "The z-index of the non-modal sheet.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "name": "--m3e-bottom-sheet-minimized-container-shape",
+      "description": "The border radius when minimized.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-shape",
-      "description": "Corner shape for connected variant, small size.",
+      "name": "--m3e-bottom-sheet-container-shape",
+      "description": "The border radius of the sheet container.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, small size.",
+      "name": "--m3e-bottom-sheet-full-container-shape",
+      "description": "The border radius when full height.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-shape",
-      "description": "Corner shape for connected variant, medium size.",
+      "name": "--m3e-bottom-sheet-scrim-color",
+      "description": "The color of the scrim overlay.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, medium size.",
+      "name": "--m3e-bottom-sheet-scrim-opacity",
+      "description": "The opacity of the scrim overlay.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-shape",
-      "description": "Corner shape for connected variant, large size.",
+      "name": "--m3e-bottom-sheet-peek-height",
+      "description": "The visible height when minimized.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, large size.",
+      "name": "--m3e-bottom-sheet-compact-top-space",
+      "description": "The top space in compact mode.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-shape",
-      "description": "Corner shape for connected variant, extra-large size.",
+      "name": "--m3e-bottom-sheet-top-space",
+      "description": "The top space in standard mode.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "name": "--m3e-bottom-sheet-padding-block",
+      "description": "The vertical padding.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-padding-inline",
+      "description": "The horizontal padding.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-container-height",
+      "description": "The height of the drag handle container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-width",
+      "description": "The width of the drag handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-height",
+      "description": "The height of the drag handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-shape",
+      "description": "The border radius of the handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-color",
+      "description": "The color of the drag handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
+      "description": "The offset of the focus ring around the handle.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-color",
+      "description": "The foreground (text) color of the sheet.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-font-size",
+      "description": "Font size for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-font-weight",
+      "description": "Font weight for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-line-height",
+      "description": "Line height for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-content-tracking",
+      "description": "Letter spacing (tracking) for the sheet content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-font-size",
+      "description": "Font size for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-font-weight",
+      "description": "Font weight for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-line-height",
+      "description": "Line height for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-bottom-sheet-header-tracking",
+      "description": "Letter spacing (tracking) for the sheet header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-extra-small-spacing",
+      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-small-spacing",
+      "description": "Spacing between buttons in standard variant, small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-medium-spacing",
+      "description": "Spacing between buttons in standard variant, medium size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-large-spacing",
+      "description": "Spacing between buttons in standard variant, large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-standard-button-group-extra-large-spacing",
+      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-spacing",
+      "description": "Spacing between buttons in connected variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-small-inner-shape",
+      "description": "Corner shape for connected variant, extra-small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-small-inner-shape",
+      "description": "Corner shape for connected variant, small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, small size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-medium-inner-shape",
+      "description": "Corner shape for connected variant, medium size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, medium size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-large-inner-shape",
+      "description": "Corner shape for connected variant, large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-large-inner-shape",
+      "description": "Corner shape for connected variant, extra-large size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-large size.",
       "values": []
     },
     {
@@ -2898,208 +2898,378 @@
       "values": []
     },
     {
-      "name": "--m3e-checkbox-icon-size",
-      "description": "Size of the checkbox icon inside the container.",
+      "name": "--m3e-calendar-container-color",
+      "description": "Background color of the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-container-size",
-      "description": "Base size of the checkbox container.",
+      "name": "--m3e-calendar-container-elevation",
+      "description": "Elevation shadow applied to the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-container-shape",
-      "description": "Border radius of the icon container.",
+      "name": "--m3e-calendar-container-shape",
+      "description": "Corner radius of the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-thickness",
-      "description": "Border thickness for unselected state.",
+      "name": "--m3e-calendar-padding",
+      "description": "Padding applied to the calendar header and body.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-outline-color",
-      "description": "Border color for unselected state.",
+      "name": "--m3e-calendar-period-button-text-color",
+      "description": "Text color used for the period‑navigation buttons in the header.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-hover-outline-color",
-      "description": "Border color on hover when unselected.",
+      "name": "--m3e-calendar-weekday-font-size",
+      "description": "Font size of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-color",
-      "description": "Base color for disabled unselected outline.",
+      "name": "--m3e-calendar-weekday-font-weight",
+      "description": "Font weight of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
-      "description": "Opacity for disabled unselected outline.",
+      "name": "--m3e-calendar-weekday-line-height",
+      "description": "Line height of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-outline-color",
-      "description": "Border color for invalid unselected state.",
+      "name": "--m3e-calendar-weekday-tracking",
+      "description": "Letter spacing of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-container-color",
-      "description": "Background color for selected container.",
+      "name": "--m3e-calendar-date-font-size",
+      "description": "Font size of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-icon-color",
-      "description": "Icon color for selected state.",
+      "name": "--m3e-calendar-date-font-weight",
+      "description": "Font weight of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-container-color",
-      "description": "Base color for disabled selected container.",
+      "name": "--m3e-calendar-date-line-height",
+      "description": "Line height of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-container-opacity",
-      "description": "Opacity for disabled selected container.",
+      "name": "--m3e-calendar-date-tracking",
+      "description": "Letter spacing of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-icon-color",
-      "description": "Base color for disabled selected icon.",
+      "name": "--m3e-calendar-item-font-size",
+      "description": "Font size of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
-      "description": "Opacity for disabled selected icon.",
+      "name": "--m3e-calendar-item-font-weight",
+      "description": "Font weight of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-hover-color",
-      "description": "Ripple hover color for unselected state.",
+      "name": "--m3e-calendar-item-line-height",
+      "description": "Line height of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-focus-color",
-      "description": "Ripple focus color for unselected state.",
+      "name": "--m3e-calendar-item-tracking",
+      "description": "Letter spacing of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-ripple-color",
-      "description": "Ripple base color for unselected state.",
+      "name": "--m3e-calendar-item-selected-color",
+      "description": "Text color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-hover-color",
-      "description": "Ripple hover color for selected state.",
+      "name": "--m3e-calendar-item-selected-container-color",
+      "description": "Background color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-focus-color",
-      "description": "Ripple focus color for selected state.",
+      "name": "--m3e-calendar-item-selected-ripple-color",
+      "description": "Ripple color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-ripple-color",
-      "description": "Ripple base color for selected state.",
+      "name": "--m3e-calendar-item-selected-hover-color",
+      "description": "Hover color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-hover-color",
-      "description": "Ripple hover color for invalid unselected state.",
+      "name": "--m3e-calendar-item-selected-focus-color",
+      "description": "Focus color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-focus-color",
-      "description": "Ripple focus color for invalid unselected state.",
+      "name": "--m3e-calendar-item-current-outline-thickness",
+      "description": "Outline thickness used to indicate the current date.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-unselected-error-ripple-color",
-      "description": "Ripple base color for invalid unselected state.",
+      "name": "--m3e-calendar-item-current-outline-color",
+      "description": "Outline color used to indicate the current date.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-hover-color",
-      "description": "Ripple hover color for invalid selected state.",
+      "name": "--m3e-calendar-item-special-color",
+      "description": "Text color for dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-focus-color",
-      "description": "Ripple focus color for invalid selected state.",
+      "name": "--m3e-calendar-item-special-container-color",
+      "description": "Background color for dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-checkbox-selected-error-ripple-color",
-      "description": "Ripple base color for invalid selected state.",
+      "name": "--m3e-calendar-item-special-ripple-color",
+      "description": "Ripple color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-chip-container-shape",
-      "description": "Border radius of the chip container.",
+      "name": "--m3e-calendar-item-special-hover-color",
+      "description": "Hover color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-chip-container-height",
-      "description": "Base height of the chip container before density adjustment.",
+      "name": "--m3e-calendar-item-special-focus-color",
+      "description": "Focus color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-chip-label-text-font-size",
-      "description": "Font size of the chip label text.",
+      "name": "--m3e-calendar-range-container-color",
+      "description": "Background color applied to the selected date range.",
       "values": []
     },
     {
-      "name": "--m3e-chip-label-text-font-weight",
-      "description": "Font weight of the chip label text.",
+      "name": "--m3e-calendar-range-color",
+      "description": "Text color for dates within a selected range.",
       "values": []
     },
     {
-      "name": "--m3e-chip-label-text-line-height",
-      "description": "Line height of the chip label text.",
+      "name": "--m3e-calendar-item-disabled-color",
+      "description": "Color used for disabled date items.",
       "values": []
     },
     {
-      "name": "--m3e-chip-label-text-tracking",
-      "description": "Letter spacing of the chip label text.",
+      "name": "--m3e-calendar-item-disabled-color-opacity",
+      "description": "Opacity applied to the disabled item color.",
       "values": []
     },
     {
-      "name": "--m3e-chip-label-text-color",
-      "description": "Label text color in default state.",
+      "name": "--m3e-calendar-slide-animation-duration",
+      "description": "Duration of slide transitions between calendar views.",
       "values": []
     },
     {
-      "name": "--m3e-chip-icon-color",
-      "description": "Icon color in default state.",
+      "name": "--m3e-checkbox-icon-size",
+      "description": "Size of the checkbox icon inside the container.",
       "values": []
     },
     {
-      "name": "--m3e-chip-icon-size",
-      "description": "Font size of leading/trailing icons.",
+      "name": "--m3e-checkbox-container-size",
+      "description": "Base size of the checkbox container.",
       "values": []
     },
     {
-      "name": "--m3e-chip-spacing",
-      "description": "Horizontal gap between chip content elements.",
+      "name": "--m3e-checkbox-container-shape",
+      "description": "Border radius of the icon container.",
       "values": []
     },
     {
-      "name": "--m3e-chip-padding-start",
-      "description": "Default start padding when no icon is present.",
+      "name": "--m3e-checkbox-unselected-outline-thickness",
+      "description": "Border thickness for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-chip-padding-end",
-      "description": "Default end padding when no trailing icon is present.",
+      "name": "--m3e-checkbox-unselected-outline-color",
+      "description": "Border color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-chip-with-icon-padding-start",
-      "description": "Start padding when leading icon is present.",
+      "name": "--m3e-checkbox-unselected-hover-outline-color",
+      "description": "Border color on hover when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-chip-with-icon-padding-end",
-      "description": "End padding when trailing icon is present.",
+      "name": "--m3e-checkbox-unselected-disabled-outline-color",
+      "description": "Base color for disabled unselected outline.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
+      "description": "Opacity for disabled unselected outline.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-outline-color",
+      "description": "Border color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-container-color",
+      "description": "Background color for selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-icon-color",
+      "description": "Icon color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-container-color",
+      "description": "Base color for disabled selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-container-opacity",
+      "description": "Opacity for disabled selected container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-icon-color",
+      "description": "Base color for disabled selected icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
+      "description": "Opacity for disabled selected icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-hover-color",
+      "description": "Ripple hover color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-focus-color",
+      "description": "Ripple focus color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-ripple-color",
+      "description": "Ripple base color for unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-hover-color",
+      "description": "Ripple hover color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-focus-color",
+      "description": "Ripple focus color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-ripple-color",
+      "description": "Ripple base color for selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-hover-color",
+      "description": "Ripple hover color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-focus-color",
+      "description": "Ripple focus color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-unselected-error-ripple-color",
+      "description": "Ripple base color for invalid unselected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-error-hover-color",
+      "description": "Ripple hover color for invalid selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-error-focus-color",
+      "description": "Ripple focus color for invalid selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-checkbox-selected-error-ripple-color",
+      "description": "Ripple base color for invalid selected state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-container-shape",
+      "description": "Border radius of the chip container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-container-height",
+      "description": "Base height of the chip container before density adjustment.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-label-text-font-size",
+      "description": "Font size of the chip label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-label-text-font-weight",
+      "description": "Font weight of the chip label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-label-text-line-height",
+      "description": "Line height of the chip label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-label-text-tracking",
+      "description": "Letter spacing of the chip label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-label-text-color",
+      "description": "Label text color in default state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-icon-color",
+      "description": "Icon color in default state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-icon-size",
+      "description": "Font size of leading/trailing icons.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-spacing",
+      "description": "Horizontal gap between chip content elements.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-padding-start",
+      "description": "Default start padding when no icon is present.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-padding-end",
+      "description": "Default end padding when no trailing icon is present.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-with-icon-padding-start",
+      "description": "Start padding when leading icon is present.",
+      "values": []
+    },
+    {
+      "name": "--m3e-chip-with-icon-padding-end",
+      "description": "End padding when trailing icon is present.",
       "values": []
     },
     {
@@ -3827,6 +3997,111 @@
       "description": "Opacity applied to disabled outline.",
       "values": []
     },
+    {
+      "name": "--m3e-datepicker-container-padding-block",
+      "description": "Block‑axis padding of the date picker container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-container-padding-inline",
+      "description": "Inline‑axis padding of the date picker container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-container-color",
+      "description": "Background color of the standard container surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-container-elevation",
+      "description": "Elevation shadow applied to the container surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-font-size",
+      "description": "Font size used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-font-weight",
+      "description": "Font weight used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-line-height",
+      "description": "Line height used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-tracking",
+      "description": "Letter spacing used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-font-size",
+      "description": "Font size used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-font-weight",
+      "description": "Font weight used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-line-height",
+      "description": "Line height used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-tracking",
+      "description": "Letter spacing used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-actions-padding-inline",
+      "description": "Inline‑axis padding of the action row.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-docked-container-color",
+      "description": "Background color of the container in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-docked-container-shape",
+      "description": "Corner radius of the container in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-container-color",
+      "description": "Background color of the container in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-container-shape",
+      "description": "Corner radius of the container in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-thickness",
+      "description": "Thickness of divider elements within the picker.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-color",
+      "description": "Color of divider rules within the picker.",
+      "values": []
+    },
+    {
+      "name": "--m3e-dialog-scrim-color",
+      "description": "Base color used for the modal scrim behind the picker.",
+      "values": []
+    },
+    {
+      "name": "--m3e-dialog-scrim-opacity",
+      "description": "Opacity applied to the scrim color in modal mode.",
+      "values": []
+    },
     {
       "name": "--m3e-dialog-shape",
       "description": "Border radius of the dialog container.",
@@ -3964,12 +4239,12 @@
     },
     {
       "name": "--m3e-modal-drawer-start-shape",
-      "description": "The shape of the drawer’s start edge (typically left in LTR).",
+      "description": "The shape of the drawer's start edge (typically left in LTR).",
       "values": []
     },
     {
       "name": "--m3e-modal-drawer-end-shape",
-      "description": "The shape of the drawer’s end edge (typically right in LTR).",
+      "description": "The shape of the drawer's end edge (typically right in LTR).",
       "values": []
     },
     {
@@ -10828,48 +11103,273 @@
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-height",
-      "description": "Total height of the segmented button.",
+      "name": "--m3e-search-bar-container-color",
+      "description": "Background color of the search bar container.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-outline-thickness",
-      "description": "Thickness of the button’s border.",
+      "name": "--m3e-search-bar-leading-icon-color",
+      "description": "Color of the leading icon.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-outline-color",
-      "description": "Color of the button’s border.",
+      "name": "--m3e-search-bar-trailing-icon-color",
+      "description": "Color of the trailing icon.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-padding-start",
-      "description": "Padding on the leading edge of the button content.",
+      "name": "--m3e-search-bar-container-height",
+      "description": "Height of the search bar container.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-padding-end",
-      "description": "Padding on the trailing edge of the button content.",
+      "name": "--m3e-search-bar-container-shape",
+      "description": "Shape (border radius) of the search bar container.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-spacing",
-      "description": "Horizontal gap between icon and label.",
+      "name": "--m3e-search-bar-icon-size",
+      "description": "Size of icons inside the search bar.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-font-size",
-      "description": "Font size of the label text.",
+      "name": "--m3e-search-bar-supporting-text-color",
+      "description": "Color of the supporting text.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-font-weight",
-      "description": "Font weight of the label text.",
+      "name": "--m3e-search-bar-supporting-text-font-size",
+      "description": "Font size of the supporting text.",
       "values": []
     },
     {
-      "name": "--m3e-segmented-button-line-height",
-      "description": "Line height of the label text.",
+      "name": "--m3e-search-bar-supporting-text-font-weight",
+      "description": "Font weight of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-supporting-text-line-height",
+      "description": "Line height of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-supporting-text-tracking",
+      "description": "Letter spacing of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-color",
+      "description": "Color of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-font-size",
+      "description": "Font size of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-font-weight",
+      "description": "Font weight of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-line-height",
+      "description": "Line height of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-tracking",
+      "description": "Letter spacing of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-leading-space",
+      "description": "Space before the leading icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-trailing-space",
+      "description": "Space after the trailing icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-no-actions-leading-space",
+      "description": "Leading padding when no actions are present.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-no-actions-trailing-space",
+      "description": "Trailing padding when no actions are present.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-leading-actions-trailing-space",
+      "description": "Space between leading actions and the input.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-trailing-actions-leading-space",
+      "description": "Space between the input and trailing actions.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-actions-gap",
+      "description": "Gap between action icons.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-container-color",
+      "description": "Background color of the view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-container-color",
+      "description": "Background color of the contained view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-divider-color",
+      "description": "Color of the divider separating header and results.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-divider-thickness",
+      "description": "Thickness of the divider separating header and results.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-full-screen-container-shape",
+      "description": "Shape of the fullscreen view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-full-screen-header-container-height",
+      "description": "Height of the header container in fullscreen mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-container-shape",
+      "description": "Shape of the docked view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-header-container-height",
+      "description": "Height of the header container in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-leading-margin",
+      "description": "Leading margin for the contained view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-trailing-margin",
+      "description": "Trailing margin for the contained view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-focused-leading-margin",
+      "description": "Leading margin when the contained view is focused.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-focused-trailing-margin",
+      "description": "Trailing margin when the contained view is focused.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-bar-results-gap",
+      "description": "Gap between the contained docked bar and results.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-results-shape",
+      "description": "Shape of the results container in contained docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-bar-shape",
+      "description": "Shape of the bar in contained docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-full-screen-bar-container-height",
+      "description": "Height of the bar container in contained fullscreen mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-container-min-height",
+      "description": "Minimum height of the docked view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-container-max-height",
+      "description": "Maximum height of the docked view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-results-space",
+      "description": "Space above the results in contained docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-results-bottom-space",
+      "description": "Space below the results in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-scrim-color",
+      "description": "Color of the scrim behind the docked view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-scrim-opacity",
+      "description": "Opacity of the scrim behind the docked view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-height",
+      "description": "Total height of the segmented button.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-outline-thickness",
+      "description": "Thickness of the button's border.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-outline-color",
+      "description": "Color of the button's border.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-padding-start",
+      "description": "Padding on the leading edge of the button content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-padding-end",
+      "description": "Padding on the trailing edge of the button content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-spacing",
+      "description": "Horizontal gap between icon and label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-font-size",
+      "description": "Font size of the label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-font-weight",
+      "description": "Font weight of the label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-segmented-button-line-height",
+      "description": "Line height of the label text.",
       "values": []
     },
     {
@@ -11323,843 +11823,843 @@
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (extra-small, unselected).",
+      "name": "--m3e-step-shape",
+      "description": "Border radius of the step container, defining its visual shape.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-small, unselected).",
+      "name": "--m3e-step-padding",
+      "description": "Internal padding of the step container, used for layout spacing.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (small, unselected).",
+      "name": "--m3e-step-icon-shape",
+      "description": "Border radius of the icon container, controlling its geometric form.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (small, unselected).",
+      "name": "--m3e-step-icon-size",
+      "description": "Width and height of the icon container and icon glyph.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (medium, unselected).",
+      "name": "--m3e-step-selected-icon-container-color",
+      "description": "Background color of the icon when the step is selected.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (medium, unselected).",
+      "name": "--m3e-step-selected-icon-color",
+      "description": "Foreground color of the icon when the step is selected.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (large, unselected).",
+      "name": "--m3e-step-completed-icon-container-color",
+      "description": "Background color of the icon when the step is completed.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (large, unselected).",
+      "name": "--m3e-step-completed-icon-color",
+      "description": "Foreground color of the icon when the step is completed.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (extra-large, unselected).",
+      "name": "--m3e-step-unselected-icon-container-color",
+      "description": "Background color of the icon when the step is inactive.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-large, unselected).",
+      "name": "--m3e-step-unselected-icon-color",
+      "description": "Foreground color of the icon when the step is inactive.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (extra-small, selected).",
+      "name": "--m3e-step-icon-error-color",
+      "description": "Foreground color of the icon when the step is invalid.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-small, selected).",
+      "name": "--m3e-step-disabled-icon-container-color",
+      "description": "Base color used to mix the disabled icon background.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (small, selected).",
+      "name": "--m3e-step-disabled-icon-color",
+      "description": "Base color used to mix the disabled icon foreground.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (small, selected).",
+      "name": "--m3e-step-label-color",
+      "description": "Text color of the step label in its default state.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (medium, selected).",
+      "name": "--m3e-step-label-error-color",
+      "description": "Text color of the step label when the step is invalid.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (medium, selected).",
+      "name": "--m3e-step-disabled-label-color",
+      "description": "Base color used to mix the disabled label foreground.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (large, selected).",
+      "name": "--m3e-step-font-size",
+      "description": "Font size of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (large, selected).",
+      "name": "--m3e-step-font-weight",
+      "description": "Font weight of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (extra-large, selected).",
+      "name": "--m3e-step-line-height",
+      "description": "Line height of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-large, selected).",
+      "name": "--m3e-step-tracking",
+      "description": "Letter spacing of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (extra-small).",
+      "name": "--m3e-step-icon-label-space",
+      "description": "Gap between icon and label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (small).",
+      "name": "--m3e-step-hint-font-size",
+      "description": "Font size of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (medium).",
+      "name": "--m3e-step-hint-font-weight",
+      "description": "Font weight of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (large).",
+      "name": "--m3e-step-hint-line-height",
+      "description": "Line height of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (extra-large).",
+      "name": "--m3e-step-hint-tracking",
+      "description": "Letter spacing of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-inner-corner-hover-size",
-      "description": "Inner corner size on hover (extra-small).",
+      "name": "--m3e-step-hint-color",
+      "description": "Text color of hint messages in valid state.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-inner-corner-hover-size",
-      "description": "Inner corner size on hover (small).",
+      "name": "--m3e-step-disabled-hint-color",
+      "description": "Base color used to mix the disabled hint foreground.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-inner-corner-hover-size",
-      "description": "Inner corner size on hover (medium).",
+      "name": "--m3e-step-panel-padding",
+      "description": "Padding inside the step panel container, defining internal spacing around content.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-inner-corner-hover-size",
-      "description": "Inner corner size on hover (large).",
+      "name": "--m3e-step-panel-spacing",
+      "description": "Vertical gap between stacked elements within the step panel.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-inner-corner-hover-size",
-      "description": "Inner corner size on hover (extra-large).",
+      "name": "--m3e-step-panel-actions-height",
+      "description": "Minimum height of the slotted actions container.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-inner-corner-pressed-size",
-      "description": "Inner corner size on press (extra-small).",
+      "name": "--m3e-step-divider-thickness",
+      "description": "Thickness of the divider line between steps.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-inner-corner-pressed-size",
-      "description": "Inner corner size on press (small).",
+      "name": "--m3e-step-divider-color",
+      "description": "Color of the divider line between steps.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-inner-corner-pressed-size",
-      "description": "Inner corner size on press (medium).",
+      "name": "--m3e-step-divider-inset",
+      "description": "Inset offset for divider alignment within step layout.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-inner-corner-pressed-size",
-      "description": "Inner corner size on press (large).",
+      "name": "--m3e-switch-selected-icon-color",
+      "description": "Color of the icon when the switch is selected.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-inner-corner-pressed-size",
-      "description": "Inner corner size on press (extra-large).",
+      "name": "--m3e-switch-selected-icon-size",
+      "description": "Size of the icon in the selected state.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-between-spacing",
-      "description": "Spacing between leading and trailing buttons (extra-small).",
+      "name": "--m3e-switch-unselected-icon-color",
+      "description": "Color of the icon when the switch is unselected.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-between-spacing",
-      "description": "Spacing between leading and trailing buttons (small).",
+      "name": "--m3e-switch-unselected-icon-size",
+      "description": "Size of the icon in the unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-between-spacing",
-      "description": "Spacing between leading and trailing buttons (medium).",
+      "name": "--m3e-switch-track-height",
+      "description": "Height of the switch track.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-between-spacing",
-      "description": "Spacing between leading and trailing buttons (large).",
+      "name": "--m3e-switch-track-width",
+      "description": "Width of the switch track.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-between-spacing",
-      "description": "Spacing between leading and trailing buttons (extra-large).",
+      "name": "--m3e-switch-track-outline-color",
+      "description": "Color of the track's outline.",
       "values": []
     },
     {
-      "name": "--m3e-step-shape",
-      "description": "Border radius of the step container, defining its visual shape.",
+      "name": "--m3e-switch-track-outline-width",
+      "description": "Thickness of the track's outline.",
       "values": []
     },
     {
-      "name": "--m3e-step-padding",
-      "description": "Internal padding of the step container, used for layout spacing.",
+      "name": "--m3e-switch-track-shape",
+      "description": "Corner shape of the track.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-shape",
-      "description": "Border radius of the icon container, controlling its geometric form.",
+      "name": "--m3e-switch-selected-track-color",
+      "description": "Track color when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-size",
-      "description": "Width and height of the icon container and icon glyph.",
+      "name": "--m3e-switch-unselected-track-color",
+      "description": "Track color when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-selected-icon-container-color",
-      "description": "Background color of the icon when the step is selected.",
+      "name": "--m3e-switch-unselected-handle-height",
+      "description": "Height of the handle when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-selected-icon-color",
-      "description": "Foreground color of the icon when the step is selected.",
+      "name": "--m3e-switch-unselected-handle-width",
+      "description": "Width of the handle when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-completed-icon-container-color",
-      "description": "Background color of the icon when the step is completed.",
+      "name": "--m3e-switch-with-icon-handle-height",
+      "description": "Height of the handle when icons are present.",
       "values": []
     },
     {
-      "name": "--m3e-step-completed-icon-color",
-      "description": "Foreground color of the icon when the step is completed.",
+      "name": "--m3e-switch-with-icon-handle-width",
+      "description": "Width of the handle when icons are present.",
       "values": []
     },
     {
-      "name": "--m3e-step-unselected-icon-container-color",
-      "description": "Background color of the icon when the step is inactive.",
+      "name": "--m3e-switch-selected-handle-height",
+      "description": "Height of the handle when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-unselected-icon-color",
-      "description": "Foreground color of the icon when the step is inactive.",
+      "name": "--m3e-switch-selected-handle-width",
+      "description": "Width of the handle when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-error-color",
-      "description": "Foreground color of the icon when the step is invalid.",
+      "name": "--m3e-switch-pressed-handle-height",
+      "description": "Height of the handle during press.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-icon-container-color",
-      "description": "Base color used to mix the disabled icon background.",
+      "name": "--m3e-switch-pressed-handle-width",
+      "description": "Width of the handle during press.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-icon-color",
-      "description": "Base color used to mix the disabled icon foreground.",
+      "name": "--m3e-switch-handle-shape",
+      "description": "Corner shape of the handle.",
       "values": []
     },
     {
-      "name": "--m3e-step-label-color",
-      "description": "Text color of the step label in its default state.",
+      "name": "--m3e-switch-selected-handle-color",
+      "description": "Handle color when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-label-error-color",
-      "description": "Text color of the step label when the step is invalid.",
+      "name": "--m3e-switch-unselected-handle-color",
+      "description": "Handle color when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-label-color",
-      "description": "Base color used to mix the disabled label foreground.",
+      "name": "--m3e-switch-state-layer-size",
+      "description": "Diameter of the state layer overlay.",
       "values": []
     },
     {
-      "name": "--m3e-step-font-size",
-      "description": "Font size of the step label.",
+      "name": "--m3e-switch-state-layer-shape",
+      "description": "Corner shape of the state layer.",
       "values": []
     },
     {
-      "name": "--m3e-step-font-weight",
-      "description": "Font weight of the step label.",
+      "name": "--m3e-switch-disabled-selected-icon-color",
+      "description": "Icon color when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-line-height",
-      "description": "Line height of the step label.",
+      "name": "--m3e-switch-disabled-selected-icon-opacity",
+      "description": "Icon opacity when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-tracking",
-      "description": "Letter spacing of the step label.",
+      "name": "--m3e-switch-disabled-unselected-icon-color",
+      "description": "Icon color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-label-space",
-      "description": "Gap between icon and label.",
+      "name": "--m3e-switch-disabled-unselected-icon-opacity",
+      "description": "Icon opacity when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-font-size",
-      "description": "Font size of hint and error messages.",
+      "name": "--m3e-switch-disabled-track-opacity",
+      "description": "Track opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-font-weight",
-      "description": "Font weight of hint and error messages.",
+      "name": "--m3e-switch-disabled-selected-track-color",
+      "description": "Track color when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-line-height",
-      "description": "Line height of hint and error messages.",
+      "name": "--m3e-switch-disabled-unselected-track-color",
+      "description": "Track color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-tracking",
-      "description": "Letter spacing of hint and error messages.",
+      "name": "--m3e-switch-disabled-unselected-track-outline-color",
+      "description": "Outline color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-color",
-      "description": "Text color of hint messages in valid state.",
+      "name": "--m3e-switch-disabled-unselected-handle-opacity",
+      "description": "Handle opacity when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-hint-color",
-      "description": "Base color used to mix the disabled hint foreground.",
+      "name": "--m3e-switch-disabled-selected-handle-opacity",
+      "description": "Handle opacity when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-panel-padding",
-      "description": "Padding inside the step panel container, defining internal spacing around content.",
+      "name": "--m3e-switch-disabled-selected-handle-color",
+      "description": "Handle color when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-panel-spacing",
-      "description": "Vertical gap between stacked elements within the step panel.",
+      "name": "--m3e-switch-disabled-unselected-handle-color",
+      "description": "Handle color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-panel-actions-height",
-      "description": "Minimum height of the slotted actions container.",
+      "name": "--m3e-switch-selected-hover-icon-color",
+      "description": "Icon color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-divider-thickness",
-      "description": "Thickness of the divider line between steps.",
+      "name": "--m3e-switch-unselected-hover-icon-color",
+      "description": "Icon color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-divider-color",
-      "description": "Color of the divider line between steps.",
+      "name": "--m3e-switch-selected-hover-track-color",
+      "description": "Track color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-divider-inset",
-      "description": "Inset offset for divider alignment within step layout.",
+      "name": "--m3e-switch-selected-hover-state-layer-color",
+      "description": "State layer color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-font-size",
-      "description": "Font size for tab label.",
+      "name": "--m3e-switch-selected-hover-state-layer-opacity",
+      "description": "State layer opacity when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-font-weight",
-      "description": "Font weight for tab label.",
+      "name": "--m3e-switch-unselected-hover-track-color",
+      "description": "Track color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-line-height",
-      "description": "Line height for tab label.",
+      "name": "--m3e-switch-unselected-hover-track-outline-color",
+      "description": "Outline color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-tracking",
-      "description": "Letter spacing for tab label.",
+      "name": "--m3e-switch-unselected-hover-state-layer-color",
+      "description": "State layer color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-padding-start",
-      "description": "Padding on the inline start of the tab.",
+      "name": "--m3e-switch-unselected-hover-state-layer-opacity",
+      "description": "State layer opacity when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-padding-end",
-      "description": "Padding on the inline end of the tab.",
+      "name": "--m3e-switch-selected-hover-handle-color",
+      "description": "Handle color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-focus-ring-shape",
-      "description": "Border radius for the focus ring.",
+      "name": "--m3e-switch-unselected-hover-handle-color",
+      "description": "Handle color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-color",
-      "description": "Text color for selected tab.",
+      "name": "--m3e-switch-selected-focus-icon-color",
+      "description": "Icon color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-container-hover-color",
-      "description": "Hover state-layer color for selected tab.",
+      "name": "--m3e-switch-unselected-focus-icon-color",
+      "description": "Icon color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-container-focus-color",
-      "description": "Focus state-layer color for selected tab.",
+      "name": "--m3e-switch-selected-focus-track-color",
+      "description": "Track color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-ripple-color",
-      "description": "Ripple color for selected tab.",
+      "name": "--m3e-switch-selected-focus-state-layer-color",
+      "description": "State layer color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-color",
-      "description": "Text color for unselected tab.",
+      "name": "--m3e-switch-selected-focus-state-layer-opacity",
+      "description": "State layer opacity when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-container-hover-color",
-      "description": "Hover state-layer color for unselected tab.",
+      "name": "--m3e-switch-unselected-focus-track-color",
+      "description": "Track color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-container-focus-color",
-      "description": "Focus state-layer color for unselected tab.",
+      "name": "--m3e-switch-unselected-focus-track-outline-color",
+      "description": "Outline color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-ripple-color",
-      "description": "Ripple color for unselected tab.",
+      "name": "--m3e-switch-unselected-focus-state-layer-color",
+      "description": "State layer color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-disabled-color",
-      "description": "Text color for disabled tab.",
+      "name": "--m3e-switch-unselected-focus-state-layer-opacity",
+      "description": "State layer opacity when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-disabled-opacity",
-      "description": "Text opacity for disabled tab.",
+      "name": "--m3e-switch-selected-focus-handle-color",
+      "description": "Handle color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-spacing",
-      "description": "Column gap between icon and label.",
+      "name": "--m3e-switch-unselected-focus-handle-color",
+      "description": "Handle color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-icon-size",
-      "description": "Font size for slotted icon.",
+      "name": "--m3e-switch-selected-pressed-icon-color",
+      "description": "Icon color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-paginator-button-icon-size",
-      "description": "Overrides the icon size for paginator buttons.",
+      "name": "--m3e-switch-unselected-pressed-icon-color",
+      "description": "Icon color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-active-indicator-color",
-      "description": "Color of the active tab indicator.",
+      "name": "--m3e-switch-selected-pressed-track-color",
+      "description": "Track color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-before-active-indicator-shape",
-      "description": "Border radius for active indicator when header is before and variant is primary.",
+      "name": "--m3e-switch-selected-pressed-state-layer-color",
+      "description": "State layer color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-after-active-indicator-shape",
-      "description": "Border radius for active indicator when header is after and variant is primary.",
+      "name": "--m3e-switch-selected-pressed-state-layer-opacity",
+      "description": "State layer opacity when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-active-indicator-inset",
-      "description": "Inset for primary variant's active indicator.",
+      "name": "--m3e-switch-unselected-pressed-track-color",
+      "description": "Track color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-active-indicator-thickness",
-      "description": "Thickness for primary variant's active indicator.",
+      "name": "--m3e-switch-unselected-pressed-track-outline-color",
+      "description": "Outline color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-secondary-active-indicator-thickness",
-      "description": "Thickness for secondary variant's active indicator.",
+      "name": "--m3e-switch-unselected-pressed-state-layer-color",
+      "description": "State layer color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-icon-color",
-      "description": "Color of the icon when the switch is selected.",
+      "name": "--m3e-switch-unselected-pressed-state-layer-opacity",
+      "description": "State layer opacity when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-icon-size",
-      "description": "Size of the icon in the selected state.",
+      "name": "--m3e-switch-selected-pressed-handle-color",
+      "description": "Handle color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-icon-color",
-      "description": "Color of the icon when the switch is unselected.",
+      "name": "--m3e-switch-unselected-pressed-handle-color",
+      "description": "Handle color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-icon-size",
-      "description": "Size of the icon in the unselected state.",
+      "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (extra-small, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-height",
-      "description": "Height of the switch track.",
+      "name": "--m3e-split-button-extra-small-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-small, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-width",
-      "description": "Width of the switch track.",
+      "name": "--m3e-split-button-small-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (small, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-outline-color",
-      "description": "Color of the track’s outline.",
+      "name": "--m3e-split-button-small-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (small, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-outline-width",
-      "description": "Thickness of the track’s outline.",
+      "name": "--m3e-split-button-medium-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (medium, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-shape",
-      "description": "Corner shape of the track.",
+      "name": "--m3e-split-button-medium-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (medium, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-track-color",
-      "description": "Track color when selected.",
+      "name": "--m3e-split-button-large-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (large, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-track-color",
-      "description": "Track color when unselected.",
+      "name": "--m3e-split-button-large-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (large, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-handle-height",
-      "description": "Height of the handle when unselected.",
+      "name": "--m3e-split-button-extra-large-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (extra-large, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-handle-width",
-      "description": "Width of the handle when unselected.",
+      "name": "--m3e-split-button-extra-large-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-large, unselected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-with-icon-handle-height",
-      "description": "Height of the handle when icons are present.",
+      "name": "--m3e-split-button-extra-small-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (extra-small, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-with-icon-handle-width",
-      "description": "Width of the handle when icons are present.",
+      "name": "--m3e-split-button-extra-small-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-small, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-handle-height",
-      "description": "Height of the handle when selected.",
+      "name": "--m3e-split-button-small-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (small, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-handle-width",
-      "description": "Width of the handle when selected.",
+      "name": "--m3e-split-button-small-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (small, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-pressed-handle-height",
-      "description": "Height of the handle during press.",
+      "name": "--m3e-split-button-medium-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (medium, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-pressed-handle-width",
-      "description": "Width of the handle during press.",
+      "name": "--m3e-split-button-medium-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (medium, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-handle-shape",
-      "description": "Corner shape of the handle.",
+      "name": "--m3e-split-button-large-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (large, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-handle-color",
-      "description": "Handle color when selected.",
+      "name": "--m3e-split-button-large-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (large, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-handle-color",
-      "description": "Handle color when unselected.",
+      "name": "--m3e-split-button-extra-large-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (extra-large, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-state-layer-size",
-      "description": "Diameter of the state layer overlay.",
+      "name": "--m3e-split-button-extra-large-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-large, selected).",
       "values": []
     },
     {
-      "name": "--m3e-switch-state-layer-shape",
-      "description": "Corner shape of the state layer.",
+      "name": "--m3e-split-button-extra-small-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (extra-small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-icon-color",
-      "description": "Icon color when selected and disabled.",
+      "name": "--m3e-split-button-small-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-icon-opacity",
-      "description": "Icon opacity when selected and disabled.",
+      "name": "--m3e-split-button-medium-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (medium).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-icon-color",
-      "description": "Icon color when unselected and disabled.",
+      "name": "--m3e-split-button-large-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-icon-opacity",
-      "description": "Icon opacity when unselected and disabled.",
+      "name": "--m3e-split-button-extra-large-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (extra-large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-track-opacity",
-      "description": "Track opacity when disabled.",
+      "name": "--m3e-split-button-extra-small-inner-corner-hover-size",
+      "description": "Inner corner size on hover (extra-small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-track-color",
-      "description": "Track color when selected and disabled.",
+      "name": "--m3e-split-button-small-inner-corner-hover-size",
+      "description": "Inner corner size on hover (small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-track-color",
-      "description": "Track color when unselected and disabled.",
+      "name": "--m3e-split-button-medium-inner-corner-hover-size",
+      "description": "Inner corner size on hover (medium).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-track-outline-color",
-      "description": "Outline color when unselected and disabled.",
+      "name": "--m3e-split-button-large-inner-corner-hover-size",
+      "description": "Inner corner size on hover (large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-handle-opacity",
-      "description": "Handle opacity when unselected and disabled.",
+      "name": "--m3e-split-button-extra-large-inner-corner-hover-size",
+      "description": "Inner corner size on hover (extra-large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-handle-opacity",
-      "description": "Handle opacity when selected and disabled.",
+      "name": "--m3e-split-button-extra-small-inner-corner-pressed-size",
+      "description": "Inner corner size on press (extra-small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-handle-color",
-      "description": "Handle color when selected and disabled.",
+      "name": "--m3e-split-button-small-inner-corner-pressed-size",
+      "description": "Inner corner size on press (small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-handle-color",
-      "description": "Handle color when unselected and disabled.",
+      "name": "--m3e-split-button-medium-inner-corner-pressed-size",
+      "description": "Inner corner size on press (medium).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-icon-color",
-      "description": "Icon color when selected and hovered.",
+      "name": "--m3e-split-button-large-inner-corner-pressed-size",
+      "description": "Inner corner size on press (large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-icon-color",
-      "description": "Icon color when unselected and hovered.",
+      "name": "--m3e-split-button-extra-large-inner-corner-pressed-size",
+      "description": "Inner corner size on press (extra-large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-track-color",
-      "description": "Track color when selected and hovered.",
+      "name": "--m3e-split-button-extra-small-between-spacing",
+      "description": "Spacing between leading and trailing buttons (extra-small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-state-layer-color",
-      "description": "State layer color when selected and hovered.",
+      "name": "--m3e-split-button-small-between-spacing",
+      "description": "Spacing between leading and trailing buttons (small).",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-state-layer-opacity",
-      "description": "State layer opacity when selected and hovered.",
+      "name": "--m3e-split-button-medium-between-spacing",
+      "description": "Spacing between leading and trailing buttons (medium).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-track-color",
-      "description": "Track color when unselected and hovered.",
+      "name": "--m3e-split-button-large-between-spacing",
+      "description": "Spacing between leading and trailing buttons (large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-track-outline-color",
-      "description": "Outline color when unselected and hovered.",
+      "name": "--m3e-split-button-extra-large-between-spacing",
+      "description": "Spacing between leading and trailing buttons (extra-large).",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-state-layer-color",
-      "description": "State layer color when unselected and hovered.",
+      "name": "--m3e-tab-font-size",
+      "description": "Font size for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-state-layer-opacity",
-      "description": "State layer opacity when unselected and hovered.",
+      "name": "--m3e-tab-font-weight",
+      "description": "Font weight for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-handle-color",
-      "description": "Handle color when selected and hovered.",
+      "name": "--m3e-tab-line-height",
+      "description": "Line height for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-handle-color",
-      "description": "Handle color when unselected and hovered.",
+      "name": "--m3e-tab-tracking",
+      "description": "Letter spacing for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-icon-color",
-      "description": "Icon color when selected and focused.",
+      "name": "--m3e-tab-padding-start",
+      "description": "Padding on the inline start of the tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-icon-color",
-      "description": "Icon color when unselected and focused.",
+      "name": "--m3e-tab-padding-end",
+      "description": "Padding on the inline end of the tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-track-color",
-      "description": "Track color when selected and focused.",
+      "name": "--m3e-tab-focus-ring-shape",
+      "description": "Border radius for the focus ring.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-state-layer-color",
-      "description": "State layer color when selected and focused.",
+      "name": "--m3e-tab-selected-color",
+      "description": "Text color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-state-layer-opacity",
-      "description": "State layer opacity when selected and focused.",
+      "name": "--m3e-tab-selected-container-hover-color",
+      "description": "Hover state-layer color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-track-color",
-      "description": "Track color when unselected and focused.",
+      "name": "--m3e-tab-selected-container-focus-color",
+      "description": "Focus state-layer color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-track-outline-color",
-      "description": "Outline color when unselected and focused.",
+      "name": "--m3e-tab-selected-ripple-color",
+      "description": "Ripple color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-state-layer-color",
-      "description": "State layer color when unselected and focused.",
+      "name": "--m3e-tab-unselected-color",
+      "description": "Text color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-state-layer-opacity",
-      "description": "State layer opacity when unselected and focused.",
+      "name": "--m3e-tab-unselected-container-hover-color",
+      "description": "Hover state-layer color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-handle-color",
-      "description": "Handle color when selected and focused.",
+      "name": "--m3e-tab-unselected-container-focus-color",
+      "description": "Focus state-layer color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-handle-color",
-      "description": "Handle color when unselected and focused.",
+      "name": "--m3e-tab-unselected-ripple-color",
+      "description": "Ripple color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-icon-color",
-      "description": "Icon color when selected and pressed.",
+      "name": "--m3e-tab-disabled-color",
+      "description": "Text color for disabled tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-icon-color",
-      "description": "Icon color when unselected and pressed.",
+      "name": "--m3e-tab-disabled-opacity",
+      "description": "Text opacity for disabled tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-track-color",
-      "description": "Track color when selected and pressed.",
+      "name": "--m3e-tab-spacing",
+      "description": "Column gap between icon and label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-state-layer-color",
-      "description": "State layer color when selected and pressed.",
+      "name": "--m3e-tab-icon-size",
+      "description": "Font size for slotted icon.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-state-layer-opacity",
-      "description": "State layer opacity when selected and pressed.",
+      "name": "--m3e-tabs-paginator-button-icon-size",
+      "description": "Overrides the icon size for paginator buttons.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-track-color",
-      "description": "Track color when unselected and pressed.",
+      "name": "--m3e-tabs-active-indicator-color",
+      "description": "Color of the active tab indicator.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-track-outline-color",
-      "description": "Outline color when unselected and pressed.",
+      "name": "--m3e-tabs-primary-before-active-indicator-shape",
+      "description": "Border radius for active indicator when header is before and variant is primary.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-state-layer-color",
-      "description": "State layer color when unselected and pressed.",
+      "name": "--m3e-tabs-primary-after-active-indicator-shape",
+      "description": "Border radius for active indicator when header is after and variant is primary.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-state-layer-opacity",
-      "description": "State layer opacity when unselected and pressed.",
+      "name": "--m3e-tabs-primary-active-indicator-inset",
+      "description": "Inset for primary variant's active indicator.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-handle-color",
-      "description": "Handle color when selected and pressed.",
+      "name": "--m3e-tabs-primary-active-indicator-thickness",
+      "description": "Thickness for primary variant's active indicator.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-handle-color",
-      "description": "Handle color when unselected and pressed.",
+      "name": "--m3e-tabs-secondary-active-indicator-thickness",
+      "description": "Thickness for secondary variant's active indicator.",
       "values": []
     },
     {