morya-ui 0.2.4 → 0.2.6

package/dist/components/DatePicker/styles.css

@@ -26,13 +26,14 @@
 
 .m-datepicker__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
 
 .m-datepicker__help {
     color: var(--m-color-text-muted);
-    font-size: var(--m-font-size-sm);
+    font-size: var(--m-font-size-xs);
     margin: 0;
 }
 
@@ -52,11 +53,15 @@
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
     cursor: pointer;
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     min-height: var(--m-control-height-medium);
     padding: 0 var(--m-datepicker-input-end-padding) 0
         var(--m-control-padding-x-medium);
+    transition:
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
     width: 100%;
 }
 
@@ -79,6 +84,7 @@
 }
 
 .m-datepicker--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
 }
@@ -87,6 +93,7 @@
     align-items: center;
     background: transparent;
     border: 0;
+    border-radius: var(--m-radius-sm);
     color: var(--m-color-text-muted);
     cursor: pointer;
     display: inline-flex;
@@ -96,6 +103,15 @@
     right: var(--m-space-2);
 }
 
+.m-datepicker__clear:hover:not(:disabled) {
+    color: var(--m-color-text);
+}
+
+.m-datepicker__clear:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-datepicker__panel {
     background: var(--m-color-surface);
     border: var(--m-border-width) solid var(--m-color-border);
@@ -155,6 +171,11 @@
     );
 }
 
+.m-datepicker__nav:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-datepicker__weekdays,
 .m-datepicker__grid {
     display: grid;
@@ -179,8 +200,10 @@
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
-    font: inherit;
+    font-family: var(--m-font-sans);
     height: var(--m-datepicker-day-size);
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-datepicker-day-size);
 }
 
@@ -229,9 +252,11 @@
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
-    font: inherit;
+    font-family: var(--m-font-sans);
     padding: var(--m-space-1) var(--m-space-2);
     text-align: left;
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-datepicker__shortcut:hover {
@@ -243,6 +268,11 @@
     color: var(--m-color-primary);
 }
 
+.m-datepicker__shortcut:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-datepicker__day--in-range {
     background: color-mix(
         in srgb,

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

@@ -1,5 +1,5 @@
-import { MAppendTo } from '../../shared/overlay';
 import { MNativeDateInputProps } from '../../shared/nativeControlProps';
+import { MAppendTo } from '../../shared/overlay';
 import { FieldPassThrough } from '../../shared/passThrough';
 import { MSizeInput } from '../../shared/types';
 export type DatePickerType = 'date' | 'daterange';

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,CAAA;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAA;AAC/C,MAAM,MAAM,eAAe,GACvB,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,IAAI,CAAA;AACR,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;AAE9D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,CAAC,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAChC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAC1D,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,0FAA0F;IAC1F,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;CAChD"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AAC5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,WAAW,CAAA;AACjD,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,IAAI,CAAA;AAC/C,MAAM,MAAM,eAAe,GACvB,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,IAAI,CAAA;AACR,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;AAE9D,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EACD,mBAAmB,GACnB,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,GAC1C,CAAC,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAC,CAAA;CAC7E;AAED,MAAM,WAAW,eAAgB,SAAQ,qBAAqB;IAC5D,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,qFAAqF;IACrF,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,kBAAkB,EAAE,CAAA;IAChC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,sDAAsD;IACtD,EAAE,CAAC,EAAE,gBAAgB,CAAA;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;IAC1D,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,oBAAoB;IACpB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,0FAA0F;IAC1F,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,CAAA;CAChD"}

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.vue"],"names":[],"mappings":";AAiRA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAsF1C,iBAAe,OAAO,kBAarB;AAuUD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,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":"Dialog.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.vue"],"names":[],"mappings":";AA+QA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAwF1C,iBAAe,OAAO,kBAarB;AAuUD,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AACpE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,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/Dialog/styles.css

@@ -1,3 +1,4 @@
+/* —— Feedback: Dialog —— */
 .m-dialog button:focus {
     outline: none;
 }
@@ -166,9 +167,23 @@
     height: var(--m-control-affix-size);
     justify-content: center;
     line-height: 1;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-control-affix-size);
 }
 
+.m-dialog__action:hover:not(:disabled),
+.m-dialog__header button:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+    color: var(--m-color-text);
+}
+
 .m-dialog__action:focus-visible,
 .m-dialog__header button:focus-visible {
     box-shadow: var(--m-focus-shadow);
@@ -181,8 +196,9 @@
     padding: var(--m-space-4);
 }
 
-.m-dialog__action:disabled {
-    cursor: default;
+.m-dialog__action:disabled,
+.m-dialog__header button:disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 
@@ -228,3 +244,35 @@
     opacity: 0;
     transform: scale(0.36);
 }
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-active,
+    html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-active,
+    html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-active .m-dialog-zoom,
+    html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-active .m-dialog-zoom {
+        transition: none;
+    }
+
+    html:not([data-m-ignore-reduced-motion]) .m-dialog-enter-from .m-dialog-zoom,
+    html:not([data-m-ignore-reduced-motion]) .m-dialog-leave-to .m-dialog-zoom {
+        transform: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-dialog-enter-active,
+[data-m-motion="reduced"] .m-dialog-leave-active,
+[data-m-motion="reduced"] .m-dialog-enter-active .m-dialog-zoom,
+[data-m-motion="reduced"] .m-dialog-leave-active .m-dialog-zoom,
+[data-m-motion="none"] .m-dialog-enter-active,
+[data-m-motion="none"] .m-dialog-leave-active,
+[data-m-motion="none"] .m-dialog-enter-active .m-dialog-zoom,
+[data-m-motion="none"] .m-dialog-leave-active .m-dialog-zoom {
+    transition: none;
+}
+
+[data-m-motion="reduced"] .m-dialog-enter-from .m-dialog-zoom,
+[data-m-motion="reduced"] .m-dialog-leave-to .m-dialog-zoom,
+[data-m-motion="none"] .m-dialog-enter-from .m-dialog-zoom,
+[data-m-motion="none"] .m-dialog-leave-to .m-dialog-zoom {
+    transform: none;
+}

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

@@ -1,6 +1,6 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { AsyncGuard } from '../../shared/asyncGuard';
 import { MAppendTo } from '../../shared/overlay';
+import { RootPassThrough } from '../../shared/passThrough';
 import { ButtonSeverity } from '../Button/types';
 export type DialogType = 'info' | 'success' | 'warning' | 'error' | 'warn';
 export type DialogCloseGuard = AsyncGuard;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAA;AACzC,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAEjB,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,kFAAkF;IAClF,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAA;AAErD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAA;AAE1E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAA;AACzC,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,CAAA;AAEvD,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,UAAU,GACV,YAAY,GACZ,aAAa,CAAA;AAEjB,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gEAAgE;IAChE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,2EAA2E;IAC3E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,gBAAgB,CAAC,EAAE,cAAc,CAAA;IACjC;;;OAGG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,2EAA2E;IAC3E,eAAe,CAAC,EAAE,gBAAgB,CAAA;IAClC,kFAAkF;IAClF,WAAW,CAAC,EAAE,gBAAgB,CAAA;IAC9B,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzB,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5B"}

package/dist/components/Divider/styles.css

@@ -1,47 +1,50 @@
 .m-divider {
+    --m-divider-stub: var(--m-space-5);
     align-items: center;
     color: var(--m-color-text-muted);
     display: flex;
     font-family: var(--m-font-sans);
     gap: var(--m-space-3);
     width: 100%;
-}
-
+}
+
 .m-divider__line {
     background: var(--m-color-border);
     border: 0;
     flex: 1 1 0;
-    height: 1px;
+    height: var(--m-border-width);
     min-width: 0;
-}
-
+}
+
 .m-divider__label {
     font-size: var(--m-font-size-xs);
+    font-weight: 500;
+    line-height: 1.25;
     white-space: nowrap;
-}
-
+}
+
 .m-divider--dashed .m-divider__line,
 .m-divider--dotted .m-divider__line {
     background: transparent;
     height: 0;
-}
-
+}
+
 .m-divider--dashed .m-divider__line {
     border-top: var(--m-border-width) dashed var(--m-color-border);
-}
-
+}
+
 .m-divider--dotted .m-divider__line {
     border-top: var(--m-border-width) dotted var(--m-color-border);
-}
-
+}
+
 .m-divider--align-left > .m-divider__line:first-child {
-    flex: 0 0 1.25rem;
-}
-
+    flex: 0 0 var(--m-divider-stub);
+}
+
 .m-divider--align-right > .m-divider__line:last-child {
-    flex: 0 0 1.25rem;
-}
-
+    flex: 0 0 var(--m-divider-stub);
+}
+
 .m-divider--vertical {
     align-self: stretch;
     display: inline-flex;
@@ -49,31 +52,31 @@
     height: auto;
     vertical-align: middle;
     width: auto;
-}
-
+}
+
 .m-divider--vertical .m-divider__line {
     height: auto;
     min-height: 100%;
-    width: 1px;
-}
-
+    width: var(--m-border-width);
+}
+
 .m-divider--vertical.m-divider--dashed .m-divider__line,
 .m-divider--vertical.m-divider--dotted .m-divider__line {
     height: auto;
-    min-height: 1.25rem;
+    min-height: var(--m-divider-stub);
     width: 0;
-}
-
+}
+
 .m-divider--vertical.m-divider--dashed .m-divider__line {
     border-left: var(--m-border-width) dashed var(--m-color-border);
     border-top: 0;
-}
-
+}
+
 .m-divider--vertical.m-divider--dotted .m-divider__line {
     border-left: var(--m-border-width) dotted var(--m-color-border);
     border-top: 0;
-}
-
+}
+
 .m-divider--vertical .m-divider__label {
     writing-mode: vertical-rl;
-}
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Dock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dock/Dock.vue"],"names":[],"mappings":";AA2DA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA+GlD,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":"Dock.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Dock/Dock.vue"],"names":[],"mappings":";AA0DA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAgHlD,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/Dock/styles.css

@@ -1,4 +1,4 @@
-/* —— Menu: Dock —— */
+/* —— Navigation: Dock —— */
 .m-dock {
     --m-dock-icon-size: 2.75rem;
     --m-dock-edge-offset: var(--m-space-4);
@@ -40,11 +40,17 @@
     border-radius: var(--m-radius-md);
     cursor: pointer;
     padding: var(--m-space-1);
-    transition: transform var(--m-motion-fast, 150ms) ease;
+    transition: transform var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-dock__button:hover:not(:disabled) {
-    transform: translateY(-0.25rem) scale(1.08);
+    transform: translateY(calc(var(--m-space-1) * -1)) scale(1.08);
+}
+
+.m-dock__button:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
 }
 
 .m-dock__button:focus-visible {
@@ -61,8 +67,28 @@
     );
     border-radius: var(--m-radius-md);
     display: inline-flex;
-    font-size: 1.25rem;
+    font-size: var(--m-font-size-lg);
     height: var(--m-dock-icon-size);
     justify-content: center;
     width: var(--m-dock-icon-size);
 }
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-dock__button {
+        transition: none;
+    }
+
+    html:not([data-m-ignore-reduced-motion]) .m-dock__button:hover:not(:disabled) {
+        transform: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-dock__button,
+[data-m-motion="none"] .m-dock__button {
+    transition: none;
+}
+
+[data-m-motion="reduced"] .m-dock__button:hover:not(:disabled),
+[data-m-motion="none"] .m-dock__button:hover:not(:disabled) {
+    transform: none;
+}

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

@@ -1,5 +1,5 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { MenuNodeBase } from '../../shared/menu';
+import { RootPassThrough } from '../../shared/passThrough';
 export interface DockItem extends Omit<MenuNodeBase, 'label'> {
     label: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dock/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC5B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dock/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,YAAY,EAAE,OAAO,CAAC;IAC3D,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAA;IAClB,QAAQ,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;CAC5B"}

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.vue"],"names":[],"mappings":";AAwJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA8O1C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,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":"Drawer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/Drawer.vue"],"names":[],"mappings":";AAsJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AA8O1C,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,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/Drawer/styles.css

@@ -1,3 +1,4 @@
+/* —— Feedback: Drawer —— */
 .m-drawer-enter-active {
     transition: opacity var(--m-motion-enter) var(--m-motion-ease);
 }
@@ -78,16 +79,16 @@
 
 .m-drawer--top {
     left: 0;
+    max-height: min(var(--m-drawer-top-height), 100%);
     right: 0;
     top: 0;
-    max-height: min(var(--m-drawer-top-height), 100%);
 }
 
 .m-drawer--bottom {
     bottom: 0;
     left: 0;
-    right: 0;
     max-height: min(var(--m-drawer-top-height), 100%);
+    right: 0;
 }
 
 .m-drawer__header {
@@ -104,11 +105,21 @@
 }
 
 .m-drawer__close {
+    align-items: center;
     background: transparent;
     border: 0;
+    border-radius: var(--m-radius-sm);
     color: var(--m-color-text-muted);
     cursor: pointer;
-    font-size: 1.25rem;
+    display: inline-flex;
+    font-size: var(--m-font-size-lg);
+    height: var(--m-control-affix-size);
+    justify-content: center;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
+    width: var(--m-control-affix-size);
 }
 
 .m-drawer__close:hover:not(:disabled) {
@@ -117,10 +128,14 @@
         var(--m-color-primary) 10%,
         var(--m-color-surface)
     );
-    border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
 }
 
+.m-drawer__close:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
 .m-drawer__close:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
@@ -131,3 +146,53 @@
     overflow: auto;
     padding: var(--m-space-4);
 }
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-enter-active,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-leave-active,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-enter-active .m-drawer,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-leave-active .m-drawer {
+        transition: none;
+    }
+
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-enter-from .m-drawer--left,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-leave-to .m-drawer--left,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-enter-from .m-drawer--right,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-leave-to .m-drawer--right,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-enter-from .m-drawer--top,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-leave-to .m-drawer--top,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-enter-from .m-drawer--bottom,
+    html:not([data-m-ignore-reduced-motion]) .m-drawer-leave-to .m-drawer--bottom {
+        transform: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-drawer-enter-active,
+[data-m-motion="reduced"] .m-drawer-leave-active,
+[data-m-motion="reduced"] .m-drawer-enter-active .m-drawer,
+[data-m-motion="reduced"] .m-drawer-leave-active .m-drawer,
+[data-m-motion="none"] .m-drawer-enter-active,
+[data-m-motion="none"] .m-drawer-leave-active,
+[data-m-motion="none"] .m-drawer-enter-active .m-drawer,
+[data-m-motion="none"] .m-drawer-leave-active .m-drawer {
+    transition: none;
+}
+
+[data-m-motion="reduced"] .m-drawer-enter-from .m-drawer--left,
+[data-m-motion="reduced"] .m-drawer-leave-to .m-drawer--left,
+[data-m-motion="reduced"] .m-drawer-enter-from .m-drawer--right,
+[data-m-motion="reduced"] .m-drawer-leave-to .m-drawer--right,
+[data-m-motion="reduced"] .m-drawer-enter-from .m-drawer--top,
+[data-m-motion="reduced"] .m-drawer-leave-to .m-drawer--top,
+[data-m-motion="reduced"] .m-drawer-enter-from .m-drawer--bottom,
+[data-m-motion="reduced"] .m-drawer-leave-to .m-drawer--bottom,
+[data-m-motion="none"] .m-drawer-enter-from .m-drawer--left,
+[data-m-motion="none"] .m-drawer-leave-to .m-drawer--left,
+[data-m-motion="none"] .m-drawer-enter-from .m-drawer--right,
+[data-m-motion="none"] .m-drawer-leave-to .m-drawer--right,
+[data-m-motion="none"] .m-drawer-enter-from .m-drawer--top,
+[data-m-motion="none"] .m-drawer-leave-to .m-drawer--top,
+[data-m-motion="none"] .m-drawer-enter-from .m-drawer--bottom,
+[data-m-motion="none"] .m-drawer-leave-to .m-drawer--bottom {
+    transform: none;
+}

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

@@ -1,6 +1,6 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { AsyncGuard } from '../../shared/asyncGuard';
 import { MAppendTo } from '../../shared/overlay';
+import { RootPassThrough } from '../../shared/passThrough';
 export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
 export interface DrawerProps {
     pt?: RootPassThrough;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;CAC7B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,sCAAsC;IACtC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,cAAc,CAAA;IACzB,yCAAyC;IACzC,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kEAAkE;IAClE,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,UAAU,CAAA;IACxB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IACtB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;CAC7B"}

package/dist/components/Dropdown/styles.css

@@ -1,6 +1,7 @@
 .m-dropdown {
-    --m-dropdown-menu-min-width: 10rem;
+    --m-dropdown-menu-min-width: var(--m-menu-min-width, 10rem);
     display: inline-block;
+    font-family: var(--m-font-sans);
     position: relative;
 }
 
@@ -8,10 +9,17 @@
     align-items: center;
     background: transparent;
     border: 0;
+    border-radius: var(--m-radius-sm);
     color: inherit;
     cursor: pointer;
     display: inline-flex;
     font: inherit;
+    transition: color var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-dropdown__trigger:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
 }
 
 .m-dropdown__menu {
@@ -50,7 +58,7 @@
 .m-dropdown__menu--teleported {
     position: fixed;
     top: auto;
-    z-index: var(--m-z-overlay);
+    z-index: var(--m-z-dropdown);
 }
 
 .m-dropdown__item {
@@ -59,9 +67,13 @@
     border-radius: var(--m-radius-sm);
     color: var(--m-color-text);
     cursor: pointer;
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     padding: var(--m-space-2) var(--m-space-3);
     text-align: left;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
     white-space: nowrap;
 }
 
@@ -71,6 +83,11 @@
     color: var(--m-color-primary);
 }
 
+.m-dropdown__item:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-dropdown__item:disabled {
     color: var(--m-color-text-muted);
     cursor: not-allowed;
@@ -79,7 +96,7 @@
 
 .m-dropdown__separator {
     background: var(--m-color-border);
-    height: 1px;
+    height: var(--m-border-width);
     margin: var(--m-space-1) 0;
 }
 

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

@@ -1,5 +1,5 @@
-import { MAppendTo } from '../../shared/overlay';
 import { MenuNodeBase } from '../../shared/menu';
+import { MAppendTo } from '../../shared/overlay';
 import { RootPassThrough } from '../../shared/passThrough';
 export type DropdownItemType = 'item' | 'group' | 'divider';
 export type DropdownTrigger = 'click' | 'hover';

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAC3D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa;IACb,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,CAAA;IACzC,sBAAsB;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/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,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;AAC3D,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,YAAa,SAAQ,YAAY;IAChD,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,KAAK,CAAC,EAAE,YAAY,EAAE,CAAA;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,aAAa;IACb,KAAK,EAAE,YAAY,EAAE,CAAA;IACrB,gCAAgC;IAChC,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,CAAA;IACzC,sBAAsB;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAClD,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,GAAG,IAAI,CAAA;CAC5C"}