@revikornmann/muka-ui 0.19.0 → 0.20.0

package/dist/cjs/components/SpecList/SpecList.css

@@ -20,10 +20,10 @@
   flex: 0 0 auto;
   margin: 0;
   color: var(--color-text-subtle-default);
-  font-family: var(--text-body-md-regular-fontFamily);
-  font-weight: var(--text-body-md-regular-fontWeight);
-  font-size: var(--text-body-md-regular-fontSize);
-  line-height: var(--text-body-md-regular-lineHeight);
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  font-size: var(--text-body-base-regular-fontSize);
+  line-height: var(--text-body-base-regular-lineHeight);
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -41,10 +41,10 @@
 }
 
 .muka-spec-row__value-text {
-  font-family: var(--text-body-md-regular-fontFamily);
-  font-weight: var(--text-body-md-regular-fontWeight);
-  font-size: var(--text-body-md-regular-fontSize);
-  line-height: var(--text-body-md-regular-lineHeight);
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  font-size: var(--text-body-base-regular-fontSize);
+  line-height: var(--text-body-base-regular-lineHeight);
 }
 
 .muka-spec-row__hint {

package/dist/cjs/components/Spinner/Spinner.css

@@ -13,7 +13,7 @@
 }
 
 .muka-spinner--inverse {
-  color: var(--color-text-inverse-default);
+  color: var(--color-text-default-inverse);
 }
 
 .muka-spinner__circle {

package/dist/cjs/components/SwipeActions/SwipeActions.css

@@ -86,20 +86,20 @@
 
 .muka-swipe-actions__button--primary {
   background-color: var(--color-action-default);
-  color: var(--color-text-inverse-default, #fff);
+  color: var(--color-text-default-inverse);
 }
 
 .muka-swipe-actions__button--success {
-  background-color: var(--color-state-success-default, var(--color-action-default));
-  color: var(--color-text-inverse-default, #fff);
+  background-color: var(--color-state-success-default);
+  color: var(--color-text-default-inverse);
 }
 
 .muka-swipe-actions__button--warning {
-  background-color: var(--color-state-warning-default, var(--color-action-default));
+  background-color: var(--color-state-warning-default);
   color: var(--color-text-default-default);
 }
 
 .muka-swipe-actions__button--destructive {
-  background-color: var(--color-state-error-default, #c0392b);
-  color: var(--color-text-inverse-default, #fff);
+  background-color: var(--color-state-error-default);
+  color: var(--color-text-default-inverse);
 }

package/dist/cjs/components/Table/Table.css

@@ -55,7 +55,7 @@
    ======================================== */
 
 .muka-table__body .muka-table__row {
-  border-bottom: var(--border-width-regular) solid var(--color-border-subtle);
+  border-bottom: var(--border-width-regular) solid var(--color-border-muted);
 }
 
 .muka-table__body .muka-table__row:last-child {
@@ -67,11 +67,11 @@
 }
 
 .muka-table__body .muka-table__row--selected {
-  background-color: var(--table-row-selected-background, var(--color-action-background));
+  background-color: var(--table-row-selected-background, var(--color-action-default));
 }
 
 .muka-table__body .muka-table__row--selected:hover {
-  background-color: var(--table-row-selected-background, var(--color-action-background));
+  background-color: var(--table-row-selected-background, var(--color-action-default));
 }
 
 .muka-table__row--clickable {

package/dist/cjs/components/Table/TablePagination.css

@@ -13,7 +13,7 @@
   padding: var(--table-pagination-padding, var(--spacing-3));
   background-color: var(--table-pagination-background, var(--color-surface-level1));
   border-top: var(--border-width-regular) solid var(--table-pagination-border, var(--color-border-default));
-  font-family: var(--text-body-md-regular-fontFamily);
+  font-family: var(--text-body-base-regular-fontFamily);
   font-size: var(--text-body-sm-regular-fontSize);
   line-height: var(--text-body-sm-regular-lineHeight);
   color: var(--color-text-default-default);

package/dist/cjs/components/Tabs/Tabs.css

@@ -25,7 +25,7 @@
   align-items: center;
   position: relative;
   z-index: 2;
-  border-bottom: 1px solid var(--color-border-default, #e0e0e0);
+  border-bottom: 1px solid var(--tabs-trigger-color-default-border);
 }
 
 /* Tab Trigger — clean underline style */
@@ -43,7 +43,7 @@
   white-space: nowrap;
   position: relative;
   z-index: 2;
-  color: var(--color-text-subtle-default, #838383);
+  color: var(--tabs-trigger-color-default-foreground);
 
   /* Default MD size values */
   height: 48px;
@@ -75,12 +75,12 @@
 
 /* Hover state */
 .muka-tabs__trigger:hover:not(:disabled):not(.muka-tabs__trigger--current) {
-  color: var(--color-text-neutral-default, #202020);
+  color: var(--tabs-trigger-color-hover-foreground);
 }
 
 /* Current tab */
 .muka-tabs__trigger--current {
-  color: var(--color-text-action-default, #202020);
+  color: var(--tabs-trigger-color-current-foreground);
 }
 
 /* Active bottom border (underline) */
@@ -91,7 +91,7 @@
   left: 0;
   right: 0;
   height: 3px;
-  background-color: var(--color-text-action-default, #202020);
+  background-color: var(--tabs-trigger-color-current-foreground);
   border-bottom-left-radius: 1px;
   border-bottom-right-radius: 1px;
   border-top-left-radius: 3px;
@@ -100,7 +100,7 @@
 }
 
 .muka-tabs__trigger--disabled {
-  color: var(--color-text-disabled-foreground, #a0a0a0);
+  color: var(--tabs-trigger-color-disabled-foreground);
   cursor: not-allowed;
 }
 

package/dist/cjs/components/Textarea/Textarea.css

@@ -34,7 +34,7 @@
 }
 
 .muka-textarea__required {
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
 }
 
 /* Field container */
@@ -147,7 +147,7 @@
   font-weight: var(--text-label-sm-regular-fontWeight);
   font-size: var(--text-label-sm-regular-fontSize);
   line-height: var(--text-label-sm-regular-lineHeight);
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
   margin: 0;
 }
 

package/dist/cjs/components/Waveform/Waveform.css

@@ -9,7 +9,7 @@
 .muka-waveform {
   display: flex;
   align-items: center;
-  gap: var(--spacing-05, 2px);
+  gap: var(--size-3xs);
   width: 100%;
   min-width: 0;
 }

package/dist/esm/components/ActionSheet/ActionSheet.css

@@ -56,10 +56,10 @@
   cursor: pointer;
   text-align: left;
   color: var(--color-text-default-default);
-  font-family: var(--text-body-md-regular-fontFamily);
-  font-weight: var(--text-body-md-regular-fontWeight);
-  font-size: var(--text-body-md-regular-fontSize);
-  line-height: var(--text-body-md-regular-lineHeight);
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  font-size: var(--text-body-base-regular-fontSize);
+  line-height: var(--text-body-base-regular-lineHeight);
   -webkit-tap-highlight-color: transparent;
   transition: background-color 0.12s ease;
 }

package/dist/esm/components/BottomBar/BottomBar.css

@@ -141,7 +141,6 @@
   font-weight: var(--text-label-sm-regular-fontWeight);
   font-size: var(--text-label-sm-regular-fontSize);
   line-height: var(--text-label-sm-regular-lineHeight);
-  letter-spacing: var(--text-label-sm-regular-letterSpacing);
 }
 
 /* ─── Floating modifier ───────────────────────────────── */
@@ -227,7 +226,6 @@
     font-weight: var(--text-label-md-regular-fontWeight);
     font-size: var(--text-label-md-regular-fontSize);
     line-height: var(--text-label-md-regular-lineHeight);
-    letter-spacing: var(--text-label-md-regular-letterSpacing);
   }
 
   /* When floating and sidebar, remove the floating card styles */
@@ -292,7 +290,6 @@
     font-weight: var(--text-label-md-regular-fontWeight);
     font-size: var(--text-label-md-regular-fontSize);
     line-height: var(--text-label-md-regular-lineHeight);
-    letter-spacing: var(--text-label-md-regular-letterSpacing);
   }
 
   /* When floating and topnav, remove the floating card styles */

package/dist/esm/components/Breadcrumb/Breadcrumb.css

@@ -16,19 +16,36 @@
   gap: var(--spacing-1);
 }
 
+.muka-breadcrumb__item:has(.muka-breadcrumb__icon) {
+  padding-left: var(--spacing-1);
+}
+
 .muka-breadcrumb__icon {
   display: inline-flex;
   align-items: center;
   color: var(--color-text-subtle-default);
 }
 
+.muka-breadcrumb__icon .muka-icon {
+  color: inherit;
+}
+
+.muka-breadcrumb__item:has(.muka-breadcrumb__current) .muka-breadcrumb__icon {
+  color: var(--color-text-default-default);
+}
+
+.muka-breadcrumb__item:has(.muka-breadcrumb__link:hover) .muka-breadcrumb__icon {
+  color: var(--color-text-action-default);
+}
+
 /* Link styles */
 .muka-breadcrumb__link {
   color: var(--color-text-subtle-default);
   text-decoration: none;
   border: none;
   background: none;
-  padding: 0;
+  padding-inline: var(--spacing-2);
+  padding-block: 0;
   cursor: pointer;
   font: inherit;
   transition: color 0.15s ease;
@@ -39,10 +56,17 @@
   text-decoration: underline;
 }
 
-/* Current page (last item) */
+/* Tighter gap after leading icon */
+.muka-breadcrumb__item:has(.muka-breadcrumb__icon) .muka-breadcrumb__link,
+.muka-breadcrumb__item:has(.muka-breadcrumb__icon) .muka-breadcrumb__current {
+  padding-left: var(--spacing-1);
+}
+
+/* Current page (last item, no context switcher) */
 .muka-breadcrumb__current {
   color: var(--color-text-default-default);
   font-weight: 600;
+  padding-inline: var(--spacing-2);
 }
 
 /* Separator */

package/dist/esm/components/Combobox/Combobox.css

@@ -84,7 +84,7 @@
 }
 
 .muka-combobox__field--error:not(.muka-combobox__field--disabled) {
-  border-color: var(--color-state-error-border, var(--color-state-error-foreground));
+  border-color: var(--color-state-error-contrast);
 }
 
 .muka-combobox__field--disabled {
@@ -141,7 +141,7 @@
 
 .muka-combobox__error {
   margin: 0;
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
   font-family: var(--text-label-sm-regular-fontFamily);
   font-size: var(--text-label-sm-regular-fontSize);
   font-weight: var(--text-label-sm-regular-fontWeight);

package/dist/esm/components/ContextSelect/ContextSelect.css

@@ -71,10 +71,10 @@
 }
 
 .muka-context-select__label {
-  font-family: var(--text-label-sm-regular-font-family);
-  font-size: var(--text-label-sm-regular-font-size);
-  font-weight: var(--text-label-sm-regular-font-weight);
-  line-height: var(--text-label-sm-regular-line-height);
+  font-family: var(--text-label-sm-regular-fontFamily);
+  font-size: var(--text-label-sm-regular-fontSize);
+  font-weight: var(--text-label-sm-regular-fontWeight);
+  line-height: var(--text-label-sm-regular-lineHeight);
   white-space: nowrap;
 }
 

package/dist/esm/components/DocumentViewer/DocumentViewer.css

@@ -65,7 +65,7 @@
   line-height: var(--text-label-sm-lineHeight);
   border: 1px solid var(--color-border-default);
   border-radius: var(--border-radius-md);
-  background-color: var(--color-surface-default);
+  background-color: var(--color-surface-level0);
   color: var(--color-text-default-default);
 }
 
@@ -210,7 +210,7 @@
 
 .muka-documentviewer__thumbnail-label {
   font-family: var(--alias-font-brand-family);
-  font-size: var(--text-label-xs-fontSize);
+  font-size: var(--text-label-xs-regular-fontSize);
   color: var(--color-text-default-default);
   font-weight: var(--alias-font-brand-weight-medium);
 }

package/dist/esm/components/DropdownSelect/DropdownSelect.css

@@ -38,7 +38,7 @@
 }
 
 .muka-dropdown-select__required {
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
 }
 
 .muka-dropdown-select__field {
@@ -98,7 +98,7 @@
 }
 
 .muka-dropdown-select__field--error:not(.muka-dropdown-select__field--disabled) {
-  border-color: var(--color-state-error-border, var(--color-state-error-foreground));
+  border-color: var(--color-state-error-contrast);
 }
 
 .muka-dropdown-select__field--disabled {
@@ -213,7 +213,7 @@
 
 .muka-dropdown-select__error {
   margin: 0;
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
   font-family: var(--text-label-sm-regular-fontFamily);
   font-size: var(--text-label-sm-regular-fontSize);
   font-weight: var(--text-label-sm-regular-fontWeight);

package/dist/esm/components/EmptyState/EmptyState.css

@@ -80,10 +80,10 @@
 .muka-emptystate__title {
   color: var(--emptystate-title-color);
   margin: 0;
-  font-family: var(--text-heading-h4-fontFamily);
-  font-weight: var(--text-heading-h4-fontWeight);
-  font-size: var(--text-heading-h4-fontSize);
-  line-height: var(--text-heading-h4-lineHeight);
+  font-family: var(--text-heading-sm-fontFamily);
+  font-weight: var(--text-heading-sm-fontWeight);
+  font-size: var(--text-heading-sm-fontSize);
+  line-height: var(--text-heading-sm-lineHeight);
 }
 
 .muka-emptystate--sm .muka-emptystate__title {
@@ -94,10 +94,10 @@
 }
 
 .muka-emptystate--lg .muka-emptystate__title {
-  font-family: var(--text-heading-h3-fontFamily);
-  font-weight: var(--text-heading-h3-fontWeight);
-  font-size: var(--text-heading-h3-fontSize);
-  line-height: var(--text-heading-h3-lineHeight);
+  font-family: var(--text-heading-md-fontFamily);
+  font-weight: var(--text-heading-md-fontWeight);
+  font-size: var(--text-heading-md-fontSize);
+  line-height: var(--text-heading-md-lineHeight);
 }
 
 /* Description */

package/dist/esm/components/FAB/FAB.css

@@ -38,7 +38,7 @@
 
 .muka-fab--primary {
   background-color: var(--color-action-default);
-  color: var(--color-text-inverse-default);
+  color: var(--color-text-default-inverse);
 }
 
 .muka-fab--primary:hover:not(:disabled) {

package/dist/esm/components/FileUpload/FileUpload.css

@@ -118,10 +118,10 @@
 
 /* Text */
 .muka-fileupload__text {
-  font-family: var(--text-body-md-regular-fontFamily);
-  font-size: var(--text-body-md-regular-fontSize);
-  font-weight: var(--text-body-md-regular-fontWeight);
-  line-height: var(--text-body-md-regular-lineHeight);
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-size: var(--text-body-base-regular-fontSize);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  line-height: var(--text-body-base-regular-lineHeight);
   color: var(--color-text-default-default);
 }
 
@@ -204,10 +204,10 @@
 }
 
 .muka-fileupload-item__name {
-  font-family: var(--text-body-sm-medium-fontFamily);
-  font-size: var(--text-body-sm-medium-fontSize);
-  font-weight: var(--text-body-sm-medium-fontWeight);
-  line-height: var(--text-body-sm-medium-lineHeight);
+  font-family: var(--text-body-sm-regular-fontFamily);
+  font-size: var(--text-body-sm-regular-fontSize);
+  font-weight: var(--text-body-sm-regular-fontWeight);
+  line-height: var(--text-body-sm-regular-lineHeight);
   color: var(--fileupload-item-color-default-foreground);
   white-space: nowrap;
   overflow: hidden;
@@ -243,11 +243,11 @@
 }
 
 .muka-fileupload-item__status-icon--success {
-  color: var(--color-state-success-foreground);
+  color: var(--fileupload-item-color-success-foreground);
 }
 
 .muka-fileupload-item__status-icon--error {
-  color: var(--color-state-error-foreground);
+  color: var(--fileupload-item-color-error-foreground);
 }
 
 .muka-fileupload-item__remove {

package/dist/esm/components/Icon/iconRegistry.js

@@ -3,12 +3,13 @@ import { ArrowDropUpDownIcon } from './custom/ArrowDropUpDownIcon';
 import { ArrowReturnIcon } from './custom/ArrowReturnIcon';
 /**
  * Convert PascalCase to kebab-case
- * e.g., "ArrowLeftS" -> "arrow-left-s"
+ * e.g., "ArrowLeftS" -> "arrow-left-s", "Home4" -> "home-4"
  */
 function toKebabCase(str) {
     return str
         .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
         .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
+        .replace(/([a-zA-Z])(\d+)/g, '$1-$2')
         .toLowerCase();
 }
 const NullComponent = function NullIcon() {
@@ -85,6 +86,13 @@ iconRegistry['arrow-return'] = {
     line: ArrowReturnIcon,
     fill: ArrowReturnIcon,
 };
+// Alias digit-hyphen names without the hyphen (home-4 → home4) for older call sites
+for (const key of Object.keys(iconRegistry)) {
+    const compact = key.replace(/-(\d+)/g, '$1');
+    if (compact !== key && !iconRegistry[compact]) {
+        iconRegistry[compact] = iconRegistry[key];
+    }
+}
 export function getIconComponent(name, variant) {
     const entry = iconRegistry[name];
     if (!entry)

package/dist/esm/components/Icon/iconRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconRegistry.js","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"iconRegistry.js","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Input/Input.css

@@ -39,7 +39,7 @@
 }
 
 .muka-input__required {
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
 }
 
 .muka-input__label--sm + .muka-input__field--disabled,
@@ -245,6 +245,6 @@
   font-weight: var(--text-label-sm-regular-fontWeight);
   font-size: var(--text-label-sm-regular-fontSize);
   line-height: var(--text-label-sm-regular-lineHeight);
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
   margin: 0;
 }

package/dist/esm/components/Label/Label.css

@@ -34,5 +34,5 @@
 }
 
 .muka-label__required {
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
 }

package/dist/esm/components/LicensePlateInput/LicensePlateInput.css

@@ -185,6 +185,6 @@
   font-weight: var(--text-label-sm-regular-fontWeight);
   font-size: var(--text-label-sm-regular-fontSize);
   line-height: var(--text-label-sm-regular-lineHeight);
-  color: var(--color-state-error-foreground);
+  color: var(--color-state-error-default);
   margin: 0;
 }

package/dist/esm/components/Menu/Menu.css

@@ -138,7 +138,7 @@
 }
 
 .muka-menu__match {
-  font-weight: var(--font-weight-bold, 700);
+  font-weight: var(--text-label-md-bold-fontWeight);
 }
 
 .muka-menu__content--scrollbar {

package/dist/esm/components/Pagination/Pagination.css

@@ -30,9 +30,9 @@
 
 /* Active page */
 .muka-pagination__button--active {
-  background-color: var(--button-color-primary-default-background);
-  color: var(--button-color-primary-default-foreground);
-  border-color: var(--button-color-primary-default-background);
+  background-color: var(--button-color-primary-background-default);
+  color: var(--button-color-primary-foreground-default);
+  border-color: var(--button-color-primary-background-default);
   font-weight: 600;
 }
 
@@ -63,37 +63,37 @@
 
 /* Size variants */
 .muka-pagination--sm .muka-pagination__button {
-  min-width: var(--button-height-sm);
-  height: var(--button-height-sm);
+  min-width: var(--size-2xl);
+  height: var(--size-2xl);
   font-size: var(--text-label-sm-regular-fontSize);
 }
 
 .muka-pagination--sm .muka-pagination__ellipsis {
-  min-width: var(--button-height-sm);
-  height: var(--button-height-sm);
+  min-width: var(--size-2xl);
+  height: var(--size-2xl);
   font-size: var(--text-label-sm-regular-fontSize);
 }
 
 .muka-pagination--md .muka-pagination__button {
-  min-width: var(--button-height-default);
-  height: var(--button-height-default);
+  min-width: var(--size-3xl);
+  height: var(--size-3xl);
   font-size: var(--text-label-md-regular-fontSize);
 }
 
 .muka-pagination--md .muka-pagination__ellipsis {
-  min-width: var(--button-height-default);
-  height: var(--button-height-default);
+  min-width: var(--size-3xl);
+  height: var(--size-3xl);
   font-size: var(--text-label-md-regular-fontSize);
 }
 
 .muka-pagination--lg .muka-pagination__button {
-  min-width: var(--button-height-lg);
-  height: var(--button-height-lg);
+  min-width: var(--size-4xl);
+  height: var(--size-4xl);
   font-size: var(--text-label-lg-regular-fontSize);
 }
 
 .muka-pagination--lg .muka-pagination__ellipsis {
-  min-width: var(--button-height-lg);
-  height: var(--button-height-lg);
+  min-width: var(--size-4xl);
+  height: var(--size-4xl);
   font-size: var(--text-label-lg-regular-fontSize);
 }

package/dist/esm/components/PhotoUploader/PhotoUploader.css

@@ -79,10 +79,10 @@
 }
 
 .muka-photo-uploader__dropzone-text {
-  font-family: var(--text-body-md-regular-fontFamily);
-  font-size: var(--text-body-md-regular-fontSize);
-  font-weight: var(--text-body-md-regular-fontWeight);
-  line-height: var(--text-body-md-regular-lineHeight);
+  font-family: var(--text-body-base-regular-fontFamily);
+  font-size: var(--text-body-base-regular-fontSize);
+  font-weight: var(--text-body-base-regular-fontWeight);
+  line-height: var(--text-body-base-regular-lineHeight);
   color: var(--color-text-subtle-default);
 }
 

package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css

@@ -13,16 +13,18 @@
 
 /* Per-state gap: content-bearing steps are tighter, header-only steps looser */
 .muka-progress-accordeon--current,
-.muka-progress-accordeon--past.muka-progress-accordeon--expanded {
+.muka-progress-accordeon--past.muka-progress-accordeon--expanded,
+.muka-progress-accordeon--upcoming.muka-progress-accordeon--expanded {
   gap: var(--spacing-6);
 }
 
 .muka-progress-accordeon--upcoming,
-.muka-progress-accordeon--past.muka-progress-accordeon--collapsed {
+.muka-progress-accordeon--past.muka-progress-accordeon--collapsed,
+.muka-progress-accordeon--upcoming.muka-progress-accordeon--collapsed {
   gap: var(--spacing-8);
 }
 
-/* Past steps group header + slot. The header↔content gap lives inside the
+/* Collapsible steps group header + slot. The header↔content gap lives inside the
    collapsing slot (as padding-top) so it collapses with the content, so the
    body gap itself is 0. */
 .muka-progress-accordeon__body {
@@ -56,8 +58,10 @@
   gap: var(--spacing-4);
 }
 
-/* Past steps carry 40px controls; nudge the heading to vertically centre it */
-.muka-progress-accordeon--past .muka-progress-accordeon__heading-group {
+/* Steps with header controls (edit / chevron) are 40px tall; nudge the heading
+   so a single line centres against the indicator + controls row. */
+.muka-progress-accordeon:has(.muka-progress-accordeon__controls)
+  .muka-progress-accordeon__heading-group {
   padding-top: var(--spacing-1);
 }
 
@@ -161,7 +165,7 @@
   width: 100%;
 }
 
-/* ─── Collapse/expand animation (past steps) ─────────────────
+/* ─── Collapse/expand animation (past & upcoming steps) ──────
    The grid-template-rows 1fr → 0fr technique animates the content to/from its
    intrinsic (auto) height with no magic max-height. Under prefers-reduced-motion
    --motion-duration-view resolves to 0ms, so the toggle stays instant. */