morya-ui 0.2.9 → 0.3.0

package/dist/config-provider/style.css

@@ -60,9 +60,22 @@
     --m-z-toast: calc(var(--m-z-base) + 100);
     --m-z-popper: 40;
 
-    --m-control-affix-size: 2rem;
+    /* Affix hitbox tracks control height so small/compact shells do not overflow */
+    --m-control-affix-size: calc(
+        var(--m-control-height-medium) - 2 * var(--m-border-width)
+    );
     --m-control-affix-gap: 2.35rem;
     --m-control-affix-padding: 2.5rem;
+    --m-meter-track-height: var(--m-space-5);
+    --m-tree-toggler-size: var(--m-checkbox-control-size);
+    --m-nav-rail-width: 12.5rem;
+    --m-nav-rail-collapsed-width: 4rem;
+    --m-layout-header-height: calc(
+        var(--m-control-height-medium) + 2 * var(--m-space-3)
+    );
+    --m-layout-footer-height: calc(
+        var(--m-control-height-medium) + 2 * var(--m-space-2)
+    );
     --m-space-1: 0.25rem;
     --m-space-2: 0.5rem;
     --m-space-3: 0.75rem;
@@ -80,7 +93,7 @@
     --m-motion-ease: cubic-bezier(0.2, 0, 0, 1);
     --m-motion-enter: 180ms;
     --m-motion-exit: 130ms;
-    --m-motion-distance: 0.5rem;
+    --m-motion-distance: 1rem;
     --m-motion-spin: 1s;
     --m-motion-spin-dash: 1.5s;
     --m-motion-spin-fast: 0.8s;
@@ -89,6 +102,11 @@
     --m-motion-pulse: 1.2s;
     --m-motion-scrollbar-show: 340ms;
     --m-motion-scrollbar-hide: 120ms;
+    --m-motion-loading-aurora: 3s;
+    --m-motion-loading-bounce: 0.6s;
+    --m-motion-loading-pulse: 1.8s;
+    --m-motion-loading-stardust: 1.6s;
+    --m-motion-loading-circular-rotate: 2s;
     --m-dataview-grid-min: 10rem;
     --m-tree-indent: 0.7rem;
     --m-tree-indent-padding: var(--m-space-3);
@@ -135,6 +153,20 @@
     --m-motion-enter: 100ms;
     --m-motion-exit: 80ms;
     --m-motion-distance: 0;
+    /* Looping indicators: keep a short pulse so state is still perceptible */
+    --m-motion-spin: 0ms;
+    --m-motion-spin-dash: 0ms;
+    --m-motion-spin-fast: 0ms;
+    --m-motion-spin-medium: 0ms;
+    --m-motion-skeleton: 0ms;
+    --m-motion-pulse: 0ms;
+    --m-motion-scrollbar-show: 160ms;
+    --m-motion-scrollbar-hide: 80ms;
+    --m-motion-loading-aurora: 0ms;
+    --m-motion-loading-bounce: 0ms;
+    --m-motion-loading-pulse: 0ms;
+    --m-motion-loading-stardust: 0ms;
+    --m-motion-loading-circular-rotate: 0ms;
 }
 
 :root[data-m-motion="none"] {
@@ -143,6 +175,64 @@
     --m-motion-enter: 0ms;
     --m-motion-exit: 0ms;
     --m-motion-distance: 0;
+    --m-motion-spin: 0ms;
+    --m-motion-spin-dash: 0ms;
+    --m-motion-spin-fast: 0ms;
+    --m-motion-spin-medium: 0ms;
+    --m-motion-skeleton: 0ms;
+    --m-motion-pulse: 0ms;
+    --m-motion-scrollbar-show: 0ms;
+    --m-motion-scrollbar-hide: 0ms;
+    --m-motion-loading-aurora: 0ms;
+    --m-motion-loading-bounce: 0ms;
+    --m-motion-loading-pulse: 0ms;
+    --m-motion-loading-stardust: 0ms;
+    --m-motion-loading-circular-rotate: 0ms;
+}
+
+/*
+ * Global motion policy (complements per-component rules):
+ * - `reduced` / OS prefers-reduced-motion: 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,
+[data-m-motion="reduced"] *::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="none"] *,
+[data-m-motion="none"] *::before,
+[data-m-motion="none"] *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+}
+
+/* Off-screen looping indicators (usePauseOffscreen → data-m-anim-paused) */
+[data-m-anim-paused],
+[data-m-anim-paused]::before,
+[data-m-anim-paused]::after,
+[data-m-anim-paused] *,
+[data-m-anim-paused] *::before,
+[data-m-anim-paused] *::after {
+    animation-play-state: paused !important;
 }
 
 /* Global density: scales spacing + control heights (Vuetify-inspired, WD tokens) */
@@ -158,6 +248,8 @@
     --m-control-affix-padding: 2.15rem;
     --m-control-affix-gap: 2rem;
     --m-checkbox-control-size: 1rem;
+    --m-nav-rail-width: 15rem;
+    --m-nav-rail-collapsed-width: 3.25rem;
     --m-space-1: 0.2rem;
     --m-space-2: 0.4rem;
     --m-space-3: 0.6rem;
@@ -185,6 +277,8 @@
     --m-control-affix-padding: 2.85rem;
     --m-control-affix-gap: 2.65rem;
     --m-checkbox-control-size: 1.25rem;
+    --m-nav-rail-width: 18rem;
+    --m-nav-rail-collapsed-width: 4.5rem;
     --m-space-1: 0.3rem;
     --m-space-2: 0.6rem;
     --m-space-3: 0.9rem;
@@ -215,11 +309,6 @@
     --m-layout-footer-height: 2.5rem;
 }
 
-[data-m-density="compact"] .m-layout-sider {
-    --m-layout-sider-width: 15rem;
-    --m-layout-sider-collapsed-width: 3.25rem;
-}
-
 [data-m-density="spacious"] .m-layout-header {
     --m-layout-header-height: 4rem;
 }
@@ -228,11 +317,6 @@
     --m-layout-footer-height: 3.5rem;
 }
 
-[data-m-density="spacious"] .m-layout-sider {
-    --m-layout-sider-width: 18rem;
-    --m-layout-sider-collapsed-width: 4.5rem;
-}
-
 [data-theme="dark"] {
     --m-color-primary: #60a5fa;
     --m-color-primary-hover: #93c5fd;
@@ -319,6 +403,8 @@
 .m-datepicker,
 .m-listbox,
 .m-togglebutton,
+.m-select,
+.m-textarea,
 .m-selectbutton,
 .m-inputotp,
 .m-knob,
@@ -488,7 +574,7 @@
 .m-scale-fade-enter-from,
 .m-scale-fade-leave-to {
     opacity: 0;
-    transform: translateY(calc(var(--m-motion-distance) * -1)) scale(0.98);
+    transform: translateY(calc(var(--m-motion-distance) * -1)) scale(0.96);
 }
 
 .m-slide-fade-enter-active {
@@ -509,20 +595,101 @@
     transform: translateY(calc(var(--m-motion-distance) * -1));
 }
 
+/* Generic center zoom (opacity + scale on the transitioning root) */
+.m-zoom-enter-active {
+    transition:
+        opacity var(--m-motion-enter) var(--m-motion-ease),
+        transform var(--m-motion-enter) var(--m-motion-ease);
+}
+
+.m-zoom-leave-active {
+    transition:
+        opacity var(--m-motion-exit) var(--m-motion-ease),
+        transform var(--m-motion-exit) var(--m-motion-ease);
+}
+
+.m-zoom-enter-from,
+.m-zoom-leave-to {
+    opacity: 0;
+    transform: scale(0.9);
+}
+
+.m-slide-up-enter-active,
+.m-slide-down-enter-active,
+.m-slide-left-enter-active,
+.m-slide-right-enter-active {
+    transition:
+        opacity var(--m-motion-enter) var(--m-motion-ease),
+        transform var(--m-motion-enter) var(--m-motion-ease);
+}
+
+.m-slide-up-leave-active,
+.m-slide-down-leave-active,
+.m-slide-left-leave-active,
+.m-slide-right-leave-active {
+    transition:
+        opacity var(--m-motion-exit) var(--m-motion-ease),
+        transform var(--m-motion-exit) var(--m-motion-ease);
+}
+
+.m-slide-up-enter-from,
+.m-slide-up-leave-to {
+    opacity: 0;
+    transform: translateY(var(--m-motion-distance));
+}
+
+.m-slide-down-enter-from,
+.m-slide-down-leave-to {
+    opacity: 0;
+    transform: translateY(calc(var(--m-motion-distance) * -1));
+}
+
+.m-slide-left-enter-from,
+.m-slide-left-leave-to {
+    opacity: 0;
+    transform: translateX(var(--m-motion-distance));
+}
+
+.m-slide-right-enter-from,
+.m-slide-right-leave-to {
+    opacity: 0;
+    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-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-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;
     }
 }
@@ -533,12 +700,32 @@
 [data-m-motion="reduced"] .m-scale-fade-leave-active,
 [data-m-motion="reduced"] .m-slide-fade-enter-active,
 [data-m-motion="reduced"] .m-slide-fade-leave-active,
+[data-m-motion="reduced"] .m-zoom-enter-active,
+[data-m-motion="reduced"] .m-zoom-leave-active,
+[data-m-motion="reduced"] .m-slide-up-enter-active,
+[data-m-motion="reduced"] .m-slide-up-leave-active,
+[data-m-motion="reduced"] .m-slide-down-enter-active,
+[data-m-motion="reduced"] .m-slide-down-leave-active,
+[data-m-motion="reduced"] .m-slide-left-enter-active,
+[data-m-motion="reduced"] .m-slide-left-leave-active,
+[data-m-motion="reduced"] .m-slide-right-enter-active,
+[data-m-motion="reduced"] .m-slide-right-leave-active,
 [data-m-motion="none"] .m-fade-enter-active,
 [data-m-motion="none"] .m-fade-leave-active,
 [data-m-motion="none"] .m-scale-fade-enter-active,
 [data-m-motion="none"] .m-scale-fade-leave-active,
 [data-m-motion="none"] .m-slide-fade-enter-active,
-[data-m-motion="none"] .m-slide-fade-leave-active {
+[data-m-motion="none"] .m-slide-fade-leave-active,
+[data-m-motion="none"] .m-zoom-enter-active,
+[data-m-motion="none"] .m-zoom-leave-active,
+[data-m-motion="none"] .m-slide-up-enter-active,
+[data-m-motion="none"] .m-slide-up-leave-active,
+[data-m-motion="none"] .m-slide-down-enter-active,
+[data-m-motion="none"] .m-slide-down-leave-active,
+[data-m-motion="none"] .m-slide-left-enter-active,
+[data-m-motion="none"] .m-slide-left-leave-active,
+[data-m-motion="none"] .m-slide-right-enter-active,
+[data-m-motion="none"] .m-slide-right-leave-active {
     transition: none;
 }
 
@@ -546,10 +733,30 @@
 [data-m-motion="reduced"] .m-scale-fade-leave-to,
 [data-m-motion="reduced"] .m-slide-fade-enter-from,
 [data-m-motion="reduced"] .m-slide-fade-leave-to,
+[data-m-motion="reduced"] .m-zoom-enter-from,
+[data-m-motion="reduced"] .m-zoom-leave-to,
+[data-m-motion="reduced"] .m-slide-up-enter-from,
+[data-m-motion="reduced"] .m-slide-up-leave-to,
+[data-m-motion="reduced"] .m-slide-down-enter-from,
+[data-m-motion="reduced"] .m-slide-down-leave-to,
+[data-m-motion="reduced"] .m-slide-left-enter-from,
+[data-m-motion="reduced"] .m-slide-left-leave-to,
+[data-m-motion="reduced"] .m-slide-right-enter-from,
+[data-m-motion="reduced"] .m-slide-right-leave-to,
 [data-m-motion="none"] .m-scale-fade-enter-from,
 [data-m-motion="none"] .m-scale-fade-leave-to,
 [data-m-motion="none"] .m-slide-fade-enter-from,
-[data-m-motion="none"] .m-slide-fade-leave-to {
+[data-m-motion="none"] .m-slide-fade-leave-to,
+[data-m-motion="none"] .m-zoom-enter-from,
+[data-m-motion="none"] .m-zoom-leave-to,
+[data-m-motion="none"] .m-slide-up-enter-from,
+[data-m-motion="none"] .m-slide-up-leave-to,
+[data-m-motion="none"] .m-slide-down-enter-from,
+[data-m-motion="none"] .m-slide-down-leave-to,
+[data-m-motion="none"] .m-slide-left-enter-from,
+[data-m-motion="none"] .m-slide-left-leave-to,
+[data-m-motion="none"] .m-slide-right-enter-from,
+[data-m-motion="none"] .m-slide-right-leave-to {
     transform: none;
 }
 
@@ -1987,10 +2194,27 @@
     display: flex;
     flex: 0 0 auto;
     font-size: var(--m-font-size-lg);
-    height: var(--m-control-affix-size);
+    height: min(
+        var(--m-control-affix-size),
+        calc(var(--m-control-height-medium) - 2 * var(--m-border-width))
+    );
     justify-content: center;
+    max-height: 100%;
     padding: 0;
-    width: var(--m-control-affix-size);
+    width: min(
+        var(--m-control-affix-size),
+        calc(var(--m-control-height-medium) - 2 * var(--m-border-width))
+    );
+}
+
+.m-input-field__control:has(.m-input--small) .m-input__clear {
+    height: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+    width: calc(var(--m-control-height-small) - 2 * var(--m-border-width));
+}
+
+.m-input-field__control:has(.m-input--large) .m-input__clear {
+    height: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
+    width: calc(var(--m-control-height-large) - 2 * var(--m-border-width));
 }
 
 .m-input__clear:hover:not(:disabled) {

package/dist/confirm-dialog/index.js

@@ -1,21 +1,22 @@
-import { r as e } from "../useComponentAttrs-BTYEe61P.js";
-import { t } from "../Icon-B6IBrJ5S.js";
-import { t as n } from "../Button-DO5oukfg.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";
-import { t as o } from "../lastPointer-CRxcUqdd.js";
-import { t as s } from "../overlayHost-78CGtMgR.js";
-import { c } from "../config-BdK5ccNT.js";
-import { n as l } from "../locale-B36KH7c3.js";
+import { a as e } from "../useComponentAttrs-e-5QAjdw.js";
+import { t } from "../Icon-lcN1rS87.js";
+import { t as n } from "../useMotionTransition-Bxnnb_9u.js";
+import { t as r } from "../Button-B5X_R4Md.js";
+import { n as i } from "../overlay-oR-5MDuE.js";
+import { t as a } from "../useModalOverlay-Beo3CEAt.js";
+import { t as o } from "../asyncGuard-CPGT_TKu.js";
+import { t as s } from "../lastPointer-CRxcUqdd.js";
+import { t as c } from "../overlayHost-78CGtMgR.js";
+import { c as l } from "../config-CapALqt3.js";
+import { n as u } from "../locale-Bzm2nbEp.js";
 import "./style.js";
-import { Teleport as u, Transition as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createTextVNode as _, createVNode as v, defineComponent as y, mergeProps as b, normalizeClass as x, openBlock as S, ref as C, render as w, renderSlot as T, toDisplayString as E, toRef as D, unref as O, useAttrs as k, watch as A, withCtx as ee, withModifiers as te } from "vue";
+import { Teleport as d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeProps as x, normalizeClass as S, openBlock as C, ref as w, render as T, renderSlot as E, toDisplayString as D, toRef as O, unref as k, useAttrs as ee, watch as te, withCtx as ne, withModifiers as re } from "vue";
 //#region src/components/ConfirmDialog/ConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var j = ["aria-label"], M = { class: "m-dialog__header" }, N = { class: "m-dialog__body m-confirmdialog__message" }, P = {
+var ie = ["aria-label"], A = { class: "m-dialog__header" }, j = { class: "m-dialog__body m-confirmdialog__message" }, M = {
 	key: 0,
 	class: "m-dialog__type-icon",
 	"aria-hidden": "true"
-}, F = { class: "m-confirmdialog__copy" }, I = { class: "m-dialog__footer m-confirmdialog__footer" }, L = /* @__PURE__ */ y({
+}, N = { class: "m-confirmdialog__copy" }, P = { class: "m-dialog__footer m-confirmdialog__footer" }, F = /* @__PURE__ */ b({
 	inheritAttrs: !1,
 	__name: "ConfirmDialog",
 	props: {
@@ -52,18 +53,27 @@ var j = ["aria-label"], M = { class: "m-dialog__header" }, N = { class: "m-dialo
 			type: Boolean,
 			default: !0
 		},
-		appendTo: {}
+		appendTo: {},
+		transition: {
+			type: [String, Boolean],
+			default: void 0
+		}
 	},
 	emits: [
 		"update:modelValue",
 		"accept",
 		"reject"
 	],
-	setup(s, { emit: y }) {
-		let w = s, L = y, R = k(), { rootAttrs: z } = e(R, () => w.pt), B = c(), V = l(), H = C(null), U = f(() => r(w, B.value.appendTo)), W = f(() => w.header ?? V.value.confirm), G = f(() => w.acceptLabel ?? V.value.accept), K = f(() => w.rejectLabel ?? V.value.reject), q = C(o()), J = C(null), Y = f(() => J.value != null || w.loading), X = f(() => {
-			let e = w.type;
+	setup(c, { emit: b }) {
+		let T = c, F = b, I = ee(), { rootAttrs: L } = e(I, () => T.pt), R = l(), z = u(), B = w(null), V = p(() => i(T, R.value.appendTo)), H = p(() => T.header ?? z.value.confirm), U = p(() => T.acceptLabel ?? z.value.accept), W = p(() => T.rejectLabel ?? z.value.reject), G = w(s()), K = w(null), { transitionName: q, transitionCss: J } = n({
+			role: "dialog",
+			local: () => T.transition,
+			componentName: "ConfirmDialog",
+			fallback: "zoom"
+		}), Y = p(() => K.value != null || T.loading), X = p(() => {
+			let e = T.type;
 			return e === "warning" || e === "warn" ? "warn" : e;
-		}), Z = f(() => {
+		}), Z = p(() => {
 			switch (X.value) {
 				case "success": return "check-circle";
 				case "warn": return "warning";
@@ -71,111 +81,114 @@ var j = ["aria-label"], M = { class: "m-dialog__header" }, N = { class: "m-dialo
 				case "info": return "info";
 				default: return;
 			}
-		}), ne = f(() => ({
-			"--m-dialog-origin-x": `${q.value.x}px`,
-			"--m-dialog-origin-y": `${q.value.y}px`
+		}), ae = p(() => ({
+			"--m-dialog-origin-x": `${G.value.x}px`,
+			"--m-dialog-origin-y": `${G.value.y}px`
 		}));
 		function Q() {
-			J.value = null, L("update:modelValue", !1);
+			K.value = null, F("update:modelValue", !1);
 		}
-		async function re() {
-			if (!J.value) {
-				J.value = "accept";
+		async function oe() {
+			if (!K.value) {
+				K.value = "accept";
 				try {
-					if (!await a(w.beforeAccept)) return;
-					L("accept"), Q();
+					if (!await o(T.beforeAccept)) return;
+					F("accept"), Q();
 				} finally {
-					J.value === "accept" && (J.value = null);
+					K.value === "accept" && (K.value = null);
 				}
 			}
 		}
 		async function $() {
-			if (!J.value) {
-				J.value = "reject";
+			if (!K.value) {
+				K.value = "reject";
 				try {
-					if (!await a(w.beforeReject)) return;
-					L("reject"), Q();
+					if (!await o(T.beforeReject)) return;
+					F("reject"), Q();
 				} finally {
-					J.value === "reject" && (J.value = null);
+					K.value === "reject" && (K.value = null);
 				}
 			}
 		}
-		function ie() {
-			w.closeOnOutsideClick && $();
+		function se() {
+			T.closeOnOutsideClick && $();
 		}
-		return A(() => w.modelValue, (e) => {
-			e && (q.value = o());
-		}), i({
-			open: D(w, "modelValue"),
-			container: H,
-			closeOnEsc: () => w.closeOnEsc,
-			blockScroll: () => w.blockScroll,
+		return te(() => T.modelValue, (e) => {
+			e && (G.value = s());
+		}), a({
+			open: O(T, "modelValue"),
+			container: B,
+			closeOnEsc: () => T.closeOnEsc,
+			blockScroll: () => T.blockScroll,
 			onEscape: () => {
 				$();
 			}
-		}), (e, r) => (S(), p(u, {
-			to: U.value.to,
-			disabled: U.value.disabled
-		}, [v(d, { name: "m-dialog" }, {
-			default: ee(() => [s.modelValue ? (S(), h("div", b({ key: 0 }, O(z), {
+		}), (e, n) => (C(), m(d, {
+			to: V.value.to,
+			disabled: V.value.disabled
+		}, [y(f, {
+			name: k(q),
+			css: k(J)
+		}, {
+			default: ne(() => [c.modelValue ? (C(), g("div", x({ key: 0 }, k(L), {
 				class: "m-dialog-backdrop m-dialog-backdrop--center m-dialog-backdrop--modal",
-				style: ne.value
-			}), [g("div", {
+				style: ae.value
+			}), [_("div", {
 				class: "m-dialog-zoom",
-				onClick: te(ie, ["self"])
-			}, [g("section", {
+				onClick: re(se, ["self"])
+			}, [_("section", {
 				ref_key: "dialogElement",
-				ref: H,
-				class: x(["m-dialog m-confirmdialog", { [`m-dialog--${X.value}`]: X.value }]),
+				ref: B,
+				class: S(["m-dialog m-confirmdialog", { [`m-dialog--${X.value}`]: X.value }]),
 				role: "alertdialog",
 				"aria-modal": "true",
-				"aria-label": W.value,
+				"aria-label": H.value,
 				tabindex: "-1"
 			}, [
-				g("header", M, [T(e.$slots, "header", {}, () => [g("h2", null, E(W.value), 1)])]),
-				g("div", N, [Z.value ? (S(), h("span", P, [v(t, {
+				_("header", A, [E(e.$slots, "header", {}, () => [_("h2", null, D(H.value), 1)])]),
+				_("div", j, [Z.value ? (C(), g("span", M, [y(t, {
 					name: Z.value,
 					size: "sm"
-				}, null, 8, ["name"])])) : m("", !0), g("div", F, [T(e.$slots, "default", {}, () => [_(E(s.message), 1)])])]),
-				g("footer", I, [T(e.$slots, "footer", {}, () => [v(n, {
-					label: K.value,
+				}, null, 8, ["name"])])) : h("", !0), _("div", N, [E(e.$slots, "default", {}, () => [v(D(c.message), 1)])])]),
+				_("footer", P, [E(e.$slots, "footer", {}, () => [y(r, {
+					label: W.value,
 					severity: "secondary",
 					disabled: Y.value,
-					loading: J.value === "reject",
+					loading: K.value === "reject",
 					onClick: $
 				}, null, 8, [
 					"label",
 					"disabled",
 					"loading"
-				]), v(n, {
-					label: G.value,
-					severity: s.acceptSeverity,
-					disabled: Y.value && J.value !== "accept",
-					loading: s.loading || J.value === "accept",
-					onClick: re
+				]), y(r, {
+					label: U.value,
+					severity: c.acceptSeverity,
+					disabled: Y.value && K.value !== "accept",
+					loading: c.loading || K.value === "accept",
+					onClick: oe
 				}, null, 8, [
 					"label",
 					"severity",
 					"disabled",
 					"loading"
 				])])])
-			], 10, j)])], 16)) : m("", !0)]),
+			], 10, ie)])], 16)) : h("", !0)]),
 			_: 3
-		})], 8, ["to", "disabled"]));
+		}, 8, ["name", "css"])], 8, ["to", "disabled"]));
 	}
 });
 //#endregion
 //#region src/components/ConfirmDialog/useConfirm.ts
-function R() {
+function I() {
 	function e(e = {}) {
 		return typeof document > "u" ? Promise.resolve(!1) : new Promise((t) => {
 			let n = document.createElement("div");
 			document.body.appendChild(n);
 			let r = !1;
 			function i(e) {
-				r || (r = !0, w(null, n), n.remove(), t(e));
+				r || (r = !0, T(null, n), n.remove(), t(e));
 			}
-			let a = v(L, {
+			let a = y(F, {
 				...e,
 				modelValue: !0,
 				"onUpdate:modelValue": (e) => {
@@ -183,11 +196,11 @@ function R() {
 				},
 				onAccept: () => i(!0),
 				onReject: () => i(!1)
-			}), o = s();
-			o && (a.appContext = o), w(a, n);
+			}), o = c();
+			o && (a.appContext = o), T(a, n);
 		});
 	}
 	return { require: e };
 }
 //#endregion
-export { L as MConfirmDialog, R as useConfirm };
+export { F as MConfirmDialog, I as useConfirm };