morya-ui 0.3.0 → 0.3.2

package/dist/empty/index.js

@@ -1,11 +1,7 @@
-import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
-import { t } from "../Icon-lcN1rS87.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,
@@ -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/fieldset/index.js

@@ -1,6 +1,6 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../useControllable-elmWaz23.js";
-import { t as n } from "../Icon-lcN1rS87.js";
+import { t as n } from "../Icon-od9Ob-Ay.js";
 import { t as r } from "../useMId-BXFYayPP.js";
 import "./style.js";
 import { Transition as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, vShow as _, withCtx as v, withDirectives as y } from "vue";

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,
@@ -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;
@@ -1320,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,