@fictjs/runtime 0.7.0 → 0.9.0

package/dist/{chunk-HHDHQGJY.cjs → chunk-PG4QX2I2.cjs}

@@ -3,7 +3,7 @@
 
 
 
-var _chunkPRF4QG73cjs = require('./chunk-PRF4QG73.cjs');
+var _chunkOAM7HABAcjs = require('./chunk-OAM7HABA.cjs');
 
 
 
@@ -12,7 +12,7 @@ var _chunkPRF4QG73cjs = require('./chunk-PRF4QG73.cjs');
 
 
 
-var _chunkFSCBL7RIcjs = require('./chunk-FSCBL7RI.cjs');
+var _chunkUBFDB6OLcjs = require('./chunk-UBFDB6OL.cjs');
 
 // src/context.ts
 var contextStorage = /* @__PURE__ */ new WeakMap();
@@ -32,8 +32,8 @@ function createContext(defaultValue) {
     Provider: null
   };
   context.Provider = function Provider(props) {
-    const hostRoot = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
-    const providerRoot = _chunkFSCBL7RIcjs.createRootContext.call(void 0, hostRoot);
+    const hostRoot = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
+    const providerRoot = _chunkUBFDB6OLcjs.createRootContext.call(void 0, hostRoot);
     const contextMap = getContextMap(providerRoot);
     contextMap.set(id, props.value);
     const fragment = document.createDocumentFragment();
@@ -47,32 +47,32 @@ function createContext(defaultValue) {
         cleanup = void 0;
       }
       if (activeNodes.length) {
-        _chunkPRF4QG73cjs.removeNodes.call(void 0, activeNodes);
+        _chunkOAM7HABAcjs.removeNodes.call(void 0, activeNodes);
         activeNodes = [];
       }
       if (children == null || children === false) {
         return;
       }
-      const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, providerRoot);
+      const prev = _chunkUBFDB6OLcjs.pushRoot.call(void 0, providerRoot);
       let nodes = [];
       try {
-        const output = _chunkPRF4QG73cjs.createElement.call(void 0, children);
-        nodes = _chunkPRF4QG73cjs.toNodeArray.call(void 0, output);
+        const output = _chunkOAM7HABAcjs.createElement.call(void 0, children);
+        nodes = _chunkOAM7HABAcjs.toNodeArray.call(void 0, output);
         const parentNode = marker.parentNode;
         if (parentNode) {
-          _chunkPRF4QG73cjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
+          _chunkOAM7HABAcjs.insertNodesBefore.call(void 0, parentNode, nodes, marker);
         }
       } finally {
-        _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
-        _chunkFSCBL7RIcjs.flushOnMount.call(void 0, providerRoot);
+        _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, providerRoot);
       }
       cleanup = () => {
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, providerRoot);
-        _chunkPRF4QG73cjs.removeNodes.call(void 0, nodes);
+        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, providerRoot);
+        _chunkOAM7HABAcjs.removeNodes.call(void 0, nodes);
       };
       activeNodes = nodes;
     };
-    _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+    _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
       contextMap.set(id, props.value);
       renderChildren(props.children);
     });
@@ -81,7 +81,7 @@ function createContext(defaultValue) {
   return context;
 }
 function useContext(context) {
-  let root = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+  let root = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
   while (root) {
     const contextMap = contextStorage.get(root);
     if (contextMap && contextMap.has(context.id)) {
@@ -92,7 +92,7 @@ function useContext(context) {
   return context.defaultValue;
 }
 function hasContext(context) {
-  let root = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+  let root = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
   while (root) {
     const contextMap = contextStorage.get(root);
     if (contextMap && contextMap.has(context.id)) {
@@ -108,4 +108,4 @@ function hasContext(context) {
 
 
 exports.createContext = createContext; exports.useContext = useContext; exports.hasContext = hasContext;
-//# sourceMappingURL=chunk-HHDHQGJY.cjs.map
+//# sourceMappingURL=chunk-PG4QX2I2.cjs.map

package/dist/{chunk-HHDHQGJY.cjs.map → chunk-PG4QX2I2.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/fict/fict/packages/runtime/dist/chunk-HHDHQGJY.cjs","../src/context.ts"],"names":[],"mappings":"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","file":"/home/runner/work/fict/fict/packages/runtime/dist/chunk-HHDHQGJY.cjs","sourcesContent":[null,"/**\n * @fileoverview Context API for Fict\n *\n * Provides a way to pass data through the component tree without having to pass\n * props down manually at every level. Context is designed for:\n *\n * - SSR isolation (different request = different context values)\n * - Multi-instance support (multiple app roots with different values)\n * - Subtree scoping (override values in specific parts of the tree)\n *\n * ## Design Principles\n *\n * 1. **Reuses existing RootContext hierarchy** - Uses parent chain for value lookup,\n *    consistent with handleError/handleSuspend mechanisms.\n *\n * 2. **Zero extra root creation overhead** - Provider doesn't create new root,\n *    only mounts value on current root.\n *\n * 3. **Auto-aligned with insert/suspense boundaries** - Because they create child\n *    roots that inherit parent, context values propagate correctly.\n *\n * ## Usage\n *\n * ```tsx\n * // Create context with default value\n * const ThemeContext = createContext<'light' | 'dark'>('light')\n *\n * // Provide value to subtree\n * function App() {\n *   return (\n *     <ThemeContext.Provider value=\"dark\">\n *       <ThemedComponent />\n *     </ThemeContext.Provider>\n *   )\n * }\n *\n * // Consume value\n * function ThemedComponent() {\n *   const theme = useContext(ThemeContext)\n *   return <div class={theme}>...</div>\n * }\n * ```\n *\n * @module\n */\n\nimport { createElement } from './dom'\nimport { createRenderEffect } from './effect'\nimport {\n  createRootContext,\n  destroyRoot,\n  flushOnMount,\n  getCurrentRoot,\n  popRoot,\n  pushRoot,\n  type RootContext,\n} from './lifecycle'\nimport { insertNodesBefore, removeNodes, toNodeArray } from './node-ops'\nimport type { BaseProps, FictNode } from './types'\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Context object created by createContext.\n * Contains the Provider component and serves as a key for context lookup.\n */\nexport interface Context<T> {\n  /** Unique identifier for this context */\n  readonly id: symbol\n  /** Default value when no provider is found */\n  readonly defaultValue: T\n  /** Provider component for supplying context values */\n  Provider: ContextProvider<T>\n  /** Display name for debugging */\n  displayName?: string\n}\n\n/**\n * Props for the Context Provider component\n */\nexport interface ProviderProps<T> extends BaseProps {\n  /** The value to provide to the subtree */\n  value: T\n}\n\n/**\n * Provider component type\n */\nexport type ContextProvider<T> = (props: ProviderProps<T>) => FictNode\n\n// ============================================================================\n// Internal Context Storage\n// ============================================================================\n\n/**\n * WeakMap to store context values per RootContext.\n * Using WeakMap ensures proper garbage collection when roots are destroyed.\n */\nconst contextStorage = new WeakMap<RootContext, Map<symbol, unknown>>()\n\n/**\n * Get the context map for a root, creating it if needed\n */\nfunction getContextMap(root: RootContext): Map<symbol, unknown> {\n  let map = contextStorage.get(root)\n  if (!map) {\n    map = new Map()\n    contextStorage.set(root, map)\n  }\n  return map\n}\n\n// ============================================================================\n// Context API\n// ============================================================================\n\n/**\n * Creates a new context with the given default value.\n *\n * Context provides a way to pass values through the component tree without\n * explicit props drilling. It's especially useful for:\n *\n * - Theme data\n * - Locale/i18n settings\n * - Authentication state\n * - Feature flags\n * - Any data that many components at different nesting levels need\n *\n * @param defaultValue - The value to use when no Provider is found above in the tree\n * @returns A context object with a Provider component\n *\n * @example\n * ```tsx\n * // Create a theme context\n * const ThemeContext = createContext<'light' | 'dark'>('light')\n *\n * // Use the provider\n * function App() {\n *   return (\n *     <ThemeContext.Provider value=\"dark\">\n *       <Content />\n *     </ThemeContext.Provider>\n *   )\n * }\n *\n * // Consume the context\n * function Content() {\n *   const theme = useContext(ThemeContext)\n *   return <div class={`theme-${theme}`}>Hello</div>\n * }\n * ```\n */\nexport function createContext<T>(defaultValue: T): Context<T> {\n  const id = Symbol('fict.context')\n\n  const context: Context<T> = {\n    id,\n    defaultValue,\n    Provider: null as unknown as ContextProvider<T>,\n  }\n\n  // Create the Provider component\n  context.Provider = function Provider(props: ProviderProps<T>): FictNode {\n    const hostRoot = getCurrentRoot()\n\n    // Create a child root for the provider's subtree\n    // This establishes the provider boundary - children will look up from here\n    const providerRoot = createRootContext(hostRoot)\n\n    // Store the context value on this root\n    const contextMap = getContextMap(providerRoot)\n    contextMap.set(id, props.value)\n\n    // Create DOM structure\n    const fragment = document.createDocumentFragment()\n    const marker = document.createComment('fict:ctx')\n    fragment.appendChild(marker)\n\n    let cleanup: (() => void) | undefined\n    let activeNodes: Node[] = []\n\n    const renderChildren = (children: FictNode) => {\n      // Cleanup previous render\n      if (cleanup) {\n        cleanup()\n        cleanup = undefined\n      }\n      if (activeNodes.length) {\n        removeNodes(activeNodes)\n        activeNodes = []\n      }\n\n      if (children == null || children === false) {\n        return\n      }\n\n      const prev = pushRoot(providerRoot)\n      let nodes: Node[] = []\n      try {\n        const output = createElement(children)\n        nodes = toNodeArray(output)\n        const parentNode = marker.parentNode as (ParentNode & Node) | null\n        if (parentNode) {\n          insertNodesBefore(parentNode, nodes, marker)\n        }\n      } finally {\n        popRoot(prev)\n        flushOnMount(providerRoot)\n      }\n\n      cleanup = () => {\n        destroyRoot(providerRoot)\n        removeNodes(nodes)\n      }\n      activeNodes = nodes\n    }\n\n    // Initial render\n    createRenderEffect(() => {\n      // Update context value on re-render (if value prop changes reactively)\n      contextMap.set(id, props.value)\n      renderChildren(props.children)\n    })\n\n    return fragment\n  }\n\n  return context\n}\n\n/**\n * Reads the current value of a context.\n *\n * useContext looks up through the RootContext parent chain to find the\n * nearest Provider for this context. If no Provider is found, returns\n * the context's default value.\n *\n * @param context - The context object created by createContext\n * @returns The current context value\n *\n * @example\n * ```tsx\n * const ThemeContext = createContext('light')\n *\n * function ThemedButton() {\n *   const theme = useContext(ThemeContext)\n *   return <button class={theme === 'dark' ? 'btn-dark' : 'btn-light'}>Click</button>\n * }\n * ```\n */\nexport function useContext<T>(context: Context<T>): T {\n  let root = getCurrentRoot()\n\n  // Walk up the parent chain looking for the context value\n  while (root) {\n    const contextMap = contextStorage.get(root)\n    if (contextMap && contextMap.has(context.id)) {\n      return contextMap.get(context.id) as T\n    }\n    root = root.parent\n  }\n\n  // No provider found, return default value\n  return context.defaultValue\n}\n\n/**\n * Checks if a context value is currently provided in the tree.\n *\n * Useful for conditional behavior when a provider may or may not exist.\n *\n * @param context - The context object to check\n * @returns true if a Provider exists above in the tree\n *\n * @example\n * ```tsx\n * function OptionalTheme() {\n *   if (hasContext(ThemeContext)) {\n *     const theme = useContext(ThemeContext)\n *     return <div class={theme}>Themed content</div>\n *   }\n *   return <div>Default content</div>\n * }\n * ```\n */\nexport function hasContext<T>(context: Context<T>): boolean {\n  let root = getCurrentRoot()\n\n  while (root) {\n    const contextMap = contextStorage.get(root)\n    if (contextMap && contextMap.has(context.id)) {\n      return true\n    }\n    root = root.parent\n  }\n\n  return false\n}\n"]}
+{"version":3,"sources":["/home/runner/work/fict/fict/packages/runtime/dist/chunk-PG4QX2I2.cjs","../src/context.ts"],"names":[],"mappings":"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","file":"/home/runner/work/fict/fict/packages/runtime/dist/chunk-PG4QX2I2.cjs","sourcesContent":[null,"/**\n * @fileoverview Context API for Fict\n *\n * Provides a way to pass data through the component tree without having to pass\n * props down manually at every level. Context is designed for:\n *\n * - SSR isolation (different request = different context values)\n * - Multi-instance support (multiple app roots with different values)\n * - Subtree scoping (override values in specific parts of the tree)\n *\n * ## Design Principles\n *\n * 1. **Reuses existing RootContext hierarchy** - Uses parent chain for value lookup,\n *    consistent with handleError/handleSuspend mechanisms.\n *\n * 2. **Zero extra root creation overhead** - Provider doesn't create new root,\n *    only mounts value on current root.\n *\n * 3. **Auto-aligned with insert/suspense boundaries** - Because they create child\n *    roots that inherit parent, context values propagate correctly.\n *\n * ## Usage\n *\n * ```tsx\n * // Create context with default value\n * const ThemeContext = createContext<'light' | 'dark'>('light')\n *\n * // Provide value to subtree\n * function App() {\n *   return (\n *     <ThemeContext.Provider value=\"dark\">\n *       <ThemedComponent />\n *     </ThemeContext.Provider>\n *   )\n * }\n *\n * // Consume value\n * function ThemedComponent() {\n *   const theme = useContext(ThemeContext)\n *   return <div class={theme}>...</div>\n * }\n * ```\n *\n * @module\n */\n\nimport { createElement } from './dom'\nimport { createRenderEffect } from './effect'\nimport {\n  createRootContext,\n  destroyRoot,\n  flushOnMount,\n  getCurrentRoot,\n  popRoot,\n  pushRoot,\n  type RootContext,\n} from './lifecycle'\nimport { insertNodesBefore, removeNodes, toNodeArray } from './node-ops'\nimport type { BaseProps, FictNode } from './types'\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Context object created by createContext.\n * Contains the Provider component and serves as a key for context lookup.\n */\nexport interface Context<T> {\n  /** Unique identifier for this context */\n  readonly id: symbol\n  /** Default value when no provider is found */\n  readonly defaultValue: T\n  /** Provider component for supplying context values */\n  Provider: ContextProvider<T>\n  /** Display name for debugging */\n  displayName?: string\n}\n\n/**\n * Props for the Context Provider component\n */\nexport interface ProviderProps<T> extends BaseProps {\n  /** The value to provide to the subtree */\n  value: T\n}\n\n/**\n * Provider component type\n */\nexport type ContextProvider<T> = (props: ProviderProps<T>) => FictNode\n\n// ============================================================================\n// Internal Context Storage\n// ============================================================================\n\n/**\n * WeakMap to store context values per RootContext.\n * Using WeakMap ensures proper garbage collection when roots are destroyed.\n */\nconst contextStorage = new WeakMap<RootContext, Map<symbol, unknown>>()\n\n/**\n * Get the context map for a root, creating it if needed\n */\nfunction getContextMap(root: RootContext): Map<symbol, unknown> {\n  let map = contextStorage.get(root)\n  if (!map) {\n    map = new Map()\n    contextStorage.set(root, map)\n  }\n  return map\n}\n\n// ============================================================================\n// Context API\n// ============================================================================\n\n/**\n * Creates a new context with the given default value.\n *\n * Context provides a way to pass values through the component tree without\n * explicit props drilling. It's especially useful for:\n *\n * - Theme data\n * - Locale/i18n settings\n * - Authentication state\n * - Feature flags\n * - Any data that many components at different nesting levels need\n *\n * @param defaultValue - The value to use when no Provider is found above in the tree\n * @returns A context object with a Provider component\n *\n * @example\n * ```tsx\n * // Create a theme context\n * const ThemeContext = createContext<'light' | 'dark'>('light')\n *\n * // Use the provider\n * function App() {\n *   return (\n *     <ThemeContext.Provider value=\"dark\">\n *       <Content />\n *     </ThemeContext.Provider>\n *   )\n * }\n *\n * // Consume the context\n * function Content() {\n *   const theme = useContext(ThemeContext)\n *   return <div class={`theme-${theme}`}>Hello</div>\n * }\n * ```\n */\nexport function createContext<T>(defaultValue: T): Context<T> {\n  const id = Symbol('fict.context')\n\n  const context: Context<T> = {\n    id,\n    defaultValue,\n    Provider: null as unknown as ContextProvider<T>,\n  }\n\n  // Create the Provider component\n  context.Provider = function Provider(props: ProviderProps<T>): FictNode {\n    const hostRoot = getCurrentRoot()\n\n    // Create a child root for the provider's subtree\n    // This establishes the provider boundary - children will look up from here\n    const providerRoot = createRootContext(hostRoot)\n\n    // Store the context value on this root\n    const contextMap = getContextMap(providerRoot)\n    contextMap.set(id, props.value)\n\n    // Create DOM structure\n    const fragment = document.createDocumentFragment()\n    const marker = document.createComment('fict:ctx')\n    fragment.appendChild(marker)\n\n    let cleanup: (() => void) | undefined\n    let activeNodes: Node[] = []\n\n    const renderChildren = (children: FictNode) => {\n      // Cleanup previous render\n      if (cleanup) {\n        cleanup()\n        cleanup = undefined\n      }\n      if (activeNodes.length) {\n        removeNodes(activeNodes)\n        activeNodes = []\n      }\n\n      if (children == null || children === false) {\n        return\n      }\n\n      const prev = pushRoot(providerRoot)\n      let nodes: Node[] = []\n      try {\n        const output = createElement(children)\n        nodes = toNodeArray(output)\n        const parentNode = marker.parentNode as (ParentNode & Node) | null\n        if (parentNode) {\n          insertNodesBefore(parentNode, nodes, marker)\n        }\n      } finally {\n        popRoot(prev)\n        flushOnMount(providerRoot)\n      }\n\n      cleanup = () => {\n        destroyRoot(providerRoot)\n        removeNodes(nodes)\n      }\n      activeNodes = nodes\n    }\n\n    // Initial render\n    createRenderEffect(() => {\n      // Update context value on re-render (if value prop changes reactively)\n      contextMap.set(id, props.value)\n      renderChildren(props.children)\n    })\n\n    return fragment\n  }\n\n  return context\n}\n\n/**\n * Reads the current value of a context.\n *\n * useContext looks up through the RootContext parent chain to find the\n * nearest Provider for this context. If no Provider is found, returns\n * the context's default value.\n *\n * @param context - The context object created by createContext\n * @returns The current context value\n *\n * @example\n * ```tsx\n * const ThemeContext = createContext('light')\n *\n * function ThemedButton() {\n *   const theme = useContext(ThemeContext)\n *   return <button class={theme === 'dark' ? 'btn-dark' : 'btn-light'}>Click</button>\n * }\n * ```\n */\nexport function useContext<T>(context: Context<T>): T {\n  let root = getCurrentRoot()\n\n  // Walk up the parent chain looking for the context value\n  while (root) {\n    const contextMap = contextStorage.get(root)\n    if (contextMap && contextMap.has(context.id)) {\n      return contextMap.get(context.id) as T\n    }\n    root = root.parent\n  }\n\n  // No provider found, return default value\n  return context.defaultValue\n}\n\n/**\n * Checks if a context value is currently provided in the tree.\n *\n * Useful for conditional behavior when a provider may or may not exist.\n *\n * @param context - The context object to check\n * @returns true if a Provider exists above in the tree\n *\n * @example\n * ```tsx\n * function OptionalTheme() {\n *   if (hasContext(ThemeContext)) {\n *     const theme = useContext(ThemeContext)\n *     return <div class={theme}>Themed content</div>\n *   }\n *   return <div>Default content</div>\n * }\n * ```\n */\nexport function hasContext<T>(context: Context<T>): boolean {\n  let root = getCurrentRoot()\n\n  while (root) {\n    const contextMap = contextStorage.get(root)\n    if (contextMap && contextMap.has(context.id)) {\n      return true\n    }\n    root = root.parent\n  }\n\n  return false\n}\n"]}

package/dist/{chunk-4LCHQ7U4.js → chunk-T2LNV5Q5.js}

@@ -40,7 +40,86 @@ import {
   setTransitionContext,
   signal,
   untrack
-} from "./chunk-7YQK3XKY.js";
+} from "./chunk-DXG3TARY.js";
+
+// src/transition.ts
+function startTransition(fn) {
+  const prev = setTransitionContext(true);
+  try {
+    fn();
+  } finally {
+    setTransitionContext(prev);
+    scheduleFlush();
+  }
+}
+function useTransition() {
+  const pending = signal(false);
+  let pendingCount = 0;
+  const beginPending = () => {
+    pendingCount += 1;
+    if (pendingCount === 1) {
+      pending(true);
+    }
+  };
+  const endPending = () => {
+    if (pendingCount === 0) return;
+    pendingCount -= 1;
+    if (pendingCount === 0) {
+      pending(false);
+    }
+  };
+  const start = (fn) => {
+    beginPending();
+    let result;
+    let thrown;
+    let didThrow = false;
+    startTransition(() => {
+      try {
+        result = fn();
+      } catch (err) {
+        thrown = err;
+        didThrow = true;
+      }
+    });
+    if (didThrow) {
+      endPending();
+      throw thrown;
+    }
+    if (result && typeof result.then === "function") {
+      Promise.resolve(result).finally(() => {
+        endPending();
+      });
+      return;
+    }
+    if (typeof queueMicrotask === "function") {
+      queueMicrotask(endPending);
+    } else {
+      Promise.resolve().then(endPending);
+    }
+  };
+  return [() => pending(), start];
+}
+function useDeferredValue(getValue) {
+  const deferredValue = signal(getValue());
+  createEffect(() => {
+    const newValue = getValue();
+    const currentDeferred = untrack(() => deferredValue());
+    if (currentDeferred !== newValue) {
+      startTransition(() => {
+        deferredValue(newValue);
+      });
+    }
+  });
+  return () => deferredValue();
+}
+
+// src/scheduler.ts
+function batch2(fn) {
+  return batch(fn);
+}
+function untrack2(fn) {
+  return untrack(fn);
+}
 
 // src/jsx.ts
 var Fragment = Symbol("Fragment");
@@ -247,85 +326,6 @@ function resolvePath(root, path) {
   return current;
 }
 
-// src/transition.ts
-function startTransition(fn) {
-  const prev = setTransitionContext(true);
-  try {
-    fn();
-  } finally {
-    setTransitionContext(prev);
-    scheduleFlush();
-  }
-}
-function useTransition() {
-  const pending = signal(false);
-  let pendingCount = 0;
-  const beginPending = () => {
-    pendingCount += 1;
-    if (pendingCount === 1) {
-      pending(true);
-    }
-  };
-  const endPending = () => {
-    if (pendingCount === 0) return;
-    pendingCount -= 1;
-    if (pendingCount === 0) {
-      pending(false);
-    }
-  };
-  const start = (fn) => {
-    beginPending();
-    let result;
-    let thrown;
-    let didThrow = false;
-    startTransition(() => {
-      try {
-        result = fn();
-      } catch (err) {
-        thrown = err;
-        didThrow = true;
-      }
-    });
-    if (didThrow) {
-      endPending();
-      throw thrown;
-    }
-    if (result && typeof result.then === "function") {
-      Promise.resolve(result).finally(() => {
-        endPending();
-      });
-      return;
-    }
-    if (typeof queueMicrotask === "function") {
-      queueMicrotask(endPending);
-    } else {
-      Promise.resolve().then(endPending);
-    }
-  };
-  return [() => pending(), start];
-}
-function useDeferredValue(getValue) {
-  const deferredValue = signal(getValue());
-  createEffect(() => {
-    const newValue = getValue();
-    const currentDeferred = untrack(() => deferredValue());
-    if (currentDeferred !== newValue) {
-      startTransition(() => {
-        deferredValue(newValue);
-      });
-    }
-  });
-  return () => deferredValue();
-}
-
-// src/scheduler.ts
-function batch2(fn) {
-  return batch(fn);
-}
-function untrack2(fn) {
-  return untrack(fn);
-}
-
 // src/hydration.ts
 var hydrationStack = [];
 function withHydration(root, fn) {
@@ -1375,7 +1375,8 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
 function toPropertyName(name) {
   return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
 }
-function createConditional(condition, renderTrue, createElementFn, renderFalse, startOverride, endOverride) {
+function createConditional(condition, renderTrue, createElementFn, renderFalse, startOverride, endOverride, options) {
+  const trackBranchReads = options?.trackBranchReads === true;
   const useProvided = !!(startOverride && endOverride);
   const startMarker = useProvided ? startOverride : document.createComment("fict:cond:start");
   const endMarker = useProvided ? endOverride : document.createComment("fict:cond:end");
@@ -1425,7 +1426,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
           endMarker,
           parent.ownerDocument ?? document,
           () => {
-            const output = untrack(render3);
+            const output = trackBranchReads ? render3() : untrack(render3);
             if (output == null || output === false) {
               return;
             }
@@ -1456,10 +1457,96 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
       }
       return;
     }
-    if (lastCondition === cond && currentNodes.length > 0) {
-      return;
-    }
-    if (lastCondition === cond && lastCondition === false && renderFalse === void 0) {
+    if (!trackBranchReads) {
+      if (lastCondition === cond && currentNodes.length > 0) {
+        return;
+      }
+      if (lastCondition === cond && lastCondition === false && renderFalse === void 0) {
+        return;
+      }
+    } else if (lastCondition === cond) {
+      const render3 = cond ? renderTrue : renderFalse;
+      if (!render3) {
+        return;
+      }
+      let patched = false;
+      const scratchRoot = createRootContext(hostRoot);
+      const prevScratch = pushRoot(scratchRoot);
+      let handledPatchError = false;
+      let scratchOutput = null;
+      try {
+        const output = render3();
+        scratchOutput = output;
+        if (output != null && output !== false) {
+          if (currentNodes.length === 1) {
+            patched = patchNode(currentNodes[0] ?? null, output);
+          }
+          if (!patched && Array.isArray(output)) {
+            patched = _patchFragmentChildren(currentNodes, output);
+          }
+          if (!patched && _isFragmentVNode(output)) {
+            patched = _patchFragmentChildren(currentNodes, output.props?.children);
+          }
+        }
+      } catch (err) {
+        if (handleSuspend(err, scratchRoot)) {
+          handledPatchError = true;
+          return;
+        }
+        if (handleError(err, { source: "renderChild" }, scratchRoot)) {
+          handledPatchError = true;
+          return;
+        }
+        throw err;
+      } finally {
+        popRoot(prevScratch);
+      }
+      if (handledPatchError) {
+        destroyRoot(scratchRoot);
+        return;
+      }
+      if (patched) {
+        destroyRoot(scratchRoot);
+        return;
+      }
+      lastCondition = cond;
+      if (currentRoot) {
+        destroyRoot(currentRoot);
+        currentRoot = null;
+      }
+      removeNodes(currentNodes);
+      currentNodes = [];
+      const prev2 = pushRoot(scratchRoot);
+      let handledError2 = false;
+      try {
+        if (scratchOutput == null || scratchOutput === false) {
+          return;
+        }
+        const el = createElementFn(scratchOutput);
+        const nodes = toNodeArray(el);
+        insertNodesBefore(parent, nodes, endMarker);
+        currentNodes = nodes;
+      } catch (err) {
+        if (handleSuspend(err, scratchRoot)) {
+          handledError2 = true;
+          destroyRoot(scratchRoot);
+          return;
+        }
+        if (handleError(err, { source: "renderChild" }, scratchRoot)) {
+          handledError2 = true;
+          destroyRoot(scratchRoot);
+          return;
+        }
+        throw err;
+      } finally {
+        popRoot(prev2);
+        if (!handledError2) {
+          flushOnMount(scratchRoot);
+          currentRoot = scratchRoot;
+        } else {
+          currentRoot = null;
+        }
+      }
       return;
     }
     lastCondition = cond;
@@ -1477,7 +1564,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     const prev = pushRoot(root);
     let handledError = false;
     try {
-      const output = untrack(render2);
+      const output = trackBranchReads ? render2() : untrack(render2);
       if (output == null || output === false) {
         return;
       }
@@ -1603,6 +1690,96 @@ function createPortal(container, render2, createElementFn) {
     dispose: portalDispose
   };
 }
+function patchElement(el, output) {
+  if (output && typeof output === "object" && !(output instanceof Node)) {
+    const vnode = output;
+    if (typeof vnode.type === "string" && vnode.type.toLowerCase() === el.tagName.toLowerCase()) {
+      const children = vnode.props?.children;
+      const props = vnode.props ?? {};
+      for (const [key, value] of Object.entries(props)) {
+        if (key === "children" || key === "key") continue;
+        if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || value === null || value === void 0) {
+          if (key === "class" || key === "className") {
+            el.setAttribute("class", value === false || value === null ? "" : String(value));
+          } else if (key === "style" && typeof value === "string") {
+            ;
+            el.style.cssText = value;
+          } else if (value === false || value === null || value === void 0) {
+            el.removeAttribute(key);
+          } else if (value === true) {
+            el.setAttribute(key, "");
+          } else {
+            el.setAttribute(key, String(value));
+          }
+        }
+      }
+      if (typeof children === "string" || typeof children === "number" || children === null || children === void 0 || children === false) {
+        el.textContent = children === null || children === void 0 || children === false ? "" : String(children);
+        return true;
+      }
+      if (children && typeof children === "object" && !Array.isArray(children) && !(children instanceof Node)) {
+        const childVNode = children;
+        if (typeof childVNode.type === "string") {
+          const childEl = el.querySelector(childVNode.type);
+          if (childEl && patchElement(childEl, children)) {
+            return true;
+          }
+        }
+      }
+      return false;
+    }
+  }
+  return false;
+}
+function patchNode(currentNode, nextOutput) {
+  if (!currentNode) return false;
+  if (currentNode instanceof Text && (nextOutput === null || nextOutput === void 0 || nextOutput === false || typeof nextOutput === "string" || typeof nextOutput === "number" || nextOutput instanceof Text)) {
+    const nextText = nextOutput instanceof Text ? nextOutput.data : nextOutput === null || nextOutput === void 0 || nextOutput === false ? "" : String(nextOutput);
+    currentNode.data = nextText;
+    return true;
+  }
+  if (currentNode instanceof Element && patchElement(currentNode, nextOutput)) {
+    return true;
+  }
+  if (nextOutput instanceof Node && currentNode === nextOutput) {
+    return true;
+  }
+  return false;
+}
+function _isFragmentVNode(value) {
+  return value != null && typeof value === "object" && !(value instanceof Node) && value.type === Fragment;
+}
+function normalizeChildren(children, result = []) {
+  if (children === void 0) {
+    return result;
+  }
+  if (Array.isArray(children)) {
+    for (const child of children) {
+      normalizeChildren(child, result);
+    }
+    return result;
+  }
+  if (children === null || children === false) {
+    return result;
+  }
+  if (_isFragmentVNode(children)) {
+    return normalizeChildren(children.props?.children, result);
+  }
+  result.push(children);
+  return result;
+}
+function _patchFragmentChildren(nodes, children) {
+  const normalized = normalizeChildren(children);
+  if (normalized.length !== nodes.length) {
+    return false;
+  }
+  for (let i = 0; i < normalized.length; i++) {
+    if (!patchNode(nodes[i], normalized[i])) {
+      return false;
+    }
+  }
+  return true;
+}
 
 // src/props.ts
 var PROP_GETTER_MARKER2 = Symbol.for("fict:prop-getter");
@@ -2350,19 +2527,19 @@ function eventNameFromProp(key) {
 }
 
 export {
+  startTransition,
+  useTransition,
+  useDeferredValue,
+  batch2 as batch,
+  untrack2 as untrack,
+  Fragment,
   withHydrationRange,
   isHydratingActive,
-  Fragment,
   toNodeArray,
   insertNodesBefore,
   removeNodes,
   getSlotEnd,
   resolvePath,
-  startTransition,
-  useTransition,
-  useDeferredValue,
-  batch2 as batch,
-  untrack2 as untrack,
   isReactive,
   nonReactive,
   reactive,
@@ -2407,4 +2584,4 @@ export {
   createElement,
   template
 };
-//# sourceMappingURL=chunk-4LCHQ7U4.js.map
+//# sourceMappingURL=chunk-T2LNV5Q5.js.map