morya-ui 0.2.3 → 0.2.5

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

@@ -1,5 +1,5 @@
-import { RootPassThrough } from '../../shared/passThrough';
 import { MFlexAlign, MFlexJustify, MGapSize } from '../../shared/gap';
+import { RootPassThrough } from '../../shared/passThrough';
 export type FlexAlign = MFlexAlign;
 export type FlexJustify = MFlexJustify;
 export type FlexSize = MGapSize;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE1E,MAAM,MAAM,SAAS,GAAG,UAAU,CAAA;AAClC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAA;AACtC,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAA;AAE/B,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,2CAA2C;IAC3C,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,QAAQ,CAAA;IACf,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/types.ts"],"names":[],"mappings":"AAAA,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,SAAS,GAAG,UAAU,CAAA;AAClC,MAAM,MAAM,WAAW,GAAG,YAAY,CAAA;AACtC,MAAM,MAAM,QAAQ,GAAG,QAAQ,CAAA;AAE/B,MAAM,WAAW,SAAS;IACxB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,2CAA2C;IAC3C,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,QAAQ,CAAA;IACf,gDAAgD;IAChD,IAAI,CAAC,EAAE,OAAO,CAAA;CACf"}

package/dist/components/FloatLabel/styles.css

@@ -2,10 +2,11 @@
 .m-float-label {
     display: block;
     position: relative;
-}
-
+}
+
 .m-float-label > label {
     color: var(--m-color-text-muted);
+    font-family: var(--m-font-sans);
     left: var(--m-space-3);
     line-height: 1;
     pointer-events: none;
@@ -18,15 +19,15 @@
         font-size var(--m-motion-fast) var(--m-motion-ease),
         color var(--m-motion-fast) var(--m-motion-ease);
     z-index: 1;
-}
-
+}
+
 .m-float-label:focus-within > label,
 .m-float-label:has(input:not(:placeholder-shown)) > label,
 .m-float-label:has(textarea:not(:placeholder-shown)) > label {
     background: var(--m-color-surface);
     color: var(--m-color-primary);
-    font-size: 0.7rem;
-    padding: 0 0.2rem;
+    font-size: var(--m-font-size-xs);
+    padding: 0 var(--m-space-1);
     top: 0;
     transform: translateY(-50%);
-}
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Fluid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Fluid/Fluid.vue"],"names":[],"mappings":";AAwBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAkDzC,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":"Fluid.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Fluid/Fluid.vue"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAmDzC,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/Fluid/styles.css

@@ -1,6 +1,9 @@
-/* —— Misc: Fluid —— */
 .m-fluid,
 .m-fluid > * {
     box-sizing: border-box;
     max-width: 100%;
 }
+
+.m-fluid {
+    width: 100%;
+}

package/dist/components/Form/styles.css

@@ -2,13 +2,14 @@
 .m-form {
     --m-form-inline-item-min-width: 12rem;
     display: grid;
+    font-family: var(--m-font-sans);
     gap: var(--m-space-4);
 }
 
 .m-form--inline {
+    align-items: flex-start;
     display: flex;
     flex-wrap: wrap;
-    align-items: flex-start;
 }
 
 .m-form--inline .m-form-item {
@@ -17,6 +18,7 @@
 }
 
 .m-form--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 
@@ -53,6 +55,7 @@
 
 .m-form-item__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
     line-height: var(--m-control-height-medium);
@@ -64,7 +67,7 @@
 
 .m-form-item__required {
     color: var(--m-color-danger);
-    margin-right: 0.2rem;
+    margin-right: var(--m-space-1);
 }
 
 .m-form-item__body {

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

@@ -1,11 +1,11 @@
 import { GalleryImage, GalleryProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_17: {
+declare var __VLS_23: {
     item: string | GalleryImage;
     index: number;
 };
 type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_17) => any;
+    item?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_base: DefineComponent<GalleryProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:activeIndex": (value: number) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"Gallery.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.vue"],"names":[],"mappings":";AA+IA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA2OzD,QAAA,IAAI,QAAQ;;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,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":"Gallery.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.vue"],"names":[],"mappings":";AAsJA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAgQzD,QAAA,IAAI,QAAQ;;;CAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,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/Gallery/styles.css

@@ -48,18 +48,22 @@
     text-align: center;
 }
 
+.m-gallery__thumbs-scroll {
+    width: 100%;
+}
+
 .m-gallery__thumbs {
     display: flex;
     gap: var(--m-space-2);
     list-style: none;
     margin: 0;
-    overflow-x: auto;
     padding: 0;
+    width: max-content;
 }
 
 .m-gallery__thumb {
     background: transparent;
-    border: 2px solid transparent;
+    border: var(--m-border-width) solid transparent;
     border-radius: var(--m-radius-sm);
     cursor: pointer;
     padding: 0;
@@ -79,9 +83,26 @@
 }
 
 .m-gallery__thumb img {
-    border-radius: calc(var(--m-radius-sm) - 2px);
+    border-radius: calc(var(--m-radius-sm) - var(--m-border-width));
     display: block;
     height: var(--m-gallery-thumb-height);
     object-fit: cover;
     width: var(--m-gallery-thumb-width);
 }
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-gallery__image,
+    html:not([data-m-ignore-reduced-motion]) .m-gallery-fade-enter-active,
+    html:not([data-m-ignore-reduced-motion]) .m-gallery-fade-leave-active {
+        transition: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-gallery__image,
+[data-m-motion="reduced"] .m-gallery-fade-enter-active,
+[data-m-motion="reduced"] .m-gallery-fade-leave-active,
+[data-m-motion="none"] .m-gallery__image,
+[data-m-motion="none"] .m-gallery-fade-enter-active,
+[data-m-motion="none"] .m-gallery-fade-leave-active {
+    transition: none;
+}

package/dist/components/Grid/styles.css

@@ -1,9 +1,10 @@
-/* —— Panel: Grid —— */
+/* —— Layout: Grid —— */
 .m-grid {
     box-sizing: border-box;
-}
-
+    font-family: var(--m-font-sans);
+}
+
 .m-grid-item {
     box-sizing: border-box;
     min-width: 0;
-}
+}

package/dist/components/Icon/styles.css

@@ -1,10 +1,15 @@
 .m-icon {
+    color: currentColor;
     display: inline-flex;
+    flex-shrink: 0;
     height: 1rem;
+    line-height: 0;
+    vertical-align: middle;
     width: 1rem;
 }
 
 .m-icon svg {
+    display: block;
     height: 100%;
     width: 100%;
 }
@@ -36,3 +41,14 @@
         transform: rotate(360deg);
     }
 }
+
+@media (prefers-reduced-motion: reduce) {
+    .m-icon--spin svg {
+        animation: none;
+    }
+}
+
+:root[data-m-motion='none'] .m-icon--spin svg,
+:root[data-m-motion='reduced'] .m-icon--spin svg {
+    animation: none;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"Inplace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Inplace/Inplace.vue"],"names":[],"mappings":";AA4GA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAA;AA6BzD,iBAAS,QAAQ,SAGhB;AAED,iBAAS,UAAU,SAGlB;AAuGD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ/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":"Inplace.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Inplace/Inplace.vue"],"names":[],"mappings":";AA0GA,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAA;AA6BzD,iBAAS,QAAQ,SAGhB;AAED,iBAAS,UAAU,SAGlB;AAuGD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAQ/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/Inplace/styles.css

@@ -4,23 +4,24 @@
     cursor: pointer;
     display: inline-block;
     padding: var(--m-space-1) var(--m-space-2);
-}
-
+    transition: background-color var(--m-motion-fast) var(--m-motion-ease);
+}
+
 .m-inplace__display:hover {
     background: color-mix(in srgb, var(--m-color-primary) 8%, var(--m-color-surface));
-}
-
+}
+
 .m-inplace__display:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
-}
-
+}
+
 .m-inplace--disabled .m-inplace__display {
     cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
-}
-
+}
+
 .m-inplace__content {
     display: inline-block;
-}
+}

package/dist/components/Input/styles.css

@@ -28,6 +28,7 @@
 
 .m-input-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -112,13 +113,15 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     min-height: var(--m-control-height-medium);
     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),
-        background-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-input--filled {
@@ -182,6 +185,10 @@
     z-index: 1;
 }
 
+.m-input__clear:hover:not(:disabled) {
+    color: var(--m-color-text);
+}
+
 .m-input__clear:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;

package/dist/components/InputColor/styles.css

@@ -6,6 +6,7 @@
 
 .m-inputcolor-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -19,6 +20,7 @@
 }
 
 .m-inputcolor--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 
@@ -29,6 +31,10 @@
     cursor: pointer;
     height: var(--m-control-height-medium);
     padding: 0;
+    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: var(--m-control-height-medium);
 }
 
@@ -37,11 +43,16 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     min-height: var(--m-control-height-medium);
     min-width: var(--m-inputcolor-text-min-width);
     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),
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-inputcolor__text:focus-visible,
@@ -69,9 +80,16 @@
     cursor: pointer;
     height: var(--m-inputcolor-preset-size);
     padding: 0;
+    transition:
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-inputcolor-preset-size);
 }
 
+.m-inputcolor__preset:hover:not(:disabled) {
+    border-color: var(--m-color-primary-hover);
+}
+
 .m-inputcolor__preset:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
@@ -81,6 +99,7 @@
 .m-inputcolor--small .m-inputcolor__text {
     min-height: var(--m-control-height-small);
     height: var(--m-control-height-small);
+    font-size: var(--m-control-font-small);
 }
 
 .m-inputcolor--small .m-inputcolor__swatch {
@@ -102,3 +121,9 @@
 .m-inputcolor--invalid .m-inputcolor__swatch {
     border-color: var(--m-color-danger);
 }
+
+.m-inputcolor--invalid .m-inputcolor__text:focus-visible,
+.m-inputcolor--invalid .m-inputcolor__swatch:focus-visible {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
+}

package/dist/components/InputGroup/styles.css

@@ -1,12 +1,12 @@
-/* —�?Form: InputGroup —�?*/
+/* —— Form: InputGroup —— */
 .m-inputgroup {
     align-items: stretch;
     display: flex;
     flex-wrap: nowrap;
     max-width: 100%;
     width: 100%;
-}
-
+}
+
 .m-inputgroup-addon {
     align-items: center;
     background: color-mix(in srgb, var(--m-color-text-muted) 10%, var(--m-color-surface));
@@ -14,7 +14,8 @@
     color: var(--m-color-text-muted);
     display: inline-flex;
     flex: 0 0 auto;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     padding: 0 var(--m-control-padding-x-medium);
     white-space: nowrap;
-}
+}

package/dist/components/InputNumber/styles.css

@@ -10,6 +10,7 @@
 
 .m-inputnumber-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -81,16 +82,35 @@
     z-index: 1;
 }
 
+.m-inputnumber__input-wrap .m-inputnumber__clear:hover:not(:disabled) {
+    color: var(--m-color-text);
+}
+
+.m-inputnumber__input-wrap .m-inputnumber__clear:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-inputnumber__input-wrap .m-inputnumber__clear:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
 .m-inputnumber__input {
     background: var(--m-color-surface);
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     min-height: var(--m-control-height-medium);
     min-width: 0;
     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),
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-inputnumber--buttons .m-inputnumber__input {
@@ -125,12 +145,15 @@
     color: var(--m-color-text);
     cursor: pointer;
     display: inline-flex;
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     justify-content: center;
     min-height: var(--m-control-height-medium);
     min-width: var(--m-control-height-medium);
     padding: 0;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-inputnumber__button--decrement {

package/dist/components/InputOtp/styles.css

@@ -1,10 +1,12 @@
 /* —— Form: InputOtp —— */
 .m-inputotp {
+    --m-inputotp-gap: var(--m-space-2);
     display: inline-flex;
-    gap: var(--m-space-2);
+    gap: var(--m-inputotp-gap);
 }
 
 .m-inputotp--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
     pointer-events: none;
 }
@@ -14,19 +16,20 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
-    font: inherit;
+    font-family: var(--m-font-sans);
     font-size: var(--m-control-font-medium);
     height: var(--m-control-height-medium);
     text-align: center;
+    transition:
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow 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);
     width: var(--m-control-height-medium);
 }
 
-.m-inputotp {
-    --m-inputotp-gap: var(--m-space-2);
-    gap: var(--m-inputotp-gap);
-}
-
 .m-inputotp--small .m-inputotp__input {
+    font-size: var(--m-control-font-small);
     height: var(--m-control-height-small);
     width: var(--m-control-height-small);
 }
@@ -40,3 +43,8 @@
 .m-inputotp--invalid .m-inputotp__input {
     border-color: var(--m-color-danger);
 }
+
+.m-inputotp--invalid .m-inputotp__input:focus-visible {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
+}

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

@@ -37,10 +37,10 @@ declare const __VLS_base: DefineComponent<InputPasswordProps, {
     clearable: boolean;
     fluid: boolean;
     readonly: boolean;
+    showIcon: IconName | Component;
     showCount: boolean;
     feedback: boolean;
     toggleMask: boolean;
-    showIcon: IconName | Component;
     hideIcon: IconName | Component;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -1,3 +1,3 @@
 export { default as MInputPassword } from './InputPassword.vue';
-export type { InputPasswordEmits, InputPasswordProps, InputPasswordSlots, PasswordStrength, MShowPasswordOn } from './types';
+export type { InputPasswordEmits, InputPasswordProps, InputPasswordSlots, MShowPasswordOn, PasswordStrength } from './types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputPassword/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/InputPassword/styles.css

@@ -10,6 +10,7 @@
 
 .m-password-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -31,10 +32,15 @@
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-control);
     color: var(--m-color-text);
-    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-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),
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
     width: 100%;
 }
 
@@ -145,12 +151,16 @@
     opacity: var(--m-opacity-disabled);
 }
 
-.m-password__input:focus-visible,
 .m-password__toggle:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
 
+.m-password--invalid .m-password__input:focus-visible {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
+}
+
 .m-password__feedback {
     font-size: var(--m-font-size-xs);
 }

package/dist/components/InputTags/styles.css

@@ -7,6 +7,7 @@
 
 .m-inputtags-field__label {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
     font-weight: 600;
 }
@@ -24,10 +25,16 @@
     gap: var(--m-space-1);
     min-height: var(--m-control-height-medium);
     padding: var(--m-space-1) var(--m-space-2);
+    transition:
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        box-shadow 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);
     width: 100%;
 }
 
 .m-inputtags--disabled {
+    cursor: not-allowed;
     opacity: var(--m-opacity-disabled);
 }
 
@@ -43,6 +50,11 @@
     border-color: var(--m-color-danger);
 }
 
+.m-inputtags--invalid:focus-within {
+    border-color: var(--m-color-danger);
+    box-shadow: var(--m-focus-shadow-danger);
+}
+
 .m-inputtags__chip {
     align-items: center;
     background: color-mix(
@@ -52,7 +64,9 @@
     );
     border-radius: var(--m-radius-full, 999px);
     display: inline-flex;
+    font-family: var(--m-font-sans);
     font-size: var(--m-font-size-md);
+    font-weight: 500;
     gap: var(--m-space-1);
     padding: var(--m-inputtags-chip-padding-y)
         var(--m-inputtags-chip-padding-x);
@@ -61,6 +75,7 @@
 .m-inputtags__remove {
     background: transparent;
     border: 0;
+    border-radius: var(--m-radius-sm);
     color: inherit;
     cursor: pointer;
     font: inherit;
@@ -68,6 +83,15 @@
     padding: 0;
 }
 
+.m-inputtags__remove:hover:not(:disabled) {
+    color: var(--m-color-text);
+}
+
+.m-inputtags__remove:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-inputtags__input {
     background: transparent;
     border: 0;