@fictjs/runtime 0.9.0 → 0.11.0

package/dist/{chunk-OAM7HABA.cjs → chunk-4QGEN5SJ.cjs}

@@ -40,20 +40,20 @@
 
 
 
-var _chunkUBFDB6OLcjs = require('./chunk-UBFDB6OL.cjs');
+var _chunkQNMYVXRLcjs = require('./chunk-QNMYVXRL.cjs');
 
 // src/transition.ts
 function startTransition(fn) {
-  const prev = _chunkUBFDB6OLcjs.setTransitionContext.call(void 0, true);
+  const prev = _chunkQNMYVXRLcjs.setTransitionContext.call(void 0, true);
   try {
     fn();
   } finally {
-    _chunkUBFDB6OLcjs.setTransitionContext.call(void 0, prev);
-    _chunkUBFDB6OLcjs.scheduleFlush.call(void 0, );
+    _chunkQNMYVXRLcjs.setTransitionContext.call(void 0, prev);
+    _chunkQNMYVXRLcjs.scheduleFlush.call(void 0, );
   }
 }
 function useTransition() {
-  const pending = _chunkUBFDB6OLcjs.signal.call(void 0, false);
+  const pending = _chunkQNMYVXRLcjs.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 = _chunkQNMYVXRLcjs.signal.call(void 0, getValue());
+  _chunkQNMYVXRLcjs.createEffect.call(void 0, () => {
     const newValue = getValue();
-    const currentDeferred = _chunkUBFDB6OLcjs.untrack.call(void 0, () => deferredValue());
+    const currentDeferred = _chunkQNMYVXRLcjs.untrack.call(void 0, () => deferredValue());
     if (currentDeferred !== newValue) {
       startTransition(() => {
         deferredValue(newValue);
@@ -115,17 +119,17 @@ function useDeferredValue(getValue) {
 
 // src/scheduler.ts
 function batch2(fn) {
-  return _chunkUBFDB6OLcjs.batch.call(void 0, fn);
+  return _chunkQNMYVXRLcjs.batch.call(void 0, fn);
 }
 function untrack2(fn) {
-  return _chunkUBFDB6OLcjs.untrack.call(void 0, fn);
+  return _chunkQNMYVXRLcjs.untrack.call(void 0, fn);
 }
 
 // src/jsx.ts
 var Fragment = Symbol("Fragment");
 
 // src/node-ops.ts
-function toNodeArray(node) {
+function toNodeArray(node, ownerDocument = document) {
   try {
     if (Array.isArray(node)) {
       let allNodes = true;
@@ -146,7 +150,7 @@ function toNodeArray(node) {
       }
       const result = [];
       for (const item of node) {
-        result.push(...toNodeArray(item));
+        result.push(...toNodeArray(item, ownerDocument));
       }
       return result;
     }
@@ -173,14 +177,14 @@ function toNodeArray(node) {
   }
   try {
     if (typeof node === "object" && node !== null && "marker" in node) {
-      return toNodeArray(node.marker);
+      return toNodeArray(node.marker, ownerDocument);
     }
   } catch (e6) {
   }
   try {
-    return [document.createTextNode(String(node))];
+    return [ownerDocument.createTextNode(String(node))];
   } catch (e7) {
-    return [document.createTextNode("")];
+    return [ownerDocument.createTextNode("")];
   }
 }
 function insertNodesBefore(parent, nodes, anchor) {
@@ -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 (_chunkQNMYVXRLcjs.isSignal.call(void 0, value) || _chunkQNMYVXRLcjs.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 (_chunkQNMYVXRLcjs.isEffect.call(void 0, value) || _chunkQNMYVXRLcjs.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 _chunkQNMYVXRLcjs.isSignal.call(void 0, value) || _chunkQNMYVXRLcjs.isComputed.call(void 0, value) || isPropGetterFn(value) || isExplicitReactiveFn(value);
 }
 var PROP_GETTER_MARKER = Symbol.for("fict:prop-getter");
 function isPropGetterFn(value) {
@@ -488,10 +492,11 @@ function callEventHandler(handler, event, node, data) {
   };
   invoke(handler);
 }
-function createTextBinding(value) {
-  const text = document.createTextNode("");
+function createTextBinding(value, owner) {
+  const textOwnerDocument = owner && "nodeType" in owner ? owner.nodeType === 9 ? owner : _nullishCoalesce(owner.ownerDocument, () => ( document)) : document;
+  const text = textOwnerDocument.createTextNode("");
   if (isReactive(value)) {
-    _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+    _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
       setText(text, value());
     });
   } else {
@@ -500,7 +505,7 @@ function createTextBinding(value) {
   return text;
 }
 function bindText(textNode, getValue) {
-  return _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => setText(textNode, getValue()));
+  return _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => setText(textNode, getValue()));
 }
 function setText(textNode, value) {
   const next = formatTextValue(value);
@@ -520,7 +525,7 @@ function formatTextValue(value) {
 }
 function createAttributeBinding(el, key, value, setter) {
   if (isReactive(value)) {
-    _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+    _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
       setter(el, key, value());
     });
   } else {
@@ -528,7 +533,7 @@ function createAttributeBinding(el, key, value, setter) {
   }
 }
 function bindAttribute(el, key, getValue) {
-  return _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => setAttr(el, key, getValue()));
+  return _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => setAttr(el, key, getValue()));
 }
 function setAttr(el, key, value) {
   const cacheTarget = el;
@@ -544,7 +549,7 @@ function setAttr(el, key, value) {
   }
 }
 function bindProperty(el, key, getValue) {
-  return _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => setProp(el, key, getValue()));
+  return _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => setProp(el, key, getValue()));
 }
 function setProp(el, key, value) {
   const cacheTarget = el;
@@ -561,7 +566,7 @@ function setProp(el, key, value) {
 }
 function createStyleBinding(el, value) {
   if (isReactive(value)) {
-    _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+    _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
       setStyle(el, value());
     });
   } else {
@@ -569,7 +574,7 @@ function createStyleBinding(el, value) {
   }
 }
 function bindStyle(el, getValue) {
-  return _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => setStyle(el, getValue()));
+  return _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => setStyle(el, getValue()));
 }
 function setStyle(el, value) {
   const target = el;
@@ -624,7 +629,7 @@ function applyStyle(el, value, prev) {
     }
   }
 }
-var isUnitlessStyleProperty = isDev ? (prop2) => _chunkUBFDB6OLcjs.UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
+var isUnitlessStyleProperty = isDev ? (prop2) => _chunkQNMYVXRLcjs.UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
 function normalizeStyleProperty(prop2) {
   const cached = STYLE_PROP_CACHE.get(prop2);
   if (cached) return cached;
@@ -634,7 +639,7 @@ function normalizeStyleProperty(prop2) {
 }
 function createClassBinding(el, value) {
   if (isReactive(value)) {
-    _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, 
+    _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, 
       () => setClass(el, value())
     );
   } else {
@@ -642,7 +647,7 @@ function createClassBinding(el, value) {
   }
 }
 function bindClass(el, getValue) {
-  return _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => setClass(el, getValue()));
+  return _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => setClass(el, getValue()));
 }
 function setClass(el, value) {
   const cache = el;
@@ -703,7 +708,8 @@ 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 = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+  const parentOwnerDocument = _nullishCoalesce(parent.ownerDocument, () => ( document));
   let marker;
   let ownsMarker = false;
   let createFn = createElementFn;
@@ -711,11 +717,12 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     marker = markerOrCreateElement;
     createFn = createElementFn;
   } else {
-    marker = document.createComment("fict:insert");
+    marker = parentOwnerDocument.createComment("fict:insert");
     parent.appendChild(marker);
     createFn = markerOrCreateElement;
     ownsMarker = true;
   }
+  const markerOwnerDocument = _nullishCoalesce(marker.ownerDocument, () => ( parentOwnerDocument));
   let currentNodes = [];
   let currentText = null;
   let currentRoot = null;
@@ -727,7 +734,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   };
   const setTextNode = (textValue, shouldInsert, parentNode) => {
     if (!currentText) {
-      currentText = document.createTextNode(textValue);
+      currentText = (_nullishCoalesce(parentNode.ownerDocument, () => ( markerOwnerDocument))).createTextNode(textValue);
     } else if (currentText.data !== textValue) {
       currentText.data = textValue;
     }
@@ -742,13 +749,13 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     insertNodesBefore(parentNode, [currentText], marker);
     currentNodes = [currentText];
   };
-  const dispose = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkQNMYVXRLcjs.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);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       if (!parentNode) {
@@ -761,16 +768,17 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
       return;
     }
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkQNMYVXRLcjs.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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root);
     let nodes = [];
     let handledError = false;
     try {
       let newNode;
+      const ownerDocument = _nullishCoalesce(_optionalChain([parentNode, 'optionalAccess', _7 => _7.ownerDocument]), () => ( markerOwnerDocument));
       if (value instanceof Node) {
         newNode = value;
       } else if (Array.isArray(value)) {
@@ -780,41 +788,41 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
           if (createFn) {
             const mapped = [];
             for (const item of value) {
-              mapped.push(...toNodeArray(createFn(item)));
+              mapped.push(...toNodeArray(createFn(item), ownerDocument));
             }
             newNode = mapped;
           } else {
-            newNode = document.createTextNode(String(value));
+            newNode = ownerDocument.createTextNode(String(value));
           }
         }
       } else {
-        newNode = createFn ? createFn(value) : document.createTextNode(String(value));
+        newNode = createFn ? createFn(value) : ownerDocument.createTextNode(String(value));
       }
-      nodes = toNodeArray(newNode);
+      nodes = toNodeArray(newNode, ownerDocument);
       if (root.suspended) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode) {
         insertNodesBefore(parentNode, nodes, marker);
       }
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+        _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root);
       }
     }
     currentRoot = root;
@@ -823,21 +831,22 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   return () => {
     dispose();
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
     if (ownsMarker) {
-      _optionalChain([marker, 'access', _7 => _7.parentNode, 'optionalAccess', _8 => _8.removeChild, 'call', _9 => _9(marker)]);
+      _optionalChain([marker, 'access', _8 => _8.parentNode, 'optionalAccess', _9 => _9.removeChild, 'call', _10 => _10(marker)]);
     }
   };
 }
 function insertBetween(start, end, getValue, createElementFn) {
-  const hostRoot = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+  const markerOwnerDocument = _nullishCoalesce(_nullishCoalesce(start.ownerDocument, () => ( end.ownerDocument)), () => ( document));
   let currentNodes = [];
   let currentText = null;
   let currentRoot = null;
-  let initialHydrating = _chunkUBFDB6OLcjs.__fictIsHydrating.call(void 0, );
+  let initialHydrating = _chunkQNMYVXRLcjs.__fictIsHydrating.call(void 0, );
   const collectBetween = () => {
     const nodes = [];
     let cursor = start.nextSibling;
@@ -854,8 +863,9 @@ function insertBetween(start, end, getValue, createElementFn) {
     }
   };
   const setTextNode = (textValue, shouldInsert) => {
+    const parentNode = start.parentNode;
     if (!currentText) {
-      currentText = document.createTextNode(textValue);
+      currentText = (_nullishCoalesce(_optionalChain([parentNode, 'optionalAccess', _11 => _11.ownerDocument]), () => ( markerOwnerDocument))).createTextNode(textValue);
     } else if (currentText.data !== textValue) {
       currentText.data = textValue;
     }
@@ -867,13 +877,12 @@ function insertBetween(start, end, getValue, createElementFn) {
       return;
     }
     clearCurrentNodes();
-    const parentNode = start.parentNode;
     if (parentNode) {
       insertNodesBefore(parentNode, [currentText], end);
       currentNodes = [currentText];
     }
   };
-  const dispose = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkQNMYVXRLcjs.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 +896,7 @@ function insertBetween(start, end, getValue, createElementFn) {
         }
       }
       if (currentRoot) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       if (!parentNode) {
@@ -901,16 +910,17 @@ function insertBetween(start, end, getValue, createElementFn) {
       return;
     }
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkQNMYVXRLcjs.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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root);
     let nodes = [];
     let handledError = false;
     try {
       let newNode = void 0;
+      const ownerDocument = _nullishCoalesce(_optionalChain([parentNode, 'optionalAccess', _12 => _12.ownerDocument]), () => ( markerOwnerDocument));
       const createValue = () => {
         if (value instanceof Node) {
           return value;
@@ -922,46 +932,51 @@ function insertBetween(start, end, getValue, createElementFn) {
           if (createElementFn) {
             const mapped = [];
             for (const item of value) {
-              mapped.push(...toNodeArray(createElementFn(item)));
+              mapped.push(...toNodeArray(createElementFn(item), ownerDocument));
             }
             return mapped;
           }
-          return document.createTextNode(String(value));
+          return ownerDocument.createTextNode(String(value));
         }
-        return createElementFn ? createElementFn(value) : document.createTextNode(String(value));
+        return createElementFn ? createElementFn(value) : ownerDocument.createTextNode(String(value));
       };
       if (initialHydrating && isHydratingActive() && parentNode) {
-        withHydrationRange(start.nextSibling, end, _nullishCoalesce(parentNode.ownerDocument, () => ( document)), () => {
-          newNode = createValue();
-        });
+        withHydrationRange(
+          start.nextSibling,
+          end,
+          _nullishCoalesce(parentNode.ownerDocument, () => ( markerOwnerDocument)),
+          () => {
+            newNode = createValue();
+          }
+        );
       } else {
         newNode = createValue();
       }
-      nodes = toNodeArray(newNode);
+      nodes = toNodeArray(newNode, ownerDocument);
       if (root.suspended) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode && !initialHydrating) {
         insertNodesBefore(parentNode, nodes, end);
       }
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+        _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root);
       }
     }
     currentRoot = root;
@@ -971,19 +986,19 @@ function insertBetween(start, end, getValue, createElementFn) {
   return () => {
     dispose();
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
   };
 }
 function createChildBinding(parent, getValue, createElementFn) {
-  const marker = document.createComment("fict:child");
+  const marker = (_nullishCoalesce(parent.ownerDocument, () => ( 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 = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+  const dispose = _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
+    const root = _chunkQNMYVXRLcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root);
     let nodes = [];
     let handledError = false;
     try {
@@ -992,31 +1007,31 @@ function createChildBinding(parent, getValue, createElementFn) {
         return;
       }
       const output = createElementFn(value);
-      nodes = toNodeArray(output);
+      nodes = toNodeArray(output, _nullishCoalesce(_nullishCoalesce(marker.ownerDocument, () => ( parent.ownerDocument)), () => ( document)));
       const parentNode = marker.parentNode;
       if (parentNode) {
         insertNodesBefore(parentNode, nodes, marker);
       }
       return () => {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         removeNodes(nodes);
       };
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+        _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root);
       }
     }
   });
@@ -1024,12 +1039,12 @@ function createChildBinding(parent, getValue, createElementFn) {
     marker,
     dispose: () => {
       dispose();
-      _optionalChain([marker, 'access', _10 => _10.parentNode, 'optionalAccess', _11 => _11.removeChild, 'call', _12 => _12(marker)]);
+      _optionalChain([marker, 'access', _13 => _13.parentNode, 'optionalAccess', _14 => _14.removeChild, 'call', _15 => _15(marker)]);
     }
   };
 }
 function delegateEvents(eventNames, doc = window.document) {
-  const e = doc[_chunkUBFDB6OLcjs.$$EVENTS] || (doc[_chunkUBFDB6OLcjs.$$EVENTS] = /* @__PURE__ */ new Set());
+  const e = doc[_chunkQNMYVXRLcjs.$$EVENTS] || (doc[_chunkQNMYVXRLcjs.$$EVENTS] = /* @__PURE__ */ new Set());
   for (let i = 0, l = eventNames.length; i < l; i++) {
     const name = eventNames[i];
     if (!e.has(name)) {
@@ -1039,12 +1054,12 @@ function delegateEvents(eventNames, doc = window.document) {
   }
 }
 function clearDelegatedEvents(doc = window.document) {
-  const e = doc[_chunkUBFDB6OLcjs.$$EVENTS];
+  const e = doc[_chunkQNMYVXRLcjs.$$EVENTS];
   if (e) {
     for (const name of e.keys()) {
       doc.removeEventListener(name, globalEventHandler);
     }
-    delete doc[_chunkUBFDB6OLcjs.$$EVENTS];
+    delete doc[_chunkQNMYVXRLcjs.$$EVENTS];
   }
 }
 function globalEventHandler(e) {
@@ -1110,7 +1125,7 @@ function globalEventHandler(e) {
   Object.defineProperty(e, "currentTarget", {
     configurable: true,
     get() {
-      return node || document;
+      return node || oriCurrentTarget || _optionalChain([asNode, 'call', _16 => _16(oriTarget), 'optionalAccess', _17 => _17.ownerDocument]) || document;
     }
   });
   if (e.composedPath) {
@@ -1157,8 +1172,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 = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+  const shouldDelegate = options == null && _chunkQNMYVXRLcjs.DelegatedEvents.has(eventName);
   if (shouldDelegate) {
     const key = `$$${eventName}`;
     delegateEvents([eventName]);
@@ -1168,7 +1183,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 (!_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
           throw err;
         }
       }
@@ -1183,7 +1198,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 (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
         return;
       }
       throw err;
@@ -1191,7 +1206,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);
+  _chunkQNMYVXRLcjs.registerRootCleanup.call(void 0, cleanup);
   return cleanup;
 }
 function bindRef(el, ref) {
@@ -1211,11 +1226,11 @@ function bindRef(el, ref) {
   const initialRef = getRef();
   applyRef2(initialRef);
   if (isReactive(ref)) {
-    const cleanup2 = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+    const cleanup2 = _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
       const currentRef = getRef();
       applyRef2(currentRef);
     });
-    _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, cleanup2);
+    _chunkQNMYVXRLcjs.registerRootCleanup.call(void 0, cleanup2);
     const nullifyCleanup = () => {
       const currentRef = getRef();
       if (currentRef && typeof currentRef === "object" && "current" in currentRef) {
@@ -1223,7 +1238,7 @@ function bindRef(el, ref) {
         currentRef.current = null;
       }
     };
-    _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, nullifyCleanup);
+    _chunkQNMYVXRLcjs.registerRootCleanup.call(void 0, nullifyCleanup);
     return () => {
       cleanup2();
       nullifyCleanup();
@@ -1236,23 +1251,23 @@ function bindRef(el, ref) {
       refValue.current = null;
     }
   };
-  _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, cleanup);
+  _chunkQNMYVXRLcjs.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, () => {
+    _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
       prevProps.children = props.children;
     });
   }
-  _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
     if (typeof props.ref === "function") {
       ;
       props.ref(node);
     }
   });
-  _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
     assign(node, props, isSVG, true, prevProps, true);
   });
   return prevProps;
@@ -1310,7 +1325,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 = _chunkQNMYVXRLcjs.DelegatedEvents.has(eventName);
     if (!shouldDelegate && prev) {
       const handler = Array.isArray(prev) ? prev[0] : prev;
       node.removeEventListener(eventName, handler);
@@ -1343,9 +1358,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 ? _chunkQNMYVXRLcjs.getPropAlias.call(void 0, prop2, node.tagName) : void 0;
+    const isProperty = isDev ? _chunkQNMYVXRLcjs.Properties.has(prop2) : prop2 in node;
+    const isChildProp = isDev ? _chunkQNMYVXRLcjs.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 +1375,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 = _chunkQNMYVXRLcjs.SVGNamespace[prefix];
     if (ns) {
       if (value == null) node.removeAttributeNS(ns, name);
       else node.setAttributeNS(ns, name, String(value));
@@ -1376,21 +1391,22 @@ function toPropertyName(name) {
   return name.toLowerCase().replace(/-([a-z])/g, (_, w) => w.toUpperCase());
 }
 function createConditional(condition, renderTrue, createElementFn, renderFalse, startOverride, endOverride, options) {
-  const trackBranchReads = _optionalChain([options, 'optionalAccess', _13 => _13.trackBranchReads]) === true;
+  const trackBranchReads = _optionalChain([options, 'optionalAccess', _18 => _18.trackBranchReads]) === true;
+  const hostRoot = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
   const useProvided = !!(startOverride && endOverride);
-  const startMarker = useProvided ? startOverride : document.createComment("fict:cond:start");
-  const endMarker = useProvided ? endOverride : document.createComment("fict:cond:end");
-  const fragment = useProvided ? startMarker : document.createDocumentFragment();
+  const markerOwnerDocument = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([startOverride, 'optionalAccess', _19 => _19.ownerDocument]), () => ( _optionalChain([endOverride, 'optionalAccess', _20 => _20.ownerDocument]))), () => ( _optionalChain([hostRoot, 'optionalAccess', _21 => _21.ownerDocument]))), () => ( document));
+  const startMarker = useProvided ? startOverride : markerOwnerDocument.createComment("fict:cond:start");
+  const endMarker = useProvided ? endOverride : markerOwnerDocument.createComment("fict:cond:end");
+  const fragment = useProvided ? startMarker : markerOwnerDocument.createDocumentFragment();
   if (!useProvided) {
     ;
     fragment.append(startMarker, endMarker);
   }
-  const hostRoot = _chunkUBFDB6OLcjs.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 = _chunkQNMYVXRLcjs.__fictIsHydrating.call(void 0, );
   const collectBetween = () => {
     const nodes = [];
     let cursor = startMarker.nextSibling;
@@ -1400,7 +1416,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     }
     return nodes;
   };
-  const conditionMemo = _chunkUBFDB6OLcjs.computed.call(void 0, condition);
+  const conditionMemo = _chunkQNMYVXRLcjs.computed.call(void 0, condition);
   const runConditional = () => {
     const cond = conditionMemo();
     const parent = startMarker.parentNode;
@@ -1417,16 +1433,16 @@ 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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, hostRoot);
+      const prev2 = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root2);
       let handledError2 = false;
       try {
         withHydrationRange(
           startMarker.nextSibling,
           endMarker,
-          _nullishCoalesce(parent.ownerDocument, () => ( document)),
+          _nullishCoalesce(parent.ownerDocument, () => ( markerOwnerDocument)),
           () => {
-            const output = trackBranchReads ? render3() : _chunkUBFDB6OLcjs.untrack.call(void 0, render3);
+            const output = trackBranchReads ? render3() : _chunkQNMYVXRLcjs.untrack.call(void 0, render3);
             if (output == null || output === false) {
               return;
             }
@@ -1435,21 +1451,21 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         );
         currentNodes = collectBetween();
       } catch (err) {
-        if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root2)) {
+        if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, root2)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root2);
+          _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root2);
           return;
         }
-        if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
+        if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root2);
+          _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root2);
           return;
         }
         throw err;
       } finally {
-        _chunkUBFDB6OLcjs.popRoot.call(void 0, prev2);
+        _chunkQNMYVXRLcjs.popRoot.call(void 0, prev2);
         if (!handledError2) {
-          _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root2);
+          _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root2);
           currentRoot = root2;
         } else {
           currentRoot = null;
@@ -1470,8 +1486,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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, hostRoot);
+      const prevScratch = _chunkQNMYVXRLcjs.pushRoot.call(void 0, scratchRoot);
       let handledPatchError = false;
       let scratchOutput = null;
       try {
@@ -1485,63 +1501,63 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
             patched = _patchFragmentChildren(currentNodes, output);
           }
           if (!patched && _isFragmentVNode(output)) {
-            patched = _patchFragmentChildren(currentNodes, _optionalChain([output, 'access', _14 => _14.props, 'optionalAccess', _15 => _15.children]));
+            patched = _patchFragmentChildren(currentNodes, _optionalChain([output, 'access', _22 => _22.props, 'optionalAccess', _23 => _23.children]));
           }
         }
       } catch (err) {
-        if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, scratchRoot)) {
+        if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, scratchRoot)) {
           handledPatchError = true;
           return;
         }
-        if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+        if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
           handledPatchError = true;
           return;
         }
         throw err;
       } finally {
-        _chunkUBFDB6OLcjs.popRoot.call(void 0, prevScratch);
+        _chunkQNMYVXRLcjs.popRoot.call(void 0, prevScratch);
       }
       if (handledPatchError) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, scratchRoot);
         return;
       }
       if (patched) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, scratchRoot);
         return;
       }
       lastCondition = cond;
       if (currentRoot) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       removeNodes(currentNodes);
       currentNodes = [];
-      const prev2 = _chunkUBFDB6OLcjs.pushRoot.call(void 0, scratchRoot);
+      const prev2 = _chunkQNMYVXRLcjs.pushRoot.call(void 0, scratchRoot);
       let handledError2 = false;
       try {
         if (scratchOutput == null || scratchOutput === false) {
           return;
         }
         const el = createElementFn(scratchOutput);
-        const nodes = toNodeArray(el);
+        const nodes = toNodeArray(el, _nullishCoalesce(parent.ownerDocument, () => ( markerOwnerDocument)));
         insertNodesBefore(parent, nodes, endMarker);
         currentNodes = nodes;
       } catch (err) {
-        if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, scratchRoot)) {
+        if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, scratchRoot)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+          _chunkQNMYVXRLcjs.destroyRoot.call(void 0, scratchRoot);
           return;
         }
-        if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+        if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
           handledError2 = true;
-          _chunkUBFDB6OLcjs.destroyRoot.call(void 0, scratchRoot);
+          _chunkQNMYVXRLcjs.destroyRoot.call(void 0, scratchRoot);
           return;
         }
         throw err;
       } finally {
-        _chunkUBFDB6OLcjs.popRoot.call(void 0, prev2);
+        _chunkQNMYVXRLcjs.popRoot.call(void 0, prev2);
         if (!handledError2) {
-          _chunkUBFDB6OLcjs.flushOnMount.call(void 0, scratchRoot);
+          _chunkQNMYVXRLcjs.flushOnMount.call(void 0, scratchRoot);
           currentRoot = scratchRoot;
         } else {
           currentRoot = null;
@@ -1551,7 +1567,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     }
     lastCondition = cond;
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     removeNodes(currentNodes);
@@ -1560,41 +1576,41 @@ 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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root);
     let handledError = false;
     try {
-      const output = trackBranchReads ? render2() : _chunkUBFDB6OLcjs.untrack.call(void 0, render2);
+      const output = trackBranchReads ? render2() : _chunkQNMYVXRLcjs.untrack.call(void 0, render2);
       if (output == null || output === false) {
         return;
       }
       const el = createElementFn(output);
-      const nodes = toNodeArray(el);
+      const nodes = toNodeArray(el, _nullishCoalesce(parent.ownerDocument, () => ( markerOwnerDocument)));
       insertNodesBefore(parent, nodes, endMarker);
       currentNodes = nodes;
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+        _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
       }
     }
   };
-  const dispose = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, runConditional);
+  const dispose = _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, runConditional);
   return {
     marker: fragment,
     flush: () => {
@@ -1605,67 +1621,69 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     dispose: () => {
       dispose();
       if (currentRoot) {
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
       }
       removeNodes(currentNodes);
       currentNodes = [];
-      _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)]);
+      _optionalChain([startMarker, 'access', _24 => _24.parentNode, 'optionalAccess', _25 => _25.removeChild, 'call', _26 => _26(startMarker)]);
+      _optionalChain([endMarker, 'access', _27 => _27.parentNode, 'optionalAccess', _28 => _28.removeChild, 'call', _29 => _29(endMarker)]);
     }
   };
 }
 function createShow(el, condition, displayValue) {
   const originalDisplay = _nullishCoalesce(displayValue, () => ( el.style.display));
-  _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
     el.style.display = condition() ? originalDisplay : "none";
   });
 }
 function createPortal(container, render2, createElementFn) {
-  const parentRoot = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
-  const marker = document.createComment("fict:portal");
+  const parentRoot = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
+  const markerOwnerDocument = _nullishCoalesce(container.ownerDocument, () => ( document));
+  const marker = markerOwnerDocument.createComment("fict:portal");
   container.appendChild(marker);
   let currentNodes = [];
   let currentRoot = null;
-  const dispose = _chunkUBFDB6OLcjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkQNMYVXRLcjs.createRenderEffect.call(void 0, () => {
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkQNMYVXRLcjs.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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, parentRoot);
+    root.ownerDocument = _nullishCoalesce(_nullishCoalesce(container.ownerDocument, () => ( _optionalChain([parentRoot, 'optionalAccess', _30 => _30.ownerDocument]))), () => ( document));
+    const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root);
     let handledError = false;
     try {
       const output = render2();
       if (output != null && output !== false) {
         const el = createElementFn(output);
-        const nodes = toNodeArray(el);
+        const nodes = toNodeArray(el, markerOwnerDocument);
         if (marker.parentNode) {
           insertNodesBefore(marker.parentNode, nodes, marker);
         }
         currentNodes = nodes;
       }
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
-      if (_chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+        _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+      _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+        _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
@@ -1675,12 +1693,12 @@ function createPortal(container, render2, createElementFn) {
   const portalDispose = () => {
     dispose();
     if (currentRoot) {
-      _chunkUBFDB6OLcjs.destroyRoot.call(void 0, currentRoot);
+      _chunkQNMYVXRLcjs.destroyRoot.call(void 0, currentRoot);
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
     }
-    _optionalChain([marker, 'access', _22 => _22.parentNode, 'optionalAccess', _23 => _23.removeChild, 'call', _24 => _24(marker)]);
+    _optionalChain([marker, 'access', _31 => _31.parentNode, 'optionalAccess', _32 => _32.removeChild, 'call', _33 => _33(marker)]);
   };
   if (parentRoot) {
     parentRoot.destroyCallbacks.push(portalDispose);
@@ -1694,7 +1712,7 @@ 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 children = _optionalChain([vnode, 'access', _34 => _34.props, 'optionalAccess', _35 => _35.children]);
       const props = _nullishCoalesce(vnode.props, () => ( {}));
       for (const [key, value] of Object.entries(props)) {
         if (key === "children" || key === "key") continue;
@@ -1763,7 +1781,7 @@ function normalizeChildren(children, result = []) {
     return result;
   }
   if (_isFragmentVNode(children)) {
-    return normalizeChildren(_optionalChain([children, 'access', _27 => _27.props, 'optionalAccess', _28 => _28.children]), result);
+    return normalizeChildren(_optionalChain([children, 'access', _36 => _36.props, 'optionalAccess', _37 => _37.children]), result);
   }
   result.push(children);
   return result;
@@ -1839,10 +1857,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) || _chunkQNMYVXRLcjs.isSignal.call(void 0, value) || _chunkQNMYVXRLcjs.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 (_chunkQNMYVXRLcjs.isEffect.call(void 0, value) || _chunkQNMYVXRLcjs.isEffectScope.call(void 0, value) || isNonReactiveFn2(value)) return value;
   return markNonReactiveFn(value);
 }
 function createPropsProxy(props) {
@@ -1979,9 +1997,9 @@ function prop(getter, options) {
     return getter;
   }
   const fn = getter;
-  const unwrap2 = _optionalChain([options, 'optionalAccess', _29 => _29.unwrap]) !== false;
+  const unwrap2 = _optionalChain([options, 'optionalAccess', _38 => _38.unwrap]) !== false;
   return __fictProp(
-    _chunkUBFDB6OLcjs.createMemo.call(void 0, () => {
+    _chunkQNMYVXRLcjs.createMemo.call(void 0, () => {
       const value = fn();
       if (unwrap2 && isPropGetter(value)) {
         return value();
@@ -1994,15 +2012,42 @@ 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', _30 => _30.env, 'optionalAccess', _31 => _31.NODE_ENV]) !== "production";
+var isDev2 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _39 => _39.env, 'optionalAccess', _40 => _40.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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, );
+  root.ownerDocument = _nullishCoalesce(container.ownerDocument, () => ( document));
+  const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root);
   let dom = void 0;
   try {
     const output = view();
-    if (_chunkUBFDB6OLcjs.__fictIsHydrating.call(void 0, )) {
+    if (_chunkQNMYVXRLcjs.__fictIsHydrating.call(void 0, )) {
       withHydration(container, () => {
         dom = createElement(output);
       });
@@ -2010,71 +2055,75 @@ function render(view, container) {
       dom = createElement(output);
     }
   } finally {
-    _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+    _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
   }
-  if (!_chunkUBFDB6OLcjs.__fictIsHydrating.call(void 0, )) {
+  if (!_chunkQNMYVXRLcjs.__fictIsHydrating.call(void 0, )) {
     container.replaceChildren(dom);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+  _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+    _chunkQNMYVXRLcjs.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 = _chunkQNMYVXRLcjs.createRootContext.call(void 0, );
+  root.ownerDocument = _nullishCoalesce(container.ownerDocument, () => ( document));
+  const prev = _chunkQNMYVXRLcjs.pushRoot.call(void 0, root);
+  _chunkQNMYVXRLcjs.__fictEnterHydration.call(void 0, );
   try {
     withHydration(container, () => {
       view();
     });
   } finally {
-    _chunkUBFDB6OLcjs.__fictExitHydration.call(void 0, );
-    _chunkUBFDB6OLcjs.popRoot.call(void 0, prev);
+    _chunkQNMYVXRLcjs.__fictExitHydration.call(void 0, );
+    _chunkQNMYVXRLcjs.popRoot.call(void 0, prev);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkUBFDB6OLcjs.flushOnMount.call(void 0, root);
+  _chunkQNMYVXRLcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkUBFDB6OLcjs.destroyRoot.call(void 0, root);
+    _chunkQNMYVXRLcjs.destroyRoot.call(void 0, root);
   };
   return teardown;
 }
 function createElement(node) {
-  return createElementWithContext(node, null);
+  return createElementWithContext(node, null, resolveOwnerDocument());
 }
 function resolveNamespace(tagName, namespace) {
   if (tagName === "svg") return "svg";
   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 && _chunkQNMYVXRLcjs.SVGElements.has(tagName)) return "svg";
   return null;
 }
-function createElementWithContext(node, namespace) {
+function resolveOwnerDocument(ownerDocument) {
+  return _nullishCoalesce(_nullishCoalesce(ownerDocument, () => ( _optionalChain([_chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, ), 'optionalAccess', _41 => _41.ownerDocument]))), () => ( document));
+}
+function createElementWithContext(node, namespace, ownerDocument) {
   if (node instanceof Node) {
     return node;
   }
   if (node === null || node === void 0 || node === false) {
-    return document.createTextNode("");
+    return ownerDocument.createTextNode("");
   }
   if (isReactive(node)) {
     const resolved = node();
     if (resolved === node) {
-      return document.createTextNode("");
+      return ownerDocument.createTextNode("");
     }
-    return createElementWithContext(resolved, namespace);
+    return createElementWithContext(resolved, namespace, ownerDocument);
   }
   if (typeof node === "function") {
-    return document.createTextNode("");
+    return ownerDocument.createTextNode("");
   }
   if (typeof node === "object" && node !== null && !(node instanceof Node)) {
     if ("marker" in node) {
       const handle = node;
       if (typeof handle.dispose === "function") {
-        _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, handle.dispose);
+        _chunkQNMYVXRLcjs.registerRootCleanup.call(void 0, handle.dispose);
       }
       if (typeof handle.flush === "function") {
         const runFlush = () => handle.flush && handle.flush();
@@ -2084,21 +2133,21 @@ function createElementWithContext(node, namespace) {
           Promise.resolve().then(runFlush).catch(() => void 0);
         }
       }
-      return createElement(handle.marker);
+      return createElementWithContext(handle.marker, namespace, ownerDocument);
     }
   }
   if (Array.isArray(node)) {
-    const frag = document.createDocumentFragment();
+    const frag = ownerDocument.createDocumentFragment();
     for (const child of node) {
-      appendChildNode(frag, child, namespace);
+      appendChildNode(frag, child, namespace, ownerDocument);
     }
     return frag;
   }
   if (typeof node === "string" || typeof node === "number") {
-    return document.createTextNode(String(node));
+    return ownerDocument.createTextNode(String(node));
   }
   if (typeof node === "boolean") {
-    return document.createTextNode("");
+    return ownerDocument.createTextNode("");
   }
   const vnode = node;
   if (typeof vnode.type === "function") {
@@ -2125,13 +2174,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 ? _chunkQNMYVXRLcjs.getDevtoolsHook.call(void 0, ) : void 0;
+    const componentName = vnode.type.name || "Anonymous";
+    const parentId = hook ? _chunkQNMYVXRLcjs.__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);
+    if (_optionalChain([hook, 'optionalAccess', _42 => _42.registerComponent]) && componentId !== void 0) {
+      hook.registerComponent(componentId, componentName, parentId);
     }
-    const ctx = _chunkUBFDB6OLcjs.__fictPushContext.call(void 0, );
+    const ctx = _chunkQNMYVXRLcjs.__fictPushContext.call(void 0, );
     if (componentId !== void 0) {
       ctx.componentId = componentId;
       if (parentId !== void 0) {
@@ -2140,24 +2190,28 @@ function createElementWithContext(node, namespace) {
     }
     try {
       const rendered = vnode.type(props);
+      let mountElements;
+      if (hook && componentId !== void 0) {
+        _optionalChain([hook, 'access', _43 => _43.componentRender, 'optionalCall', _44 => _44(componentId)]);
+      }
       if (hook && componentId !== void 0) {
-        _chunkUBFDB6OLcjs.onMount.call(void 0, () => {
-          _optionalChain([hook, 'access', _33 => _33.componentMount, 'optionalCall', _34 => _34(componentId)]);
+        _chunkQNMYVXRLcjs.onMount.call(void 0, () => {
+          _optionalChain([hook, 'access', _45 => _45.componentMount, 'optionalCall', _46 => _46(componentId, mountElements)]);
         });
-        _chunkUBFDB6OLcjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _35 => _35.componentUnmount, 'optionalCall', _36 => _36(componentId)]));
+        _chunkQNMYVXRLcjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _47 => _47.componentUnmount, 'optionalCall', _48 => _48(componentId)]));
       }
-      if (_chunkUBFDB6OLcjs.__fictIsResumable.call(void 0, ) && !_chunkUBFDB6OLcjs.__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");
+      if (_chunkQNMYVXRLcjs.__fictIsResumable.call(void 0, ) && !_chunkQNMYVXRLcjs.__fictIsHydrating.call(void 0, )) {
+        const content = createElementWithContext(rendered, namespace, ownerDocument);
+        const host = namespace === "svg" ? ownerDocument.createElementNS(SVG_NS, "fict-host") : namespace === "mathml" ? ownerDocument.createElementNS(MATHML_NS, "fict-host") : ownerDocument.createElement("fict-host");
         host.setAttribute("data-fict-host", "");
         if (namespace === null && host.style) {
           ;
           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', _49 => _49.id]), () => ( vnode.type.name))) || "Anonymous";
+        _chunkQNMYVXRLcjs.__fictRegisterScope.call(void 0, ctx, host, typeKey, rawProps);
+        if (_optionalChain([meta, 'optionalAccess', _50 => _50.resume])) {
           host.setAttribute("data-fict-h", meta.resume);
         }
         if (content instanceof DocumentFragment) {
@@ -2165,40 +2219,50 @@ 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, ownerDocument);
+      if (hook && componentId !== void 0) {
+        mountElements = collectComponentMountElements(componentRoot);
+        annotateComponentElements(mountElements, componentId, componentName);
+      }
+      return componentRoot;
     } catch (err) {
-      if (_chunkUBFDB6OLcjs.handleSuspend.call(void 0, err)) {
-        return document.createComment("fict:suspend");
+      if (_chunkQNMYVXRLcjs.handleSuspend.call(void 0, err)) {
+        return ownerDocument.createComment("fict:suspend");
       }
-      _chunkUBFDB6OLcjs.handleError.call(void 0, err, { source: "render", componentName: vnode.type.name });
+      _chunkQNMYVXRLcjs.handleError.call(void 0, err, { source: "render", componentName: vnode.type.name });
       throw err;
     } finally {
-      _chunkUBFDB6OLcjs.__fictPopContext.call(void 0, );
+      _chunkQNMYVXRLcjs.__fictPopContext.call(void 0, );
     }
   }
   if (vnode.type === Fragment) {
-    const frag = document.createDocumentFragment();
-    const children = _optionalChain([vnode, 'access', _39 => _39.props, 'optionalAccess', _40 => _40.children]);
-    appendChildren(frag, children, namespace);
+    const frag = ownerDocument.createDocumentFragment();
+    const children = _optionalChain([vnode, 'access', _51 => _51.props, 'optionalAccess', _52 => _52.children]);
+    appendChildren(frag, children, namespace, ownerDocument);
     return frag;
   }
   const tagName = typeof vnode.type === "string" ? vnode.type : "div";
   const resolvedNamespace = resolveNamespace(tagName, namespace);
-  const el = resolvedNamespace === "svg" ? document.createElementNS(SVG_NS, tagName) : resolvedNamespace === "mathml" ? document.createElementNS(MATHML_NS, tagName) : document.createElement(tagName);
+  const el = resolvedNamespace === "svg" ? ownerDocument.createElementNS(SVG_NS, tagName) : resolvedNamespace === "mathml" ? ownerDocument.createElementNS(MATHML_NS, tagName) : ownerDocument.createElement(tagName);
   applyProps(el, _nullishCoalesce(vnode.props, () => ( {})), resolvedNamespace === "svg");
   appendChildren(
     el,
-    _optionalChain([vnode, 'access', _41 => _41.props, 'optionalAccess', _42 => _42.children]),
-    tagName === "foreignObject" ? null : resolvedNamespace
+    _optionalChain([vnode, 'access', _53 => _53.props, 'optionalAccess', _54 => _54.children]),
+    tagName === "foreignObject" ? null : resolvedNamespace,
+    ownerDocument
   );
   return el;
 }
 function template(html, isImportNode, isSVG, isMathML) {
-  let node = null;
-  const create = () => {
-    const t = document.createElement("template");
+  const nodeByDocument = /* @__PURE__ */ new WeakMap();
+  const create = (ownerDocument) => {
+    const t = ownerDocument.createElement("template");
     if (isSVG) {
       t.innerHTML = `<svg>${html}</svg>`;
       const wrapper = t.content.firstChild;
@@ -2210,7 +2274,7 @@ function template(html, isImportNode, isSVG, isMathML) {
       if (wrapper.childNodes.length === 1) {
         return wrapper.firstChild;
       }
-      const fragment = document.createDocumentFragment();
+      const fragment = ownerDocument.createDocumentFragment();
       fragment.append(...Array.from(wrapper.childNodes));
       return fragment;
     }
@@ -2225,7 +2289,7 @@ function template(html, isImportNode, isSVG, isMathML) {
       if (wrapper.childNodes.length === 1) {
         return wrapper.firstChild;
       }
-      const fragment = document.createDocumentFragment();
+      const fragment = ownerDocument.createDocumentFragment();
       fragment.append(...Array.from(wrapper.childNodes));
       return fragment;
     }
@@ -2241,11 +2305,19 @@ function template(html, isImportNode, isSVG, isMathML) {
     }
     return content;
   };
+  const getBase = (ownerDocument) => {
+    const cached = nodeByDocument.get(ownerDocument);
+    if (cached) return cached;
+    const created = create(ownerDocument);
+    nodeByDocument.set(ownerDocument, created);
+    return created;
+  };
   const fn = isImportNode ? () => untrack2(() => {
-    const base = node || (node = create());
-    return isHydratingActive() ? claimNodes(base, () => document.importNode(base, true)) : document.importNode(base, true);
+    const ownerDocument = resolveOwnerDocument();
+    const base = getBase(ownerDocument);
+    return isHydratingActive() ? claimNodes(base, () => ownerDocument.importNode(base, true)) : ownerDocument.importNode(base, true);
   }) : () => {
-    const base = node || (node = create());
+    const base = getBase(resolveOwnerDocument());
     return isHydratingActive() ? claimNodes(base, () => base.cloneNode(true)) : base.cloneNode(true);
   };
   fn.cloneNode = fn;
@@ -2254,39 +2326,44 @@ function template(html, isImportNode, isSVG, isMathML) {
 function isBindingHandle(node) {
   return node !== null && typeof node === "object" && "marker" in node && "dispose" in node && typeof node.dispose === "function";
 }
-function appendChildNode(parent, child, namespace) {
+function appendChildNode(parent, child, namespace, ownerDocument) {
+  const parentOwnerDocument = _nullishCoalesce(parent.ownerDocument, () => ( ownerDocument));
   if (child === null || child === void 0 || child === false) {
     return;
   }
   if (isBindingHandle(child)) {
-    appendChildNode(parent, child.marker, namespace);
-    _optionalChain([child, 'access', _43 => _43.flush, 'optionalCall', _44 => _44()]);
+    appendChildNode(parent, child.marker, namespace, parentOwnerDocument);
+    _optionalChain([child, 'access', _55 => _55.flush, 'optionalCall', _56 => _56()]);
     return;
   }
   if (typeof child === "function") {
     const childGetter = child;
     if (isReactive(childGetter)) {
-      createChildBinding(parent, childGetter, (node) => createElementWithContext(node, namespace));
+      createChildBinding(
+        parent,
+        childGetter,
+        (node) => createElementWithContext(node, namespace, parentOwnerDocument)
+      );
       return;
     }
     return;
   }
   if (Array.isArray(child)) {
     for (const item of child) {
-      appendChildNode(parent, item, namespace);
+      appendChildNode(parent, item, namespace, parentOwnerDocument);
     }
     return;
   }
   let domNode;
   if (typeof child !== "object" || child === null) {
-    domNode = document.createTextNode(String(_nullishCoalesce(child, () => ( ""))));
+    domNode = parentOwnerDocument.createTextNode(String(_nullishCoalesce(child, () => ( ""))));
   } else {
-    domNode = createElementWithContext(child, namespace);
+    domNode = createElementWithContext(child, namespace, parentOwnerDocument);
   }
   if (domNode.nodeType === 11) {
     const children = Array.from(domNode.childNodes);
     for (const node of children) {
-      appendChildNode(parent, node, namespace);
+      appendChildNode(parent, node, namespace, parentOwnerDocument);
     }
     return;
   }
@@ -2304,23 +2381,23 @@ function appendChildNode(parent, child, namespace) {
     throw e;
   }
 }
-function appendChildren(parent, children, namespace) {
+function appendChildren(parent, children, namespace, ownerDocument) {
   if (children === void 0) return;
   if (Array.isArray(children)) {
     for (const child of children) {
-      appendChildren(parent, child, namespace);
+      appendChildren(parent, child, namespace, ownerDocument);
     }
     return;
   }
-  appendChildNode(parent, children, namespace);
+  appendChildNode(parent, children, namespace, ownerDocument);
 }
 function applyRef(el, value) {
   if (typeof value === "function") {
     const refFn = value;
     refFn(el);
-    const root = _chunkUBFDB6OLcjs.getCurrentRoot.call(void 0, );
+    const root = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
     if (root) {
-      _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, () => {
+      _chunkQNMYVXRLcjs.registerRootCleanup.call(void 0, () => {
         refFn(null);
       });
     } else if (isDev2) {
@@ -2331,9 +2408,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 = _chunkQNMYVXRLcjs.getCurrentRoot.call(void 0, );
     if (root) {
-      _chunkUBFDB6OLcjs.registerRootCleanup.call(void 0, () => {
+      _chunkQNMYVXRLcjs.registerRootCleanup.call(void 0, () => {
         refObj.current = null;
       });
     } else if (isDev2) {
@@ -2407,7 +2484,7 @@ function applyProps(el, props, isSVG = false) {
       }
       continue;
     }
-    if (isDev2 && _chunkUBFDB6OLcjs.ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
+    if (isDev2 && _chunkQNMYVXRLcjs.ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
       createAttributeBinding(el, key, value, setProperty);
       continue;
     }
@@ -2423,8 +2500,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 ? _chunkQNMYVXRLcjs.getPropAlias.call(void 0, key, tagName) : void 0;
+    const isProperty = !isSVG ? isDev2 ? _chunkQNMYVXRLcjs.Properties.has(key) : key in el : false;
     if (propAlias || isProperty || isCE && !isSVG) {
       const propName = propAlias || key;
       if (isCE && !isProperty && !propAlias) {
@@ -2441,7 +2518,7 @@ function applyProps(el, props, isSVG = false) {
     }
     if (isSVG && key.indexOf(":") > -1) {
       const [prefix, name] = key.split(":");
-      const ns = _chunkUBFDB6OLcjs.SVGNamespace[prefix];
+      const ns = _chunkQNMYVXRLcjs.SVGNamespace[prefix];
       if (ns) {
         createAttributeBinding(
           el,
@@ -2584,4 +2661,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-4QGEN5SJ.cjs.map