@m3e/web 2.5.8 → 2.5.10

package/dist/css-custom-data.json

@@ -258,273 +258,273 @@
       "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-badge-shape",
-      "description": "Corner radius of the badge.",
+      "name": "--m3e-bottom-sheet-container-shape",
+      "description": "The border radius of the sheet container.",
       "values": []
     },
     {
-      "name": "--m3e-badge-color",
-      "description": "Foreground color of badge content.",
+      "name": "--m3e-bottom-sheet-full-container-shape",
+      "description": "The border radius when full height.",
       "values": []
     },
     {
-      "name": "--m3e-badge-container-color",
-      "description": "Background color of the badge.",
+      "name": "--m3e-bottom-sheet-scrim-color",
+      "description": "The color of the scrim overlay.",
       "values": []
     },
     {
-      "name": "--m3e-badge-small-size",
-      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
+      "name": "--m3e-bottom-sheet-scrim-opacity",
+      "description": "The opacity of the scrim overlay.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-size",
-      "description": "Height and min-width for medium badge.",
+      "name": "--m3e-bottom-sheet-peek-height",
+      "description": "The visible height when minimized.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-font-size",
-      "description": "Font size for medium badge label.",
+      "name": "--m3e-bottom-sheet-compact-top-space",
+      "description": "The top space in compact mode.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-font-weight",
-      "description": "Font weight for medium badge label.",
+      "name": "--m3e-bottom-sheet-top-space",
+      "description": "The top space in standard mode.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-line-height",
-      "description": "Line height for medium badge label.",
+      "name": "--m3e-bottom-sheet-padding-block",
+      "description": "The vertical padding.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-tracking",
-      "description": "Letter spacing for medium badge label.",
+      "name": "--m3e-bottom-sheet-padding-inline",
+      "description": "The horizontal padding.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-size",
-      "description": "Height and min-width for large badge.",
+      "name": "--m3e-bottom-sheet-handle-container-height",
+      "description": "The height of the drag handle container.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-font-size",
-      "description": "Font size for large badge label.",
+      "name": "--m3e-bottom-sheet-handle-width",
+      "description": "The width of the drag handle.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-font-weight",
-      "description": "Font weight for large badge label.",
+      "name": "--m3e-bottom-sheet-handle-height",
+      "description": "The height of the drag handle.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-line-height",
-      "description": "Line height for large badge label.",
+      "name": "--m3e-bottom-sheet-handle-shape",
+      "description": "The border radius of the handle.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-tracking",
-      "description": "Letter spacing for large badge label.",
+      "name": "--m3e-bottom-sheet-handle-color",
+      "description": "The color of the drag handle.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-width",
-      "description": "The width of the sheet.",
+      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
+      "description": "The offset of the focus ring around the handle.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-max-width",
-      "description": "The maximum width of the sheet.",
+      "name": "--m3e-bottom-sheet-color",
+      "description": "The foreground (text) color of the sheet.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-container-color",
-      "description": "The background color of the sheet container.",
+      "name": "--m3e-bottom-sheet-content-font-size",
+      "description": "Font size for the sheet content.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-elevation",
-      "description": "The elevation level when not modal.",
+      "name": "--m3e-bottom-sheet-content-font-weight",
+      "description": "Font weight for the sheet content.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-modal-elevation",
-      "description": "The elevation level when modal.",
+      "name": "--m3e-bottom-sheet-content-line-height",
+      "description": "Line height for the sheet content.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-full-elevation",
-      "description": "The elevation level when full height.",
+      "name": "--m3e-bottom-sheet-content-tracking",
+      "description": "Letter spacing (tracking) for the sheet content.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-z-index",
-      "description": "The z-index of the non-modal sheet.",
+      "name": "--m3e-bottom-sheet-header-font-size",
+      "description": "Font size for the sheet header.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-minimized-container-shape",
-      "description": "The border radius when minimized.",
+      "name": "--m3e-bottom-sheet-header-font-weight",
+      "description": "Font weight for the sheet header.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-container-shape",
-      "description": "The border radius of the sheet container.",
+      "name": "--m3e-bottom-sheet-header-line-height",
+      "description": "Line height for the sheet header.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-full-container-shape",
-      "description": "The border radius when full height.",
+      "name": "--m3e-bottom-sheet-header-tracking",
+      "description": "Letter spacing (tracking) for the sheet header.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-scrim-color",
-      "description": "The color of the scrim overlay.",
+      "name": "--m3e-badge-shape",
+      "description": "Corner radius of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-scrim-opacity",
-      "description": "The opacity of the scrim overlay.",
+      "name": "--m3e-badge-color",
+      "description": "Foreground color of badge content.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-peek-height",
-      "description": "The visible height when minimized.",
+      "name": "--m3e-badge-container-color",
+      "description": "Background color of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-compact-top-space",
-      "description": "The top space in compact mode.",
+      "name": "--m3e-badge-small-size",
+      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-top-space",
-      "description": "The top space in standard mode.",
+      "name": "--m3e-badge-medium-size",
+      "description": "Height and min-width for medium badge.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-padding-block",
-      "description": "The vertical padding.",
+      "name": "--m3e-badge-medium-font-size",
+      "description": "Font size for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-padding-inline",
-      "description": "The horizontal padding.",
+      "name": "--m3e-badge-medium-font-weight",
+      "description": "Font weight for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-container-height",
-      "description": "The height of the drag handle container.",
+      "name": "--m3e-badge-medium-line-height",
+      "description": "Line height for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-width",
-      "description": "The width of the drag handle.",
+      "name": "--m3e-badge-medium-tracking",
+      "description": "Letter spacing for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-height",
-      "description": "The height of the drag handle.",
+      "name": "--m3e-badge-large-size",
+      "description": "Height and min-width for large badge.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-shape",
-      "description": "The border radius of the handle.",
+      "name": "--m3e-badge-large-font-size",
+      "description": "Font size for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-color",
-      "description": "The color of the drag handle.",
+      "name": "--m3e-badge-large-font-weight",
+      "description": "Font weight for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-handle-focus-ring-offset",
-      "description": "The offset of the focus ring around the handle.",
+      "name": "--m3e-badge-large-line-height",
+      "description": "Line height for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-bottom-sheet-color",
-      "description": "The foreground (text) color of the sheet.",
+      "name": "--m3e-badge-large-tracking",
+      "description": "Letter spacing for large badge label.",
       "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": []
     },
     {
@@ -632,6 +632,86 @@
       "description": "Disabled opacity used by the breadcrumb item button.",
       "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": []
+    },
     {
       "name": "--m3e-button-container-height",
       "description": "Height of the button container, for all size variants.",
@@ -2528,113 +2608,33 @@
       "values": []
     },
     {
-      "name": "--m3e-text-button-pressed-unselected-icon-color",
-      "description": "Pressed unselected icon color, for the text variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-text-button-pressed-unselected-label-text-color",
-      "description": "Pressed unselected label color, for the text variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-text-button-pressed-unselected-state-layer-color",
-      "description": "Pressed unselected state layer color, for the text variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-text-button-pressed-selected-icon-color",
-      "description": "Pressed selected icon color, for the text variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-text-button-pressed-selected-label-text-color",
-      "description": "Pressed selected label color, for the text variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-text-button-pressed-selected-state-layer-color",
-      "description": "Pressed selected state layer color, for the text variant.",
-      "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.",
+      "name": "--m3e-text-button-pressed-unselected-icon-color",
+      "description": "Pressed unselected icon color, for the text variant.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, medium size.",
+      "name": "--m3e-text-button-pressed-unselected-label-text-color",
+      "description": "Pressed unselected label color, for the text variant.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-shape",
-      "description": "Corner shape for connected variant, large size.",
+      "name": "--m3e-text-button-pressed-unselected-state-layer-color",
+      "description": "Pressed unselected state layer color, for the text variant.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, large size.",
+      "name": "--m3e-text-button-pressed-selected-icon-color",
+      "description": "Pressed selected icon color, for the text variant.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-shape",
-      "description": "Corner shape for connected variant, extra-large size.",
+      "name": "--m3e-text-button-pressed-selected-label-text-color",
+      "description": "Pressed selected label color, for the text variant.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "name": "--m3e-text-button-pressed-selected-state-layer-color",
+      "description": "Pressed selected state layer color, for the text variant.",
       "values": []
     },
     {
@@ -11637,21 +11637,6 @@
       "description": "Border radius for the last segment in a segmented button.",
       "values": []
     },
-    {
-      "name": "--m3e-shape-size",
-      "description": "Default size of the shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-shape-container-color",
-      "description": "Container (background) color of the shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-shape-transition",
-      "description": "Transition used to morph between shapes.",
-      "values": []
-    },
     {
       "name": "--m3e-form-field-font-size",
       "description": "The font size of the select control.",
@@ -11692,6 +11677,21 @@
       "description": "The size of the dropdown arrow icon.",
       "values": []
     },
+    {
+      "name": "--m3e-shape-size",
+      "description": "Default size of the shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-shape-container-color",
+      "description": "Container (background) color of the shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-shape-transition",
+      "description": "Transition used to morph between shapes.",
+      "values": []
+    },
     {
       "name": "--m3e-skeleton-color",
       "description": "Base fill color for the skeleton surface.",
@@ -11737,6 +11737,26 @@
       "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.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-button-size",
+      "description": "Defines scroll button size; used for width (horizontal) or height (vertical).",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-divider-top",
+      "description": "Adds top border to content container for visual separation.",
+      "values": []
+    },
+    {
+      "name": "--m3e-slide-group-divider-bottom",
+      "description": "Adds bottom border to content container for visual separation.",
+      "values": []
+    },
     {
       "name": "--m3e-slider-min-width",
       "description": "Minimum inline size of the slider host.",
@@ -11972,26 +11992,6 @@
       "description": "Letter spacing of the label text.",
       "values": []
     },
-    {
-      "name": "--m3e-slide-group-button-icon-size",
-      "description": "Sets icon size for scroll buttons; overrides default small icon size.",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-button-size",
-      "description": "Defines scroll button size; used for width (horizontal) or height (vertical).",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-divider-top",
-      "description": "Adds top border to content container for visual separation.",
-      "values": []
-    },
-    {
-      "name": "--m3e-slide-group-divider-bottom",
-      "description": "Adds bottom border to content container for visual separation.",
-      "values": []
-    },
     {
       "name": "--m3e-snackbar-margin",
       "description": "Vertical offset from the bottom of the viewport.",
@@ -12178,113 +12178,278 @@
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-inner-corner-pressed-size",
-      "description": "Inner corner size on press (small).",
+      "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-split-pane-drag-handle-hover-color",
+      "description": "Color used for the drag handle hover state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-hover-opacity",
+      "description": "Opacity used for the drag handle hover state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-focus-color",
+      "description": "Color used for the drag handle focus state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-focus-opacity",
+      "description": "Opacity used for the drag handle focus state.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-color",
+      "description": "Background color of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-shape",
+      "description": "Corner shape of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-color",
+      "description": "Background color of the drag handle when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-shape",
+      "description": "Corner shape of the drag handle when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-container-width",
+      "description": "Width of the drag handle container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-width",
+      "description": "Thickness of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-height",
+      "description": "Length of the drag handle when not pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-width",
+      "description": "Thickness of the drag handle when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-split-pane-drag-handle-pressed-height",
+      "description": "Length of the drag handle when pressed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-shape",
+      "description": "Border radius of the step container, defining its visual shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-padding",
+      "description": "Internal padding of the step container, used for layout spacing.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-icon-shape",
+      "description": "Border radius of the icon container, controlling its geometric form.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-icon-size",
+      "description": "Width and height of the icon container and icon glyph.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-selected-icon-container-color",
+      "description": "Background color of the icon when the step is selected.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-selected-icon-color",
+      "description": "Foreground color of the icon when the step is selected.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-completed-icon-container-color",
+      "description": "Background color of the icon when the step is completed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-completed-icon-color",
+      "description": "Foreground color of the icon when the step is completed.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-unselected-icon-container-color",
+      "description": "Background color of the icon when the step is inactive.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-unselected-icon-color",
+      "description": "Foreground color of the icon when the step is inactive.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-icon-error-color",
+      "description": "Foreground color of the icon when the step is invalid.",
+      "values": []
+    },
+    {
+      "name": "--m3e-step-disabled-icon-container-color",
+      "description": "Base color used to mix the disabled icon background.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-inner-corner-pressed-size",
-      "description": "Inner corner size on press (medium).",
+      "name": "--m3e-step-disabled-icon-color",
+      "description": "Base color used to mix the disabled icon foreground.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-inner-corner-pressed-size",
-      "description": "Inner corner size on press (large).",
+      "name": "--m3e-step-label-color",
+      "description": "Text color of the step label in its default state.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-inner-corner-pressed-size",
-      "description": "Inner corner size on press (extra-large).",
+      "name": "--m3e-step-label-error-color",
+      "description": "Text color of the step label when the step is invalid.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-small-between-spacing",
-      "description": "Spacing between leading and trailing buttons (extra-small).",
+      "name": "--m3e-step-disabled-label-color",
+      "description": "Base color used to mix the disabled label foreground.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-small-between-spacing",
-      "description": "Spacing between leading and trailing buttons (small).",
+      "name": "--m3e-step-font-size",
+      "description": "Font size of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-medium-between-spacing",
-      "description": "Spacing between leading and trailing buttons (medium).",
+      "name": "--m3e-step-font-weight",
+      "description": "Font weight of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-large-between-spacing",
-      "description": "Spacing between leading and trailing buttons (large).",
+      "name": "--m3e-step-line-height",
+      "description": "Line height of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-button-extra-large-between-spacing",
-      "description": "Spacing between leading and trailing buttons (extra-large).",
+      "name": "--m3e-step-tracking",
+      "description": "Letter spacing of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-hover-color",
-      "description": "Color used for the drag handle hover state.",
+      "name": "--m3e-step-icon-label-space",
+      "description": "Gap between icon and label.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-hover-opacity",
-      "description": "Opacity used for the drag handle hover state.",
+      "name": "--m3e-step-hint-font-size",
+      "description": "Font size of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-focus-color",
-      "description": "Color used for the drag handle focus state.",
+      "name": "--m3e-step-hint-font-weight",
+      "description": "Font weight of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-focus-opacity",
-      "description": "Opacity used for the drag handle focus state.",
+      "name": "--m3e-step-hint-line-height",
+      "description": "Line height of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-color",
-      "description": "Background color of the drag handle when not pressed.",
+      "name": "--m3e-step-hint-tracking",
+      "description": "Letter spacing of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-shape",
-      "description": "Corner shape of the drag handle when not pressed.",
+      "name": "--m3e-step-hint-color",
+      "description": "Text color of hint messages in valid state.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-pressed-color",
-      "description": "Background color of the drag handle when pressed.",
+      "name": "--m3e-step-disabled-hint-color",
+      "description": "Base color used to mix the disabled hint foreground.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-pressed-shape",
-      "description": "Corner shape of the drag handle when pressed.",
+      "name": "--m3e-step-panel-padding",
+      "description": "Padding inside the step panel container, defining internal spacing around content.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-container-width",
-      "description": "Width of the drag handle container.",
+      "name": "--m3e-step-panel-spacing",
+      "description": "Vertical gap between stacked elements within the step panel.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-width",
-      "description": "Thickness of the drag handle when not pressed.",
+      "name": "--m3e-step-panel-actions-height",
+      "description": "Minimum height of the slotted actions container.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-height",
-      "description": "Length of the drag handle when not pressed.",
+      "name": "--m3e-step-divider-thickness",
+      "description": "Thickness of the divider line between steps.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-pressed-width",
-      "description": "Thickness of the drag handle when pressed.",
+      "name": "--m3e-step-divider-color",
+      "description": "Color of the divider line between steps.",
       "values": []
     },
     {
-      "name": "--m3e-split-pane-drag-handle-pressed-height",
-      "description": "Length of the drag handle when pressed.",
+      "name": "--m3e-step-divider-inset",
+      "description": "Inset offset for divider alignment within step layout.",
       "values": []
     },
     {
@@ -12632,171 +12797,6 @@
       "description": "Handle color when unselected and pressed.",
       "values": []
     },
-    {
-      "name": "--m3e-step-shape",
-      "description": "Border radius of the step container, defining its visual shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-padding",
-      "description": "Internal padding of the step container, used for layout spacing.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-shape",
-      "description": "Border radius of the icon container, controlling its geometric form.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-size",
-      "description": "Width and height of the icon container and icon glyph.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-selected-icon-container-color",
-      "description": "Background color of the icon when the step is selected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-selected-icon-color",
-      "description": "Foreground color of the icon when the step is selected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-completed-icon-container-color",
-      "description": "Background color of the icon when the step is completed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-completed-icon-color",
-      "description": "Foreground color of the icon when the step is completed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-unselected-icon-container-color",
-      "description": "Background color of the icon when the step is inactive.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-unselected-icon-color",
-      "description": "Foreground color of the icon when the step is inactive.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-error-color",
-      "description": "Foreground color of the icon when the step is invalid.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-icon-container-color",
-      "description": "Base color used to mix the disabled icon background.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-icon-color",
-      "description": "Base color used to mix the disabled icon foreground.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-label-color",
-      "description": "Text color of the step label in its default state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-label-error-color",
-      "description": "Text color of the step label when the step is invalid.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-label-color",
-      "description": "Base color used to mix the disabled label foreground.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-font-size",
-      "description": "Font size of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-font-weight",
-      "description": "Font weight of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-line-height",
-      "description": "Line height of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-tracking",
-      "description": "Letter spacing of the step label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-icon-label-space",
-      "description": "Gap between icon and label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-font-size",
-      "description": "Font size of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-font-weight",
-      "description": "Font weight of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-line-height",
-      "description": "Line height of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-tracking",
-      "description": "Letter spacing of hint and error messages.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-hint-color",
-      "description": "Text color of hint messages in valid state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-disabled-hint-color",
-      "description": "Base color used to mix the disabled hint foreground.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-panel-padding",
-      "description": "Padding inside the step panel container, defining internal spacing around content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-panel-spacing",
-      "description": "Vertical gap between stacked elements within the step panel.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-panel-actions-height",
-      "description": "Minimum height of the slotted actions container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-divider-thickness",
-      "description": "Thickness of the divider line between steps.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-divider-color",
-      "description": "Color of the divider line between steps.",
-      "values": []
-    },
-    {
-      "name": "--m3e-step-divider-inset",
-      "description": "Inset offset for divider alignment within step layout.",
-      "values": []
-    },
     {
       "name": "--m3e-tab-font-size",
       "description": "Font size for tab label.",