@m3e/web 2.0.5 → 2.1.0

package/dist/css-custom-data.json

@@ -297,76 +297,6 @@
       "description": "Text color of the avatar.",
       "values": []
     },
-    {
-      "name": "--m3e-badge-shape",
-      "description": "Corner radius of the badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-color",
-      "description": "Foreground color of badge content.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-container-color",
-      "description": "Background color of the badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-small-size",
-      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-size",
-      "description": "Height and min-width for medium badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-font-size",
-      "description": "Font size for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-font-weight",
-      "description": "Font weight for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-line-height",
-      "description": "Line height for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-medium-tracking",
-      "description": "Letter spacing for medium badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-size",
-      "description": "Height and min-width for large badge.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-font-size",
-      "description": "Font size for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-font-weight",
-      "description": "Font weight for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-line-height",
-      "description": "Line height for large badge label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-badge-large-tracking",
-      "description": "Letter spacing for large badge label.",
-      "values": []
-    },
     {
       "name": "--m3e-bottom-sheet-width",
       "description": "The width of the sheet.",
@@ -527,6 +457,76 @@
       "description": "Letter spacing (tracking) for the sheet header.",
       "values": []
     },
+    {
+      "name": "--m3e-badge-shape",
+      "description": "Corner radius of the badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-color",
+      "description": "Foreground color of badge content.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-container-color",
+      "description": "Background color of the badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-small-size",
+      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-size",
+      "description": "Height and min-width for medium badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-font-size",
+      "description": "Font size for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-font-weight",
+      "description": "Font weight for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-line-height",
+      "description": "Line height for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-medium-tracking",
+      "description": "Letter spacing for medium badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-size",
+      "description": "Height and min-width for large badge.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-font-size",
+      "description": "Font size for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-font-weight",
+      "description": "Font weight for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-line-height",
+      "description": "Line height for large badge label.",
+      "values": []
+    },
+    {
+      "name": "--m3e-badge-large-tracking",
+      "description": "Letter spacing for large badge label.",
+      "values": []
+    },
     {
       "name": "--m3e-button-container-height",
       "description": "Height of the button container, for all size variants.",
@@ -10617,6 +10617,46 @@
       "description": "Text color used for text highlight matches.",
       "values": []
     },
+    {
+      "name": "--m3e-floating-panel-container-shape",
+      "description": "Corner radius of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-min-width",
+      "description": "Minimum width of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-max-width",
+      "description": "Maximum width of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-max-height",
+      "description": "Maximum height of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-padding-block",
+      "description": "Vertical padding inside the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-padding-inline",
+      "description": "Horizontal padding inside the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-color",
+      "description": "Background color of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-elevation",
+      "description": "Box shadow elevation of the panel container.",
+      "values": []
+    },
     {
       "name": "--m3e-paginator-font-size",
       "description": "The font size used for paginator text.",
@@ -11478,643 +11518,643 @@
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-icon-color",
-      "description": "Color of the icon when the switch is selected.",
+      "name": "--m3e-step-shape",
+      "description": "Border radius of the step container, defining its visual shape.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-icon-size",
-      "description": "Size of the icon in the selected state.",
+      "name": "--m3e-step-padding",
+      "description": "Internal padding of the step container, used for layout spacing.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-icon-color",
-      "description": "Color of the icon when the switch is unselected.",
+      "name": "--m3e-step-icon-shape",
+      "description": "Border radius of the icon container, controlling its geometric form.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-icon-size",
-      "description": "Size of the icon in the unselected state.",
+      "name": "--m3e-step-icon-size",
+      "description": "Width and height of the icon container and icon glyph.",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-height",
-      "description": "Height of the switch track.",
+      "name": "--m3e-step-selected-icon-container-color",
+      "description": "Background color of the icon when the step is selected.",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-width",
-      "description": "Width of the switch track.",
+      "name": "--m3e-step-selected-icon-color",
+      "description": "Foreground color of the icon when the step is selected.",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-outline-color",
-      "description": "Color of the track’s outline.",
+      "name": "--m3e-step-completed-icon-container-color",
+      "description": "Background color of the icon when the step is completed.",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-outline-width",
-      "description": "Thickness of the track’s outline.",
+      "name": "--m3e-step-completed-icon-color",
+      "description": "Foreground color of the icon when the step is completed.",
       "values": []
     },
     {
-      "name": "--m3e-switch-track-shape",
-      "description": "Corner shape of the track.",
+      "name": "--m3e-step-unselected-icon-container-color",
+      "description": "Background color of the icon when the step is inactive.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-track-color",
-      "description": "Track color when selected.",
+      "name": "--m3e-step-unselected-icon-color",
+      "description": "Foreground color of the icon when the step is inactive.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-track-color",
-      "description": "Track color when unselected.",
+      "name": "--m3e-step-icon-error-color",
+      "description": "Foreground color of the icon when the step is invalid.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-handle-height",
-      "description": "Height of the handle when unselected.",
+      "name": "--m3e-step-disabled-icon-container-color",
+      "description": "Base color used to mix the disabled icon background.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-handle-width",
-      "description": "Width of the handle when unselected.",
+      "name": "--m3e-step-disabled-icon-color",
+      "description": "Base color used to mix the disabled icon foreground.",
       "values": []
     },
     {
-      "name": "--m3e-switch-with-icon-handle-height",
-      "description": "Height of the handle when icons are present.",
+      "name": "--m3e-step-label-color",
+      "description": "Text color of the step label in its default state.",
       "values": []
     },
     {
-      "name": "--m3e-switch-with-icon-handle-width",
-      "description": "Width of the handle when icons are present.",
+      "name": "--m3e-step-label-error-color",
+      "description": "Text color of the step label when the step is invalid.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-handle-height",
-      "description": "Height of the handle when selected.",
+      "name": "--m3e-step-disabled-label-color",
+      "description": "Base color used to mix the disabled label foreground.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-handle-width",
-      "description": "Width of the handle when selected.",
+      "name": "--m3e-step-font-size",
+      "description": "Font size of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-pressed-handle-height",
-      "description": "Height of the handle during press.",
+      "name": "--m3e-step-font-weight",
+      "description": "Font weight of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-pressed-handle-width",
-      "description": "Width of the handle during press.",
+      "name": "--m3e-step-line-height",
+      "description": "Line height of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-handle-shape",
-      "description": "Corner shape of the handle.",
+      "name": "--m3e-step-tracking",
+      "description": "Letter spacing of the step label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-handle-color",
-      "description": "Handle color when selected.",
+      "name": "--m3e-step-icon-label-space",
+      "description": "Gap between icon and label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-handle-color",
-      "description": "Handle color when unselected.",
+      "name": "--m3e-step-hint-font-size",
+      "description": "Font size of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-switch-state-layer-size",
-      "description": "Diameter of the state layer overlay.",
+      "name": "--m3e-step-hint-font-weight",
+      "description": "Font weight of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-switch-state-layer-shape",
-      "description": "Corner shape of the state layer.",
+      "name": "--m3e-step-hint-line-height",
+      "description": "Line height of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-icon-color",
-      "description": "Icon color when selected and disabled.",
+      "name": "--m3e-step-hint-tracking",
+      "description": "Letter spacing of hint and error messages.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-icon-opacity",
-      "description": "Icon opacity when selected and disabled.",
+      "name": "--m3e-step-hint-color",
+      "description": "Text color of hint messages in valid state.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-icon-color",
-      "description": "Icon color when unselected and disabled.",
+      "name": "--m3e-step-disabled-hint-color",
+      "description": "Base color used to mix the disabled hint foreground.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-icon-opacity",
-      "description": "Icon opacity when unselected and disabled.",
+      "name": "--m3e-step-panel-padding",
+      "description": "Padding inside the step panel container, defining internal spacing around content.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-track-opacity",
-      "description": "Track opacity when disabled.",
+      "name": "--m3e-step-panel-spacing",
+      "description": "Vertical gap between stacked elements within the step panel.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-track-color",
-      "description": "Track color when selected and disabled.",
+      "name": "--m3e-step-panel-actions-height",
+      "description": "Minimum height of the slotted actions container.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-track-color",
-      "description": "Track color when unselected and disabled.",
+      "name": "--m3e-step-divider-thickness",
+      "description": "Thickness of the divider line between steps.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-track-outline-color",
-      "description": "Outline color when unselected and disabled.",
+      "name": "--m3e-step-divider-color",
+      "description": "Color of the divider line between steps.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-handle-opacity",
-      "description": "Handle opacity when unselected and disabled.",
+      "name": "--m3e-step-divider-inset",
+      "description": "Inset offset for divider alignment within step layout.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-handle-opacity",
-      "description": "Handle opacity when selected and disabled.",
+      "name": "--m3e-tab-font-size",
+      "description": "Font size for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-selected-handle-color",
-      "description": "Handle color when selected and disabled.",
+      "name": "--m3e-tab-font-weight",
+      "description": "Font weight for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-disabled-unselected-handle-color",
-      "description": "Handle color when unselected and disabled.",
+      "name": "--m3e-tab-line-height",
+      "description": "Line height for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-icon-color",
-      "description": "Icon color when selected and hovered.",
+      "name": "--m3e-tab-tracking",
+      "description": "Letter spacing for tab label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-icon-color",
-      "description": "Icon color when unselected and hovered.",
+      "name": "--m3e-tab-padding-start",
+      "description": "Padding on the inline start of the tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-track-color",
-      "description": "Track color when selected and hovered.",
+      "name": "--m3e-tab-padding-end",
+      "description": "Padding on the inline end of the tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-state-layer-color",
-      "description": "State layer color when selected and hovered.",
+      "name": "--m3e-tab-focus-ring-shape",
+      "description": "Border radius for the focus ring.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-state-layer-opacity",
-      "description": "State layer opacity when selected and hovered.",
+      "name": "--m3e-tab-selected-color",
+      "description": "Text color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-track-color",
-      "description": "Track color when unselected and hovered.",
+      "name": "--m3e-tab-selected-container-hover-color",
+      "description": "Hover state-layer color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-track-outline-color",
-      "description": "Outline color when unselected and hovered.",
+      "name": "--m3e-tab-selected-container-focus-color",
+      "description": "Focus state-layer color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-state-layer-color",
-      "description": "State layer color when unselected and hovered.",
+      "name": "--m3e-tab-selected-ripple-color",
+      "description": "Ripple color for selected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-state-layer-opacity",
-      "description": "State layer opacity when unselected and hovered.",
+      "name": "--m3e-tab-unselected-color",
+      "description": "Text color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-hover-handle-color",
-      "description": "Handle color when selected and hovered.",
+      "name": "--m3e-tab-unselected-container-hover-color",
+      "description": "Hover state-layer color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-hover-handle-color",
-      "description": "Handle color when unselected and hovered.",
+      "name": "--m3e-tab-unselected-container-focus-color",
+      "description": "Focus state-layer color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-icon-color",
-      "description": "Icon color when selected and focused.",
+      "name": "--m3e-tab-unselected-ripple-color",
+      "description": "Ripple color for unselected tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-icon-color",
-      "description": "Icon color when unselected and focused.",
+      "name": "--m3e-tab-disabled-color",
+      "description": "Text color for disabled tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-track-color",
-      "description": "Track color when selected and focused.",
+      "name": "--m3e-tab-disabled-opacity",
+      "description": "Text opacity for disabled tab.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-state-layer-color",
-      "description": "State layer color when selected and focused.",
+      "name": "--m3e-tab-spacing",
+      "description": "Column gap between icon and label.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-state-layer-opacity",
-      "description": "State layer opacity when selected and focused.",
+      "name": "--m3e-tab-icon-size",
+      "description": "Font size for slotted icon.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-track-color",
-      "description": "Track color when unselected and focused.",
+      "name": "--m3e-tabs-paginator-button-icon-size",
+      "description": "Overrides the icon size for paginator buttons.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-track-outline-color",
-      "description": "Outline color when unselected and focused.",
+      "name": "--m3e-tabs-active-indicator-color",
+      "description": "Color of the active tab indicator.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-state-layer-color",
-      "description": "State layer color when unselected and focused.",
+      "name": "--m3e-tabs-primary-before-active-indicator-shape",
+      "description": "Border radius for active indicator when header is before and variant is primary.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-state-layer-opacity",
-      "description": "State layer opacity when unselected and focused.",
+      "name": "--m3e-tabs-primary-after-active-indicator-shape",
+      "description": "Border radius for active indicator when header is after and variant is primary.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-focus-handle-color",
-      "description": "Handle color when selected and focused.",
+      "name": "--m3e-tabs-primary-active-indicator-inset",
+      "description": "Inset for primary variant's active indicator.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-focus-handle-color",
-      "description": "Handle color when unselected and focused.",
+      "name": "--m3e-tabs-primary-active-indicator-thickness",
+      "description": "Thickness for primary variant's active indicator.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-icon-color",
-      "description": "Icon color when selected and pressed.",
+      "name": "--m3e-tabs-secondary-active-indicator-thickness",
+      "description": "Thickness for secondary variant's active indicator.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-icon-color",
-      "description": "Icon color when unselected and pressed.",
+      "name": "--m3e-switch-selected-icon-color",
+      "description": "Color of the icon when the switch is selected.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-track-color",
-      "description": "Track color when selected and pressed.",
+      "name": "--m3e-switch-selected-icon-size",
+      "description": "Size of the icon in the selected state.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-state-layer-color",
-      "description": "State layer color when selected and pressed.",
+      "name": "--m3e-switch-unselected-icon-color",
+      "description": "Color of the icon when the switch is unselected.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-state-layer-opacity",
-      "description": "State layer opacity when selected and pressed.",
+      "name": "--m3e-switch-unselected-icon-size",
+      "description": "Size of the icon in the unselected state.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-track-color",
-      "description": "Track color when unselected and pressed.",
+      "name": "--m3e-switch-track-height",
+      "description": "Height of the switch track.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-track-outline-color",
-      "description": "Outline color when unselected and pressed.",
+      "name": "--m3e-switch-track-width",
+      "description": "Width of the switch track.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-state-layer-color",
-      "description": "State layer color when unselected and pressed.",
+      "name": "--m3e-switch-track-outline-color",
+      "description": "Color of the track’s outline.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-state-layer-opacity",
-      "description": "State layer opacity when unselected and pressed.",
+      "name": "--m3e-switch-track-outline-width",
+      "description": "Thickness of the track’s outline.",
       "values": []
     },
     {
-      "name": "--m3e-switch-selected-pressed-handle-color",
-      "description": "Handle color when selected and pressed.",
+      "name": "--m3e-switch-track-shape",
+      "description": "Corner shape of the track.",
       "values": []
     },
     {
-      "name": "--m3e-switch-unselected-pressed-handle-color",
-      "description": "Handle color when unselected and pressed.",
+      "name": "--m3e-switch-selected-track-color",
+      "description": "Track color when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-shape",
-      "description": "Border radius of the step container, defining its visual shape.",
+      "name": "--m3e-switch-unselected-track-color",
+      "description": "Track color when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-padding",
-      "description": "Internal padding of the step container, used for layout spacing.",
+      "name": "--m3e-switch-unselected-handle-height",
+      "description": "Height of the handle when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-shape",
-      "description": "Border radius of the icon container, controlling its geometric form.",
+      "name": "--m3e-switch-unselected-handle-width",
+      "description": "Width of the handle when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-size",
-      "description": "Width and height of the icon container and icon glyph.",
+      "name": "--m3e-switch-with-icon-handle-height",
+      "description": "Height of the handle when icons are present.",
       "values": []
     },
     {
-      "name": "--m3e-step-selected-icon-container-color",
-      "description": "Background color of the icon when the step is selected.",
+      "name": "--m3e-switch-with-icon-handle-width",
+      "description": "Width of the handle when icons are present.",
       "values": []
     },
     {
-      "name": "--m3e-step-selected-icon-color",
-      "description": "Foreground color of the icon when the step is selected.",
+      "name": "--m3e-switch-selected-handle-height",
+      "description": "Height of the handle when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-completed-icon-container-color",
-      "description": "Background color of the icon when the step is completed.",
+      "name": "--m3e-switch-selected-handle-width",
+      "description": "Width of the handle when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-completed-icon-color",
-      "description": "Foreground color of the icon when the step is completed.",
+      "name": "--m3e-switch-pressed-handle-height",
+      "description": "Height of the handle during press.",
       "values": []
     },
     {
-      "name": "--m3e-step-unselected-icon-container-color",
-      "description": "Background color of the icon when the step is inactive.",
+      "name": "--m3e-switch-pressed-handle-width",
+      "description": "Width of the handle during press.",
       "values": []
     },
     {
-      "name": "--m3e-step-unselected-icon-color",
-      "description": "Foreground color of the icon when the step is inactive.",
+      "name": "--m3e-switch-handle-shape",
+      "description": "Corner shape of the handle.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-error-color",
-      "description": "Foreground color of the icon when the step is invalid.",
+      "name": "--m3e-switch-selected-handle-color",
+      "description": "Handle color when selected.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-icon-container-color",
-      "description": "Base color used to mix the disabled icon background.",
+      "name": "--m3e-switch-unselected-handle-color",
+      "description": "Handle color when unselected.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-icon-color",
-      "description": "Base color used to mix the disabled icon foreground.",
+      "name": "--m3e-switch-state-layer-size",
+      "description": "Diameter of the state layer overlay.",
       "values": []
     },
     {
-      "name": "--m3e-step-label-color",
-      "description": "Text color of the step label in its default state.",
+      "name": "--m3e-switch-state-layer-shape",
+      "description": "Corner shape of the state layer.",
       "values": []
     },
     {
-      "name": "--m3e-step-label-error-color",
-      "description": "Text color of the step label when the step is invalid.",
+      "name": "--m3e-switch-disabled-selected-icon-color",
+      "description": "Icon color when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-label-color",
-      "description": "Base color used to mix the disabled label foreground.",
+      "name": "--m3e-switch-disabled-selected-icon-opacity",
+      "description": "Icon opacity when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-font-size",
-      "description": "Font size of the step label.",
+      "name": "--m3e-switch-disabled-unselected-icon-color",
+      "description": "Icon color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-font-weight",
-      "description": "Font weight of the step label.",
+      "name": "--m3e-switch-disabled-unselected-icon-opacity",
+      "description": "Icon opacity when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-line-height",
-      "description": "Line height of the step label.",
+      "name": "--m3e-switch-disabled-track-opacity",
+      "description": "Track opacity when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-tracking",
-      "description": "Letter spacing of the step label.",
+      "name": "--m3e-switch-disabled-selected-track-color",
+      "description": "Track color when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-icon-label-space",
-      "description": "Gap between icon and label.",
+      "name": "--m3e-switch-disabled-unselected-track-color",
+      "description": "Track color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-font-size",
-      "description": "Font size of hint and error messages.",
+      "name": "--m3e-switch-disabled-unselected-track-outline-color",
+      "description": "Outline color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-font-weight",
-      "description": "Font weight of hint and error messages.",
+      "name": "--m3e-switch-disabled-unselected-handle-opacity",
+      "description": "Handle opacity when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-line-height",
-      "description": "Line height of hint and error messages.",
+      "name": "--m3e-switch-disabled-selected-handle-opacity",
+      "description": "Handle opacity when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-tracking",
-      "description": "Letter spacing of hint and error messages.",
+      "name": "--m3e-switch-disabled-selected-handle-color",
+      "description": "Handle color when selected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-hint-color",
-      "description": "Text color of hint messages in valid state.",
+      "name": "--m3e-switch-disabled-unselected-handle-color",
+      "description": "Handle color when unselected and disabled.",
       "values": []
     },
     {
-      "name": "--m3e-step-disabled-hint-color",
-      "description": "Base color used to mix the disabled hint foreground.",
+      "name": "--m3e-switch-selected-hover-icon-color",
+      "description": "Icon color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-panel-padding",
-      "description": "Padding inside the step panel container, defining internal spacing around content.",
+      "name": "--m3e-switch-unselected-hover-icon-color",
+      "description": "Icon color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-panel-spacing",
-      "description": "Vertical gap between stacked elements within the step panel.",
+      "name": "--m3e-switch-selected-hover-track-color",
+      "description": "Track color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-panel-actions-height",
-      "description": "Minimum height of the slotted actions container.",
+      "name": "--m3e-switch-selected-hover-state-layer-color",
+      "description": "State layer color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-divider-thickness",
-      "description": "Thickness of the divider line between steps.",
+      "name": "--m3e-switch-selected-hover-state-layer-opacity",
+      "description": "State layer opacity when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-divider-color",
-      "description": "Color of the divider line between steps.",
+      "name": "--m3e-switch-unselected-hover-track-color",
+      "description": "Track color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-step-divider-inset",
-      "description": "Inset offset for divider alignment within step layout.",
+      "name": "--m3e-switch-unselected-hover-track-outline-color",
+      "description": "Outline color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-font-size",
-      "description": "Font size for tab label.",
+      "name": "--m3e-switch-unselected-hover-state-layer-color",
+      "description": "State layer color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-font-weight",
-      "description": "Font weight for tab label.",
+      "name": "--m3e-switch-unselected-hover-state-layer-opacity",
+      "description": "State layer opacity when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-line-height",
-      "description": "Line height for tab label.",
+      "name": "--m3e-switch-selected-hover-handle-color",
+      "description": "Handle color when selected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-tracking",
-      "description": "Letter spacing for tab label.",
+      "name": "--m3e-switch-unselected-hover-handle-color",
+      "description": "Handle color when unselected and hovered.",
       "values": []
     },
     {
-      "name": "--m3e-tab-padding-start",
-      "description": "Padding on the inline start of the tab.",
+      "name": "--m3e-switch-selected-focus-icon-color",
+      "description": "Icon color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-padding-end",
-      "description": "Padding on the inline end of the tab.",
+      "name": "--m3e-switch-unselected-focus-icon-color",
+      "description": "Icon color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-focus-ring-shape",
-      "description": "Border radius for the focus ring.",
+      "name": "--m3e-switch-selected-focus-track-color",
+      "description": "Track color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-color",
-      "description": "Text color for selected tab.",
+      "name": "--m3e-switch-selected-focus-state-layer-color",
+      "description": "State layer color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-container-hover-color",
-      "description": "Hover state-layer color for selected tab.",
+      "name": "--m3e-switch-selected-focus-state-layer-opacity",
+      "description": "State layer opacity when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-container-focus-color",
-      "description": "Focus state-layer color for selected tab.",
+      "name": "--m3e-switch-unselected-focus-track-color",
+      "description": "Track color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-selected-ripple-color",
-      "description": "Ripple color for selected tab.",
+      "name": "--m3e-switch-unselected-focus-track-outline-color",
+      "description": "Outline color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-color",
-      "description": "Text color for unselected tab.",
+      "name": "--m3e-switch-unselected-focus-state-layer-color",
+      "description": "State layer color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-container-hover-color",
-      "description": "Hover state-layer color for unselected tab.",
+      "name": "--m3e-switch-unselected-focus-state-layer-opacity",
+      "description": "State layer opacity when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-container-focus-color",
-      "description": "Focus state-layer color for unselected tab.",
+      "name": "--m3e-switch-selected-focus-handle-color",
+      "description": "Handle color when selected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-unselected-ripple-color",
-      "description": "Ripple color for unselected tab.",
+      "name": "--m3e-switch-unselected-focus-handle-color",
+      "description": "Handle color when unselected and focused.",
       "values": []
     },
     {
-      "name": "--m3e-tab-disabled-color",
-      "description": "Text color for disabled tab.",
+      "name": "--m3e-switch-selected-pressed-icon-color",
+      "description": "Icon color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tab-disabled-opacity",
-      "description": "Text opacity for disabled tab.",
+      "name": "--m3e-switch-unselected-pressed-icon-color",
+      "description": "Icon color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tab-spacing",
-      "description": "Column gap between icon and label.",
+      "name": "--m3e-switch-selected-pressed-track-color",
+      "description": "Track color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tab-icon-size",
-      "description": "Font size for slotted icon.",
+      "name": "--m3e-switch-selected-pressed-state-layer-color",
+      "description": "State layer color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-paginator-button-icon-size",
-      "description": "Overrides the icon size for paginator buttons.",
+      "name": "--m3e-switch-selected-pressed-state-layer-opacity",
+      "description": "State layer opacity when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-active-indicator-color",
-      "description": "Color of the active tab indicator.",
+      "name": "--m3e-switch-unselected-pressed-track-color",
+      "description": "Track color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-before-active-indicator-shape",
-      "description": "Border radius for active indicator when header is before and variant is primary.",
+      "name": "--m3e-switch-unselected-pressed-track-outline-color",
+      "description": "Outline color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-after-active-indicator-shape",
-      "description": "Border radius for active indicator when header is after and variant is primary.",
+      "name": "--m3e-switch-unselected-pressed-state-layer-color",
+      "description": "State layer color when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-active-indicator-inset",
-      "description": "Inset for primary variant's active indicator.",
+      "name": "--m3e-switch-unselected-pressed-state-layer-opacity",
+      "description": "State layer opacity when unselected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-primary-active-indicator-thickness",
-      "description": "Thickness for primary variant's active indicator.",
+      "name": "--m3e-switch-selected-pressed-handle-color",
+      "description": "Handle color when selected and pressed.",
       "values": []
     },
     {
-      "name": "--m3e-tabs-secondary-active-indicator-thickness",
-      "description": "Thickness for secondary variant's active indicator.",
+      "name": "--m3e-switch-unselected-pressed-handle-color",
+      "description": "Handle color when unselected and pressed.",
       "values": []
     },
     {
@@ -12477,6 +12517,46 @@
       "description": "Letter spacing of supporting text.",
       "values": []
     },
+    {
+      "name": "--m3e-floating-panel-container-shape",
+      "description": "Corner radius of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-min-width",
+      "description": "Minimum width of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-max-width",
+      "description": "Maximum width of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-max-height",
+      "description": "Maximum height of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-padding-block",
+      "description": "Vertical padding inside the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-padding-inline",
+      "description": "Horizontal padding inside the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-color",
+      "description": "Background color of the panel container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-floating-panel-container-elevation",
+      "description": "Box shadow elevation of the panel container.",
+      "values": []
+    },
     {
       "name": "--m3e-collapsible-animation-duration",
       "description": "The duration of the expand / collapse animation.",