@m3e/web 2.1.2 → 2.2.0

package/dist/css-custom-data.json

@@ -257,76 +257,6 @@
       "description": "Maximum number of lines for the large app bar subtitle.",
       "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-avatar-size",
       "description": "Size of the avatar.",
@@ -528,83 +458,243 @@
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-small-spacing",
-      "description": "Spacing between buttons in standard variant, extra-small size.",
+      "name": "--m3e-badge-shape",
+      "description": "Corner radius of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-small-spacing",
-      "description": "Spacing between buttons in standard variant, small size.",
+      "name": "--m3e-badge-color",
+      "description": "Foreground color of badge content.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-medium-spacing",
-      "description": "Spacing between buttons in standard variant, medium size.",
+      "name": "--m3e-badge-container-color",
+      "description": "Background color of the badge.",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-large-spacing",
-      "description": "Spacing between buttons in standard variant, large size.",
+      "name": "--m3e-badge-small-size",
+      "description": "Fixed dimensions for small badge. Used for minimal indicators (e.g. dot).",
       "values": []
     },
     {
-      "name": "--m3e-standard-button-group-extra-large-spacing",
-      "description": "Spacing between buttons in standard variant, extra-large size.",
+      "name": "--m3e-badge-medium-size",
+      "description": "Height and min-width for medium badge.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-spacing",
-      "description": "Spacing between buttons in connected variant.",
+      "name": "--m3e-badge-medium-font-size",
+      "description": "Font size for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-shape",
-      "description": "Corner shape for connected variant, extra-small size.",
+      "name": "--m3e-badge-medium-font-weight",
+      "description": "Font weight for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-small size.",
+      "name": "--m3e-badge-medium-line-height",
+      "description": "Line height for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-shape",
-      "description": "Corner shape for connected variant, small size.",
+      "name": "--m3e-badge-medium-tracking",
+      "description": "Letter spacing for medium badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-small-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, small size.",
+      "name": "--m3e-badge-large-size",
+      "description": "Height and min-width for large badge.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-shape",
-      "description": "Corner shape for connected variant, medium size.",
+      "name": "--m3e-badge-large-font-size",
+      "description": "Font size for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-medium-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, medium size.",
+      "name": "--m3e-badge-large-font-weight",
+      "description": "Font weight for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-shape",
-      "description": "Corner shape for connected variant, large size.",
+      "name": "--m3e-badge-large-line-height",
+      "description": "Line height for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, large size.",
+      "name": "--m3e-badge-large-tracking",
+      "description": "Letter spacing for large badge label.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-shape",
-      "description": "Corner shape for connected variant, extra-large size.",
+      "name": "--m3e-calendar-container-color",
+      "description": "Background color of the container surface.",
       "values": []
     },
     {
-      "name": "--m3e-connected-button-group-extra-large-inner-pressed-shape",
-      "description": "Pressed corner shape for connected variant, extra-large size.",
+      "name": "--m3e-calendar-container-elevation",
+      "description": "Elevation shadow applied to the container surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-container-shape",
+      "description": "Corner radius of the container surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-padding",
+      "description": "Padding applied to the calendar header and body.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-period-button-text-color",
+      "description": "Text color used for the period‑navigation buttons in the header.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-weekday-font-size",
+      "description": "Font size of weekday labels in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-weekday-font-weight",
+      "description": "Font weight of weekday labels in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-weekday-line-height",
+      "description": "Line height of weekday labels in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-weekday-tracking",
+      "description": "Letter spacing of weekday labels in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-date-font-size",
+      "description": "Font size of date cells in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-date-font-weight",
+      "description": "Font weight of date cells in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-date-line-height",
+      "description": "Line height of date cells in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-date-tracking",
+      "description": "Letter spacing of date cells in month view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-font-size",
+      "description": "Font size of items in year and multi‑year views.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-font-weight",
+      "description": "Font weight of items in year and multi‑year views.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-line-height",
+      "description": "Line height of items in year and multi‑year views.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-tracking",
+      "description": "Letter spacing of items in year and multi‑year views.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-selected-color",
+      "description": "Text color for selected date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-selected-container-color",
+      "description": "Background color for selected date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-selected-ripple-color",
+      "description": "Ripple color used when interacting with selected date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-selected-hover-color",
+      "description": "Hover color used when interacting with selected date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-selected-focus-color",
+      "description": "Focus color used when interacting with selected date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-current-outline-thickness",
+      "description": "Outline thickness used to indicate the current date.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-current-outline-color",
+      "description": "Outline color used to indicate the current date.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-color",
+      "description": "Text color for dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-container-color",
+      "description": "Background color for dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-ripple-color",
+      "description": "Ripple color used when interacting with dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-hover-color",
+      "description": "Hover color used when interacting with dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-special-focus-color",
+      "description": "Focus color used when interacting with dates marked as special.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-range-container-color",
+      "description": "Background color applied to the selected date range.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-range-color",
+      "description": "Text color for dates within a selected range.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-disabled-color",
+      "description": "Color used for disabled date items.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-item-disabled-color-opacity",
+      "description": "Opacity applied to the disabled item color.",
+      "values": []
+    },
+    {
+      "name": "--m3e-calendar-slide-animation-duration",
+      "description": "Duration of slide transitions between calendar views.",
       "values": []
     },
     {
@@ -2533,43 +2623,123 @@
       "values": []
     },
     {
-      "name": "--m3e-card-padding",
-      "description": "Internal spacing for all slotted regions",
+      "name": "--m3e-standard-button-group-extra-small-spacing",
+      "description": "Spacing between buttons in standard variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-card-shape",
-      "description": "Corner radius of the card container.",
+      "name": "--m3e-standard-button-group-small-spacing",
+      "description": "Spacing between buttons in standard variant, small size.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-text-color",
-      "description": "Foreground color for text content in filled cards.",
+      "name": "--m3e-standard-button-group-medium-spacing",
+      "description": "Spacing between buttons in standard variant, medium size.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-color",
-      "description": "Background color of the filled card container.",
+      "name": "--m3e-standard-button-group-large-spacing",
+      "description": "Spacing between buttons in standard variant, large size.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-container-elevation",
-      "description": "Elevation level for filled card container.",
+      "name": "--m3e-standard-button-group-extra-large-spacing",
+      "description": "Spacing between buttons in standard variant, extra-large size.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-color",
-      "description": "Text color when filled card is disabled.",
+      "name": "--m3e-connected-button-group-spacing",
+      "description": "Spacing between buttons in connected variant.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-text-opacity",
-      "description": "Opacity applied to text when disabled.",
+      "name": "--m3e-connected-button-group-extra-small-inner-shape",
+      "description": "Corner shape for connected variant, extra-small size.",
       "values": []
     },
     {
-      "name": "--m3e-filled-card-disabled-container-color",
-      "description": "Background color when disabled.",
+      "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-card-padding",
+      "description": "Internal spacing for all slotted regions",
+      "values": []
+    },
+    {
+      "name": "--m3e-card-shape",
+      "description": "Corner radius of the card container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-text-color",
+      "description": "Foreground color for text content in filled cards.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-container-color",
+      "description": "Background color of the filled card container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-container-elevation",
+      "description": "Elevation level for filled card container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-text-color",
+      "description": "Text color when filled card is disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-text-opacity",
+      "description": "Opacity applied to text when disabled.",
+      "values": []
+    },
+    {
+      "name": "--m3e-filled-card-disabled-container-color",
+      "description": "Background color when disabled.",
       "values": []
     },
     {
@@ -3827,6 +3997,111 @@
       "description": "Opacity applied to disabled outline.",
       "values": []
     },
+    {
+      "name": "--m3e-datepicker-container-padding-block",
+      "description": "Block‑axis padding of the date picker container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-container-padding-inline",
+      "description": "Inline‑axis padding of the date picker container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-container-color",
+      "description": "Background color of the standard container surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-container-elevation",
+      "description": "Elevation shadow applied to the container surface.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-font-size",
+      "description": "Font size used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-font-weight",
+      "description": "Font weight used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-line-height",
+      "description": "Line height used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-headline-tracking",
+      "description": "Letter spacing used for the modal headline text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-font-size",
+      "description": "Font size used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-font-weight",
+      "description": "Font weight used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-line-height",
+      "description": "Line height used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-supporting-text-tracking",
+      "description": "Letter spacing used for supporting text in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-actions-padding-inline",
+      "description": "Inline‑axis padding of the action row.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-docked-container-color",
+      "description": "Background color of the container in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-docked-container-shape",
+      "description": "Corner radius of the container in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-container-color",
+      "description": "Background color of the container in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-datepicker-modal-container-shape",
+      "description": "Corner radius of the container in modal mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-thickness",
+      "description": "Thickness of divider elements within the picker.",
+      "values": []
+    },
+    {
+      "name": "--m3e-divider-color",
+      "description": "Color of divider rules within the picker.",
+      "values": []
+    },
+    {
+      "name": "--m3e-dialog-scrim-color",
+      "description": "Base color used for the modal scrim behind the picker.",
+      "values": []
+    },
+    {
+      "name": "--m3e-dialog-scrim-opacity",
+      "description": "Opacity applied to the scrim color in modal mode.",
+      "values": []
+    },
     {
       "name": "--m3e-dialog-shape",
       "description": "Border radius of the dialog container.",
@@ -3993,139 +4268,304 @@
       "values": []
     },
     {
-      "name": "--m3e-fab-container-height",
-      "description": "Height of the FAB container for all size variants.",
+      "name": "--m3e-expansion-header-collapsed-height",
+      "description": "Height of the header when the panel is collapsed.",
       "values": []
     },
     {
-      "name": "--m3e-fab-label-text-font-size",
-      "description": "Font size for the FAB label text for all size variants.",
+      "name": "--m3e-expansion-header-expanded-height",
+      "description": "Height of the header when the panel is expanded.",
       "values": []
     },
     {
-      "name": "--m3e-fab-label-text-font-weight",
-      "description": "Font weight for the FAB label text for all size variants.",
+      "name": "--m3e-expansion-header-padding-left",
+      "description": "Left padding inside the header.",
       "values": []
     },
     {
-      "name": "--m3e-fab-label-text-line-height",
-      "description": "Line height for the FAB label text for all size variants.",
+      "name": "--m3e-expansion-header-padding-right",
+      "description": "Right padding inside the header.",
       "values": []
     },
     {
-      "name": "--m3e-fab-label-text-tracking",
-      "description": "Letter spacing (tracking) for the FAB label text for all size variants.",
+      "name": "--m3e-expansion-header-spacing",
+      "description": "Spacing between header elements.",
       "values": []
     },
     {
-      "name": "--m3e-fab-icon-size",
-      "description": "Icon size for the FAB for all size variants.",
+      "name": "--m3e-expansion-header-toggle-icon-size",
+      "description": "Size of the toggle icon (e.g. chevron).",
       "values": []
     },
     {
-      "name": "--m3e-fab-shape",
-      "description": "Border radius for the FAB for all size variants.",
+      "name": "--m3e-expansion-header-font-size",
+      "description": "The font size of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-leading-space",
-      "description": "Leading space for the FAB for all size variants.",
+      "name": "--m3e-expansion-header-font-weight",
+      "description": "The font weight of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-trailing-space",
-      "description": "Trailing space for the FAB for all size variants.",
+      "name": "--m3e-expansion-header-line-height",
+      "description": "The line height of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-icon-label-space",
-      "description": "Space between icon and label for the FAB for all size variants.",
+      "name": "--m3e-expansion-header-tracking",
+      "description": "Letter spacing (tracking) of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-container-height",
-      "description": "Height of the small FAB container.",
+      "name": "--m3e-expansion-header-collapsed-height",
+      "description": "Height of the header when the panel is collapsed.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-font-size",
-      "description": "Font size for the small FAB label text.",
+      "name": "--m3e-expansion-header-expanded-height",
+      "description": "Height of the header when the panel is expanded.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-font-weight",
-      "description": "Font weight for the small FAB label text.",
+      "name": "--m3e-expansion-header-padding-left",
+      "description": "Left padding inside the header.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-line-height",
-      "description": "Line height for the small FAB label text.",
+      "name": "--m3e-expansion-header-padding-right",
+      "description": "Right padding inside the header.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-label-text-tracking",
-      "description": "Letter spacing (tracking) for the small FAB label text.",
+      "name": "--m3e-expansion-header-spacing",
+      "description": "Spacing between header elements.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-icon-size",
-      "description": "Icon size for the small FAB.",
+      "name": "--m3e-expansion-header-toggle-icon-size",
+      "description": "Size of the toggle icon (e.g. chevron).",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-shape",
-      "description": "Border radius for the small FAB.",
+      "name": "--m3e-expansion-header-font-size",
+      "description": "The font size of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-leading-space",
-      "description": "Leading space for the small FAB.",
+      "name": "--m3e-expansion-header-font-weight",
+      "description": "The font weight of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-trailing-space",
-      "description": "Trailing space for the small FAB.",
+      "name": "--m3e-expansion-header-line-height",
+      "description": "The line height of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-small-icon-label-space",
-      "description": "Space between icon and label for the small FAB.",
+      "name": "--m3e-expansion-header-tracking",
+      "description": "Letter spacing (tracking) of the header text.",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-container-height",
-      "description": "Height of the medium FAB container.",
+      "name": "--m3e-expansion-panel-text-color",
+      "description": "Color of the panel's text content.",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-font-size",
-      "description": "Font size for the medium FAB label text.",
+      "name": "--m3e-expansion-panel-disabled-text-color",
+      "description": "Color of the panel's text content, when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-font-weight",
-      "description": "Font weight for the medium FAB label text.",
+      "name": "--m3e-expansion-panel-disabled-text-opacity",
+      "description": "Opacity of the panel's text content, when disabled.",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-line-height",
-      "description": "Line height for the medium FAB label text.",
+      "name": "--m3e-expansion-panel-container-color",
+      "description": "Background color of the panel container.",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-label-text-tracking",
-      "description": "Letter spacing (tracking) for the medium FAB label text.",
+      "name": "--m3e-expansion-panel-elevation",
+      "description": "Elevation level when the panel is collapsed.",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-icon-size",
-      "description": "Icon size for the medium FAB.",
+      "name": "--m3e-expansion-panel-shape",
+      "description": "Shape (e.g. border radius) of the panel when collapsed.",
       "values": []
     },
     {
-      "name": "--m3e-fab-medium-shape",
-      "description": "Border radius for the medium FAB.",
-      "values": []
+      "name": "--m3e-expansion-panel-open-elevation",
+      "description": "Elevation level when the panel is expanded.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-open-shape",
+      "description": "Shape (e.g. border radius) of the panel when expanded.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-content-padding",
+      "description": "Padding around the panel's content area.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-spacing",
+      "description": "Spacing between action buttons or elements.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-padding",
+      "description": "Padding around the actions section.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-divider-thickness",
+      "description": "Thickness of the divider above actions.",
+      "values": []
+    },
+    {
+      "name": "--m3e-expansion-panel-actions-divider-color",
+      "description": "Color of the divider above actions.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-container-height",
+      "description": "Height of the FAB container for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-font-size",
+      "description": "Font size for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-font-weight",
+      "description": "Font weight for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-line-height",
+      "description": "Line height for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-label-text-tracking",
+      "description": "Letter spacing (tracking) for the FAB label text for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-icon-size",
+      "description": "Icon size for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-shape",
+      "description": "Border radius for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-leading-space",
+      "description": "Leading space for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-trailing-space",
+      "description": "Trailing space for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-icon-label-space",
+      "description": "Space between icon and label for the FAB for all size variants.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-container-height",
+      "description": "Height of the small FAB container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-font-size",
+      "description": "Font size for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-font-weight",
+      "description": "Font weight for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-line-height",
+      "description": "Line height for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-label-text-tracking",
+      "description": "Letter spacing (tracking) for the small FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-icon-size",
+      "description": "Icon size for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-shape",
+      "description": "Border radius for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-leading-space",
+      "description": "Leading space for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-trailing-space",
+      "description": "Trailing space for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-small-icon-label-space",
+      "description": "Space between icon and label for the small FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-container-height",
+      "description": "Height of the medium FAB container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-font-size",
+      "description": "Font size for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-font-weight",
+      "description": "Font weight for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-line-height",
+      "description": "Line height for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-label-text-tracking",
+      "description": "Letter spacing (tracking) for the medium FAB label text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-icon-size",
+      "description": "Icon size for the medium FAB.",
+      "values": []
+    },
+    {
+      "name": "--m3e-fab-medium-shape",
+      "description": "Border radius for the medium FAB.",
+      "values": []
     },
     {
       "name": "--m3e-fab-medium-leading-space",
@@ -5438,278 +5878,113 @@
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-collapsed-height",
-      "description": "Height of the header when the panel is collapsed.",
+      "name": "--m3e-fab-menu-spacing",
+      "description": "Vertical gap between menu items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-expanded-height",
-      "description": "Height of the header when the panel is expanded.",
+      "name": "--m3e-fab-menu-max-width",
+      "description": "Maximum width of the menu.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-padding-left",
-      "description": "Left padding inside the header.",
+      "name": "--m3e-primary-fab-color",
+      "description": "Foreground color for primary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-padding-right",
-      "description": "Right padding inside the header.",
+      "name": "--m3e-primary-fab-container-color",
+      "description": "Container color for primary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-spacing",
-      "description": "Spacing between header elements.",
+      "name": "--m3e-primary-fab-hover-color",
+      "description": "Hover background color for primary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-toggle-icon-size",
-      "description": "Size of the toggle icon (e.g. chevron).",
+      "name": "--m3e-primary-fab-focus-color",
+      "description": "Focus background color for primary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-font-size",
-      "description": "The font size of the header text.",
+      "name": "--m3e-primary-fab-ripple-color",
+      "description": "Ripple color for primary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-font-weight",
-      "description": "The font weight of the header text.",
+      "name": "--m3e-secondary-fab-color",
+      "description": "Foreground color for secondary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-line-height",
-      "description": "The line height of the header text.",
+      "name": "--m3e-secondary-fab-container-color",
+      "description": "Container color for secondary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-tracking",
-      "description": "Letter spacing (tracking) of the header text.",
+      "name": "--m3e-secondary-fab-hover-color",
+      "description": "Hover background color for secondary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-collapsed-height",
-      "description": "Height of the header when the panel is collapsed.",
+      "name": "--m3e-secondary-fab-focus-color",
+      "description": "Focus background color for secondary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-expanded-height",
-      "description": "Height of the header when the panel is expanded.",
+      "name": "--m3e-secondary-fab-ripple-color",
+      "description": "Ripple color for secondary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-padding-left",
-      "description": "Left padding inside the header.",
+      "name": "--m3e-tertiary-fab-color",
+      "description": "Foreground color for tertiary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-padding-right",
-      "description": "Right padding inside the header.",
+      "name": "--m3e-tertiary-fab-container-color",
+      "description": "Container color for tertiary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-spacing",
-      "description": "Spacing between header elements.",
+      "name": "--m3e-tertiary-fab-hover-color",
+      "description": "Hover background color for tertiary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-toggle-icon-size",
-      "description": "Size of the toggle icon (e.g. chevron).",
+      "name": "--m3e-tertiary-fab-focus-color",
+      "description": "Focus background color for tertiary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-font-size",
-      "description": "The font size of the header text.",
+      "name": "--m3e-tertiary-fab-ripple-color",
+      "description": "Ripple color for tertiary variant items.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-font-weight",
-      "description": "The font weight of the header text.",
+      "name": "--m3e-fab-menu-item-height",
+      "description": "Height of the menu item.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-line-height",
-      "description": "The line height of the header text.",
+      "name": "--m3e-fab-menu-item-font-size",
+      "description": "Font size of the menu item label.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-header-tracking",
-      "description": "Letter spacing (tracking) of the header text.",
+      "name": "--m3e-fab-menu-item-font-weight",
+      "description": "Font weight of the menu item label.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-text-color",
-      "description": "Color of the panel's text content.",
+      "name": "--m3e-fab-menu-item-line-height",
+      "description": "Line height of the menu item label.",
       "values": []
     },
     {
-      "name": "--m3e-expansion-panel-disabled-text-color",
-      "description": "Color of the panel's text content, when disabled.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-disabled-text-opacity",
-      "description": "Opacity of the panel's text content, when disabled.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-container-color",
-      "description": "Background color of the panel container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-elevation",
-      "description": "Elevation level when the panel is collapsed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-shape",
-      "description": "Shape (e.g. border radius) of the panel when collapsed.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-open-elevation",
-      "description": "Elevation level when the panel is expanded.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-open-shape",
-      "description": "Shape (e.g. border radius) of the panel when expanded.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-content-padding",
-      "description": "Padding around the panel's content area.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-actions-spacing",
-      "description": "Spacing between action buttons or elements.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-actions-padding",
-      "description": "Padding around the actions section.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-actions-divider-thickness",
-      "description": "Thickness of the divider above actions.",
-      "values": []
-    },
-    {
-      "name": "--m3e-expansion-panel-actions-divider-color",
-      "description": "Color of the divider above actions.",
-      "values": []
-    },
-    {
-      "name": "--m3e-fab-menu-spacing",
-      "description": "Vertical gap between menu items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-fab-menu-max-width",
-      "description": "Maximum width of the menu.",
-      "values": []
-    },
-    {
-      "name": "--m3e-primary-fab-color",
-      "description": "Foreground color for primary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-primary-fab-container-color",
-      "description": "Container color for primary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-primary-fab-hover-color",
-      "description": "Hover background color for primary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-primary-fab-focus-color",
-      "description": "Focus background color for primary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-primary-fab-ripple-color",
-      "description": "Ripple color for primary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-secondary-fab-color",
-      "description": "Foreground color for secondary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-secondary-fab-container-color",
-      "description": "Container color for secondary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-secondary-fab-hover-color",
-      "description": "Hover background color for secondary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-secondary-fab-focus-color",
-      "description": "Focus background color for secondary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-secondary-fab-ripple-color",
-      "description": "Ripple color for secondary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tertiary-fab-color",
-      "description": "Foreground color for tertiary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tertiary-fab-container-color",
-      "description": "Container color for tertiary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tertiary-fab-hover-color",
-      "description": "Hover background color for tertiary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tertiary-fab-focus-color",
-      "description": "Focus background color for tertiary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-tertiary-fab-ripple-color",
-      "description": "Ripple color for tertiary variant items.",
-      "values": []
-    },
-    {
-      "name": "--m3e-fab-menu-item-height",
-      "description": "Height of the menu item.",
-      "values": []
-    },
-    {
-      "name": "--m3e-fab-menu-item-font-size",
-      "description": "Font size of the menu item label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-fab-menu-item-font-weight",
-      "description": "Font weight of the menu item label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-fab-menu-item-line-height",
-      "description": "Line height of the menu item label.",
-      "values": []
-    },
-    {
-      "name": "--m3e-fab-menu-item-tracking",
-      "description": "Letter spacing of the menu item label.",
+      "name": "--m3e-fab-menu-item-tracking",
+      "description": "Letter spacing of the menu item label.",
       "values": []
     },
     {
@@ -10137,6 +10412,66 @@
       "description": "Margin for the active indicator in vertical orientation.",
       "values": []
     },
+    {
+      "name": "--m3e-nav-rail-top-space",
+      "description": "Top block padding for the nav rail.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-bottom-space",
+      "description": "Bottom block padding for the nav rail.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-compact-width",
+      "description": "Width of the nav rail in compact mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-inline-padding",
+      "description": "Inline padding for expanded nav rail.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-min-width",
+      "description": "Minimum width of the nav rail in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-max-width",
+      "description": "Maximum width of the nav rail in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-item-height",
+      "description": "Height of nav items in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-button-item-space",
+      "description": "Space below icon buttons and FABs.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-rail-expanded-icon-button-inset",
+      "description": "Inset for icon buttons in expanded mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-height",
+      "description": "Height of the navigation bar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-container-color",
+      "description": "Background color of the navigation bar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-nav-bar-vertical-item-width",
+      "description": "Minimum width of vertical nav items.",
+      "values": []
+    },
     {
       "name": "--m3e-nav-menu-padding-top",
       "description": "Top padding for the menu.",
@@ -10337,66 +10672,6 @@
       "description": "Vertical spacing around the group's label.",
       "values": []
     },
-    {
-      "name": "--m3e-nav-rail-top-space",
-      "description": "Top block padding for the nav rail.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-bottom-space",
-      "description": "Bottom block padding for the nav rail.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-compact-width",
-      "description": "Width of the nav rail in compact mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-inline-padding",
-      "description": "Inline padding for expanded nav rail.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-min-width",
-      "description": "Minimum width of the nav rail in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-max-width",
-      "description": "Maximum width of the nav rail in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-item-height",
-      "description": "Height of nav items in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-button-item-space",
-      "description": "Space below icon buttons and FABs.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-rail-expanded-icon-button-inset",
-      "description": "Inset for icon buttons in expanded mode.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-bar-height",
-      "description": "Height of the navigation bar.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-bar-container-color",
-      "description": "Background color of the navigation bar container.",
-      "values": []
-    },
-    {
-      "name": "--m3e-nav-bar-vertical-item-width",
-      "description": "Minimum width of vertical nav items.",
-      "values": []
-    },
     {
       "name": "--m3e-option-height",
       "description": "The height of the group label container.",
@@ -10827,6 +11102,231 @@
       "description": "Fallback icon color used when the radio is invalid and touched.",
       "values": []
     },
+    {
+      "name": "--m3e-search-bar-container-color",
+      "description": "Background color of the search bar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-leading-icon-color",
+      "description": "Color of the leading icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-trailing-icon-color",
+      "description": "Color of the trailing icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-container-height",
+      "description": "Height of the search bar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-container-shape",
+      "description": "Shape (border radius) of the search bar container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-icon-size",
+      "description": "Size of icons inside the search bar.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-supporting-text-color",
+      "description": "Color of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-supporting-text-font-size",
+      "description": "Font size of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-supporting-text-font-weight",
+      "description": "Font weight of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-supporting-text-line-height",
+      "description": "Line height of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-supporting-text-tracking",
+      "description": "Letter spacing of the supporting text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-color",
+      "description": "Color of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-font-size",
+      "description": "Font size of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-font-weight",
+      "description": "Font weight of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-line-height",
+      "description": "Line height of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-input-text-tracking",
+      "description": "Letter spacing of the input text.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-leading-space",
+      "description": "Space before the leading icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-trailing-space",
+      "description": "Space after the trailing icon.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-no-actions-leading-space",
+      "description": "Leading padding when no actions are present.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-no-actions-trailing-space",
+      "description": "Trailing padding when no actions are present.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-leading-actions-trailing-space",
+      "description": "Space between leading actions and the input.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-trailing-actions-leading-space",
+      "description": "Space between the input and trailing actions.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-bar-actions-gap",
+      "description": "Gap between action icons.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-container-color",
+      "description": "Background color of the view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-container-color",
+      "description": "Background color of the contained view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-divider-color",
+      "description": "Color of the divider separating header and results.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-divider-thickness",
+      "description": "Thickness of the divider separating header and results.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-full-screen-container-shape",
+      "description": "Shape of the fullscreen view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-full-screen-header-container-height",
+      "description": "Height of the header container in fullscreen mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-container-shape",
+      "description": "Shape of the docked view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-header-container-height",
+      "description": "Height of the header container in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-leading-margin",
+      "description": "Leading margin for the contained view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-trailing-margin",
+      "description": "Trailing margin for the contained view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-focused-leading-margin",
+      "description": "Leading margin when the contained view is focused.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-focused-trailing-margin",
+      "description": "Trailing margin when the contained view is focused.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-bar-results-gap",
+      "description": "Gap between the contained docked bar and results.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-results-shape",
+      "description": "Shape of the results container in contained docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-bar-shape",
+      "description": "Shape of the bar in contained docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-full-screen-bar-container-height",
+      "description": "Height of the bar container in contained fullscreen mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-container-min-height",
+      "description": "Minimum height of the docked view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-container-max-height",
+      "description": "Maximum height of the docked view container.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-contained-docked-results-space",
+      "description": "Space above the results in contained docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-results-bottom-space",
+      "description": "Space below the results in docked mode.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-scrim-color",
+      "description": "Color of the scrim behind the docked view.",
+      "values": []
+    },
+    {
+      "name": "--m3e-search-view-docked-scrim-opacity",
+      "description": "Opacity of the scrim behind the docked view.",
+      "values": []
+    },
     {
       "name": "--m3e-segmented-button-height",
       "description": "Total height of the segmented button.",
@@ -11037,6 +11537,26 @@
       "description": "Transition used to morph between shapes.",
       "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.",
@@ -11272,26 +11792,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.",