@m3e/web 2.2.1 → 2.3.0

package/dist/css-custom-data.json

@@ -257,6 +257,46 @@
       "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.",
@@ -328,43 +368,163 @@
       "values": []
     },
     {
-      "name": "--m3e-avatar-size",
-      "description": "Size of the avatar.",
+      "name": "--m3e-bottom-sheet-width",
+      "description": "The width of the sheet.",
       "values": []
     },
     {
-      "name": "--m3e-avatar-shape",
-      "description": "Border radius of the avatar.",
+      "name": "--m3e-bottom-sheet-max-width",
+      "description": "The maximum width of the sheet.",
       "values": []
     },
     {
-      "name": "--m3e-avatar-font-size",
-      "description": "Font size for the avatar.",
+      "name": "--m3e-bottom-sheet-container-color",
+      "description": "The background color of the sheet container.",
       "values": []
     },
     {
-      "name": "--m3e-avatar-font-weight",
-      "description": "Font weight for the avatar.",
+      "name": "--m3e-bottom-sheet-elevation",
+      "description": "The elevation level when not modal.",
       "values": []
     },
     {
-      "name": "--m3e-avatar-line-height",
-      "description": "Line height for the avatar.",
+      "name": "--m3e-bottom-sheet-modal-elevation",
+      "description": "The elevation level when modal.",
       "values": []
     },
     {
-      "name": "--m3e-avatar-tracking",
-      "description": "Letter spacing for the avatar.",
+      "name": "--m3e-bottom-sheet-full-elevation",
+      "description": "The elevation level when full height.",
       "values": []
     },
     {
-      "name": "--m3e-avatar-color",
-      "description": "Background color of the avatar.",
+      "name": "--m3e-bottom-sheet-z-index",
+      "description": "The z-index of the non-modal sheet.",
       "values": []
     },
     {
-      "name": "--m3e-avatar-label-color",
-      "description": "Text color of the avatar.",
+      "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.",
+      "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": []
     },
     {
@@ -2293,243 +2453,263 @@
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-width",
-      "description": "The width of the sheet.",
+      "name": "--m3e-standard-button-group-extra-small-spacing",
+      "description": "Spacing between buttons in standard variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-max-width",
-      "description": "The maximum width of the sheet.",
+      "name": "--m3e-standard-button-group-small-spacing",
+      "description": "Spacing between buttons in standard variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-container-color",
-      "description": "The background color of the sheet container.",
+      "name": "--m3e-standard-button-group-medium-spacing",
+      "description": "Spacing between buttons in standard variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-elevation",
-      "description": "The elevation level when not modal.",
+      "name": "--m3e-standard-button-group-large-spacing",
+      "description": "Spacing between buttons in standard variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-modal-elevation",
-      "description": "The elevation level when modal.",
+      "name": "--m3e-standard-button-group-extra-large-spacing",
+      "description": "Spacing between buttons in standard variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-full-elevation",
-      "description": "The elevation level when full height.",
+      "name": "--m3e-connected-button-group-spacing",
+      "description": "Spacing between buttons in connected variant.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-z-index",
-      "description": "The z-index of the non-modal sheet.",
+      "name": "--m3e-connected-button-group-extra-small-inner-shape",
+      "description": "Corner shape for connected variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-minimized-container-shape",
-      "description": "The border radius when minimized.",
+      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-container-shape",
-      "description": "The border radius of the sheet container.",
+      "name": "--m3e-connected-button-group-small-inner-shape",
+      "description": "Corner shape for connected variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-full-container-shape",
-      "description": "The border radius when full height.",
+      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-scrim-color",
-      "description": "The color of the scrim overlay.",
+      "name": "--m3e-connected-button-group-medium-inner-shape",
+      "description": "Corner shape for connected variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-scrim-opacity",
-      "description": "The opacity of the scrim overlay.",
+      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-peek-height",
-      "description": "The visible height when minimized.",
+      "name": "--m3e-connected-button-group-large-inner-shape",
+      "description": "Corner shape for connected variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-compact-top-space",
-      "description": "The top space in compact mode.",
+      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-top-space",
-      "description": "The top space in standard mode.",
+      "name": "--m3e-connected-button-group-extra-large-inner-shape",
+      "description": "Corner shape for connected variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-padding-block",
-      "description": "The vertical padding.",
+      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
+      "description": "Pressed corner shape for connected variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-padding-inline",
-      "description": "The horizontal padding.",
+      "name": "--m3e-calendar-container-color",
+      "description": "Background color of the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-container-height",
-      "description": "The height of the drag handle container.",
+      "name": "--m3e-calendar-container-elevation",
+      "description": "Elevation shadow applied to the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-width",
-      "description": "The width of the drag handle.",
+      "name": "--m3e-calendar-container-shape",
+      "description": "Corner radius of the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-height",
-      "description": "The height of the drag handle.",
+      "name": "--m3e-calendar-padding",
+      "description": "Padding applied to the calendar header and body.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-shape",
-      "description": "The border radius of the handle.",
+      "name": "--m3e-calendar-period-button-text-color",
+      "description": "Text color used for the period‑navigation buttons in the header.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-color",
-      "description": "The color of the drag handle.",
+      "name": "--m3e-calendar-weekday-font-size",
+      "description": "Font size of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
-      "description": "The offset of the focus ring around the handle.",
+      "name": "--m3e-calendar-weekday-font-weight",
+      "description": "Font weight of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-color",
-      "description": "The foreground (text) color of the sheet.",
+      "name": "--m3e-calendar-weekday-line-height",
+      "description": "Line height of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-font-size",
-      "description": "Font size for the sheet content.",
+      "name": "--m3e-calendar-weekday-tracking",
+      "description": "Letter spacing of weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-font-weight",
-      "description": "Font weight for the sheet content.",
+      "name": "--m3e-calendar-weekday-color",
+      "description": "Text color for weekday labels in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-line-height",
-      "description": "Line height for the sheet content.",
+      "name": "--m3e-calendar-date-font-size",
+      "description": "Font size of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-content-tracking",
-      "description": "Letter spacing (tracking) for the sheet content.",
+      "name": "--m3e-calendar-date-font-weight",
+      "description": "Font weight of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-font-size",
-      "description": "Font size for the sheet header.",
+      "name": "--m3e-calendar-date-line-height",
+      "description": "Line height of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-font-weight",
-      "description": "Font weight for the sheet header.",
+      "name": "--m3e-calendar-date-tracking",
+      "description": "Letter spacing of date cells in month view.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-line-height",
-      "description": "Line height for the sheet header.",
+      "name": "--m3e-calendar-item-font-size",
+      "description": "Font size of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-header-tracking",
-      "description": "Letter spacing (tracking) for the sheet header.",
+      "name": "--m3e-calendar-item-font-weight",
+      "description": "Font weight of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-small-spacing",
-      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "name": "--m3e-calendar-item-line-height",
+      "description": "Line height of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-small-spacing",
-      "description": "Spacing between buttons in standard variant, small size.",
+      "name": "--m3e-calendar-item-tracking",
+      "description": "Letter spacing of items in year and multi‑year views.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-medium-spacing",
-      "description": "Spacing between buttons in standard variant, medium size.",
+      "name": "--m3e-calendar-item-color",
+      "description": "Text color for date items.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-large-spacing",
-      "description": "Spacing between buttons in standard variant, large size.",
+      "name": "--m3e-calendar-item-selected-color",
+      "description": "Text color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-large-spacing",
-      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "name": "--m3e-calendar-item-selected-container-color",
+      "description": "Background color for selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-spacing",
-      "description": "Spacing between buttons in connected variant.",
+      "name": "--m3e-calendar-item-selected-ripple-color",
+      "description": "Ripple color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-shape",
-      "description": "Corner shape for connected variant, extra-small size.",
+      "name": "--m3e-calendar-item-selected-hover-color",
+      "description": "Hover color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "name": "--m3e-calendar-item-selected-focus-color",
+      "description": "Focus color used when interacting with selected date items.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-shape",
-      "description": "Corner shape for connected variant, small size.",
+      "name": "--m3e-calendar-item-current-outline-thickness",
+      "description": "Outline thickness used to indicate the current date.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, small size.",
+      "name": "--m3e-calendar-item-current-outline-color",
+      "description": "Outline color used to indicate the current date.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-shape",
-      "description": "Corner shape for connected variant, medium size.",
+      "name": "--m3e-calendar-item-special-color",
+      "description": "Text color for dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, medium size.",
+      "name": "--m3e-calendar-item-special-container-color",
+      "description": "Background color for dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-shape",
-      "description": "Corner shape for connected variant, large size.",
+      "name": "--m3e-calendar-item-special-ripple-color",
+      "description": "Ripple color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, large size.",
+      "name": "--m3e-calendar-item-special-hover-color",
+      "description": "Hover color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-shape",
-      "description": "Corner shape for connected variant, extra-large size.",
+      "name": "--m3e-calendar-item-special-focus-color",
+      "description": "Focus color used when interacting with dates marked as special.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "name": "--m3e-calendar-range-container-color",
+      "description": "Background color applied to the selected date range.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-range-color",
+      "description": "Text color for dates within a selected range.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-disabled-color",
+      "description": "Color used for disabled date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-disabled-color-opacity",
+      "description": "Opacity applied to the disabled item color.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-slide-animation-duration",
+      "description": "Duration of slide transitions between calendar views.",
       "values": []
     },
     {
@@ -2898,313 +3078,143 @@
       "values": []
     },
     {
-      "name": "--m3e-calendar-container-color",
-      "description": "Background color of the container surface.",
+      "name": "--m3e-checkbox-icon-size",
+      "description": "Size of the checkbox icon inside the container.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-container-elevation",
-      "description": "Elevation shadow applied to the container surface.",
+      "name": "--m3e-checkbox-container-size",
+      "description": "Base size of the checkbox container.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-container-shape",
-      "description": "Corner radius of the container surface.",
+      "name": "--m3e-checkbox-container-shape",
+      "description": "Border radius of the icon container.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-padding",
-      "description": "Padding applied to the calendar header and body.",
+      "name": "--m3e-checkbox-unselected-outline-thickness",
+      "description": "Border thickness for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-period-button-text-color",
-      "description": "Text color used for the period‑navigation buttons in the header.",
+      "name": "--m3e-checkbox-unselected-outline-color",
+      "description": "Border color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-weekday-font-size",
-      "description": "Font size of weekday labels in month view.",
+      "name": "--m3e-checkbox-unselected-hover-outline-color",
+      "description": "Border color on hover when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-weekday-font-weight",
-      "description": "Font weight of weekday labels in month view.",
+      "name": "--m3e-checkbox-unselected-disabled-outline-color",
+      "description": "Base color for disabled unselected outline.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-weekday-line-height",
-      "description": "Line height of weekday labels in month view.",
+      "name": "--m3e-checkbox-unselected-disabled-outline-opacity",
+      "description": "Opacity for disabled unselected outline.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-weekday-tracking",
-      "description": "Letter spacing of weekday labels in month view.",
+      "name": "--m3e-checkbox-unselected-error-outline-color",
+      "description": "Border color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-date-font-size",
-      "description": "Font size of date cells in month view.",
+      "name": "--m3e-checkbox-selected-container-color",
+      "description": "Background color for selected container.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-date-font-weight",
-      "description": "Font weight of date cells in month view.",
+      "name": "--m3e-checkbox-selected-icon-color",
+      "description": "Icon color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-date-line-height",
-      "description": "Line height of date cells in month view.",
+      "name": "--m3e-checkbox-selected-disabled-container-color",
+      "description": "Base color for disabled selected container.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-date-tracking",
-      "description": "Letter spacing of date cells in month view.",
+      "name": "--m3e-checkbox-selected-disabled-container-opacity",
+      "description": "Opacity for disabled selected container.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-font-size",
-      "description": "Font size of items in year and multi‑year views.",
+      "name": "--m3e-checkbox-selected-disabled-icon-color",
+      "description": "Base color for disabled selected icon.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-font-weight",
-      "description": "Font weight of items in year and multi‑year views.",
+      "name": "--m3e-checkbox-selected-disabled-icon-opacity",
+      "description": "Opacity for disabled selected icon.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-line-height",
-      "description": "Line height of items in year and multi‑year views.",
+      "name": "--m3e-checkbox-unselected-hover-color",
+      "description": "Ripple hover color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-tracking",
-      "description": "Letter spacing of items in year and multi‑year views.",
+      "name": "--m3e-checkbox-unselected-focus-color",
+      "description": "Ripple focus color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-selected-color",
-      "description": "Text color for selected date items.",
+      "name": "--m3e-checkbox-unselected-ripple-color",
+      "description": "Ripple base color for unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-selected-container-color",
-      "description": "Background color for selected date items.",
+      "name": "--m3e-checkbox-selected-hover-color",
+      "description": "Ripple hover color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-selected-ripple-color",
-      "description": "Ripple color used when interacting with selected date items.",
+      "name": "--m3e-checkbox-selected-focus-color",
+      "description": "Ripple focus color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-selected-hover-color",
-      "description": "Hover color used when interacting with selected date items.",
+      "name": "--m3e-checkbox-selected-ripple-color",
+      "description": "Ripple base color for selected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-selected-focus-color",
-      "description": "Focus color used when interacting with selected date items.",
+      "name": "--m3e-checkbox-unselected-error-hover-color",
+      "description": "Ripple hover color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-current-outline-thickness",
-      "description": "Outline thickness used to indicate the current date.",
+      "name": "--m3e-checkbox-unselected-error-focus-color",
+      "description": "Ripple focus color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-current-outline-color",
-      "description": "Outline color used to indicate the current date.",
+      "name": "--m3e-checkbox-unselected-error-ripple-color",
+      "description": "Ripple base color for invalid unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-special-color",
-      "description": "Text color for dates marked as special.",
+      "name": "--m3e-checkbox-selected-error-hover-color",
+      "description": "Ripple hover color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-special-container-color",
-      "description": "Background color for dates marked as special.",
+      "name": "--m3e-checkbox-selected-error-focus-color",
+      "description": "Ripple focus color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-special-ripple-color",
-      "description": "Ripple color used when interacting with dates marked as special.",
+      "name": "--m3e-checkbox-selected-error-ripple-color",
+      "description": "Ripple base color for invalid selected state.",
       "values": []
     },
     {
-      "name": "--m3e-calendar-item-special-hover-color",
-      "description": "Hover color used when interacting with dates marked as special.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-special-focus-color",
-      "description": "Focus color used when interacting with dates marked as special.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-range-container-color",
-      "description": "Background color applied to the selected date range.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-range-color",
-      "description": "Text color for dates within a selected range.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-disabled-color",
-      "description": "Color used for disabled date items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-item-disabled-color-opacity",
-      "description": "Opacity applied to the disabled item color.",
-      "values": []
-    },
-    {
-      "name": "--m3e-calendar-slide-animation-duration",
-      "description": "Duration of slide transitions between calendar views.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-icon-size",
-      "description": "Size of the checkbox icon inside the container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-container-size",
-      "description": "Base size of the checkbox container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-container-shape",
-      "description": "Border radius of the icon container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-outline-thickness",
-      "description": "Border thickness for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-outline-color",
-      "description": "Border color for unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-checkbox-unselected-hover-outline-color",
-      "description": "Border color on hover when unselected.",
-      "values": []
-    },
-    {
-      "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.",
+      "name": "--m3e-chip-container-shape",
+      "description": "Border radius of the chip container.",
       "values": []
     },
     {
@@ -4017,6 +4027,11 @@
       "description": "Elevation shadow applied to the container surface.",
       "values": []
     },
+    {
+      "name": "--m3e-datepicker-modal-headline-color",
+      "description": "Color used for the modal headline text.",
+      "values": []
+    },
     {
       "name": "--m3e-datepicker-modal-headline-font-size",
       "description": "Font size used for the modal headline text.",
@@ -4037,6 +4052,11 @@
       "description": "Letter spacing used for the modal headline text.",
       "values": []
     },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-color",
+      "description": "Color used for supporting text in modal mode.",
+      "values": []
+    },
     {
       "name": "--m3e-datepicker-modal-supporting-text-font-size",
       "description": "Font size used for supporting text in modal mode.",
@@ -4192,31 +4212,6 @@
       "description": "Letter spacing for the dialog content.",
       "values": []
     },
-    {
-      "name": "--m3e-divider-thickness",
-      "description": "Thickness of the divider line.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-color",
-      "description": "Color of the divider line.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-size",
-      "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-start-size",
-      "description": "When inset, leading inset size.",
-      "values": []
-    },
-    {
-      "name": "--m3e-divider-inset-end-size",
-      "description": "When inset, trailing inset size.",
-      "values": []
-    },
     {
       "name": "--m3e-drawer-container-color",
       "description": "The background color of the drawer container.",
@@ -4267,6 +4262,31 @@
       "description": "The thickness of the divider line.",
       "values": []
     },
+    {
+      "name": "--m3e-divider-thickness",
+      "description": "Thickness of the divider line.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-color",
+      "description": "Color of the divider line.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-inset-size",
+      "description": "When inset, fallback inset size used when no specific start or end inset is provided.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-inset-start-size",
+      "description": "When inset, leading inset size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-inset-end-size",
+      "description": "When inset, trailing inset size.",
+      "values": []
+    },
     {
       "name": "--m3e-expansion-header-collapsed-height",
       "description": "Height of the header when the panel is collapsed.",
@@ -11537,6 +11557,51 @@
       "description": "Transition used to morph between shapes.",
       "values": []
     },
+    {
+      "name": "--m3e-skeleton-color",
+      "description": "Base fill color for the skeleton surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-tint-color",
+      "description": "Tint fill color for the skeleton surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-tint-opacity",
+      "description": "Tint Opacity applied when the skeleton animation is not pulsating.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-accent-color",
+      "description": "Accent color used in wave animation.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-accent-opacity",
+      "description": "Opacity of the accent effect in animations.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-rounded-shape",
+      "description": "Corner radius for the rounded skeleton shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-circular-shape",
+      "description": "Corner radius for the circular skeleton shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-square-shape",
+      "description": "Corner radius for the square skeleton shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-skeleton-shape",
+      "description": "Corner radius for the skeleton shape.",
+      "values": []
+    },
     {
       "name": "--m3e-slide-group-button-icon-size",
       "description": "Sets icon size for scroll buttons; overrides default small icon size.",
@@ -11723,103 +11788,368 @@
       "values": []
     },
     {
-      "name": "--m3e-slider-disabled-tick-inactive-color",
-      "description": "Color of inactive ticks when disabled.",
+      "name": "--m3e-slider-disabled-tick-inactive-color",
+      "description": "Color of inactive ticks when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-thumb-width",
+      "description": "Width of the slider thumb.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-thumb-padding",
+      "description": "Horizontal padding around the thumb.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-thumb-color",
+      "description": "Active color of the slider thumb when enabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-thumb-pressed-width",
+      "description": "Width of the thumb when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-thumb-disabled-color",
+      "description": "Color of the thumb when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-thumb-disabled-opacity",
+      "description": "Opacity of the thumb when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-label-width",
+      "description": "Width of the floating label above the thumb.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-label-container-color",
+      "description": "Background color of the label container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-label-color",
+      "description": "Text color of the label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-label-font-size",
+      "description": "Font size of the label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-label-font-weight",
+      "description": "Font weight of the label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-label-line-height",
+      "description": "Line height of the label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slider-label-tracking",
+      "description": "Letter spacing of the label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-margin",
+      "description": "Vertical offset from the bottom of the viewport.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-container-shape",
+      "description": "Border radius of the snackbar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-container-color",
+      "description": "Background color of the snackbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-padding",
+      "description": "Internal spacing of the snackbar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-min-width",
+      "description": "Minimum width of the snackbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-snackbar-max-width",
+      "description": "Maximum width of the snackbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (extra-small, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-small-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-small, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-small-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (small, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-small-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (small, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-medium-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (medium, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-medium-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (medium, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-large-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (large, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-large-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (large, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-large-trailing-button-unselected-leading-space",
+      "description": "Leading space for the trailing button (extra-large, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-large-trailing-button-unselected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-large, unselected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-small-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (extra-small, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-small-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-small, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-small-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (small, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-small-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (small, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-medium-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (medium, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-medium-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (medium, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-large-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (large, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-large-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (large, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-large-trailing-button-selected-leading-space",
+      "description": "Leading space for the trailing button (extra-large, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-large-trailing-button-selected-trailing-space",
+      "description": "Trailing space for the trailing button (extra-large, selected).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-small-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (extra-small).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-small-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (small).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-medium-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (medium).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-large-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (large).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-large-inner-corner-size",
+      "description": "Inner corner size for the leading/trailing button (extra-large).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-small-inner-corner-hover-size",
+      "description": "Inner corner size on hover (extra-small).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-small-inner-corner-hover-size",
+      "description": "Inner corner size on hover (small).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-medium-inner-corner-hover-size",
+      "description": "Inner corner size on hover (medium).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-large-inner-corner-hover-size",
+      "description": "Inner corner size on hover (large).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-large-inner-corner-hover-size",
+      "description": "Inner corner size on hover (extra-large).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-extra-small-inner-corner-pressed-size",
+      "description": "Inner corner size on press (extra-small).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-small-inner-corner-pressed-size",
+      "description": "Inner corner size on press (small).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-medium-inner-corner-pressed-size",
+      "description": "Inner corner size on press (medium).",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-button-large-inner-corner-pressed-size",
+      "description": "Inner corner size on press (large).",
       "values": []
     },
     {
-      "name": "--m3e-slider-thumb-width",
-      "description": "Width of the slider thumb.",
+      "name": "--m3e-split-button-extra-large-inner-corner-pressed-size",
+      "description": "Inner corner size on press (extra-large).",
       "values": []
     },
     {
-      "name": "--m3e-slider-thumb-padding",
-      "description": "Horizontal padding around the thumb.",
+      "name": "--m3e-split-button-extra-small-between-spacing",
+      "description": "Spacing between leading and trailing buttons (extra-small).",
       "values": []
     },
     {
-      "name": "--m3e-slider-thumb-color",
-      "description": "Active color of the slider thumb when enabled.",
+      "name": "--m3e-split-button-small-between-spacing",
+      "description": "Spacing between leading and trailing buttons (small).",
       "values": []
     },
     {
-      "name": "--m3e-slider-thumb-pressed-width",
-      "description": "Width of the thumb when pressed.",
+      "name": "--m3e-split-button-medium-between-spacing",
+      "description": "Spacing between leading and trailing buttons (medium).",
       "values": []
     },
     {
-      "name": "--m3e-slider-thumb-disabled-color",
-      "description": "Color of the thumb when disabled.",
+      "name": "--m3e-split-button-large-between-spacing",
+      "description": "Spacing between leading and trailing buttons (large).",
       "values": []
     },
     {
-      "name": "--m3e-slider-thumb-disabled-opacity",
-      "description": "Opacity of the thumb when disabled.",
+      "name": "--m3e-split-button-extra-large-between-spacing",
+      "description": "Spacing between leading and trailing buttons (extra-large).",
       "values": []
     },
     {
-      "name": "--m3e-slider-label-width",
-      "description": "Width of the floating label above the thumb.",
+      "name": "--m3e-split-pane-drag-handle-hover-color",
+      "description": "Color used for the drag handle hover state.",
       "values": []
     },
     {
-      "name": "--m3e-slider-label-container-color",
-      "description": "Background color of the label container.",
+      "name": "--m3e-split-pane-drag-handle-hover-opacity",
+      "description": "Opacity used for the drag handle hover state.",
       "values": []
     },
     {
-      "name": "--m3e-slider-label-color",
-      "description": "Text color of the label.",
+      "name": "--m3e-split-pane-drag-handle-focus-color",
+      "description": "Color used for the drag handle focus state.",
       "values": []
     },
     {
-      "name": "--m3e-slider-label-font-size",
-      "description": "Font size of the label text.",
+      "name": "--m3e-split-pane-drag-handle-focus-opacity",
+      "description": "Opacity used for the drag handle focus state.",
       "values": []
     },
     {
-      "name": "--m3e-slider-label-font-weight",
-      "description": "Font weight of the label text.",
+      "name": "--m3e-split-pane-drag-handle-color",
+      "description": "Background color of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-slider-label-line-height",
-      "description": "Line height of the label text.",
+      "name": "--m3e-split-pane-drag-handle-shape",
+      "description": "Corner shape of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-slider-label-tracking",
-      "description": "Letter spacing of the label text.",
+      "name": "--m3e-split-pane-drag-handle-pressed-color",
+      "description": "Background color of the drag handle when pressed.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-margin",
-      "description": "Vertical offset from the bottom of the viewport.",
+      "name": "--m3e-split-pane-drag-handle-pressed-shape",
+      "description": "Corner shape of the drag handle when pressed.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-container-shape",
-      "description": "Border radius of the snackbar container.",
+      "name": "--m3e-split-pane-drag-handle-container-width",
+      "description": "Width of the drag handle container.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-container-color",
-      "description": "Background color of the snackbar.",
+      "name": "--m3e-split-pane-drag-handle-width",
+      "description": "Thickness of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-padding",
-      "description": "Internal spacing of the snackbar container.",
+      "name": "--m3e-split-pane-drag-handle-height",
+      "description": "Length of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-min-width",
-      "description": "Minimum width of the snackbar.",
+      "name": "--m3e-split-pane-drag-handle-pressed-width",
+      "description": "Thickness of the drag handle when pressed.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-max-width",
-      "description": "Maximum width of the snackbar.",
+      "name": "--m3e-split-pane-drag-handle-pressed-height",
+      "description": "Length of the drag handle when pressed.",
       "values": []
     },
     {
@@ -12332,206 +12662,6 @@
       "description": "Handle color when unselected and pressed.",
       "values": []
     },
-    {
-      "name": "--m3e-split-button-extra-small-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (extra-small, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-small-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-small, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (small, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (small, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (medium, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (medium, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (large, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (large, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-trailing-button-unselected-leading-space",
-      "description": "Leading space for the trailing button (extra-large, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-trailing-button-unselected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-large, unselected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-small-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (extra-small, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-small-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-small, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (small, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (small, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (medium, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (medium, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (large, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (large, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-trailing-button-selected-leading-space",
-      "description": "Leading space for the trailing button (extra-large, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-trailing-button-selected-trailing-space",
-      "description": "Trailing space for the trailing button (extra-large, selected).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-small-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (extra-small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (medium).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (large).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-inner-corner-size",
-      "description": "Inner corner size for the leading/trailing button (extra-large).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-small-inner-corner-hover-size",
-      "description": "Inner corner size on hover (extra-small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-inner-corner-hover-size",
-      "description": "Inner corner size on hover (small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-inner-corner-hover-size",
-      "description": "Inner corner size on hover (medium).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-inner-corner-hover-size",
-      "description": "Inner corner size on hover (large).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-inner-corner-hover-size",
-      "description": "Inner corner size on hover (extra-large).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-small-inner-corner-pressed-size",
-      "description": "Inner corner size on press (extra-small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-inner-corner-pressed-size",
-      "description": "Inner corner size on press (small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-inner-corner-pressed-size",
-      "description": "Inner corner size on press (medium).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-inner-corner-pressed-size",
-      "description": "Inner corner size on press (large).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-inner-corner-pressed-size",
-      "description": "Inner corner size on press (extra-large).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-small-between-spacing",
-      "description": "Spacing between leading and trailing buttons (extra-small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-small-between-spacing",
-      "description": "Spacing between leading and trailing buttons (small).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-medium-between-spacing",
-      "description": "Spacing between leading and trailing buttons (medium).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-large-between-spacing",
-      "description": "Spacing between leading and trailing buttons (large).",
-      "values": []
-    },
-    {
-      "name": "--m3e-split-button-extra-large-between-spacing",
-      "description": "Spacing between leading and trailing buttons (extra-large).",
-      "values": []
-    },
     {
       "name": "--m3e-tab-font-size",
       "description": "Font size for tab label.",