@pyreon/react-compat 0.13.0 → 0.14.0

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["h"],"sources":["../src/jsx-runtime.ts","../src/index.ts"],"sourcesContent":["/**\n * Compat JSX runtime for React compatibility mode.\n *\n * When `jsxImportSource` is set to `@pyreon/react-compat` (via the vite plugin's\n * `compat: \"react\"` option), OXC rewrites JSX to import from this file:\n *   <div className=\"x\" />  →  jsx(\"div\", { className: \"x\" })\n *\n * For component VNodes, we wrap the component function so it returns a reactive\n * accessor — enabling React-style re-renders on state change while Pyreon's\n * existing renderer handles all DOM work.\n */\n\nimport type { ComponentFn, Props, VNode, VNodeChild } from '@pyreon/core'\nimport { Fragment, h } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\n\nexport { Fragment }\n\n// ─── Render context (used by hooks) ──────────────────────────────────────────\n\nexport interface RenderContext {\n  hooks: unknown[]\n  scheduleRerender: () => void\n  /** Effect entries pending execution after render */\n  pendingEffects: EffectEntry[]\n  /** Layout effect entries pending execution after render */\n  pendingLayoutEffects: EffectEntry[]\n  /** Set to true when the component is unmounted */\n  unmounted: boolean\n}\n\nexport interface EffectEntry {\n  fn: () => (() => void) | void\n  deps: unknown[] | undefined\n  cleanup: (() => void) | undefined\n}\n\nlet _currentCtx: RenderContext | null = null\nlet _hookIndex = 0\n\nexport function getCurrentCtx(): RenderContext | null {\n  return _currentCtx\n}\n\nexport function getHookIndex(): number {\n  return _hookIndex++\n}\n\nexport function beginRender(ctx: RenderContext): void {\n  _currentCtx = ctx\n  _hookIndex = 0\n  ctx.pendingEffects = []\n  ctx.pendingLayoutEffects = []\n}\n\nexport function endRender(): void {\n  _currentCtx = null\n  _hookIndex = 0\n}\n\n// ─── Effect runners ──────────────────────────────────────────────────────────\n\nfunction runLayoutEffects(entries: EffectEntry[]): void {\n  for (const entry of entries) {\n    if (entry.cleanup) entry.cleanup()\n    const cleanup = entry.fn()\n    entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n  }\n}\n\nfunction scheduleEffects(ctx: RenderContext, entries: EffectEntry[]): void {\n  if (entries.length === 0) return\n  queueMicrotask(() => {\n    for (const entry of entries) {\n      if (ctx.unmounted) return\n      if (entry.cleanup) entry.cleanup()\n      const cleanup = entry.fn()\n      entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n    }\n  })\n}\n\n// ─── Component wrapping ──────────────────────────────────────────────────────\n\nconst _wrapperCache = new WeakMap<Function, ComponentFn>()\n\nfunction wrapCompatComponent(reactComponent: Function): ComponentFn {\n  let wrapped = _wrapperCache.get(reactComponent)\n  if (wrapped) return wrapped\n\n  // The wrapper returns a reactive accessor (() => VNodeChild) which Pyreon's\n  // mountChild treats as a reactive expression via mountReactive.\n  wrapped = ((props: Props) => {\n    const ctx: RenderContext = {\n      hooks: [],\n      scheduleRerender: () => {\n        // Will be replaced below after version signal is created\n      },\n      pendingEffects: [],\n      pendingLayoutEffects: [],\n      unmounted: false,\n    }\n\n    const version = signal(0)\n    let updateScheduled = false\n\n    ctx.scheduleRerender = () => {\n      if (ctx.unmounted || updateScheduled) return\n      updateScheduled = true\n      queueMicrotask(() => {\n        updateScheduled = false\n        if (!ctx.unmounted) version.set(version.peek() + 1)\n      })\n    }\n\n    // Return reactive accessor — Pyreon's mountChild calls mountReactive\n    return () => {\n      version() // tracked read — triggers re-execution when state changes\n      beginRender(ctx)\n      const result = (reactComponent as ComponentFn)(props)\n      const layoutEffects = ctx.pendingLayoutEffects\n      const effects = ctx.pendingEffects\n      endRender()\n\n      runLayoutEffects(layoutEffects)\n      scheduleEffects(ctx, effects)\n\n      return result\n    }\n  }) as unknown as ComponentFn\n\n  _wrapperCache.set(reactComponent, wrapped)\n  return wrapped\n}\n\n// ─── JSX functions ───────────────────────────────────────────────────────────\n\nexport function jsx(\n  type: string | ComponentFn | symbol,\n  props: Props & { children?: VNodeChild | VNodeChild[] },\n  key?: string | number | null,\n): VNode {\n  const { children, ...rest } = props\n  const propsWithKey = (key != null ? { ...rest, key } : rest) as Props\n\n  if (typeof type === 'function') {\n    // Wrap React-style component for re-render support\n    const wrapped = wrapCompatComponent(type)\n    const componentProps = children !== undefined ? { ...propsWithKey, children } : propsWithKey\n    return h(wrapped, componentProps)\n  }\n\n  // DOM element or symbol (Fragment): children go in vnode.children\n  const childArray = children === undefined ? [] : Array.isArray(children) ? children : [children]\n\n  // Map React-style attributes to standard HTML attributes\n  if (typeof type === 'string') {\n    if (propsWithKey.className !== undefined) {\n      propsWithKey.class = propsWithKey.className\n      delete propsWithKey.className\n    }\n    if (propsWithKey.htmlFor !== undefined) {\n      propsWithKey.for = propsWithKey.htmlFor\n      delete propsWithKey.htmlFor\n    }\n  }\n\n  return h(type, propsWithKey, ...(childArray as VNodeChild[]))\n}\n\nexport const jsxs = jsx\nexport const jsxDEV = jsx\n","/**\n * @pyreon/react-compat\n *\n * Fully React-compatible hook API powered by Pyreon's reactive engine.\n *\n * Components re-render on state change — just like React. Hooks return plain\n * values and use deps arrays for memoization. Existing React code works\n * unchanged when paired with `pyreon({ compat: \"react\" })` in your vite config.\n *\n * USAGE:\n *   import { useState, useEffect } from \"react\"          // aliased by vite plugin\n *   import { createRoot } from \"react-dom/client\"         // aliased by vite plugin\n */\n\nexport type { Props, VNode as ReactNode, VNodeChild } from '@pyreon/core'\nexport { Fragment, h as createElement, h } from '@pyreon/core'\n\nimport type { VNode, VNodeChild } from '@pyreon/core'\nimport { createContext, ErrorBoundary, h, Portal, Suspense, useContext } from '@pyreon/core'\nimport { batch } from '@pyreon/reactivity'\nimport type { EffectEntry } from './jsx-runtime'\nimport { getCurrentCtx, getHookIndex } from './jsx-runtime'\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction requireCtx() {\n  const ctx = getCurrentCtx()\n  if (!ctx) throw new Error('Hook called outside of a component render')\n  return ctx\n}\n\nfunction depsChanged(a: unknown[] | undefined, b: unknown[] | undefined): boolean {\n  if (a === undefined || b === undefined) return true\n  if (a.length !== b.length) return true\n  for (let i = 0; i < a.length; i++) {\n    if (!Object.is(a[i], b[i])) return true\n  }\n  return false\n}\n\n// ─── State ───────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useState` — returns `[value, setter]`.\n * Triggers a component re-render when the setter is called.\n */\nexport function useState<T>(initial: T | (() => T)): [T, (v: T | ((prev: T) => T)) => void] {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    ctx.hooks.push(typeof initial === 'function' ? (initial as () => T)() : initial)\n  }\n\n  const value = ctx.hooks[idx] as T\n  const setter = (v: T | ((prev: T) => T)) => {\n    const current = ctx.hooks[idx] as T\n    const next = typeof v === 'function' ? (v as (prev: T) => T)(current) : v\n    if (Object.is(current, next)) return\n    ctx.hooks[idx] = next\n    ctx.scheduleRerender()\n  }\n\n  return [value, setter]\n}\n\n// ─── Reducer ─────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useReducer` — returns `[state, dispatch]`.\n */\nexport function useReducer<S, A>(\n  reducer: (state: S, action: A) => S,\n  initial: S | (() => S),\n): [S, (action: A) => void] {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    ctx.hooks.push(typeof initial === 'function' ? (initial as () => S)() : initial)\n  }\n\n  const state = ctx.hooks[idx] as S\n  const dispatch = (action: A) => {\n    const current = ctx.hooks[idx] as S\n    const next = reducer(current, action)\n    if (Object.is(current, next)) return\n    ctx.hooks[idx] = next\n    ctx.scheduleRerender()\n  }\n\n  return [state, dispatch]\n}\n\n// ─── Effects ─────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useEffect` — runs after render when deps change.\n * Returns cleanup on unmount and before re-running.\n */\nexport function useEffect(fn: () => (() => void) | void, deps?: unknown[]): void {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    // First render — always run\n    const entry: EffectEntry = { fn, deps, cleanup: undefined }\n    ctx.hooks.push(entry)\n    ctx.pendingEffects.push(entry)\n  } else {\n    const entry = ctx.hooks[idx] as EffectEntry\n    if (depsChanged(entry.deps, deps)) {\n      entry.fn = fn\n      entry.deps = deps\n      ctx.pendingEffects.push(entry)\n    }\n  }\n}\n\n/**\n * React-compatible `useLayoutEffect` — runs synchronously after DOM mutations.\n */\nexport function useLayoutEffect(fn: () => (() => void) | void, deps?: unknown[]): void {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const entry: EffectEntry = { fn, deps, cleanup: undefined }\n    ctx.hooks.push(entry)\n    ctx.pendingLayoutEffects.push(entry)\n  } else {\n    const entry = ctx.hooks[idx] as EffectEntry\n    if (depsChanged(entry.deps, deps)) {\n      entry.fn = fn\n      entry.deps = deps\n      ctx.pendingLayoutEffects.push(entry)\n    }\n  }\n}\n\n// ─── Memoization ─────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useMemo` — returns the cached value, recomputed when deps change.\n */\nexport function useMemo<T>(fn: () => T, deps: unknown[]): T {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const value = fn()\n    ctx.hooks.push({ value, deps })\n    return value\n  }\n\n  const entry = ctx.hooks[idx] as { value: T; deps: unknown[] }\n  if (depsChanged(entry.deps, deps)) {\n    entry.value = fn()\n    entry.deps = deps\n  }\n  return entry.value\n}\n\n/**\n * React-compatible `useCallback` — returns the cached function when deps haven't changed.\n */\nexport function useCallback<T extends (...args: never[]) => unknown>(fn: T, deps: unknown[]): T {\n  return useMemo(() => fn, deps)\n}\n\n// ─── Refs ────────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useRef` — returns `{ current }` persisted across re-renders.\n */\nexport function useRef<T>(initial?: T): { current: T | null } {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const ref = { current: initial !== undefined ? (initial as T) : null }\n    ctx.hooks.push(ref)\n  }\n\n  return ctx.hooks[idx] as { current: T | null }\n}\n\n// ─── Context ─────────────────────────────────────────────────────────────────\n\nexport { createContext, useContext }\n\n// ─── ID ──────────────────────────────────────────────────────────────────────\n\nlet _idCounter = 0\n\n/**\n * React-compatible `useId` — returns a stable unique string per hook call.\n */\nexport function useId(): string {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    ctx.hooks.push(`:r${(_idCounter++).toString(36)}:`)\n  }\n\n  return ctx.hooks[idx] as string\n}\n\n// ─── Optimization ────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `memo` — wraps a component to skip re-render when props\n * are shallowly equal.\n */\nexport function memo<P extends Record<string, unknown>>(\n  component: (props: P) => VNodeChild,\n  areEqual?: (prevProps: P, nextProps: P) => boolean,\n): (props: P) => VNodeChild {\n  const compare =\n    areEqual ??\n    ((a: P, b: P) => {\n      const keysA = Object.keys(a)\n      const keysB = Object.keys(b)\n      if (keysA.length !== keysB.length) return false\n      for (const k of keysA) {\n        if (!Object.is(a[k], b[k])) return false\n      }\n      return true\n    })\n\n  let prevProps: P | null = null\n  let prevResult: VNodeChild = null\n\n  return (props: P) => {\n    if (prevProps !== null && compare(prevProps, props)) {\n      return prevResult\n    }\n    prevProps = props\n    prevResult = (component as (p: P) => VNodeChild)(props)\n    return prevResult\n  }\n}\n\n/**\n * React-compatible `useTransition` — no concurrent mode in Pyreon.\n */\nexport function useTransition(): [boolean, (fn: () => void) => void] {\n  return [false, (fn) => fn()]\n}\n\n/**\n * React-compatible `useDeferredValue` — returns the value as-is.\n */\nexport function useDeferredValue<T>(value: T): T {\n  return value\n}\n\n// ─── Imperative handle ───────────────────────────────────────────────────────\n\n/**\n * React-compatible `useImperativeHandle`.\n */\nexport function useImperativeHandle<T>(\n  ref: { current: T | null } | null | undefined,\n  init: () => T,\n  deps?: unknown[],\n): void {\n  useLayoutEffect(() => {\n    if (ref) ref.current = init()\n    return () => {\n      if (ref) ref.current = null\n    }\n  }, deps)\n}\n\n// ─── Batching ────────────────────────────────────────────────────────────────\n\nexport { batch }\n\n// ─── Portals ─────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `createPortal(children, target)`.\n */\nexport function createPortal(children: VNodeChild, target: Element): VNodeChild {\n  return Portal({ target, children })\n}\n\n// ─── Suspense / lazy / ErrorBoundary ─────────────────────────────────────────\n\nexport { lazy } from '@pyreon/core'\nexport { ErrorBoundary, Suspense }\n\n// ─── forwardRef ─────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `forwardRef` — pass-through in Pyreon.\n * Refs are regular props in Pyreon, so no wrapper is needed.\n * The render function receives (props, ref) — we merge ref into props.\n */\nexport function forwardRef<P extends Record<string, unknown>>(\n  render: (props: P, ref: { current: unknown } | null) => VNodeChild,\n): (props: P & { ref?: { current: unknown } | null }) => VNodeChild {\n  return (props: P & { ref?: { current: unknown } | null }) => {\n    const { ref, ...rest } = props\n    return render(rest as P, ref ?? null)\n  }\n}\n\n// ─── cloneElement ───────────────────────────────────────────────────────────\n\n/**\n * React-compatible `cloneElement` — creates a new VNode with merged props.\n */\nexport function cloneElement(\n  element: VNode,\n  props?: Record<string, unknown>,\n  ...children: VNodeChild[]\n): VNode {\n  const mergedProps = { ...element.props, ...props }\n  const mergedChildren = children.length > 0 ? children : element.children\n  return h(element.type, mergedProps, ...mergedChildren)\n}\n\n// ─── Children utilities ─────────────────────────────────────────────────────\n\nfunction flattenChildren(children: VNodeChild | VNodeChild[]): VNodeChild[] {\n  if (children == null) return []\n  if (!Array.isArray(children)) return [children]\n  const result: VNodeChild[] = []\n  for (const child of children) {\n    if (Array.isArray(child)) {\n      result.push(...flattenChildren(child))\n    } else {\n      result.push(child)\n    }\n  }\n  return result\n}\n\n/**\n * React-compatible `Children` utilities for working with VNode children.\n */\nexport const Children = {\n  /**\n   * Iterate over children, calling `fn` for each non-null child.\n   */\n  map<T>(children: VNodeChild | VNodeChild[], fn: (child: VNodeChild, index: number) => T): T[] {\n    const flat = flattenChildren(children)\n    const result: T[] = []\n    for (let i = 0; i < flat.length; i++) {\n      const child = flat[i]\n      if (child == null || child === true || child === false) continue\n      result.push(fn(child, i))\n    }\n    return result\n  },\n\n  /**\n   * Call `fn` for each non-null child (no return value).\n   */\n  forEach(children: VNodeChild | VNodeChild[], fn: (child: VNodeChild, index: number) => void): void {\n    const flat = flattenChildren(children)\n    for (let i = 0; i < flat.length; i++) {\n      const child = flat[i]\n      if (child == null || child === true || child === false) continue\n      fn(child, i)\n    }\n  },\n\n  /**\n   * Count non-null children.\n   */\n  count(children: VNodeChild | VNodeChild[]): number {\n    const flat = flattenChildren(children)\n    let count = 0\n    for (const child of flat) {\n      if (child != null && child !== true && child !== false) count++\n    }\n    return count\n  },\n\n  /**\n   * Convert children to a flat array.\n   */\n  toArray(children: VNodeChild | VNodeChild[]): VNodeChild[] {\n    const flat = flattenChildren(children)\n    return flat.filter((child) => child != null && child !== true && child !== false)\n  },\n\n  /**\n   * Assert and return the only child. Throws if not exactly one child.\n   */\n  only(children: VNodeChild | VNodeChild[]): VNodeChild {\n    const arr = Children.toArray(children)\n    if (arr.length !== 1) {\n      throw new Error('[Pyreon] Children.only expected exactly one child')\n    }\n    return arr[0] as VNodeChild\n  },\n}\n"],"mappings":";;;;AAqCA,IAAI,cAAoC;AACxC,IAAI,aAAa;AAEjB,SAAgB,gBAAsC;AACpD,QAAO;;AAGT,SAAgB,eAAuB;AACrC,QAAO;;;;;ACpBT,SAAS,aAAa;CACpB,MAAM,MAAM,eAAe;AAC3B,KAAI,CAAC,IAAK,OAAM,IAAI,MAAM,4CAA4C;AACtE,QAAO;;AAGT,SAAS,YAAY,GAA0B,GAAmC;AAChF,KAAI,MAAM,UAAa,MAAM,OAAW,QAAO;AAC/C,KAAI,EAAE,WAAW,EAAE,OAAQ,QAAO;AAClC,MAAK,IAAI,IAAI,GAAG,IAAI,EAAE,QAAQ,IAC5B,KAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE,QAAO;AAErC,QAAO;;;;;;AAST,SAAgB,SAAY,SAAgE;CAC1F,MAAM,MAAM,YAAY;CACxB,MAAM,MAAM,cAAc;AAE1B,KAAI,IAAI,MAAM,UAAU,IACtB,KAAI,MAAM,KAAK,OAAO,YAAY,aAAc,SAAqB,GAAG,QAAQ;CAGlF,MAAM,QAAQ,IAAI,MAAM;CACxB,MAAM,UAAU,MAA4B;EAC1C,MAAM,UAAU,IAAI,MAAM;EAC1B,MAAM,OAAO,OAAO,MAAM,aAAc,EAAqB,QAAQ,GAAG;AACxE,MAAI,OAAO,GAAG,SAAS,KAAK,CAAE;AAC9B,MAAI,MAAM,OAAO;AACjB,MAAI,kBAAkB;;AAGxB,QAAO,CAAC,OAAO,OAAO;;;;;AAQxB,SAAgB,WACd,SACA,SAC0B;CAC1B,MAAM,MAAM,YAAY;CACxB,MAAM,MAAM,cAAc;AAE1B,KAAI,IAAI,MAAM,UAAU,IACtB,KAAI,MAAM,KAAK,OAAO,YAAY,aAAc,SAAqB,GAAG,QAAQ;CAGlF,MAAM,QAAQ,IAAI,MAAM;CACxB,MAAM,YAAY,WAAc;EAC9B,MAAM,UAAU,IAAI,MAAM;EAC1B,MAAM,OAAO,QAAQ,SAAS,OAAO;AACrC,MAAI,OAAO,GAAG,SAAS,KAAK,CAAE;AAC9B,MAAI,MAAM,OAAO;AACjB,MAAI,kBAAkB;;AAGxB,QAAO,CAAC,OAAO,SAAS;;;;;;AAS1B,SAAgB,UAAU,IAA+B,MAAwB;CAC/E,MAAM,MAAM,YAAY;CACxB,MAAM,MAAM,cAAc;AAE1B,KAAI,IAAI,MAAM,UAAU,KAAK;EAE3B,MAAM,QAAqB;GAAE;GAAI;GAAM,SAAS;GAAW;AAC3D,MAAI,MAAM,KAAK,MAAM;AACrB,MAAI,eAAe,KAAK,MAAM;QACzB;EACL,MAAM,QAAQ,IAAI,MAAM;AACxB,MAAI,YAAY,MAAM,MAAM,KAAK,EAAE;AACjC,SAAM,KAAK;AACX,SAAM,OAAO;AACb,OAAI,eAAe,KAAK,MAAM;;;;;;;AAQpC,SAAgB,gBAAgB,IAA+B,MAAwB;CACrF,MAAM,MAAM,YAAY;CACxB,MAAM,MAAM,cAAc;AAE1B,KAAI,IAAI,MAAM,UAAU,KAAK;EAC3B,MAAM,QAAqB;GAAE;GAAI;GAAM,SAAS;GAAW;AAC3D,MAAI,MAAM,KAAK,MAAM;AACrB,MAAI,qBAAqB,KAAK,MAAM;QAC/B;EACL,MAAM,QAAQ,IAAI,MAAM;AACxB,MAAI,YAAY,MAAM,MAAM,KAAK,EAAE;AACjC,SAAM,KAAK;AACX,SAAM,OAAO;AACb,OAAI,qBAAqB,KAAK,MAAM;;;;;;;AAU1C,SAAgB,QAAW,IAAa,MAAoB;CAC1D,MAAM,MAAM,YAAY;CACxB,MAAM,MAAM,cAAc;AAE1B,KAAI,IAAI,MAAM,UAAU,KAAK;EAC3B,MAAM,QAAQ,IAAI;AAClB,MAAI,MAAM,KAAK;GAAE;GAAO;GAAM,CAAC;AAC/B,SAAO;;CAGT,MAAM,QAAQ,IAAI,MAAM;AACxB,KAAI,YAAY,MAAM,MAAM,KAAK,EAAE;AACjC,QAAM,QAAQ,IAAI;AAClB,QAAM,OAAO;;AAEf,QAAO,MAAM;;;;;AAMf,SAAgB,YAAqD,IAAO,MAAoB;AAC9F,QAAO,cAAc,IAAI,KAAK;;;;;AAQhC,SAAgB,OAAU,SAAoC;CAC5D,MAAM,MAAM,YAAY;CACxB,MAAM,MAAM,cAAc;AAE1B,KAAI,IAAI,MAAM,UAAU,KAAK;EAC3B,MAAM,MAAM,EAAE,SAAS,YAAY,SAAa,UAAgB,MAAM;AACtE,MAAI,MAAM,KAAK,IAAI;;AAGrB,QAAO,IAAI,MAAM;;AASnB,IAAI,aAAa;;;;AAKjB,SAAgB,QAAgB;CAC9B,MAAM,MAAM,YAAY;CACxB,MAAM,MAAM,cAAc;AAE1B,KAAI,IAAI,MAAM,UAAU,IACtB,KAAI,MAAM,KAAK,MAAM,cAAc,SAAS,GAAG,CAAC,GAAG;AAGrD,QAAO,IAAI,MAAM;;;;;;AASnB,SAAgB,KACd,WACA,UAC0B;CAC1B,MAAM,UACJ,cACE,GAAM,MAAS;EACf,MAAM,QAAQ,OAAO,KAAK,EAAE;EAC5B,MAAM,QAAQ,OAAO,KAAK,EAAE;AAC5B,MAAI,MAAM,WAAW,MAAM,OAAQ,QAAO;AAC1C,OAAK,MAAM,KAAK,MACd,KAAI,CAAC,OAAO,GAAG,EAAE,IAAI,EAAE,GAAG,CAAE,QAAO;AAErC,SAAO;;CAGX,IAAI,YAAsB;CAC1B,IAAI,aAAyB;AAE7B,SAAQ,UAAa;AACnB,MAAI,cAAc,QAAQ,QAAQ,WAAW,MAAM,CACjD,QAAO;AAET,cAAY;AACZ,eAAc,UAAmC,MAAM;AACvD,SAAO;;;;;;AAOX,SAAgB,gBAAqD;AACnE,QAAO,CAAC,QAAQ,OAAO,IAAI,CAAC;;;;;AAM9B,SAAgB,iBAAoB,OAAa;AAC/C,QAAO;;;;;AAQT,SAAgB,oBACd,KACA,MACA,MACM;AACN,uBAAsB;AACpB,MAAI,IAAK,KAAI,UAAU,MAAM;AAC7B,eAAa;AACX,OAAI,IAAK,KAAI,UAAU;;IAExB,KAAK;;;;;AAYV,SAAgB,aAAa,UAAsB,QAA6B;AAC9E,QAAO,OAAO;EAAE;EAAQ;EAAU,CAAC;;;;;;;AAerC,SAAgB,WACd,QACkE;AAClE,SAAQ,UAAqD;EAC3D,MAAM,EAAE,KAAK,GAAG,SAAS;AACzB,SAAO,OAAO,MAAW,OAAO,KAAK;;;;;;AASzC,SAAgB,aACd,SACA,OACA,GAAG,UACI;CACP,MAAM,cAAc;EAAE,GAAG,QAAQ;EAAO,GAAG;EAAO;CAClD,MAAM,iBAAiB,SAAS,SAAS,IAAI,WAAW,QAAQ;AAChE,QAAOA,IAAE,QAAQ,MAAM,aAAa,GAAG,eAAe;;AAKxD,SAAS,gBAAgB,UAAmD;AAC1E,KAAI,YAAY,KAAM,QAAO,EAAE;AAC/B,KAAI,CAAC,MAAM,QAAQ,SAAS,CAAE,QAAO,CAAC,SAAS;CAC/C,MAAM,SAAuB,EAAE;AAC/B,MAAK,MAAM,SAAS,SAClB,KAAI,MAAM,QAAQ,MAAM,CACtB,QAAO,KAAK,GAAG,gBAAgB,MAAM,CAAC;KAEtC,QAAO,KAAK,MAAM;AAGtB,QAAO;;;;;AAMT,MAAa,WAAW;CAItB,IAAO,UAAqC,IAAkD;EAC5F,MAAM,OAAO,gBAAgB,SAAS;EACtC,MAAM,SAAc,EAAE;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;GACpC,MAAM,QAAQ,KAAK;AACnB,OAAI,SAAS,QAAQ,UAAU,QAAQ,UAAU,MAAO;AACxD,UAAO,KAAK,GAAG,OAAO,EAAE,CAAC;;AAE3B,SAAO;;CAMT,QAAQ,UAAqC,IAAsD;EACjG,MAAM,OAAO,gBAAgB,SAAS;AACtC,OAAK,IAAI,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;GACpC,MAAM,QAAQ,KAAK;AACnB,OAAI,SAAS,QAAQ,UAAU,QAAQ,UAAU,MAAO;AACxD,MAAG,OAAO,EAAE;;;CAOhB,MAAM,UAA6C;EACjD,MAAM,OAAO,gBAAgB,SAAS;EACtC,IAAI,QAAQ;AACZ,OAAK,MAAM,SAAS,KAClB,KAAI,SAAS,QAAQ,UAAU,QAAQ,UAAU,MAAO;AAE1D,SAAO;;CAMT,QAAQ,UAAmD;AAEzD,SADa,gBAAgB,SAAS,CAC1B,QAAQ,UAAU,SAAS,QAAQ,UAAU,QAAQ,UAAU,MAAM;;CAMnF,KAAK,UAAiD;EACpD,MAAM,MAAM,SAAS,QAAQ,SAAS;AACtC,MAAI,IAAI,WAAW,EACjB,OAAM,IAAI,MAAM,oDAAoD;AAEtE,SAAO,IAAI;;CAEd"}
+{"version":3,"file":"index.js","names":["pyreonCreateContext","pyreonUseContext","h"],"sources":["../src/jsx-runtime.ts","../src/index.ts"],"sourcesContent":["/**\n * Compat JSX runtime for React compatibility mode.\n *\n * When `jsxImportSource` is set to `@pyreon/react-compat` (via the vite plugin's\n * `compat: \"react\"` option), OXC rewrites JSX to import from this file:\n *   <div className=\"x\" />  →  jsx(\"div\", { className: \"x\" })\n *\n * For component VNodes, we wrap the component function so it returns a reactive\n * accessor — enabling React-style re-renders on state change while Pyreon's\n * existing renderer handles all DOM work.\n */\n\nimport type { ComponentFn, Props, VNode, VNodeChild } from '@pyreon/core'\nimport { Fragment, h, onUnmount } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\n\nexport { Fragment }\n\n// ─── Render context (used by hooks) ──────────────────────────────────────────\n\nexport interface RenderContext {\n  hooks: unknown[]\n  scheduleRerender: () => void\n  /** Insertion effect entries pending execution before layout effects */\n  pendingInsertionEffects: EffectEntry[]\n  /** Effect entries pending execution after render */\n  pendingEffects: EffectEntry[]\n  /** Layout effect entries pending execution after render */\n  pendingLayoutEffects: EffectEntry[]\n  /** Set to true when the component is unmounted */\n  unmounted: boolean\n  /** Hook count from the previous render (dev-mode ordering guard) */\n  _hookCount?: number\n}\n\nexport interface EffectEntry {\n  fn: () => (() => void) | void\n  deps: unknown[] | undefined\n  cleanup: (() => void) | undefined\n}\n\nlet _currentCtx: RenderContext | null = null\nlet _hookIndex = 0\nlet _expectedHookCount = -1\n\nexport function getCurrentCtx(): RenderContext | null {\n  return _currentCtx\n}\n\nexport function getHookIndex(): number {\n  return _hookIndex++\n}\n\nexport function beginRender(ctx: RenderContext): void {\n  _currentCtx = ctx\n  _hookIndex = 0\n  ctx.pendingInsertionEffects = []\n  ctx.pendingEffects = []\n  ctx.pendingLayoutEffects = []\n\n  // On re-renders, remember the hook count from last render\n  if (ctx._hookCount !== undefined) {\n    _expectedHookCount = ctx._hookCount\n  } else {\n    _expectedHookCount = -1\n  }\n}\n\nexport function endRender(): void {\n  if (_currentCtx) {\n    // Dev-mode: check hook count matches expected\n    if (\n      (import.meta as { env?: { DEV?: boolean } }).env?.DEV &&\n      _expectedHookCount !== -1 &&\n      _hookIndex !== _expectedHookCount\n    ) {\n      console.error(\n        `[Pyreon] Hook count changed between renders (expected ${_expectedHookCount}, got ${_hookIndex}). ` +\n          `This usually means a hook is called conditionally. Hooks must be called in the same order every render.`,\n      )\n    }\n    _currentCtx._hookCount = _hookIndex\n  }\n  _currentCtx = null\n  _hookIndex = 0\n}\n\n// ─── Effect runners ──────────────────────────────────────────────────────────\n\nfunction runLayoutEffects(entries: EffectEntry[]): void {\n  for (const entry of entries) {\n    if (entry.cleanup) entry.cleanup()\n    const cleanup = entry.fn()\n    entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n  }\n}\n\nfunction scheduleEffects(ctx: RenderContext, entries: EffectEntry[]): void {\n  if (entries.length === 0) return\n  queueMicrotask(() => {\n    for (const entry of entries) {\n      if (ctx.unmounted) return\n      if (entry.cleanup) entry.cleanup()\n      const cleanup = entry.fn()\n      entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n    }\n  })\n}\n\n// ─── Component wrapping ──────────────────────────────────────────────────────\n\nconst _wrapperCache = new WeakMap<Function, ComponentFn>()\n\nfunction wrapCompatComponent(reactComponent: Function): ComponentFn {\n  let wrapped = _wrapperCache.get(reactComponent)\n  if (wrapped) return wrapped\n\n  // The wrapper returns a reactive accessor (() => VNodeChild) which Pyreon's\n  // mountChild treats as a reactive expression via mountReactive.\n  wrapped = ((props: Props) => {\n    const ctx: RenderContext = {\n      hooks: [],\n      scheduleRerender: () => {\n        // Will be replaced below after version signal is created\n      },\n      pendingInsertionEffects: [],\n      pendingEffects: [],\n      pendingLayoutEffects: [],\n      unmounted: false,\n    }\n\n    const version = signal(0)\n    let updateScheduled = false\n\n    ctx.scheduleRerender = () => {\n      if (ctx.unmounted || updateScheduled) return\n      updateScheduled = true\n      queueMicrotask(() => {\n        updateScheduled = false\n        if (!ctx.unmounted) version.set(version.peek() + 1)\n      })\n    }\n\n    // Register cleanup for all hooks on unmount\n    onUnmount(() => {\n      ctx.unmounted = true\n      for (const hook of ctx.hooks) {\n        if (hook && typeof hook === 'object' && 'cleanup' in hook) {\n          const entry = hook as EffectEntry\n          if (typeof entry.cleanup === 'function') entry.cleanup()\n        }\n        if (hook && typeof hook === 'object' && 'unsubscribe' in hook) {\n          const sub = hook as { unsubscribe?: () => void }\n          if (typeof sub.unsubscribe === 'function') sub.unsubscribe()\n        }\n        if (hook && typeof hook === 'object' && '_contextUnsub' in hook) {\n          const ctxHook = hook as { _contextUnsub?: () => void }\n          if (typeof ctxHook._contextUnsub === 'function') ctxHook._contextUnsub()\n        }\n      }\n    })\n\n    // Return reactive accessor — Pyreon's mountChild calls mountReactive\n    return () => {\n      version() // tracked read — triggers re-execution when state changes\n      beginRender(ctx)\n      const result = (reactComponent as ComponentFn)(props)\n      const insertionEffects = ctx.pendingInsertionEffects\n      const layoutEffects = ctx.pendingLayoutEffects\n      const effects = ctx.pendingEffects\n      endRender()\n\n      // Run in React's order: insertion → layout → passive\n      runLayoutEffects(insertionEffects)\n      runLayoutEffects(layoutEffects)\n      scheduleEffects(ctx, effects)\n\n      return result\n    }\n  }) as unknown as ComponentFn\n\n  _wrapperCache.set(reactComponent, wrapped)\n  return wrapped\n}\n\n// ─── JSX functions ───────────────────────────────────────────────────────────\n\nexport function jsx(\n  type: string | ComponentFn | symbol,\n  props: Props & { children?: VNodeChild | VNodeChild[] },\n  key?: string | number | null,\n): VNode {\n  const { children, ...rest } = props\n  const propsWithKey = (key != null ? { ...rest, key } : rest) as Props\n\n  if (typeof type === 'function') {\n    const componentProps = children !== undefined ? { ...propsWithKey, children } : propsWithKey\n    // Native Pyreon components (e.g. context Provider) skip compat wrapping\n    const NATIVE = Symbol.for('pyreon:native-compat')\n    if ((type as unknown as Record<symbol, boolean>)[NATIVE]) {\n      return h(type as ComponentFn, componentProps)\n    }\n    // Wrap React-style component for re-render support\n    const wrapped = wrapCompatComponent(type)\n    return h(wrapped, componentProps)\n  }\n\n  // DOM element or symbol (Fragment): children go in vnode.children\n  const childArray = children === undefined ? [] : Array.isArray(children) ? children : [children]\n\n  // Map React-style attributes to standard HTML attributes\n  if (typeof type === 'string') {\n    if (propsWithKey.className !== undefined) {\n      propsWithKey.class = propsWithKey.className\n      delete propsWithKey.className\n    }\n    if (propsWithKey.htmlFor !== undefined) {\n      propsWithKey.for = propsWithKey.htmlFor\n      delete propsWithKey.htmlFor\n    }\n\n    // React's onChange fires on every keystroke for form elements (like onInput)\n    if (\n      (type === 'input' || type === 'textarea' || type === 'select') &&\n      propsWithKey.onChange !== undefined\n    ) {\n      if (propsWithKey.onInput === undefined) {\n        propsWithKey.onInput = propsWithKey.onChange\n      }\n      delete propsWithKey.onChange\n    }\n\n    // autoFocus → autofocus\n    if (propsWithKey.autoFocus !== undefined) {\n      propsWithKey.autofocus = propsWithKey.autoFocus\n      delete propsWithKey.autoFocus\n    }\n\n    // defaultValue / defaultChecked → value / checked when no controlled value\n    if (type === 'input' || type === 'textarea') {\n      if (propsWithKey.defaultValue !== undefined && propsWithKey.value === undefined) {\n        propsWithKey.value = propsWithKey.defaultValue\n        delete propsWithKey.defaultValue\n      }\n      if (propsWithKey.defaultChecked !== undefined && propsWithKey.checked === undefined) {\n        propsWithKey.checked = propsWithKey.defaultChecked\n        delete propsWithKey.defaultChecked\n      }\n    }\n\n    // Strip React-only props that have no DOM equivalent\n    delete propsWithKey.suppressHydrationWarning\n    delete propsWithKey.suppressContentEditableWarning\n  }\n\n  return h(type, propsWithKey, ...(childArray as VNodeChild[]))\n}\n\nexport const jsxs = jsx\nexport const jsxDEV = jsx\n","/**\n * @pyreon/react-compat\n *\n * Fully React-compatible hook API powered by Pyreon's reactive engine.\n *\n * Components re-render on state change — just like React. Hooks return plain\n * values and use deps arrays for memoization. Existing React code works\n * unchanged when paired with `pyreon({ compat: \"react\" })` in your vite config.\n *\n * USAGE:\n *   import { useState, useEffect } from \"react\"          // aliased by vite plugin\n *   import { createRoot } from \"react-dom/client\"         // aliased by vite plugin\n */\n\nexport type { Props, VNode, VNodeChild } from '@pyreon/core'\nexport { Fragment, h as createElement, h, createRef } from '@pyreon/core'\n\nimport type { Context, VNode, VNodeChild } from '@pyreon/core'\nimport {\n  createContext as pyreonCreateContext,\n  ErrorBoundary,\n  h,\n  Portal,\n  provide as pyreonProvide,\n  Suspense,\n  useContext as pyreonUseContext,\n} from '@pyreon/core'\nimport { batch } from '@pyreon/reactivity'\nimport type { EffectEntry } from './jsx-runtime'\nimport { getCurrentCtx, getHookIndex } from './jsx-runtime'\n\n// ─── Helpers ─────────────────────────────────────────────────────────────────\n\nfunction requireCtx() {\n  const ctx = getCurrentCtx()\n  if (!ctx) throw new Error('Hook called outside of a component render')\n  return ctx\n}\n\nfunction depsChanged(a: unknown[] | undefined, b: unknown[] | undefined): boolean {\n  if (a === undefined || b === undefined) return true\n  if (a.length !== b.length) return true\n  for (let i = 0; i < a.length; i++) {\n    if (!Object.is(a[i], b[i])) return true\n  }\n  return false\n}\n\n// ─── State ───────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useState` — returns `[value, setter]`.\n * Triggers a component re-render when the setter is called.\n */\nexport function useState<T>(initial: T | (() => T)): [T, (v: T | ((prev: T) => T)) => void] {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const val = typeof initial === 'function' ? (initial as () => T)() : initial\n    // Store both value and a STABLE setter in one hook slot so setter identity\n    // never changes across renders (React guarantee).\n    const entry = { value: val, setter: null as unknown as (v: T | ((prev: T) => T)) => void }\n    entry.setter = (v: T | ((prev: T) => T)) => {\n      const current = entry.value\n      const next = typeof v === 'function' ? (v as (prev: T) => T)(current) : v\n      if (Object.is(current, next)) return\n      entry.value = next\n      ctx.scheduleRerender()\n    }\n    ctx.hooks.push(entry)\n  }\n\n  const entry = ctx.hooks[idx] as { value: T; setter: (v: T | ((prev: T) => T)) => void }\n  return [entry.value, entry.setter]\n}\n\n// ─── Reducer ─────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useReducer` — returns `[state, dispatch]`.\n * Supports the 3-argument form: `useReducer(reducer, initialArg, init)`.\n */\nexport function useReducer<S, A>(\n  reducer: (state: S, action: A) => S,\n  initialArg: S | (() => S),\n  init?: (arg: S) => S,\n): [S, (action: A) => void] {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    let initial: S\n    if (init) {\n      initial = init(initialArg as S)\n    } else if (typeof initialArg === 'function') {\n      initial = (initialArg as () => S)()\n    } else {\n      initial = initialArg\n    }\n    // Store both value and a STABLE dispatch in one hook slot so dispatch identity\n    // never changes across renders (React guarantee).\n    const entry = { value: initial, dispatch: null as unknown as (action: A) => void }\n    entry.dispatch = (action: A) => {\n      const current = entry.value\n      const next = reducer(current, action)\n      if (Object.is(current, next)) return\n      entry.value = next\n      ctx.scheduleRerender()\n    }\n    ctx.hooks.push(entry)\n  }\n\n  const entry = ctx.hooks[idx] as { value: S; dispatch: (action: A) => void }\n  return [entry.value, entry.dispatch]\n}\n\n// ─── Effects ─────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useEffect` — runs after render when deps change.\n * Returns cleanup on unmount and before re-running.\n */\nexport function useEffect(fn: () => (() => void) | void, deps?: unknown[]): void {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    // First render — always run\n    const entry: EffectEntry = { fn, deps, cleanup: undefined }\n    ctx.hooks.push(entry)\n    ctx.pendingEffects.push(entry)\n  } else {\n    const entry = ctx.hooks[idx] as EffectEntry\n    if (depsChanged(entry.deps, deps)) {\n      entry.fn = fn\n      entry.deps = deps\n      ctx.pendingEffects.push(entry)\n    }\n  }\n}\n\n/**\n * React-compatible `useLayoutEffect` — runs synchronously after DOM mutations.\n */\nexport function useLayoutEffect(fn: () => (() => void) | void, deps?: unknown[]): void {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const entry: EffectEntry = { fn, deps, cleanup: undefined }\n    ctx.hooks.push(entry)\n    ctx.pendingLayoutEffects.push(entry)\n  } else {\n    const entry = ctx.hooks[idx] as EffectEntry\n    if (depsChanged(entry.deps, deps)) {\n      entry.fn = fn\n      entry.deps = deps\n      ctx.pendingLayoutEffects.push(entry)\n    }\n  }\n}\n\n/**\n * React-compatible `useInsertionEffect` — runs synchronously before layout effects.\n * Intended for CSS-in-JS libraries to inject styles before DOM reads.\n */\nexport function useInsertionEffect(fn: () => (() => void) | void, deps?: unknown[]): void {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const entry: EffectEntry = { fn, deps, cleanup: undefined }\n    ctx.hooks.push(entry)\n    ctx.pendingInsertionEffects.push(entry)\n  } else {\n    const entry = ctx.hooks[idx] as EffectEntry\n    if (depsChanged(entry.deps, deps)) {\n      entry.fn = fn\n      entry.deps = deps\n      ctx.pendingInsertionEffects.push(entry)\n    }\n  }\n}\n\n// ─── Memoization ─────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useMemo` — returns the cached value, recomputed when deps change.\n */\nexport function useMemo<T>(fn: () => T, deps: unknown[]): T {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const value = fn()\n    ctx.hooks.push({ value, deps })\n    return value\n  }\n\n  const entry = ctx.hooks[idx] as { value: T; deps: unknown[] }\n  if (depsChanged(entry.deps, deps)) {\n    entry.value = fn()\n    entry.deps = deps\n  }\n  return entry.value\n}\n\n/**\n * React-compatible `useCallback` — returns the cached function when deps haven't changed.\n */\nexport function useCallback<T extends (...args: never[]) => unknown>(fn: T, deps: unknown[]): T {\n  return useMemo(() => fn, deps)\n}\n\n// ─── Refs ────────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useRef` — returns `{ current }` persisted across re-renders.\n */\nexport function useRef<T>(initial?: T): { current: T | null } {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    const ref = { current: initial !== undefined ? (initial as T) : null }\n    ctx.hooks.push(ref)\n  }\n\n  return ctx.hooks[idx] as { current: T | null }\n}\n\n// ─── Context ─────────────────────────────────────────────────────────────────\n\nconst COMPAT_CTX = Symbol.for('pyreon:compat-ctx')\n\n/**\n * Compat-specific context with subscriber notification and tree-scoped nesting.\n *\n * Uses Pyreon's native context stack for tree-scoped Provider nesting (inner\n * Providers override outer ones for their subtree), with a subscriber set\n * layered on top for React-style consumer re-rendering.\n */\nexport interface CompatContext<T> {\n  /** Brand marker so `useContext` can distinguish compat contexts */\n  readonly [COMPAT_CTX_BRAND]: true\n  /** Default value when no Provider is mounted */\n  _defaultValue: T\n  /** Pyreon native context for tree-scoped value+subscriber storage */\n  _pyreonCtx: Context<{ value: T; subscribers: Set<() => void> }>\n  /** Subscribers at the default (no-Provider) level */\n  _subscribers: Set<() => void>\n  /** React-compatible Provider component (native Pyreon, NOT compat-wrapped).\n   * Returns a reactive accessor `() => VNodeChild` for Pyreon's renderer. */\n  Provider: (props: Record<string, unknown>) => unknown\n}\n\nconst COMPAT_CTX_BRAND: typeof COMPAT_CTX = COMPAT_CTX\n\n// Tag the Provider so wrapCompatComponent skips it (it's already a native component)\nconst NATIVE_COMPONENT = Symbol.for('pyreon:native-compat')\n\n/**\n * React-compatible `createContext` — creates a context with a Provider that\n * supports nested Providers (inner overrides outer for its subtree) and\n * notifies all `useContext` consumers when its value changes.\n */\nexport function createContext<T>(defaultValue: T): CompatContext<T> {\n  // Pyreon native context: each Provider pushes { value, subscribers } onto\n  // the tree-scoped stack. Consumers read the nearest frame via useContext.\n  const pyreonCtx = pyreonCreateContext<{ value: T; subscribers: Set<() => void> }>({\n    value: defaultValue,\n    subscribers: new Set(),\n  })\n\n  // Default-level subscribers (for consumers with no Provider above them)\n  const defaultSubscribers = new Set<() => void>()\n\n  // Provider is a NATIVE Pyreon component (not compat-wrapped).\n  // It calls provide() once during setup to push onto the context stack,\n  // then returns a reactive accessor that updates the frame value on re-render.\n  const Provider = (props: Record<string, unknown>) => {\n    // Setup (runs once per mount):\n    const frame = { value: (props as { value: T }).value, subscribers: new Set<() => void>() }\n    pyreonProvide(pyreonCtx, frame)\n\n    // Return reactive accessor for children (re-evaluated when props change)\n    return () => {\n      const { value, children } = props as { value: T; children?: VNodeChild }\n      // On re-render: update the frame value and notify subscribers\n      if (!Object.is(frame.value, value)) {\n        frame.value = value\n        for (const sub of frame.subscribers) sub()\n      }\n      return children ?? null\n    }\n  }\n  // Mark as native so jsx() doesn't wrap it with wrapCompatComponent\n  ;(Provider as unknown as Record<symbol, boolean>)[NATIVE_COMPONENT] = true\n\n  const ctx: CompatContext<T> = {\n    [COMPAT_CTX_BRAND]: true as const,\n    _defaultValue: defaultValue,\n    _pyreonCtx: pyreonCtx,\n    _subscribers: defaultSubscribers,\n    Provider,\n  }\n  return ctx\n}\n\n/**\n * React-compatible `useContext` — reads the current context value and\n * subscribes the calling component to future value changes.\n *\n * Reads from Pyreon's tree-scoped context stack (correct nesting) and\n * subscribes to the nearest Provider's subscriber set for re-rendering.\n *\n * Works with both compat contexts (from this module's `createContext`) and\n * Pyreon native contexts (from `@pyreon/core`).\n */\nexport function useContext<T>(context: CompatContext<T> | Context<T>): T {\n  if (COMPAT_CTX in context) {\n    const compatCtx = context as CompatContext<T>\n    // Read from Pyreon's tree-scoped stack (correct nesting)\n    const frame = pyreonUseContext(compatCtx._pyreonCtx)\n    const renderCtx = getCurrentCtx()\n    if (renderCtx) {\n      const idx = getHookIndex()\n      if (renderCtx.hooks.length <= idx) {\n        // Subscribe to the frame's subscriber set\n        const sub = () => renderCtx.scheduleRerender()\n        frame.subscribers.add(sub)\n        renderCtx.hooks.push({ _contextUnsub: () => frame.subscribers.delete(sub) })\n      }\n    }\n    return frame.value\n  }\n  return pyreonUseContext(context as Context<T>)\n}\n\n// ─── ID ──────────────────────────────────────────────────────────────────────\n\nlet _idCounter = 0\n\n/**\n * React-compatible `useId` — returns a stable unique string per hook call.\n */\nexport function useId(): string {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  if (ctx.hooks.length <= idx) {\n    ctx.hooks.push(`:r${(_idCounter++).toString(36)}:`)\n  }\n\n  return ctx.hooks[idx] as string\n}\n\n// ─── Optimization ────────────────────────────────────────────────────────────\n\nfunction shallowEqual<P extends Record<string, unknown>>(a: P, b: P): boolean {\n  const keysA = Object.keys(a)\n  const keysB = Object.keys(b)\n  if (keysA.length !== keysB.length) return false\n  for (const k of keysA) {\n    if (!Object.is(a[k], b[k])) return false\n  }\n  return true\n}\n\n/**\n * React-compatible `memo` — wraps a component to skip re-render when props\n * are shallowly equal.\n *\n * Each component INSTANCE gets its own props/result cache via a hook slot,\n * so two `<MemoComp />` usages don't share memoization state.\n */\nexport function memo<P extends Record<string, unknown>>(\n  component: (props: P) => VNodeChild,\n  areEqual?: (prevProps: P, nextProps: P) => boolean,\n): (props: P) => VNodeChild {\n  const compare = areEqual ?? shallowEqual\n\n  const MEMO_MARKER = Symbol.for('pyreon:memo')\n\n  // Fallback closure-level cache for calls outside a compat render context\n  // (e.g. direct function calls in tests). Inside a render context, each\n  // component instance gets its own cache via a hook slot.\n  let _fallbackPrevProps: P | null = null\n  let _fallbackPrevResult: VNodeChild = null\n\n  const memoized = (props: P) => {\n    const ctx = getCurrentCtx()\n    if (ctx) {\n      // Per-instance cache via hook slot\n      const idx = getHookIndex()\n      if (ctx.hooks.length <= idx) {\n        ctx.hooks.push({ prevProps: null as P | null, prevResult: null as VNodeChild })\n      }\n      const cache = ctx.hooks[idx] as { prevProps: P | null; prevResult: VNodeChild }\n      if (cache.prevProps !== null && compare(cache.prevProps, props)) {\n        return cache.prevResult\n      }\n      cache.prevProps = props\n      cache.prevResult = component(props)\n      return cache.prevResult\n    }\n    // No compat context — use closure-level fallback cache\n    if (_fallbackPrevProps !== null && compare(_fallbackPrevProps, props)) {\n      return _fallbackPrevResult\n    }\n    _fallbackPrevProps = props\n    _fallbackPrevResult = component(props)\n    return _fallbackPrevResult\n  }\n  ;(memoized as unknown as Record<symbol, boolean>)[MEMO_MARKER] = true\n  memoized.displayName =\n    (component as unknown as { displayName?: string }).displayName || component.name || 'Memo'\n  return memoized\n}\n\n/**\n * React-compatible `useTransition` — no concurrent mode in Pyreon.\n */\nexport function useTransition(): [boolean, (fn: () => void) => void] {\n  return [false, (fn) => fn()]\n}\n\n/**\n * React-compatible `useDeferredValue` — returns the value as-is.\n */\nexport function useDeferredValue<T>(value: T): T {\n  return value\n}\n\n// ─── Imperative handle ───────────────────────────────────────────────────────\n\n/**\n * React-compatible `useImperativeHandle`.\n */\nexport function useImperativeHandle<T>(\n  ref: { current: T | null } | null | undefined,\n  init: () => T,\n  deps?: unknown[],\n): void {\n  useLayoutEffect(() => {\n    if (ref) ref.current = init()\n    return () => {\n      if (ref) ref.current = null\n    }\n  }, deps)\n}\n\n// ─── Batching ────────────────────────────────────────────────────────────────\n\nexport { batch }\n\n// ─── Portals ─────────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `createPortal(children, target)`.\n */\nexport function createPortal(children: VNodeChild, target: Element): VNodeChild {\n  return Portal({ target, children })\n}\n\n// ─── Suspense / lazy / ErrorBoundary ─────────────────────────────────────────\n\nexport { lazy } from '@pyreon/core'\nexport { ErrorBoundary, Suspense }\n\n// ─── forwardRef ─────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `forwardRef` — pass-through in Pyreon.\n * Refs are regular props in Pyreon, so no wrapper is needed.\n * The render function receives (props, ref) — we merge ref into props.\n */\nexport function forwardRef<P extends Record<string, unknown>>(\n  render: (props: P, ref: { current: unknown } | null) => VNodeChild,\n): (props: P & { ref?: { current: unknown } | null }) => VNodeChild {\n  const forwarded = (props: P & { ref?: { current: unknown } | null }) => {\n    const { ref, ...rest } = props\n    return render(rest as P, ref ?? null)\n  }\n  forwarded.displayName =\n    (render as unknown as { displayName?: string }).displayName || render.name || 'ForwardRef'\n  return forwarded\n}\n\n// ─── cloneElement ───────────────────────────────────────────────────────────\n\n/**\n * React-compatible `cloneElement` — creates a new VNode with merged props.\n */\nexport function cloneElement(\n  element: VNode,\n  props?: Record<string, unknown>,\n  ...children: VNodeChild[]\n): VNode {\n  const mergedProps = { ...element.props, ...props }\n  const mergedChildren = children.length > 0 ? children : element.children\n  return h(element.type, mergedProps, ...mergedChildren)\n}\n\n// ─── Children utilities ─────────────────────────────────────────────────────\n\nfunction flattenChildren(children: VNodeChild | VNodeChild[]): VNodeChild[] {\n  if (children == null) return []\n  if (!Array.isArray(children)) return [children]\n  const result: VNodeChild[] = []\n  for (const child of children) {\n    if (Array.isArray(child)) {\n      result.push(...flattenChildren(child))\n    } else {\n      result.push(child)\n    }\n  }\n  return result\n}\n\n/**\n * React-compatible `Children` utilities for working with VNode children.\n */\nexport const Children = {\n  /**\n   * Iterate over children, calling `fn` for each non-null child.\n   */\n  map<T>(children: VNodeChild | VNodeChild[], fn: (child: VNodeChild, index: number) => T): T[] {\n    const flat = flattenChildren(children)\n    const result: T[] = []\n    let validIndex = 0\n    for (let i = 0; i < flat.length; i++) {\n      const child = flat[i]\n      if (child == null || child === true || child === false) continue\n      const mapped = fn(child, validIndex)\n      // Assign key to mapped VNode children if they don't already have one\n      if (mapped && typeof mapped === 'object' && 'type' in mapped && 'props' in mapped) {\n        const vnode = mapped as unknown as VNode\n        if (vnode.key == null) {\n          vnode.key = `.${validIndex}`\n        }\n      }\n      result.push(mapped)\n      validIndex++\n    }\n    return result\n  },\n\n  /**\n   * Call `fn` for each non-null child (no return value).\n   */\n  forEach(children: VNodeChild | VNodeChild[], fn: (child: VNodeChild, index: number) => void): void {\n    const flat = flattenChildren(children)\n    let validIndex = 0\n    for (let i = 0; i < flat.length; i++) {\n      const child = flat[i]\n      if (child == null || child === true || child === false) continue\n      fn(child, validIndex++)\n    }\n  },\n\n  /**\n   * Count non-null children.\n   */\n  count(children: VNodeChild | VNodeChild[]): number {\n    const flat = flattenChildren(children)\n    let count = 0\n    for (const child of flat) {\n      if (child != null && child !== true && child !== false) count++\n    }\n    return count\n  },\n\n  /**\n   * Convert children to a flat array.\n   */\n  toArray(children: VNodeChild | VNodeChild[]): VNodeChild[] {\n    const flat = flattenChildren(children)\n    return flat.filter((child) => child != null && child !== true && child !== false)\n  },\n\n  /**\n   * Assert and return the only child. Throws if not exactly one child.\n   */\n  only(children: VNodeChild | VNodeChild[]): VNodeChild {\n    const arr = Children.toArray(children)\n    if (arr.length !== 1) {\n      throw new Error('[Pyreon] Children.only expected exactly one child')\n    }\n    return arr[0] as VNodeChild\n  },\n}\n\n// ─── useSyncExternalStore ───────────────────────────────────────────────────\n\n/**\n * React-compatible `useSyncExternalStore` — subscribes to an external store.\n * Re-subscribes automatically when the `subscribe` function identity changes.\n */\nexport function useSyncExternalStore<T>(\n  subscribe: (onStoreChange: () => void) => () => void,\n  getSnapshot: () => T,\n  getServerSnapshot?: () => T,\n): T {\n  const ctx = requireCtx()\n  const idx = getHookIndex()\n\n  // SSR path\n  if (typeof window === 'undefined' && getServerSnapshot) {\n    if (ctx.hooks.length <= idx) {\n      ctx.hooks.push({ subscribe, unsubscribe: undefined, snapshot: getServerSnapshot() })\n    }\n    return (ctx.hooks[idx] as { snapshot: T }).snapshot\n  }\n\n  if (ctx.hooks.length <= idx) {\n    const snapshot = getSnapshot()\n    const entry = {\n      subscribe,\n      unsubscribe: undefined as (() => void) | undefined,\n      snapshot,\n    }\n    const onChange = () => {\n      const next = getSnapshot()\n      if (!Object.is(entry.snapshot, next)) {\n        entry.snapshot = next\n        ctx.scheduleRerender()\n      }\n    }\n    entry.unsubscribe = subscribe(onChange)\n    ctx.hooks.push(entry)\n    return snapshot\n  }\n\n  const entry = ctx.hooks[idx] as {\n    subscribe: typeof subscribe\n    unsubscribe: (() => void) | undefined\n    snapshot: T\n  }\n\n  // Re-subscribe if subscribe function identity changed\n  if (entry.subscribe !== subscribe) {\n    if (entry.unsubscribe) entry.unsubscribe()\n    const onChange = () => {\n      const next = getSnapshot()\n      if (!Object.is(entry.snapshot, next)) {\n        entry.snapshot = next\n        ctx.scheduleRerender()\n      }\n    }\n    entry.unsubscribe = subscribe(onChange)\n    entry.subscribe = subscribe\n  }\n\n  // Always read fresh snapshot during render\n  entry.snapshot = getSnapshot()\n  return entry.snapshot\n}\n\n// ─── use ────────────────────────────────────────────────────────────────────\n\nconst _promiseCache = new WeakMap<\n  Promise<unknown>,\n  { status: 'pending' | 'resolved' | 'rejected'; value?: unknown; error?: unknown }\n>()\n\n/**\n * React-compatible `use` — reads a Context or suspends on a Promise.\n * Can be called conditionally (unlike other hooks).\n *\n * IMPORTANT: Promises must have a stable identity across renders.\n * Create promises outside the component or memoize them. Calling\n * `use(fetch('/api'))` creates a new promise each render and will\n * cause infinite suspension.\n */\nexport function use<T>(resource: Context<T> | CompatContext<T> | Promise<T>): T {\n  // Compat context path\n  if (resource && typeof resource === 'object' && COMPAT_CTX in resource) {\n    return useContext(resource as CompatContext<T>)\n  }\n  // Pyreon native context path\n  if (resource && typeof resource === 'object' && 'id' in resource && 'defaultValue' in resource) {\n    return pyreonUseContext(resource as Context<T>)\n  }\n  // Promise path — suspend via throw\n  const promise = resource as Promise<T>\n  let entry = _promiseCache.get(promise)\n  if (!entry) {\n    entry = { status: 'pending' }\n    _promiseCache.set(promise, entry)\n    promise.then(\n      (value) => {\n        entry!.status = 'resolved'\n        entry!.value = value\n      },\n      (error) => {\n        entry!.status = 'rejected'\n        entry!.error = error\n      },\n    )\n  }\n  if (entry.status === 'resolved') return entry.value as T\n  if (entry.status === 'rejected') throw entry.error\n  throw promise // Suspense catches this\n}\n\n// ─── useActionState ─────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useActionState` — manages async action state with pending indicator.\n */\nexport function useActionState<S, P>(\n  action: (state: S, payload: P) => S | Promise<S>,\n  initialState: S,\n): [S, (payload: P) => void, boolean] {\n  const [state, setState] = useState(initialState)\n  const [isPending, setIsPending] = useState(false)\n\n  const dispatch = (payload: P) => {\n    setIsPending(true)\n    const result = action(state, payload)\n    if (result instanceof Promise) {\n      result.then((next) => {\n        setState(next)\n        setIsPending(false)\n      })\n    } else {\n      setState(result)\n      setIsPending(false)\n    }\n  }\n\n  return [state, dispatch, isPending]\n}\n\n// ─── startTransition ────────────────────────────────────────────────────────\n\n/**\n * React-compatible `startTransition` — runs the callback synchronously.\n * No concurrent mode in Pyreon, so transitions are immediate.\n */\nexport function startTransition(fn: () => void): void {\n  fn()\n}\n\n// ─── isValidElement ─────────────────────────────────────────────────────────\n\n/**\n * React-compatible `isValidElement` — checks if a value is a VNode.\n */\nexport function isValidElement(value: unknown): value is VNode {\n  return value != null && typeof value === 'object' && 'type' in value && 'props' in value\n}\n\n// ─── useDebugValue ──────────────────────────────────────────────────────────\n\n/**\n * React-compatible `useDebugValue` — no-op in Pyreon (no React DevTools integration).\n */\nexport function useDebugValue<T>(_value: T, _format?: (v: T) => unknown): void {}\n\n// ─── flushSync ──────────────────────────────────────────────────────────────\n\n/**\n * React-compatible `flushSync` — runs the callback synchronously.\n *\n * BEHAVIORAL DIFFERENCE: In Pyreon's compat model, state updates are\n * batched via microtask. flushSync runs the callback and returns its\n * result, but the DOM updates triggered by state changes inside the\n * callback still fire asynchronously. For DOM measurement after state\n * updates, use `await act(() => setState(...))` in tests, or\n * `requestAnimationFrame` in production code.\n */\nexport function flushSync<T>(fn: () => T): T {\n  return fn()\n}\n\n// ─── act (testing) ──────────────────────────────────────────────────────────\n\n/**\n * React-compatible `act` — flushes pending microtasks for testing.\n */\nexport async function act(fn: () => void | Promise<void>): Promise<void> {\n  const result = fn()\n  if (result instanceof Promise) await result\n  // Flush two rounds of microtasks to drain pending effects and rerenders\n  await new Promise<void>((r) => queueMicrotask(r))\n  await new Promise<void>((r) => queueMicrotask(r))\n}\n\n// ─── version ────────────────────────────────────────────────────────────────\n\nexport const version = '19.0.0-pyreon'\n\n// ─── StrictMode / Profiler ──────────────────────────────────────────────────\n\n/**\n * React-compatible `StrictMode` — pass-through in Pyreon (no double-invoke behavior).\n */\nexport function StrictMode(props: { children?: VNodeChild }): VNodeChild {\n  return props.children ?? null\n}\n\n/**\n * React-compatible `Profiler` — pass-through in Pyreon (no profiling integration).\n */\nexport function Profiler(props: {\n  id: string\n  onRender?: (...args: unknown[]) => void\n  children?: VNodeChild\n}): VNodeChild {\n  return props.children ?? null\n}\n\n// ─── Component / PureComponent (class stubs) ────────────────────────────────\n\n/**\n * React-compatible `Component` class stub.\n * Class components are not fully supported — use function components with hooks.\n */\nexport class Component<P = Record<string, unknown>, S = Record<string, unknown>> {\n  props: Readonly<P>\n  state: Readonly<S>\n\n  constructor(props: P) {\n    this.props = props\n    this.state = {} as S\n  }\n\n  setState(_partial: Partial<S> | ((prev: S) => Partial<S>)): void {\n    console.warn(\n      '[Pyreon] Class component setState is not supported. Use function components with hooks.',\n    )\n  }\n\n  forceUpdate(): void {\n    console.warn(\n      '[Pyreon] Class component forceUpdate is not supported. Use function components with hooks.',\n    )\n  }\n\n  render(): VNodeChild {\n    return null\n  }\n}\n\n/**\n * React-compatible `PureComponent` class stub.\n */\nexport class PureComponent<\n  P = Record<string, unknown>,\n  S = Record<string, unknown>,\n> extends Component<P, S> {}\n\n// ─── React-compatible type exports ──────────────────────────────────────────\n\nexport type { Context }\n\nexport type FC<P = Record<string, unknown>> = (props: P) => VNodeChild\nexport type FunctionComponent<P = Record<string, unknown>> = FC<P>\nexport type ReactElement = VNode\nexport type ReactNode = VNodeChild\nexport type JSXElementConstructor<P> = (props: P) => VNodeChild\nexport type Dispatch<A> = (action: A) => void\nexport type SetStateAction<S> = S | ((prev: S) => S)\nexport type RefObject<T> = { readonly current: T | null }\nexport type MutableRefObject<T> = { current: T }\nexport type RefCallback<T> = (instance: T | null) => void\nexport type ForwardedRef<T> = RefObject<T> | RefCallback<T> | null\nexport type PropsWithChildren<P = Record<string, unknown>> = P & { children?: ReactNode }\nexport type PropsWithRef<P> = P & { ref?: RefObject<unknown> | RefCallback<unknown> | null }\nexport type { CSSProperties } from '@pyreon/core'\n\n// Event types — aliases for TargetedEvent patterns\nexport type SyntheticEvent<T = Element> = Event & { currentTarget: T }\nexport type ChangeEvent<T = Element> = Event & { currentTarget: T; target: T }\nexport type FormEvent<T = Element> = Event & { currentTarget: T }\nexport type MouseEvent<T = Element> = globalThis.MouseEvent & { currentTarget: T }\nexport type KeyboardEvent<T = Element> = globalThis.KeyboardEvent & { currentTarget: T }\nexport type FocusEvent<T = Element> = globalThis.FocusEvent & { currentTarget: T }\nexport type DragEvent<T = Element> = globalThis.DragEvent & { currentTarget: T }\nexport type PointerEvent<T = Element> = globalThis.PointerEvent & { currentTarget: T }\nexport type TouchEvent<T = Element> = globalThis.TouchEvent & { currentTarget: T }\nexport type ClipboardEvent<T = Element> = globalThis.ClipboardEvent & { currentTarget: T }\nexport type AnimationEvent<T = Element> = globalThis.AnimationEvent & { currentTarget: T }\nexport type TransitionEvent<T = Element> = globalThis.TransitionEvent & { currentTarget: T }\nexport type WheelEvent<T = Element> = globalThis.WheelEvent & { currentTarget: T }\n\n// HTML attribute types\nexport type HTMLAttributes<T = HTMLElement> = Record<string, unknown> & {\n  ref?: RefObject<T> | RefCallback<T> | null\n}\nexport type InputHTMLAttributes<T = HTMLInputElement> = HTMLAttributes<T>\nexport type TextareaHTMLAttributes<T = HTMLTextAreaElement> = HTMLAttributes<T>\nexport type SelectHTMLAttributes<T = HTMLSelectElement> = HTMLAttributes<T>\nexport type ButtonHTMLAttributes<T = HTMLButtonElement> = HTMLAttributes<T>\nexport type AnchorHTMLAttributes<T = HTMLAnchorElement> = HTMLAttributes<T>\nexport type FormHTMLAttributes<T = HTMLFormElement> = HTMLAttributes<T>\nexport type ImgHTMLAttributes<T = HTMLImageElement> = HTMLAttributes<T>\nexport type SVGAttributes<T = SVGElement> = HTMLAttributes<T>\n"],"mappings":"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"}

package/lib/jsx-runtime.js

@@ -1,16 +1,24 @@
-import { Fragment, h } from "@pyreon/core";
+import { Fragment, h, onUnmount } from "@pyreon/core";
 import { signal } from "@pyreon/reactivity";
 
 //#region src/jsx-runtime.ts
 let _currentCtx = null;
 let _hookIndex = 0;
+let _expectedHookCount = -1;
 function beginRender(ctx) {
 	_currentCtx = ctx;
 	_hookIndex = 0;
+	ctx.pendingInsertionEffects = [];
 	ctx.pendingEffects = [];
 	ctx.pendingLayoutEffects = [];
+	if (ctx._hookCount !== void 0) _expectedHookCount = ctx._hookCount;
+	else _expectedHookCount = -1;
 }
 function endRender() {
+	if (_currentCtx) {
+		if (import.meta.env?.DEV && _expectedHookCount !== -1 && _hookIndex !== _expectedHookCount) console.error(`[Pyreon] Hook count changed between renders (expected ${_expectedHookCount}, got ${_hookIndex}). This usually means a hook is called conditionally. Hooks must be called in the same order every render.`);
+		_currentCtx._hookCount = _hookIndex;
+	}
 	_currentCtx = null;
 	_hookIndex = 0;
 }
@@ -40,6 +48,7 @@ function wrapCompatComponent(reactComponent) {
 		const ctx = {
 			hooks: [],
 			scheduleRerender: () => {},
+			pendingInsertionEffects: [],
 			pendingEffects: [],
 			pendingLayoutEffects: [],
 			unmounted: false
@@ -54,13 +63,32 @@ function wrapCompatComponent(reactComponent) {
 				if (!ctx.unmounted) version.set(version.peek() + 1);
 			});
 		};
+		onUnmount(() => {
+			ctx.unmounted = true;
+			for (const hook of ctx.hooks) {
+				if (hook && typeof hook === "object" && "cleanup" in hook) {
+					const entry = hook;
+					if (typeof entry.cleanup === "function") entry.cleanup();
+				}
+				if (hook && typeof hook === "object" && "unsubscribe" in hook) {
+					const sub = hook;
+					if (typeof sub.unsubscribe === "function") sub.unsubscribe();
+				}
+				if (hook && typeof hook === "object" && "_contextUnsub" in hook) {
+					const ctxHook = hook;
+					if (typeof ctxHook._contextUnsub === "function") ctxHook._contextUnsub();
+				}
+			}
+		});
 		return () => {
 			version();
 			beginRender(ctx);
 			const result = reactComponent(props);
+			const insertionEffects = ctx.pendingInsertionEffects;
 			const layoutEffects = ctx.pendingLayoutEffects;
 			const effects = ctx.pendingEffects;
 			endRender();
+			runLayoutEffects(insertionEffects);
 			runLayoutEffects(layoutEffects);
 			scheduleEffects(ctx, effects);
 			return result;
@@ -75,10 +103,14 @@ function jsx(type, props, key) {
 		...rest,
 		key
 	} : rest;
-	if (typeof type === "function") return h(wrapCompatComponent(type), children !== void 0 ? {
-		...propsWithKey,
-		children
-	} : propsWithKey);
+	if (typeof type === "function") {
+		const componentProps = children !== void 0 ? {
+			...propsWithKey,
+			children
+		} : propsWithKey;
+		if (type[Symbol.for("pyreon:native-compat")]) return h(type, componentProps);
+		return h(wrapCompatComponent(type), componentProps);
+	}
 	const childArray = children === void 0 ? [] : Array.isArray(children) ? children : [children];
 	if (typeof type === "string") {
 		if (propsWithKey.className !== void 0) {
@@ -89,6 +121,26 @@ function jsx(type, props, key) {
 			propsWithKey.for = propsWithKey.htmlFor;
 			delete propsWithKey.htmlFor;
 		}
+		if ((type === "input" || type === "textarea" || type === "select") && propsWithKey.onChange !== void 0) {
+			if (propsWithKey.onInput === void 0) propsWithKey.onInput = propsWithKey.onChange;
+			delete propsWithKey.onChange;
+		}
+		if (propsWithKey.autoFocus !== void 0) {
+			propsWithKey.autofocus = propsWithKey.autoFocus;
+			delete propsWithKey.autoFocus;
+		}
+		if (type === "input" || type === "textarea") {
+			if (propsWithKey.defaultValue !== void 0 && propsWithKey.value === void 0) {
+				propsWithKey.value = propsWithKey.defaultValue;
+				delete propsWithKey.defaultValue;
+			}
+			if (propsWithKey.defaultChecked !== void 0 && propsWithKey.checked === void 0) {
+				propsWithKey.checked = propsWithKey.defaultChecked;
+				delete propsWithKey.defaultChecked;
+			}
+		}
+		delete propsWithKey.suppressHydrationWarning;
+		delete propsWithKey.suppressContentEditableWarning;
 	}
 	return h(type, propsWithKey, ...childArray);
 }

package/lib/jsx-runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime.js","names":[],"sources":["../src/jsx-runtime.ts"],"sourcesContent":["/**\n * Compat JSX runtime for React compatibility mode.\n *\n * When `jsxImportSource` is set to `@pyreon/react-compat` (via the vite plugin's\n * `compat: \"react\"` option), OXC rewrites JSX to import from this file:\n *   <div className=\"x\" />  →  jsx(\"div\", { className: \"x\" })\n *\n * For component VNodes, we wrap the component function so it returns a reactive\n * accessor — enabling React-style re-renders on state change while Pyreon's\n * existing renderer handles all DOM work.\n */\n\nimport type { ComponentFn, Props, VNode, VNodeChild } from '@pyreon/core'\nimport { Fragment, h } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\n\nexport { Fragment }\n\n// ─── Render context (used by hooks) ──────────────────────────────────────────\n\nexport interface RenderContext {\n  hooks: unknown[]\n  scheduleRerender: () => void\n  /** Effect entries pending execution after render */\n  pendingEffects: EffectEntry[]\n  /** Layout effect entries pending execution after render */\n  pendingLayoutEffects: EffectEntry[]\n  /** Set to true when the component is unmounted */\n  unmounted: boolean\n}\n\nexport interface EffectEntry {\n  fn: () => (() => void) | void\n  deps: unknown[] | undefined\n  cleanup: (() => void) | undefined\n}\n\nlet _currentCtx: RenderContext | null = null\nlet _hookIndex = 0\n\nexport function getCurrentCtx(): RenderContext | null {\n  return _currentCtx\n}\n\nexport function getHookIndex(): number {\n  return _hookIndex++\n}\n\nexport function beginRender(ctx: RenderContext): void {\n  _currentCtx = ctx\n  _hookIndex = 0\n  ctx.pendingEffects = []\n  ctx.pendingLayoutEffects = []\n}\n\nexport function endRender(): void {\n  _currentCtx = null\n  _hookIndex = 0\n}\n\n// ─── Effect runners ──────────────────────────────────────────────────────────\n\nfunction runLayoutEffects(entries: EffectEntry[]): void {\n  for (const entry of entries) {\n    if (entry.cleanup) entry.cleanup()\n    const cleanup = entry.fn()\n    entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n  }\n}\n\nfunction scheduleEffects(ctx: RenderContext, entries: EffectEntry[]): void {\n  if (entries.length === 0) return\n  queueMicrotask(() => {\n    for (const entry of entries) {\n      if (ctx.unmounted) return\n      if (entry.cleanup) entry.cleanup()\n      const cleanup = entry.fn()\n      entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n    }\n  })\n}\n\n// ─── Component wrapping ──────────────────────────────────────────────────────\n\nconst _wrapperCache = new WeakMap<Function, ComponentFn>()\n\nfunction wrapCompatComponent(reactComponent: Function): ComponentFn {\n  let wrapped = _wrapperCache.get(reactComponent)\n  if (wrapped) return wrapped\n\n  // The wrapper returns a reactive accessor (() => VNodeChild) which Pyreon's\n  // mountChild treats as a reactive expression via mountReactive.\n  wrapped = ((props: Props) => {\n    const ctx: RenderContext = {\n      hooks: [],\n      scheduleRerender: () => {\n        // Will be replaced below after version signal is created\n      },\n      pendingEffects: [],\n      pendingLayoutEffects: [],\n      unmounted: false,\n    }\n\n    const version = signal(0)\n    let updateScheduled = false\n\n    ctx.scheduleRerender = () => {\n      if (ctx.unmounted || updateScheduled) return\n      updateScheduled = true\n      queueMicrotask(() => {\n        updateScheduled = false\n        if (!ctx.unmounted) version.set(version.peek() + 1)\n      })\n    }\n\n    // Return reactive accessor — Pyreon's mountChild calls mountReactive\n    return () => {\n      version() // tracked read — triggers re-execution when state changes\n      beginRender(ctx)\n      const result = (reactComponent as ComponentFn)(props)\n      const layoutEffects = ctx.pendingLayoutEffects\n      const effects = ctx.pendingEffects\n      endRender()\n\n      runLayoutEffects(layoutEffects)\n      scheduleEffects(ctx, effects)\n\n      return result\n    }\n  }) as unknown as ComponentFn\n\n  _wrapperCache.set(reactComponent, wrapped)\n  return wrapped\n}\n\n// ─── JSX functions ───────────────────────────────────────────────────────────\n\nexport function jsx(\n  type: string | ComponentFn | symbol,\n  props: Props & { children?: VNodeChild | VNodeChild[] },\n  key?: string | number | null,\n): VNode {\n  const { children, ...rest } = props\n  const propsWithKey = (key != null ? { ...rest, key } : rest) as Props\n\n  if (typeof type === 'function') {\n    // Wrap React-style component for re-render support\n    const wrapped = wrapCompatComponent(type)\n    const componentProps = children !== undefined ? { ...propsWithKey, children } : propsWithKey\n    return h(wrapped, componentProps)\n  }\n\n  // DOM element or symbol (Fragment): children go in vnode.children\n  const childArray = children === undefined ? [] : Array.isArray(children) ? children : [children]\n\n  // Map React-style attributes to standard HTML attributes\n  if (typeof type === 'string') {\n    if (propsWithKey.className !== undefined) {\n      propsWithKey.class = propsWithKey.className\n      delete propsWithKey.className\n    }\n    if (propsWithKey.htmlFor !== undefined) {\n      propsWithKey.for = propsWithKey.htmlFor\n      delete propsWithKey.htmlFor\n    }\n  }\n\n  return h(type, propsWithKey, ...(childArray as VNodeChild[]))\n}\n\nexport const jsxs = jsx\nexport const jsxDEV = jsx\n"],"mappings":";;;;AAqCA,IAAI,cAAoC;AACxC,IAAI,aAAa;AAUjB,SAAgB,YAAY,KAA0B;AACpD,eAAc;AACd,cAAa;AACb,KAAI,iBAAiB,EAAE;AACvB,KAAI,uBAAuB,EAAE;;AAG/B,SAAgB,YAAkB;AAChC,eAAc;AACd,cAAa;;AAKf,SAAS,iBAAiB,SAA8B;AACtD,MAAK,MAAM,SAAS,SAAS;AAC3B,MAAI,MAAM,QAAS,OAAM,SAAS;EAClC,MAAM,UAAU,MAAM,IAAI;AAC1B,QAAM,UAAU,OAAO,YAAY,aAAa,UAAU;;;AAI9D,SAAS,gBAAgB,KAAoB,SAA8B;AACzE,KAAI,QAAQ,WAAW,EAAG;AAC1B,sBAAqB;AACnB,OAAK,MAAM,SAAS,SAAS;AAC3B,OAAI,IAAI,UAAW;AACnB,OAAI,MAAM,QAAS,OAAM,SAAS;GAClC,MAAM,UAAU,MAAM,IAAI;AAC1B,SAAM,UAAU,OAAO,YAAY,aAAa,UAAU;;GAE5D;;AAKJ,MAAM,gCAAgB,IAAI,SAAgC;AAE1D,SAAS,oBAAoB,gBAAuC;CAClE,IAAI,UAAU,cAAc,IAAI,eAAe;AAC/C,KAAI,QAAS,QAAO;AAIpB,aAAY,UAAiB;EAC3B,MAAM,MAAqB;GACzB,OAAO,EAAE;GACT,wBAAwB;GAGxB,gBAAgB,EAAE;GAClB,sBAAsB,EAAE;GACxB,WAAW;GACZ;EAED,MAAM,UAAU,OAAO,EAAE;EACzB,IAAI,kBAAkB;AAEtB,MAAI,yBAAyB;AAC3B,OAAI,IAAI,aAAa,gBAAiB;AACtC,qBAAkB;AAClB,wBAAqB;AACnB,sBAAkB;AAClB,QAAI,CAAC,IAAI,UAAW,SAAQ,IAAI,QAAQ,MAAM,GAAG,EAAE;KACnD;;AAIJ,eAAa;AACX,YAAS;AACT,eAAY,IAAI;GAChB,MAAM,SAAU,eAA+B,MAAM;GACrD,MAAM,gBAAgB,IAAI;GAC1B,MAAM,UAAU,IAAI;AACpB,cAAW;AAEX,oBAAiB,cAAc;AAC/B,mBAAgB,KAAK,QAAQ;AAE7B,UAAO;;;AAIX,eAAc,IAAI,gBAAgB,QAAQ;AAC1C,QAAO;;AAKT,SAAgB,IACd,MACA,OACA,KACO;CACP,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,MAAM,eAAgB,OAAO,OAAO;EAAE,GAAG;EAAM;EAAK,GAAG;AAEvD,KAAI,OAAO,SAAS,WAIlB,QAAO,EAFS,oBAAoB,KAAK,EAClB,aAAa,SAAY;EAAE,GAAG;EAAc;EAAU,GAAG,aAC/C;CAInC,MAAM,aAAa,aAAa,SAAY,EAAE,GAAG,MAAM,QAAQ,SAAS,GAAG,WAAW,CAAC,SAAS;AAGhG,KAAI,OAAO,SAAS,UAAU;AAC5B,MAAI,aAAa,cAAc,QAAW;AACxC,gBAAa,QAAQ,aAAa;AAClC,UAAO,aAAa;;AAEtB,MAAI,aAAa,YAAY,QAAW;AACtC,gBAAa,MAAM,aAAa;AAChC,UAAO,aAAa;;;AAIxB,QAAO,EAAE,MAAM,cAAc,GAAI,WAA4B;;AAG/D,MAAa,OAAO"}
+{"version":3,"file":"jsx-runtime.js","names":[],"sources":["../src/jsx-runtime.ts"],"sourcesContent":["/**\n * Compat JSX runtime for React compatibility mode.\n *\n * When `jsxImportSource` is set to `@pyreon/react-compat` (via the vite plugin's\n * `compat: \"react\"` option), OXC rewrites JSX to import from this file:\n *   <div className=\"x\" />  →  jsx(\"div\", { className: \"x\" })\n *\n * For component VNodes, we wrap the component function so it returns a reactive\n * accessor — enabling React-style re-renders on state change while Pyreon's\n * existing renderer handles all DOM work.\n */\n\nimport type { ComponentFn, Props, VNode, VNodeChild } from '@pyreon/core'\nimport { Fragment, h, onUnmount } from '@pyreon/core'\nimport { signal } from '@pyreon/reactivity'\n\nexport { Fragment }\n\n// ─── Render context (used by hooks) ──────────────────────────────────────────\n\nexport interface RenderContext {\n  hooks: unknown[]\n  scheduleRerender: () => void\n  /** Insertion effect entries pending execution before layout effects */\n  pendingInsertionEffects: EffectEntry[]\n  /** Effect entries pending execution after render */\n  pendingEffects: EffectEntry[]\n  /** Layout effect entries pending execution after render */\n  pendingLayoutEffects: EffectEntry[]\n  /** Set to true when the component is unmounted */\n  unmounted: boolean\n  /** Hook count from the previous render (dev-mode ordering guard) */\n  _hookCount?: number\n}\n\nexport interface EffectEntry {\n  fn: () => (() => void) | void\n  deps: unknown[] | undefined\n  cleanup: (() => void) | undefined\n}\n\nlet _currentCtx: RenderContext | null = null\nlet _hookIndex = 0\nlet _expectedHookCount = -1\n\nexport function getCurrentCtx(): RenderContext | null {\n  return _currentCtx\n}\n\nexport function getHookIndex(): number {\n  return _hookIndex++\n}\n\nexport function beginRender(ctx: RenderContext): void {\n  _currentCtx = ctx\n  _hookIndex = 0\n  ctx.pendingInsertionEffects = []\n  ctx.pendingEffects = []\n  ctx.pendingLayoutEffects = []\n\n  // On re-renders, remember the hook count from last render\n  if (ctx._hookCount !== undefined) {\n    _expectedHookCount = ctx._hookCount\n  } else {\n    _expectedHookCount = -1\n  }\n}\n\nexport function endRender(): void {\n  if (_currentCtx) {\n    // Dev-mode: check hook count matches expected\n    if (\n      (import.meta as { env?: { DEV?: boolean } }).env?.DEV &&\n      _expectedHookCount !== -1 &&\n      _hookIndex !== _expectedHookCount\n    ) {\n      console.error(\n        `[Pyreon] Hook count changed between renders (expected ${_expectedHookCount}, got ${_hookIndex}). ` +\n          `This usually means a hook is called conditionally. Hooks must be called in the same order every render.`,\n      )\n    }\n    _currentCtx._hookCount = _hookIndex\n  }\n  _currentCtx = null\n  _hookIndex = 0\n}\n\n// ─── Effect runners ──────────────────────────────────────────────────────────\n\nfunction runLayoutEffects(entries: EffectEntry[]): void {\n  for (const entry of entries) {\n    if (entry.cleanup) entry.cleanup()\n    const cleanup = entry.fn()\n    entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n  }\n}\n\nfunction scheduleEffects(ctx: RenderContext, entries: EffectEntry[]): void {\n  if (entries.length === 0) return\n  queueMicrotask(() => {\n    for (const entry of entries) {\n      if (ctx.unmounted) return\n      if (entry.cleanup) entry.cleanup()\n      const cleanup = entry.fn()\n      entry.cleanup = typeof cleanup === 'function' ? cleanup : undefined\n    }\n  })\n}\n\n// ─── Component wrapping ──────────────────────────────────────────────────────\n\nconst _wrapperCache = new WeakMap<Function, ComponentFn>()\n\nfunction wrapCompatComponent(reactComponent: Function): ComponentFn {\n  let wrapped = _wrapperCache.get(reactComponent)\n  if (wrapped) return wrapped\n\n  // The wrapper returns a reactive accessor (() => VNodeChild) which Pyreon's\n  // mountChild treats as a reactive expression via mountReactive.\n  wrapped = ((props: Props) => {\n    const ctx: RenderContext = {\n      hooks: [],\n      scheduleRerender: () => {\n        // Will be replaced below after version signal is created\n      },\n      pendingInsertionEffects: [],\n      pendingEffects: [],\n      pendingLayoutEffects: [],\n      unmounted: false,\n    }\n\n    const version = signal(0)\n    let updateScheduled = false\n\n    ctx.scheduleRerender = () => {\n      if (ctx.unmounted || updateScheduled) return\n      updateScheduled = true\n      queueMicrotask(() => {\n        updateScheduled = false\n        if (!ctx.unmounted) version.set(version.peek() + 1)\n      })\n    }\n\n    // Register cleanup for all hooks on unmount\n    onUnmount(() => {\n      ctx.unmounted = true\n      for (const hook of ctx.hooks) {\n        if (hook && typeof hook === 'object' && 'cleanup' in hook) {\n          const entry = hook as EffectEntry\n          if (typeof entry.cleanup === 'function') entry.cleanup()\n        }\n        if (hook && typeof hook === 'object' && 'unsubscribe' in hook) {\n          const sub = hook as { unsubscribe?: () => void }\n          if (typeof sub.unsubscribe === 'function') sub.unsubscribe()\n        }\n        if (hook && typeof hook === 'object' && '_contextUnsub' in hook) {\n          const ctxHook = hook as { _contextUnsub?: () => void }\n          if (typeof ctxHook._contextUnsub === 'function') ctxHook._contextUnsub()\n        }\n      }\n    })\n\n    // Return reactive accessor — Pyreon's mountChild calls mountReactive\n    return () => {\n      version() // tracked read — triggers re-execution when state changes\n      beginRender(ctx)\n      const result = (reactComponent as ComponentFn)(props)\n      const insertionEffects = ctx.pendingInsertionEffects\n      const layoutEffects = ctx.pendingLayoutEffects\n      const effects = ctx.pendingEffects\n      endRender()\n\n      // Run in React's order: insertion → layout → passive\n      runLayoutEffects(insertionEffects)\n      runLayoutEffects(layoutEffects)\n      scheduleEffects(ctx, effects)\n\n      return result\n    }\n  }) as unknown as ComponentFn\n\n  _wrapperCache.set(reactComponent, wrapped)\n  return wrapped\n}\n\n// ─── JSX functions ───────────────────────────────────────────────────────────\n\nexport function jsx(\n  type: string | ComponentFn | symbol,\n  props: Props & { children?: VNodeChild | VNodeChild[] },\n  key?: string | number | null,\n): VNode {\n  const { children, ...rest } = props\n  const propsWithKey = (key != null ? { ...rest, key } : rest) as Props\n\n  if (typeof type === 'function') {\n    const componentProps = children !== undefined ? { ...propsWithKey, children } : propsWithKey\n    // Native Pyreon components (e.g. context Provider) skip compat wrapping\n    const NATIVE = Symbol.for('pyreon:native-compat')\n    if ((type as unknown as Record<symbol, boolean>)[NATIVE]) {\n      return h(type as ComponentFn, componentProps)\n    }\n    // Wrap React-style component for re-render support\n    const wrapped = wrapCompatComponent(type)\n    return h(wrapped, componentProps)\n  }\n\n  // DOM element or symbol (Fragment): children go in vnode.children\n  const childArray = children === undefined ? [] : Array.isArray(children) ? children : [children]\n\n  // Map React-style attributes to standard HTML attributes\n  if (typeof type === 'string') {\n    if (propsWithKey.className !== undefined) {\n      propsWithKey.class = propsWithKey.className\n      delete propsWithKey.className\n    }\n    if (propsWithKey.htmlFor !== undefined) {\n      propsWithKey.for = propsWithKey.htmlFor\n      delete propsWithKey.htmlFor\n    }\n\n    // React's onChange fires on every keystroke for form elements (like onInput)\n    if (\n      (type === 'input' || type === 'textarea' || type === 'select') &&\n      propsWithKey.onChange !== undefined\n    ) {\n      if (propsWithKey.onInput === undefined) {\n        propsWithKey.onInput = propsWithKey.onChange\n      }\n      delete propsWithKey.onChange\n    }\n\n    // autoFocus → autofocus\n    if (propsWithKey.autoFocus !== undefined) {\n      propsWithKey.autofocus = propsWithKey.autoFocus\n      delete propsWithKey.autoFocus\n    }\n\n    // defaultValue / defaultChecked → value / checked when no controlled value\n    if (type === 'input' || type === 'textarea') {\n      if (propsWithKey.defaultValue !== undefined && propsWithKey.value === undefined) {\n        propsWithKey.value = propsWithKey.defaultValue\n        delete propsWithKey.defaultValue\n      }\n      if (propsWithKey.defaultChecked !== undefined && propsWithKey.checked === undefined) {\n        propsWithKey.checked = propsWithKey.defaultChecked\n        delete propsWithKey.defaultChecked\n      }\n    }\n\n    // Strip React-only props that have no DOM equivalent\n    delete propsWithKey.suppressHydrationWarning\n    delete propsWithKey.suppressContentEditableWarning\n  }\n\n  return h(type, propsWithKey, ...(childArray as VNodeChild[]))\n}\n\nexport const jsxs = jsx\nexport const jsxDEV = jsx\n"],"mappings":"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"}

package/lib/types/index.d.ts

@@ -1,4 +1,4 @@
-import { ErrorBoundary, Fragment, Props, Suspense, VNode, VNode as ReactNode, VNodeChild, VNodeChild as VNodeChild$1, createContext, h, h as createElement, lazy, useContext } from "@pyreon/core";
+import { CSSProperties, Context, ErrorBoundary, Fragment, Props, Suspense, VNode, VNode as VNode$1, VNodeChild, VNodeChild as VNodeChild$1, createRef, h, h as createElement, lazy } from "@pyreon/core";
 import { batch } from "@pyreon/reactivity";
 
 //#region src/index.d.ts
@@ -9,8 +9,9 @@ import { batch } from "@pyreon/reactivity";
 declare function useState<T>(initial: T | (() => T)): [T, (v: T | ((prev: T) => T)) => void];
 /**
  * React-compatible `useReducer` — returns `[state, dispatch]`.
+ * Supports the 3-argument form: `useReducer(reducer, initialArg, init)`.
  */
-declare function useReducer<S, A>(reducer: (state: S, action: A) => S, initial: S | (() => S)): [S, (action: A) => void];
+declare function useReducer<S, A>(reducer: (state: S, action: A) => S, initialArg: S | (() => S), init?: (arg: S) => S): [S, (action: A) => void];
 /**
  * React-compatible `useEffect` — runs after render when deps change.
  * Returns cleanup on unmount and before re-running.
@@ -20,6 +21,11 @@ declare function useEffect(fn: () => (() => void) | void, deps?: unknown[]): voi
  * React-compatible `useLayoutEffect` — runs synchronously after DOM mutations.
  */
 declare function useLayoutEffect(fn: () => (() => void) | void, deps?: unknown[]): void;
+/**
+ * React-compatible `useInsertionEffect` — runs synchronously before layout effects.
+ * Intended for CSS-in-JS libraries to inject styles before DOM reads.
+ */
+declare function useInsertionEffect(fn: () => (() => void) | void, deps?: unknown[]): void;
 /**
  * React-compatible `useMemo` — returns the cached value, recomputed when deps change.
  */
@@ -34,6 +40,48 @@ declare function useCallback<T extends (...args: never[]) => unknown>(fn: T, dep
 declare function useRef<T>(initial?: T): {
   current: T | null;
 };
+declare const COMPAT_CTX: unique symbol;
+/**
+ * Compat-specific context with subscriber notification and tree-scoped nesting.
+ *
+ * Uses Pyreon's native context stack for tree-scoped Provider nesting (inner
+ * Providers override outer ones for their subtree), with a subscriber set
+ * layered on top for React-style consumer re-rendering.
+ */
+interface CompatContext<T> {
+  /** Brand marker so `useContext` can distinguish compat contexts */
+  readonly [COMPAT_CTX_BRAND]: true;
+  /** Default value when no Provider is mounted */
+  _defaultValue: T;
+  /** Pyreon native context for tree-scoped value+subscriber storage */
+  _pyreonCtx: Context<{
+    value: T;
+    subscribers: Set<() => void>;
+  }>;
+  /** Subscribers at the default (no-Provider) level */
+  _subscribers: Set<() => void>;
+  /** React-compatible Provider component (native Pyreon, NOT compat-wrapped).
+   * Returns a reactive accessor `() => VNodeChild` for Pyreon's renderer. */
+  Provider: (props: Record<string, unknown>) => unknown;
+}
+declare const COMPAT_CTX_BRAND: typeof COMPAT_CTX;
+/**
+ * React-compatible `createContext` — creates a context with a Provider that
+ * supports nested Providers (inner overrides outer for its subtree) and
+ * notifies all `useContext` consumers when its value changes.
+ */
+declare function createContext<T>(defaultValue: T): CompatContext<T>;
+/**
+ * React-compatible `useContext` — reads the current context value and
+ * subscribes the calling component to future value changes.
+ *
+ * Reads from Pyreon's tree-scoped context stack (correct nesting) and
+ * subscribes to the nearest Provider's subscriber set for re-rendering.
+ *
+ * Works with both compat contexts (from this module's `createContext`) and
+ * Pyreon native contexts (from `@pyreon/core`).
+ */
+declare function useContext<T>(context: CompatContext<T> | Context<T>): T;
 /**
  * React-compatible `useId` — returns a stable unique string per hook call.
  */
@@ -41,6 +89,9 @@ declare function useId(): string;
 /**
  * React-compatible `memo` — wraps a component to skip re-render when props
  * are shallowly equal.
+ *
+ * Each component INSTANCE gets its own props/result cache via a hook slot,
+ * so two `<MemoComp />` usages don't share memoization state.
  */
 declare function memo<P extends Record<string, unknown>>(component: (props: P) => VNodeChild$1, areEqual?: (prevProps: P, nextProps: P) => boolean): (props: P) => VNodeChild$1;
 /**
@@ -76,7 +127,7 @@ declare function forwardRef<P extends Record<string, unknown>>(render: (props: P
 /**
  * React-compatible `cloneElement` — creates a new VNode with merged props.
  */
-declare function cloneElement(element: VNode, props?: Record<string, unknown>, ...children: VNodeChild$1[]): VNode;
+declare function cloneElement(element: VNode$1, props?: Record<string, unknown>, ...children: VNodeChild$1[]): VNode$1;
 /**
  * React-compatible `Children` utilities for working with VNode children.
  */
@@ -102,6 +153,156 @@ declare const Children: {
    */
   only(children: VNodeChild$1 | VNodeChild$1[]): VNodeChild$1;
 };
+/**
+ * React-compatible `useSyncExternalStore` — subscribes to an external store.
+ * Re-subscribes automatically when the `subscribe` function identity changes.
+ */
+declare function useSyncExternalStore<T>(subscribe: (onStoreChange: () => void) => () => void, getSnapshot: () => T, getServerSnapshot?: () => T): T;
+/**
+ * React-compatible `use` — reads a Context or suspends on a Promise.
+ * Can be called conditionally (unlike other hooks).
+ *
+ * IMPORTANT: Promises must have a stable identity across renders.
+ * Create promises outside the component or memoize them. Calling
+ * `use(fetch('/api'))` creates a new promise each render and will
+ * cause infinite suspension.
+ */
+declare function use<T>(resource: Context<T> | CompatContext<T> | Promise<T>): T;
+/**
+ * React-compatible `useActionState` — manages async action state with pending indicator.
+ */
+declare function useActionState<S, P>(action: (state: S, payload: P) => S | Promise<S>, initialState: S): [S, (payload: P) => void, boolean];
+/**
+ * React-compatible `startTransition` — runs the callback synchronously.
+ * No concurrent mode in Pyreon, so transitions are immediate.
+ */
+declare function startTransition(fn: () => void): void;
+/**
+ * React-compatible `isValidElement` — checks if a value is a VNode.
+ */
+declare function isValidElement(value: unknown): value is VNode$1;
+/**
+ * React-compatible `useDebugValue` — no-op in Pyreon (no React DevTools integration).
+ */
+declare function useDebugValue<T>(_value: T, _format?: (v: T) => unknown): void;
+/**
+ * React-compatible `flushSync` — runs the callback synchronously.
+ *
+ * BEHAVIORAL DIFFERENCE: In Pyreon's compat model, state updates are
+ * batched via microtask. flushSync runs the callback and returns its
+ * result, but the DOM updates triggered by state changes inside the
+ * callback still fire asynchronously. For DOM measurement after state
+ * updates, use `await act(() => setState(...))` in tests, or
+ * `requestAnimationFrame` in production code.
+ */
+declare function flushSync<T>(fn: () => T): T;
+/**
+ * React-compatible `act` — flushes pending microtasks for testing.
+ */
+declare function act(fn: () => void | Promise<void>): Promise<void>;
+declare const version = "19.0.0-pyreon";
+/**
+ * React-compatible `StrictMode` — pass-through in Pyreon (no double-invoke behavior).
+ */
+declare function StrictMode(props: {
+  children?: VNodeChild$1;
+}): VNodeChild$1;
+/**
+ * React-compatible `Profiler` — pass-through in Pyreon (no profiling integration).
+ */
+declare function Profiler(props: {
+  id: string;
+  onRender?: (...args: unknown[]) => void;
+  children?: VNodeChild$1;
+}): VNodeChild$1;
+/**
+ * React-compatible `Component` class stub.
+ * Class components are not fully supported — use function components with hooks.
+ */
+declare class Component<P = Record<string, unknown>, S = Record<string, unknown>> {
+  props: Readonly<P>;
+  state: Readonly<S>;
+  constructor(props: P);
+  setState(_partial: Partial<S> | ((prev: S) => Partial<S>)): void;
+  forceUpdate(): void;
+  render(): VNodeChild$1;
+}
+/**
+ * React-compatible `PureComponent` class stub.
+ */
+declare class PureComponent<P = Record<string, unknown>, S = Record<string, unknown>> extends Component<P, S> {}
+type FC<P = Record<string, unknown>> = (props: P) => VNodeChild$1;
+type FunctionComponent<P = Record<string, unknown>> = FC<P>;
+type ReactElement = VNode$1;
+type ReactNode = VNodeChild$1;
+type JSXElementConstructor<P> = (props: P) => VNodeChild$1;
+type Dispatch<A> = (action: A) => void;
+type SetStateAction<S> = S | ((prev: S) => S);
+type RefObject<T> = {
+  readonly current: T | null;
+};
+type MutableRefObject<T> = {
+  current: T;
+};
+type RefCallback<T> = (instance: T | null) => void;
+type ForwardedRef<T> = RefObject<T> | RefCallback<T> | null;
+type PropsWithChildren<P = Record<string, unknown>> = P & {
+  children?: ReactNode;
+};
+type PropsWithRef<P> = P & {
+  ref?: RefObject<unknown> | RefCallback<unknown> | null;
+};
+type SyntheticEvent<T = Element> = Event & {
+  currentTarget: T;
+};
+type ChangeEvent<T = Element> = Event & {
+  currentTarget: T;
+  target: T;
+};
+type FormEvent<T = Element> = Event & {
+  currentTarget: T;
+};
+type MouseEvent<T = Element> = globalThis.MouseEvent & {
+  currentTarget: T;
+};
+type KeyboardEvent<T = Element> = globalThis.KeyboardEvent & {
+  currentTarget: T;
+};
+type FocusEvent<T = Element> = globalThis.FocusEvent & {
+  currentTarget: T;
+};
+type DragEvent<T = Element> = globalThis.DragEvent & {
+  currentTarget: T;
+};
+type PointerEvent<T = Element> = globalThis.PointerEvent & {
+  currentTarget: T;
+};
+type TouchEvent<T = Element> = globalThis.TouchEvent & {
+  currentTarget: T;
+};
+type ClipboardEvent<T = Element> = globalThis.ClipboardEvent & {
+  currentTarget: T;
+};
+type AnimationEvent<T = Element> = globalThis.AnimationEvent & {
+  currentTarget: T;
+};
+type TransitionEvent<T = Element> = globalThis.TransitionEvent & {
+  currentTarget: T;
+};
+type WheelEvent<T = Element> = globalThis.WheelEvent & {
+  currentTarget: T;
+};
+type HTMLAttributes<T = HTMLElement> = Record<string, unknown> & {
+  ref?: RefObject<T> | RefCallback<T> | null;
+};
+type InputHTMLAttributes<T = HTMLInputElement> = HTMLAttributes<T>;
+type TextareaHTMLAttributes<T = HTMLTextAreaElement> = HTMLAttributes<T>;
+type SelectHTMLAttributes<T = HTMLSelectElement> = HTMLAttributes<T>;
+type ButtonHTMLAttributes<T = HTMLButtonElement> = HTMLAttributes<T>;
+type AnchorHTMLAttributes<T = HTMLAnchorElement> = HTMLAttributes<T>;
+type FormHTMLAttributes<T = HTMLFormElement> = HTMLAttributes<T>;
+type ImgHTMLAttributes<T = HTMLImageElement> = HTMLAttributes<T>;
+type SVGAttributes<T = SVGElement> = HTMLAttributes<T>;
 //#endregion
-export { Children, ErrorBoundary, Fragment, type Props, type ReactNode, Suspense, type VNodeChild, batch, cloneElement, createContext, createElement, createPortal, forwardRef, h, lazy, memo, useCallback, useContext, useDeferredValue, useEffect, useId, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useTransition };
+export { AnchorHTMLAttributes, AnimationEvent, ButtonHTMLAttributes, type CSSProperties, ChangeEvent, Children, ClipboardEvent, CompatContext, Component, type Context, Dispatch, DragEvent, ErrorBoundary, FC, FocusEvent, FormEvent, FormHTMLAttributes, ForwardedRef, Fragment, FunctionComponent, HTMLAttributes, ImgHTMLAttributes, InputHTMLAttributes, JSXElementConstructor, KeyboardEvent, MouseEvent, MutableRefObject, PointerEvent, Profiler, type Props, PropsWithChildren, PropsWithRef, PureComponent, ReactElement, ReactNode, RefCallback, RefObject, SVGAttributes, SelectHTMLAttributes, SetStateAction, StrictMode, Suspense, SyntheticEvent, TextareaHTMLAttributes, TouchEvent, TransitionEvent, type VNode, type VNodeChild, WheelEvent, act, batch, cloneElement, createContext, createElement, createPortal, createRef, flushSync, forwardRef, h, isValidElement, lazy, memo, startTransition, use, useActionState, useCallback, useContext, useDebugValue, useDeferredValue, useEffect, useId, useImperativeHandle, useInsertionEffect, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore, useTransition, version };
 //# sourceMappingURL=index2.d.ts.map

package/lib/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index2.d.ts","names":[],"sources":["../../../src/index.ts"],"mappings":";;;;;;;;iBA8CgB,QAAA,GAAA,CAAY,OAAA,EAAS,CAAA,UAAW,CAAA,KAAM,CAAA,GAAI,CAAA,EAAG,CAAA,KAAM,IAAA,EAAM,CAAA,KAAM,CAAA;;;;iBAyB/D,UAAA,MAAA,CACd,OAAA,GAAU,KAAA,EAAO,CAAA,EAAG,MAAA,EAAQ,CAAA,KAAM,CAAA,EAClC,OAAA,EAAS,CAAA,UAAW,CAAA,KAClB,CAAA,GAAI,MAAA,EAAQ,CAAA;AAHhB;;;;AAAA,iBA6BgB,SAAA,CAAU,EAAA,6BAA+B,IAAA;;;;iBAsBzC,eAAA,CAAgB,EAAA,6BAA+B,IAAA;;;;iBAuB/C,OAAA,GAAA,CAAW,EAAA,QAAU,CAAA,EAAG,IAAA,cAAkB,CAAA;;;;iBAqB1C,WAAA,eAA0B,IAAA,sBAAA,CAA2B,EAAA,EAAI,CAAA,EAAG,IAAA,cAAkB,CAAA;;;;iBAS9E,MAAA,GAAA,CAAU,OAAA,GAAU,CAAA;EAAM,OAAA,EAAS,CAAA;AAAA;;;;iBAuBnC,KAAA,CAAA;AAlGhB;;;;AAAA,iBAmHgB,IAAA,WAAe,MAAA,kBAAA,CAC7B,SAAA,GAAY,KAAA,EAAO,CAAA,KAAM,YAAA,EACzB,QAAA,IAAY,SAAA,EAAW,CAAA,EAAG,SAAA,EAAW,CAAA,gBACnC,KAAA,EAAO,CAAA,KAAM,YAAA;AAhGjB;;;AAAA,iBA6HgB,aAAA,CAAA,cAA4B,EAAA;;AAtG5C;;iBA6GgB,gBAAA,GAAA,CAAoB,KAAA,EAAO,CAAA,GAAI,CAAA;;;;iBAS/B,mBAAA,GAAA,CACd,GAAA;EAAO,OAAA,EAAS,CAAA;AAAA,sBAChB,IAAA,QAAY,CAAA,EACZ,IAAA;;AApGF;;iBAuHgB,YAAA,CAAa,QAAA,EAAU,YAAA,EAAY,MAAA,EAAQ,OAAA,GAAU,YAAA;;;;;;iBAgBrD,UAAA,WAAqB,MAAA,kBAAA,CACnC,MAAA,GAAS,KAAA,EAAO,CAAA,EAAG,GAAA;EAAO,OAAA;AAAA,aAA8B,YAAA,IACtD,KAAA,EAAO,CAAA;EAAM,GAAA;IAAQ,OAAA;EAAA;AAAA,MAAgC,YAAA;;;;iBAYzC,YAAA,CACd,OAAA,EAAS,KAAA,EACT,KAAA,GAAQ,MAAA,sBACL,QAAA,EAAU,YAAA,KACZ,KAAA;;;AAzHH;cAkJa,QAAA;;;;SAIN,QAAA,EAAY,YAAA,GAAa,YAAA,IAAY,EAAA,GAAO,KAAA,EAAO,YAAA,EAAY,KAAA,aAAkB,CAAA,GAAI,CAAA;EArIxE;;;oBAmJA,YAAA,GAAa,YAAA,IAAY,EAAA,GAAO,KAAA,EAAO,YAAA,EAAY,KAAA;EAlJ5C;;;kBA8JT,YAAA,GAAa,YAAA;EA5Jd;;;oBAwKG,YAAA,GAAa,YAAA,KAAe,YAAA;EA3KjB;;;iBAmLd,YAAA,GAAa,YAAA,KAAe,YAAA;AAAA"}
+{"version":3,"file":"index2.d.ts","names":[],"sources":["../../../src/index.ts"],"mappings":"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"}

package/lib/types/jsx-runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"jsx-runtime2.d.ts","names":[],"sources":["../../../src/jsx-runtime.ts"],"mappings":";;;iBAyIgB,GAAA,CACd,IAAA,WAAe,WAAA,WACf,KAAA,EAAO,KAAA;EAAU,QAAA,GAAW,UAAA,GAAa,UAAA;AAAA,GACzC,GAAA,4BACC,KAAA;AAAA,cA6BU,IAAA,SAAI,GAAA"}
+{"version":3,"file":"jsx-runtime2.d.ts","names":[],"sources":["../../../src/jsx-runtime.ts"],"mappings":";;;iBA2LgB,GAAA,CACd,IAAA,WAAe,WAAA,WACf,KAAA,EAAO,KAAA;EAAU,QAAA,GAAW,UAAA,GAAa,UAAA;AAAA,GACzC,GAAA,4BACC,KAAA;AAAA,cAmEU,IAAA,SAAI,GAAA"}