@pgcorp/ui-kit 0.14.0 → 0.15.0

package/dist/src/components/shared/data-display/_internal/STableFrame.vue.d.ts

@@ -17,11 +17,11 @@ type __VLS_Props = {
     ariaLabelledby?: string;
     ariaDescribedby?: string;
 };
-declare var __VLS_1: {}, __VLS_3: {};
+declare var __VLS_7: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
-    caption?: (props: typeof __VLS_1) => any;
+    caption?: (props: typeof __VLS_7) => any;
 } & {
-    default?: (props: typeof __VLS_3) => any;
+    default?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, ElementApi<HTMLTableElement>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     busy: boolean;

package/dist/src/components/shared/data-display/_internal/STableFrame.vue.js

@@ -1,8 +1,8 @@
-import "../../../../../assets/src/components/shared/data-display/_internal/STableFrame.css_vue_type_style_index_0_src_52b5825e_scoped_52b5825e_lang.css";
+import "../../../../../assets/src/components/shared/data-display/_internal/STableFrame.css_vue_type_style_index_0_src_914bad28_scoped_914bad28_lang.css";
 import e from "../../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./STableFrame.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                                         */
 //#region src/components/shared/data-display/_internal/STableFrame.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-52b5825e"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-914bad28"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/data-display/_internal/STableFrame.vue_vue_type_script_setup_true_lang.js

@@ -1,14 +1,16 @@
 import { validateBoolean as e, validateExactString as t } from "../../../../internal/runtimeContract.js";
-import { useOwnedAttrs as n } from "../../../../internal/ownedAttrs.js";
-import { validateTableMetadata as r } from "./tableFoundation.js";
-import { validateScrollableViewportMaxBlockSize as i } from "../../../../internal/semanticSizing.js";
-import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, mergeProps as d, openBlock as f, ref as p, renderList as m, renderSlot as h, unref as g, watchEffect as _ } from "vue";
+import { useUiKitLocale as n } from "../../../../composables/useUiKitLocale.js";
+import { useOwnedAttrs as r } from "../../../../internal/ownedAttrs.js";
+import { validateTableMetadata as i } from "./tableFoundation.js";
+import { validateScrollableViewportMaxBlockSize as a } from "../../../../internal/semanticSizing.js";
+import o from "../SScrollViewport.vue.js";
+import { Fragment as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, openBlock as h, ref as g, renderList as _, renderSlot as v, unref as y, watchEffect as b, withCtx as x } from "vue";
 //#region src/components/shared/data-display/_internal/STableFrame.vue?vue&type=script&setup=true&lang.ts
-var v = [
+var S = [
 	"data-surface",
 	"data-min-width",
 	"data-max-height"
-], y = [
+], C = [
 	"data-density",
 	"id",
 	"tabindex",
@@ -19,10 +21,10 @@ var v = [
 	"aria-labelledby",
 	"aria-describedby",
 	"aria-busy"
-], b = {
+], w = {
 	key: 0,
 	class: "s-table__caption"
-}, x = ["span"], S = /*@__PURE__*/ u({
+}, T = ["span"], E = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "STableFrame",
 	props: {
@@ -47,52 +49,66 @@ var v = [
 		ariaLabelledby: {},
 		ariaDescribedby: {}
 	},
-	setup(u, { expose: S }) {
-		let C = u, w = n({
+	setup(p, { expose: E }) {
+		let D = p, O = r({
 			component: "STableFrame",
 			owner: "canonical table scroll surface"
-		}), T = p(null), E = o(() => t("STableFrame", "density", C.density, ["default", "compact"])), D = o(() => t("STableFrame", "surface", C.surface, ["bordered", "plain"])), O = o(() => t("STableFrame", "minWidth", C.minWidth, [
+		}), { t: k } = n(), A = c(() => D.ariaLabelledby === void 0 ? D.ariaLabel ?? k("table.accessibleName") : void 0), j = g(null), M = c(() => t("STableFrame", "density", D.density, ["default", "compact"])), N = c(() => t("STableFrame", "surface", D.surface, ["bordered", "plain"])), P = c(() => t("STableFrame", "minWidth", D.minWidth, [
 			"content",
 			"md",
 			"lg"
-		])), k = o(() => i("STableFrame", "maxHeight", C.maxHeight));
-		function A(e) {
-			if (e === null || e instanceof HTMLTableElement) T.value = e;
+		])), F = c(() => a("STableFrame", "maxHeight", D.maxHeight));
+		function I(e) {
+			if (e === null || e instanceof HTMLTableElement) j.value = e;
 			else throw TypeError("STableFrame: ref must resolve to its native table.");
 		}
-		return _(() => {
-			e("STableFrame", "busy", C.busy), r("STableFrame", C);
-			for (let e of C.columnGroups) if (!Number.isSafeInteger(e) || e < 1 || e > 1e3) throw TypeError("STableFrame: column group span must be an integer from 1 to 1000");
-		}), S({ getElement: () => {
-			if (!T.value) throw Error("STableFrame: native table is unavailable.");
-			return T.value;
-		} }), (e, t) => (f(), c("div", d(g(w).bindings(), {
+		return b(() => {
+			e("STableFrame", "busy", D.busy), i("STableFrame", D);
+			for (let e of D.columnGroups) if (!Number.isSafeInteger(e) || e < 1 || e > 1e3) throw TypeError("STableFrame: column group span must be an integer from 1 to 1000");
+		}), E({ getElement: () => {
+			if (!j.value) throw Error("STableFrame: native table is unavailable.");
+			return j.value;
+		} }), (e, t) => (h(), u("div", m(y(O).bindings(), {
 			class: "s-table-wrapper",
-			"data-surface": D.value,
-			"data-min-width": O.value,
-			"data-max-height": k.value
-		}), [l("table", {
-			ref: A,
-			class: "s-table",
-			"data-density": E.value,
-			id: u.domId,
-			tabindex: u.focusTarget ? -1 : void 0,
-			title: u.title,
-			lang: u.language,
-			dir: u.direction,
-			"aria-label": u.ariaLabel,
-			"aria-labelledby": u.ariaLabelledby,
-			"aria-describedby": u.ariaDescribedby,
-			"aria-busy": u.busy ? "true" : void 0
-		}, [
-			e.$slots.caption ? (f(), c("caption", b, [h(e.$slots, "caption", {}, void 0, !0)])) : s("", !0),
-			(f(!0), c(a, null, m(u.columnGroups, (e, t) => (f(), c("colgroup", {
-				key: t,
-				span: e
-			}, null, 8, x))), 128)),
-			h(e.$slots, "default", {}, void 0, !0)
-		], 8, y)], 16, v));
+			"data-surface": N.value,
+			"data-min-width": P.value,
+			"data-max-height": F.value
+		}), [f(o, {
+			"accessible-label": A.value,
+			"accessible-labelledby": p.ariaLabelledby,
+			axis: "both",
+			"block-size": "content",
+			"focus-policy": "overflow",
+			"max-block-size": F.value
+		}, {
+			default: x(() => [d("table", {
+				ref: I,
+				class: "s-table",
+				"data-density": M.value,
+				id: p.domId,
+				tabindex: p.focusTarget ? -1 : void 0,
+				title: p.title,
+				lang: p.language,
+				dir: p.direction,
+				"aria-label": p.ariaLabel,
+				"aria-labelledby": p.ariaLabelledby,
+				"aria-describedby": p.ariaDescribedby,
+				"aria-busy": p.busy ? "true" : void 0
+			}, [
+				e.$slots.caption ? (h(), u("caption", w, [v(e.$slots, "caption", {}, void 0, !0)])) : l("", !0),
+				(h(!0), u(s, null, _(p.columnGroups, (e, t) => (h(), u("colgroup", {
+					key: t,
+					span: e
+				}, null, 8, T))), 128)),
+				v(e.$slots, "default", {}, void 0, !0)
+			], 8, C)]),
+			_: 3
+		}, 8, [
+			"accessible-label",
+			"accessible-labelledby",
+			"max-block-size"
+		])], 16, S));
 	}
 });
 //#endregion
-export { S as default };
+export { E as default };

package/dist/src/components/shared/data-display/scrollViewport.d.ts

@@ -1,4 +1,6 @@
 export type SScrollViewportAxis = 'x' | 'y' | 'both';
+/** Root focus policy: always available or only during enabled-axis overflow. / Политика root focus: постоянная или при overflow разрешённой оси. */
+export type SScrollViewportFocusPolicy = 'always' | 'overflow';
 export type SScrollViewportOverscrollBehavior = 'auto' | 'contain' | 'none';
 export type SScrollViewportPhysicalAxis = 'x' | 'y';
 export type SScrollViewportBoundary = 'start' | 'end';

package/dist/src/components/shared/navigation/SBottomNav.vue.js

@@ -1,8 +1,8 @@
-import "../../../../assets/src/components/shared/navigation/SBottomNav.vue_vue_type_style_index_0_scoped_24be0f2b_lang.css";
+import "../../../../assets/src/components/shared/navigation/SBottomNav.vue_vue_type_style_index_0_scoped_68cf84b3_lang.css";
 import e from "../../../../_virtual/_plugin-vue_export-helper.js";
 import t from "./SBottomNav.vue_vue_type_script_setup_true_lang.js";
 /* empty css                                                           */
 //#region src/components/shared/navigation/SBottomNav.vue
-var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-24be0f2b"]]);
+var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-68cf84b3"]]);
 //#endregion
 export { n as default };

package/dist/src/components/shared/navigation/SBottomNav.vue_vue_type_script_setup_true_lang.js

@@ -64,7 +64,9 @@ var de = ["aria-label"], fe = { class: "s-bottom-nav__items" }, pe = { key: 0 },
 				current: e.kind === "view" && b.modelValue === e.id,
 				layout: "tile"
 			}) : [];
-		}), P = 0, F = null, I = null, L = null, R = !1, z = null;
+		}), P = 0, F = null;
+		_(T, () => F?.refreshModality(), { flush: "sync" });
+		let I = null, L = null, R = !1, z = null;
 		_(O, (e) => {
 			e || q(!1);
 		}, { flush: "sync" });

package/dist/src/components/shared/navigation/STabList.vue.d.ts

@@ -33,8 +33,8 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {
     scrollActiveIntoCenter: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     ariaLabel: string;
-    divider: boolean;
     placement: "top" | "bottom";
+    divider: boolean;
     inset: "none" | "compact" | "content";
     headerPosition: "sticky" | "static";
     tabListId: string;

package/dist/src/composables/useDialogOverlay.d.ts

@@ -14,16 +14,26 @@ export interface DialogOverlayOptions {
 }
 export interface DialogOverlayController {
     panelRef: Ref<HTMLElement | null>;
+    portalRef: Ref<HTMLElement | null>;
+    dismissalRef: Ref<HTMLElement | null>;
+    /** Native cycle availability, independent of its captured initial-focus permission. */
+    nativeAdmitted: Readonly<Ref<boolean>>;
     renderOpen: Readonly<Ref<boolean>>;
+    /** Exact current layer base for the private dialog surface's semantic paint bands. */
+    layerIndex: Readonly<Ref<string | null>>;
     setPanelElement: (element: Element | ComponentPublicInstance | null) => void;
+    setPortalElement: (element: Element | ComponentPublicInstance | null) => void;
+    setDismissalElement: (element: Element | ComponentPublicInstance | null) => void;
     backdropStyle: Readonly<Ref<Record<string, string>>>;
     surfaceStyle: Readonly<Ref<Record<string, string>>>;
-    /** Retires this cycle and descendant layers; pending focus cannot resume it. */
+    /** Exact native portal paint band; global toast priority is unchanged. */
+    portalStyle: Readonly<Ref<Record<string, string>>>;
+    /** Explicit cleanup retires this cycle and descendants without a focus-return request. */
     dispose: () => void;
 }
 /**
  * Owns one mounted dialog cycle in the shared layer stack. Viewport dialogs lock
- * body/trap focus; contained dialogs lease their host without global modality.
+ * body/trap focus and isolate the native background; contained dialogs lease their host without global modality.
  * Retirement requires a new false→true open request before another cycle.
  */
 export declare function useDialogOverlay(options: DialogOverlayOptions): DialogOverlayController;

package/dist/src/composables/useDialogOverlay.js

@@ -1,24 +1,34 @@
 import { createAggregateError as e } from "../internal/es2020.js";
-import { trapFocusInsidePanel as t } from "../components/shared/_internal/focusTrap.js";
-import { registerLayer as n } from "../internal/layerStack.js";
-import { useOverlayAdmission as r } from "../internal/overlayHost.js";
-import { validateBoolean as i, validateExactString as a } from "../internal/runtimeContract.js";
-import { inject as o, nextTick as s, onBeforeUnmount as c, onMounted as l, provide as u, readonly as d, ref as f, shallowRef as p, watch as m } from "vue";
+import { flatTreeContains as t } from "../internal/flatTree.js";
+import { trapFocusInsidePanel as n } from "../components/shared/_internal/focusTrap.js";
+import { resolveDialogSurfaceLayerIndex as r } from "../components/shared/_internal/dialogSurface.js";
+import { captureLayerFocusAdmission as i, registerLayer as a } from "../internal/layerStack.js";
+import { useOverlayAdmission as o } from "../internal/overlayHost.js";
+import { validateBoolean as s, validateExactString as c } from "../internal/runtimeContract.js";
+import { provideOverlayPortal as l, useOverlayPortal as u } from "../internal/overlayPortal.js";
+import { computed as d, inject as f, nextTick as p, onBeforeUnmount as m, onMounted as h, provide as g, readonly as _, ref as v, shallowRef as y, watch as b } from "vue";
 //#region src/composables/useDialogOverlay.ts
-var h = Symbol("ui-kit-dialog-parent-lease");
-function g(g) {
-	let _ = () => a("useDialogOverlay", "scope", g.scope?.value ?? "viewport", ["viewport", "contained"]), v = () => i("useDialogOverlay", "open", g.open.value), y = () => i("useDialogOverlay", "closable", g.closable.value), b = () => {
-		if (!g.host) throw TypeError("useDialogOverlay: scope=\"contained\" requires a parent SOverlayHost");
-		return g.host;
-	}, x = _(), S = v();
-	y(), x === "contained" && b(), g.validate?.();
-	let C = r(), w = f(null), T = o(h, null), E = p(null);
-	u(h, {
-		registration: E,
-		panel: w
+var x = Symbol("ui-kit-dialog-parent-lease");
+function S(S) {
+	let C = () => c("useDialogOverlay", "scope", S.scope?.value ?? "viewport", ["viewport", "contained"]), w = () => s("useDialogOverlay", "open", S.open.value), T = () => s("useDialogOverlay", "closable", S.closable.value), E = () => {
+		if (!S.host) throw TypeError("useDialogOverlay: scope=\"contained\" requires a parent SOverlayHost");
+		return S.host;
+	}, D = C(), ee = w();
+	T(), D === "contained" && E(), S.validate?.();
+	let O = o(), k = v(null), A = v(null), j = v(null), M = v(!1), N = u();
+	l({
+		scope: d(() => C() === "viewport" ? "native" : N?.scope.value ?? "document"),
+		subject: d(() => C() === "viewport" ? k.value instanceof HTMLDialogElement ? k.value : null : N?.subject.value ?? null),
+		target: d(() => C() === "viewport" ? A.value : N?.target.value ?? null),
+		admitted: d(() => C() === "viewport" ? M.value : N?.admitted.value ?? !1)
 	});
-	let D = f(C.value && x === "viewport" && S), O = f(!1), k = f({}), A = f({}), j = null, M = !1, N = !1, P = !1, F = x, I = () => {
-		let e = b(), t = [
+	let P = f(x, null), F = y(null), I = d(() => F.value?.zIndex ?? null);
+	g(x, {
+		registration: F,
+		panel: k
+	});
+	let L = v(O.value && D === "viewport" && ee), R = v(!1), z = v({}), B = v({}), V = v({}), H = null, U = !1, W = !1, G = !1, K = D, q = () => {
+		let e = E(), t = [
 			e.root.value,
 			e.content.value,
 			e.portal.value
@@ -28,11 +38,11 @@ function g(g) {
 		if (!n || !r || !i || !n.isConnected || !r.isConnected || !i.isConnected) return null;
 		if (n.ownerDocument !== document || r.ownerDocument !== document || i.ownerDocument !== document || r.parentElement !== n || i.parentElement !== n || r === i) throw TypeError("useDialogOverlay: SOverlayHost requires connected same-document sibling content/portal owners");
 		return e;
-	}, L = () => {
-		!P && v() && (P = !0, g.requestClose());
-	}, R = (t) => {
-		let n = j;
-		j = null, D.value = !1, k.value = {}, A.value = {};
+	}, J = () => {
+		!G && w() && (G = !0, S.requestClose());
+	}, Y = (t) => {
+		let n = H;
+		H = null, L.value = !1, z.value = {}, B.value = {}, V.value = {};
 		let r = [];
 		try {
 			n?.registration?.unregister({
@@ -41,8 +51,10 @@ function g(g) {
 			});
 		} catch (e) {
 			r.push(e);
+		} finally {
+			n?.focusAdmission?.cancel();
 		}
-		E.value = null;
+		F.value = null, M.value = !1, n?.releaseNativeListeners?.();
 		try {
 			n?.releaseHost?.();
 		} catch (e) {
@@ -50,84 +62,127 @@ function g(g) {
 		}
 		if (r.length === 1) throw r[0];
 		if (r.length > 1) throw e(r, "useDialogOverlay: layer and host retirement failed");
-	}, z = (t, n) => {
+	}, X = (t, n) => {
 		let r = [];
 		try {
-			R(t);
+			Y(t);
 		} catch (e) {
 			r.push(e);
 		}
 		if (n) try {
-			L();
+			J();
 		} catch (e) {
 			r.push(e);
 		}
 		if (r.length === 1) throw r[0];
 		if (r.length > 1) throw e(r, "useDialogOverlay: retirement and close intent failed");
-	}, B = (e = !0) => {
-		M = !0, z(e, !0);
-	}, V = (e) => j === e && O.value && !N && !M && C.value && v() && D.value, H = () => {
+	}, Z = (e = !0) => {
+		U = !0, X(e, !0);
+	}, Q = (e) => H === e && R.value && !W && !U && O.value && w() && L.value, te = () => {
 		try {
-			let e = _(), t = v();
-			if (y(), e !== F && t) throw TypeError("useDialogOverlay: scope can change only while open=false");
-			e === "contained" && b(), g.validate?.();
+			let e = C(), t = w();
+			if (T(), e !== K && t) throw TypeError("useDialogOverlay: scope can change only while open=false");
+			e === "contained" && E(), S.validate?.();
 		} catch (t) {
-			M = !0;
+			U = !0;
 			try {
-				R(!1);
+				Y(!1);
 			} catch (n) {
 				throw e([t, n], "useDialogOverlay: validation and resource retirement failed");
 			}
 			throw t;
 		}
-	}, U = async () => {
-		let e = j, r = w.value;
-		if (!e || !V(e) || !r?.isConnected || e.focusing) return;
-		let i = T?.registration.value ?? null;
-		if (T && (!i || !T.panel.value?.isConnected)) return;
-		if (e.scope === "contained" && e.portal?.contains(r) !== !0) throw TypeError("useDialogOverlay: contained dialog surface must mount inside its SOverlayHost portal");
-		H(), e.focusing = !0;
-		let a = e.scope === "contained";
-		if (a) {
-			let t = I();
-			if (!t || t.root.value !== e.root || t.content.value !== e.content || t.portal.value !== e.portal) {
-				B();
-				return;
-			}
-			if (e.releaseHost = t.acquire(B), !V(e)) {
-				e.releaseHost();
-				return;
+	}, ne = async () => {
+		let i = H, o = k.value;
+		if (!i || !Q(i) || !o?.isConnected || i.focusing || i.scope === "viewport" && !A.value?.isConnected) return;
+		let s = P?.registration.value ?? null;
+		if (!P || s && P.panel.value?.isConnected) {
+			if (i.scope === "contained" && i.portal?.contains(o) !== !0) throw TypeError("useDialogOverlay: contained dialog surface must mount inside its SOverlayHost portal");
+			te(), i.focusing = !0;
+			try {
+				let e = i.scope === "contained";
+				if (e) {
+					let e = q();
+					if (!e || e.root.value !== i.root || e.content.value !== i.content || e.portal.value !== i.portal) {
+						Z();
+						return;
+					}
+					if (i.releaseHost = i.focusAdmission ? i.focusAdmission.acquireHost(() => e.acquire(Z)) : e.acquire(Z), !Q(i)) {
+						i.releaseHost(), i.focusAdmission?.cancel();
+						return;
+					}
+				}
+				let c = P?.panel.value ?? null, l = c && !c.contains(i.restoreTarget) ? c : i.restoreTarget;
+				if (!e) {
+					if (!(o instanceof HTMLDialogElement)) throw TypeError("useDialogOverlay: viewport panel ref requires an actual HTMLDialogElement and its exact direct portal");
+					let e = (e) => {
+						e.target === o && (e.preventDefault(), Q(i) && T() && S.requestClose());
+					}, n = (e) => {
+						if (e.defaultPrevented) return;
+						let n = e.target;
+						if (!(n instanceof HTMLFormElement) || n.closest("dialog") !== o || !t(o, n)) return;
+						let r = e.submitter;
+						if (((r instanceof HTMLButtonElement || r instanceof HTMLInputElement) && r.hasAttribute("formmethod") ? r.formMethod : n.method) === "dialog") throw e.preventDefault(), TypeError("useDialogOverlay: native form method=\"dialog\" bypasses controlled open; use a typed close action or update open");
+					};
+					o.addEventListener("cancel", e, !0), o.addEventListener("submit", n, !0), i.releaseNativeListeners = () => {
+						o.removeEventListener("cancel", e, !0), o.removeEventListener("submit", n, !0);
+					};
+				}
+				if (i.registration = a({
+					kind: "dialog",
+					root: () => k.value,
+					modal: !e,
+					...o instanceof HTMLDialogElement && !e ? { nativeDialog: {
+						subject: o,
+						portal: () => A.value
+					} } : {},
+					dismissalRoots: () => {
+						let t = j.value ?? k.value, n = e ? null : A.value;
+						return [...t ? [t] : [], ...n ? [n] : []];
+					},
+					parent: s,
+					eventBoundary: e ? () => i.root : void 0,
+					restoreTarget: l,
+					focusAdmission: i.focusAdmission,
+					dismissOnEscape: T,
+					dismissOnOutsidePointer: T,
+					blocksParentFocusTrap: !e,
+					...e ? {} : { trapFocus: (e) => n(e, k, !0) },
+					requestDismiss: () => S.requestClose(),
+					onRetire: Z
+				}), !Q(i)) {
+					i.registration.unregister({
+						restoreFocus: !1,
+						retireDescendants: !0
+					}), i.focusAdmission?.cancel(), i.releaseNativeListeners?.(), i.releaseNativeListeners = null;
+					return;
+				}
+				if (F.value = i.registration, M.value = !e, z.value = { zIndex: r(i.registration.zIndex, "backdrop") }, B.value = { zIndex: r(i.registration.zIndex, "surface") }, V.value = e ? {} : { "--s-layer-root-toast": r(i.registration.zIndex, "toast") }, await p(), !Q(i) || k.value !== o || !o.isConnected || !i.registration.isTopmost()) {
+					i.focusAdmission?.cancel();
+					return;
+				}
+				i.registration.claimFocus(o) && Q(i) && S.opened?.();
+			} catch (t) {
+				try {
+					H === i ? (U = !0, Y(!1)) : i.focusAdmission?.cancel();
+				} catch (n) {
+					throw e([t, n], "useDialogOverlay: focus admission and resource retirement failed");
+				}
+				throw t;
 			}
 		}
-		let o = T?.panel.value ?? null, c = o && !o.contains(e.restoreTarget) ? o : e.restoreTarget;
-		if (e.registration = n({
-			kind: "dialog",
-			root: () => w.value,
-			modal: !a,
-			parent: i,
-			eventBoundary: a ? () => e.root : void 0,
-			restoreTarget: c,
-			dismissOnEscape: y,
-			dismissOnOutsidePointer: y,
-			blocksParentFocusTrap: !a,
-			...a ? {} : { trapFocus: (e) => t(e, w, !0) },
-			requestDismiss: () => g.requestClose(),
-			onRetire: B
-		}), E.value = e.registration, k.value = { zIndex: e.registration.zIndex }, A.value = { zIndex: `calc(${e.registration.zIndex} + var(--s-layer-overlay-surface-offset))` }, await s(), !V(e) || w.value !== r || !r.isConnected || !e.registration.isTopmost()) return;
-		let l = document.activeElement, u = l === document.body && e.restoreTarget !== null && e.content?.contains(e.restoreTarget) && e.content.hasAttribute("inert");
-		(l === e.restoreTarget || u) && (r.focus({ preventScroll: a }), V(e) && document.activeElement === r && g.opened?.());
-	}, W = () => {
+	}, re = () => {
 		let e;
 		try {
-			let t = _(), n = v();
-			if (y(), t !== F && n) throw TypeError("useDialogOverlay: scope can change only while open=false");
-			t === "contained" && b(), g.validate?.(), e = {
+			let t = C(), n = w();
+			if (T(), t !== K && n) throw TypeError("useDialogOverlay: scope can change only while open=false");
+			t === "contained" && E(), S.validate?.(), e = {
 				valid: !0,
 				open: n,
 				scope: t,
-				host: O.value && t === "contained" ? I() : null,
-				parent: T?.registration.value ?? null,
-				admitted: C.value
+				host: R.value && t === "contained" ? q() : null,
+				parent: P?.registration.value ?? null,
+				admitted: O.value
 			};
 		} catch (t) {
 			e = {
@@ -136,75 +191,93 @@ function g(g) {
 			};
 		}
 		return e;
-	}, G = (t) => {
+	}, ie = (t) => {
 		if (!t.valid) {
-			M = !0;
+			U = !0;
 			try {
-				R(!1);
+				Y(!1);
 			} catch (n) {
 				throw e([t.error, n], "useDialogOverlay: validation and resource retirement failed");
 			}
 			throw t.error;
 		}
-		let { open: n, scope: r, host: i, admitted: a } = t;
-		if (r !== F) {
+		let { open: n, scope: r, host: a, admitted: o } = t;
+		if (r !== K) {
 			if (n) throw TypeError("useDialogOverlay: scope can change only while open=false");
-			F = r, r === "contained" && b();
+			K = r, r === "contained" && E();
 		}
 		if (!n) {
-			M = !1, P = !1, R(a);
+			U = !1, G = !1, Y(o);
 			return;
 		}
-		if (!a) {
-			B(!1);
+		if (!o) {
+			Z(!1);
 			return;
 		}
-		if (!O.value || N || M) return;
-		if (j) {
-			(r === "contained" && (i === null || j.root !== i.root.value || j.content !== i.content.value || j.portal !== i.portal.value) || j.registration && T && !t.parent) && B();
+		if (!R.value || W || U) return;
+		if (H) {
+			(r === "contained" && (a === null || H.root !== a.root.value || H.content !== a.content.value || H.portal !== a.portal.value) || H.registration && P && !t.parent) && Z();
 			return;
 		}
-		if (r === "contained" && !i) return;
-		let o = document.activeElement instanceof HTMLElement ? document.activeElement : null;
-		j = {
+		if (r === "contained" && !a) return;
+		let s = i({ releaseBoundary: a?.content.value ?? null }), c = s?.restoreTarget ?? null;
+		H = {
 			scope: r,
-			root: i?.root.value ?? null,
-			content: i?.content.value ?? null,
-			portal: i?.portal.value ?? null,
-			restoreTarget: o,
+			root: a?.root.value ?? null,
+			content: a?.content.value ?? null,
+			portal: a?.portal.value ?? null,
+			restoreTarget: c,
+			focusAdmission: s,
 			releaseHost: null,
 			registration: null,
+			releaseNativeListeners: null,
 			focusing: !1
-		}, D.value = !0;
-	}, K = (e) => {
+		}, L.value = !0;
+	}, ae = (e) => {
 		if (e !== null && !(e instanceof HTMLElement)) throw TypeError("Dialog overlay panel ref обязан указывать на HTMLElement");
-		w.value = e;
+		k.value = e;
+	}, oe = (e) => {
+		if (e !== null && !(e instanceof HTMLElement)) throw TypeError("useDialogOverlay: native portal ref must resolve to HTMLElement or null");
+		A.value = e;
+	}, se = (e) => {
+		if (e !== null && !(e instanceof HTMLElement)) throw TypeError("useDialogOverlay: visual dismissal ref must resolve to HTMLElement or null");
+		j.value = e;
 	};
-	m(W, G, {
+	b(re, ie, {
 		flush: "sync",
 		immediate: !0
-	}), m([
-		O,
-		w,
-		D,
-		() => T?.registration.value
-	], U, { flush: "post" }), l(() => {
-		O.value = !0;
+	}), b(k, () => {
+		H?.registration?.refreshModality();
+	}, { flush: "sync" }), b(A, () => H?.registration?.refreshModality(), { flush: "sync" }), b([
+		R,
+		k,
+		A,
+		L,
+		() => P?.registration.value
+	], ne, { flush: "post" }), h(() => {
+		R.value = !0;
 	});
-	let q = () => {
-		if (N) return;
-		N = !0;
-		let e = F === "contained" && v();
-		z(!1, e);
+	let $ = (e) => {
+		if (W) return;
+		W = !0;
+		let t = K === "contained" && w();
+		X(e, t);
 	};
-	return c(q), {
-		panelRef: w,
-		renderOpen: d(D),
-		setPanelElement: K,
-		backdropStyle: k,
-		surfaceStyle: A,
-		dispose: q
+	return m(() => $(O.value)), {
+		panelRef: k,
+		portalRef: A,
+		dismissalRef: j,
+		nativeAdmitted: _(M),
+		renderOpen: _(L),
+		layerIndex: I,
+		setPanelElement: ae,
+		setPortalElement: oe,
+		setDismissalElement: se,
+		backdropStyle: z,
+		surfaceStyle: B,
+		portalStyle: V,
+		dispose: () => $(!1)
 	};
 }
 //#endregion
-export { g as useDialogOverlay };
+export { S as useDialogOverlay };