@bridge-ui/vue 0.8.0 → 0.9.0

package/dist/Components/Menu/composables/useMenu.js

@@ -1,12 +1,12 @@
-import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
-import { computed as r, nextTick as i, onBeforeUnmount as te, ref as a, toValue as o, useAttrs as ne, useId as re, watch as s } from "vue";
-import { get as c, omit as l } from "es-toolkit/compat";
-import { menuRoundedProps as ie, menuShadowProps as ae } from "@bridge-ui/core/Tokens";
-import { cn as u, mergeBridgeUILayeredClasses as d, splitComponentProps as f } from "@bridge-ui/core/Utils";
-import { createFocusable as p, createPositionable as oe } from "@bridge-ui/core/Runtime";
-import { LAYER_STACK_BASE_Z_INDEX as m, acquireLayerStackOrder as h, claimOpenMenu as g, getLayerStackEntry as _, pushLayerStack as se, subscribeLayerStack as ce } from "@bridge-ui/core/Layer";
+import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as r } from "../../../Utils/index.js";
+import { computed as i, nextTick as a, onBeforeUnmount as ee, ref as o, toValue as te, useAttrs as s, useId as c, watch as l } from "vue";
+import { get as u, omit as d } from "es-toolkit/compat";
+import { menuRoundedProps as ne, menuShadowProps as re } from "@bridge-ui/core/Tokens";
+import { cn as f, mergeBridgeUILayeredClasses as p, splitComponentProps as m } from "@bridge-ui/core/Utils";
+import { createFocusable as h, createPositionable as ie } from "@bridge-ui/core/Runtime";
+import { LAYER_STACK_BASE_Z_INDEX as g, acquireLayerStackOrder as ae, claimOpenMenu as oe, getLayerStackEntry as se, pushLayerStack as ce, subscribeLayerStack as le } from "@bridge-ui/core/Layer";
 //#region src/Components/Menu/composables/useMenu.ts
-var le = [
+var ue = [
 	"offset",
 	"shadow",
 	"classes",
@@ -23,33 +23,33 @@ var le = [
 	"disableAutoFocus",
 	"disableScrollLock"
 ];
-function v(v, ue, y = {}) {
-	let b = ne(), x = re(), S = a(!1), C = a(""), w = a(null), T = a(null), E = null, D = null, O = null, k = null, A = null, j = null, M = !1, N = a(m), P = r(() => o(y.show ?? !1));
-	function F(e) {
-		e || y.onClose?.(), y.show && (y.show.value = e), y.onShowChange?.(e);
+function _(_, de, v = {}) {
+	let y = s(), b = c(), x = o(!1), S = o(""), C = o(null), w = o(null), T = null, E = null, D = null, O = null, k = null, A = null, j = !1, M = o(g), N = i(() => te(v.show ?? !1));
+	function P(e) {
+		e || v.onClose?.(), v.show && (v.show.value = e), v.onShowChange?.(e);
 	}
-	let I = r(() => f({
-		bridgeKeys: le,
+	let F = i(() => m({
+		bridgeKeys: ue,
 		props: {
-			...b,
-			...v
+			...y,
+			..._
 		}
-	})), { merged: L, entry: R } = n({
-		libDefaults: ue,
+	})), { merged: I, entry: L } = n({
+		libDefaults: de,
 		componentName: "Menu",
-		props: () => I.value.componentProps
-	}), z = r(() => L.value.customProps), B = ee({
-		entry: R,
-		props: () => I.value.componentProps
-	}), V = r(() => L.value.keepMounted && !P.value), H = r(() => L.value.teleportTo !== !1), de = r(() => {
-		let e = d(ie, R.value?.tokens?.rounded);
-		return c(e, L.value.rounded);
-	}), fe = r(() => {
-		let e = d(ae, R.value?.tokens?.shadow);
-		return c(e, L.value.shadow);
-	}), U = r(() => !L.value.persistent), pe = r(() => l(I.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
+		props: () => F.value.componentProps
+	}), R = i(() => I.value.customProps), z = r({
+		entry: L,
+		props: () => F.value.componentProps
+	}), B = i(() => I.value.keepMounted && !N.value), V = i(() => I.value.teleportTo !== !1), fe = i(() => {
+		let e = p(ne, L.value?.tokens?.rounded);
+		return u(e, I.value.rounded);
+	}), pe = i(() => {
+		let e = p(re, L.value?.tokens?.shadow);
+		return u(e, I.value.shadow);
+	}), H = i(() => !I.value.persistent), U = i(() => d(F.value.inheritedAttrs, ["anchorEl", "onShowChange"]));
 	function W() {
-		return v.anchorEl ?? w.value;
+		return _.anchorEl ?? C.value;
 	}
 	function G() {
 		W()?.focus({ preventScroll: !0 });
@@ -58,21 +58,21 @@ function v(v, ue, y = {}) {
 		return W()?.contains(e) ?? !1;
 	}
 	function me(e) {
-		return !(e instanceof Element) || K(e) || T.value?.contains(e) ? !1 : !!e.closest("[aria-haspopup=\"menu\"], button, [role=\"button\"]");
+		return !(e instanceof Element) || K(e) || w.value?.contains(e) ? !1 : !!e.closest("[aria-haspopup=\"menu\"], button, [role=\"button\"]");
 	}
 	function q() {
-		!U.value || !P.value || F(!1);
+		!H.value || !N.value || P(!1);
 	}
 	function he() {
-		L.value.persistent && P.value || F(!P.value);
-	}
-	function J(e) {
-		(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), P.value || F(!0));
+		I.value.persistent && N.value || P(!N.value);
 	}
 	function ge(e) {
-		let t = T.value;
+		(e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), N.value || P(!0));
+	}
+	function _e(e) {
+		let t = w.value;
 		if (!t) return;
-		let n = p(t);
+		let n = h(t);
 		switch (e.key) {
 			case "Escape":
 				e.preventDefault(), q(), G();
@@ -89,139 +89,143 @@ function v(v, ue, y = {}) {
 			case "End": e.preventDefault(), n.focusLast();
 		}
 	}
-	function Y() {
-		M = !1, k?.destroy(), k = null;
+	function J() {
+		j = !1, O?.destroy(), O = null;
 	}
-	function X() {
-		Y();
-		let e = W(), t = T.value;
-		!P.value || !e || !t || (k = oe({
+	function Y() {
+		J();
+		let e = W(), t = w.value;
+		!N.value || !e || !t || (O = ie({
 			floating: t,
 			reference: e,
-			offset: L.value.offset,
-			strategy: L.value.strategy,
-			placement: L.value.placement,
-			matchWidth: L.value.matchWidth === !0,
+			offset: I.value.offset,
+			strategy: I.value.strategy,
+			placement: I.value.placement,
+			matchWidth: I.value.matchWidth === !0,
 			onReferenceHidden: () => {
-				!M || !U.value || !P.value || q();
+				!j || !H.value || !N.value || q();
 			}
-		}), k.start(), i(() => {
-			M = !0;
+		}), O.start(), a(() => {
+			j = !0;
 		}));
 	}
-	function Z() {
-		!P.value || L.value.disableAutoFocus || !T.value || p(T.value).focusFirst();
+	function X() {
+		!N.value || I.value.disableAutoFocus || !w.value || h(w.value).focusFirst();
 	}
-	function _e() {
-		if (A?.(), !P.value) {
-			A = null;
+	function ve() {
+		if (k?.(), !N.value) {
+			k = null;
 			return;
 		}
 		function e(e) {
 			let t = e.target;
-			K(t) || T.value?.contains(t) || L.value.closeOnClickAway === !1 || !U.value || me(t) || q();
+			K(t) || w.value?.contains(t) || I.value.closeOnClickAway === !1 || !H.value || me(t) || q();
 		}
-		document.addEventListener("pointerdown", e, !0), A = () => {
+		document.addEventListener("pointerdown", e, !0), k = () => {
 			document.removeEventListener("pointerdown", e, !0);
 		};
 	}
-	function ve(e) {
+	function ye(e) {
 		let n = t(e);
-		w.value !== n && (w.value = n, n && i(() => {
-			X();
+		C.value !== n && (C.value = n, n && a(() => {
+			Y();
 		}));
 	}
-	function ye(e) {
+	function Z() {
+		E?.setContainer(w.value);
+	}
+	function be(e) {
 		let n = t(e);
-		T.value !== n && (T.value = n, n && i(() => {
-			X(), Z();
+		w.value !== n && (w.value = n, Z(), n && a(() => {
+			Y(), X();
 		}));
 	}
-	function be() {
-		!P.value || L.value.closeOnEscape === !1 || !U.value || (q(), G());
+	function xe() {
+		!N.value || I.value.closeOnEscape === !1 || !H.value || (q(), G());
 	}
 	function Q() {
-		let e = _(C.value);
-		e && (N.value = e.zIndex);
+		let e = se(S.value);
+		e && (M.value = e.zIndex);
 	}
 	function $() {
-		j?.(), j = null, A?.(), A = null, O?.(), O = null, D?.release(), D = null, E = null, C.value = "", N.value = m, Y();
+		A?.(), A = null, k?.(), k = null, D?.(), D = null, E?.release(), E = null, T = null, S.value = "", M.value = g, J();
 	}
-	let xe = r(() => e(z.value?.root, pe.value, u({
+	let Se = i(() => e(R.value?.root, U.value, f({
 		"relative inline-flex": !0,
-		[c(B.value, "root") ?? ""]: !0
-	}))), Se = r(() => e(z.value?.trigger, {}, {
+		[u(z.value, "root") ?? ""]: !0
+	}))), Ce = i(() => e(R.value?.trigger, {}, {
 		tabindex: 0,
 		role: "button",
-		"aria-expanded": P.value,
-		onKeydown: J,
+		"aria-expanded": N.value,
+		onKeydown: ge,
 		"aria-haspopup": "menu",
 		onClickCapture: he,
-		"aria-controls": P.value ? x : void 0,
-		class: u({
+		"aria-controls": N.value ? b : void 0,
+		class: f({
 			"inline-flex w-fit max-w-full cursor-pointer outline-hidden": !0,
-			[c(B.value, "trigger") ?? ""]: !0
+			[u(z.value, "trigger") ?? ""]: !0
 		})
-	})), Ce = r(() => e(z.value?.content, {}, {
-		id: x,
+	})), we = i(() => e(R.value?.content, {}, {
+		id: b,
 		role: "menu",
-		onKeydown: ge,
-		style: { zIndex: N.value },
-		"aria-hidden": V.value ? !0 : void 0,
-		class: u({
+		onKeydown: _e,
+		style: { zIndex: M.value },
+		"aria-hidden": B.value ? !0 : void 0,
+		class: f({
 			"bg-white text-dark-900 dark:bg-dark-800 dark:text-dark-100 ring-1 ring-black/5 dark:ring-white/10 outline-hidden overflow-hidden max-w-[calc(100vw-16px)]": !0,
-			"min-w-0 w-full": L.value.matchWidth === !0,
-			"min-w-32 w-max": L.value.matchWidth !== !0,
-			"invisible pointer-events-none": V.value,
-			[de.value ?? ""]: !0,
+			"min-w-0 w-full": I.value.matchWidth === !0,
+			"min-w-32 w-max": I.value.matchWidth !== !0,
+			"invisible pointer-events-none": B.value,
 			[fe.value ?? ""]: !0,
-			[c(B.value, "content") ?? ""]: !0
+			[pe.value ?? ""]: !0,
+			[u(z.value, "content") ?? ""]: !0
 		})
 	}));
-	return s(P, (e) => {
+	return l(N, (e) => {
 		if (e) {
-			S.value = !0, i(() => {
-				P.value && (j = g({
-					id: x,
+			x.value = !0, a(() => {
+				N.value && (A = oe({
+					id: b,
 					requestClose: q
 				}));
-			}), E = h(), D = se({
-				order: E,
-				onEscape: be,
-				lockScroll: L.value.disableScrollLock !== !0
-			}), C.value = D.id, N.value = D.zIndex, Q(), O = ce(Q), i(() => {
-				X(), Z(), _e();
+			}), T = ae(), E = ce({
+				order: T,
+				onEscape: xe,
+				container: w.value ?? void 0,
+				lockScroll: I.value.disableScrollLock !== !0
+			}), S.value = E.id, M.value = E.zIndex, Q(), D = le(Q), a(() => {
+				Z(), Y(), X(), ve();
 			});
 			return;
 		}
-		$(), L.value.keepMounted || (S.value = !1);
-	}, { immediate: !0 }), s([
-		P,
-		() => v.anchorEl,
-		() => L.value.offset,
-		() => L.value.strategy,
-		() => L.value.placement
+		$(), I.value.keepMounted || (x.value = !1);
+	}, { immediate: !0 }), l([
+		N,
+		() => _.anchorEl,
+		() => I.value.offset,
+		() => I.value.strategy,
+		() => I.value.placement
 	], () => {
-		i(() => {
-			X();
+		a(() => {
+			Y();
 		});
-	}), s([P, () => L.value.disableAutoFocus], () => {
-		i(() => {
-			Z();
+	}), l([N, () => I.value.disableAutoFocus], () => {
+		a(() => {
+			X();
 		});
-	}), te(() => {
+	}), ee(() => {
 		$();
 	}), {
-		merged: L,
-		menuId: x,
-		mounted: S,
-		rootBind: xe,
-		isPortaled: H,
-		triggerBind: Se,
-		contentBind: Ce,
-		setTriggerRef: ve,
-		setContentRef: ye
+		merged: I,
+		menuId: b,
+		mounted: x,
+		rootBind: Se,
+		isPortaled: V,
+		triggerBind: Ce,
+		contentBind: we,
+		setTriggerRef: ye,
+		setContentRef: be
 	};
 }
 //#endregion
-export { v as useMenu };
+export { _ as useMenu };

package/dist/Components/Modal/composables/useModal.js

@@ -1,12 +1,12 @@
 import { mergePartBind as e, resolveVnodeRefElement as t, useBridgeUIComponent as n, useBridgeUIMergedRegistryClasses as ee } from "../../../Utils/index.js";
-import { computed as r, nextTick as i, onBeforeUnmount as a, ref as o, toValue as te, useAttrs as ne, watch as s } from "vue";
-import { get as c } from "es-toolkit/compat";
-import { modalAlignProps as l, modalBlurProps as u, modalSizeProps as re } from "@bridge-ui/core/Tokens";
-import { cn as d, mergeBridgeUILayeredClasses as f, splitComponentProps as ie } from "@bridge-ui/core/Utils";
-import { createFocusTrap as p, isModalBackdropClick as m } from "@bridge-ui/core/Runtime";
-import { LAYER_STACK_BASE_Z_INDEX as h, acquireLayerStackOrder as g, countModalTransitionLayers as ae, getLayerStackEntry as oe, getModalOverlayTransitionClass as se, getModalPanelTransitionClass as ce, hasModalTransition as _, pushLayerStack as le, resolveEffectiveModalTransition as ue, subscribeLayerStack as de } from "@bridge-ui/core/Layer";
+import { computed as r, nextTick as i, onBeforeUnmount as te, ref as a, toValue as ne, useAttrs as re, watch as o } from "vue";
+import { get as s } from "es-toolkit/compat";
+import { modalAlignProps as ie, modalBlurProps as ae, modalSizeProps as oe } from "@bridge-ui/core/Tokens";
+import { cn as c, mergeBridgeUILayeredClasses as l, splitComponentProps as se } from "@bridge-ui/core/Utils";
+import { createFocusTrap as ce, isModalBackdropClick as le } from "@bridge-ui/core/Runtime";
+import { LAYER_STACK_BASE_Z_INDEX as u, acquireLayerStackOrder as ue, countModalTransitionLayers as de, getLayerFocusTrapGuards as fe, getLayerStackEntry as d, getModalOverlayTransitionClass as f, getModalPanelTransitionClass as p, hasModalTransition as m, pushLayerStack as h, resolveEffectiveModalTransition as g, subscribeLayerStack as _ } from "@bridge-ui/core/Layer";
 //#region src/Components/Modal/composables/useModal.ts
-var fe = [
+var v = [
 	"blur",
 	"size",
 	"align",
@@ -26,175 +26,178 @@ var fe = [
 	"disableEnforceFocus",
 	"disableRestoreFocus"
 ];
-function v(v, y, b = {}) {
-	let x = ne(), S = o(!1), C = o(!1), w = o(""), T = o(null), E = !1, D = 0, O = null, k = null, A = null, j = null, M = o(h), N = o("closed"), P = r(() => te(b.show ?? !1));
-	function F(e) {
+function y(y, pe, b = {}) {
+	let me = re(), x = a(!1), S = a(!1), C = a(""), w = a(null), T = !1, E = 0, D = null, O = null, k = null, A = null, j = a(u), M = a("closed"), N = r(() => ne(b.show ?? !1));
+	function P(e) {
 		e || b.onClose?.(), b.show && (b.show.value = e), b.onShowChange?.(e);
 	}
-	let I = r(() => ie({
-		bridgeKeys: fe,
+	let F = r(() => se({
+		bridgeKeys: v,
 		props: {
-			...x,
-			...v
+			...me,
+			...y
 		}
-	})), { merged: L, entry: R } = n({
-		libDefaults: y,
+	})), { merged: I, entry: L } = n({
+		libDefaults: pe,
 		componentName: "Modal",
-		props: () => I.value.componentProps
-	}), z = r(() => L.value.customProps), B = ee({
-		entry: R,
-		props: () => I.value.componentProps
-	}), V = r(() => ue(L.value.transition ?? "none")), H = r(() => _(V.value)), U = r(() => L.value.scroll ?? "body"), W = r(() => L.value.keepMounted && !S.value), pe = r(() => {
-		let e = f(l, R.value?.tokens?.align);
-		return c(e, L.value.align);
-	}), me = r(() => {
-		let e = f(u, R.value?.tokens?.blur);
-		return c(e, L.value.blur);
-	}), he = r(() => {
-		let e = f(re, R.value?.tokens?.size);
-		return c(e, L.value.size);
-	}), ge = r(() => se(V.value)), _e = r(() => ce(V.value)), G = r(() => !L.value.persistent), ve = r(() => I.value.inheritedAttrs), ye = r(() => e(z.value?.root, ve.value, {
-		onTransitionend: Te,
-		style: { zIndex: M.value },
-		"aria-hidden": W.value ? !0 : void 0,
-		class: d({
+		props: () => F.value.componentProps
+	}), R = r(() => I.value.customProps), z = ee({
+		entry: L,
+		props: () => F.value.componentProps
+	}), B = r(() => g(I.value.transition ?? "none")), V = r(() => m(B.value)), H = r(() => I.value.scroll ?? "body"), U = r(() => I.value.keepMounted && !x.value), he = r(() => {
+		let e = l(ie, L.value?.tokens?.align);
+		return s(e, I.value.align);
+	}), ge = r(() => {
+		let e = l(ae, L.value?.tokens?.blur);
+		return s(e, I.value.blur);
+	}), _e = r(() => {
+		let e = l(oe, L.value?.tokens?.size);
+		return s(e, I.value.size);
+	}), ve = r(() => f(B.value)), ye = r(() => p(B.value)), W = r(() => !I.value.persistent), be = r(() => F.value.inheritedAttrs), xe = r(() => e(R.value?.root, be.value, {
+		onTransitionend: Ee,
+		style: { zIndex: j.value },
+		"aria-hidden": U.value ? !0 : void 0,
+		class: c({
 			"fixed inset-0": !0,
-			"overflow-y-auto": U.value === "body",
-			"overflow-hidden": U.value === "paper",
-			"invisible pointer-events-none": W.value,
-			[c(B.value, "root") ?? ""]: !0
+			"overflow-y-auto": H.value === "body",
+			"overflow-hidden": H.value === "paper",
+			"invisible pointer-events-none": U.value,
+			[s(z.value, "root") ?? ""]: !0
 		})
-	})), be = r(() => e(z.value?.overlay, { onClick: Z }, {
+	})), Se = r(() => e(R.value?.overlay, { onClick: Z }, {
 		"data-modal-part": "overlay",
-		"data-state": N.value,
-		class: d({
+		"data-state": M.value,
+		class: c({
 			"fixed inset-0 bg-black/50": !0,
-			[me.value ?? ""]: !0,
-			[ge.value]: H.value,
-			[c(B.value, "overlay") ?? ""]: !0
+			[ge.value ?? ""]: !0,
+			[ve.value]: V.value,
+			[s(z.value, "overlay") ?? ""]: !0
 		})
-	})), xe = r(() => e(z.value?.wrapper, { onClick: Q }, d({
+	})), Ce = r(() => e(R.value?.wrapper, { onClick: Q }, c({
 		"flex min-h-full w-full transform p-4": !0,
-		[pe.value ?? ""]: !0,
-		[c(B.value, "wrapper") ?? ""]: !0
-	}))), Se = r(() => e(z.value?.panel, {
+		[he.value ?? ""]: !0,
+		[s(z.value, "wrapper") ?? ""]: !0
+	}))), we = r(() => e(R.value?.panel, {
 		role: "dialog",
 		"aria-modal": !0
 	}, {
 		"data-modal-part": "panel",
-		"data-state": N.value,
-		class: d({
+		"data-state": M.value,
+		class: c({
 			"relative w-full": !0,
-			[he.value ?? ""]: !0,
-			"max-h-[calc(100dvh-2rem)] overflow-y-auto bridge-scroll-fade-y bridge-hide-scrollbar": U.value === "paper",
-			[_e.value]: H.value,
-			[c(B.value, "panel") ?? ""]: !0
+			[_e.value ?? ""]: !0,
+			"max-h-[calc(100dvh-2rem)] overflow-y-auto bridge-scroll-fade-y bridge-hide-scrollbar": H.value === "paper",
+			[ye.value]: V.value,
+			[s(z.value, "panel") ?? ""]: !0
 		})
 	}));
-	function K() {
-		k?.release(), k = null;
+	function G() {
+		O?.release(), O = null;
 	}
-	function q() {
-		if (!S.value || N.value !== "open" || !T.value) {
-			K();
+	function K() {
+		if (!x.value || M.value !== "open" || !w.value) {
+			G();
 			return;
 		}
-		K(), k = p({
-			container: T.value,
-			disableAutoFocus: !L.value.autoFocus,
-			disableEnforceFocus: L.value.disableEnforceFocus,
-			disableRestoreFocus: L.value.disableRestoreFocus
+		k?.setContainer(w.value), G(), O = ce({
+			container: w.value,
+			disableAutoFocus: !I.value.autoFocus,
+			disableEnforceFocus: I.value.disableEnforceFocus,
+			disableRestoreFocus: I.value.disableRestoreFocus,
+			...fe(() => C.value)
 		});
 	}
-	function Ce(e) {
-		T.value = t(e), q();
+	function q(e) {
+		w.value = t(e), K();
 	}
 	function J() {
-		E && (E = !1, D = 0, S.value = !1, K(), P.value ? F(!1) : b.onShowChange?.(!1), N.value = "closed", L.value.keepMounted || (C.value = !1));
+		T && (T = !1, E = 0, x.value = !1, G(), N.value ? P(!1) : b.onShowChange?.(!1), M.value = "closed", I.value.keepMounted || (S.value = !1));
 	}
 	function Y() {
-		if (A?.releaseScrollLock(), E = !0, !H.value) {
+		if (k?.releaseScrollLock(), T = !0, !V.value) {
 			J();
 			return;
 		}
-		N.value = "closed", D = ae(V.value, { hideBackdrop: L.value.hideBackdrop }), D === 0 && J();
+		M.value = "closed", E = de(B.value, { hideBackdrop: I.value.hideBackdrop }), E === 0 && J();
 	}
-	function we() {
-		if (E = !1, D = 0, !H.value) {
-			N.value = "open";
+	function Te() {
+		if (T = !1, E = 0, !V.value) {
+			M.value = "open";
 			return;
 		}
-		N.value = "closed", i(() => {
+		M.value = "closed", i(() => {
 			requestAnimationFrame(() => {
-				N.value = "open";
+				M.value = "open";
 			});
 		});
 	}
-	function Te(e) {
-		if (!E || !C.value || N.value !== "closed") return;
+	function Ee(e) {
+		if (!T || !S.value || M.value !== "closed") return;
 		let t = e.target;
-		(t?.dataset.modalPart === "overlay" || t?.dataset.modalPart === "panel") && e.propertyName !== "none" && e.elapsedTime !== 0 && (--D, D <= 0 && J());
+		(t?.dataset.modalPart === "overlay" || t?.dataset.modalPart === "panel") && e.propertyName !== "none" && e.elapsedTime !== 0 && (--E, E <= 0 && J());
 	}
 	function X() {
-		if (G.value) {
-			if (!H.value) {
-				F(!1);
+		if (W.value) {
+			if (!V.value) {
+				P(!1);
 				return;
 			}
-			C.value && Y();
+			S.value && Y();
 		}
 	}
 	function Z() {
-		L.value.closeOnOverlay === !1 || !G.value || X();
+		I.value.closeOnOverlay === !1 || !W.value || X();
 	}
 	function Q(e) {
-		m(e) && Z();
+		le(e) && Z();
 	}
-	function Ee() {
-		!P.value || L.value.closeOnEscape === !1 || !G.value || X();
+	function De() {
+		!N.value || I.value.closeOnEscape === !1 || !W.value || X();
 	}
-	s(P, (e) => {
+	o(N, (e) => {
 		if (e) {
-			C.value = !0, S.value = !0, we();
+			S.value = !0, x.value = !0, Te();
 			return;
 		}
-		C.value && Y();
-	}, { immediate: !0 }), s([
-		S,
-		N,
-		() => L.value.autoFocus,
-		() => L.value.disableEnforceFocus,
-		() => L.value.disableRestoreFocus
+		S.value && Y();
+	}, { immediate: !0 }), o([
+		x,
+		M,
+		() => I.value.autoFocus,
+		() => I.value.disableEnforceFocus,
+		() => I.value.disableRestoreFocus
 	], () => {
 		i(() => {
-			q();
+			K();
 		});
 	});
 	function $() {
-		let e = oe(w.value);
-		e && (M.value = e.zIndex);
+		let e = d(C.value);
+		e && (j.value = e.zIndex);
 	}
-	return s(S, (e) => {
-		e ? (O = g(), A = le({
-			order: O,
+	return o(x, (e) => {
+		e ? (D = ue(), k = h({
+			trapsFocus: !0,
+			order: D,
 			id: b.stackId,
-			onEscape: Ee,
-			lockScroll: L.value.disableScrollLock !== !0
-		}), w.value = A.id, M.value = A.zIndex, $(), j = de($)) : (j?.(), j = null, A?.release(), A = null, O = null, w.value = "", M.value = h);
-	}, { immediate: !0 }), a(() => {
-		j?.(), j = null, K(), A?.release(), A = null;
+			onEscape: De,
+			container: w.value ?? void 0,
+			lockScroll: I.value.disableScrollLock !== !0
+		}), C.value = k.id, j.value = k.zIndex, $(), A = _($)) : (A?.(), A = null, k?.release(), k = null, D = null, C.value = "", j.value = u);
+	}, { immediate: !0 }), te(() => {
+		A?.(), A = null, G(), k?.release(), k = null;
 	}), {
-		merged: L,
-		mounted: C,
-		rootBind: ye,
-		panelBind: Se,
-		overlayBind: be,
-		wrapperBind: xe,
-		setPanelRef: Ce,
-		layerStackId: w,
+		merged: I,
+		mounted: S,
+		rootBind: xe,
+		panelBind: we,
+		overlayBind: Se,
+		wrapperBind: Ce,
+		setPanelRef: q,
+		layerStackId: C,
 		handleOverlayClick: Z,
 		handleWrapperClick: Q
 	};
 }
 //#endregion
-export { v as useModal };
+export { y as useModal };