@qw-ui/core 0.3.0-next.8 → 0.3.0

package/dist/loading/index.js

@@ -1,6 +1,6 @@
 //#region src/loading/loading.ts
 /**
-* Loading 契约 — 原型 A（无状态），core 无 machine，只承载双栈共享的类型契约。
+* Loading 契约 — 原型 A（无状态），Core 无 machine，承载三栈共享的类型与渲染契约。
 * 可访问性契约：`role="status"` + `aria-live="polite"`；无文案时兜底
 * `aria-label="Loading"` 保证可访问名；spinner 纯 CSS 动画并尊重
 * `prefers-reduced-motion`。
@@ -13,7 +13,50 @@ const LOADING_SIZES = [
 	"md",
 	"lg"
 ];
+const LOADING_PARTS = [
+	"root",
+	"spinner",
+	"label"
+];
+/** Shared content presence, language fallback and display semantics; no DOM access. */
+function resolveLoadingState(props = {}, options = {}) {
+	const labelSource = options.hasRichLabel ? "rich" : props.label != null ? "scalar" : "none";
+	const hasLabel = labelSource !== "none";
+	return {
+		size: LOADING_SIZES.includes(props.size) ? props.size : "md",
+		surface: props.surface ?? false,
+		block: props.block ?? false,
+		hasLabel,
+		labelSource,
+		label: props.label,
+		ariaLabel: options.accessibleLabel ?? (hasLabel ? void 0 : options.loadingAria ?? "Loading"),
+		labelledBy: options.labelledBy ?? void 0,
+		describedBy: options.describedBy ?? void 0
+	};
+}
+/** Core-managed attributes take priority over conflicting passthrough attributes. */
+function getLoadingRootProps(state) {
+	return {
+		"data-scope": "loading",
+		"data-part": "root",
+		"data-size": state.size,
+		"data-surface": state.surface ? "true" : void 0,
+		"data-block": state.block ? "true" : void 0,
+		role: "status",
+		"aria-live": "polite",
+		"aria-label": state.ariaLabel,
+		"aria-labelledby": state.labelledBy,
+		"aria-describedby": state.describedBy
+	};
+}
+function getLoadingPartProps(part) {
+	return {
+		"data-scope": "loading",
+		"data-part": part,
+		"aria-hidden": part === "spinner" ? "true" : void 0
+	};
+}
 //#endregion
-export { LOADING_SIZES };
+export { LOADING_PARTS, LOADING_SIZES, getLoadingPartProps, getLoadingRootProps, resolveLoadingState };
 
 //# sourceMappingURL=index.js.map

package/dist/loading/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/loading/loading.ts"],"sourcesContent":["/**\n * Loading 契约 — 原型 A（无状态），core 无 machine，只承载双栈共享的类型契约。\n * 可访问性契约：`role=\"status\"` + `aria-live=\"polite\"`；无文案时兜底\n * `aria-label=\"Loading\"` 保证可访问名；spinner 纯 CSS 动画并尊重\n * `prefers-reduced-motion`。\n *\n * 尺寸词表以运行时常量数组为唯一事实源（类型从常量推导），__test__ 直接锁死。\n */\n\n/** spinner 尺寸全集：sm / md（默认）/ lg。 */\nexport const LOADING_SIZES = [\"sm\", \"md\", \"lg\"] as const;\n\n/** spinner 尺寸。 */\nexport type LoadingSize = (typeof LOADING_SIZES)[number];\n\n/**\n * QwLoadingProps — 双栈共享的行为契约。`label` 的富内容形式是框架特有\n * （React 收 `ReactNode`，Vue 走 default slot），此处以基础文案 `string` 收口契约。\n */\nexport interface QwLoadingProps {\n  /** spinner 尺寸，默认 md。 */\n  size?: LoadingSize;\n  /** 块级居中占位（整页/区域加载）。 */\n  block?: boolean;\n  /** 加载文案（显示于 logo 下方，并作为可访问名）。 */\n  label?: string;\n  /** 带白底浮层卡片（内边距 + 圆角 + 阴影）。 */\n  surface?: boolean;\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,gBAAgB;CAAC;CAAM;CAAM;AAAI"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/loading/loading.ts"],"sourcesContent":["/**\n * Loading 契约 — 原型 A（无状态），Core 无 machine，承载三栈共享的类型与渲染契约。\n * 可访问性契约：`role=\"status\"` + `aria-live=\"polite\"`；无文案时兜底\n * `aria-label=\"Loading\"` 保证可访问名；spinner 纯 CSS 动画并尊重\n * `prefers-reduced-motion`。\n *\n * 尺寸词表以运行时常量数组为唯一事实源（类型从常量推导），__test__ 直接锁死。\n */\n\n/** spinner 尺寸全集：sm / md（默认）/ lg。 */\nexport const LOADING_SIZES = [\"sm\", \"md\", \"lg\"] as const;\n\n/** spinner 尺寸。 */\nexport type LoadingSize = (typeof LOADING_SIZES)[number];\n\n/**\n * QwLoadingProps — 双栈共享的行为契约。`label` 的富内容形式是框架特有\n * （React 收 `ReactNode`，Vue 走 default slot），此处以基础文案 `string` 收口契约。\n */\nexport interface QwLoadingProps {\n  /** spinner 尺寸，默认 md。 */\n  size?: LoadingSize;\n  /** 块级居中占位（整页/区域加载）。 */\n  block?: boolean;\n  /** 加载文案（显示于 logo 下方，并作为可访问名）。 */\n  label?: string | null;\n  /** 带白底浮层卡片（内边距 + 圆角 + 阴影）。 */\n  surface?: boolean;\n}\n\n\nexport const LOADING_PARTS = [\"root\", \"spinner\", \"label\"] as const;\nexport type LoadingPart = (typeof LOADING_PARTS)[number];\nexport interface LoadingRenderOptions {\n  hasRichLabel?: boolean;\n  /** Current Provider/explicit native locale key; defaults to historical Loading. */\n  loadingAria?: string;\n  accessibleLabel?: string | null;\n  labelledBy?: string | null;\n  describedBy?: string | null;\n}\nexport interface ResolvedLoadingState {\n  size: LoadingSize; surface: boolean; block: boolean; hasLabel: boolean;\n  labelSource: \"rich\" | \"scalar\" | \"none\"; label?: string | null;\n  ariaLabel?: string; labelledBy?: string; describedBy?: string;\n}\n/** Shared content presence, language fallback and display semantics; no DOM access. */\nexport function resolveLoadingState(props: QwLoadingProps = {}, options: LoadingRenderOptions = {}): ResolvedLoadingState {\n  const labelSource = options.hasRichLabel ? \"rich\" : props.label != null ? \"scalar\" : \"none\";\n  const hasLabel = labelSource !== \"none\";\n  return {\n    size: LOADING_SIZES.includes(props.size!) ? props.size! : \"md\", surface: props.surface ?? false, block: props.block ?? false,\n    hasLabel, labelSource, label: props.label,\n    ariaLabel: options.accessibleLabel ?? (hasLabel ? undefined : options.loadingAria ?? \"Loading\"),\n    labelledBy: options.labelledBy ?? undefined, describedBy: options.describedBy ?? undefined,\n  };\n}\nexport interface LoadingRootProps {\n  \"data-scope\": \"loading\"; \"data-part\": \"root\"; \"data-size\": LoadingSize; \"data-surface\"?: \"true\"; \"data-block\"?: \"true\";\n  role: \"status\"; \"aria-live\": \"polite\"; \"aria-label\"?: string; \"aria-labelledby\"?: string; \"aria-describedby\"?: string;\n}\n/** Core-managed attributes take priority over conflicting passthrough attributes. */\nexport function getLoadingRootProps(state: ResolvedLoadingState): LoadingRootProps {\n  return { \"data-scope\": \"loading\", \"data-part\": \"root\", \"data-size\": state.size, \"data-surface\": state.surface ? \"true\" : undefined,\n    \"data-block\": state.block ? \"true\" : undefined, role: \"status\", \"aria-live\": \"polite\", \"aria-label\": state.ariaLabel,\n    \"aria-labelledby\": state.labelledBy, \"aria-describedby\": state.describedBy };\n}\nexport interface LoadingPartProps { \"data-scope\": \"loading\"; \"data-part\": Exclude<LoadingPart, \"root\">; \"aria-hidden\"?: \"true\" }\nexport function getLoadingPartProps(part: Exclude<LoadingPart, \"root\">): LoadingPartProps {\n  return { \"data-scope\": \"loading\", \"data-part\": part, \"aria-hidden\": part === \"spinner\" ? \"true\" : undefined };\n}\n"],"mappings":";;;;;;;;;;AAUA,MAAa,gBAAgB;CAAC;CAAM;CAAM;AAAI;AAqB9C,MAAa,gBAAgB;CAAC;CAAQ;CAAW;AAAO;;AAgBxD,SAAgB,oBAAoB,QAAwB,CAAC,GAAG,UAAgC,CAAC,GAAyB;CACxH,MAAM,cAAc,QAAQ,eAAe,SAAS,MAAM,SAAS,OAAO,WAAW;CACrF,MAAM,WAAW,gBAAgB;CACjC,OAAO;EACL,MAAM,cAAc,SAAS,MAAM,IAAK,IAAI,MAAM,OAAQ;EAAM,SAAS,MAAM,WAAW;EAAO,OAAO,MAAM,SAAS;EACvH;EAAU;EAAa,OAAO,MAAM;EACpC,WAAW,QAAQ,oBAAoB,WAAW,KAAA,IAAY,QAAQ,eAAe;EACrF,YAAY,QAAQ,cAAc,KAAA;EAAW,aAAa,QAAQ,eAAe,KAAA;CACnF;AACF;;AAMA,SAAgB,oBAAoB,OAA+C;CACjF,OAAO;EAAE,cAAc;EAAW,aAAa;EAAQ,aAAa,MAAM;EAAM,gBAAgB,MAAM,UAAU,SAAS,KAAA;EACvH,cAAc,MAAM,QAAQ,SAAS,KAAA;EAAW,MAAM;EAAU,aAAa;EAAU,cAAc,MAAM;EAC3G,mBAAmB,MAAM;EAAY,oBAAoB,MAAM;CAAY;AAC/E;AAEA,SAAgB,oBAAoB,MAAsD;CACxF,OAAO;EAAE,cAAc;EAAW,aAAa;EAAM,eAAe,SAAS,YAAY,SAAS,KAAA;CAAU;AAC9G"}

package/dist/loading/loading.d.ts

@@ -1,5 +1,5 @@
 /**
- * Loading 契约 — 原型 A（无状态），core 无 machine，只承载双栈共享的类型契约。
+ * Loading 契约 — 原型 A（无状态），Core 无 machine，承载三栈共享的类型与渲染契约。
  * 可访问性契约：`role="status"` + `aria-live="polite"`；无文案时兜底
  * `aria-label="Loading"` 保证可访问名；spinner 纯 CSS 动画并尊重
  * `prefers-reduced-motion`。
@@ -20,7 +20,50 @@ export interface QwLoadingProps {
     /** 块级居中占位（整页/区域加载）。 */
     block?: boolean;
     /** 加载文案（显示于 logo 下方，并作为可访问名）。 */
-    label?: string;
+    label?: string | null;
     /** 带白底浮层卡片（内边距 + 圆角 + 阴影）。 */
     surface?: boolean;
 }
+export declare const LOADING_PARTS: readonly ["root", "spinner", "label"];
+export type LoadingPart = (typeof LOADING_PARTS)[number];
+export interface LoadingRenderOptions {
+    hasRichLabel?: boolean;
+    /** Current Provider/explicit native locale key; defaults to historical Loading. */
+    loadingAria?: string;
+    accessibleLabel?: string | null;
+    labelledBy?: string | null;
+    describedBy?: string | null;
+}
+export interface ResolvedLoadingState {
+    size: LoadingSize;
+    surface: boolean;
+    block: boolean;
+    hasLabel: boolean;
+    labelSource: "rich" | "scalar" | "none";
+    label?: string | null;
+    ariaLabel?: string;
+    labelledBy?: string;
+    describedBy?: string;
+}
+/** Shared content presence, language fallback and display semantics; no DOM access. */
+export declare function resolveLoadingState(props?: QwLoadingProps, options?: LoadingRenderOptions): ResolvedLoadingState;
+export interface LoadingRootProps {
+    "data-scope": "loading";
+    "data-part": "root";
+    "data-size": LoadingSize;
+    "data-surface"?: "true";
+    "data-block"?: "true";
+    role: "status";
+    "aria-live": "polite";
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-describedby"?: string;
+}
+/** Core-managed attributes take priority over conflicting passthrough attributes. */
+export declare function getLoadingRootProps(state: ResolvedLoadingState): LoadingRootProps;
+export interface LoadingPartProps {
+    "data-scope": "loading";
+    "data-part": Exclude<LoadingPart, "root">;
+    "aria-hidden"?: "true";
+}
+export declare function getLoadingPartProps(part: Exclude<LoadingPart, "root">): LoadingPartProps;

package/dist/modal-dialog-machine-CF9_z3Dm.js

@@ -0,0 +1,487 @@
+import { MachineStatus } from "@zag-js/core";
+import { contains, getActiveElement, getParentElement, isHTMLElement, isShadowRoot, queryAll, raf } from "@zag-js/dom-query";
+import { machine } from "@zag-js/dialog";
+import { trackDismissableElement } from "@zag-js/dismissable";
+//#region src/modal-dismissable-lifetime.ts
+/** 这个层的声明节点：显式 origin 优先，退回 trigger。准入与归属两处同一口径。 */
+function modalDeclaration(scope) {
+	const node = scope.getById(`dialog:${scope.id}:origin`) ?? scope.getById(`dialog:${scope.id}:trigger`);
+	return isHTMLElement(node) ? node : null;
+}
+/**
+* 实例的物理身份 = 它的 effect 起步时拿到的声明节点。id 查不出实例：同一个 id 先后渲染
+* 两遍时，旧实例按 id 回查只会查到新实例的节点。所以起步时的声明一旦离树、又有别的节点
+* 顶着同一个 id 回答查询，就说明声明与内容都已经换了实例，旧的既不能再认领，也不能在
+* 清理时把新实例的层摘走。
+*
+* 起步时本来就没有声明的调用方（headless 自绘）没有可被顶替的身份，保持原口径不变。
+*/
+function modalDeclarationOwned(scope, declaredAtStart) {
+	if (!declaredAtStart) return true;
+	if (declaredAtStart.isConnected) return true;
+	return !modalDeclaration(scope);
+}
+const waiting = /* @__PURE__ */ new Map();
+let flushing = false;
+/** 在任何层开始监听之前调用；只推进既有的等待，不改变任何层的关闭政策。 */
+function admitWaitingModalLayers(declaration) {
+	if (!declaration || flushing) return;
+	flushing = true;
+	try {
+		for (const [admit, ticket] of [...waiting]) if (ticket.owned() && contains(ticket.content(), declaration)) admit();
+	} finally {
+		flushing = false;
+	}
+}
+/** Wait for the physical node once; keep the public Zag dismissal policy intact. */
+function trackModalDismissableElement({ scope, send, prop }) {
+	const getIds = () => scope.ids;
+	const id = (part) => getIds()?.[part] ?? `dialog:${scope.id}:${part}`;
+	const customTrigger = getIds()?.trigger;
+	const triggerId = typeof customTrigger === "function" ? customTrigger(void 0) : customTrigger ?? `dialog:${scope.id}:trigger`;
+	const triggers = () => queryAll(scope.getRootNode(), "[data-scope=\"dialog\"][data-part=\"trigger\"], [data-scope=\"popup\"][data-part=\"trigger\"]").filter((node) => node.getAttribute("data-ownedby")?.split(/\s+/).filter(Boolean).includes(String(scope.id)));
+	const options = {
+		type: "dialog",
+		defer: false,
+		pointerBlocking: prop("modal"),
+		layerStyleTargets: [() => scope.getById(id("backdrop")), () => scope.getById(id("positioner"))],
+		exclude: () => [scope.getById(triggerId), ...triggers()].filter(Boolean),
+		onInteractOutside(event) {
+			prop("onInteractOutside")?.(event);
+			if (!prop("closeOnInteractOutside")) event.preventDefault();
+		},
+		persistentElements: prop("persistentElements"),
+		onFocusOutside: prop("onFocusOutside"),
+		onPointerDownOutside: prop("onPointerDownOutside"),
+		onRequestDismiss: prop("onRequestDismiss"),
+		onEscapeKeyDown(event) {
+			prop("onEscapeKeyDown")?.(event);
+			if (!prop("closeOnEscape")) event.preventDefault();
+		},
+		onDismiss() {
+			send({
+				type: "CLOSE",
+				src: "interact-outside"
+			});
+		}
+	};
+	let release;
+	let cancelFrame;
+	let observer;
+	let canceled = false;
+	const contentNode = () => scope.getById(id("content"));
+	const declaredAtStart = modalDeclaration(scope);
+	const owned = () => modalDeclarationOwned(scope, declaredAtStart);
+	const admit = () => {
+		if (canceled || release || !owned()) return;
+		const content = contentNode();
+		if (canceled || release || !content) return;
+		waiting.delete(admit);
+		cancelFrame?.();
+		cancelFrame = void 0;
+		observer?.disconnect();
+		observer = void 0;
+		release = trackDismissableElement(content, options);
+	};
+	waiting.set(admit, {
+		content: contentNode,
+		owned
+	});
+	queueMicrotask(() => {
+		if (canceled || release) return;
+		admit();
+		if (release || canceled) return;
+		const doc = scope.getDoc();
+		const Observer = doc?.defaultView?.MutationObserver;
+		if (Observer) {
+			observer = new Observer(() => admit());
+			observer.observe(doc, {
+				childList: true,
+				subtree: true
+			});
+		}
+		cancelFrame = raf(admit);
+	});
+	return () => {
+		if (canceled) return;
+		canceled = true;
+		waiting.delete(admit);
+		cancelFrame?.();
+		observer?.disconnect();
+		observer = void 0;
+		release?.();
+		release = void 0;
+	};
+}
+//#endregion
+//#region src/modal-registry.ts
+/**
+* 模态登记。Dialog 与 Popup 共用，只放在模块内存，不读 document。
+* 被拒打开「只通知一次」也记在这里：createPopupProps 每次渲染都会重入，纯函数记不住。
+*/
+const modals = /* @__PURE__ */ new Map();
+const rejectedOpenNotices = /* @__PURE__ */ new Set();
+const modalSessionTokens = /* @__PURE__ */ new Map();
+/** Private read-only qualification; does not register a DOM node or change admission. */
+function registeredModalKind(id) {
+	return modals.get(id);
+}
+/** Private finite effect snapshot of current registrations; no DOM or historical state. */
+function registeredModalEntries() {
+	return [...modals];
+}
+/** open 为 true 时登记（同 id 覆盖，不计两次）；为 false 时注销。幂等。 */
+function syncModalRegistration(id, kind, open) {
+	if (open) modals.set(id, kind);
+	else modals.delete(id);
+}
+/** 是否存在 id 不同的已登记模态。 */
+function hasOtherModal(id) {
+	if (modals.size === 0) return false;
+	if (modals.size === 1 && modals.has(id)) return false;
+	return true;
+}
+/** 本次被拒的打开尝试还没通知过时返回 true。不从包入口导出。 */
+function claimRejectedOpenNotice(id) {
+	if (rejectedOpenNotices.has(id)) return false;
+	rejectedOpenNotices.add(id);
+	if (!modalSessionTokens.has(id)) modalSessionTokens.set(id, Symbol(id));
+	return true;
+}
+/** 调用方撤回打开，或阻塞模态消失后，允许下一次尝试再通知。 */
+function releaseRejectedOpenNotice(id) {
+	rejectedOpenNotices.delete(id);
+}
+/** Internal token: invalidates deferred notices when the session is disposed. */
+function rejectedOpenNoticeToken(id) {
+	return modalSessionTokens.get(id);
+}
+/** Dispose a modal session on unmount/disconnect, including its pending rejection notice. */
+function disposeModalSession(id) {
+	modals.delete(id);
+	modalSessionTokens.delete(id);
+	releaseRejectedOpenNotice(id);
+}
+/** Internal identity replacement: ignore only the same runtime's retiring sessions. */
+function hasOtherModalExcept(id, ignored) {
+	return [...modals.keys()].some((owner) => owner !== id && !ignored.includes(owner));
+}
+//#endregion
+//#region src/modal-dialog-machine.ts
+const closeToken = Symbol("qw-modal-close");
+const requests = /* @__PURE__ */ new WeakMap();
+const beforeClose = /* @__PURE__ */ new WeakMap();
+/** Pinned Zag adapters recreate scopes on render; their bindable state ref owns the service lifetime. */
+function modalInstance(target) {
+	return target.state.ref;
+}
+/** A composed modal may restore its draft before the owner receives a close request. */
+function onModalBeforeClose(target, prepare) {
+	const instance = modalInstance(target);
+	beforeClose.set(instance, prepare);
+	return () => {
+		if (beforeClose.get(instance) === prepare) beforeClose.delete(instance);
+	};
+}
+function cancelModalClose(target) {
+	const token = requests.get(modalInstance(target))?.current;
+	if (token) token.cancelled = true;
+}
+function delivered(event) {
+	return event[closeToken];
+}
+/** Client request boundary shared by connectors and native dismissal effects. Never run during render. */
+function modalRequestSend(target) {
+	return (event) => {
+		const lifetime = requests.get(modalInstance(target));
+		if (!lifetime) return;
+		if (event.type === "OPEN") {
+			if (lifetime.current) lifetime.current.cancelled = true;
+			target.send(event);
+			return;
+		}
+		if (!((event.type === "CLOSE" || event.type === "TOGGLE") && target.state.matches("open"))) {
+			target.send(event);
+			return;
+		}
+		if (lifetime.current) return;
+		const token = {
+			cancelled: false,
+			lifetime
+		};
+		lifetime.current = token;
+		try {
+			beforeClose.get(modalInstance(target))?.();
+			if (token.cancelled || requests.get(modalInstance(target)) !== lifetime) return;
+			target.prop("onOpenChange")?.({ open: false });
+			if (!token.cancelled && requests.get(modalInstance(target)) === lifetime) target.send({
+				...event,
+				[closeToken]: token
+			});
+		} finally {
+			lifetime.current = void 0;
+		}
+	};
+}
+/** Preserve the upstream service and its method receiver; replace only its request transport. */
+function modalRequestService(service) {
+	const active = () => service.getStatus() === MachineStatus.Started;
+	const send = modalRequestSend({
+		...service,
+		send: (event) => {
+			if (active()) service.send(event);
+		}
+	});
+	return {
+		...service,
+		send: (event) => {
+			if (service.getStatus() === MachineStatus.NotStarted) service.send(event);
+			else if (active()) send(event);
+		}
+	};
+}
+function closeAllowed(params) {
+	const token = delivered(params.event);
+	return !token || !token.cancelled && requests.get(modalInstance(params)) === token.lifetime;
+}
+function guardClose(input) {
+	return input && (Array.isArray(input) ? input : [input]).map((item) => ({
+		...item,
+		guard: (params) => closeAllowed(params) && (!item.guard || (typeof item.guard === "function" ? item.guard(params) : params.guard(item.guard)) === true)
+	}));
+}
+const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
+let removingContent = null;
+/** Pure declaration facts; not modal registration or trigger behavior. */
+function modalOriginAttrs(id, kind) {
+	return {
+		id: `dialog:${id}:origin`,
+		"data-qw-modal-origin": kind
+	};
+}
+const installed = /* @__PURE__ */ new WeakSet();
+const parts = {
+	backdrop: "backdrop",
+	positioner: "positioner",
+	content: "content",
+	title: "title",
+	description: "description",
+	close: "close-trigger"
+};
+/** Keep the physical scope; resolve only this instance's generated owner-body parts. */
+function installModalLookup(scope) {
+	if (installed.has(scope)) return;
+	installed.add(scope);
+	const getById = scope.getById;
+	scope.getById = (id) => {
+		const found = getById(id);
+		if (found) return found;
+		const root = scope.getRootNode();
+		if (!isShadowRoot(root) || !root.host.isConnected) return null;
+		const prefix = `dialog:${scope.id}:`;
+		const suffix = id.slice(prefix.length);
+		if (!id.startsWith(prefix) || !Object.hasOwn(parts, suffix)) return null;
+		const doc = root.ownerDocument;
+		const node = doc.getElementById(id);
+		const kind = node?.getAttribute("data-scope");
+		if (!node || node.namespaceURI !== HTML_NAMESPACE || kind !== "dialog" && kind !== "popup" || node.getAttribute("data-part") !== parts[suffix]) return null;
+		const positioner = suffix === "backdrop" ? node : node.closest(`[data-scope="${kind}"][data-part="positioner"]`);
+		if (positioner?.namespaceURI !== HTML_NAMESPACE || positioner.parentElement !== doc.body || positioner.id !== prefix + (suffix === "backdrop" ? "backdrop" : "positioner")) return null;
+		if (suffix !== "backdrop" && suffix !== "positioner") {
+			const content = node.closest(`[data-scope="${kind}"][data-part="content"]`);
+			if (content?.namespaceURI !== HTML_NAMESPACE || content.id !== prefix + "content") return null;
+		}
+		return node;
+	};
+}
+/** Share ownership and focus delegation while selecting the component's effect. */
+function createModalDialogMachine(trackDismissableElement = machine.implementations.effects.trackDismissableElement) {
+	return {
+		...machine,
+		entry(params) {
+			requests.set(modalInstance(params), {});
+			return typeof machine.entry === "function" ? machine.entry(params) : machine.entry;
+		},
+		exit(params) {
+			const lifetime = requests.get(modalInstance(params));
+			if (lifetime?.current) lifetime.current.cancelled = true;
+			requests.delete(modalInstance(params));
+			return typeof machine.exit === "function" ? machine.exit(params) : machine.exit;
+		},
+		states: {
+			...machine.states,
+			open: {
+				...machine.states.open,
+				on: {
+					...machine.states.open.on,
+					CLOSE: guardClose(machine.states.open.on.CLOSE),
+					TOGGLE: guardClose(machine.states.open.on.TOGGLE)
+				}
+			}
+		},
+		implementations: {
+			...machine.implementations,
+			actions: {
+				...machine.implementations.actions,
+				invokeOnClose(params) {
+					if (delivered(params.event)) return;
+					machine.implementations.actions.invokeOnClose(params);
+				}
+			},
+			effects: {
+				...machine.implementations.effects,
+				trackDismissableElement(params) {
+					const declaredAtStart = modalDeclaration(params.scope);
+					admitWaitingModalLayers(declaredAtStart);
+					let content = null;
+					let origin = null;
+					let parents = [];
+					let kind;
+					const sources = /* @__PURE__ */ new Set();
+					const captureSources = () => {
+						const doc = params.scope.getDoc();
+						for (const [id, registered] of registeredModalEntries()) {
+							const node = doc.getElementById(`dialog:${id}:content`);
+							const positioner = node?.parentElement;
+							if (isHTMLElement(node) && node.namespaceURI === HTML_NAMESPACE && node.getAttribute("data-scope") === registered && node.getAttribute("data-part") === "content" && node.getAttribute("role") === "dialog" && positioner?.namespaceURI === HTML_NAMESPACE && positioner.id === `dialog:${id}:positioner` && positioner.getAttribute("data-scope") === registered && positioner.getAttribute("data-part") === "positioner" && positioner.parentElement === doc.body) sources.add(node);
+						}
+					};
+					const readParents = (node) => {
+						const found = [];
+						for (let parent = getParentElement(node); isHTMLElement(parent); parent = getParentElement(parent)) {
+							if (parent.namespaceURI !== HTML_NAMESPACE || parent.getAttribute("data-part") !== "content" || parent.getAttribute("role") !== "dialog") continue;
+							const id = parent.id;
+							if (!id.startsWith("dialog:") || !id.endsWith(":content")) continue;
+							const owner = id.slice(7, -8);
+							const registered = registeredModalKind(owner);
+							if (owner !== params.scope.id && (registered && parent.getAttribute("data-scope") === registered && parent.ownerDocument.getElementById(id) === parent || parents.includes(parent))) found.push(parent);
+						}
+						return found;
+					};
+					const scope = {
+						...params.scope,
+						getById(id) {
+							const node = params.scope.getById(id);
+							if (!origin && params.scope.id !== void 0 && id === `dialog:${params.scope.id}:content` && isHTMLElement(node) && node.namespaceURI === HTML_NAMESPACE && modalDeclarationOwned(params.scope, declaredAtStart)) {
+								kind ??= registeredModalKind(params.scope.id);
+								if (kind) {
+									const declaration = modalDeclaration(params.scope);
+									if (declaration && declaration.namespaceURI === HTML_NAMESPACE && declaration.ownerDocument === node.ownerDocument && (declaration.getAttribute("data-qw-modal-origin") === kind || declaration.getAttribute("data-scope") === kind && declaration.getAttribute("data-part") === "trigger")) {
+										content = node;
+										origin = declaration;
+										parents = readParents(declaration);
+										captureSources();
+									}
+								}
+							}
+							return node;
+						}
+					};
+					const overrides = { get onRequestDismiss() {
+						const original = params.prop("onRequestDismiss");
+						const handler = function(event) {
+							original?.call(this, event);
+							if (event.defaultPrevented || !origin || !content || kind !== "dialog" || event.detail.originalLayer !== content || event.target !== content) return;
+							const parent = event.detail.targetLayer;
+							if (!parent || parent === content) return;
+							if (parent.ownerDocument !== content.ownerDocument) {
+								if (parent === removingContent) event.preventDefault();
+								return;
+							}
+							if (!sources.has(parent)) {
+								captureSources();
+								if (!sources.has(parent)) return;
+							}
+							if (!(origin.isConnected ? readParents(origin) : parents).includes(parent)) event.preventDefault();
+						};
+						return handler;
+					} };
+					const prop = (key) => overrides[key] ?? params.prop(key);
+					let active = true;
+					const send = modalRequestSend(params);
+					const cleanup = trackDismissableElement?.call(machine.implementations.effects, {
+						...params,
+						scope,
+						prop,
+						send: (event) => {
+							if (active) send(event);
+						}
+					});
+					return () => {
+						active = false;
+						const previous = removingContent;
+						removingContent = content && sources.has(content) ? content : null;
+						try {
+							cleanup?.();
+						} finally {
+							removingContent = previous;
+							sources.clear();
+							parents = [];
+							origin = null;
+							content = null;
+						}
+					};
+				},
+				trapFocus(params) {
+					const docBeforeTrap = params.scope.getDoc();
+					const focusBeforeTrap = docBeforeTrap ? getActiveElement(docBeforeTrap) : null;
+					const contentBeforeTrap = params.scope.getById(`dialog:${params.scope.id}:content`);
+					let kind;
+					const scope = {
+						...params.scope,
+						getById(id) {
+							const node = params.scope.getById(id);
+							if (params.scope.id !== void 0 && id === `dialog:${params.scope.id}:content` && node?.namespaceURI === HTML_NAMESPACE && node.getAttribute("data-part") === "content") kind ??= registeredModalKind(params.scope.id);
+							return node;
+						}
+					};
+					const overrides = { finalFocusEl: () => {
+						const original = params.prop("finalFocusEl");
+						if (original) return original();
+						const doc = params.scope.getDoc();
+						if (kind === "popup") {
+							if (isHTMLElement(focusBeforeTrap) && focusBeforeTrap.isConnected && focusBeforeTrap.ownerDocument === doc && focusBeforeTrap !== doc.body && !contentBeforeTrap?.contains(focusBeforeTrap)) return null;
+							for (const trigger of params.scope.getRootNode().querySelectorAll("[data-scope=\"popup\"][data-part=\"trigger\"][data-ownedby]")) if (trigger.getAttribute("data-ownedby") === params.scope.id && isHTMLElement(trigger) && trigger.isConnected) return trigger;
+							return null;
+						}
+						if (kind !== "dialog") return null;
+						const fallback = () => {
+							if (!isHTMLElement(focusBeforeTrap) || !focusBeforeTrap.isConnected || focusBeforeTrap.ownerDocument !== doc || focusBeforeTrap === doc.body || contentBeforeTrap?.contains(focusBeforeTrap) || params.prop("ids")?.trigger != null) return null;
+							const root = params.scope.getRootNode();
+							for (const trigger of root.querySelectorAll("[data-scope=\"dialog\"][data-part=\"trigger\"][data-ownedby]")) if (trigger.getAttribute("data-ownedby") === params.scope.id) return null;
+							return focusBeforeTrap;
+						};
+						const active = getActiveElement(doc);
+						if (!active || active.ownerDocument !== doc) return fallback();
+						for (let node = active; isHTMLElement(node); node = getParentElement(node)) {
+							if (node.namespaceURI !== HTML_NAMESPACE || node.getAttribute("data-scope") !== "dialog" || node.getAttribute("data-part") !== "content") continue;
+							const id = node.id;
+							if (!id.startsWith("dialog:") || !id.endsWith(":content")) return null;
+							const owner = id.slice(7, -8);
+							const positioner = node.parentElement;
+							if (owner !== params.scope.id && registeredModalKind(owner) === "dialog" && doc.getElementById(id) === node && node.getAttribute("role") === "dialog" && positioner?.namespaceURI === HTML_NAMESPACE && positioner.id === `dialog:${owner}:positioner` && positioner.getAttribute("data-scope") === "dialog" && positioner.getAttribute("data-part") === "positioner" && positioner.parentElement === doc.body) return active;
+							return fallback();
+						}
+						return fallback();
+					} };
+					const prop = (key) => overrides[key] ?? params.prop(key);
+					return machine.implementations.effects.trapFocus({
+						...params,
+						scope,
+						prop
+					});
+				}
+			}
+		},
+		props(params) {
+			installModalLookup(params.scope);
+			return machine.props(params);
+		}
+	};
+}
+/** Props initialization receives the real instance scope; all DOM reads stay lazy. */
+const modalDialogMachine = createModalDialogMachine();
+//#endregion
+export { modalRequestSend as a, claimRejectedOpenNotice as c, hasOtherModalExcept as d, rejectedOpenNoticeToken as f, trackModalDismissableElement as h, modalOriginAttrs as i, disposeModalSession as l, syncModalRegistration as m, createModalDialogMachine as n, modalRequestService as o, releaseRejectedOpenNotice as p, modalDialogMachine as r, onModalBeforeClose as s, cancelModalClose as t, hasOtherModal as u };
+
+//# sourceMappingURL=modal-dialog-machine-CF9_z3Dm.js.map