@qw-ui/core 0.3.0-next.4 → 0.3.0-next.42

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal-dialog-machine-CF9_z3Dm.js","names":[],"sources":["../src/modal-dismissable-lifetime.ts","../src/modal-registry.ts","../src/modal-dialog-machine.ts"],"sourcesContent":["import { machine } from \"@zag-js/dialog\";\nimport { trackDismissableElement } from \"@zag-js/dismissable\";\nimport { contains, isHTMLElement, queryAll, raf } from \"@zag-js/dom-query\";\nimport type { Scope } from \"@zag-js/core\";\n\ntype Effect = NonNullable<\n  NonNullable<typeof machine.implementations>[\"effects\"]\n>[\"trackDismissableElement\"];\ntype Params = Parameters<NonNullable<Effect>>[0];\n\ntype DeclarationScope = Pick<Scope, \"getById\" | \"id\">;\n\n/** 这个层的声明节点：显式 origin 优先，退回 trigger。准入与归属两处同一口径。 */\nexport function modalDeclaration(scope: DeclarationScope): HTMLElement | null {\n  const node = scope.getById(`dialog:${scope.id}:origin`) ?? scope.getById(`dialog:${scope.id}:trigger`);\n  return isHTMLElement(node) ? node : null;\n}\n\n/**\n * 实例的物理身份 = 它的 effect 起步时拿到的声明节点。id 查不出实例：同一个 id 先后渲染\n * 两遍时，旧实例按 id 回查只会查到新实例的节点。所以起步时的声明一旦离树、又有别的节点\n * 顶着同一个 id 回答查询，就说明声明与内容都已经换了实例，旧的既不能再认领，也不能在\n * 清理时把新实例的层摘走。\n *\n * 起步时本来就没有声明的调用方（headless 自绘）没有可被顶替的身份，保持原口径不变。\n */\nexport function modalDeclarationOwned(\n  scope: DeclarationScope,\n  declaredAtStart: HTMLElement | null,\n): boolean {\n  if (!declaredAtStart) return true;\n  if (declaredAtStart.isConnected) return true;\n  return !modalDeclaration(scope);\n}\n\n/**\n * Zag 的 layer stack 按入栈顺序判断嵌套：后代层必须晚于祖先层入栈，否则祖先会把\n * 「焦点落进后代层」读成层外交互，自己关掉自己。入栈时刻取决于物理节点什么时候出现，\n * 和声明层级并不一致——父层开始监听时内容还没渲染出来，要等一帧；子层连接时父层内容\n * 已经在文档里，它可以在同一批微任务里就入栈，于是顺序倒过来。\n *\n * 声明在某个层内容里的层，一定更晚开始自己的 dismissable effect。所以每个层开始之前，\n * 先让仍在等待物理节点的更早的层试一次：它的节点这时已经出现了，就会先入栈。\n *\n * 只推进「内容里真的装着这个声明」的等待层。等待的 admit 靠 id 回查自己的内容节点，\n * 无条件推进就会认领另一个同 id 实例的节点——比如同一个 id 先后渲染两遍。层序只在\n * 祖先—后代之间才有意义，所以把物理包含关系当准入条件，顺带挡掉这类张冠李戴。\n *\n * 物理包含只能证明「按 id 查到的内容装着这个子声明」，证明不了这份内容属于这张票据。\n * 票据还要自己持有声明归属：起步时的声明离树、又有同 id 的新节点顶上来时，这张票据\n * 就不再认领任何内容，它的清理也因此摘不走新实例的层。\n */\ntype WaitingTicket = {\n  content: () => HTMLElement | null;\n  owned: () => boolean;\n};\nconst waiting = new Map<() => void, WaitingTicket>();\nlet flushing = false;\n/** 在任何层开始监听之前调用；只推进既有的等待，不改变任何层的关闭政策。 */\nexport function admitWaitingModalLayers(declaration: HTMLElement | null): void {\n  if (!declaration || flushing) return;\n  flushing = true;\n  try {\n    for (const [admit, ticket] of [...waiting]) {\n      // 归属先于读节点：陈旧票据连 content() 都不该去查，免得把别人的节点当自己的记下来。\n      if (ticket.owned() && contains(ticket.content(), declaration)) admit();\n    }\n  } finally {\n    flushing = false;\n  }\n}\n\n/** Wait for the physical node once; keep the public Zag dismissal policy intact. */\nexport function trackModalDismissableElement({\n  scope,\n  send,\n  prop,\n}: Params): () => void {\n  const getIds = () =>\n    scope.ids as NonNullable<ReturnType<typeof prop<\"ids\">>> | undefined;\n  const id = (part: \"content\" | \"backdrop\" | \"positioner\") =>\n    getIds()?.[part] ?? `dialog:${scope.id}:${part}`;\n  const customTrigger = getIds()?.trigger;\n  const triggerId =\n    typeof customTrigger === \"function\"\n      ? customTrigger(undefined)\n      : (customTrigger ?? `dialog:${scope.id}:trigger`);\n  const triggers = () => queryAll(\n    scope.getRootNode(),\n    '[data-scope=\"dialog\"][data-part=\"trigger\"], [data-scope=\"popup\"][data-part=\"trigger\"]',\n  ).filter((node) =>\n    node\n      .getAttribute(\"data-ownedby\")\n      ?.split(/\\s+/)\n      .filter(Boolean)\n      .includes(String(scope.id)),\n  );\n  const options = {\n    type: \"dialog\" as const,\n    defer: false,\n    pointerBlocking: prop(\"modal\"),\n    layerStyleTargets: [\n      () => scope.getById<HTMLElement>(id(\"backdrop\")),\n      () => scope.getById<HTMLElement>(id(\"positioner\")),\n    ],\n    exclude: () => [scope.getById<HTMLElement>(triggerId), ...triggers()].filter(\n      Boolean,\n    ),\n    onInteractOutside(\n      event: Parameters<\n        NonNullable<ReturnType<typeof prop<\"onInteractOutside\">>>\n      >[0],\n    ) {\n      prop(\"onInteractOutside\")?.(event);\n      if (!prop(\"closeOnInteractOutside\")) event.preventDefault();\n    },\n    persistentElements: prop(\"persistentElements\"),\n    onFocusOutside: prop(\"onFocusOutside\"),\n    onPointerDownOutside: prop(\"onPointerDownOutside\"),\n    onRequestDismiss: prop(\"onRequestDismiss\"),\n    onEscapeKeyDown(\n      event: Parameters<\n        NonNullable<ReturnType<typeof prop<\"onEscapeKeyDown\">>>\n      >[0],\n    ) {\n      prop(\"onEscapeKeyDown\")?.(event);\n      if (!prop(\"closeOnEscape\")) event.preventDefault();\n    },\n    onDismiss() {\n      send({ type: \"CLOSE\", src: \"interact-outside\" });\n    },\n  };\n  let release: (() => void) | undefined;\n  let cancelFrame: (() => void) | undefined;\n  let observer: MutationObserver | undefined;\n  let canceled = false;\n  const contentNode = () => scope.getById<HTMLElement>(id(\"content\"));\n  // 这个实例起步时的声明节点；微任务、raf 与准入 flush 三条路径共用同一条归属判定。\n  const declaredAtStart = modalDeclaration(scope);\n  const owned = () => modalDeclarationOwned(scope, declaredAtStart);\n  const admit = () => {\n    if (canceled || release || !owned()) return;\n    const content = contentNode();\n    // getById 可能回到这里；节点读完后再确认一次，避免同一个层入栈两次。\n    if (canceled || release || !content) return;\n    waiting.delete(admit);\n    cancelFrame?.();\n    cancelFrame = undefined;\n    observer?.disconnect();\n    observer = undefined;\n    release = trackDismissableElement(content, options);\n  };\n  waiting.set(admit, { content: contentNode, owned });\n  queueMicrotask(() => {\n    if (canceled || release) return;\n    admit();\n    if (release || canceled) return;\n    // Vanilla (WC) runs this effect before its view commits. Admit on the commit that inserts the\n    // content, so Zag's zero-delay outside-pointer capture is queued in the opening task as it is\n    // where the content commits first, not after the trap's initial-focus frame.\n    const doc = scope.getDoc();\n    const Observer = doc?.defaultView?.MutationObserver;\n    if (Observer) {\n      observer = new Observer(() => admit());\n      observer.observe(doc, { childList: true, subtree: true });\n    }\n    cancelFrame = raf(admit);\n  });\n  return () => {\n    if (canceled) return;\n    canceled = true;\n    waiting.delete(admit);\n    cancelFrame?.();\n    observer?.disconnect();\n    observer = undefined;\n    release?.();\n    release = undefined;\n  };\n}\n","/**\n * 模态登记。Dialog 与 Popup 共用，只放在模块内存，不读 document。\n * 被拒打开「只通知一次」也记在这里：createPopupProps 每次渲染都会重入，纯函数记不住。\n */\n\nconst modals = new Map<string, \"dialog\" | \"popup\">();\nconst rejectedOpenNotices = new Set<string>();\nconst modalSessionTokens = new Map<string, symbol>();\n\n/** Private read-only qualification; does not register a DOM node or change admission. */\nexport function registeredModalKind(id: string): \"dialog\" | \"popup\" | undefined { return modals.get(id); }\n\n/** Private finite effect snapshot of current registrations; no DOM or historical state. */\nexport function registeredModalEntries(): ReadonlyArray<readonly [string, \"dialog\" | \"popup\"]> { return [...modals]; }\n\n/** open 为 true 时登记（同 id 覆盖，不计两次）；为 false 时注销。幂等。 */\nexport function syncModalRegistration(id: string, kind: \"dialog\" | \"popup\", open: boolean): void {\n  if (open) modals.set(id, kind);\n  else modals.delete(id);\n}\n\n/** 是否存在 id 不同的已登记模态。 */\nexport function hasOtherModal(id: string): boolean {\n  if (modals.size === 0) return false;\n  if (modals.size === 1 && modals.has(id)) return false;\n  return true;\n}\n\n/** 本次被拒的打开尝试还没通知过时返回 true。不从包入口导出。 */\nexport function claimRejectedOpenNotice(id: string): boolean {\n  if (rejectedOpenNotices.has(id)) return false;\n  rejectedOpenNotices.add(id);\n  if (!modalSessionTokens.has(id)) modalSessionTokens.set(id, Symbol(id));\n  return true;\n}\n\n/** 调用方撤回打开，或阻塞模态消失后，允许下一次尝试再通知。 */\nexport function releaseRejectedOpenNotice(id: string): void {\n  rejectedOpenNotices.delete(id);\n}\n\n/** 只供测试使用，不从包入口导出。 */\nexport function resetModalRegistryForTest(): void {\n  modals.clear();\n  rejectedOpenNotices.clear();\n  modalSessionTokens.clear();\n}\n\n/** Internal token: invalidates deferred notices when the session is disposed. */\nexport function rejectedOpenNoticeToken(id: string): symbol | undefined { return modalSessionTokens.get(id); }\n\n/** Dispose a modal session on unmount/disconnect, including its pending rejection notice. */\nexport function disposeModalSession(id: string): void {\n  modals.delete(id);\n  modalSessionTokens.delete(id);\n  releaseRejectedOpenNotice(id);\n}\n\n/** Internal identity replacement: ignore only the same runtime's retiring sessions. */\nexport function hasOtherModalExcept(id: string, ignored: readonly string[]): boolean {\n  return [...modals.keys()].some(owner => owner !== id && !ignored.includes(owner));\n}\n","import { machine, type Service } from \"@zag-js/dialog\";\nimport { getActiveElement, getParentElement, isHTMLElement, isShadowRoot } from \"@zag-js/dom-query\";\nimport { MachineStatus, type Scope } from \"@zag-js/core\";\nimport { admitWaitingModalLayers, modalDeclaration, modalDeclarationOwned } from \"./modal-dismissable-lifetime.js\";\nimport { registeredModalKind, registeredModalEntries } from \"./modal-registry.js\";\n\ntype ModalParams = Parameters<NonNullable<NonNullable<typeof machine.implementations>[\"actions\"]>[\"invokeOnClose\"]>[0];\ntype ModalTarget = Pick<ModalParams, \"scope\" | \"state\" | \"prop\" | \"send\">;\ntype CloseToken = { cancelled: boolean; lifetime: object };\nconst closeToken = Symbol(\"qw-modal-close\");\nconst requests = new WeakMap<object, { current?: CloseToken }>();\nconst beforeClose = new WeakMap<object, () => void>();\n/** Pinned Zag adapters recreate scopes on render; their bindable state ref owns the service lifetime. */\nfunction modalInstance(target: Pick<ModalParams, \"state\">): object { return target.state.ref as object; }\n/** A composed modal may restore its draft before the owner receives a close request. */\nexport function onModalBeforeClose(target: Pick<ModalParams, \"state\">, prepare: () => void): () => void {\n  const instance = modalInstance(target);\n  beforeClose.set(instance, prepare);\n  return () => { if (beforeClose.get(instance) === prepare) beforeClose.delete(instance); };\n}\nexport function cancelModalClose(target: Pick<ModalParams, \"state\">): void {\n  const token = requests.get(modalInstance(target))?.current;\n  if (token) token.cancelled = true;\n}\nfunction delivered(event: object): CloseToken | undefined {\n  return (event as { [closeToken]?: CloseToken })[closeToken];\n}\n\n/** Client request boundary shared by connectors and native dismissal effects. Never run during render. */\nexport function modalRequestSend(target: ModalTarget): ModalTarget[\"send\"] {\n  return event => {\n    const lifetime = requests.get(modalInstance(target));\n    if (!lifetime) return;\n    if (event.type === \"OPEN\") {\n      if (lifetime.current) lifetime.current.cancelled = true;\n      target.send(event);\n      return;\n    }\n    const closing = (event.type === \"CLOSE\" || event.type === \"TOGGLE\") && target.state.matches(\"open\");\n    if (!closing) { target.send(event); return; }\n    if (lifetime.current) return;\n    const token: CloseToken = { cancelled: false, lifetime };\n    lifetime.current = token;\n    try {\n      beforeClose.get(modalInstance(target))?.();\n      if (token.cancelled || requests.get(modalInstance(target)) !== lifetime) return;\n      target.prop(\"onOpenChange\")?.({ open: false });\n      if (!token.cancelled && requests.get(modalInstance(target)) === lifetime) {\n        target.send({ ...event, [closeToken]: token });\n      }\n    } finally {\n      lifetime.current = undefined;\n    }\n  };\n}\n\n/** Preserve the upstream service and its method receiver; replace only its request transport. */\nexport function modalRequestService(service: Service): Service {\n  const active = () => service.getStatus() === MachineStatus.Started;\n  const send = modalRequestSend({ ...service, send: event => { if (active()) service.send(event); } });\n  return { ...service, send: event => {\n    // React schedules machine initialization; preserve an earlier real input on its original queue.\n    if (service.getStatus() === MachineStatus.NotStarted) service.send(event);\n    else if (active()) send(event);\n  } };\n}\n\nfunction closeAllowed(params: ModalParams): boolean {\n  const token = delivered(params.event);\n  return !token || (!token.cancelled && requests.get(modalInstance(params)) === token.lifetime);\n}\n\ntype ModalTransitions = NonNullable<NonNullable<typeof machine.states.open.on>[\"CLOSE\"]>;\ntype ModalTransition = ModalTransitions extends (infer Item)[] ? Item : Exclude<ModalTransitions, unknown[]>;\nfunction guardClose(input: ModalTransition | ModalTransition[] | undefined): ModalTransition[] | undefined {\n  return input && (Array.isArray(input) ? input : [input]).map(item => ({\n    ...item,\n    guard: params => closeAllowed(params) && (!item.guard || (typeof item.guard === \"function\" ? item.guard(params) : params.guard(item.guard)) === true),\n  }));\n}\n\nconst HTML_NAMESPACE = \"http://www.w3.org/1999/xhtml\";\n// Only the synchronous native cleanup stack owns this fact; never retained after it.\nlet removingContent: HTMLElement | null = null;\n/** Pure declaration facts; not modal registration or trigger behavior. */\nexport function modalOriginAttrs(id: string | undefined, kind: \"dialog\" | \"popup\") {\n  return { id: `dialog:${id}:origin`, \"data-qw-modal-origin\": kind };\n}\n\nconst installed = new WeakSet<Scope>();\nconst parts = { backdrop: \"backdrop\", positioner: \"positioner\", content: \"content\", title: \"title\", description: \"description\", close: \"close-trigger\" };\n\n/** Keep the physical scope; resolve only this instance's generated owner-body parts. */\nfunction installModalLookup(scope: Scope): void {\n  if (installed.has(scope)) return;\n  installed.add(scope);\n  const getById = scope.getById;\n  scope.getById = <T extends Element = HTMLElement>(id: string): T | null => {\n    const found = getById<T>(id);\n    if (found) return found;\n    const root = scope.getRootNode();\n    if (!isShadowRoot(root) || !root.host.isConnected) return null;\n    const prefix = `dialog:${scope.id}:`;\n    const suffix = id.slice(prefix.length);\n    if (!id.startsWith(prefix) || !Object.hasOwn(parts, suffix)) return null;\n    const doc = root.ownerDocument;\n    const node = doc.getElementById(id);\n    const kind = node?.getAttribute(\"data-scope\");\n    if (!node || node.namespaceURI !== HTML_NAMESPACE || (kind !== \"dialog\" && kind !== \"popup\") || node.getAttribute(\"data-part\") !== parts[suffix as keyof typeof parts]) return null;\n    const positioner = suffix === \"backdrop\" ? node : node.closest(`[data-scope=\"${kind}\"][data-part=\"positioner\"]`);\n    if (positioner?.namespaceURI !== HTML_NAMESPACE || positioner.parentElement !== doc.body || positioner.id !== prefix + (suffix === \"backdrop\" ? \"backdrop\" : \"positioner\")) return null;\n    if (suffix !== \"backdrop\" && suffix !== \"positioner\") {\n      const content = node.closest(`[data-scope=\"${kind}\"][data-part=\"content\"]`);\n      if (content?.namespaceURI !== HTML_NAMESPACE || content.id !== prefix + \"content\") return null;\n    }\n    return node as unknown as T;\n  };\n}\n\ntype DismissableEffect = NonNullable<NonNullable<typeof machine.implementations>[\"effects\"]>[\"trackDismissableElement\"];\n\n/** Share ownership and focus delegation while selecting the component's effect. */\nexport function createModalDialogMachine(trackDismissableElement: DismissableEffect = machine.implementations!.effects!.trackDismissableElement): typeof machine {\nreturn {\n  ...machine,\n  entry(params) {\n    requests.set(modalInstance(params), {});\n    return typeof machine.entry === \"function\" ? machine.entry(params) : machine.entry;\n  },\n  exit(params) {\n    const lifetime = requests.get(modalInstance(params));\n    if (lifetime?.current) lifetime.current.cancelled = true;\n    requests.delete(modalInstance(params));\n    return typeof machine.exit === \"function\" ? machine.exit(params) : machine.exit;\n  },\n  states: {\n    ...machine.states,\n    open: {\n      ...machine.states.open,\n      on: {\n        ...machine.states.open.on,\n        CLOSE: guardClose(machine.states.open.on!.CLOSE),\n        TOGGLE: guardClose(machine.states.open.on!.TOGGLE),\n      },\n    },\n  },\n  implementations: {\n    ...machine.implementations!,\n    actions: {\n      ...machine.implementations!.actions!,\n      invokeOnClose(params) {\n        const token = delivered(params.event);\n        if (token) return;\n        machine.implementations!.actions!.invokeOnClose(params);\n      },\n    },\n    effects: {\n      ...machine.implementations!.effects!,\n      trackDismissableElement(params) {\n        // 这个层声明在谁的内容里，谁就更早开始；先放它入栈，保住 layer stack 的嵌套顺序。\n        const declaredAtStart = modalDeclaration(params.scope);\n        admitWaitingModalLayers(declaredAtStart);\n        let content: HTMLElement | null = null;\n        let origin: HTMLElement | null = null;\n        let parents: HTMLElement[] = [];\n        let kind: \"dialog\" | \"popup\" | undefined;\n        const sources = new Set<HTMLElement>();\n        const captureSources = () => {\n          const doc = params.scope.getDoc();\n          for (const [id, registered] of registeredModalEntries()) {\n            const node = doc.getElementById(`dialog:${id}:content`);\n            const positioner = node?.parentElement;\n            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);\n          }\n        };\n        const readParents = (node: HTMLElement): HTMLElement[] => {\n          const found: HTMLElement[] = [];\n          for (let parent: Element | null = getParentElement(node); isHTMLElement(parent); parent = getParentElement(parent)) {\n            if (parent.namespaceURI !== HTML_NAMESPACE || parent.getAttribute(\"data-part\") !== \"content\" || parent.getAttribute(\"role\") !== \"dialog\") continue;\n            const id = parent.id;\n            if (!id.startsWith(\"dialog:\") || !id.endsWith(\":content\")) continue;\n            const owner = id.slice(7, -8);\n            const registered = registeredModalKind(owner);\n            if (owner !== params.scope.id && ((registered && parent.getAttribute(\"data-scope\") === registered && parent.ownerDocument.getElementById(id) === parent) || parents.includes(parent))) found.push(parent);\n          }\n          return found;\n        };\n        const scope: Scope = {\n          ...params.scope,\n          getById<T extends Element = HTMLElement>(id: string): T | null {\n            const node = params.scope.getById<T>(id);\n            // 归属与准入同一口径：起步时的声明被同 id 的新节点顶替后，这个 effect 不再\n            // 记下任何内容——否则它的 release 会带着别人的 content 与祖先快照去清理。\n            if (!origin && params.scope.id !== undefined && id === `dialog:${params.scope.id}:content` && isHTMLElement(node) && node.namespaceURI === HTML_NAMESPACE && modalDeclarationOwned(params.scope, declaredAtStart)) {\n              kind ??= registeredModalKind(params.scope.id);\n              if (kind) {\n                const declaration = modalDeclaration(params.scope);\n                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\"))) {\n                  content = node; origin = declaration; parents = readParents(declaration); captureSources();\n                }\n              }\n            }\n            return node;\n          },\n        };\n        const overrides: Parameters<NonNullable<typeof machine.props>>[0][\"props\"] = {\n          get onRequestDismiss() {\n            const original = params.prop(\"onRequestDismiss\");\n            const handler: NonNullable<Parameters<NonNullable<typeof machine.props>>[0][\"props\"][\"onRequestDismiss\"]> = function(this: unknown, event) {\n              original?.call(this, event);\n              if (event.defaultPrevented || !origin || !content || kind !== \"dialog\" || event.detail.originalLayer !== content || event.target !== content) return;\n              const parent = event.detail.targetLayer;\n              if (!parent || parent === content) return;\n              if (parent.ownerDocument !== content.ownerDocument) {\n                if (parent === removingContent) event.preventDefault();\n                return;\n              }\n              if (!sources.has(parent)) { captureSources(); if (!sources.has(parent)) return; }\n              // A removed declaration retains only its own effect's captured, qualified ancestors.\n              const currentParents = origin.isConnected ? readParents(origin) : parents;\n              if (!currentParents.includes(parent)) event.preventDefault();\n            };\n            return handler;\n          },\n        };\n        const prop: typeof params.prop = key => overrides[key] ?? params.prop(key);\n        let active = true;\n        const send = modalRequestSend(params);\n        const cleanup = trackDismissableElement?.call(machine.implementations!.effects!, { ...params, scope, prop, send: event => { if (active) send(event); } });\n        return () => {\n          active = false;\n          const previous = removingContent;\n          // Qualification was captured by this effect while it owned the real declaration.\n          removingContent = content && sources.has(content) ? content : null;\n          try { cleanup?.(); }\n          finally { removingContent = previous; sources.clear(); parents = []; origin = null; content = null; }\n        };\n      },\n      trapFocus(params) {\n        const docBeforeTrap = params.scope.getDoc();\n        const focusBeforeTrap = docBeforeTrap ? getActiveElement(docBeforeTrap) : null;\n        const contentBeforeTrap = params.scope.getById(`dialog:${params.scope.id}:content`);\n        let kind: \"dialog\" | \"popup\" | undefined;\n        const scope: Scope = {\n          ...params.scope,\n          getById<T extends Element = HTMLElement>(id: string): T | null {\n            const node = params.scope.getById<T>(id);\n            if (params.scope.id !== undefined && id === `dialog:${params.scope.id}:content` && node?.namespaceURI === HTML_NAMESPACE && node.getAttribute(\"data-part\") === \"content\") kind ??= registeredModalKind(params.scope.id);\n            return node;\n          },\n        };\n        const overrides: Parameters<NonNullable<typeof machine.props>>[0][\"props\"] = {\n          finalFocusEl: () => {\n            const original = params.prop(\"finalFocusEl\");\n            if (original) return original();\n            const doc = params.scope.getDoc();\n            if (kind === \"popup\") {\n              // Opened without a prior focus (e.g. SSR defaultOpen): Zag would restore to <body>, so target the owned popup trigger.\n              if (isHTMLElement(focusBeforeTrap) && focusBeforeTrap.isConnected && focusBeforeTrap.ownerDocument === doc && focusBeforeTrap !== doc.body && !contentBeforeTrap?.contains(focusBeforeTrap)) return null;\n              for (const trigger of params.scope.getRootNode().querySelectorAll('[data-scope=\"popup\"][data-part=\"trigger\"][data-ownedby]')) {\n                if (trigger.getAttribute(\"data-ownedby\") === params.scope.id && isHTMLElement(trigger) && trigger.isConnected) return trigger;\n              }\n              return null;\n            }\n            if (kind !== \"dialog\") return null;\n            const fallback = () => {\n              if (!isHTMLElement(focusBeforeTrap) || !focusBeforeTrap.isConnected || focusBeforeTrap.ownerDocument !== doc || focusBeforeTrap === doc.body || contentBeforeTrap?.contains(focusBeforeTrap) || params.prop(\"ids\")?.trigger != null) return null;\n              // Leave every actual owned trigger to Zag, including its valued trigger lookup.\n              const root = params.scope.getRootNode();\n              for (const trigger of root.querySelectorAll('[data-scope=\"dialog\"][data-part=\"trigger\"][data-ownedby]')) {\n                if (trigger.getAttribute(\"data-ownedby\") === params.scope.id) return null;\n              }\n              return focusBeforeTrap;\n            };\n            const active = getActiveElement(doc);\n            if (!active || active.ownerDocument !== doc) return fallback();\n            for (let node: Element | null = active; isHTMLElement(node); node = getParentElement(node)) {\n              if (node.namespaceURI !== HTML_NAMESPACE || node.getAttribute(\"data-scope\") !== \"dialog\" || node.getAttribute(\"data-part\") !== \"content\") continue;\n              const id = node.id;\n              if (!id.startsWith(\"dialog:\") || !id.endsWith(\":content\")) return null;\n              const owner = id.slice(7, -8);\n              const positioner = node.parentElement;\n              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;\n              return fallback();\n            }\n            return fallback();\n          },\n        };\n        const prop: typeof params.prop = key => overrides[key] ?? params.prop(key);\n        return machine.implementations!.effects!.trapFocus({ ...params, scope, prop });\n      },\n    },\n  },\n  props(params) {\n    installModalLookup(params.scope);\n    return machine.props!(params);\n  },\n};\n}\n\n/** Props initialization receives the real instance scope; all DOM reads stay lazy. */\nexport const modalDialogMachine: typeof machine = createModalDialogMachine();\n"],"mappings":"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"}

package/dist/modal-dialog-machine.d.ts

@@ -0,0 +1,21 @@
+import { machine, type Service } from "@zag-js/dialog";
+type ModalParams = Parameters<NonNullable<NonNullable<typeof machine.implementations>["actions"]>["invokeOnClose"]>[0];
+type ModalTarget = Pick<ModalParams, "scope" | "state" | "prop" | "send">;
+/** A composed modal may restore its draft before the owner receives a close request. */
+export declare function onModalBeforeClose(target: Pick<ModalParams, "state">, prepare: () => void): () => void;
+export declare function cancelModalClose(target: Pick<ModalParams, "state">): void;
+/** Client request boundary shared by connectors and native dismissal effects. Never run during render. */
+export declare function modalRequestSend(target: ModalTarget): ModalTarget["send"];
+/** Preserve the upstream service and its method receiver; replace only its request transport. */
+export declare function modalRequestService(service: Service): Service;
+/** Pure declaration facts; not modal registration or trigger behavior. */
+export declare function modalOriginAttrs(id: string | undefined, kind: "dialog" | "popup"): {
+    id: string;
+    "data-qw-modal-origin": "dialog" | "popup";
+};
+type DismissableEffect = NonNullable<NonNullable<typeof machine.implementations>["effects"]>["trackDismissableElement"];
+/** Share ownership and focus delegation while selecting the component's effect. */
+export declare function createModalDialogMachine(trackDismissableElement?: DismissableEffect): typeof machine;
+/** Props initialization receives the real instance scope; all DOM reads stay lazy. */
+export declare const modalDialogMachine: typeof machine;
+export {};

package/dist/modal-dismissable-lifetime.d.ts

@@ -0,0 +1,21 @@
+import { machine } from "@zag-js/dialog";
+import type { Scope } from "@zag-js/core";
+type Effect = NonNullable<NonNullable<typeof machine.implementations>["effects"]>["trackDismissableElement"];
+type Params = Parameters<NonNullable<Effect>>[0];
+type DeclarationScope = Pick<Scope, "getById" | "id">;
+/** 这个层的声明节点：显式 origin 优先，退回 trigger。准入与归属两处同一口径。 */
+export declare function modalDeclaration(scope: DeclarationScope): HTMLElement | null;
+/**
+ * 实例的物理身份 = 它的 effect 起步时拿到的声明节点。id 查不出实例：同一个 id 先后渲染
+ * 两遍时，旧实例按 id 回查只会查到新实例的节点。所以起步时的声明一旦离树、又有别的节点
+ * 顶着同一个 id 回答查询，就说明声明与内容都已经换了实例，旧的既不能再认领，也不能在
+ * 清理时把新实例的层摘走。
+ *
+ * 起步时本来就没有声明的调用方（headless 自绘）没有可被顶替的身份，保持原口径不变。
+ */
+export declare function modalDeclarationOwned(scope: DeclarationScope, declaredAtStart: HTMLElement | null): boolean;
+/** 在任何层开始监听之前调用；只推进既有的等待，不改变任何层的关闭政策。 */
+export declare function admitWaitingModalLayers(declaration: HTMLElement | null): void;
+/** Wait for the physical node once; keep the public Zag dismissal policy intact. */
+export declare function trackModalDismissableElement({ scope, send, prop, }: Params): () => void;
+export {};

package/dist/modal-registry.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 模态登记。Dialog 与 Popup 共用，只放在模块内存，不读 document。
+ * 被拒打开「只通知一次」也记在这里：createPopupProps 每次渲染都会重入，纯函数记不住。
+ */
+/** Private read-only qualification; does not register a DOM node or change admission. */
+export declare function registeredModalKind(id: string): "dialog" | "popup" | undefined;
+/** Private finite effect snapshot of current registrations; no DOM or historical state. */
+export declare function registeredModalEntries(): ReadonlyArray<readonly [string, "dialog" | "popup"]>;
+/** open 为 true 时登记（同 id 覆盖，不计两次）；为 false 时注销。幂等。 */
+export declare function syncModalRegistration(id: string, kind: "dialog" | "popup", open: boolean): void;
+/** 是否存在 id 不同的已登记模态。 */
+export declare function hasOtherModal(id: string): boolean;
+/** 本次被拒的打开尝试还没通知过时返回 true。不从包入口导出。 */
+export declare function claimRejectedOpenNotice(id: string): boolean;
+/** 调用方撤回打开，或阻塞模态消失后，允许下一次尝试再通知。 */
+export declare function releaseRejectedOpenNotice(id: string): void;
+/** 只供测试使用，不从包入口导出。 */
+export declare function resetModalRegistryForTest(): void;
+/** Internal token: invalidates deferred notices when the session is disposed. */
+export declare function rejectedOpenNoticeToken(id: string): symbol | undefined;
+/** Dispose a modal session on unmount/disconnect, including its pending rejection notice. */
+export declare function disposeModalSession(id: string): void;
+/** Internal identity replacement: ignore only the same runtime's retiring sessions. */
+export declare function hasOtherModalExcept(id: string, ignored: readonly string[]): boolean;

package/dist/modal-render-hydration.d.ts

@@ -0,0 +1,35 @@
+import type { ModalRenderScope, ModalRenderTicket } from "./modal-render-scope.js";
+/**
+ * The fixed cross-stack hydration marker contract. Every adapter serializes one
+ * ticket per declaration onto a hidden element carrying both attributes, and
+ * every adapter must adopt the *whole page's* markers — including foreign
+ * stacks' — before hydrating any one root, so ordinals stay page-global.
+ *
+ * This module is pure transport: it reads attributes and defers every validity
+ * and admission decision to the scope. Adapters keep only their own framework
+ * glue (where the root comes from, what to do with the returned tickets).
+ */
+export declare const MODAL_TICKET_ATTRIBUTE = "data-qw-modal-ticket";
+export declare const MODAL_STACK_ATTRIBUTE = "data-qw-modal-stack";
+/** The finite set of stacks that may declare a modal root. */
+export type ModalRenderStack = "react" | "vue" | "wc";
+/** One scanned marker: its element, its declaring stack and its raw ticket data. */
+export interface ModalHydrationMarker {
+    readonly element: Element;
+    readonly stack: ModalRenderStack;
+    readonly input: ModalRenderTicket;
+}
+/**
+ * Collect a root's markers in render order, recursing into `<template>` content
+ * so parked caller content is not skipped. A WC owner may only be declared by
+ * the WC stack; that is a transport rule, so it is rejected here, before any
+ * adoption happens.
+ */
+export declare function scanModalHydrationMarkers(root: ParentNode): readonly ModalHydrationMarker[];
+/** Adopt every scanned marker in render order; the canonical tickets stay index-aligned. */
+export declare function adoptModalHydrationMarkers(markers: readonly ModalHydrationMarker[], scope: ModalRenderScope): readonly ModalRenderTicket[];
+/**
+ * Bootstrap one page root: adopt the complete marker set, then return only the
+ * tickets this stack owns. Adapters pass their own stack tag.
+ */
+export declare function adoptModalHydration(root: ParentNode, scope: ModalRenderScope, stack: ModalRenderStack): readonly ModalRenderTicket[];

package/dist/modal-render-runtime.d.ts

@@ -0,0 +1,19 @@
+import { type ModalRenderInputs, type ModalRenderPhase, type ModalRenderScope, type ModalRenderTicket } from "./modal-render-scope.js";
+/** Stable per-component transport object. Frameworks mechanically supply phase. */
+export interface ModalRenderRuntime {
+    scope: ModalRenderScope;
+    ticket: ModalRenderTicket;
+    phase: ModalRenderPhase;
+}
+/** Resolve explicit identity changes without render-time global registration. */
+export declare function updateModalRenderIdentity(runtime: ModalRenderRuntime, props: ModalRenderInputs): string;
+/** Pure server projection; a hydrated first tree follows its declaration ticket. */
+export declare function modalRenderBlocked(runtime: ModalRenderRuntime, wantsOpen: boolean): boolean;
+/** Notify a mounted client request once until a close or successful admission. */
+export declare function notifyModalRenderRejection(runtime: ModalRenderRuntime, notify?: (open: false) => void): void;
+/** The machine's close projection must not duplicate a rejection already notified. */
+export declare function notifyModalRenderOpenChange(runtime: ModalRenderRuntime, open: boolean, notify: (open: boolean) => void): void;
+/** Mounted/layout transport: acquire atomically, sync both registries, return actual open. */
+export declare function syncModalRender(runtime: ModalRenderRuntime, open: boolean, notify?: (open: false) => void): boolean;
+/** Session ownership prevents obsolete cleanup from clearing a reacquired ticket. */
+export declare function disposeModalRender(runtime: ModalRenderRuntime): void;

package/dist/modal-render-scope.d.ts

@@ -0,0 +1,63 @@
+/** A request-local declaration scope. It never accesses DOM or the client registry. */
+export type ModalRenderKind = "dialog" | "popup";
+/** A finite logical WC host identity; the physical modal remains Popup. */
+export type ModalRenderOwner = "wc:action-sheet" | "wc:picker";
+/** JSON bootstrap data. A rejected initial request has a non-null foreign owner. */
+export interface ModalRenderTicket {
+    id: string;
+    kind: ModalRenderKind;
+    owner?: ModalRenderOwner;
+    pageSeed: string;
+    ordinal: number;
+    initialAdmitted: boolean;
+    initialOwnerId: string | null;
+    /** Native framework render identity, scoped to one root bootstrap list. */
+    declarationKey?: string;
+    /** False for SSR markup stored in an inert platform template. */
+    initialActive?: boolean;
+}
+export interface ModalRenderScopeOptions {
+    pageSeed?: string;
+}
+export type ModalRenderPhase = "server" | "client";
+/** A mount session; ordinal guards identity reuse, session guards effect replay. */
+export interface ModalRenderLease {
+    id: string;
+    ordinal: number;
+    session: number;
+    admitted: boolean;
+}
+export interface ModalRenderScope {
+    readonly pageSeed: string;
+    readonly tickets: readonly ModalRenderTicket[];
+    allocate(kind: ModalRenderKind, explicitId?: string, wantsOpen?: boolean, phase?: ModalRenderPhase, declarationKey?: string, initialActive?: boolean, owner?: ModalRenderOwner): ModalRenderTicket;
+    acquire(ticket: ModalRenderTicket, wantsOpen: boolean, claimant?: object): ModalRenderLease;
+    syncLease(lease: ModalRenderLease, open: boolean): boolean;
+    releaseLease(lease: ModalRenderLease): boolean;
+    adopt(ticket: ModalRenderTicket): ModalRenderTicket;
+    /** Called on the first client admission after the complete page bootstrap. */
+    completeBootstrap(): void;
+    hasOther(id: string, ignored?: readonly string[]): boolean;
+    isServerTicket(ticket: ModalRenderTicket): boolean;
+    sync(id: string, kind: ModalRenderKind, open: boolean, ordinal?: number): void;
+    release(id: string, ordinal?: number): void;
+    notifyInitialRejection(id: string, notify?: (open: false) => void): void;
+}
+/**
+ * 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.
+ */
+export declare function createModalRenderScope(options?: ModalRenderScopeOptions): ModalRenderScope;
+/** Consume one root's declaration tickets in framework render order. */
+export interface ModalRenderInputs {
+    id?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+}
+export declare function wantsModalOpen(props: ModalRenderInputs): boolean;
+export interface ModalTicketCursor {
+    takeProps(kind: ModalRenderKind, props: ModalRenderInputs, phase?: ModalRenderPhase, declarationKey?: string, initialActive?: boolean, owner?: ModalRenderOwner): ModalRenderTicket;
+    take(kind: ModalRenderKind, explicitId?: string, wantsOpen?: boolean, phase?: ModalRenderPhase, declarationKey?: string, initialActive?: boolean, owner?: ModalRenderOwner): ModalRenderTicket;
+}
+export declare function createModalTicketCursor(scope: ModalRenderScope, tickets?: readonly ModalRenderTicket[]): ModalTicketCursor;

package/dist/nav-bar/index.d.ts

@@ -0,0 +1 @@
+export * from "./nav-bar.js";

package/dist/nav-bar/index.js

@@ -0,0 +1,115 @@
+import { createMachine } from "@zag-js/core";
+//#region src/nav-bar/nav-bar.ts
+/** Stable DOM parts shared by every adapter. */
+const NAV_BAR_PARTS = [
+	"root",
+	"back",
+	"back-icon",
+	"back-text",
+	"left",
+	"center",
+	"title",
+	"subtitle",
+	"right"
+];
+/** 0 renders the title without heading semantics. */
+const NAV_BAR_HEADING_LEVELS = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6
+];
+const str = (value) => typeof value === "string" ? value : "";
+function resolveNavBarState(props = {}) {
+	const label = str(props.backLabel).trim(), href = str(props.backHref).trim();
+	return {
+		title: str(props.title),
+		subtitle: str(props.subtitle),
+		back: props.back !== false,
+		backText: str(props.backText).trim(),
+		backLabel: label || "返回",
+		backHref: href || void 0,
+		headingLevel: NAV_BAR_HEADING_LEVELS.includes(props.headingLevel) ? props.headingLevel : 1,
+		safeAreaTop: props.safeAreaTop !== false
+	};
+}
+function createNavBarProps(props = {}) {
+	if (props.id !== void 0 && (typeof props.id !== "string" || !props.id.trim())) throw new TypeError("NavBar requires a nonempty instance id when provided");
+	return { ...props };
+}
+const navBarMachine = createMachine({
+	props: ({ props }) => createNavBarProps(props),
+	initialState: () => "ready",
+	states: { ready: {} }
+});
+const live = (service) => resolveNavBarState({
+	title: service.prop("title"),
+	subtitle: service.prop("subtitle"),
+	back: service.prop("back"),
+	backText: service.prop("backText"),
+	backLabel: service.prop("backLabel"),
+	backHref: service.prop("backHref"),
+	headingLevel: service.prop("headingLevel"),
+	safeAreaTop: service.prop("safeAreaTop")
+});
+function connectNavBar(service, normalize) {
+	const state = live(service), id = `nav-bar:${service.scope.id}`, part = (name) => ({
+		"data-scope": "nav-bar",
+		"data-part": name
+	});
+	const backTag = state.backHref ? "a" : "button";
+	return {
+		title: state.title,
+		subtitle: state.subtitle,
+		back: state.back,
+		backText: state.backText,
+		backTag,
+		getRootProps: () => normalize.element({
+			...part("root"),
+			id,
+			"data-safe-area": state.safeAreaTop ? "top" : void 0
+		}),
+		getBackProps: () => normalize.element({
+			...part("back"),
+			...backTag === "a" ? { href: state.backHref } : { type: "button" },
+			"aria-label": state.backText ? void 0 : state.backLabel,
+			hidden: !state.back || void 0,
+			onClick(event) {
+				service.prop("onBack")?.({
+					event,
+					href: state.backHref
+				});
+			}
+		}),
+		getBackIconProps: () => normalize.element({
+			...part("back-icon"),
+			"aria-hidden": true
+		}),
+		getBackTextProps: () => normalize.element({
+			...part("back-text"),
+			hidden: !state.backText || void 0
+		}),
+		getLeftProps: () => normalize.element({ ...part("left") }),
+		getCenterProps: () => normalize.element({ ...part("center") }),
+		getTitleProps: () => normalize.element({
+			...part("title"),
+			id: `${id}:title`,
+			...state.headingLevel ? {
+				role: "heading",
+				"aria-level": state.headingLevel
+			} : {}
+		}),
+		getSubtitleProps: () => normalize.element({
+			...part("subtitle"),
+			hidden: !state.subtitle || void 0
+		}),
+		getRightProps: () => normalize.element({ ...part("right") })
+	};
+}
+//#endregion
+export { NAV_BAR_HEADING_LEVELS, NAV_BAR_PARTS, connectNavBar, createNavBarProps, navBarMachine, resolveNavBarState };
+
+//# sourceMappingURL=index.js.map

package/dist/nav-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../src/nav-bar/nav-bar.ts"],"sourcesContent":["import { createMachine, type Machine, type Service } from \"@zag-js/core\";\nimport type { NormalizeProps, PropTypes } from \"@zag-js/types\";\n\n/** Stable DOM parts shared by every adapter. */\nexport const NAV_BAR_PARTS = [\"root\", \"back\", \"back-icon\", \"back-text\", \"left\", \"center\", \"title\", \"subtitle\", \"right\"] as const;\n/** 0 renders the title without heading semantics. */\nexport const NAV_BAR_HEADING_LEVELS = [0, 1, 2, 3, 4, 5, 6] as const;\nexport type NavBarHeadingLevel = (typeof NAV_BAR_HEADING_LEVELS)[number];\n/** Common cancellation contract; framework and native click events both satisfy it. */\nexport interface NavBarBackEvent { readonly defaultPrevented: boolean; preventDefault(): void }\nexport interface NavBarBackDetails { event: NavBarBackEvent; href: string | undefined }\n\nexport interface QwNavBarProps {\n  /** Page-unique instance identity; adapters generate one when omitted. */\n  id?: string;\n  /** Page title; one visual line with ellipsis, the full text stays in the DOM. */\n  title?: string;\n  /** Optional second line under the title. */\n  subtitle?: string;\n  /** Render the back control; default true. */\n  back?: boolean;\n  /** Visible text after the back arrow (for example 返回); omitted shows the arrow only. */\n  backText?: string;\n  /** Accessible name when backText is omitted; default 返回. */\n  backLabel?: string;\n  /** Render the back control as a link to this URL instead of a button. */\n  backHref?: string;\n  /** aria-level of the title; default 1, 0 disables heading semantics. */\n  headingLevel?: NavBarHeadingLevel;\n  /** Pad the top edge by the safe-area inset; default true. */\n  safeAreaTop?: boolean;\n  /** Called first on back activation; call event.preventDefault() to cancel a backHref navigation. */\n  onBack?: (details: NavBarBackDetails) => void;\n}\nexport interface ResolvedNavBarState {\n  title: string; subtitle: string; back: boolean; backText: string; backLabel: string; backHref: string | undefined; headingLevel: NavBarHeadingLevel; safeAreaTop: boolean;\n}\nconst str = (value: unknown): string => typeof value === \"string\" ? value : \"\";\nexport function resolveNavBarState(props: QwNavBarProps = {}): ResolvedNavBarState {\n  const label = str(props.backLabel).trim(), href = str(props.backHref).trim();\n  return {\n    title: str(props.title), subtitle: str(props.subtitle), back: props.back !== false, backText: str(props.backText).trim(), backLabel: label || \"返回\",\n    backHref: href || undefined, headingLevel: NAV_BAR_HEADING_LEVELS.includes(props.headingLevel!) ? props.headingLevel! : 1, safeAreaTop: props.safeAreaTop !== false,\n  };\n}\nexport function createNavBarProps(props: QwNavBarProps = {}): QwNavBarProps {\n  if (props.id !== undefined && (typeof props.id !== \"string\" || !props.id.trim())) throw new TypeError(\"NavBar requires a nonempty instance id when provided\");\n  return { ...props };\n}\n\n/** Stateless: NavBar has no interaction state; the machine only carries props and identity. */\nexport interface QwNavBarSchema { props: QwNavBarProps; state: \"ready\" }\nexport type QwNavBarMachine = Machine<QwNavBarSchema>;\nexport type QwNavBarService = Service<QwNavBarSchema>;\nexport const navBarMachine: QwNavBarMachine = createMachine<QwNavBarSchema>({\n  props: ({ props }) => createNavBarProps(props), initialState: () => \"ready\", states: { ready: {} },\n});\nconst live = (service: Pick<QwNavBarService, \"prop\">) => resolveNavBarState({\n  title: service.prop(\"title\"), subtitle: service.prop(\"subtitle\"), back: service.prop(\"back\"), backText: service.prop(\"backText\"), backLabel: service.prop(\"backLabel\"),\n  backHref: service.prop(\"backHref\"), headingLevel: service.prop(\"headingLevel\"), safeAreaTop: service.prop(\"safeAreaTop\"),\n});\n\nexport interface QwNavBarApi<T extends PropTypes = PropTypes> {\n  title: string; subtitle: string; back: boolean; backText: string;\n  /** Element the adapter renders for the back control. */\n  backTag: \"a\" | \"button\";\n  getRootProps(): T[\"element\"];\n  getBackProps(): T[\"element\"];\n  getBackIconProps(): T[\"element\"];\n  getBackTextProps(): T[\"element\"];\n  getLeftProps(): T[\"element\"];\n  getCenterProps(): T[\"element\"];\n  getTitleProps(): T[\"element\"];\n  getSubtitleProps(): T[\"element\"];\n  getRightProps(): T[\"element\"];\n}\nexport function connectNavBar<T extends PropTypes>(service: QwNavBarService, normalize: NormalizeProps<T>): QwNavBarApi<T> {\n  const state = live(service), id = `nav-bar:${service.scope.id}`, part = (name: string) => ({ \"data-scope\": \"nav-bar\", \"data-part\": name });\n  const backTag = state.backHref ? \"a\" : \"button\";\n  return {\n    title: state.title, subtitle: state.subtitle, back: state.back, backText: state.backText, backTag,\n    // The root carries no Core handlers, so caller root events are never overwritten.\n    getRootProps: () => normalize.element({ ...part(\"root\"), id, \"data-safe-area\": state.safeAreaTop ? \"top\" : undefined }),\n    getBackProps: () => normalize.element({ ...part(\"back\"), ...(backTag === \"a\" ? { href: state.backHref } : { type: \"button\" }),\n      \"aria-label\": state.backText ? undefined : state.backLabel, hidden: !state.back || undefined,\n      onClick(event: NavBarBackEvent) { service.prop(\"onBack\")?.({ event, href: state.backHref }); } }),\n    getBackIconProps: () => normalize.element({ ...part(\"back-icon\"), \"aria-hidden\": true }),\n    getBackTextProps: () => normalize.element({ ...part(\"back-text\"), hidden: !state.backText || undefined }),\n    getLeftProps: () => normalize.element({ ...part(\"left\") }),\n    getCenterProps: () => normalize.element({ ...part(\"center\") }),\n    getTitleProps: () => normalize.element({ ...part(\"title\"), id: `${id}:title`, ...(state.headingLevel ? { role: \"heading\", \"aria-level\": state.headingLevel } : {}) }),\n    getSubtitleProps: () => normalize.element({ ...part(\"subtitle\"), hidden: !state.subtitle || undefined }),\n    getRightProps: () => normalize.element({ ...part(\"right\") }),\n  };\n}\n"],"mappings":"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"}

package/dist/nav-bar/nav-bar.d.ts

@@ -0,0 +1,76 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+/** Stable DOM parts shared by every adapter. */
+export declare const NAV_BAR_PARTS: readonly ["root", "back", "back-icon", "back-text", "left", "center", "title", "subtitle", "right"];
+/** 0 renders the title without heading semantics. */
+export declare const NAV_BAR_HEADING_LEVELS: readonly [0, 1, 2, 3, 4, 5, 6];
+export type NavBarHeadingLevel = (typeof NAV_BAR_HEADING_LEVELS)[number];
+/** Common cancellation contract; framework and native click events both satisfy it. */
+export interface NavBarBackEvent {
+    readonly defaultPrevented: boolean;
+    preventDefault(): void;
+}
+export interface NavBarBackDetails {
+    event: NavBarBackEvent;
+    href: string | undefined;
+}
+export interface QwNavBarProps {
+    /** Page-unique instance identity; adapters generate one when omitted. */
+    id?: string;
+    /** Page title; one visual line with ellipsis, the full text stays in the DOM. */
+    title?: string;
+    /** Optional second line under the title. */
+    subtitle?: string;
+    /** Render the back control; default true. */
+    back?: boolean;
+    /** Visible text after the back arrow (for example 返回); omitted shows the arrow only. */
+    backText?: string;
+    /** Accessible name when backText is omitted; default 返回. */
+    backLabel?: string;
+    /** Render the back control as a link to this URL instead of a button. */
+    backHref?: string;
+    /** aria-level of the title; default 1, 0 disables heading semantics. */
+    headingLevel?: NavBarHeadingLevel;
+    /** Pad the top edge by the safe-area inset; default true. */
+    safeAreaTop?: boolean;
+    /** Called first on back activation; call event.preventDefault() to cancel a backHref navigation. */
+    onBack?: (details: NavBarBackDetails) => void;
+}
+export interface ResolvedNavBarState {
+    title: string;
+    subtitle: string;
+    back: boolean;
+    backText: string;
+    backLabel: string;
+    backHref: string | undefined;
+    headingLevel: NavBarHeadingLevel;
+    safeAreaTop: boolean;
+}
+export declare function resolveNavBarState(props?: QwNavBarProps): ResolvedNavBarState;
+export declare function createNavBarProps(props?: QwNavBarProps): QwNavBarProps;
+/** Stateless: NavBar has no interaction state; the machine only carries props and identity. */
+export interface QwNavBarSchema {
+    props: QwNavBarProps;
+    state: "ready";
+}
+export type QwNavBarMachine = Machine<QwNavBarSchema>;
+export type QwNavBarService = Service<QwNavBarSchema>;
+export declare const navBarMachine: QwNavBarMachine;
+export interface QwNavBarApi<T extends PropTypes = PropTypes> {
+    title: string;
+    subtitle: string;
+    back: boolean;
+    backText: string;
+    /** Element the adapter renders for the back control. */
+    backTag: "a" | "button";
+    getRootProps(): T["element"];
+    getBackProps(): T["element"];
+    getBackIconProps(): T["element"];
+    getBackTextProps(): T["element"];
+    getLeftProps(): T["element"];
+    getCenterProps(): T["element"];
+    getTitleProps(): T["element"];
+    getSubtitleProps(): T["element"];
+    getRightProps(): T["element"];
+}
+export declare function connectNavBar<T extends PropTypes>(service: QwNavBarService, normalize: NormalizeProps<T>): QwNavBarApi<T>;

package/dist/notice-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { NOTICE_BAR_TONES, NOTICE_BAR_PARTS, NOTICE_BAR_DEFAULT_SPEED, NOTICE_BAR_DEFAULT_DELAY, resolveNoticeBarSpeed, resolveNoticeBarDelay, resolveNoticeBarMarquee, createNoticeBarProps, noticeBarMachine, connectNoticeBar } from "./notice-bar.js";
+export type { NoticeBarTone, NoticeBarPart, NoticeBarMarqueePhase, QwNoticeBarProps, QwNoticeBarSchema, QwNoticeBarMachine, QwNoticeBarService, QwNoticeBarApi } from "./notice-bar.js";

package/dist/notice-bar/index.js

@@ -0,0 +1,2 @@
+import { a as connectNoticeBar, c as resolveNoticeBarDelay, i as NOTICE_BAR_TONES, l as resolveNoticeBarMarquee, n as NOTICE_BAR_DEFAULT_SPEED, o as createNoticeBarProps, r as NOTICE_BAR_PARTS, s as noticeBarMachine, t as NOTICE_BAR_DEFAULT_DELAY, u as resolveNoticeBarSpeed } from "../notice-bar-DMpwLvRb.js";
+export { NOTICE_BAR_DEFAULT_DELAY, NOTICE_BAR_DEFAULT_SPEED, NOTICE_BAR_PARTS, NOTICE_BAR_TONES, connectNoticeBar, createNoticeBarProps, noticeBarMachine, resolveNoticeBarDelay, resolveNoticeBarMarquee, resolveNoticeBarSpeed };

package/dist/notice-bar/notice-bar.d.ts

@@ -0,0 +1,103 @@
+import { type Machine, type Service } from "@zag-js/core";
+import type { NormalizeProps, PropTypes } from "@zag-js/types";
+import { type IconNameInput, type IconState } from "../icon/index.js";
+/** Existing T3 status roles. */
+export declare const NOTICE_BAR_TONES: readonly ["info", "warning", "danger", "success"];
+/** Stable DOM parts shared by every adapter. */
+export declare const NOTICE_BAR_PARTS: readonly ["root", "icon", "content", "text", "extra", "close"];
+export declare const NOTICE_BAR_DEFAULT_SPEED = 50;
+export declare const NOTICE_BAR_DEFAULT_DELAY = 2000;
+export type NoticeBarTone = (typeof NOTICE_BAR_TONES)[number];
+export type NoticeBarPart = (typeof NOTICE_BAR_PARTS)[number];
+/** idle: static/waiting; first: 0 → −text; loop: container → −text, infinite. */
+export type NoticeBarMarqueePhase = "idle" | "first" | "loop";
+export interface QwNoticeBarProps {
+    id?: string;
+    /** Required full announcement text; always present once in the DOM. */
+    content: string;
+    tone?: NoticeBarTone;
+    /** System icon name; defaults "info". */
+    icon?: IconNameInput;
+    /** Defaults true. */
+    showIcon?: boolean;
+    /** Show every line instead of a single truncated line. Disables marquee. */
+    wrap?: boolean;
+    /** Scroll horizontally only while the text overflows; never under reduced motion. */
+    marquee?: boolean;
+    /** Pixels per second; non-finite/≤0 uses 50. */
+    speed?: number;
+    /** Milliseconds before the first pass; negative/non-finite uses 2000. */
+    delay?: number;
+    closeable?: boolean;
+    /** Close button accessible name; defaults 「关闭」 (not translated by the component). */
+    closeLabel?: string;
+    /** Controlled visibility; closing only calls onClose. */
+    open?: boolean;
+    /** Initial uncontrolled visibility; defaults true. */
+    defaultOpen?: boolean;
+    onClose?: () => void;
+}
+interface Geometry {
+    container: number;
+    text: number;
+}
+export interface QwNoticeBarSchema {
+    props: Omit<QwNoticeBarProps, "icon"> & {
+        tone: NoticeBarTone;
+        icon: string;
+        showIcon: boolean;
+        speed: number;
+        delay: number;
+        closeLabel: string;
+        defaultOpen: boolean;
+    };
+    context: {
+        open: boolean;
+        overflow: boolean;
+        reduced: boolean;
+        phase: NoticeBarMarqueePhase;
+        geometry: Geometry;
+    };
+    state: "ready";
+    action: "close" | "restart" | "resetPhase";
+    effect: "trackLayout";
+    event: {
+        type: "CLOSE";
+    } | {
+        type: "LAYOUT.RESET";
+    };
+}
+export type QwNoticeBarMachine = Machine<QwNoticeBarSchema>;
+export type QwNoticeBarService = Service<QwNoticeBarSchema>;
+export declare function resolveNoticeBarSpeed(speed: unknown): number;
+export declare function resolveNoticeBarDelay(delay: unknown): number;
+/** Pure marquee geometry: CSS variables for the current phase, or null when static. */
+export declare function resolveNoticeBarMarquee(phase: NoticeBarMarqueePhase, geometry: Geometry, speed: number): {
+    from: number;
+    to: number;
+    duration: number;
+} | null;
+export declare function createNoticeBarProps(props: QwNoticeBarProps): QwNoticeBarSchema["props"];
+/** Core owns close requests, overflow measurement, reduced-motion reads, delay timer and phase changes. */
+export declare const noticeBarMachine: QwNoticeBarMachine;
+export interface QwNoticeBarApi<T extends PropTypes = PropTypes> {
+    open: boolean;
+    content: string;
+    tone: NoticeBarTone;
+    /** Text currently overflows its single-line container (static truncation or marquee). */
+    overflow: boolean;
+    /** Marquee animation is running (requested, overflowing, not wrapped, motion allowed, delay elapsed). */
+    scrolling: boolean;
+    close(): void;
+    getRootProps(): T["element"];
+    getIconProps(): T["element"];
+    getIconState(): IconState;
+    getContentProps(): T["element"];
+    getTextProps(): T["element"];
+    getExtraProps(): T["element"];
+    getCloseProps(): T["button"];
+    getCloseIconState(): IconState;
+}
+/** SSR-pure getters. Without measurement SSR renders the static, complete text. */
+export declare function connectNoticeBar<T extends PropTypes>(service: QwNoticeBarService, normalize: NormalizeProps<T>): QwNoticeBarApi<T>;
+export {};