morya-ui 0.2.4 → 0.2.5

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

@@ -0,0 +1,29 @@
+import { EmptyProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { IconName } from '../..';
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    image?: (props: typeof __VLS_1) => any;
+} & {
+    icon?: (props: typeof __VLS_3) => any;
+} & {
+    title?: (props: typeof __VLS_10) => any;
+} & {
+    description?: (props: typeof __VLS_12) => any;
+} & {
+    extra?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: DefineComponent<EmptyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+    icon: IconName;
+}, {}, {}, {}, 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=Empty.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Empty.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Empty/Empty.vue"],"names":[],"mappings":";;AA0EA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAqHzC,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC9H,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACjD;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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/Empty/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MEmpty } from './Empty.vue';
+export type { EmptyProps } from './types';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/Empty/styles.css

@@ -0,0 +1,72 @@
+/* —— Feedback: Empty —— */
+.m-empty {
+    --m-empty-mark-size: 3.25rem;
+    --m-empty-max-width: 28rem;
+    display: grid;
+    font-family: var(--m-font-sans);
+    gap: var(--m-space-3);
+    justify-items: center;
+    padding: clamp(var(--m-space-8), 8vh, 4.5rem) var(--m-space-6);
+    text-align: center;
+}
+
+.m-empty__mark {
+    align-items: center;
+    background: color-mix(in srgb, var(--m-color-primary) 14%, var(--m-color-surface));
+    border-radius: var(--m-radius-full);
+    color: var(--m-color-primary);
+    display: grid;
+    height: var(--m-empty-mark-size);
+    justify-items: center;
+    margin-bottom: var(--m-space-2);
+    place-items: center;
+    width: var(--m-empty-mark-size);
+}
+
+.m-empty__icon :is(.m-icon, svg) {
+    display: block;
+    height: var(--m-space-6);
+    width: var(--m-space-6);
+}
+
+.m-empty__image {
+    display: block;
+    height: auto;
+    max-height: 10rem;
+    max-width: min(16rem, 100%);
+    object-fit: contain;
+}
+
+.m-empty__mark:has(.m-empty__image),
+.m-empty__mark:has(img) {
+    background: transparent;
+    border-radius: 0;
+    height: auto;
+    margin-bottom: var(--m-space-1);
+    width: auto;
+}
+
+.m-empty__title {
+    color: var(--m-color-text);
+    font-size: var(--m-font-size-lg);
+    font-weight: 600;
+    line-height: 1.35;
+    margin: 0;
+    max-width: var(--m-empty-max-width);
+}
+
+.m-empty__description {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-sm);
+    line-height: 1.55;
+    margin: 0;
+    max-width: var(--m-empty-max-width);
+}
+
+.m-empty__extra {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--m-space-3);
+    justify-content: center;
+    margin-top: var(--m-space-3);
+}

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

@@ -0,0 +1,14 @@
+import { RootPassThrough } from '../../shared/passThrough';
+import { IconName } from '../Icon/types';
+export interface EmptyProps {
+    pt?: RootPassThrough;
+    /** Title. Defaults to locale `emptyMessage`. */
+    title?: string;
+    /** Supporting description under the title. */
+    description?: string;
+    /** Leading icon from MIcon. Ignored when `image` is set or `#image` / `#icon` slot is used. */
+    icon?: IconName;
+    /** Image URL for the visual mark. Takes precedence over `icon`. */
+    image?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Empty/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,WAAW,UAAU;IACzB,EAAE,CAAC,EAAE,eAAe,CAAA;IACpB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+FAA+F;IAC/F,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"Fieldset.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.vue"],"names":[],"mappings":";AAyEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAgI5C,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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":"Fieldset.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.vue"],"names":[],"mappings":";AAuEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAgI5C,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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/Fieldset/styles.css

@@ -1,8 +1,9 @@
-/* —�?Panel: Fieldset —�?*/
+/* —— Form: Fieldset —— */
 .m-fieldset {
     background: var(--m-color-surface);
     border: var(--m-border-width) solid var(--m-color-border);
     border-radius: var(--m-radius-md);
+    font-family: var(--m-font-sans);
     margin: 0;
     min-inline-size: 0;
     padding: var(--m-space-3) var(--m-space-4) var(--m-space-4);
@@ -10,6 +11,7 @@
 
 .m-fieldset__legend {
     color: var(--m-color-text);
+    font-family: var(--m-font-sans);
     font-weight: 600;
     padding: 0 var(--m-space-1);
 }
@@ -18,6 +20,7 @@
     align-items: center;
     background: transparent;
     border: 0;
+    border-radius: var(--m-radius-sm);
     color: inherit;
     cursor: pointer;
     display: inline-flex;
@@ -51,3 +54,15 @@
     opacity: 0;
     padding-top: 0;
 }
+
+@media (prefers-reduced-motion: reduce) {
+    html:not([data-m-ignore-reduced-motion]) .m-fieldset-collapse-enter-active,
+    html:not([data-m-ignore-reduced-motion]) .m-fieldset-collapse-leave-active {
+        transition: none;
+    }
+}
+
+[data-m-motion="reduced"] .m-fieldset-collapse-enter-active,
+[data-m-motion="reduced"] .m-fieldset-collapse-leave-active {
+    transition: none;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.vue"],"names":[],"mappings":";AAsiBA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAA4B,MAAM,SAAS,CAAA;AAyLxF,iBAAS,UAAU,SAGlB;AAuGD,iBAAS,MAAM,SAId;AAED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,QAOnC;AAmBD,iBAAS,UAAU,SAIlB;AAkeD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAY,CAAE;AACzG,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,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,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":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.vue"],"names":[],"mappings":";AAqiBA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAA4B,MAAM,SAAS,CAAA;AAyLxF,iBAAS,UAAU,SAGlB;AAuGD,iBAAS,MAAM,SAId;AAED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,QAOnC;AAmBD,iBAAS,UAAU,SAIlB;AAkeD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAY,CAAE;AACzG,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,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,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/FileUpload/styles.css

@@ -1,4 +1,4 @@
-/* —�?File: FileUpload —�?*/
+/* —— Form: FileUpload —— */
 .m-fileupload {
     --m-fileupload-dropzone-min-height: 10rem;
     --m-fileupload-icon-size: 2.5rem;
@@ -7,6 +7,7 @@
     --m-fileupload-progress-height: 0.25rem;
     display: flex;
     flex-direction: column;
+    font-family: var(--m-font-sans);
     gap: var(--m-space-2);
 }
 
@@ -19,11 +20,18 @@
     align-self: flex-start;
     background: var(--m-color-primary);
     border: 0;
-    border-radius: var(--m-radius-md);
+    border-radius: var(--m-radius-control);
     color: var(--m-color-on-emphasis);
     cursor: pointer;
-    font: inherit;
+    font-family: var(--m-font-sans);
+    font-weight: 600;
     padding: var(--m-space-2) var(--m-space-3);
+    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),
+        opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-fileupload__clear {
@@ -36,6 +44,12 @@
     background: var(--m-color-primary-hover);
 }
 
+.m-fileupload__choose:disabled,
+.m-fileupload__clear:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
 .m-fileupload__choose:focus-visible,
 .m-fileupload__clear:focus-visible {
     box-shadow: var(--m-focus-shadow);
@@ -90,6 +104,12 @@
     border-color: var(--m-color-primary);
 }
 
+.m-fileupload__dragger:focus-visible {
+    border-color: var(--m-color-primary);
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
 .m-fileupload__icon {
     color: var(--m-color-primary);
     height: var(--m-fileupload-icon-size);
@@ -194,6 +214,7 @@
     height: var(--m-control-affix-size);
     justify-content: center;
     padding: 0;
+    transition: color var(--m-motion-fast) var(--m-motion-ease);
     width: var(--m-control-affix-size);
 }
 
@@ -308,9 +329,12 @@
     color: var(--m-color-text-muted);
     cursor: pointer;
     display: flex;
-    font: inherit;
+    font-family: var(--m-font-sans);
     justify-content: center;
     padding: 0;
+    transition:
+        border-color var(--m-motion-fast) var(--m-motion-ease),
+        color var(--m-motion-fast) var(--m-motion-ease);
 }
 
 .m-fileupload__card--add:hover,

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

@@ -1 +1 @@
-{"version":3,"file":"Flex.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.vue"],"names":[],"mappings":";AAyDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA2FxC,QAAA,MAAM,YAAY;;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"Flex.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/Flex.vue"],"names":[],"mappings":";AAuDA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AA6FxC,QAAA,MAAM,YAAY;;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/Flex/styles.css

@@ -1,5 +1,4 @@
-/* —— Panel: Flex —— */
 .m-flex {
     box-sizing: border-box;
     min-width: 0;
-}
+}

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.map

@@ -1 +1 @@
-{"version":3,"file":"Gallery.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Gallery/Gallery.vue"],"names":[],"mappings":";AAuJA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AA+PzD,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

@@ -63,7 +63,7 @@
 
 .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;
@@ -83,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;
-}
+}