@m3e/web 2.5.7 → 2.5.8

package/dist/css-custom-data.json

@@ -298,108 +298,73 @@
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-shape",
-      "description": "Shape of the internal breadcrumb item button.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-container-height",
-      "description": "Height of the internal breadcrumb item button container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-color",
-      "description": "Color of breadcrumb item icon-only content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-padding-inline",
-      "description": "Horizontal padding for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color",
-      "description": "Hover state layer color for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color",
-      "description": "Focus state layer color for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color",
-      "description": "Pressed state layer color for icon-only breadcrumb items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-breadcrumb-item-label-color",
-      "description": "Color of breadcrumb item label content.",
+      "name": "--m3e-badge-shape",
+      "description": "Corner radius of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-font-size",
-      "description": "Font size of breadcrumb item label content.",
+      "name": "--m3e-badge-color",
+      "description": "Foreground color of badge content.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-font-weight",
-      "description": "Font weight of breadcrumb item label content.",
+      "name": "--m3e-badge-container-color",
+      "description": "Background color of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-line-height",
-      "description": "Line height of breadcrumb item label content.",
+      "name": "--m3e-badge-small-size",
+      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-tracking",
-      "description": "Letter spacing of breadcrumb item label content.",
+      "name": "--m3e-badge-medium-size",
+      "description": "Height and min-width for medium badge.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-padding-inline",
-      "description": "Horizontal padding for label breadcrumb items.",
+      "name": "--m3e-badge-medium-font-size",
+      "description": "Font size for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-hover-state-layer-color",
-      "description": "Hover state layer color for label breadcrumb items.",
+      "name": "--m3e-badge-medium-font-weight",
+      "description": "Font weight for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-focus-state-layer-color",
-      "description": "Focus state layer color for label breadcrumb items.",
+      "name": "--m3e-badge-medium-line-height",
+      "description": "Line height for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-label-pressed-state-layer-color",
-      "description": "Pressed state layer color for label breadcrumb items.",
+      "name": "--m3e-badge-medium-tracking",
+      "description": "Letter spacing for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-last-color",
-      "description": "Color used for the current breadcrumb item.",
+      "name": "--m3e-badge-large-size",
+      "description": "Height and min-width for large badge.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-icon-label-space",
-      "description": "Space between icon and label.",
+      "name": "--m3e-badge-large-font-size",
+      "description": "Font size for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-icon-size",
-      "description": "Size of the icon.",
+      "name": "--m3e-badge-large-font-weight",
+      "description": "Font weight for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-disabled-color",
-      "description": "Disabled color used by the breadcrumb item button.",
+      "name": "--m3e-badge-large-line-height",
+      "description": "Line height for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-breadcrumb-item-disabled-opacity",
-      "description": "Disabled opacity used by the breadcrumb item button.",
+      "name": "--m3e-badge-large-tracking",
+      "description": "Letter spacing for large badge label.",
       "values": []
     },
     {
@@ -563,73 +528,108 @@
       "values": []
     },
     {
-      "name": "--m3e-badge-shape",
-      "description": "Corner radius of the badge.",
+      "name": "--m3e-breadcrumb-item-shape",
+      "description": "Shape of the internal breadcrumb item button.",
       "values": []
     },
     {
-      "name": "--m3e-badge-color",
-      "description": "Foreground color of badge content.",
+      "name": "--m3e-breadcrumb-item-container-height",
+      "description": "Height of the internal breadcrumb item button container.",
       "values": []
     },
     {
-      "name": "--m3e-badge-container-color",
-      "description": "Background color of the badge.",
+      "name": "--m3e-breadcrumb-item-icon-color",
+      "description": "Color of breadcrumb item icon-only content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-small-size",
-      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
+      "name": "--m3e-breadcrumb-item-icon-padding-inline",
+      "description": "Horizontal padding for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-size",
-      "description": "Height and min-width for medium badge.",
+      "name": "--m3e-breadcrumb-item-icon-hover-state-layer-color",
+      "description": "Hover state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-font-size",
-      "description": "Font size for medium badge label.",
+      "name": "--m3e-breadcrumb-item-icon-focus-state-layer-color",
+      "description": "Focus state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-font-weight",
-      "description": "Font weight for medium badge label.",
+      "name": "--m3e-breadcrumb-item-icon-pressed-state-layer-color",
+      "description": "Pressed state layer color for icon-only breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-line-height",
-      "description": "Line height for medium badge label.",
+      "name": "--m3e-breadcrumb-item-label-color",
+      "description": "Color of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-medium-tracking",
-      "description": "Letter spacing for medium badge label.",
+      "name": "--m3e-breadcrumb-item-label-font-size",
+      "description": "Font size of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-size",
-      "description": "Height and min-width for large badge.",
+      "name": "--m3e-breadcrumb-item-label-font-weight",
+      "description": "Font weight of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-font-size",
-      "description": "Font size for large badge label.",
+      "name": "--m3e-breadcrumb-item-label-line-height",
+      "description": "Line height of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-font-weight",
-      "description": "Font weight for large badge label.",
+      "name": "--m3e-breadcrumb-item-label-tracking",
+      "description": "Letter spacing of breadcrumb item label content.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-line-height",
-      "description": "Line height for large badge label.",
+      "name": "--m3e-breadcrumb-item-label-padding-inline",
+      "description": "Horizontal padding for label breadcrumb items.",
       "values": []
     },
     {
-      "name": "--m3e-badge-large-tracking",
-      "description": "Letter spacing for large badge label.",
+      "name": "--m3e-breadcrumb-item-label-hover-state-layer-color",
+      "description": "Hover state layer color for label breadcrumb items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-breadcrumb-item-label-focus-state-layer-color",
+      "description": "Focus state layer color for label breadcrumb items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-breadcrumb-item-label-pressed-state-layer-color",
+      "description": "Pressed state layer color for label breadcrumb items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-breadcrumb-item-last-color",
+      "description": "Color used for the current breadcrumb item.",
+      "values": []
+    },
+    {
+      "name": "--m3e-breadcrumb-item-icon-label-space",
+      "description": "Space between icon and label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-breadcrumb-item-icon-size",
+      "description": "Size of the icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-breadcrumb-item-disabled-color",
+      "description": "Disabled color used by the breadcrumb item button.",
+      "values": []
+    },
+    {
+      "name": "--m3e-breadcrumb-item-disabled-opacity",
+      "description": "Disabled opacity used by the breadcrumb item button.",
       "values": []
     },
     {
@@ -4332,6 +4332,31 @@
       "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.",
@@ -4382,31 +4407,6 @@
       "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.",
@@ -9743,33 +9743,63 @@
       "values": []
     },
     {
-      "name": "--m3e-menu-container-shape",
-      "description": "Controls the corner radius of the menu container.",
+      "name": "--m3e-loading-indicator-active-indicator-color",
+      "description": "Uncontained active indicator color.",
       "values": []
     },
     {
-      "name": "--m3e-menu-active-container-shape",
-      "description": "Controls the corner radius of the menu container when active.",
+      "name": "--m3e-loading-indicator-contained-active-indicator-color",
+      "description": "Contained active indicator color.",
       "values": []
     },
     {
-      "name": "--m3e-menu-container-min-width",
-      "description": "Minimum width of the menu container.",
+      "name": "--m3e-loading-indicator-contained-container-color",
+      "description": "Contained container (background) color.",
       "values": []
     },
     {
-      "name": "--m3e-menu-container-max-width",
-      "description": "Maximum width of the menu container.",
+      "name": "--m3e-loading-indicator-active-indicator-size",
+      "description": "Size of the active indicator.",
       "values": []
     },
     {
-      "name": "--m3e-menu-container-max-height",
-      "description": "Maximum height of the menu container.",
+      "name": "--m3e-loading-indicator-container-shape",
+      "description": "Container shape.",
       "values": []
     },
     {
-      "name": "--m3e-menu-container-padding-block",
-      "description": "Vertical padding inside the menu container.",
+      "name": "--m3e-loading-indicator-container-size",
+      "description": "Container size.",
+      "values": []
+    },
+    {
+      "name": "--m3e-menu-container-shape",
+      "description": "Controls the corner radius of the menu container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-menu-active-container-shape",
+      "description": "Controls the corner radius of the menu container when active.",
+      "values": []
+    },
+    {
+      "name": "--m3e-menu-container-min-width",
+      "description": "Minimum width of the menu container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-menu-container-max-width",
+      "description": "Maximum width of the menu container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-menu-container-max-height",
+      "description": "Maximum height of the menu container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-menu-container-padding-block",
+      "description": "Vertical padding inside the menu container.",
       "values": []
     },
     {
@@ -10367,36 +10397,6 @@
       "description": "Shape for the last menu item in a menu.",
       "values": []
     },
-    {
-      "name": "--m3e-loading-indicator-active-indicator-color",
-      "description": "Uncontained active indicator color.",
-      "values": []
-    },
-    {
-      "name": "--m3e-loading-indicator-contained-active-indicator-color",
-      "description": "Contained active indicator color.",
-      "values": []
-    },
-    {
-      "name": "--m3e-loading-indicator-contained-container-color",
-      "description": "Contained container (background) color.",
-      "values": []
-    },
-    {
-      "name": "--m3e-loading-indicator-active-indicator-size",
-      "description": "Size of the active indicator.",
-      "values": []
-    },
-    {
-      "name": "--m3e-loading-indicator-container-shape",
-      "description": "Container shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-loading-indicator-container-size",
-      "description": "Container size.",
-      "values": []
-    },
     {
       "name": "--m3e-nav-bar-height",
       "description": "Height of the navigation bar.",
@@ -11637,6 +11637,21 @@
       "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.",
@@ -11677,21 +11692,6 @@
       "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,26 +11737,6 @@
       "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.",
@@ -11992,6 +11972,56 @@
       "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.",
+      "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).",
@@ -12193,318 +12223,123 @@
       "values": []
     },
     {
-      "name": "--m3e-snackbar-margin",
-      "description": "Vertical offset from the bottom of the viewport.",
+      "name": "--m3e-split-pane-drag-handle-hover-color",
+      "description": "Color used for the drag handle hover state.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-container-shape",
-      "description": "Border radius of the snackbar container.",
+      "name": "--m3e-split-pane-drag-handle-hover-opacity",
+      "description": "Opacity used for the drag handle hover state.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-container-color",
-      "description": "Background color of the snackbar.",
+      "name": "--m3e-split-pane-drag-handle-focus-color",
+      "description": "Color used for the drag handle focus state.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-padding",
-      "description": "Internal spacing of the snackbar container.",
+      "name": "--m3e-split-pane-drag-handle-focus-opacity",
+      "description": "Opacity used for the drag handle focus state.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-min-width",
-      "description": "Minimum width of the snackbar.",
+      "name": "--m3e-split-pane-drag-handle-color",
+      "description": "Background color of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-snackbar-max-width",
-      "description": "Maximum width of the snackbar.",
+      "name": "--m3e-split-pane-drag-handle-shape",
+      "description": "Corner shape of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-step-shape",
-      "description": "Border radius of the step container, defining its visual shape.",
+      "name": "--m3e-split-pane-drag-handle-pressed-color",
+      "description": "Background color of the drag handle when pressed.",
       "values": []
     },
     {
-      "name": "--m3e-step-padding",
-      "description": "Internal padding of the step container, used for layout spacing.",
+      "name": "--m3e-split-pane-drag-handle-pressed-shape",
+      "description": "Corner shape of the drag handle when pressed.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-shape",
-      "description": "Border radius of the icon container, controlling its geometric form.",
+      "name": "--m3e-split-pane-drag-handle-container-width",
+      "description": "Width of the drag handle container.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-size",
-      "description": "Width and height of the icon container and icon glyph.",
+      "name": "--m3e-split-pane-drag-handle-width",
+      "description": "Thickness of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-step-selected-icon-container-color",
-      "description": "Background color of the icon when the step is selected.",
+      "name": "--m3e-split-pane-drag-handle-height",
+      "description": "Length of the drag handle when not pressed.",
       "values": []
     },
     {
-      "name": "--m3e-step-selected-icon-color",
-      "description": "Foreground color of the icon when the step is selected.",
+      "name": "--m3e-split-pane-drag-handle-pressed-width",
+      "description": "Thickness of the drag handle when pressed.",
       "values": []
     },
     {
-      "name": "--m3e-step-completed-icon-container-color",
-      "description": "Background color of the icon when the step is completed.",
+      "name": "--m3e-split-pane-drag-handle-pressed-height",
+      "description": "Length of the drag handle when pressed.",
       "values": []
     },
     {
-      "name": "--m3e-step-completed-icon-color",
-      "description": "Foreground color of the icon when the step is completed.",
+      "name": "--m3e-switch-selected-icon-color",
+      "description": "Color of the icon when the switch is selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-unselected-icon-container-color",
-      "description": "Background color of the icon when the step is inactive.",
+      "name": "--m3e-switch-selected-icon-size",
+      "description": "Size of the icon in the selected state.",
       "values": []
     },
     {
-      "name": "--m3e-step-unselected-icon-color",
-      "description": "Foreground color of the icon when the step is inactive.",
+      "name": "--m3e-switch-unselected-icon-color",
+      "description": "Color of the icon when the switch is unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-error-color",
-      "description": "Foreground color of the icon when the step is invalid.",
+      "name": "--m3e-switch-unselected-icon-size",
+      "description": "Size of the icon in the unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-icon-container-color",
-      "description": "Base color used to mix the disabled icon background.",
+      "name": "--m3e-switch-track-height",
+      "description": "Height of the switch track.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-icon-color",
-      "description": "Base color used to mix the disabled icon foreground.",
+      "name": "--m3e-switch-track-width",
+      "description": "Width of the switch track.",
       "values": []
     },
     {
-      "name": "--m3e-step-label-color",
-      "description": "Text color of the step label in its default state.",
+      "name": "--m3e-switch-track-outline-color",
+      "description": "Color of the track's outline.",
       "values": []
     },
     {
-      "name": "--m3e-step-label-error-color",
-      "description": "Text color of the step label when the step is invalid.",
+      "name": "--m3e-switch-track-outline-width",
+      "description": "Thickness of the track's outline.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-label-color",
-      "description": "Base color used to mix the disabled label foreground.",
+      "name": "--m3e-switch-track-shape",
+      "description": "Corner shape of the track.",
       "values": []
     },
     {
-      "name": "--m3e-step-font-size",
-      "description": "Font size of the step label.",
+      "name": "--m3e-switch-selected-track-color",
+      "description": "Track color when selected.",
       "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-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-switch-selected-icon-color",
-      "description": "Color of the icon when the switch is selected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-selected-icon-size",
-      "description": "Size of the icon in the selected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-unselected-icon-color",
-      "description": "Color of the icon when the switch is unselected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-unselected-icon-size",
-      "description": "Size of the icon in the unselected state.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-track-height",
-      "description": "Height of the switch track.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-track-width",
-      "description": "Width of the switch track.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-track-outline-color",
-      "description": "Color of the track's outline.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-track-outline-width",
-      "description": "Thickness of the track's outline.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-track-shape",
-      "description": "Corner shape of the track.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-selected-track-color",
-      "description": "Track color when selected.",
-      "values": []
-    },
-    {
-      "name": "--m3e-switch-unselected-track-color",
-      "description": "Track color when unselected.",
+      "name": "--m3e-switch-unselected-track-color",
+      "description": "Track color when unselected.",
       "values": []
     },
     {
@@ -12797,6 +12632,171 @@
       "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.",
@@ -12932,6 +12932,21 @@
       "description": "Width of the table of contents.",
       "values": []
     },
+    {
+      "name": "--m3e-toc-container-color",
+      "description": "Background color of the table of contents container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toc-container-padding-inline",
+      "description": "Inline padding of the table of contents container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toc-container-padding-block",
+      "description": "Block padding of the table of contents container.",
+      "values": []
+    },
     {
       "name": "--m3e-toc-item-shape",
       "description": "Border radius of TOC items and active indicator.",
@@ -13082,6 +13097,51 @@
       "description": "Text color for selected items.",
       "values": []
     },
+    {
+      "name": "--m3e-toolbar-size",
+      "description": "The size (height or width) of the toolbar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-spacing",
+      "description": "The gap between toolbar items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-rounded-shape",
+      "description": "Border radius for rounded shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-rounded-padding",
+      "description": "Padding for rounded shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-square-padding",
+      "description": "Padding for square shape.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-standard-container-color",
+      "description": "Container color for the standard variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-standard-color",
+      "description": "Foreground color for the standard variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-vibrant-container-color",
+      "description": "Container color for the vibrant variant.",
+      "values": []
+    },
+    {
+      "name": "--m3e-toolbar-vibrant-color",
+      "description": "Foreground color for the vibrant variant.",
+      "values": []
+    },
     {
       "name": "--m3e-rich-tooltip-padding-top",
       "description": "Top padding of the tooltip container.",
@@ -13242,51 +13302,6 @@
       "description": "Letter spacing of supporting text.",
       "values": []
     },
-    {
-      "name": "--m3e-toolbar-size",
-      "description": "The size (height or width) of the toolbar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-spacing",
-      "description": "The gap between toolbar items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-rounded-shape",
-      "description": "Border radius for rounded shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-rounded-padding",
-      "description": "Padding for rounded shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-square-padding",
-      "description": "Padding for square shape.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-standard-container-color",
-      "description": "Container color for the standard variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-standard-color",
-      "description": "Foreground color for the standard variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-vibrant-container-color",
-      "description": "Container color for the vibrant variant.",
-      "values": []
-    },
-    {
-      "name": "--m3e-toolbar-vibrant-color",
-      "description": "Foreground color for the vibrant variant.",
-      "values": []
-    },
     {
       "name": "--m3e-tree-scrollbar-width",
       "description": "Width of the tree scrollbar.",