morya-ui 0.3.1 → 0.3.3

package/dist/empty/index.js

@@ -1,11 +1,7 @@
-import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMId-BXFYayPP.js";
-import { n as r } from "../locale-Bzm2nbEp.js";
+import { i as e, n as t, r as n, t as r } from "../Empty-C5tndBOm.js";
 import "./style.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, defineComponent as l, mergeProps as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useSlots as _, watch as v } from "vue";
 //#region src/components/Empty/illustrations/catalog.ts
-var y = [
+var i = [
 	"no-content",
 	"no-result",
 	"no-message",
@@ -21,149 +17,8 @@ var y = [
 	"input-irregular",
 	"payment-cycle-long"
 ];
-function b(e) {
-	return y.includes(e);
+function a(e) {
+	return i.includes(e);
 }
 //#endregion
-//#region src/components/Empty/illustrations/loaders.ts
-var x = {
-	"no-content": () => import("../no-content-CwbqVPoN.js"),
-	"no-result": () => import("../no-result-pGce34BV.js"),
-	"no-message": () => import("../no-message-DnIEpMiO.js"),
-	"no-schedule": () => import("../no-schedule-Cl9Frt1Q.js"),
-	"no-issue": () => import("../no-issue-DMkU-Pnw.js"),
-	"network-error": () => import("../network-error-C6vl5a7S.js"),
-	"server-error": () => import("../server-error-D8zGMe5r.js"),
-	building: () => import("../building-DYLdXiQg.js"),
-	"churn-high": () => import("../churn-high-D1ELpZzW.js"),
-	"conversion-low": () => import("../conversion-low-CwZiQc2k.js"),
-	"activity-low": () => import("../activity-low-CgK9kHWr.js"),
-	"profile-unclear": () => import("../profile-unclear-CGs4PCfw.js"),
-	"input-irregular": () => import("../input-irregular-xSLDoNTS.js"),
-	"payment-cycle-long": () => import("../payment-cycle-long-Ba9FNStl.js")
-};
-async function S(e) {
-	return (await x[e]()).default;
-}
-//#endregion
-//#region src/components/Empty/illustrations/defaultEmptyIcon.ts
-var C = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 28 28\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M26 7.5C26 11.0899 23.0899 14 19.5 14C15.9101 14 13 11.0899 13 7.5C13 3.91015 15.9101 1 19.5 1C23.0899 1 26 3.91015 26 7.5ZM16.8536 4.14645C16.6583 3.95118 16.3417 3.95118 16.1464 4.14645C15.9512 4.34171 15.9512 4.65829 16.1464 4.85355L18.7929 7.5L16.1464 10.1464C15.9512 10.3417 15.9512 10.6583 16.1464 10.8536C16.3417 11.0488 16.6583 11.0488 16.8536 10.8536L19.5 8.20711L22.1464 10.8536C22.3417 11.0488 22.6583 11.0488 22.8536 10.8536C23.0488 10.6583 23.0488 10.3417 22.8536 10.1464L20.2071 7.5L22.8536 4.85355C23.0488 4.65829 23.0488 3.95118 22.8536 4.14645C22.6583 3.95118 22.3417 3.95118 22.1464 4.14645L19.5 6.79289L16.8536 4.14645Z\" fill=\"currentColor\"/><path d=\"M25 22.75V12.5991C24.5572 13.0765 24.053 13.4961 23.5 13.8454V16H17.5L17.3982 16.0068C17.0322 16.0565 16.75 16.3703 16.75 16.75C16.75 18.2688 15.5188 19.5 14 19.5C12.4812 19.5 11.25 18.2688 11.25 16.75L11.2432 16.6482C11.1935 16.2822 10.8797 16 10.5 16H4.5V7.25C4.5 6.2835 5.2835 5.5 6.25 5.5H12.2696C12.4146 4.97463 12.6153 4.47237 12.865 4H6.25C4.45507 4 3 5.45507 3 7.25V22.75C3 24.5449 4.45507 26 6.25 26H21.75C23.5449 26 25 24.5449 25 22.75ZM4.5 22.75V17.5H9.81597L9.85751 17.7041C10.2905 19.5919 11.9808 21 14 21L14.215 20.9947C16.2095 20.8953 17.842 19.4209 18.184 17.5H23.5V22.75C23.5 23.7165 22.7165 24.5 21.75 24.5H6.25C5.2835 24.5 4.5 23.7165 4.5 22.75Z\" fill=\"currentColor\"/></svg>", w = [
-	"no-content",
-	"no-result",
-	"no-message",
-	"no-schedule",
-	"no-issue"
-], T = [
-	"network-error",
-	"server-error",
-	"building"
-], E = /__MID_(\d+)__/g;
-function D(e, t) {
-	return e.replace(E, (e, n) => `${t}-${n}`);
-}
-async function O(e, t) {
-	return D(await S(e), t);
-}
-//#endregion
-//#region src/components/Empty/Empty.vue?vue&type=script&setup=true&lang.ts
-var k = {
-	key: 0,
-	class: "m-empty__illustration",
-	"aria-hidden": "true"
-}, A = ["src"], j = ["innerHTML"], M = ["innerHTML"], N = {
-	key: 1,
-	class: "m-empty__body"
-}, P = {
-	key: 0,
-	class: "m-empty__title"
-}, F = {
-	key: 1,
-	class: "m-empty__description"
-}, I = {
-	key: 2,
-	class: "m-empty__extra"
-}, L = /* @__PURE__ */ l({
-	inheritAttrs: !1,
-	__name: "Empty",
-	props: {
-		pt: {},
-		title: {},
-		description: {},
-		showDescription: {
-			type: Boolean,
-			default: !0
-		},
-		showIcon: {
-			type: Boolean,
-			default: !0
-		},
-		size: {},
-		icon: {},
-		illustration: {},
-		image: {},
-		simple: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(l) {
-		let y = l, b = g(), x = _(), { rootAttrs: S } = e(b, () => y.pt), w = r(), T = n("m-ill"), E = f(), D = 0;
-		function L(e) {
-			return e === "small" || e === "sm" ? "small" : e === "large" || e === "lg" ? "large" : "medium";
-		}
-		let R = i(() => L(y.size)), z = i(() => !!(x.image || y.image)), B = i(() => !!x.icon), V = i(() => {
-			if (y.showIcon) {
-				if (y.illustration) return y.illustration;
-				if (!(z.value || B.value) && y.icon === "search") return "no-result";
-			}
-		});
-		v(V, (e) => {
-			let t = ++D;
-			if (!e) {
-				E.value = void 0;
-				return;
-			}
-			O(e, T).then((e) => {
-				t === D && (E.value = e);
-			}, () => {
-				t === D && (E.value = void 0);
-			});
-		}, { immediate: !0 });
-		let H = i(() => y.showIcon && !!V.value && !!E.value && !z.value && !B.value), U = i(() => y.showIcon && !!y.icon && y.icon !== "search" && !V.value && !z.value && !B.value), W = i(() => y.showIcon && !V.value && !U.value && !z.value && !B.value), G = i(() => y.showIcon && (z.value || B.value || H.value || U.value || W.value)), K = i(() => y.description == null ? w.value.emptyMessage : y.description), q = i(() => x.title ? !0 : y.title != null && y.title !== ""), J = i(() => y.showDescription ? x.default ? !0 : !!K.value : !1), Y = i(() => [
-			"m-empty",
-			`m-empty--${R.value}`,
-			{
-				"m-empty--simple": y.simple,
-				"m-empty--default-icon": W.value
-			}
-		]);
-		return (e, n) => (d(), s("div", u(h(S), {
-			class: Y.value,
-			role: "status"
-		}), [
-			G.value ? (d(), s("div", k, [z.value ? p(e.$slots, "image", {}, () => [l.image ? (d(), s("img", {
-				key: 0,
-				class: "m-empty__image",
-				src: l.image,
-				alt: ""
-			}, null, 8, A)) : o("", !0)], void 0, 0) : B.value ? p(e.$slots, "icon", {}, void 0, void 0, 1) : H.value && E.value ? (d(), s("div", {
-				key: 2,
-				class: "m-empty__glyph",
-				innerHTML: E.value
-			}, null, 8, j)) : U.value && l.icon ? (d(), a(t, {
-				key: 3,
-				class: "m-empty__icon",
-				name: l.icon,
-				size: "lg"
-			}, null, 8, ["name"])) : W.value ? (d(), s("div", {
-				key: 4,
-				class: "m-empty__default-icon",
-				innerHTML: h(C)
-			}, null, 8, M)) : o("", !0)])) : o("", !0),
-			q.value || J.value ? (d(), s("div", N, [q.value ? (d(), s("div", P, [p(e.$slots, "title", {}, () => [c(m(l.title), 1)])])) : o("", !0), J.value ? (d(), s("div", F, [p(e.$slots, "default", {}, () => [c(m(K.value), 1)])])) : o("", !0)])) : o("", !0),
-			h(x).extra ? (d(), s("div", I, [p(e.$slots, "extra")])) : o("", !0)
-		], 16));
-	}
-});
-//#endregion
-export { y as EMPTY_ILLUSTRATION_KEYS, T as EMPTY_OUTCOME_KEYS, w as EMPTY_PRESET_KEYS, L as MEmpty, b as isEmptyIllustration, S as loadEmptyIllustration };
+export { i as EMPTY_ILLUSTRATION_KEYS, t as EMPTY_OUTCOME_KEYS, n as EMPTY_PRESET_KEYS, r as MEmpty, a as isEmptyIllustration, e as loadEmptyIllustration };

package/dist/empty/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/fieldset/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;
@@ -1324,13 +1263,6 @@
     opacity: 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,
 [data-m-motion="none"] .m-fieldset-collapse-enter-active,