morya-ui 0.2.4 → 0.2.5

package/dist/components/Skeleton/styles.css

@@ -31,6 +31,17 @@
     }
 }
 
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-skeleton--wave::after {
+        animation: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-skeleton--wave::after,
+[data-m-motion="none"] .m-skeleton--wave::after {
+    animation: none;
+}
+
 .m-skeleton-repeat {
     display: grid;
     gap: var(--m-space-2);

package/dist/components/Slider/styles.css

@@ -1,4 +1,4 @@
-/* ???Form: Slider ???*/
+/* —— Form: Slider —— */
 .m-slider-field {
     display: grid;
     gap: var(--m-space-2);
@@ -7,6 +7,7 @@
 
 .m-slider-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -88,7 +89,7 @@
     -webkit-appearance: none;
     appearance: none;
     background: var(--m-color-primary);
-    border: 2px solid var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-surface);
     border-radius: 50%;
     box-shadow: 0 0 0 var(--m-border-width)
         color-mix(in srgb, var(--m-color-primary) 40%, transparent);
@@ -96,16 +97,18 @@
     margin-top: calc(
         (var(--m-slider-track-height) - var(--m-slider-thumb-size)) / 2
     );
+    transition: box-shadow var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-slider-thumb-size);
 }
 
 .m-slider__input::-moz-range-thumb {
     background: var(--m-color-primary);
-    border: 2px solid var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-surface);
     border-radius: 50%;
     box-shadow: 0 0 0 var(--m-border-width)
         color-mix(in srgb, var(--m-color-primary) 40%, transparent);
     height: var(--m-slider-thumb-size);
+    transition: box-shadow var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-slider-thumb-size);
 }
 
@@ -124,6 +127,7 @@
 }
 
 .m-slider--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
 }
@@ -136,16 +140,17 @@
 }
 
 .m-slider--vertical .m-slider__input {
+    direction: rtl;
     height: 100%;
     width: var(--m-slider-thumb-size);
     writing-mode: vertical-lr;
-    direction: rtl;
 }
 
 .m-slider__tooltip {
     background: var(--m-color-text);
     border-radius: var(--m-radius-sm);
     color: var(--m-color-surface);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-xs);
     left: 50%;
     padding: var(--m-slider-tooltip-padding-block) var(--m-slider-tooltip-padding-inline);
@@ -161,11 +166,12 @@
 }
 
 .m-slider--vertical .m-slider__marks {
-    inset: 0.5rem auto 0.5rem 1.5rem;
+    inset: var(--m-space-2) auto var(--m-space-2) var(--m-space-6);
 }
 
 .m-slider__mark {
     color: var(--m-color-text-muted);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-xs);
     position: absolute;
     transform: translateX(-50%);
@@ -186,3 +192,11 @@
 .m-slider--invalid .m-slider__input {
     accent-color: var(--m-color-danger);
 }
+
+.m-slider--invalid .m-slider__input:focus-visible::-webkit-slider-thumb {
+    box-shadow: var(--m-focus-shadow-danger);
+}
+
+.m-slider--invalid .m-slider__input:focus-visible::-moz-range-thumb {
+    box-shadow: var(--m-focus-shadow-danger);
+}

package/dist/components/Space/Space.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Space.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Space/Space.vue"],"names":[],"mappings":";AAqEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAiHzC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Space.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Space/Space.vue"],"names":[],"mappings":";AAmEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAmHzC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Space/styles.css

@@ -1,10 +1,11 @@
-/* —— Panel: Space —— */
 .m-space {
     box-sizing: border-box;
     min-width: 0;
 }
 
 .m-space__item {
+    box-sizing: border-box;
     display: block;
     max-width: 100%;
+    min-width: 0;
 }

package/dist/components/Space/types.d.ts

@@ -1,6 +1,6 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { CSSProperties } from 'vue';
 import { MFlexAlign, MFlexJustify, MGapSize } from '../../shared/gap';
+import { RootPassThrough } from '../../shared/passThrough';
 export type SpaceAlign = MFlexAlign;
 export type SpaceJustify = MFlexJustify;
 export type SpaceSize = MGapSize;

package/dist/components/Space/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Space/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE1E,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,YAAY,GAAG,YAAY,CAAA;AACvC,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAA;AAEhC,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAClC,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Space/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAC1E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AACnC,MAAM,MAAM,YAAY,GAAG,YAAY,CAAA;AACvC,MAAM,MAAM,SAAS,GAAG,QAAQ,CAAA;AAEhC,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yBAAyB;IACzB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IAClC,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf"}

package/dist/components/SpeedDial/styles.css

@@ -1,4 +1,4 @@
-/* —— Primitive: SpeedDial —— */
+/* —— Navigation: SpeedDial —— */
 .m-speeddial {
     display: inline-flex;
     position: relative;
@@ -12,18 +12,26 @@
     color: var(--m-color-on-emphasis);
     cursor: pointer;
     display: inline-flex;
-    font: inherit;
-    font-size: 1.25rem;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-font-size-lg);
     height: var(--m-control-height-large);
     justify-content: center;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-control-height-large);
 }
 
+.m-speeddial__button:hover:not(:disabled) {
+    background: var(--m-color-primary-hover);
+}
+
 .m-speeddial__button:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
 
+.m-speeddial__button:disabled,
 .m-speeddial--disabled .m-speeddial__button {
     cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
@@ -97,11 +105,14 @@
     color: var(--m-color-text);
     cursor: pointer;
     display: inline-flex;
-    font: inherit;
+    font-family: var(--m-font-sans);
     gap: var(--m-space-1);
     justify-content: center;
     min-height: var(--m-control-height-medium);
     padding: 0 var(--m-space-3);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-speeddial__action-label {
@@ -116,6 +127,11 @@
     );
 }
 
+.m-speeddial__action:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
 .m-speeddial__action:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;

package/dist/components/SpeedDial/types.d.ts

@@ -1,6 +1,6 @@
-import { RootPassThrough } from '../../shared/passThrough';
-import { MAppendTo } from '../../shared/overlay';
 import { MenuNodeBase } from '../../shared/menu';
+import { MAppendTo } from '../../shared/overlay';
+import { RootPassThrough } from '../../shared/passThrough';
 export type SpeedDialDirection = 'up' | 'down' | 'left' | 'right';
 export interface SpeedDialItem extends Omit<MenuNodeBase, 'label'> {
     label: string;

package/dist/components/SpeedDial/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SpeedDial/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAEjE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAA;CACjD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SpeedDial/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;AAEjE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAChE,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,cAAc;IAC7B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,aAAa,GAAG,IAAI,CAAA;CACjD"}

package/dist/components/SplitButton/SplitButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton/SplitButton.vue"],"names":[],"mappings":";AA+OA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAwVhE,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAS/C,QAAA,MAAM,UAAU;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"SplitButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton/SplitButton.vue"],"names":[],"mappings":";AA6OA,OAAO,KAAK,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAwVhE,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAS/C,QAAA,MAAM,UAAU;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/SplitButton/styles.css

@@ -18,11 +18,17 @@
     cursor: pointer;
     display: inline-flex;
     font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     font-weight: 600;
     gap: var(--m-space-2);
     min-height: var(--m-control-height-medium);
     padding: 0 var(--m-button-padding-x-medium);
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-splitbutton__main {
@@ -44,19 +50,34 @@
 
 .m-splitbutton__main:hover:not(:disabled),
 .m-splitbutton__trigger:hover:not(:disabled) {
-    filter: brightness(1.06);
+    background: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary-hover);
 }
 
 .m-splitbutton--outlined .m-splitbutton__main:hover:not(:disabled),
-.m-splitbutton--outlined .m-splitbutton__trigger:hover:not(:disabled),
+.m-splitbutton--outlined .m-splitbutton__trigger:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        transparent
+    );
+    border-color: var(--m-color-primary);
+}
+
 .m-splitbutton--secondary .m-splitbutton__main:hover:not(:disabled),
 .m-splitbutton--secondary .m-splitbutton__trigger:hover:not(:disabled) {
     background: color-mix(
         in srgb,
-        var(--m-color-primary) 10%,
+        var(--m-color-text-muted) 24%,
         var(--m-color-surface)
     );
-    filter: none;
+    border-color: var(--m-color-border);
+}
+
+.m-splitbutton--danger .m-splitbutton__main:hover:not(:disabled),
+.m-splitbutton--danger .m-splitbutton__trigger:hover:not(:disabled) {
+    background: color-mix(in srgb, var(--m-color-danger) 85%, black);
+    border-color: color-mix(in srgb, var(--m-color-danger) 85%, black);
 }
 
 .m-splitbutton__main:focus-visible,
@@ -129,10 +150,16 @@
 }
 
 .m-splitbutton--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
 }
 
+.m-splitbutton__item:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-splitbutton__menu {
     background: var(--m-color-surface);
     border: var(--m-border-width) solid var(--m-color-border);
@@ -154,7 +181,7 @@
     position: fixed;
     right: auto;
     top: auto;
-    z-index: var(--m-z-overlay);
+    z-index: var(--m-z-dropdown);
 }
 
 .m-splitbutton__item {

package/dist/components/SplitButton/types.d.ts

@@ -1,5 +1,5 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { MAppendTo } from '../../shared/overlay';
+import { RootPassThrough } from '../../shared/passThrough';
 import { ButtonSeverity, ButtonSize } from '../Button/types';
 export interface SplitButtonItem {
     label: string;

package/dist/components/SplitButton/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzC,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CAAA;CAChD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/SplitButton/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAEjE,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACtC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzC,CAAC,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,eAAe,GAAG,IAAI,CAAA;CAChD"}

package/dist/components/Splitter/Splitter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Splitter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/Splitter.vue"],"names":[],"mappings":";AAmSA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAiW1D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACxC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO5C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Splitter.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/Splitter.vue"],"names":[],"mappings":";AAgSA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkW1D,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACxC;IAAE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACtD;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO5C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Splitter/styles.css

@@ -1,8 +1,10 @@
-/* —— Panel: Splitter —— */
+/* —— Layout: Splitter —— */
 .m-splitter {
     --m-splitter-trigger-size: 6px;
+    --m-splitter-min-height: 6rem;
     display: flex;
-    min-height: 6rem;
+    font-family: var(--m-font-sans);
+    min-height: var(--m-splitter-min-height);
     overflow: hidden;
     width: 100%;
 }
@@ -35,6 +37,7 @@
     background: var(--m-color-border);
     flex: 0 0 var(--m-splitter-trigger-size);
     touch-action: none;
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease);
     z-index: var(--m-z-popper);
 }
 
@@ -61,6 +64,7 @@
 }
 
 .m-splitter--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 

package/dist/components/Splitter/types.d.ts

@@ -1,5 +1,5 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { CSSProperties } from 'vue';
+import { RootPassThrough } from '../../shared/passThrough';
 export type SplitterLayout = 'horizontal' | 'vertical';
 /** Size: percent `0–100`, ratio `0–1`, or pixel string like `'120px'`. */
 export type SplitterSize = number | string;

package/dist/components/Splitter/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AAExC,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,kFAAkF;IAClF,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC5C,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAChD,CAAC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAC/C,CAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;CAC/C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Splitter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,KAAK,CAAA;AACxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,UAAU,CAAA;AAEtD,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,MAAM,CAAA;AAE1C,MAAM,WAAW,aAAa;IAC5B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,kFAAkF;IAClF,MAAM,CAAC,EAAE,cAAc,CAAA;IACvB,kDAAkD;IAClD,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,yDAAyD;IACzD,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;IACnC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAA;CACpC;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC5C,CAAC,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAChD,CAAC,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;IAC/C,CAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,KAAK,GAAG,IAAI,CAAA;CAC/C"}

package/dist/components/Status/Status.vue.d.ts

@@ -0,0 +1,19 @@
+import { StatusProps, StatusSeverity } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: DefineComponent<StatusProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<StatusProps> & Readonly<{}>, {
+    severity: StatusSeverity;
+    processing: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Status.vue.d.ts.map

package/dist/components/Status/Status.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Status.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Status/Status.vue"],"names":[],"mappings":";AAwCA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAoE1C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Status/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MStatus } from './Status.vue';
+export type { StatusProps, StatusSeverity, StatusSize } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Status/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Status/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AACjD,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Status/styles.css

@@ -0,0 +1,106 @@
+.m-status {
+    --m-status-dot-size: 0.5rem;
+    align-items: center;
+    color: var(--m-color-text);
+    display: inline-flex;
+    font-family: var(--m-font-sans);
+    font-size: var(--m-font-size-sm);
+    font-weight: 500;
+    gap: var(--m-space-2);
+    line-height: 1.25;
+    vertical-align: middle;
+}
+
+.m-status__dot {
+    background: currentColor;
+    border-radius: var(--m-radius-full);
+    flex-shrink: 0;
+    height: var(--m-status-dot-size);
+    width: var(--m-status-dot-size);
+}
+
+.m-status__label {
+    min-width: 0;
+}
+
+.m-status--small {
+    --m-status-dot-size: 0.375rem;
+    font-size: var(--m-font-size-xs);
+    gap: var(--m-space-1);
+}
+
+.m-status--large {
+    --m-status-dot-size: 0.625rem;
+    font-size: var(--m-font-size-md);
+    gap: var(--m-space-2);
+}
+
+.m-status--primary {
+    color: var(--m-color-primary);
+}
+
+.m-status--secondary {
+    color: var(--m-color-text-muted);
+}
+
+.m-status--secondary .m-status__dot {
+    background: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 70%,
+        var(--m-color-surface)
+    );
+}
+
+.m-status--success {
+    color: var(--m-color-success);
+}
+
+.m-status--info {
+    color: var(--m-color-info);
+}
+
+.m-status--warn,
+.m-status--warning {
+    color: var(--m-color-warn);
+}
+
+.m-status--danger {
+    color: var(--m-color-danger);
+}
+
+.m-status--contrast {
+    color: var(--m-color-contrast);
+}
+
+.m-status--help {
+    color: var(--m-color-help);
+}
+
+.m-status--custom {
+    color: var(--m-status-color);
+}
+
+.m-status--processing .m-status__dot {
+    animation: m-status-pulse var(--m-motion-pulse) ease-in-out infinite;
+}
+
+@keyframes m-status-pulse {
+    0%,
+    100% {
+        box-shadow: 0 0 0 0 color-mix(in srgb, currentColor 45%, transparent);
+    }
+    70% {
+        box-shadow: 0 0 0 0.4rem transparent;
+    }
+}
+
+@media (prefers-reduced-motion: reduce) {
+    .m-status--processing .m-status__dot {
+        animation: none;
+    }
+}
+
+:root[data-m-motion='none'] .m-status--processing .m-status__dot,
+:root[data-m-motion='reduced'] .m-status--processing .m-status__dot {
+    animation: none;
+}

package/dist/components/Status/types.d.ts

@@ -0,0 +1,19 @@
+import { MSizeInput, MTagSeverity } from '../../shared/types';
+export type StatusSeverity = MTagSeverity | 'warning';
+export type StatusSize = MSizeInput;
+export interface StatusProps {
+    /** Status text. Ignored when default slot has content. */
+    label?: string;
+    /**
+     * Semantic color. Defaults to `secondary` (neutral).
+     * Legacy `warning` is normalized to `warn`.
+     */
+    severity?: StatusSeverity;
+    /** Pulse animation on the status dot. */
+    processing?: boolean;
+    /** Size. Also accepts legacy `sm` / `lg`. */
+    size?: StatusSize;
+    /** Custom color. Overrides `severity` when set. */
+    color?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Status/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Status/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAElE,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,SAAS,CAAA;AACrD,MAAM,MAAM,UAAU,GAAG,UAAU,CAAA;AAEnC,MAAM,WAAW,WAAW;IAC1B,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/dist/components/Stepper/Stepper.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.vue"],"names":[],"mappings":";AA6FA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAsK1D,QAAA,IAAI,OAAO;;;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAGhD,QAAA,MAAM,UAAU;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Stepper.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.vue"],"names":[],"mappings":";AA2FA,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAsK1D,QAAA,IAAI,OAAO;;;;CAAU,EAAE,QAAQ;;CAAY,CAAE;AAC7C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAGhD,QAAA,MAAM,UAAU;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Stepper/styles.css

@@ -1,6 +1,7 @@
-/* —— Panel: Stepper —— */
+/* —— Navigation: Stepper —— */
 .m-stepper {
     --m-stepper-marker-size: 1.5rem;
+    --m-stepper-connector-width: var(--m-space-5);
     align-items: center;
     display: flex;
     flex-wrap: wrap;
@@ -13,7 +14,7 @@
     content: '';
     height: var(--m-border-width);
     margin-inline: var(--m-space-1);
-    width: 1.25rem;
+    width: var(--m-stepper-connector-width);
 }
 
 .m-stepper__step {
@@ -24,9 +25,20 @@
     color: var(--m-color-text-muted);
     cursor: pointer;
     display: inline-flex;
-    font: inherit;
+    font-family: var(--m-font-sans);
     gap: var(--m-space-2);
     padding: var(--m-space-2) var(--m-space-3);
+    transition:
+        color var(--m-motion-fast) var(--m-motion-ease),
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-stepper__step:hover:not(:disabled):not(.m-stepper__step--disabled):not(
+        .m-stepper__step--active
+    ):not(.m-stepper__step--process) {
+    background: color-mix(in srgb, var(--m-color-primary) 6%, transparent);
+    color: var(--m-color-text);
 }
 
 .m-stepper__step--active {
@@ -62,6 +74,8 @@
     font-weight: 700;
     height: var(--m-stepper-marker-size);
     justify-content: center;
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-stepper-marker-size);
 }
 
@@ -81,7 +95,7 @@
 
 .m-stepper__copy {
     display: grid;
-    gap: 0.15rem;
+    gap: var(--m-space-1);
     text-align: start;
 }
 
@@ -98,8 +112,8 @@
 
 .m-stepper__step--finish .m-stepper__marker {
     background: color-mix(in srgb, var(--m-color-primary) 14%, var(--m-color-surface));
-    color: var(--m-color-primary);
     box-shadow: inset 0 0 0 var(--m-border-width) var(--m-color-primary);
+    color: var(--m-color-primary);
 }
 
 .m-stepper__step--process .m-stepper__marker {