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

package/dist/popup-z5d8IYCt.js

@@ -0,0 +1,576 @@
+import { c as claimRejectedOpenNotice, d as hasOtherModalExcept, f as rejectedOpenNoticeToken, h as trackModalDismissableElement, i as modalOriginAttrs, l as disposeModalSession, m as syncModalRegistration, n as createModalDialogMachine, o as modalRequestService, p as releaseRejectedOpenNotice, t as cancelModalClose, u as hasOtherModal } from "./modal-dialog-machine-CF9_z3Dm.js";
+import { connect } from "@zag-js/dialog";
+//#region src/modal-render-scope.ts
+let nextSeed = 0;
+function nonempty(value) {
+	return typeof value === "string" && value.trim().length > 0;
+}
+function kindValid(value) {
+	return value === "dialog" || value === "popup";
+}
+function ownerValid(kind, owner) {
+	return owner === void 0 || kind === "popup" && (owner === "wc:action-sheet" || owner === "wc:picker");
+}
+function validateTicket(ticket) {
+	if (!ticket || !ownerValid(ticket.kind, ticket.owner) || !nonempty(ticket.id) || !nonempty(ticket.pageSeed) || !kindValid(ticket.kind) || !Number.isSafeInteger(ticket.ordinal) || ticket.ordinal < 1 || typeof ticket.initialAdmitted !== "boolean" || !(ticket.initialOwnerId === null || nonempty(ticket.initialOwnerId)) || ticket.declarationKey !== void 0 && !nonempty(ticket.declarationKey) || ticket.initialActive !== void 0 && typeof ticket.initialActive !== "boolean") throw new TypeError("Invalid modal render ticket");
+	if (ticket.initialAdmitted && ticket.initialOwnerId === null) throw new TypeError("Admitted modal requires an initial owner");
+	if (!ticket.initialAdmitted && ticket.initialOwnerId === ticket.id) throw new TypeError("Rejected modal cannot own its initial reservation");
+}
+/**
+* Create once per page/request and share across its render roots. Bootstrap
+* tickets before hydrating any root, including roots hydrated in reverse order.
+* Default seeds are non-random identities, never global modal declarations.
+*/
+function createModalRenderScope(options = {}) {
+	if (options.pageSeed !== void 0 && !nonempty(options.pageSeed)) throw new TypeError("pageSeed must be nonempty");
+	let pageSeed = options.pageSeed ?? `r${++nextSeed}`;
+	const explicitSeed = options.pageSeed !== void 0;
+	let ordinal = 0;
+	let bootstrapComplete = false;
+	const records = /* @__PURE__ */ new Map();
+	const identities = /* @__PURE__ */ new Map();
+	const speculative = /* @__PURE__ */ new WeakMap();
+	const reservations = /* @__PURE__ */ new Map();
+	const retired = /* @__PURE__ */ new Set();
+	const released = /* @__PURE__ */ new Set();
+	const notified = /* @__PURE__ */ new Set();
+	const incarnations = /* @__PURE__ */ new Map();
+	const sessions = /* @__PURE__ */ new Map();
+	const serverDeclarations = /* @__PURE__ */ new Map();
+	const consumedDeclarations = /* @__PURE__ */ new Map();
+	const active = /* @__PURE__ */ new Map();
+	const claimants = /* @__PURE__ */ new Map();
+	const owns = (lease) => active.get(lease.id)?.session === lease.session && incarnations.get(lease.id) === lease.ordinal;
+	const current = (id, expected) => expected === void 0 || records.get(id)?.ordinal === expected;
+	const copy = (ticket) => ({
+		id: ticket.id,
+		kind: ticket.kind,
+		pageSeed: ticket.pageSeed,
+		ordinal: ticket.ordinal,
+		initialAdmitted: ticket.initialAdmitted,
+		initialOwnerId: ticket.initialOwnerId,
+		...ticket.declarationKey !== void 0 ? { declarationKey: ticket.declarationKey } : {},
+		...ticket.initialActive === false ? { initialActive: false } : {},
+		...ticket.owner !== void 0 ? { owner: ticket.owner } : {}
+	});
+	const reserve = (ticket) => {
+		if (ticket.initialActive === false) return;
+		const owner = ticket.initialOwnerId;
+		if (owner && !retired.has(owner) && !released.has(owner) && (!bootstrapComplete || reservations.has(owner))) reservations.set(owner, reservations.get(owner) ?? null);
+		if (ticket.initialAdmitted && !retired.has(ticket.id) && !released.has(ticket.id)) reservations.set(ticket.id, ticket.kind);
+	};
+	const completeBootstrap = () => {
+		if (bootstrapComplete) return;
+		bootstrapComplete = true;
+		for (const [id, kind] of reservations) if (kind === null) reservations.delete(id);
+	};
+	return {
+		get pageSeed() {
+			return pageSeed;
+		},
+		get tickets() {
+			return [...records.values()].map(copy);
+		},
+		allocate(kind, explicitId, wantsOpen = false, phase = "server", declarationKey, initialActive = true, owner) {
+			if (!ownerValid(kind, owner) || typeof initialActive !== "boolean" || declarationKey !== void 0 && !nonempty(declarationKey) || phase !== "server" && phase !== "client" || !kindValid(kind) || explicitId !== void 0 && !nonempty(explicitId)) throw new TypeError("Invalid modal identity");
+			const next = ordinal + 1;
+			const id = explicitId ?? `qw-${kind}-${encodeURIComponent(pageSeed)}-${next}`;
+			if (records.has(id)) throw new TypeError(`Duplicate modal identity: ${id}`);
+			ordinal = next;
+			const firstOwner = initialActive ? reservations.keys().next().value ?? null : null;
+			const admitted = wantsOpen && (!initialActive || kind === "dialog" || firstOwner === null);
+			const ticket = {
+				id,
+				kind,
+				pageSeed,
+				ordinal,
+				initialAdmitted: admitted,
+				initialOwnerId: wantsOpen ? firstOwner ?? (admitted ? id : null) : null,
+				...declarationKey !== void 0 ? { declarationKey } : {},
+				...!initialActive ? { initialActive: false } : {},
+				...owner !== void 0 ? { owner } : {}
+			};
+			if (phase === "server") {
+				records.set(id, ticket);
+				identities.set(id, ticket);
+				incarnations.set(id, next);
+				retired.delete(id);
+				released.delete(id);
+				notified.delete(id);
+				serverDeclarations.set(id, next);
+				reserve(ticket);
+				return copy(ticket);
+			}
+			const result = copy(ticket);
+			speculative.set(result, ticket);
+			return result;
+		},
+		adopt(input) {
+			validateTicket(input);
+			if (pageSeed !== input.pageSeed) {
+				if (explicitSeed || ordinal !== 0 || records.size !== 0) throw new TypeError("Modal pageSeed mismatch");
+				pageSeed = input.pageSeed;
+			}
+			const existing = identities.get(input.id);
+			const ticket = copy(input);
+			if (existing && JSON.stringify(existing) !== JSON.stringify(ticket)) throw new TypeError("Conflicting modal ticket");
+			if ([...records.values()].some((record) => record.ordinal === ticket.ordinal && record.id !== ticket.id)) throw new TypeError("Conflicting modal ordinal");
+			ordinal = Math.max(ordinal, ticket.ordinal);
+			if (!released.has(ticket.id)) serverDeclarations.set(ticket.id, ticket.ordinal);
+			if (!released.has(ticket.id)) {
+				records.set(ticket.id, ticket);
+				identities.set(ticket.id, ticket);
+				incarnations.set(ticket.id, ticket.ordinal);
+			}
+			reserve(ticket);
+			return copy(ticket);
+		},
+		acquire(ticket, wantsOpen, claimant = ticket) {
+			validateTicket(ticket);
+			if (active.has(ticket.id) && claimants.get(ticket.id) !== claimant) throw new TypeError(`Duplicate modal identity: ${ticket.id}`);
+			const previousOrdinal = incarnations.get(ticket.id);
+			if (ticket.pageSeed !== pageSeed || previousOrdinal !== void 0 && ticket.ordinal < previousOrdinal) throw new TypeError("Stale modal render ticket");
+			const existing = previousOrdinal === ticket.ordinal ? identities.get(ticket.id) : speculative.get(ticket);
+			if (!existing) throw new TypeError("Unknown speculative modal ticket");
+			if (JSON.stringify(existing) !== JSON.stringify(copy(ticket))) throw new TypeError("Conflicting modal ticket");
+			completeBootstrap();
+			if (previousOrdinal !== ticket.ordinal) {
+				notified.delete(ticket.id);
+				consumedDeclarations.delete(ticket.id);
+			}
+			records.set(ticket.id, copy(ticket));
+			identities.set(ticket.id, copy(ticket));
+			incarnations.set(ticket.id, ticket.ordinal);
+			released.delete(ticket.id);
+			consumedDeclarations.set(ticket.id, ticket.ordinal);
+			const admitted = wantsOpen && (ticket.kind === "dialog" || reservations.has(ticket.id) || ![...reservations.keys()].some((id) => id !== ticket.id));
+			const session = (sessions.get(ticket.id) ?? 0) + 1;
+			sessions.set(ticket.id, session);
+			const lease = {
+				id: ticket.id,
+				ordinal: ticket.ordinal,
+				session,
+				admitted
+			};
+			active.set(ticket.id, lease);
+			claimants.set(ticket.id, claimant);
+			if (admitted) {
+				retired.delete(ticket.id);
+				reservations.set(ticket.id, ticket.kind);
+			} else {
+				retired.add(ticket.id);
+				reservations.delete(ticket.id);
+			}
+			return { ...lease };
+		},
+		syncLease(lease, open) {
+			if (!owns(lease)) return false;
+			const ticket = records.get(lease.id);
+			if (open) {
+				retired.delete(lease.id);
+				reservations.set(lease.id, ticket.kind);
+			} else {
+				retired.add(lease.id);
+				reservations.delete(lease.id);
+			}
+			return true;
+		},
+		releaseLease(lease) {
+			if (!owns(lease)) return false;
+			active.delete(lease.id);
+			claimants.delete(lease.id);
+			reservations.delete(lease.id);
+			retired.add(lease.id);
+			released.add(lease.id);
+			records.delete(lease.id);
+			return true;
+		},
+		isServerTicket(ticket) {
+			return ticket.initialActive !== false && serverDeclarations.get(ticket.id) === ticket.ordinal && consumedDeclarations.get(ticket.id) !== ticket.ordinal && !retired.has(ticket.id) && !released.has(ticket.id);
+		},
+		completeBootstrap,
+		hasOther(id, ignored = []) {
+			return [...reservations.keys()].some((owner) => owner !== id && !ignored.includes(owner));
+		},
+		sync(id, kind, open, expected) {
+			if (!current(id, expected) || released.has(id)) return;
+			if (open) {
+				retired.delete(id);
+				reservations.set(id, kind);
+			} else {
+				retired.add(id);
+				reservations.delete(id);
+			}
+		},
+		release(id, expected) {
+			if (!current(id, expected)) return;
+			reservations.delete(id);
+			retired.add(id);
+			released.add(id);
+			records.delete(id);
+			notified.delete(id);
+			active.delete(id);
+			claimants.delete(id);
+		},
+		notifyInitialRejection(id, notify) {
+			const ticket = records.get(id);
+			if (!notify || !ticket || notified.has(id) || ticket.kind !== "popup" || ticket.initialAdmitted || ticket.initialOwnerId === null) return;
+			notified.add(id);
+			notify(false);
+		}
+	};
+}
+function wantsModalOpen(props) {
+	return props.open === true || props.open === void 0 && props.defaultOpen === true;
+}
+function createModalTicketCursor(scope, tickets) {
+	let position = 0;
+	const bootstrap = tickets?.map((ticket) => scope.adopt(ticket));
+	const cache = /* @__PURE__ */ new Map();
+	const bound = /* @__PURE__ */ new Set();
+	const keyed = bootstrap?.some((ticket) => ticket.declarationKey !== void 0) ?? false;
+	for (const ticket of bootstrap ?? []) {
+		if (ticket.declarationKey === void 0) continue;
+		if (cache.has(ticket.declarationKey)) throw new TypeError("Duplicate modal root declaration key");
+		cache.set(ticket.declarationKey, ticket);
+	}
+	function checked(ticket, kind, explicitId, owner) {
+		if (ticket.owner !== owner || ticket.kind !== kind || explicitId !== void 0 && ticket.id !== explicitId) throw new TypeError("Modal root ticket order or identity mismatch");
+		bound.add(ticket.ordinal);
+		return { ...ticket };
+	}
+	function take(kind, explicitId, wantsOpen = false, phase = "server", declarationKey, initialActive = true, owner) {
+		const key = declarationKey ?? explicitId;
+		if (!bootstrap && phase === "client") return scope.allocate(kind, explicitId, wantsOpen, phase, declarationKey, initialActive, owner);
+		const previous = key === void 0 ? void 0 : cache.get(key);
+		if (previous) return checked(previous, kind, explicitId, owner);
+		if (!bootstrap) {
+			const ticket = scope.allocate(kind, explicitId, wantsOpen, phase, declarationKey, initialActive, owner);
+			if (key !== void 0) cache.set(key, ticket);
+			return ticket;
+		}
+		const named = explicitId === void 0 ? void 0 : bootstrap.find((ticket) => ticket.id === explicitId);
+		if (named) return checked(named, kind, explicitId, owner);
+		if (keyed && declarationKey !== void 0) {
+			if (phase === "client") return scope.allocate(kind, explicitId, wantsOpen, phase, declarationKey, initialActive, owner);
+			throw new TypeError("Modal root declaration key mismatch");
+		}
+		while (bootstrap[position] && bound.has(bootstrap[position].ordinal)) position++;
+		const ticket = bootstrap[position];
+		if (!ticket && phase === "client") return scope.allocate(kind, explicitId, wantsOpen, phase, declarationKey, initialActive, owner);
+		if (!ticket) throw new TypeError("Modal root ticket order or identity mismatch");
+		const result = checked(ticket, kind, explicitId, owner);
+		position++;
+		if (key !== void 0) cache.set(key, ticket);
+		return result;
+	}
+	return {
+		take,
+		takeProps: (kind, props, phase, declarationKey, initialActive, owner) => take(kind, props.id, wantsModalOpen(props), phase, declarationKey, initialActive, owner)
+	};
+}
+//#endregion
+//#region src/modal-render-runtime.ts
+const states = /* @__PURE__ */ new WeakMap();
+const registrations = /* @__PURE__ */ new Map();
+function unregisterLease(id, lease) {
+	if (registrations.get(id) !== lease) return;
+	registrations.delete(id);
+	disposeModalSession(id);
+}
+function stateFor(runtime) {
+	let state = states.get(runtime);
+	if (!state) {
+		state = {
+			mounted: false,
+			notified: false,
+			initialPending: true,
+			suppressedClose: false,
+			open: false,
+			initialSynced: false,
+			initialRejected: false,
+			pendingRejected: false,
+			identityInitialized: false,
+			retiring: []
+		};
+		states.set(runtime, state);
+	}
+	return state;
+}
+/** Resolve explicit identity changes without render-time global registration. */
+function updateModalRenderIdentity(runtime, props) {
+	const state = stateFor(runtime);
+	if (!state.identityInitialized) {
+		state.identityInitialized = true;
+		state.explicitId = props.id;
+		return runtime.ticket.id;
+	}
+	if (state.explicitId === props.id) return runtime.ticket.id;
+	const previous = runtime.ticket;
+	const next = runtime.scope.allocate(previous.kind, props.id, wantsModalOpen(props), runtime.phase, void 0, void 0, previous.owner);
+	if (state.lease) state.retiring.push({
+		ticket: previous,
+		lease: state.lease
+	});
+	else runtime.scope.release(previous.id, previous.ordinal);
+	runtime.ticket = next;
+	state.lease = void 0;
+	state.explicitId = props.id;
+	state.initialPending = false;
+	return next.id;
+}
+function releaseRetiring(runtime, state) {
+	for (const previous of state.retiring) {
+		runtime.scope.releaseLease(previous.lease);
+		unregisterLease(previous.ticket.id, previous.lease);
+	}
+	state.retiring = [];
+}
+/** Pure server projection; a hydrated first tree follows its declaration ticket. */
+function modalRenderBlocked(runtime, wantsOpen) {
+	if (runtime.phase === "client") runtime.scope.completeBootstrap();
+	if (runtime.ticket.kind === "dialog") return false;
+	if (!wantsOpen) {
+		if (runtime.phase === "client") stateFor(runtime).pendingRejected = false;
+		return false;
+	}
+	if (runtime.phase === "server") return !runtime.ticket.initialAdmitted;
+	const state = stateFor(runtime);
+	if (state.open || !state.initialSynced && runtime.scope.isServerTicket(runtime.ticket) && runtime.ticket.initialAdmitted) return false;
+	const blocked = !state.initialSynced && runtime.scope.isServerTicket(runtime.ticket) && !runtime.ticket.initialAdmitted && runtime.ticket.initialOwnerId !== null || runtime.scope.hasOther(runtime.ticket.id, state.retiring.map((previous) => previous.ticket.id)) || hasOtherModalExcept(runtime.ticket.id, state.retiring.map((previous) => previous.ticket.id));
+	state.pendingRejected = blocked;
+	return blocked;
+}
+/** Notify a mounted client request once until a close or successful admission. */
+function notifyModalRenderRejection(runtime, notify) {
+	if (runtime.phase !== "client" || !notify) return;
+	const state = stateFor(runtime);
+	if (!state.mounted || state.notified) return;
+	state.notified = true;
+	notify(false);
+}
+/** The machine's close projection must not duplicate a rejection already notified. */
+function notifyModalRenderOpenChange(runtime, open, notify) {
+	const state = stateFor(runtime);
+	if (!open && state.suppressedClose) {
+		state.suppressedClose = false;
+		return;
+	}
+	if (open) state.notified = false;
+	notify(open);
+}
+/** Mounted/layout transport: acquire atomically, sync both registries, return actual open. */
+function syncModalRender(runtime, open, notify) {
+	if (runtime.phase === "server") return runtime.ticket.initialAdmitted && open;
+	const state = stateFor(runtime);
+	const { scope, ticket } = runtime;
+	scope.completeBootstrap();
+	releaseRetiring(runtime, state);
+	if (!state.initialSynced) state.initialRejected = scope.isServerTicket(ticket) && !ticket.initialAdmitted && ticket.initialOwnerId !== null;
+	const retainAdmission = state.open || !state.initialSynced && scope.isServerTicket(ticket) && ticket.initialAdmitted;
+	if (!state.lease) state.lease = scope.acquire(ticket, open, runtime);
+	state.mounted = true;
+	const initiallyRejected = state.initialRejected;
+	const blocked = ticket.kind === "popup" && open && !retainAdmission && (scope.hasOther(ticket.id) || hasOtherModal(ticket.id));
+	const actual = open && !blocked;
+	if (!scope.syncLease(state.lease, actual)) return false;
+	if (actual) {
+		registrations.set(ticket.id, state.lease);
+		syncModalRegistration(ticket.id, ticket.kind, true);
+	} else unregisterLease(ticket.id, state.lease);
+	state.open = actual;
+	state.initialSynced = true;
+	if (blocked) {
+		state.suppressedClose = true;
+		notifyModalRenderRejection(runtime, notify);
+	} else if (state.pendingRejected || initiallyRejected && state.initialPending) notifyModalRenderRejection(runtime, notify);
+	else if (actual || !open) state.notified = false;
+	if (notify || actual || !initiallyRejected) state.initialPending = false;
+	return actual;
+}
+/** Session ownership prevents obsolete cleanup from clearing a reacquired ticket. */
+function disposeModalRender(runtime) {
+	if (runtime.phase === "server") return;
+	const state = stateFor(runtime);
+	releaseRetiring(runtime, state);
+	if (state.lease) {
+		runtime.scope.releaseLease(state.lease);
+		unregisterLease(runtime.ticket.id, state.lease);
+	}
+	state.lease = void 0;
+	state.mounted = false;
+}
+//#endregion
+//#region src/popup/popup.ts
+/** Popup 的 Core machine；共享声明归属与焦点策略，按物理节点准入关闭监听。 */
+const popupMachine = createModalDialogMachine(trackModalDismissableElement);
+const FALLBACK_NAME = "弹出层";
+function popupId(props) {
+	return props.id ?? "";
+}
+/**
+* 已有其它模态时拒绝打开。同一 id 在撤回或阻塞消失前只通知一次。
+* 返回 true 表示这次请求被拒。
+* deferNotice：调用发生在适配层渲染期间时为 true，通知改到微任务，避免在渲染中更新调用方状态。
+*/
+function rejectIfOtherModal(id, onOpenChange, deferNotice = false) {
+	if (!hasOtherModal(id)) {
+		releaseRejectedOpenNotice(id);
+		return false;
+	}
+	if (onOpenChange && claimRejectedOpenNotice(id)) if (deferNotice) {
+		const token = rejectedOpenNoticeToken(id);
+		queueMicrotask(() => {
+			if (rejectedOpenNoticeToken(id) === token) onOpenChange(false);
+		});
+	} else onOpenChange(false);
+	return true;
+}
+/** 未知 placement 回退 bottom。 */
+function resolvePopupPlacement(value) {
+	return value === "top" ? "top" : "bottom";
+}
+/** 可访问名称：title → ariaLabel → 「弹出层」。空白视为缺省。 */
+function getPopupAccessibleName(props) {
+	const title = props.title?.trim();
+	if (title) return title;
+	const label = props.ariaLabel?.trim();
+	if (label) return label;
+	return FALLBACK_NAME;
+}
+/** positioner 与 content 共用的 data 属性。safeArea 缺省为开启。 */
+function getPopupDataAttrs(props) {
+	return {
+		"data-placement": resolvePopupPlacement(props.placement),
+		"data-safe-area": props.safeArea === false ? void 0 : ""
+	};
+}
+/** header / body / footer 没有 Zag part，scope 与 part 由 Core 输出。 */
+function getPopupPartProps(part) {
+	return {
+		"data-scope": "popup",
+		"data-part": part
+	};
+}
+/** 把公开 props 转成 zag dialog context。受控 open:true 被拒时映射为关闭。 */
+function createPopupProps(props = {}, runtime) {
+	const id = popupId(props);
+	if (!runtime && props.open === false) releaseRejectedOpenNotice(id);
+	const wantsInitialOpen = props.open === true || props.open === void 0 && props.defaultOpen === true;
+	const blocked = runtime ? modalRenderBlocked(runtime, wantsInitialOpen) : wantsInitialOpen && rejectIfOtherModal(id, props.onOpenChange, true);
+	const ctx = {
+		id: props.id,
+		open: blocked && props.open === true ? false : props.open,
+		defaultOpen: blocked || typeof props.open === "boolean" ? false : props.defaultOpen,
+		role: "dialog",
+		modal: true,
+		closeOnEscape: true,
+		closeOnInteractOutside: props.closeOnMaskClick !== false,
+		preventScroll: props.disableBodyScroll !== false,
+		finalFocusEl: props.returnFocus
+	};
+	if (!props.title?.trim()) ctx["aria-label"] = getPopupAccessibleName(props);
+	if (props.onOpenChange) {
+		const cb = props.onOpenChange;
+		ctx.onOpenChange = (details) => {
+			if (runtime) notifyModalRenderOpenChange(runtime, details.open, cb);
+			else cb(details.open);
+		};
+	}
+	return ctx;
+}
+function withPopupScope(props) {
+	return {
+		...props,
+		"data-scope": "popup"
+	};
+}
+/**
+* Popup 的 anatomy 没有 description part（见 docs/accessibility.md），
+* 但 zag dialog 的 rendered.description 初值是 true，只有 open entry 的 raf DOM 扫描才纠正它。
+* SSR 首树与 raf 之前的首帧因此会在 content 上发出指向不存在节点的 aria-describedby。
+*
+* 这里在 normalize **之前**从 content 的 raw 属性里摘掉这个键：normalize 之后再删会被
+* 任何做键映射的 normalizer 绕过。只改写 element，其余成员转发给调用方的 normalize。
+* 需要描述的 headless 调用者照常渲染 getDescriptionProps()，并自行写 aria-describedby。
+*
+* 代理的目标是一个空壳而不是 normalize 本身，否则两类合法输入会崩：
+* 冻结对象的 element 是不可配置不可写自有属性，get 返回替代函数违反 Proxy 不变量；
+* 带私有字段的 class normalizer 若以代理为 receiver 调用方法，私有字段归属会出错。
+* 空壳没有自有属性，不受不变量约束；成员统一绑回原 normalize，保住它的 receiver。
+* 不能改用展开复制——createNormalizer 返回的是对 {} 的 Proxy，自有键为空，展开会丢光虚拟成员。
+*/
+function withoutContentDescriptionRef(normalize) {
+	const element = (props) => {
+		if (props["data-scope"] !== "dialog" || props["data-part"] !== "content") return normalize.element(props);
+		const { "aria-describedby": _absent, ...rest } = props;
+		return normalize.element(rest);
+	};
+	return new Proxy({}, {
+		get(_shell, key) {
+			if (key === "element") return element;
+			const member = Reflect.get(normalize, key);
+			return typeof member === "function" ? member.bind(normalize) : member;
+		},
+		has: (_shell, key) => Reflect.has(normalize, key)
+	});
+}
+/**
+* 包装 zag connect。触发器 onClick 与 setOpen(true) 先查登记；
+* 被拒时 onClick 调 preventDefault，让 zag 看到 defaultPrevented 后不发 TOGGLE。
+* setOpen(true) 被拒则直接返回，不向 zag 发事件。
+*/
+function connectPopup(service, normalize, props = {}, runtime) {
+	const api = connect(modalRequestService(service), withoutContentDescriptionRef(normalize));
+	const id = popupId(props);
+	const isOpen = () => service.state.matches("open");
+	const reject = () => {
+		if (!runtime) return rejectIfOtherModal(id, props.onOpenChange);
+		if (!modalRenderBlocked(runtime, true)) return false;
+		notifyModalRenderRejection(runtime, props.onOpenChange);
+		return true;
+	};
+	return {
+		...api,
+		getOriginProps: () => normalize.element(modalOriginAttrs(service.scope.id, "popup")),
+		setOpen(nextOpen) {
+			if (nextOpen) cancelModalClose(service);
+			if (nextOpen && !isOpen() && reject()) return;
+			api.setOpen(nextOpen);
+		},
+		getTriggerProps(triggerProps) {
+			const trigger = api.getTriggerProps(triggerProps);
+			const key = typeof trigger.onClick === "function" ? "onClick" : "onclick";
+			const previous = trigger[key];
+			return withPopupScope({
+				...trigger,
+				[key](event) {
+					if (!isOpen() && !event.defaultPrevented && reject()) event.preventDefault();
+					previous?.(event);
+				}
+			});
+		},
+		getBackdropProps() {
+			return withPopupScope(api.getBackdropProps());
+		},
+		getPositionerProps() {
+			return withPopupScope(api.getPositionerProps());
+		},
+		getContentProps() {
+			return withPopupScope(api.getContentProps());
+		},
+		getTitleProps() {
+			return withPopupScope(api.getTitleProps());
+		},
+		getDescriptionProps() {
+			return withPopupScope(api.getDescriptionProps());
+		},
+		getCloseTriggerProps() {
+			return withPopupScope(api.getCloseTriggerProps());
+		}
+	};
+}
+//#endregion
+export { getPopupPartProps as a, disposeModalRender as c, createModalRenderScope as d, createModalTicketCursor as f, getPopupDataAttrs as i, syncModalRender as l, createPopupProps as n, popupMachine as o, wantsModalOpen as p, getPopupAccessibleName as r, resolvePopupPlacement as s, connectPopup as t, updateModalRenderIdentity as u };
+
+//# sourceMappingURL=popup-z5d8IYCt.js.map