@fictjs/runtime 0.8.0 → 0.10.0

package/dist/{chunk-PRF4QG73.cjs → chunk-I4GKKAAY.cjs}

@@ -40,7 +40,90 @@
 
 
 
-var _chunkFSCBL7RIcjs = require('./chunk-FSCBL7RI.cjs');
+var _chunkEQ5E4WOVcjs = require('./chunk-EQ5E4WOV.cjs');
+
+// src/transition.ts
+function startTransition(fn) {
+  const prev = _chunkEQ5E4WOVcjs.setTransitionContext.call(void 0, true);
+  try {
+    fn();
+  } finally {
+    _chunkEQ5E4WOVcjs.setTransitionContext.call(void 0, prev);
+    _chunkEQ5E4WOVcjs.scheduleFlush.call(void 0, );
+  }
+}
+function useTransition() {
+  const pending = _chunkEQ5E4WOVcjs.signal.call(void 0, 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") {
+      void Promise.resolve(result).catch((error) => {
+        if (typeof console !== "undefined" && typeof console.error === "function") {
+          console.error("[fict/transition] Async transition failed.", error);
+        }
+      }).finally(() => {
+        endPending();
+      });
+      return;
+    }
+    if (typeof queueMicrotask === "function") {
+      queueMicrotask(endPending);
+    } else {
+      Promise.resolve().then(endPending);
+    }
+  };
+  return [() => pending(), start];
+}
+function useDeferredValue(getValue) {
+  const deferredValue = _chunkEQ5E4WOVcjs.signal.call(void 0, getValue());
+  _chunkEQ5E4WOVcjs.createEffect.call(void 0, () => {
+    const newValue = getValue();
+    const currentDeferred = _chunkEQ5E4WOVcjs.untrack.call(void 0, () => deferredValue());
+    if (currentDeferred !== newValue) {
+      startTransition(() => {
+        deferredValue(newValue);
+      });
+    }
+  });
+  return () => deferredValue();
+}
+
+// src/scheduler.ts
+function batch2(fn) {
+  return _chunkEQ5E4WOVcjs.batch.call(void 0, fn);
+}
+function untrack2(fn) {
+  return _chunkEQ5E4WOVcjs.untrack.call(void 0, fn);
+}
 
 // src/jsx.ts
 var Fragment = Symbol("Fragment");
@@ -247,85 +330,6 @@ function resolvePath(root, path) {
   return current;
 }
 
-// src/transition.ts
-function startTransition(fn) {
-  const prev = _chunkFSCBL7RIcjs.setTransitionContext.call(void 0, true);
-  try {
-    fn();
-  } finally {
-    _chunkFSCBL7RIcjs.setTransitionContext.call(void 0, prev);
-    _chunkFSCBL7RIcjs.scheduleFlush.call(void 0, );
-  }
-}
-function useTransition() {
-  const pending = _chunkFSCBL7RIcjs.signal.call(void 0, 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 = _chunkFSCBL7RIcjs.signal.call(void 0, getValue());
-  _chunkFSCBL7RIcjs.createEffect.call(void 0, () => {
-    const newValue = getValue();
-    const currentDeferred = _chunkFSCBL7RIcjs.untrack.call(void 0, () => deferredValue());
-    if (currentDeferred !== newValue) {
-      startTransition(() => {
-        deferredValue(newValue);
-      });
-    }
-  });
-  return () => deferredValue();
-}
-
-// src/scheduler.ts
-function batch2(fn) {
-  return _chunkFSCBL7RIcjs.batch.call(void 0, fn);
-}
-function untrack2(fn) {
-  return _chunkFSCBL7RIcjs.untrack.call(void 0, fn);
-}
-
 // src/hydration.ts
 var hydrationStack = [];
 function withHydration(root, fn) {
@@ -421,14 +425,14 @@ function isExplicitReactiveFn(value) {
 function isReactive(value) {
   if (typeof value !== "function") return false;
   if (isNonReactiveFn(value)) return false;
-  if (_chunkFSCBL7RIcjs.isSignal.call(void 0, value) || _chunkFSCBL7RIcjs.isComputed.call(void 0, value)) return true;
+  if (_chunkEQ5E4WOVcjs.isSignal.call(void 0, value) || _chunkEQ5E4WOVcjs.isComputed.call(void 0, value)) return true;
   if (isExplicitReactiveFn(value)) return true;
-  if (_chunkFSCBL7RIcjs.isEffect.call(void 0, value) || _chunkFSCBL7RIcjs.isEffectScope.call(void 0, value)) return false;
+  if (_chunkEQ5E4WOVcjs.isEffect.call(void 0, value) || _chunkEQ5E4WOVcjs.isEffectScope.call(void 0, value)) return false;
   return value.length === 0;
 }
 function isStrictlyReactive(value) {
   if (typeof value !== "function") return false;
-  return _chunkFSCBL7RIcjs.isSignal.call(void 0, value) || _chunkFSCBL7RIcjs.isComputed.call(void 0, value) || isPropGetterFn(value) || isExplicitReactiveFn(value);
+  return _chunkEQ5E4WOVcjs.isSignal.call(void 0, value) || _chunkEQ5E4WOVcjs.isComputed.call(void 0, value) || isPropGetterFn(value) || isExplicitReactiveFn(value);
 }
 var PROP_GETTER_MARKER = Symbol.for("fict:prop-getter");
 function isPropGetterFn(value) {
@@ -491,7 +495,7 @@ function callEventHandler(handler, event, node, data) {
 function createTextBinding(value) {
   const text = document.createTextNode("");
   if (isReactive(value)) {
-    _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+    _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
       setText(text, value());
     });
   } else {
@@ -500,7 +504,7 @@ function createTextBinding(value) {
   return text;
 }
 function bindText(textNode, getValue) {
-  return _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => setText(textNode, getValue()));
+  return _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => setText(textNode, getValue()));
 }
 function setText(textNode, value) {
   const next = formatTextValue(value);
@@ -520,7 +524,7 @@ function formatTextValue(value) {
 }
 function createAttributeBinding(el, key, value, setter) {
   if (isReactive(value)) {
-    _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+    _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
       setter(el, key, value());
     });
   } else {
@@ -528,7 +532,7 @@ function createAttributeBinding(el, key, value, setter) {
   }
 }
 function bindAttribute(el, key, getValue) {
-  return _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => setAttr(el, key, getValue()));
+  return _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => setAttr(el, key, getValue()));
 }
 function setAttr(el, key, value) {
   const cacheTarget = el;
@@ -544,7 +548,7 @@ function setAttr(el, key, value) {
   }
 }
 function bindProperty(el, key, getValue) {
-  return _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => setProp(el, key, getValue()));
+  return _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => setProp(el, key, getValue()));
 }
 function setProp(el, key, value) {
   const cacheTarget = el;
@@ -561,7 +565,7 @@ function setProp(el, key, value) {
 }
 function createStyleBinding(el, value) {
   if (isReactive(value)) {
-    _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+    _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
       setStyle(el, value());
     });
   } else {
@@ -569,7 +573,7 @@ function createStyleBinding(el, value) {
   }
 }
 function bindStyle(el, getValue) {
-  return _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => setStyle(el, getValue()));
+  return _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => setStyle(el, getValue()));
 }
 function setStyle(el, value) {
   const target = el;
@@ -624,7 +628,7 @@ function applyStyle(el, value, prev) {
     }
   }
 }
-var isUnitlessStyleProperty = isDev ? (prop2) => _chunkFSCBL7RIcjs.UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
+var isUnitlessStyleProperty = isDev ? (prop2) => _chunkEQ5E4WOVcjs.UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
 function normalizeStyleProperty(prop2) {
   const cached = STYLE_PROP_CACHE.get(prop2);
   if (cached) return cached;
@@ -634,7 +638,7 @@ function normalizeStyleProperty(prop2) {
 }
 function createClassBinding(el, value) {
   if (isReactive(value)) {
-    _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, 
+    _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, 
       () => setClass(el, value())
     );
   } else {
@@ -642,7 +646,7 @@ function createClassBinding(el, value) {
   }
 }
 function bindClass(el, getValue) {
-  return _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => setClass(el, getValue()));
+  return _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => setClass(el, getValue()));
 }
 function setClass(el, value) {
   const cache = el;
@@ -703,7 +707,7 @@ function classList(node, value, prev = {}) {
   return applyClass(node, value, prev);
 }
 function insert(parent, getValue, markerOrCreateElement, createElementFn) {
-  const hostRoot = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
   let marker;
   let ownsMarker = false;
   let createFn = createElementFn;
@@ -742,13 +746,13 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     insertNodesBefore(parentNode, [currentText], marker);
     currentNodes = [currentText];
   };
-  const dispose = _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     const value = getValue();
     const parentNode = marker.parentNode;
     const isPrimitive = value == null || value === false || typeof value === "string" || typeof value === "number" || typeof value === "boolean";
     if (isPrimitive) {
       if (currentRoot) {
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       if (!parentNode) {
@@ -761,12 +765,12 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
       return;
     }
     if (currentRoot) {
-      _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
-    const root = _chunkFSCBL7RIcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root);
+    const root = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root);
     let nodes = [];
     let handledError = false;
     try {
@@ -793,28 +797,28 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
       nodes = toNodeArray(newNode);
       if (root.suspended) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode) {
         insertNodesBefore(parentNode, nodes, marker);
       }
     } catch (err) {
-      if (_chunkFSCBL7RIcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root);
+        _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
       }
     }
     currentRoot = root;
@@ -823,7 +827,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   return () => {
     dispose();
     if (currentRoot) {
-      _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
@@ -833,11 +837,11 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   };
 }
 function insertBetween(start, end, getValue, createElementFn) {
-  const hostRoot = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
   let currentNodes = [];
   let currentText = null;
   let currentRoot = null;
-  let initialHydrating = _chunkFSCBL7RIcjs.__fictIsHydrating.call(void 0, );
+  let initialHydrating = _chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, );
   const collectBetween = () => {
     const nodes = [];
     let cursor = start.nextSibling;
@@ -873,7 +877,7 @@ function insertBetween(start, end, getValue, createElementFn) {
       currentNodes = [currentText];
     }
   };
-  const dispose = _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     const value = getValue();
     const parentNode = start.parentNode;
     const isPrimitive = value == null || value === false || typeof value === "string" || typeof value === "number" || typeof value === "boolean";
@@ -887,7 +891,7 @@ function insertBetween(start, end, getValue, createElementFn) {
         }
       }
       if (currentRoot) {
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       if (!parentNode) {
@@ -901,12 +905,12 @@ function insertBetween(start, end, getValue, createElementFn) {
       return;
     }
     if (currentRoot) {
-      _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
-    const root = _chunkFSCBL7RIcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root);
+    const root = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root);
     let nodes = [];
     let handledError = false;
     try {
@@ -940,28 +944,28 @@ function insertBetween(start, end, getValue, createElementFn) {
       nodes = toNodeArray(newNode);
       if (root.suspended) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode && !initialHydrating) {
         insertNodesBefore(parentNode, nodes, end);
       }
     } catch (err) {
-      if (_chunkFSCBL7RIcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root);
+        _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
       }
     }
     currentRoot = root;
@@ -971,7 +975,7 @@ function insertBetween(start, end, getValue, createElementFn) {
   return () => {
     dispose();
     if (currentRoot) {
-      _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
@@ -980,10 +984,10 @@ function insertBetween(start, end, getValue, createElementFn) {
 function createChildBinding(parent, getValue, createElementFn) {
   const marker = document.createComment("fict:child");
   parent.appendChild(marker);
-  const hostRoot = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
-  const dispose = _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
-    const root = _chunkFSCBL7RIcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root);
+  const hostRoot = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
+  const dispose = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
+    const root = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root);
     let nodes = [];
     let handledError = false;
     try {
@@ -998,25 +1002,25 @@ function createChildBinding(parent, getValue, createElementFn) {
         insertNodesBefore(parentNode, nodes, marker);
       }
       return () => {
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         removeNodes(nodes);
       };
     } catch (err) {
-      if (_chunkFSCBL7RIcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root);
+        _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
       }
     }
   });
@@ -1029,7 +1033,7 @@ function createChildBinding(parent, getValue, createElementFn) {
   };
 }
 function delegateEvents(eventNames, doc = window.document) {
-  const e = doc[_chunkFSCBL7RIcjs.$$EVENTS] || (doc[_chunkFSCBL7RIcjs.$$EVENTS] = /* @__PURE__ */ new Set());
+  const e = doc[_chunkEQ5E4WOVcjs.$$EVENTS] || (doc[_chunkEQ5E4WOVcjs.$$EVENTS] = /* @__PURE__ */ new Set());
   for (let i = 0, l = eventNames.length; i < l; i++) {
     const name = eventNames[i];
     if (!e.has(name)) {
@@ -1039,12 +1043,12 @@ function delegateEvents(eventNames, doc = window.document) {
   }
 }
 function clearDelegatedEvents(doc = window.document) {
-  const e = doc[_chunkFSCBL7RIcjs.$$EVENTS];
+  const e = doc[_chunkEQ5E4WOVcjs.$$EVENTS];
   if (e) {
     for (const name of e.keys()) {
       doc.removeEventListener(name, globalEventHandler);
     }
-    delete doc[_chunkFSCBL7RIcjs.$$EVENTS];
+    delete doc[_chunkEQ5E4WOVcjs.$$EVENTS];
   }
 }
 function globalEventHandler(e) {
@@ -1157,8 +1161,8 @@ function addEventListener(node, name, handler, delegate) {
 function bindEvent(el, eventName, handler, options) {
   if (handler == null) return () => {
   };
-  const rootRef = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
-  const shouldDelegate = options == null && _chunkFSCBL7RIcjs.DelegatedEvents.has(eventName);
+  const rootRef = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
+  const shouldDelegate = options == null && _chunkEQ5E4WOVcjs.DelegatedEvents.has(eventName);
   if (shouldDelegate) {
     const key = `$$${eventName}`;
     delegateEvents([eventName]);
@@ -1168,7 +1172,7 @@ function bindEvent(el, eventName, handler, options) {
         const fn = resolveHandler();
         callEventHandler(fn, args[0], el);
       } catch (err) {
-        if (!_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
+        if (!_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
           throw err;
         }
       }
@@ -1183,7 +1187,7 @@ function bindEvent(el, eventName, handler, options) {
       const resolved = getHandler();
       callEventHandler(resolved, event, el);
     } catch (err) {
-      if (_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
         return;
       }
       throw err;
@@ -1191,7 +1195,7 @@ function bindEvent(el, eventName, handler, options) {
   };
   el.addEventListener(eventName, wrapped, options);
   const cleanup = () => el.removeEventListener(eventName, wrapped, options);
-  _chunkFSCBL7RIcjs.registerRootCleanup.call(void 0, cleanup);
+  _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, cleanup);
   return cleanup;
 }
 function bindRef(el, ref) {
@@ -1211,11 +1215,11 @@ function bindRef(el, ref) {
   const initialRef = getRef();
   applyRef2(initialRef);
   if (isReactive(ref)) {
-    const cleanup2 = _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+    const cleanup2 = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
       const currentRef = getRef();
       applyRef2(currentRef);
     });
-    _chunkFSCBL7RIcjs.registerRootCleanup.call(void 0, cleanup2);
+    _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, cleanup2);
     const nullifyCleanup = () => {
       const currentRef = getRef();
       if (currentRef && typeof currentRef === "object" && "current" in currentRef) {
@@ -1223,7 +1227,7 @@ function bindRef(el, ref) {
         currentRef.current = null;
       }
     };
-    _chunkFSCBL7RIcjs.registerRootCleanup.call(void 0, nullifyCleanup);
+    _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, nullifyCleanup);
     return () => {
       cleanup2();
       nullifyCleanup();
@@ -1236,23 +1240,23 @@ function bindRef(el, ref) {
       refValue.current = null;
     }
   };
-  _chunkFSCBL7RIcjs.registerRootCleanup.call(void 0, cleanup);
+  _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, cleanup);
   return cleanup;
 }
 function spread(node, props = {}, isSVG = false, skipChildren = false) {
   const prevProps = {};
   if (!skipChildren && "children" in props) {
-    _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+    _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
       prevProps.children = props.children;
     });
   }
-  _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+  _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     if (typeof props.ref === "function") {
       ;
       props.ref(node);
     }
   });
-  _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+  _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     assign(node, props, isSVG, true, prevProps, true);
   });
   return prevProps;
@@ -1310,7 +1314,7 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   if (prop2.slice(0, 2) === "on") {
     const eventName = prop2.slice(2).toLowerCase();
-    const shouldDelegate = _chunkFSCBL7RIcjs.DelegatedEvents.has(eventName);
+    const shouldDelegate = _chunkEQ5E4WOVcjs.DelegatedEvents.has(eventName);
     if (!shouldDelegate && prev) {
       const handler = Array.isArray(prev) ? prev[0] : prev;
       node.removeEventListener(eventName, handler);
@@ -1343,9 +1347,9 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   const isCE = node.nodeName.includes("-") || "is" in props;
   if (!isSVG) {
-    const propAlias = isDev ? _chunkFSCBL7RIcjs.getPropAlias.call(void 0, prop2, node.tagName) : void 0;
-    const isProperty = isDev ? _chunkFSCBL7RIcjs.Properties.has(prop2) : prop2 in node;
-    const isChildProp = isDev ? _chunkFSCBL7RIcjs.ChildProperties.has(prop2) : prop2 === "innerHTML" || prop2 === "textContent" || prop2 === "innerText" || prop2 === "children";
+    const propAlias = isDev ? _chunkEQ5E4WOVcjs.getPropAlias.call(void 0, prop2, node.tagName) : void 0;
+    const isProperty = isDev ? _chunkEQ5E4WOVcjs.Properties.has(prop2) : prop2 in node;
+    const isChildProp = isDev ? _chunkEQ5E4WOVcjs.ChildProperties.has(prop2) : prop2 === "innerHTML" || prop2 === "textContent" || prop2 === "innerText" || prop2 === "children";
     if (propAlias || isProperty || isChildProp || isCE) {
       const propName = propAlias || prop2;
       if (isCE && !isProperty && !isChildProp && !propAlias) {
@@ -1360,7 +1364,7 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   if (isSVG && prop2.indexOf(":") > -1) {
     const [prefix, name] = prop2.split(":");
-    const ns = _chunkFSCBL7RIcjs.SVGNamespace[prefix];
+    const ns = _chunkEQ5E4WOVcjs.SVGNamespace[prefix];
     if (ns) {
       if (value == null) node.removeAttributeNS(ns, name);
       else node.setAttributeNS(ns, name, String(value));
@@ -1375,7 +1379,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 = _optionalChain([options, 'optionalAccess', _13 => _13.trackBranchReads]) === true;
   const useProvided = !!(startOverride && endOverride);
   const startMarker = useProvided ? startOverride : document.createComment("fict:cond:start");
   const endMarker = useProvided ? endOverride : document.createComment("fict:cond:end");
@@ -1384,12 +1389,12 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     ;
     fragment.append(startMarker, endMarker);
   }
-  const hostRoot = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
   let currentNodes = [];
   let currentRoot = null;
   let lastCondition = void 0;
   let pendingRender = false;
-  let initialHydrating = _chunkFSCBL7RIcjs.__fictIsHydrating.call(void 0, );
+  let initialHydrating = _chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, );
   const collectBetween = () => {
     const nodes = [];
     let cursor = startMarker.nextSibling;
@@ -1399,7 +1404,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     }
     return nodes;
   };
-  const conditionMemo = _chunkFSCBL7RIcjs.computed.call(void 0, condition);
+  const conditionMemo = _chunkEQ5E4WOVcjs.computed.call(void 0, condition);
   const runConditional = () => {
     const cond = conditionMemo();
     const parent = startMarker.parentNode;
@@ -1416,8 +1421,8 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         currentNodes = collectBetween();
         return;
       }
-      const root2 = _chunkFSCBL7RIcjs.createRootContext.call(void 0, hostRoot);
-      const prev2 = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root2);
+      const root2 = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, hostRoot);
+      const prev2 = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root2);
       let handledError2 = false;
       try {
         withHydrationRange(
@@ -1425,7 +1430,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
           endMarker,
           _nullishCoalesce(parent.ownerDocument, () => ( document)),
           () => {
-            const output = _chunkFSCBL7RIcjs.untrack.call(void 0, render3);
+            const output = trackBranchReads ? render3() : _chunkEQ5E4WOVcjs.untrack.call(void 0, render3);
             if (output == null || output === false) {
               return;
             }
@@ -1434,21 +1439,21 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         );
         currentNodes = collectBetween();
       } catch (err) {
-        if (_chunkFSCBL7RIcjs.handleSuspend.call(void 0, err, root2)) {
+        if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root2)) {
           handledError2 = true;
-          _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root2);
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root2);
           return;
         }
-        if (_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
+        if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
           handledError2 = true;
-          _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root2);
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root2);
           return;
         }
         throw err;
       } finally {
-        _chunkFSCBL7RIcjs.popRoot.call(void 0, prev2);
+        _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev2);
         if (!handledError2) {
-          _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root2);
+          _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root2);
           currentRoot = root2;
         } else {
           currentRoot = null;
@@ -1456,15 +1461,101 @@ 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 = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, hostRoot);
+      const prevScratch = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, scratchRoot);
+      let handledPatchError = false;
+      let scratchOutput = null;
+      try {
+        const output = render3();
+        scratchOutput = output;
+        if (output != null && output !== false) {
+          if (currentNodes.length === 1) {
+            patched = patchNode(_nullishCoalesce(currentNodes[0], () => ( null)), output);
+          }
+          if (!patched && Array.isArray(output)) {
+            patched = _patchFragmentChildren(currentNodes, output);
+          }
+          if (!patched && _isFragmentVNode(output)) {
+            patched = _patchFragmentChildren(currentNodes, _optionalChain([output, 'access', _14 => _14.props, 'optionalAccess', _15 => _15.children]));
+          }
+        }
+      } catch (err) {
+        if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, scratchRoot)) {
+          handledPatchError = true;
+          return;
+        }
+        if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+          handledPatchError = true;
+          return;
+        }
+        throw err;
+      } finally {
+        _chunkEQ5E4WOVcjs.popRoot.call(void 0, prevScratch);
+      }
+      if (handledPatchError) {
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
+        return;
+      }
+      if (patched) {
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
+        return;
+      }
+      lastCondition = cond;
+      if (currentRoot) {
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
+        currentRoot = null;
+      }
+      removeNodes(currentNodes);
+      currentNodes = [];
+      const prev2 = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, 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 (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, scratchRoot)) {
+          handledError2 = true;
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
+          return;
+        }
+        if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+          handledError2 = true;
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
+          return;
+        }
+        throw err;
+      } finally {
+        _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev2);
+        if (!handledError2) {
+          _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, scratchRoot);
+          currentRoot = scratchRoot;
+        } else {
+          currentRoot = null;
+        }
+      }
       return;
     }
     lastCondition = cond;
     if (currentRoot) {
-      _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     removeNodes(currentNodes);
@@ -1473,11 +1564,11 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     if (!render2) {
       return;
     }
-    const root = _chunkFSCBL7RIcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root);
+    const root = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root);
     let handledError = false;
     try {
-      const output = _chunkFSCBL7RIcjs.untrack.call(void 0, render2);
+      const output = trackBranchReads ? render2() : _chunkEQ5E4WOVcjs.untrack.call(void 0, render2);
       if (output == null || output === false) {
         return;
       }
@@ -1486,28 +1577,28 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
       insertNodesBefore(parent, nodes, endMarker);
       currentNodes = nodes;
     } catch (err) {
-      if (_chunkFSCBL7RIcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root);
+        _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
       }
     }
   };
-  const dispose = _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, runConditional);
+  const dispose = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, runConditional);
   return {
     marker: fragment,
     flush: () => {
@@ -1518,38 +1609,38 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     dispose: () => {
       dispose();
       if (currentRoot) {
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       }
       removeNodes(currentNodes);
       currentNodes = [];
-      _optionalChain([startMarker, 'access', _13 => _13.parentNode, 'optionalAccess', _14 => _14.removeChild, 'call', _15 => _15(startMarker)]);
-      _optionalChain([endMarker, 'access', _16 => _16.parentNode, 'optionalAccess', _17 => _17.removeChild, 'call', _18 => _18(endMarker)]);
+      _optionalChain([startMarker, 'access', _16 => _16.parentNode, 'optionalAccess', _17 => _17.removeChild, 'call', _18 => _18(startMarker)]);
+      _optionalChain([endMarker, 'access', _19 => _19.parentNode, 'optionalAccess', _20 => _20.removeChild, 'call', _21 => _21(endMarker)]);
     }
   };
 }
 function createShow(el, condition, displayValue) {
   const originalDisplay = _nullishCoalesce(displayValue, () => ( el.style.display));
-  _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+  _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     el.style.display = condition() ? originalDisplay : "none";
   });
 }
 function createPortal(container, render2, createElementFn) {
-  const parentRoot = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+  const parentRoot = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
   const marker = document.createComment("fict:portal");
   container.appendChild(marker);
   let currentNodes = [];
   let currentRoot = null;
-  const dispose = _chunkFSCBL7RIcjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     if (currentRoot) {
-      _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
       currentNodes = [];
     }
-    const root = _chunkFSCBL7RIcjs.createRootContext.call(void 0, parentRoot);
-    const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root);
+    const root = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, parentRoot);
+    const prev = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root);
     let handledError = false;
     try {
       const output = render2();
@@ -1562,23 +1653,23 @@ function createPortal(container, render2, createElementFn) {
         currentNodes = nodes;
       }
     } catch (err) {
-      if (_chunkFSCBL7RIcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
-      if (_chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
       throw err;
     } finally {
-      _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root);
+        _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
@@ -1588,12 +1679,12 @@ function createPortal(container, render2, createElementFn) {
   const portalDispose = () => {
     dispose();
     if (currentRoot) {
-      _chunkFSCBL7RIcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
     }
-    _optionalChain([marker, 'access', _19 => _19.parentNode, 'optionalAccess', _20 => _20.removeChild, 'call', _21 => _21(marker)]);
+    _optionalChain([marker, 'access', _22 => _22.parentNode, 'optionalAccess', _23 => _23.removeChild, 'call', _24 => _24(marker)]);
   };
   if (parentRoot) {
     parentRoot.destroyCallbacks.push(portalDispose);
@@ -1603,6 +1694,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 = _optionalChain([vnode, 'access', _25 => _25.props, 'optionalAccess', _26 => _26.children]);
+      const props = _nullishCoalesce(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(_optionalChain([children, 'access', _27 => _27.props, 'optionalAccess', _28 => _28.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");
@@ -1662,10 +1843,10 @@ function isExplicitReactiveFn2(value) {
 function normalizePropsFunction(value) {
   if (typeof value !== "function") return value;
   if (value.length !== 0) return value;
-  if (isPropGetter(value) || _chunkFSCBL7RIcjs.isSignal.call(void 0, value) || _chunkFSCBL7RIcjs.isComputed.call(void 0, value) || isExplicitReactiveFn2(value)) {
+  if (isPropGetter(value) || _chunkEQ5E4WOVcjs.isSignal.call(void 0, value) || _chunkEQ5E4WOVcjs.isComputed.call(void 0, value) || isExplicitReactiveFn2(value)) {
     return value;
   }
-  if (_chunkFSCBL7RIcjs.isEffect.call(void 0, value) || _chunkFSCBL7RIcjs.isEffectScope.call(void 0, value) || isNonReactiveFn2(value)) return value;
+  if (_chunkEQ5E4WOVcjs.isEffect.call(void 0, value) || _chunkEQ5E4WOVcjs.isEffectScope.call(void 0, value) || isNonReactiveFn2(value)) return value;
   return markNonReactiveFn(value);
 }
 function createPropsProxy(props) {
@@ -1802,9 +1983,9 @@ function prop(getter, options) {
     return getter;
   }
   const fn = getter;
-  const unwrap2 = _optionalChain([options, 'optionalAccess', _22 => _22.unwrap]) !== false;
+  const unwrap2 = _optionalChain([options, 'optionalAccess', _29 => _29.unwrap]) !== false;
   return __fictProp(
-    _chunkFSCBL7RIcjs.createMemo.call(void 0, () => {
+    _chunkEQ5E4WOVcjs.createMemo.call(void 0, () => {
       const value = fn();
       if (unwrap2 && isPropGetter(value)) {
         return value();
@@ -1817,15 +1998,41 @@ function prop(getter, options) {
 // src/dom.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
 var MATHML_NS = "http://www.w3.org/1998/Math/MathML";
-var isDev2 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _23 => _23.env, 'optionalAccess', _24 => _24.NODE_ENV]) !== "production";
+var isDev2 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _30 => _30.env, 'optionalAccess', _31 => _31.NODE_ENV]) !== "production";
 var nextComponentId = 1;
+function collectComponentMountElements(node) {
+  if (node instanceof DocumentFragment) {
+    return Array.from(node.childNodes).filter(
+      (child) => child instanceof HTMLElement
+    );
+  }
+  if (node instanceof HTMLElement) {
+    if (node.hasAttribute("data-fict-host")) {
+      const children = Array.from(node.children).filter(
+        (child) => child instanceof HTMLElement
+      );
+      if (children.length > 0) return children;
+    }
+    return [node];
+  }
+  return [];
+}
+function annotateComponentElements(elements, componentId, componentName) {
+  for (const element of elements) {
+    element.setAttribute("data-fict-component", componentName);
+    element.setAttribute("data-fict-component-id", String(componentId));
+    const annotated = element;
+    annotated.__fict_component_id__ = componentId;
+    annotated.__fict_component_name__ = componentName;
+  }
+}
 function render(view, container) {
-  const root = _chunkFSCBL7RIcjs.createRootContext.call(void 0, );
-  const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root);
+  const root = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, );
+  const prev = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root);
   let dom = void 0;
   try {
     const output = view();
-    if (_chunkFSCBL7RIcjs.__fictIsHydrating.call(void 0, )) {
+    if (_chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, )) {
       withHydration(container, () => {
         dom = createElement(output);
       });
@@ -1833,35 +2040,35 @@ function render(view, container) {
       dom = createElement(output);
     }
   } finally {
-    _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
+    _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
   }
-  if (!_chunkFSCBL7RIcjs.__fictIsHydrating.call(void 0, )) {
+  if (!_chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, )) {
     container.replaceChildren(dom);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root);
+  _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+    _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
     container.innerHTML = "";
   };
   return teardown;
 }
 function hydrateComponent(view, container) {
-  const root = _chunkFSCBL7RIcjs.createRootContext.call(void 0, );
-  const prev = _chunkFSCBL7RIcjs.pushRoot.call(void 0, root);
-  _chunkFSCBL7RIcjs.__fictEnterHydration.call(void 0, );
+  const root = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, );
+  const prev = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, root);
+  _chunkEQ5E4WOVcjs.__fictEnterHydration.call(void 0, );
   try {
     withHydration(container, () => {
       view();
     });
   } finally {
-    _chunkFSCBL7RIcjs.__fictExitHydration.call(void 0, );
-    _chunkFSCBL7RIcjs.popRoot.call(void 0, prev);
+    _chunkEQ5E4WOVcjs.__fictExitHydration.call(void 0, );
+    _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkFSCBL7RIcjs.flushOnMount.call(void 0, root);
+  _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkFSCBL7RIcjs.destroyRoot.call(void 0, root);
+    _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
   };
   return teardown;
 }
@@ -1873,7 +2080,7 @@ function resolveNamespace(tagName, namespace) {
   if (tagName === "math") return "mathml";
   if (namespace === "mathml") return "mathml";
   if (namespace === "svg") return "svg";
-  if (isDev2 && _chunkFSCBL7RIcjs.SVGElements.has(tagName)) return "svg";
+  if (isDev2 && _chunkEQ5E4WOVcjs.SVGElements.has(tagName)) return "svg";
   return null;
 }
 function createElementWithContext(node, namespace) {
@@ -1897,7 +2104,7 @@ function createElementWithContext(node, namespace) {
     if ("marker" in node) {
       const handle = node;
       if (typeof handle.dispose === "function") {
-        _chunkFSCBL7RIcjs.registerRootCleanup.call(void 0, handle.dispose);
+        _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, handle.dispose);
       }
       if (typeof handle.flush === "function") {
         const runFlush = () => handle.flush && handle.flush();
@@ -1948,13 +2155,14 @@ function createElementWithContext(node, namespace) {
       }
     });
     const props = createPropsProxy(baseProps);
-    const hook = isDev2 ? _chunkFSCBL7RIcjs.getDevtoolsHook.call(void 0, ) : void 0;
-    const parentId = hook ? _chunkFSCBL7RIcjs.__fictGetCurrentComponentId.call(void 0, ) : void 0;
+    const hook = isDev2 ? _chunkEQ5E4WOVcjs.getDevtoolsHook.call(void 0, ) : void 0;
+    const componentName = vnode.type.name || "Anonymous";
+    const parentId = hook ? _chunkEQ5E4WOVcjs.__fictGetCurrentComponentId.call(void 0, ) : void 0;
     const componentId = hook ? nextComponentId++ : void 0;
-    if (_optionalChain([hook, 'optionalAccess', _25 => _25.registerComponent]) && componentId !== void 0) {
-      hook.registerComponent(componentId, vnode.type.name || "Anonymous", parentId);
+    if (_optionalChain([hook, 'optionalAccess', _32 => _32.registerComponent]) && componentId !== void 0) {
+      hook.registerComponent(componentId, componentName, parentId);
     }
-    const ctx = _chunkFSCBL7RIcjs.__fictPushContext.call(void 0, );
+    const ctx = _chunkEQ5E4WOVcjs.__fictPushContext.call(void 0, );
     if (componentId !== void 0) {
       ctx.componentId = componentId;
       if (parentId !== void 0) {
@@ -1963,13 +2171,17 @@ function createElementWithContext(node, namespace) {
     }
     try {
       const rendered = vnode.type(props);
+      let mountElements;
+      if (hook && componentId !== void 0) {
+        _optionalChain([hook, 'access', _33 => _33.componentRender, 'optionalCall', _34 => _34(componentId)]);
+      }
       if (hook && componentId !== void 0) {
-        _chunkFSCBL7RIcjs.onMount.call(void 0, () => {
-          _optionalChain([hook, 'access', _26 => _26.componentMount, 'optionalCall', _27 => _27(componentId)]);
+        _chunkEQ5E4WOVcjs.onMount.call(void 0, () => {
+          _optionalChain([hook, 'access', _35 => _35.componentMount, 'optionalCall', _36 => _36(componentId, mountElements)]);
         });
-        _chunkFSCBL7RIcjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _28 => _28.componentUnmount, 'optionalCall', _29 => _29(componentId)]));
+        _chunkEQ5E4WOVcjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _37 => _37.componentUnmount, 'optionalCall', _38 => _38(componentId)]));
       }
-      if (_chunkFSCBL7RIcjs.__fictIsResumable.call(void 0, ) && !_chunkFSCBL7RIcjs.__fictIsHydrating.call(void 0, )) {
+      if (_chunkEQ5E4WOVcjs.__fictIsResumable.call(void 0, ) && !_chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, )) {
         const content = createElementWithContext(rendered, namespace);
         const host = namespace === "svg" ? document.createElementNS(SVG_NS, "fict-host") : namespace === "mathml" ? document.createElementNS(MATHML_NS, "fict-host") : document.createElement("fict-host");
         host.setAttribute("data-fict-host", "");
@@ -1978,9 +2190,9 @@ function createElementWithContext(node, namespace) {
           host.style.display = "contents";
         }
         const meta = vnode.type.__fictMeta;
-        const typeKey = (_nullishCoalesce(_optionalChain([meta, 'optionalAccess', _30 => _30.id]), () => ( vnode.type.name))) || "Anonymous";
-        _chunkFSCBL7RIcjs.__fictRegisterScope.call(void 0, ctx, host, typeKey, rawProps);
-        if (_optionalChain([meta, 'optionalAccess', _31 => _31.resume])) {
+        const typeKey = (_nullishCoalesce(_optionalChain([meta, 'optionalAccess', _39 => _39.id]), () => ( vnode.type.name))) || "Anonymous";
+        _chunkEQ5E4WOVcjs.__fictRegisterScope.call(void 0, ctx, host, typeKey, rawProps);
+        if (_optionalChain([meta, 'optionalAccess', _40 => _40.resume])) {
           host.setAttribute("data-fict-h", meta.resume);
         }
         if (content instanceof DocumentFragment) {
@@ -1988,22 +2200,31 @@ function createElementWithContext(node, namespace) {
         } else {
           host.appendChild(content);
         }
+        if (hook && componentId !== void 0) {
+          mountElements = collectComponentMountElements(host);
+          annotateComponentElements(mountElements, componentId, componentName);
+        }
         return host;
       }
-      return createElementWithContext(rendered, namespace);
+      const componentRoot = createElementWithContext(rendered, namespace);
+      if (hook && componentId !== void 0) {
+        mountElements = collectComponentMountElements(componentRoot);
+        annotateComponentElements(mountElements, componentId, componentName);
+      }
+      return componentRoot;
     } catch (err) {
-      if (_chunkFSCBL7RIcjs.handleSuspend.call(void 0, err)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err)) {
         return document.createComment("fict:suspend");
       }
-      _chunkFSCBL7RIcjs.handleError.call(void 0, err, { source: "render", componentName: vnode.type.name });
+      _chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "render", componentName: vnode.type.name });
       throw err;
     } finally {
-      _chunkFSCBL7RIcjs.__fictPopContext.call(void 0, );
+      _chunkEQ5E4WOVcjs.__fictPopContext.call(void 0, );
     }
   }
   if (vnode.type === Fragment) {
     const frag = document.createDocumentFragment();
-    const children = _optionalChain([vnode, 'access', _32 => _32.props, 'optionalAccess', _33 => _33.children]);
+    const children = _optionalChain([vnode, 'access', _41 => _41.props, 'optionalAccess', _42 => _42.children]);
     appendChildren(frag, children, namespace);
     return frag;
   }
@@ -2013,7 +2234,7 @@ function createElementWithContext(node, namespace) {
   applyProps(el, _nullishCoalesce(vnode.props, () => ( {})), resolvedNamespace === "svg");
   appendChildren(
     el,
-    _optionalChain([vnode, 'access', _34 => _34.props, 'optionalAccess', _35 => _35.children]),
+    _optionalChain([vnode, 'access', _43 => _43.props, 'optionalAccess', _44 => _44.children]),
     tagName === "foreignObject" ? null : resolvedNamespace
   );
   return el;
@@ -2083,7 +2304,7 @@ function appendChildNode(parent, child, namespace) {
   }
   if (isBindingHandle(child)) {
     appendChildNode(parent, child.marker, namespace);
-    _optionalChain([child, 'access', _36 => _36.flush, 'optionalCall', _37 => _37()]);
+    _optionalChain([child, 'access', _45 => _45.flush, 'optionalCall', _46 => _46()]);
     return;
   }
   if (typeof child === "function") {
@@ -2141,9 +2362,9 @@ function applyRef(el, value) {
   if (typeof value === "function") {
     const refFn = value;
     refFn(el);
-    const root = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+    const root = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
     if (root) {
-      _chunkFSCBL7RIcjs.registerRootCleanup.call(void 0, () => {
+      _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, () => {
         refFn(null);
       });
     } else if (isDev2) {
@@ -2154,9 +2375,9 @@ function applyRef(el, value) {
   } else if (value && typeof value === "object" && "current" in value) {
     const refObj = value;
     refObj.current = el;
-    const root = _chunkFSCBL7RIcjs.getCurrentRoot.call(void 0, );
+    const root = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
     if (root) {
-      _chunkFSCBL7RIcjs.registerRootCleanup.call(void 0, () => {
+      _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, () => {
         refObj.current = null;
       });
     } else if (isDev2) {
@@ -2230,7 +2451,7 @@ function applyProps(el, props, isSVG = false) {
       }
       continue;
     }
-    if (isDev2 && _chunkFSCBL7RIcjs.ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
+    if (isDev2 && _chunkEQ5E4WOVcjs.ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
       createAttributeBinding(el, key, value, setProperty);
       continue;
     }
@@ -2246,8 +2467,8 @@ function applyProps(el, props, isSVG = false) {
       createAttributeBinding(el, key.slice(5), value, setProperty);
       continue;
     }
-    const propAlias = !isSVG && isDev2 ? _chunkFSCBL7RIcjs.getPropAlias.call(void 0, key, tagName) : void 0;
-    const isProperty = !isSVG ? isDev2 ? _chunkFSCBL7RIcjs.Properties.has(key) : key in el : false;
+    const propAlias = !isSVG && isDev2 ? _chunkEQ5E4WOVcjs.getPropAlias.call(void 0, key, tagName) : void 0;
+    const isProperty = !isSVG ? isDev2 ? _chunkEQ5E4WOVcjs.Properties.has(key) : key in el : false;
     if (propAlias || isProperty || isCE && !isSVG) {
       const propName = propAlias || key;
       if (isCE && !isProperty && !propAlias) {
@@ -2264,7 +2485,7 @@ function applyProps(el, props, isSVG = false) {
     }
     if (isSVG && key.indexOf(":") > -1) {
       const [prefix, name] = key.split(":");
-      const ns = _chunkFSCBL7RIcjs.SVGNamespace[prefix];
+      const ns = _chunkEQ5E4WOVcjs.SVGNamespace[prefix];
       if (ns) {
         createAttributeBinding(
           el,
@@ -2406,5 +2627,5 @@ function eventNameFromProp(key) {
 
 
 
-exports.withHydrationRange = withHydrationRange; exports.isHydratingActive = isHydratingActive; exports.Fragment = Fragment; exports.toNodeArray = toNodeArray; exports.insertNodesBefore = insertNodesBefore; exports.removeNodes = removeNodes; exports.getSlotEnd = getSlotEnd; exports.resolvePath = resolvePath; exports.startTransition = startTransition; exports.useTransition = useTransition; exports.useDeferredValue = useDeferredValue; exports.batch = batch2; exports.untrack = untrack2; exports.isReactive = isReactive; exports.nonReactive = nonReactive; exports.reactive = reactive; exports.unwrap = unwrap; exports.callEventHandler = callEventHandler; exports.createTextBinding = createTextBinding; exports.bindText = bindText; exports.setText = setText; exports.createAttributeBinding = createAttributeBinding; exports.bindAttribute = bindAttribute; exports.setAttr = setAttr; exports.bindProperty = bindProperty; exports.setProp = setProp; exports.createStyleBinding = createStyleBinding; exports.bindStyle = bindStyle; exports.setStyle = setStyle; exports.createClassBinding = createClassBinding; exports.bindClass = bindClass; exports.setClass = setClass; exports.classList = classList; exports.insert = insert; exports.insertBetween = insertBetween; exports.createChildBinding = createChildBinding; exports.delegateEvents = delegateEvents; exports.clearDelegatedEvents = clearDelegatedEvents; exports.addEventListener = addEventListener; exports.bindEvent = bindEvent; exports.bindRef = bindRef; exports.spread = spread; exports.assign = assign; exports.createConditional = createConditional; exports.createShow = createShow; exports.createPortal = createPortal; exports.__fictProp = __fictProp; exports.createPropsProxy = createPropsProxy; exports.__fictPropsRest = __fictPropsRest; exports.mergeProps = mergeProps; exports.keyed = keyed; exports.prop = prop; exports.render = render; exports.hydrateComponent = hydrateComponent; exports.createElement = createElement; exports.template = template;
-//# sourceMappingURL=chunk-PRF4QG73.cjs.map
+exports.startTransition = startTransition; exports.useTransition = useTransition; exports.useDeferredValue = useDeferredValue; exports.batch = batch2; exports.untrack = untrack2; exports.Fragment = Fragment; exports.withHydrationRange = withHydrationRange; exports.isHydratingActive = isHydratingActive; exports.toNodeArray = toNodeArray; exports.insertNodesBefore = insertNodesBefore; exports.removeNodes = removeNodes; exports.getSlotEnd = getSlotEnd; exports.resolvePath = resolvePath; exports.isReactive = isReactive; exports.nonReactive = nonReactive; exports.reactive = reactive; exports.unwrap = unwrap; exports.callEventHandler = callEventHandler; exports.createTextBinding = createTextBinding; exports.bindText = bindText; exports.setText = setText; exports.createAttributeBinding = createAttributeBinding; exports.bindAttribute = bindAttribute; exports.setAttr = setAttr; exports.bindProperty = bindProperty; exports.setProp = setProp; exports.createStyleBinding = createStyleBinding; exports.bindStyle = bindStyle; exports.setStyle = setStyle; exports.createClassBinding = createClassBinding; exports.bindClass = bindClass; exports.setClass = setClass; exports.classList = classList; exports.insert = insert; exports.insertBetween = insertBetween; exports.createChildBinding = createChildBinding; exports.delegateEvents = delegateEvents; exports.clearDelegatedEvents = clearDelegatedEvents; exports.addEventListener = addEventListener; exports.bindEvent = bindEvent; exports.bindRef = bindRef; exports.spread = spread; exports.assign = assign; exports.createConditional = createConditional; exports.createShow = createShow; exports.createPortal = createPortal; exports.__fictProp = __fictProp; exports.createPropsProxy = createPropsProxy; exports.__fictPropsRest = __fictPropsRest; exports.mergeProps = mergeProps; exports.keyed = keyed; exports.prop = prop; exports.render = render; exports.hydrateComponent = hydrateComponent; exports.createElement = createElement; exports.template = template;
+//# sourceMappingURL=chunk-I4GKKAAY.cjs.map