morya-ui 0.3.2 → 0.3.3

package/dist/dialog/style.css

@@ -1375,7 +1375,30 @@
     );
 }
 
-.m-button--secondary.m-button--outlined {
+/* Idle matches outlined hover; hover/active deepen the tint. */
+.m-button--plain {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-button-border) 10%,
+        transparent
+    );
+    --m-button-fg: var(--m-button-border);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-border) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-border);
+    --m-button-hover-border: var(--m-button-border);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-button-border) 22%,
+        transparent
+    );
+}
+
+.m-button--secondary.m-button--outlined,
+.m-button--secondary.m-button--plain {
     --m-button-border: var(--m-color-border);
     --m-button-fg: var(--m-color-text);
     --m-button-hover-fg: var(--m-color-text);
@@ -1386,13 +1409,16 @@
     --m-button-bg: transparent;
     --m-button-border: transparent;
     --m-button-fg: var(--m-color-primary);
+    --m-button-hover-fg: var(--m-color-primary);
+    --m-button-hover-border: transparent;
+}
+
+.m-button--text {
     --m-button-hover-bg: color-mix(
         in srgb,
         var(--m-color-primary) 10%,
         transparent
     );
-    --m-button-hover-fg: var(--m-color-primary);
-    --m-button-hover-border: transparent;
     --m-button-active-bg: color-mix(
         in srgb,
         var(--m-color-primary) 16%,
@@ -1400,8 +1426,24 @@
     );
 }
 
-.m-button--secondary.m-button--text,
-.m-button--secondary.m-button--link {
+.m-button--link {
+    --m-button-bg: transparent;
+    --m-button-hover-bg: transparent;
+    --m-button-active-bg: transparent;
+    height: auto;
+    min-height: 0;
+    padding: 0;
+}
+
+.m-button--link.m-button--link-underline:hover:not(:disabled) {
+    text-decoration: underline;
+}
+
+.m-button--link:not(.m-button--link-underline):hover:not(:disabled) {
+    opacity: 0.8;
+}
+
+.m-button--secondary.m-button--text {
     --m-button-fg: var(--m-color-text-muted);
     --m-button-hover-bg: color-mix(
         in srgb,
@@ -1411,8 +1453,12 @@
     --m-button-hover-fg: var(--m-color-text);
 }
 
+.m-button--secondary.m-button--link {
+    --m-button-fg: var(--m-color-text-muted);
+    --m-button-hover-fg: var(--m-color-text);
+}
+
 .m-button--success.m-button--text,
-.m-button--success.m-button--link,
 .m-button--success.m-button--outlined {
     --m-button-fg: var(--m-color-success);
     --m-button-border: var(--m-color-success);
@@ -1425,8 +1471,12 @@
     --m-button-hover-border: var(--m-color-success);
 }
 
+.m-button--success.m-button--link {
+    --m-button-fg: var(--m-color-success);
+    --m-button-hover-fg: var(--m-color-success);
+}
+
 .m-button--info.m-button--text,
-.m-button--info.m-button--link,
 .m-button--info.m-button--outlined {
     --m-button-fg: var(--m-color-info);
     --m-button-border: var(--m-color-info);
@@ -1439,8 +1489,12 @@
     --m-button-hover-border: var(--m-color-info);
 }
 
+.m-button--info.m-button--link {
+    --m-button-fg: var(--m-color-info);
+    --m-button-hover-fg: var(--m-color-info);
+}
+
 .m-button--warn.m-button--text,
-.m-button--warn.m-button--link,
 .m-button--warn.m-button--outlined {
     --m-button-fg: var(--m-color-warn);
     --m-button-border: var(--m-color-warn);
@@ -1453,8 +1507,12 @@
     --m-button-hover-border: var(--m-color-warn);
 }
 
+.m-button--warn.m-button--link {
+    --m-button-fg: var(--m-color-warn);
+    --m-button-hover-fg: var(--m-color-warn);
+}
+
 .m-button--help.m-button--text,
-.m-button--help.m-button--link,
 .m-button--help.m-button--outlined {
     --m-button-fg: var(--m-color-help);
     --m-button-border: var(--m-color-help);
@@ -1467,8 +1525,12 @@
     --m-button-hover-border: var(--m-color-help);
 }
 
+.m-button--help.m-button--link {
+    --m-button-fg: var(--m-color-help);
+    --m-button-hover-fg: var(--m-color-help);
+}
+
 .m-button--danger.m-button--text,
-.m-button--danger.m-button--link,
 .m-button--danger.m-button--outlined {
     --m-button-fg: var(--m-color-danger);
     --m-button-border: var(--m-color-danger);
@@ -1481,8 +1543,12 @@
     --m-button-hover-border: var(--m-color-danger);
 }
 
+.m-button--danger.m-button--link {
+    --m-button-fg: var(--m-color-danger);
+    --m-button-hover-fg: var(--m-color-danger);
+}
+
 .m-button--contrast.m-button--text,
-.m-button--contrast.m-button--link,
 .m-button--contrast.m-button--outlined {
     --m-button-fg: var(--m-color-contrast);
     --m-button-border: var(--m-color-contrast);
@@ -1495,9 +1561,14 @@
     --m-button-hover-border: var(--m-color-contrast);
 }
 
+.m-button--contrast.m-button--link {
+    --m-button-fg: var(--m-color-contrast);
+    --m-button-hover-fg: var(--m-color-contrast);
+}
+
 .m-button--plain.m-button--text,
-.m-button--plain.m-button--outlined,
-.m-button--plain.m-button--link {
+.m-button--plain.m-button--outlined {
+    --m-button-bg: transparent;
     --m-button-fg: var(--m-color-text-muted);
     --m-button-border: var(--m-color-border);
     --m-button-hover-bg: color-mix(
@@ -1507,69 +1578,178 @@
     );
     --m-button-hover-fg: var(--m-color-text);
     --m-button-hover-border: var(--m-color-border);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 18%,
+        transparent
+    );
 }
 
-.m-button--link {
-    height: auto;
-    min-height: 0;
-    padding: 0;
-}
-
-.m-button--link:hover:not(:disabled) {
-    text-decoration: underline;
+.m-button--plain.m-button--link {
+    --m-button-fg: var(--m-color-text-muted);
+    --m-button-hover-fg: var(--m-color-text);
 }
 
 .m-button--ghost {
-    --m-button-bg: transparent;
-    --m-button-fg: var(--m-button-border);
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        transparent
+    );
+    --m-button-border: transparent;
+    --m-button-fg: var(--m-color-primary);
     --m-button-hover-bg: color-mix(
         in srgb,
-        var(--m-button-border) 12%,
+        var(--m-color-primary) 16%,
         transparent
     );
-    --m-button-hover-fg: var(--m-button-border);
-    --m-button-hover-border: var(--m-button-border);
+    --m-button-hover-fg: var(--m-color-primary);
+    --m-button-hover-border: transparent;
     --m-button-active-bg: color-mix(
         in srgb,
-        var(--m-button-border) 18%,
+        var(--m-color-primary) 22%,
         transparent
     );
 }
 
 .m-button--secondary.m-button--ghost {
-    --m-button-border: var(--m-color-border);
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 12%,
+        transparent
+    );
     --m-button-fg: var(--m-color-text);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 18%,
+        transparent
+    );
     --m-button-hover-fg: var(--m-color-text);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-text-muted) 24%,
+        transparent
+    );
 }
 
 .m-button--success.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-success) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-success);
-    --m-button-border: var(--m-color-success);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-success) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-success);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-success) 22%,
+        transparent
+    );
 }
 
 .m-button--info.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-info) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-info);
-    --m-button-border: var(--m-color-info);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-info) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-info);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-info) 22%,
+        transparent
+    );
 }
 
 .m-button--warn.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-warn) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-warn);
-    --m-button-border: var(--m-color-warn);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-warn) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-warn);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-warn) 22%,
+        transparent
+    );
 }
 
 .m-button--help.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-help) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-help);
-    --m-button-border: var(--m-color-help);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-help) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-help);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-help) 22%,
+        transparent
+    );
 }
 
 .m-button--danger.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-danger) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-danger);
-    --m-button-border: var(--m-color-danger);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-danger) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-danger);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-danger) 22%,
+        transparent
+    );
 }
 
 .m-button--contrast.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-color-contrast) 10%,
+        transparent
+    );
     --m-button-fg: var(--m-color-contrast);
-    --m-button-border: var(--m-color-contrast);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-color-contrast) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-color-contrast);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-color-contrast) 22%,
+        transparent
+    );
 }
 
 .m-button--quaternary {
@@ -1608,11 +1788,7 @@
     );
 }
 
-.m-button--custom.m-button--outlined,
-.m-button--custom.m-button--ghost,
-.m-button--custom.m-button--text,
-.m-button--custom.m-button--quaternary,
-.m-button--custom.m-button--link {
+.m-button--custom.m-button--outlined {
     --m-button-bg: transparent;
     --m-button-fg: var(--m-button-color);
     --m-button-border: var(--m-button-color);
@@ -1625,11 +1801,72 @@
     --m-button-hover-border: var(--m-button-color);
 }
 
+.m-button--custom.m-button--ghost {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 10%,
+        transparent
+    );
+    --m-button-fg: var(--m-button-color);
+    --m-button-border: transparent;
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-color);
+    --m-button-hover-border: transparent;
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 22%,
+        transparent
+    );
+}
+
 .m-button--custom.m-button--text,
-.m-button--custom.m-button--quaternary,
+.m-button--custom.m-button--quaternary {
+    --m-button-bg: transparent;
+    --m-button-fg: var(--m-button-color);
+    --m-button-border: transparent;
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 12%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-color);
+    --m-button-hover-border: transparent;
+}
+
+.m-button--custom.m-button--plain {
+    --m-button-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 10%,
+        transparent
+    );
+    --m-button-fg: var(--m-button-color);
+    --m-button-border: var(--m-button-color);
+    --m-button-hover-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 16%,
+        transparent
+    );
+    --m-button-hover-fg: var(--m-button-color);
+    --m-button-hover-border: var(--m-button-color);
+    --m-button-active-bg: color-mix(
+        in srgb,
+        var(--m-button-color) 22%,
+        transparent
+    );
+}
+
 .m-button--custom.m-button--link {
+    --m-button-bg: transparent;
+    --m-button-fg: var(--m-button-color);
     --m-button-border: transparent;
+    --m-button-hover-bg: transparent;
+    --m-button-hover-fg: var(--m-button-color);
     --m-button-hover-border: transparent;
+    --m-button-active-bg: transparent;
 }
 
 .m-button-group {

package/dist/drawer/index.js

@@ -1,6 +1,6 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as n } from "../useMotionTransition-95Y79FoL.js";
 import { n as r } from "../overlay-oR-5MDuE.js";
 import { t as i } from "../useModalOverlay-Beo3CEAt.js";
 import { t as a } from "../asyncGuard-CPGT_TKu.js";

package/dist/dropdown/index.js

@@ -1,13 +1,13 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as n } from "../useMotionTransition-95Y79FoL.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
-import { t as a } from "../overlayPlacement-Cd20JTD_.js";
-import { t as o } from "../useFloatingViewportSync-DZdJ7W8n.js";
+import { t as a } from "../overlayPlacement-qwEJPVS4.js";
+import { t as o } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as s } from "../Scrollbar-DTeJ8P5b.js";
 import { t as c } from "../icon-COrt_N8A.js";
 import { t as l } from "../key-CaQYVkjh.js";
-import { t as u } from "../FlyoutSubmenu-BrUPmJa1.js";
+import { t as u } from "../FlyoutSubmenu-H_741alW.js";
 import { c as d } from "../config-CapALqt3.js";
 import { n as f } from "../locale-Bzm2nbEp.js";
 import "./style.js";

package/dist/index.js

@@ -220,7 +220,7 @@ var ke = {
 	"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" },
@@ -1233,25 +1233,25 @@ function kn(e, t, n = {}) {
 		case "top": return {
 			left: p,
 			top: `${e.top - r}px`,
-			transform: "translate(-50%, -100%)",
+			translate: "-50% -100%",
 			...f
 		};
 		case "bottom": return {
 			left: p,
 			top: `${e.bottom + r}px`,
-			transform: "translateX(-50%)",
+			translate: "-50% 0",
 			...f
 		};
 		case "left": return {
 			left: p,
 			top: `${u}px`,
-			transform: "translate(-100%, -50%)",
+			translate: "-100% -50%",
 			...f
 		};
 		case "right": return {
 			left: p,
 			top: `${u}px`,
-			transform: "translateY(-50%)",
+			translate: "0 -50%",
 			...f
 		};
 		case "right-start": return {
@@ -1262,13 +1262,13 @@ function kn(e, t, n = {}) {
 		case "left-start": return {
 			left: p,
 			top: `${e.top}px`,
-			transform: "translateX(-100%)",
+			translate: "-100% 0",
 			...f
 		};
 		case "bottom-end": return {
 			left: p,
 			top: `${e.bottom + r}px`,
-			transform: "translateX(-100%)",
+			translate: "-100% 0",
 			...f
 		};
 		case "bottom-start": return {
@@ -1279,13 +1279,13 @@ function kn(e, t, n = {}) {
 		case "top-start": return {
 			left: p,
 			top: `${e.top - r}px`,
-			transform: "translateY(-100%)",
+			translate: "0 -100%",
 			...f
 		};
 		case "top-end": return {
 			left: p,
 			top: `${e.top - r}px`,
-			transform: "translate(-100%, -100%)",
+			translate: "-100% -100%",
 			...f
 		};
 		default: return {
@@ -1317,7 +1317,10 @@ function jn(e, t) {
 	}
 	return J(e, (e) => {
 		e ? r() : i();
-	}, { flush: "sync" }), k(i), {
+	}, {
+		flush: "sync",
+		immediate: !0
+	}), k(i), {
 		attach: r,
 		detach: i
 	};
@@ -2824,6 +2827,10 @@ var er = ["aria-orientation", "aria-controls"], tr = /* @__PURE__ */ g({
 			type: Boolean,
 			default: !1
 		},
+		underline: {
+			type: Boolean,
+			default: !0
+		},
 		ghost: {
 			type: Boolean,
 			default: !1
@@ -2860,11 +2867,11 @@ var er = ["aria-orientation", "aria-controls"], tr = /* @__PURE__ */ g({
 		ariaLabel: {},
 		ripple: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
 		press: {
 			type: Boolean,
-			default: !0
+			default: !1
 		}
 	},
 	emits: ["click"],
@@ -2880,6 +2887,7 @@ var er = ["aria-orientation", "aria-controls"], tr = /* @__PURE__ */ g({
 				"m-button--text": x.value,
 				"m-button--outlined": b.value,
 				"m-button--link": S.value,
+				"m-button--link-underline": S.value && o.underline,
 				"m-button--ghost": C.value,
 				"m-button--quaternary": w.value,
 				"m-button--plain": o.plain,
@@ -4580,7 +4588,7 @@ var va = ["aria-label"], ya = { class: "m-dialog__header" }, ba = { class: "m-di
 			y.value = {
 				left: "50%",
 				top: "30%",
-				transform: "translateX(-50%)"
+				translate: "-50% 0"
 			};
 		}
 		function A(e) {
@@ -4851,19 +4859,27 @@ var va = ["aria-label"], ya = { class: "m-dialog__header" }, ba = { class: "m-di
 		function P(e) {
 			e.key === "Escape" && O();
 		}
-		let F = 0;
-		function L() {
+		function F(e) {
+			if (!e || e.type !== "scroll") return !1;
+			let t = e.target;
+			return t instanceof Node ? v.value?.contains(t) ? !0 : t instanceof Element && !!t.closest(".m-contextmenu, .m-contextmenu__submenu") : !1;
+		}
+		function L(e) {
+			!o.value || F(e) || O();
+		}
+		let R = 0;
+		function B() {
 			document.removeEventListener("click", M), document.removeEventListener("keydown", P), document.removeEventListener("contextmenu", M);
 		}
 		return J(o, (e) => {
-			if (L(), !e) return;
+			if (B(), !e) return;
 			document.addEventListener("click", M), document.addEventListener("keydown", P);
-			let t = ++F;
+			let t = ++R;
 			w(() => {
-				t === F && o.value && document.addEventListener("contextmenu", M);
+				t === R && o.value && document.addEventListener("contextmenu", M);
 			});
-		}, { immediate: !0 }), k(() => {
-			L();
+		}, { immediate: !0 }), jn(o, L), k(() => {
+			B();
 		}), r({
 			show: A,
 			hide: O
@@ -10730,7 +10746,7 @@ var Od = ["aria-expanded", "aria-controls"], kd = ["id"], Ad = /* @__PURE__ */ g
 			role: "popup",
 			local: () => a.transition,
 			componentName: "Popover",
-			fallback: "popover"
+			fallback: "scale-fade"
 		}), _ = Nn(), v = I(null), y = I(null), b = I(null), x = I({}), S = s(() => yn(a, p.value.appendTo)), E = s(() => bn(a, p.value.appendTo)), O, A;
 		function j(e) {
 			e && a.disabled || o("update:modelValue", e);

package/dist/loading/index.js

@@ -1,4 +1,4 @@
-import { a as e, i as t, n, o as r, r as i, t as a } from "../Loading-BSsRs6v9.js";
+import { a as e, i as t, n, o as r, r as i, t as a } from "../Loading-qS2Yv_gm.js";
 import "./style.js";
 import { onBeforeUnmount as o } from "vue";
 //#region src/components/Loading/directive.ts

package/dist/mega-menu/index.js

@@ -1,9 +1,9 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as n } from "../useMotionTransition-95Y79FoL.js";
 import { n as r, t as ee } from "../overlay-oR-5MDuE.js";
-import { t as te } from "../overlayPlacement-Cd20JTD_.js";
-import { t as i } from "../useFloatingViewportSync-DZdJ7W8n.js";
+import { t as te } from "../overlayPlacement-qwEJPVS4.js";
+import { t as i } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as a } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as ne } from "../icon-COrt_N8A.js";
 import { c as re } from "../config-CapALqt3.js";

package/dist/menu/index.js

@@ -1,16 +1,16 @@
 import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
 import { t } from "../Icon-od9Ob-Ay.js";
-import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as n } from "../useMotionTransition-95Y79FoL.js";
 import { n as r, t as i } from "../overlay-oR-5MDuE.js";
-import { t as a } from "../overlayPlacement-Cd20JTD_.js";
-import { t as o } from "../useFloatingViewportSync-DZdJ7W8n.js";
+import { t as a } from "../overlayPlacement-qwEJPVS4.js";
+import { t as o } from "../useFloatingViewportSync-wLLKIGUA.js";
 import { t as s } from "../useMenuKeyboard-BedmYE4W.js";
 import { t as c } from "../Scrollbar-DTeJ8P5b.js";
 import { t as ee } from "../icon-COrt_N8A.js";
 import { t as l } from "../key-CaQYVkjh.js";
 import { t as u } from "../lastPointer-CRxcUqdd.js";
-import { t as d } from "../Popover-BQ07q4VV.js";
-import { t as f } from "../Tooltip-D5DO0B3z.js";
+import { t as d } from "../Popover-rnZG_ap0.js";
+import { t as f } from "../Tooltip-B02o9BOW.js";
 import { c as te } from "../config-CapALqt3.js";
 import "./style.js";
 import { Fragment as p, Teleport as ne, Transition as re, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createVNode as y, defineComponent as b, getCurrentInstance as x, inject as ie, mergeProps as S, nextTick as C, normalizeClass as w, normalizeStyle as T, onBeforeUnmount as ae, openBlock as E, provide as D, reactive as oe, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, useAttrs as se, useSlots as ce, watch as P, withCtx as F } from "vue";