morya-ui 0.3.1 → 0.3.3

package/dist/tree-select/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,
@@ -615,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,
@@ -660,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,
@@ -1192,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;
-    }
-}
-
 /* Shared picker suffix slot: clear + dropdown indicator (Select, TreeSelect). */
 .m-select__control {
     --m-control-end-padding: var(--m-control-affix-padding);
@@ -1681,12 +1626,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;
@@ -1816,14 +1755,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/tree-table/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,
@@ -615,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,
@@ -660,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,
@@ -1192,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;
@@ -1247,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/treeQuery-CnHkyYOA.js

@@ -0,0 +1,107 @@
+import { i as e, r as t } from "./filterByQuery-Bczaxzih.js";
+//#region src/components/Tree/checkStrategy.ts
+function n(e, t, r) {
+	for (let i of e) t(i, r), i.children?.length && n(i.children, t, i);
+}
+function r(e, t, n) {
+	t ? n[e.key] = !0 : delete n[e.key];
+	for (let i of e.children ?? []) r(i, t, n);
+}
+function i(e) {
+	let t = /* @__PURE__ */ new Map();
+	return n(e, (e) => {
+		t.set(e.key, e.children ?? []);
+	}), t;
+}
+function a(e, t) {
+	i(e);
+	let n = (e) => {
+		for (let r of e) r.children?.length && (n(r.children), r.children.every((e) => t[e.key]) ? t[r.key] = !0 : delete t[r.key]);
+	};
+	n(e);
+}
+function o(e, t, i, o) {
+	let s = { ...t };
+	return o ? s : (i === "parent" && n(e, (e) => {
+		t[e.key] && r(e, !0, s);
+	}), a(e, s), s);
+}
+function s(e, t, r, i) {
+	if (i || r === "all") return { ...t };
+	let a = {};
+	if (r === "child") return n(e, (e) => {
+		t[e.key] && !e.children?.length && (a[e.key] = !0);
+	}), a;
+	let o = (e, n) => {
+		for (let r of e) {
+			let e = !!t[r.key];
+			e && !n && (a[r.key] = !0), r.children?.length && o(r.children, e);
+		}
+	};
+	return o(e, !1), a;
+}
+function c(e, t) {
+	if (!t) return null;
+	for (let n of e) {
+		if (n.key === t) return n;
+		let e = c(n.children ?? [], t);
+		if (e) return e;
+	}
+	return null;
+}
+function l(e, t) {
+	let n = [], r = (e, i) => {
+		for (let a of e) {
+			let e = [...i, a.label];
+			if (a.key === t) return n.push(...e), !0;
+			if (a.children?.length && r(a.children, e)) return !0;
+		}
+		return !1;
+	};
+	return r(e, []), n;
+}
+//#endregion
+//#region src/components/Tree/treeQuery.ts
+function u(n, r) {
+	return e(r.label, t(n));
+}
+function d(e, t, n = u) {
+	let r = t.trim();
+	return !r || n(r, e) ? !0 : (e.children ?? []).some((e) => d(e, t, n));
+}
+function f(e, t, n) {
+	return t.trim() ? e.filter((e) => d(e, t, n)) : e;
+}
+function p(n, r) {
+	let i = t(r);
+	if (!i) return n;
+	let a = (t) => {
+		let n = e(t.label, i), r = (t.children ?? []).map(a).filter((e) => e != null);
+		return n || r.length ? {
+			...t,
+			children: r.length ? r : t.children
+		} : null;
+	};
+	return n.map(a).filter((e) => e != null);
+}
+function m(e) {
+	let t = {};
+	return n(e, (e) => {
+		e.children?.length && (t[e.key] = !0);
+	}), t;
+}
+function h(e, t, n = {}) {
+	let r = n.mode ?? "delete", i = n.open ?? !!e[t];
+	if (r === "boolean") return {
+		...e,
+		[t]: !i
+	};
+	if (i) {
+		let n = { ...e };
+		return delete n[t], n;
+	}
+	let a = n.accordion ? {} : { ...e };
+	return a[t] = !0, a;
+}
+//#endregion
+export { h as a, o as c, s as d, r as f, u as i, c as l, p as n, d as o, a as p, f as r, i as s, m as t, l as u };

package/dist/{useFloatingViewportSync-DZdJ7W8n.js → useFloatingViewportSync-wLLKIGUA.js}

@@ -10,7 +10,10 @@ function n(n, r) {
 	}
 	return t(n, (e) => {
 		e ? a() : o();
-	}, { flush: "sync" }), e(o), {
+	}, {
+		flush: "sync",
+		immediate: !0
+	}), e(o), {
 		attach: a,
 		detach: o
 	};

package/dist/{useMotionTransition-Bxnnb_9u.js → useMotionTransition-95Y79FoL.js}

@@ -12,7 +12,7 @@ var i = {
 	"slide-left": { name: "m-slide-left" },
 	"slide-right": { name: "m-slide-right" },
 	drawer: { name: "m-drawer" },
-	popover: { name: "m-popover" },
+	popover: { name: "m-scale-fade" },
 	loading: { name: "m-loading" },
 	blockui: { name: "m-blockui" },
 	message: { name: "m-message-slide" },

package/dist/virtual-scroller/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,
@@ -615,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,
@@ -660,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,
@@ -1192,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-scrollbar {
     --m-scrollbar-track-size: 6px;
     --m-scrollbar-inset: 0.125rem;
@@ -1327,14 +1272,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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "morya-ui",
   "type": "module",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "Open-source Vue 3 component library with design tokens, themes, and interactive docs.",
   "license": "MIT",
   "homepage": "https://morya-space.github.io/morya-ui/",
@@ -750,6 +750,7 @@
     "release:nuxt": "node scripts/release-nuxt.mjs",
     "release:setup": "node scripts/release-setup.mjs",
     "mcp:generate": "pnpm --filter @morya-ui/mcp generate",
+    "mcp:generate-recipes": "pnpm --filter @morya-ui/mcp generate:recipes",
     "mcp:check-catalog": "pnpm --filter @morya-ui/mcp check-catalog",
     "mcp:validate-catalog": "pnpm --filter @morya-ui/mcp validate-catalog",
     "mcp:audit-examples": "pnpm --filter @morya-ui/mcp audit-example-coverage",

package/dist/Button-smoDleh0.js

@@ -1,156 +0,0 @@
-import { r as e, t } from "./types-DGuu4Eg4.js";
-import { t as n } from "./Icon-od9Ob-Ay.js";
-import { o as r } from "./config-CapALqt3.js";
-import { Comment as i, Fragment as a, Text as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, defineComponent as p, normalizeClass as m, normalizeStyle as h, openBlock as g, ref as _, renderSlot as v, resolveDynamicComponent as y, toDisplayString as b, useSlots as x } from "vue";
-//#region src/components/Button/Button.vue?vue&type=script&setup=true&lang.ts
-var S = [
-	"type",
-	"disabled",
-	"autofocus",
-	"aria-busy",
-	"aria-label"
-], C = {
-	key: 1,
-	class: "m-button__label"
-}, w = /* @__PURE__ */ p({
-	__name: "Button",
-	props: {
-		label: {},
-		icon: {},
-		iconPos: { default: "left" },
-		iconOnly: {
-			type: Boolean,
-			default: !1
-		},
-		severity: {},
-		color: {},
-		raised: {
-			type: Boolean,
-			default: !1
-		},
-		rounded: {
-			type: Boolean,
-			default: !1
-		},
-		text: {
-			type: Boolean,
-			default: !1
-		},
-		outlined: {
-			type: Boolean,
-			default: !1
-		},
-		link: {
-			type: Boolean,
-			default: !1
-		},
-		ghost: {
-			type: Boolean,
-			default: !1
-		},
-		quaternary: {
-			type: Boolean,
-			default: !1
-		},
-		plain: {
-			type: Boolean,
-			default: !1
-		},
-		variant: {},
-		size: {},
-		fluid: {
-			type: Boolean,
-			default: !1
-		},
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		badge: {},
-		badgeSeverity: { default: null },
-		autofocus: {
-			type: Boolean,
-			default: !1
-		},
-		nativeType: { default: "button" },
-		ariaLabel: {}
-	},
-	emits: ["click"],
-	setup(p, { expose: w, emit: T }) {
-		let E = p, D = T, O = x(), k = _(null), A = s(() => !!O.default?.().some((e) => q(e))), j = s(() => A.value || !!E.label?.trim()), M = s(() => E.outlined || E.variant === "outlined"), N = s(() => E.text || E.variant === "text"), P = s(() => E.link || E.variant === "link"), F = s(() => E.ghost || E.variant === "ghost"), I = s(() => E.quaternary || E.variant === "quaternary"), L = s(() => E.fluid), R = r("Button", () => E.size), z = s(() => e(R.value)), B = s(() => E.iconOnly || !j.value && !!(E.icon || O.icon || E.loading)), V = s(() => t(E.severity) ?? "primary"), H = s(() => typeof E.icon == "string" ? E.icon : void 0), U = s(() => typeof E.icon == "string" || !E.icon ? void 0 : E.icon), W = s(() => [
-			"m-button",
-			`m-button--${V.value}`,
-			`m-button--${R.value}`,
-			`m-button--icon-${E.iconPos}`,
-			{
-				"m-button--raised": E.raised,
-				"m-button--rounded": E.rounded,
-				"m-button--text": N.value,
-				"m-button--outlined": M.value,
-				"m-button--link": P.value,
-				"m-button--ghost": F.value,
-				"m-button--quaternary": I.value,
-				"m-button--plain": E.plain,
-				"m-button--fluid": L.value,
-				"m-button--loading": E.loading,
-				"m-button--icon-only": B.value,
-				"m-button--custom": !!E.color
-			}
-		]), G = s(() => E.color ? { "--m-button-color": E.color } : void 0), K = s(() => ["m-button__badge", E.badgeSeverity ? `m-button__badge--${t(E.badgeSeverity)}` : "m-button__badge--contrast"]);
-		function q(e) {
-			if (e == null || typeof e == "boolean") return !1;
-			if (typeof e == "string" || typeof e == "number") return String(e).trim().length > 0;
-			if (Array.isArray(e)) return e.some((e) => q(e));
-			if (typeof e == "object" && "type" in e) {
-				let t = e;
-				return t.type === i ? !1 : t.type === o ? String(t.children ?? "").trim().length > 0 : t.type !== a || q(t.children);
-			}
-			return !1;
-		}
-		function J(e) {
-			E.disabled || E.loading || D("click", e);
-		}
-		function Y() {
-			k.value?.focus();
-		}
-		return w({
-			focus: Y,
-			ref: k
-		}), (e, t) => (g(), u("button", {
-			ref_key: "buttonElement",
-			ref: k,
-			class: m(W.value),
-			style: h(G.value),
-			type: p.nativeType,
-			disabled: p.disabled || p.loading,
-			autofocus: p.autofocus || void 0,
-			"aria-busy": p.loading || void 0,
-			"aria-label": p.ariaLabel || (B.value ? p.label : void 0),
-			onClick: J
-		}, [
-			p.loading || p.icon || e.$slots.icon ? (g(), u("span", {
-				key: 0,
-				class: m(["m-button__icon", { "m-button__icon--loading": p.loading }]),
-				"aria-hidden": "true"
-			}, [p.loading ? v(e.$slots, "loadingicon", {}, () => [t[0] ||= d("span", { class: "m-button__spinner" }, null, -1)], void 0, 0) : v(e.$slots, "icon", { class: "m-button__icon-slot" }, () => [H.value ? (g(), c(n, {
-				key: 0,
-				name: H.value,
-				size: z.value
-			}, null, 8, ["name", "size"])) : U.value ? (g(), c(y(U.value), {
-				key: 1,
-				class: "m-button__icon-graphic"
-			})) : l("", !0)], void 0, 1)], 2)) : l("", !0),
-			j.value && !p.iconOnly ? (g(), u("span", C, [v(e.$slots, "default", {}, () => [f(b(p.label), 1)])])) : l("", !0),
-			p.badge != null && p.badge !== "" ? (g(), u("span", {
-				key: 2,
-				class: m(K.value)
-			}, b(p.badge), 3)) : l("", !0)
-		], 14, S));
-	}
-});
-//#endregion
-export { w as t };