@fictjs/runtime 0.9.0 → 0.10.0

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

@@ -40,20 +40,20 @@
 
 
 
-var _chunkUBFDB6OLcjs = require('./chunk-UBFDB6OL.cjs');
+var _chunkEQ5E4WOVcjs = require('./chunk-EQ5E4WOV.cjs');
 
 // src/transition.ts
 function startTransition(fn) {
-  const prev = _chunkUBFDB6OLcjs.setTransitionContext.call(void 0, true);
+  const prev = _chunkEQ5E4WOVcjs.setTransitionContext.call(void 0, true);
   try {
     fn();
   } finally {
-    _chunkUBFDB6OLcjs.setTransitionContext.call(void 0, prev);
-    _chunkUBFDB6OLcjs.scheduleFlush.call(void 0, );
+    _chunkEQ5E4WOVcjs.setTransitionContext.call(void 0, prev);
+    _chunkEQ5E4WOVcjs.scheduleFlush.call(void 0, );
   }
 }
 function useTransition() {
-  const pending = _chunkUBFDB6OLcjs.signal.call(void 0, false);
+  const pending = _chunkEQ5E4WOVcjs.signal.call(void 0, false);
   let pendingCount = 0;
   const beginPending = () => {
     pendingCount += 1;
@@ -86,7 +86,11 @@ function useTransition() {
       throw thrown;
     }
     if (result && typeof result.then === "function") {
-      Promise.resolve(result).finally(() => {
+      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;
@@ -100,10 +104,10 @@ function useTransition() {
   return [() => pending(), start];
 }
 function useDeferredValue(getValue) {
-  const deferredValue = _chunkUBFDB6OLcjs.signal.call(void 0, getValue());
-  _chunkUBFDB6OLcjs.createEffect.call(void 0, () => {
+  const deferredValue = _chunkEQ5E4WOVcjs.signal.call(void 0, getValue());
+  _chunkEQ5E4WOVcjs.createEffect.call(void 0, () => {
     const newValue = getValue();
-    const currentDeferred = _chunkUBFDB6OLcjs.untrack.call(void 0, () => deferredValue());
+    const currentDeferred = _chunkEQ5E4WOVcjs.untrack.call(void 0, () => deferredValue());
     if (currentDeferred !== newValue) {
       startTransition(() => {
         deferredValue(newValue);
@@ -115,10 +119,10 @@ function useDeferredValue(getValue) {
 
 // src/scheduler.ts
 function batch2(fn) {
-  return _chunkUBFDB6OLcjs.batch.call(void 0, fn);
+  return _chunkEQ5E4WOVcjs.batch.call(void 0, fn);
 }
 function untrack2(fn) {
-  return _chunkUBFDB6OLcjs.untrack.call(void 0, fn);
+  return _chunkEQ5E4WOVcjs.untrack.call(void 0, fn);
 }
 
 // src/jsx.ts
@@ -421,14 +425,14 @@ function isExplicitReactiveFn(value) {
 function isReactive(value) {
   if (typeof value !== "function") return false;
   if (isNonReactiveFn(value)) return false;
-  if (_chunkUBFDB6OLcjs.isSignal.call(void 0, value) || _chunkUBFDB6OLcjs.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 (_chunkUBFDB6OLcjs.isEffect.call(void 0, value) || _chunkUBFDB6OLcjs.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 _chunkUBFDB6OLcjs.isSignal.call(void 0, value) || _chunkUBFDB6OLcjs.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)) {
-    _chunkUBFDB6OLcjs.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 _chunkUBFDB6OLcjs.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)) {
-    _chunkUBFDB6OLcjs.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 _chunkUBFDB6OLcjs.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 _chunkUBFDB6OLcjs.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)) {
-    _chunkUBFDB6OLcjs.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 _chunkUBFDB6OLcjs.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) => _chunkUBFDB6OLcjs.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)) {
-    _chunkUBFDB6OLcjs.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 _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.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) {
-        _chunkUBFDB6OLcjs.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) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
-    const root = _chunkUBFDB6OLcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkUBFDB6OLcjs.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;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode) {
         insertNodesBefore(parentNode, nodes, marker);
       }
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.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) {
-      _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
   let currentNodes = [];
   let currentText = null;
   let currentRoot = null;
-  let initialHydrating = _chunkUBFDB6OLcjs.__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 = _chunkUBFDB6OLcjs.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) {
-        _chunkUBFDB6OLcjs.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) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
-    const root = _chunkUBFDB6OLcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkUBFDB6OLcjs.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;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode && !initialHydrating) {
         insertNodesBefore(parentNode, nodes, end);
       }
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.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) {
-      _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
-  const dispose = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
-    const root = _chunkUBFDB6OLcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkUBFDB6OLcjs.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 () => {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         removeNodes(nodes);
       };
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.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[_chunkUBFDB6OLcjs.$$EVENTS] || (doc[_chunkUBFDB6OLcjs.$$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[_chunkUBFDB6OLcjs.$$EVENTS];
+  const e = doc[_chunkEQ5E4WOVcjs.$$EVENTS];
   if (e) {
     for (const name of e.keys()) {
       doc.removeEventListener(name, globalEventHandler);
     }
-    delete doc[_chunkUBFDB6OLcjs.$$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 = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
-  const shouldDelegate = options == null && _chunkUBFDB6OLcjs.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 (!_chunkUBFDB6OLcjs.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 (_chunkUBFDB6OLcjs.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);
-  _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+    const cleanup2 = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
       const currentRef = getRef();
       applyRef2(currentRef);
     });
-    _chunkUBFDB6OLcjs.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;
       }
     };
-    _chunkUBFDB6OLcjs.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;
     }
   };
-  _chunkUBFDB6OLcjs.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) {
-    _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+    _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
       prevProps.children = props.children;
     });
   }
-  _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     if (typeof props.ref === "function") {
       ;
       props.ref(node);
     }
   });
-  _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.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 ? _chunkUBFDB6OLcjs.getPropAlias.call(void 0, prop2, node.tagName) : void 0;
-    const isProperty = isDev ? _chunkUBFDB6OLcjs.Properties.has(prop2) : prop2 in node;
-    const isChildProp = isDev ? _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.SVGNamespace[prefix];
+    const ns = _chunkEQ5E4WOVcjs.SVGNamespace[prefix];
     if (ns) {
       if (value == null) node.removeAttributeNS(ns, name);
       else node.setAttributeNS(ns, name, String(value));
@@ -1385,12 +1389,12 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     ;
     fragment.append(startMarker, endMarker);
   }
-  const hostRoot = _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.__fictIsHydrating.call(void 0, );
+  let initialHydrating = _chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, );
   const collectBetween = () => {
     const nodes = [];
     let cursor = startMarker.nextSibling;
@@ -1400,7 +1404,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     }
     return nodes;
   };
-  const conditionMemo = _chunkUBFDB6OLcjs.computed.call(void 0, condition);
+  const conditionMemo = _chunkEQ5E4WOVcjs.computed.call(void 0, condition);
   const runConditional = () => {
     const cond = conditionMemo();
     const parent = startMarker.parentNode;
@@ -1417,8 +1421,8 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         currentNodes = collectBetween();
         return;
       }
-      const root2 = _chunkUBFDB6OLcjs.createRootContext.call(void 0, hostRoot);
-      const prev2 = _chunkUBFDB6OLcjs.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(
@@ -1426,7 +1430,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
           endMarker,
           _nullishCoalesce(parent.ownerDocument, () => ( document)),
           () => {
-            const output = trackBranchReads ? render3() : _chunkUBFDB6OLcjs.untrack.call(void 0, render3);
+            const output = trackBranchReads ? render3() : _chunkEQ5E4WOVcjs.untrack.call(void 0, render3);
             if (output == null || output === false) {
               return;
             }
@@ -1435,21 +1439,21 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         );
         currentNodes = collectBetween();
       } catch (err) {
-        if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root2)) {
+        if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root2)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root2);
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root2);
           return;
         }
-        if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
+        if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root2);
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root2);
           return;
         }
         throw err;
       } finally {
-        _chunkUBFDB6OLcjs.popRoot.call(void 0, prev2);
+        _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev2);
         if (!handledError2) {
-          _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root2);
+          _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root2);
           currentRoot = root2;
         } else {
           currentRoot = null;
@@ -1470,8 +1474,8 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         return;
       }
       let patched = false;
-      const scratchRoot = _chunkUBFDB6OLcjs.createRootContext.call(void 0, hostRoot);
-      const prevScratch = _chunkUBFDB6OLcjs.pushRoot.call(void 0, scratchRoot);
+      const scratchRoot = _chunkEQ5E4WOVcjs.createRootContext.call(void 0, hostRoot);
+      const prevScratch = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, scratchRoot);
       let handledPatchError = false;
       let scratchOutput = null;
       try {
@@ -1489,34 +1493,34 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
           }
         }
       } catch (err) {
-        if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, scratchRoot)) {
+        if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, scratchRoot)) {
           handledPatchError = true;
           return;
         }
-        if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+        if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
           handledPatchError = true;
           return;
         }
         throw err;
       } finally {
-        _chunkUBFDB6OLcjs.popRoot.call(void 0, prevScratch);
+        _chunkEQ5E4WOVcjs.popRoot.call(void 0, prevScratch);
       }
       if (handledPatchError) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
         return;
       }
       if (patched) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
         return;
       }
       lastCondition = cond;
       if (currentRoot) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       removeNodes(currentNodes);
       currentNodes = [];
-      const prev2 = _chunkUBFDB6OLcjs.pushRoot.call(void 0, scratchRoot);
+      const prev2 = _chunkEQ5E4WOVcjs.pushRoot.call(void 0, scratchRoot);
       let handledError2 = false;
       try {
         if (scratchOutput == null || scratchOutput === false) {
@@ -1527,21 +1531,21 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         insertNodesBefore(parent, nodes, endMarker);
         currentNodes = nodes;
       } catch (err) {
-        if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, scratchRoot)) {
+        if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, scratchRoot)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
           return;
         }
-        if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+        if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+          _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, scratchRoot);
           return;
         }
         throw err;
       } finally {
-        _chunkUBFDB6OLcjs.popRoot.call(void 0, prev2);
+        _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev2);
         if (!handledError2) {
-          _chunkUBFDB6OLcjs.flushOnMount.call(void 0, scratchRoot);
+          _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, scratchRoot);
           currentRoot = scratchRoot;
         } else {
           currentRoot = null;
@@ -1551,7 +1555,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     }
     lastCondition = cond;
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     removeNodes(currentNodes);
@@ -1560,11 +1564,11 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     if (!render2) {
       return;
     }
-    const root = _chunkUBFDB6OLcjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkUBFDB6OLcjs.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 = trackBranchReads ? render2() : _chunkUBFDB6OLcjs.untrack.call(void 0, render2);
+      const output = trackBranchReads ? render2() : _chunkEQ5E4WOVcjs.untrack.call(void 0, render2);
       if (output == null || output === false) {
         return;
       }
@@ -1573,28 +1577,28 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
       insertNodesBefore(parent, nodes, endMarker);
       currentNodes = nodes;
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+        _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
       }
     }
   };
-  const dispose = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, runConditional);
+  const dispose = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, runConditional);
   return {
     marker: fragment,
     flush: () => {
@@ -1605,7 +1609,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     dispose: () => {
       dispose();
       if (currentRoot) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       }
       removeNodes(currentNodes);
       currentNodes = [];
@@ -1616,27 +1620,27 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
 }
 function createShow(el, condition, displayValue) {
   const originalDisplay = _nullishCoalesce(displayValue, () => ( el.style.display));
-  _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     el.style.display = condition() ? originalDisplay : "none";
   });
 }
 function createPortal(container, render2, createElementFn) {
-  const parentRoot = _chunkUBFDB6OLcjs.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 = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkEQ5E4WOVcjs.createRenderEffect.call(void 0, () => {
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
       currentNodes = [];
     }
-    const root = _chunkUBFDB6OLcjs.createRootContext.call(void 0, parentRoot);
-    const prev = _chunkUBFDB6OLcjs.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();
@@ -1649,23 +1653,23 @@ function createPortal(container, render2, createElementFn) {
         currentNodes = nodes;
       }
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkEQ5E4WOVcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+        _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
@@ -1675,7 +1679,7 @@ function createPortal(container, render2, createElementFn) {
   const portalDispose = () => {
     dispose();
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, currentRoot);
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
@@ -1839,10 +1843,10 @@ function isExplicitReactiveFn2(value) {
 function normalizePropsFunction(value) {
   if (typeof value !== "function") return value;
   if (value.length !== 0) return value;
-  if (isPropGetter(value) || _chunkUBFDB6OLcjs.isSignal.call(void 0, value) || _chunkUBFDB6OLcjs.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 (_chunkUBFDB6OLcjs.isEffect.call(void 0, value) || _chunkUBFDB6OLcjs.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) {
@@ -1981,7 +1985,7 @@ function prop(getter, options) {
   const fn = getter;
   const unwrap2 = _optionalChain([options, 'optionalAccess', _29 => _29.unwrap]) !== false;
   return __fictProp(
-    _chunkUBFDB6OLcjs.createMemo.call(void 0, () => {
+    _chunkEQ5E4WOVcjs.createMemo.call(void 0, () => {
       const value = fn();
       if (unwrap2 && isPropGetter(value)) {
         return value();
@@ -1996,13 +2000,39 @@ 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', _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 = _chunkUBFDB6OLcjs.createRootContext.call(void 0, );
-  const prev = _chunkUBFDB6OLcjs.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 (_chunkUBFDB6OLcjs.__fictIsHydrating.call(void 0, )) {
+    if (_chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, )) {
       withHydration(container, () => {
         dom = createElement(output);
       });
@@ -2010,35 +2040,35 @@ function render(view, container) {
       dom = createElement(output);
     }
   } finally {
-    _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+    _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
   }
-  if (!_chunkUBFDB6OLcjs.__fictIsHydrating.call(void 0, )) {
+  if (!_chunkEQ5E4WOVcjs.__fictIsHydrating.call(void 0, )) {
     container.replaceChildren(dom);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+  _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+    _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
     container.innerHTML = "";
   };
   return teardown;
 }
 function hydrateComponent(view, container) {
-  const root = _chunkUBFDB6OLcjs.createRootContext.call(void 0, );
-  const prev = _chunkUBFDB6OLcjs.pushRoot.call(void 0, root);
-  _chunkUBFDB6OLcjs.__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 {
-    _chunkUBFDB6OLcjs.__fictExitHydration.call(void 0, );
-    _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+    _chunkEQ5E4WOVcjs.__fictExitHydration.call(void 0, );
+    _chunkEQ5E4WOVcjs.popRoot.call(void 0, prev);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+  _chunkEQ5E4WOVcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+    _chunkEQ5E4WOVcjs.destroyRoot.call(void 0, root);
   };
   return teardown;
 }
@@ -2050,7 +2080,7 @@ function resolveNamespace(tagName, namespace) {
   if (tagName === "math") return "mathml";
   if (namespace === "mathml") return "mathml";
   if (namespace === "svg") return "svg";
-  if (isDev2 && _chunkUBFDB6OLcjs.SVGElements.has(tagName)) return "svg";
+  if (isDev2 && _chunkEQ5E4WOVcjs.SVGElements.has(tagName)) return "svg";
   return null;
 }
 function createElementWithContext(node, namespace) {
@@ -2074,7 +2104,7 @@ function createElementWithContext(node, namespace) {
     if ("marker" in node) {
       const handle = node;
       if (typeof handle.dispose === "function") {
-        _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, handle.dispose);
+        _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, handle.dispose);
       }
       if (typeof handle.flush === "function") {
         const runFlush = () => handle.flush && handle.flush();
@@ -2125,13 +2155,14 @@ function createElementWithContext(node, namespace) {
       }
     });
     const props = createPropsProxy(baseProps);
-    const hook = isDev2 ? _chunkUBFDB6OLcjs.getDevtoolsHook.call(void 0, ) : void 0;
-    const parentId = hook ? _chunkUBFDB6OLcjs.__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', _32 => _32.registerComponent]) && componentId !== void 0) {
-      hook.registerComponent(componentId, vnode.type.name || "Anonymous", parentId);
+      hook.registerComponent(componentId, componentName, parentId);
     }
-    const ctx = _chunkUBFDB6OLcjs.__fictPushContext.call(void 0, );
+    const ctx = _chunkEQ5E4WOVcjs.__fictPushContext.call(void 0, );
     if (componentId !== void 0) {
       ctx.componentId = componentId;
       if (parentId !== void 0) {
@@ -2140,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) {
-        _chunkUBFDB6OLcjs.onMount.call(void 0, () => {
-          _optionalChain([hook, 'access', _33 => _33.componentMount, 'optionalCall', _34 => _34(componentId)]);
+        _chunkEQ5E4WOVcjs.onMount.call(void 0, () => {
+          _optionalChain([hook, 'access', _35 => _35.componentMount, 'optionalCall', _36 => _36(componentId, mountElements)]);
         });
-        _chunkUBFDB6OLcjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _35 => _35.componentUnmount, 'optionalCall', _36 => _36(componentId)]));
+        _chunkEQ5E4WOVcjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _37 => _37.componentUnmount, 'optionalCall', _38 => _38(componentId)]));
       }
-      if (_chunkUBFDB6OLcjs.__fictIsResumable.call(void 0, ) && !_chunkUBFDB6OLcjs.__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", "");
@@ -2155,9 +2190,9 @@ function createElementWithContext(node, namespace) {
           host.style.display = "contents";
         }
         const meta = vnode.type.__fictMeta;
-        const typeKey = (_nullishCoalesce(_optionalChain([meta, 'optionalAccess', _37 => _37.id]), () => ( vnode.type.name))) || "Anonymous";
-        _chunkUBFDB6OLcjs.__fictRegisterScope.call(void 0, ctx, host, typeKey, rawProps);
-        if (_optionalChain([meta, 'optionalAccess', _38 => _38.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) {
@@ -2165,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 (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err)) {
+      if (_chunkEQ5E4WOVcjs.handleSuspend.call(void 0, err)) {
         return document.createComment("fict:suspend");
       }
-      _chunkUBFDB6OLcjs.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 {
-      _chunkUBFDB6OLcjs.__fictPopContext.call(void 0, );
+      _chunkEQ5E4WOVcjs.__fictPopContext.call(void 0, );
     }
   }
   if (vnode.type === Fragment) {
     const frag = document.createDocumentFragment();
-    const children = _optionalChain([vnode, 'access', _39 => _39.props, 'optionalAccess', _40 => _40.children]);
+    const children = _optionalChain([vnode, 'access', _41 => _41.props, 'optionalAccess', _42 => _42.children]);
     appendChildren(frag, children, namespace);
     return frag;
   }
@@ -2190,7 +2234,7 @@ function createElementWithContext(node, namespace) {
   applyProps(el, _nullishCoalesce(vnode.props, () => ( {})), resolvedNamespace === "svg");
   appendChildren(
     el,
-    _optionalChain([vnode, 'access', _41 => _41.props, 'optionalAccess', _42 => _42.children]),
+    _optionalChain([vnode, 'access', _43 => _43.props, 'optionalAccess', _44 => _44.children]),
     tagName === "foreignObject" ? null : resolvedNamespace
   );
   return el;
@@ -2260,7 +2304,7 @@ function appendChildNode(parent, child, namespace) {
   }
   if (isBindingHandle(child)) {
     appendChildNode(parent, child.marker, namespace);
-    _optionalChain([child, 'access', _43 => _43.flush, 'optionalCall', _44 => _44()]);
+    _optionalChain([child, 'access', _45 => _45.flush, 'optionalCall', _46 => _46()]);
     return;
   }
   if (typeof child === "function") {
@@ -2318,9 +2362,9 @@ function applyRef(el, value) {
   if (typeof value === "function") {
     const refFn = value;
     refFn(el);
-    const root = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
+    const root = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
     if (root) {
-      _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, () => {
+      _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, () => {
         refFn(null);
       });
     } else if (isDev2) {
@@ -2331,9 +2375,9 @@ function applyRef(el, value) {
   } else if (value && typeof value === "object" && "current" in value) {
     const refObj = value;
     refObj.current = el;
-    const root = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
+    const root = _chunkEQ5E4WOVcjs.getCurrentRoot.call(void 0, );
     if (root) {
-      _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, () => {
+      _chunkEQ5E4WOVcjs.registerRootCleanup.call(void 0, () => {
         refObj.current = null;
       });
     } else if (isDev2) {
@@ -2407,7 +2451,7 @@ function applyProps(el, props, isSVG = false) {
       }
       continue;
     }
-    if (isDev2 && _chunkUBFDB6OLcjs.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;
     }
@@ -2423,8 +2467,8 @@ function applyProps(el, props, isSVG = false) {
       createAttributeBinding(el, key.slice(5), value, setProperty);
       continue;
     }
-    const propAlias = !isSVG && isDev2 ? _chunkUBFDB6OLcjs.getPropAlias.call(void 0, key, tagName) : void 0;
-    const isProperty = !isSVG ? isDev2 ? _chunkUBFDB6OLcjs.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) {
@@ -2441,7 +2485,7 @@ function applyProps(el, props, isSVG = false) {
     }
     if (isSVG && key.indexOf(":") > -1) {
       const [prefix, name] = key.split(":");
-      const ns = _chunkUBFDB6OLcjs.SVGNamespace[prefix];
+      const ns = _chunkEQ5E4WOVcjs.SVGNamespace[prefix];
       if (ns) {
         createAttributeBinding(
           el,
@@ -2584,4 +2628,4 @@ function eventNameFromProp(key) {
 
 
 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-OAM7HABA.cjs.map
+//# sourceMappingURL=chunk-I4GKKAAY.cjs.map