morya-ui 0.3.0 → 0.3.2

package/dist/checkbox/style.css

@@ -50,6 +50,10 @@
     --m-font-size-sm: 0.8125rem;
     --m-font-size-md: 0.875rem;
     --m-font-size-lg: 1.125rem;
+    /* Display scale (page titles, KPI figures) */
+    --m-font-size-xl: 1.25rem;
+    --m-font-size-2xl: 1.5rem;
+    --m-font-size-3xl: 1.75rem;
     --m-opacity-disabled: 0.55;
     /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
     --m-z-base: 1000;
@@ -192,20 +196,10 @@
 
 /*
  * Global motion policy (complements per-component rules):
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
+ * - `reduced`: keep short paint transitions; stop loops
  *   and layout/transform size animation.
  * - `none`: zero all transition/animation durations.
  */
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        transition-property: background-color, border-color, color, opacity, box-shadow,
-            outline, fill, stroke, stroke-dashoffset !important;
-    }
-}
 
 [data-m-motion="reduced"] *,
 [data-m-motion="reduced"] *::before,
@@ -529,9 +523,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {
@@ -611,7 +609,7 @@
 .m-zoom-enter-from,
 .m-zoom-leave-to {
     opacity: 0;
-    transform: scale(0.9);
+    transform: scale(0.95);
 }
 
 .m-slide-up-enter-active,
@@ -656,44 +654,6 @@
     transform: translateX(calc(var(--m-motion-distance) * -1));
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
-        transition: none;
-    }
-
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
-        transform: none;
-    }
-}
-
 [data-m-motion="reduced"] .m-fade-enter-active,
 [data-m-motion="reduced"] .m-fade-leave-active,
 [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1188,17 +1148,6 @@
     animation: none !important;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        scroll-behavior: auto !important;
-        transition-duration: 0.01ms !important;
-    }
-}
-
 .m-checkbox__control {
     border-radius: var(--m-radius-sm);
 }

package/dist/chip/index.js

@@ -1,5 +1,5 @@
 import { i as e, n as t, t as n } from "../types-DGuu4Eg4.js";
-import { t as r } from "../Icon-lcN1rS87.js";
+import { t as r } from "../Icon-od9Ob-Ay.js";
 import { n as i } from "../locale-Bzm2nbEp.js";
 import "./style.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h } from "vue";

package/dist/chip/style.css

@@ -50,6 +50,10 @@
     --m-font-size-sm: 0.8125rem;
     --m-font-size-md: 0.875rem;
     --m-font-size-lg: 1.125rem;
+    /* Display scale (page titles, KPI figures) */
+    --m-font-size-xl: 1.25rem;
+    --m-font-size-2xl: 1.5rem;
+    --m-font-size-3xl: 1.75rem;
     --m-opacity-disabled: 0.55;
     /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
     --m-z-base: 1000;
@@ -192,20 +196,10 @@
 
 /*
  * Global motion policy (complements per-component rules):
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
+ * - `reduced`: keep short paint transitions; stop loops
  *   and layout/transform size animation.
  * - `none`: zero all transition/animation durations.
  */
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        transition-property: background-color, border-color, color, opacity, box-shadow,
-            outline, fill, stroke, stroke-dashoffset !important;
-    }
-}
 
 [data-m-motion="reduced"] *,
 [data-m-motion="reduced"] *::before,
@@ -529,9 +523,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {
@@ -611,7 +609,7 @@
 .m-zoom-enter-from,
 .m-zoom-leave-to {
     opacity: 0;
-    transform: scale(0.9);
+    transform: scale(0.95);
 }
 
 .m-slide-up-enter-active,
@@ -656,44 +654,6 @@
     transform: translateX(calc(var(--m-motion-distance) * -1));
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
-        transition: none;
-    }
-
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
-        transform: none;
-    }
-}
-
 [data-m-motion="reduced"] .m-fade-enter-active,
 [data-m-motion="reduced"] .m-fade-leave-active,
 [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1188,17 +1148,6 @@
     animation: none !important;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        scroll-behavior: auto !important;
-        transition-duration: 0.01ms !important;
-    }
-}
-
 .m-icon {
     color: currentColor;
     display: inline-flex;
@@ -1243,12 +1192,6 @@
     }
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .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/command-menu/index.js

@@ -1,14 +1,15 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.js";
+import { t } from "../Icon-od9Ob-Ay.js";
 import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
-import { n as r } from "../overlay-oR-5MDuE.js";
-import { t as i } from "../Scrollbar-DTeJ8P5b.js";
-import { t as ee } from "../icon-DWXkh-RM.js";
+import { n as ee } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../Scrollbar-DTeJ8P5b.js";
+import { t as te } from "../filterByQuery-Bczaxzih.js";
+import { t as i } from "../icon-COrt_N8A.js";
 import { t as a } from "../useModalOverlay-Beo3CEAt.js";
-import { c as o } from "../config-CapALqt3.js";
-import { n as s } from "../locale-Bzm2nbEp.js";
+import { c as ne } from "../config-CapALqt3.js";
+import { n as o } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Fragment as te, Teleport as c, Transition as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, mergeProps as ne, nextTick as _, normalizeClass as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, toRef as re, unref as C, useAttrs as ie, vModelText as w, watch as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
+import { Fragment as s, Teleport as c, Transition as re, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createVNode as m, defineComponent as h, mergeProps as ie, nextTick as g, normalizeClass as _, openBlock as v, ref as y, renderList as b, toDisplayString as x, toRef as ae, unref as S, useAttrs as C, vModelText as w, watch as T, withCtx as E, withDirectives as D, withModifiers as O } from "vue";
 //#region src/components/CommandMenu/CommandMenu.vue?vue&type=script&setup=true&lang.ts
 var k = ["aria-label"], A = ["placeholder", "aria-label"], j = [
 	"aria-selected",
@@ -25,7 +26,7 @@ var k = ["aria-label"], A = ["placeholder", "aria-label"], j = [
 }, F = {
 	key: 0,
 	class: "m-commandmenu__empty"
-}, I = /* @__PURE__ */ g({
+}, I = /* @__PURE__ */ h({
 	inheritAttrs: !1,
 	__name: "CommandMenu",
 	props: {
@@ -47,33 +48,30 @@ var k = ["aria-label"], A = ["placeholder", "aria-label"], j = [
 		}
 	},
 	emits: ["update:modelValue"],
-	setup(g, { emit: I }) {
-		let L = g, R = I, ae = ie(), { rootAttrs: z } = e(ae, () => L.pt), B = o(), { transitionName: V, transitionCss: H } = n({
+	setup(h, { emit: I }) {
+		let L = h, oe = I, R = C(), { rootAttrs: z } = e(R, () => L.pt), B = ne(), { transitionName: V, transitionCss: H } = n({
 			role: "tooltip",
 			local: () => L.transition,
 			componentName: "CommandMenu",
 			fallback: "fade"
-		}), U = s(), W = u(() => L.placeholder ?? U.value.searchCommands), G = b(""), K = b(null), q = b(null), J = b(0), Y = u(() => r(L, B.value.appendTo)), X = u(() => {
-			let e = G.value.trim().toLowerCase();
-			return e ? L.model.filter((t) => t.label.toLowerCase().includes(e)) : L.model;
-		});
+		}), U = o(), W = l(() => L.placeholder ?? U.value.searchCommands), G = y(""), K = y(null), q = y(null), J = y(0), Y = l(() => ee(L, B.value.appendTo)), X = l(() => te(L.model, G.value));
 		function Z() {
-			R("update:modelValue", !1);
+			oe("update:modelValue", !1);
 		}
 		function Q(e) {
 			e.disabled || (e.command?.(), Z());
 		}
 		function $(e) {
-			return ee(e.icon);
+			return i(e.icon);
 		}
-		function oe(e) {
+		function se(e) {
 			if (e.key === "ArrowDown" && (e.preventDefault(), J.value = Math.min(X.value.length - 1, J.value + 1)), e.key === "ArrowUp" && (e.preventDefault(), J.value = Math.max(0, J.value - 1)), e.key === "Enter") {
 				let t = X.value[J.value];
 				t && (e.preventDefault(), Q(t));
 			}
 		}
 		return a({
-			open: re(L, "modelValue"),
+			open: ae(L, "modelValue"),
 			container: K,
 			blockScroll: !0,
 			autoFocus: !1,
@@ -82,64 +80,64 @@ var k = ["aria-label"], A = ["placeholder", "aria-label"], j = [
 				G.value = "", J.value = 0;
 			}
 		}), T(() => L.modelValue, async (e) => {
-			e && (await _(), q.value?.focus());
+			e && (await g(), q.value?.focus());
 		}), T(X, () => {
 			J.value = 0;
-		}), (e, n) => (y(), d(c, {
+		}), (e, n) => (v(), u(c, {
 			to: Y.value.to,
 			disabled: Y.value.disabled
-		}, [h(l, {
-			name: C(V),
-			css: C(H)
+		}, [m(re, {
+			name: S(V),
+			css: S(H)
 		}, {
-			default: E(() => [g.modelValue ? (y(), p("div", ne({ key: 0 }, C(z), {
+			default: E(() => [h.modelValue ? (v(), f("div", ie({ key: 0 }, S(z), {
 				class: "m-commandmenu-backdrop",
 				onClick: O(Z, ["self"])
-			}), [m("div", {
+			}), [p("div", {
 				ref_key: "panelRef",
 				ref: K,
 				class: "m-commandmenu",
 				role: "dialog",
 				"aria-modal": "true",
-				"aria-label": C(U).commandPalette,
+				"aria-label": S(U).commandPalette,
 				tabindex: "-1",
-				onKeydown: oe
-			}, [D(m("input", {
+				onKeydown: se
+			}, [D(p("input", {
 				ref_key: "inputRef",
 				ref: q,
 				"onUpdate:modelValue": n[0] ||= (e) => G.value = e,
 				class: "m-commandmenu__input",
 				type: "search",
 				placeholder: W.value,
-				"aria-label": C(U).searchCommands
-			}, null, 8, A), [[w, G.value]]), h(i, {
+				"aria-label": S(U).searchCommands
+			}, null, 8, A), [[w, G.value]]), m(r, {
 				tag: "ul",
 				role: "listbox",
 				class: "m-commandmenu__list",
 				"fit-content": "",
 				"view-class": "m-commandmenu__list-view"
 			}, {
-				default: E(() => [(y(!0), p(te, null, x(X.value, (e, n) => (y(), p("li", {
+				default: E(() => [(v(!0), f(s, null, b(X.value, (e, n) => (v(), f("li", {
 					key: `${e.label}-${n}`,
 					role: "presentation"
-				}, [m("button", {
+				}, [p("button", {
 					type: "button",
-					class: v(["m-commandmenu__item", { "m-commandmenu__item--active": n === J.value }]),
+					class: _(["m-commandmenu__item", { "m-commandmenu__item--active": n === J.value }]),
 					role: "option",
 					"aria-selected": n === J.value,
 					disabled: e.disabled,
 					onClick: (t) => Q(e),
 					onMouseenter: (e) => J.value = n
 				}, [
-					$(e) ? (y(), p("span", M, [h(t, {
+					$(e) ? (v(), f("span", M, [m(t, {
 						name: $(e),
 						size: "sm"
-					}, null, 8, ["name"])])) : f("", !0),
-					m("span", N, S(e.label), 1),
-					e.shortcut ? (y(), p("span", P, S(e.shortcut), 1)) : f("", !0)
-				], 42, j)]))), 128)), X.value.length ? f("", !0) : (y(), p("li", F, S(C(U).noMatch), 1))]),
+					}, null, 8, ["name"])])) : d("", !0),
+					p("span", N, x(e.label), 1),
+					e.shortcut ? (v(), f("span", P, x(e.shortcut), 1)) : d("", !0)
+				], 42, j)]))), 128)), X.value.length ? d("", !0) : (v(), f("li", F, x(S(U).noMatch), 1))]),
 				_: 1
-			})], 40, k)], 16)) : f("", !0)]),
+			})], 40, k)], 16)) : d("", !0)]),
 			_: 1
 		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}

package/dist/command-menu/style.css

@@ -50,6 +50,10 @@
     --m-font-size-sm: 0.8125rem;
     --m-font-size-md: 0.875rem;
     --m-font-size-lg: 1.125rem;
+    /* Display scale (page titles, KPI figures) */
+    --m-font-size-xl: 1.25rem;
+    --m-font-size-2xl: 1.5rem;
+    --m-font-size-3xl: 1.75rem;
     --m-opacity-disabled: 0.55;
     /* Layering: override --m-z-base via ConfigProvider / createMoryaUI */
     --m-z-base: 1000;
@@ -192,20 +196,10 @@
 
 /*
  * Global motion policy (complements per-component rules):
- * - `reduced` / OS prefers-reduced-motion: keep short paint transitions; stop loops
+ * - `reduced`: keep short paint transitions; stop loops
  *   and layout/transform size animation.
  * - `none`: zero all transition/animation durations.
  */
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        transition-property: background-color, border-color, color, opacity, box-shadow,
-            outline, fill, stroke, stroke-dashoffset !important;
-    }
-}
 
 [data-m-motion="reduced"] *,
 [data-m-motion="reduced"] *::before,
@@ -529,9 +523,13 @@
     border-radius: var(--m-radius-md);
     box-shadow: var(--m-shadow-md);
     max-height: var(--m-dropdown-submenu-max-height);
+    max-width: calc(100vw - 2 * var(--m-space-4));
     min-width: 10rem;
     overflow: hidden;
     padding: var(--m-space-1);
+    /* Same as .m-dropdown__menu: size to content instead of being clamped
+       by the space left of the anchor in the viewport. */
+    width: max-content;
 }
 
 .m-dropdown__submenu--teleported {
@@ -611,7 +609,7 @@
 .m-zoom-enter-from,
 .m-zoom-leave-to {
     opacity: 0;
-    transform: scale(0.9);
+    transform: scale(0.95);
 }
 
 .m-slide-up-enter-active,
@@ -656,44 +654,6 @@
     transform: translateX(calc(var(--m-motion-distance) * -1));
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-active {
-        transition: none;
-    }
-
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-scale-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-fade-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-zoom-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-up-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-down-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-left-leave-to,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-enter-from,
-    html:not([data-m-ignore-reduced-motion]) .m-slide-right-leave-to {
-        transform: none;
-    }
-}
-
 [data-m-motion="reduced"] .m-fade-enter-active,
 [data-m-motion="reduced"] .m-fade-leave-active,
 [data-m-motion="reduced"] .m-scale-fade-enter-active,
@@ -1188,17 +1148,6 @@
     animation: none !important;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) *,
-    html:not([data-m-ignore-reduced-motion]) *::before,
-    html:not([data-m-ignore-reduced-motion]) *::after {
-        animation-duration: 0.01ms !important;
-        animation-iteration-count: 1 !important;
-        scroll-behavior: auto !important;
-        transition-duration: 0.01ms !important;
-    }
-}
-
 .m-icon {
     color: currentColor;
     display: inline-flex;
@@ -1243,12 +1192,6 @@
     }
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .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;
@@ -1378,14 +1321,6 @@
     opacity: 0;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-scrollbar__thumb,
-    html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-scrollbar-fade-leave-active {
-        transition: none;
-    }
-}
-
 :root[data-m-motion='none'] .m-scrollbar__thumb,
 :root[data-m-motion='none'] .m-scrollbar-fade-enter-active,
 :root[data-m-motion='none'] .m-scrollbar-fade-leave-active,

package/dist/components/Accordion/styles.css

@@ -59,13 +59,20 @@
     min-height: 0;
 }
 
-.m-accordion-collapse-enter-active,
+.m-accordion-collapse-enter-active {
+    display: grid;
+    overflow: hidden;
+    transition:
+        grid-template-rows var(--m-motion-enter) var(--m-motion-ease),
+        opacity var(--m-motion-enter) var(--m-motion-ease);
+}
+
 .m-accordion-collapse-leave-active {
     display: grid;
     overflow: hidden;
     transition:
-        grid-template-rows var(--m-motion-normal) var(--m-motion-ease),
-        opacity var(--m-motion-normal) var(--m-motion-ease);
+        grid-template-rows var(--m-motion-exit) var(--m-motion-ease),
+        opacity var(--m-motion-exit) var(--m-motion-ease);
 }
 
 .m-accordion-collapse-enter-active,
@@ -79,13 +86,6 @@
     opacity: 0;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-accordion-collapse-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-accordion-collapse-leave-active {
-        transition: none;
-    }
-}
-
 [data-m-motion="reduced"] .m-accordion-collapse-enter-active,
 [data-m-motion="reduced"] .m-accordion-collapse-leave-active,
 [data-m-motion="none"] .m-accordion-collapse-enter-active,

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

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/AutoComplete.vue"],"names":[],"mappings":";;AAoWA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAqjB5F,QAAA,IAAyB,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAY,CAAE;AACzF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAU7C,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":"AutoComplete.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/AutoComplete.vue"],"names":[],"mappings":";;AA8VA,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AA+iB5F,QAAA,IAAyB,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAE,QAAQ;;CAAY,CAAE;AACzF,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAU7C,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/AutoComplete/styles.css

@@ -160,13 +160,6 @@
     width: var(--m-autocomplete-spinner-size);
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-autocomplete__spinner {
-        animation: none;
-        border-top-color: var(--m-color-text-muted);
-    }
-}
-
 [data-m-motion="reduced"] .m-autocomplete__spinner {
     animation: none;
     border-top-color: var(--m-color-text-muted);

package/dist/components/Badge/styles.css

@@ -158,13 +158,6 @@
     }
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-badge--processing::after {
-        animation: none;
-        opacity: 0;
-    }
-}
-
 [data-m-motion="reduced"] .m-badge--processing::after,
 [data-m-motion="none"] .m-badge--processing::after {
     animation: none;

package/dist/components/BlockUI/styles.css

@@ -33,13 +33,6 @@
     opacity: 0;
 }
 
-@media (prefers-reduced-motion: reduce) {
-    html:not([data-m-ignore-reduced-motion]) .m-blockui-enter-active,
-    html:not([data-m-ignore-reduced-motion]) .m-blockui-leave-active {
-        transition: none;
-    }
-}
-
 [data-m-motion="reduced"] .m-blockui-enter-active,
 [data-m-motion="reduced"] .m-blockui-leave-active,
 [data-m-motion="none"] .m-blockui-enter-active,

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

@@ -35,6 +35,8 @@ declare const __VLS_base: DefineComponent<ButtonProps, {
     fluid: boolean;
     badgeSeverity: ButtonBadgeSeverity;
     nativeType: "button" | "submit" | "reset";
+    ripple: boolean;
+    press: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.vue"],"names":[],"mappings":";AAsJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAqG1C,iBAAS,KAAK,SAEb;AA0HD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAChD;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;AAOhD,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":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.vue"],"names":[],"mappings":";AA6OA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAoL1C,iBAAS,KAAK,SAEb;AA2ID,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAChD;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;AAQhD,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"}