@fictjs/runtime 0.16.0 → 0.17.1

package/dist/{chunk-AR2T7JEX.cjs → chunk-UG2IFQOY.cjs}

@@ -40,20 +40,20 @@
 
 
 
-var _chunkWJMZ7X46cjs = require('./chunk-WJMZ7X46.cjs');
+var _chunkNBDEMBBXcjs = require('./chunk-NBDEMBBX.cjs');
 
 // src/transition.ts
 function startTransition(fn) {
-  const prev = _chunkWJMZ7X46cjs.setTransitionContext.call(void 0, true);
+  const prev = _chunkNBDEMBBXcjs.setTransitionContext.call(void 0, true);
   try {
     fn();
   } finally {
-    _chunkWJMZ7X46cjs.setTransitionContext.call(void 0, prev);
-    _chunkWJMZ7X46cjs.scheduleFlush.call(void 0, );
+    _chunkNBDEMBBXcjs.setTransitionContext.call(void 0, prev);
+    _chunkNBDEMBBXcjs.scheduleFlush.call(void 0, );
   }
 }
 function useTransition() {
-  const pending = _chunkWJMZ7X46cjs.signal.call(void 0, false);
+  const pending = _chunkNBDEMBBXcjs.signal.call(void 0, false);
   let pendingCount = 0;
   const beginPending = () => {
     pendingCount += 1;
@@ -104,10 +104,10 @@ function useTransition() {
   return [() => pending(), start];
 }
 function useDeferredValue(getValue) {
-  const deferredValue = _chunkWJMZ7X46cjs.signal.call(void 0, getValue());
-  _chunkWJMZ7X46cjs.createEffect.call(void 0, () => {
+  const deferredValue = _chunkNBDEMBBXcjs.signal.call(void 0, getValue());
+  _chunkNBDEMBBXcjs.createEffect.call(void 0, () => {
     const newValue = getValue();
-    const currentDeferred = _chunkWJMZ7X46cjs.untrack.call(void 0, () => deferredValue());
+    const currentDeferred = _chunkNBDEMBBXcjs.untrack.call(void 0, () => deferredValue());
     if (currentDeferred !== newValue) {
       startTransition(() => {
         deferredValue(newValue);
@@ -119,10 +119,10 @@ function useDeferredValue(getValue) {
 
 // src/scheduler.ts
 function batch2(fn) {
-  return _chunkWJMZ7X46cjs.batch.call(void 0, fn);
+  return _chunkNBDEMBBXcjs.batch.call(void 0, fn);
 }
 function untrack2(fn) {
-  return _chunkWJMZ7X46cjs.untrack.call(void 0, fn);
+  return _chunkNBDEMBBXcjs.untrack.call(void 0, fn);
 }
 
 // src/jsx.ts
@@ -340,7 +340,7 @@ function withHydration(root, fn) {
     owner
   });
   try {
-    fn();
+    return fn();
   } finally {
     hydrationStack.pop();
   }
@@ -352,7 +352,7 @@ function withHydrationRange(start, end, owner, fn) {
     owner
   });
   try {
-    fn();
+    return fn();
   } finally {
     hydrationStack.pop();
   }
@@ -383,6 +383,18 @@ function claimNodes(templateRoot, fallback) {
   }
   return frag;
 }
+function claimText(value, fallback) {
+  const ctx = hydrationStack[hydrationStack.length - 1];
+  if (!ctx || !ctx.cursor || ctx.cursor === ctx.boundary || ctx.cursor.nodeType !== Node.TEXT_NODE) {
+    return fallback();
+  }
+  const text = ctx.cursor;
+  ctx.cursor = text.nextSibling;
+  if (text.data !== value) {
+    text.data = value;
+  }
+  return text;
+}
 function isHydratingActive() {
   return hydrationStack.length > 0;
 }
@@ -395,7 +407,9 @@ var PROP_CACHE = Symbol("fict:prop");
 var STYLE_CACHE = Symbol("fict:style");
 var CLASS_STATE_CACHE = Symbol("fict:class-state");
 var CLASS_VALUE_CACHE = Symbol("fict:class-value");
-var EVENT_TUPLE_LISTENER_CACHE = Symbol("fict:event-tuple-listener-cache");
+var EVENT_LISTENER_CACHE = Symbol("fict:event-listener-cache");
+var REF_ASSIGN_CACHE = Symbol("fict:ref-assign-cache");
+var CHILDREN_BINDING_CACHE = Symbol("fict:children-binding-cache");
 var NON_REACTIVE_FN_MARKER = Symbol.for("fict:non-reactive-fn");
 var REACTIVE_FN_MARKER = Symbol.for("fict:reactive-fn");
 var NON_REACTIVE_FN_REGISTRY_KEY = Symbol.for("fict:non-reactive-fn-registry");
@@ -423,17 +437,21 @@ function isExplicitReactiveFn(value) {
   if (typeof value !== "function") return false;
   return value[REACTIVE_FN_MARKER] === true;
 }
+var registeredCreateElement;
+function registerCreateElement(fn) {
+  registeredCreateElement = fn;
+}
 function isReactive(value) {
   if (typeof value !== "function") return false;
   if (isNonReactiveFn(value)) return false;
-  if (_chunkWJMZ7X46cjs.isSignal.call(void 0, value) || _chunkWJMZ7X46cjs.isComputed.call(void 0, value)) return true;
+  if (_chunkNBDEMBBXcjs.isSignal.call(void 0, value) || _chunkNBDEMBBXcjs.isComputed.call(void 0, value)) return true;
   if (isExplicitReactiveFn(value)) return true;
-  if (_chunkWJMZ7X46cjs.isEffect.call(void 0, value) || _chunkWJMZ7X46cjs.isEffectScope.call(void 0, value)) return false;
+  if (_chunkNBDEMBBXcjs.isEffect.call(void 0, value) || _chunkNBDEMBBXcjs.isEffectScope.call(void 0, value)) return false;
   return value.length === 0;
 }
 function isStrictlyReactive(value) {
   if (typeof value !== "function") return false;
-  return _chunkWJMZ7X46cjs.isSignal.call(void 0, value) || _chunkWJMZ7X46cjs.isComputed.call(void 0, value) || isPropGetterFn(value) || isExplicitReactiveFn(value);
+  return _chunkNBDEMBBXcjs.isSignal.call(void 0, value) || _chunkNBDEMBBXcjs.isComputed.call(void 0, value) || isPropGetterFn(value) || isExplicitReactiveFn(value);
 }
 var PROP_GETTER_MARKER = Symbol.for("fict:prop-getter");
 function isPropGetterFn(value) {
@@ -497,7 +515,7 @@ 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)) {
-    _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
+    _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
       setText(text, value());
     });
   } else {
@@ -506,7 +524,7 @@ function createTextBinding(value, owner) {
   return text;
 }
 function bindText(textNode, getValue) {
-  return _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => setText(textNode, getValue()));
+  return _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => setText(textNode, getValue()));
 }
 function setText(textNode, value) {
   const next = formatTextValue(value);
@@ -526,7 +544,7 @@ function formatTextValue(value) {
 }
 function createAttributeBinding(el, key, value, setter) {
   if (isReactive(value)) {
-    _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
+    _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
       setter(el, key, value());
     });
   } else {
@@ -534,7 +552,7 @@ function createAttributeBinding(el, key, value, setter) {
   }
 }
 function bindAttribute(el, key, getValue) {
-  return _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => setAttr(el, key, getValue()));
+  return _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => setAttr(el, key, getValue()));
 }
 function setAttr(el, key, value) {
   const cacheTarget = el;
@@ -550,7 +568,7 @@ function setAttr(el, key, value) {
   }
 }
 function bindProperty(el, key, getValue) {
-  return _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => setProp(el, key, getValue()));
+  return _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => setProp(el, key, getValue()));
 }
 function setProp(el, key, value) {
   const cacheTarget = el;
@@ -567,7 +585,7 @@ function setProp(el, key, value) {
 }
 function createStyleBinding(el, value) {
   if (isReactive(value)) {
-    _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
+    _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
       setStyle(el, value());
     });
   } else {
@@ -575,7 +593,7 @@ function createStyleBinding(el, value) {
   }
 }
 function bindStyle(el, getValue) {
-  return _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => setStyle(el, getValue()));
+  return _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => setStyle(el, getValue()));
 }
 function setStyle(el, value) {
   const target = el;
@@ -630,7 +648,7 @@ function applyStyle(el, value, prev) {
     }
   }
 }
-var isUnitlessStyleProperty = isDev ? (prop2) => _chunkWJMZ7X46cjs.UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
+var isUnitlessStyleProperty = isDev ? (prop2) => _chunkNBDEMBBXcjs.UnitlessStyles.has(prop2) : (prop2) => prop2 === "opacity" || prop2 === "zIndex";
 function normalizeStyleProperty(prop2) {
   const cached = STYLE_PROP_CACHE.get(prop2);
   if (cached) return cached;
@@ -640,7 +658,7 @@ function normalizeStyleProperty(prop2) {
 }
 function createClassBinding(el, value) {
   if (isReactive(value)) {
-    _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, 
+    _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, 
       () => setClass(el, value())
     );
   } else {
@@ -648,7 +666,7 @@ function createClassBinding(el, value) {
   }
 }
 function bindClass(el, getValue) {
-  return _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => setClass(el, getValue()));
+  return _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => setClass(el, getValue()));
 }
 function setClass(el, value) {
   const cache = el;
@@ -709,7 +727,7 @@ function classList(node, value, prev = {}) {
   return applyClass(node, value, prev);
 }
 function insert(parent, getValue, markerOrCreateElement, createElementFn) {
-  const hostRoot = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
   const parentOwnerDocument = _nullishCoalesce(parent.ownerDocument, () => ( document));
   let marker;
   let ownsMarker = false;
@@ -750,13 +768,13 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
     insertNodesBefore(parentNode, [currentText], marker);
     currentNodes = [currentText];
   };
-  const dispose = _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkNBDEMBBXcjs.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) {
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       if (!parentNode) {
@@ -769,12 +787,12 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
       return;
     }
     if (currentRoot) {
-      _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
-    const root = _chunkWJMZ7X46cjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root);
+    const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
     let nodes;
     let handledError = false;
     try {
@@ -802,28 +820,28 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
       nodes = toNodeArray(newNode, ownerDocument);
       if (root.suspended) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode) {
         insertNodesBefore(parentNode, nodes, marker);
       }
     } catch (err) {
-      if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkWJMZ7X46cjs.popRoot.call(void 0, prev);
+      _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root);
+        _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
       }
     }
     currentRoot = root;
@@ -832,7 +850,7 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   return () => {
     dispose();
     if (currentRoot) {
-      _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
@@ -842,12 +860,12 @@ function insert(parent, getValue, markerOrCreateElement, createElementFn) {
   };
 }
 function insertBetween(start, end, getValue, createElementFn) {
-  const hostRoot = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
+  const hostRoot = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
   const markerOwnerDocument = _nullishCoalesce(_nullishCoalesce(start.ownerDocument, () => ( end.ownerDocument)), () => ( document));
   let currentNodes = [];
   let currentText = null;
   let currentRoot = null;
-  let initialHydrating = _chunkWJMZ7X46cjs.__fictIsHydrating.call(void 0, );
+  let initialHydrating = _chunkNBDEMBBXcjs.__fictIsHydrating.call(void 0, );
   const collectBetween = () => {
     const nodes = [];
     let cursor = start.nextSibling;
@@ -883,7 +901,7 @@ function insertBetween(start, end, getValue, createElementFn) {
       currentNodes = [currentText];
     }
   };
-  const dispose = _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkNBDEMBBXcjs.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";
@@ -897,7 +915,7 @@ function insertBetween(start, end, getValue, createElementFn) {
         }
       }
       if (currentRoot) {
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       if (!parentNode) {
@@ -911,12 +929,12 @@ function insertBetween(start, end, getValue, createElementFn) {
       return;
     }
     if (currentRoot) {
-      _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
-    const root = _chunkWJMZ7X46cjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root);
+    const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
     let nodes;
     let handledError = false;
     try {
@@ -956,28 +974,28 @@ function insertBetween(start, end, getValue, createElementFn) {
       nodes = toNodeArray(newNode, ownerDocument);
       if (root.suspended) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
       if (parentNode && !initialHydrating) {
         insertNodesBefore(parentNode, nodes, end);
       }
     } catch (err) {
-      if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkWJMZ7X46cjs.popRoot.call(void 0, prev);
+      _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root);
+        _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
       }
     }
     currentRoot = root;
@@ -987,7 +1005,7 @@ function insertBetween(start, end, getValue, createElementFn) {
   return () => {
     dispose();
     if (currentRoot) {
-      _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     clearCurrentNodes();
@@ -996,10 +1014,10 @@ function insertBetween(start, end, getValue, createElementFn) {
 function createChildBinding(parent, getValue, createElementFn) {
   const marker = (_nullishCoalesce(parent.ownerDocument, () => ( document))).createComment("fict:child");
   parent.appendChild(marker);
-  const hostRoot = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
-  const dispose = _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
-    const root = _chunkWJMZ7X46cjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root);
+  const hostRoot = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
+  const dispose = _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
+    const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
     let nodes = [];
     let handledError = false;
     try {
@@ -1014,25 +1032,25 @@ function createChildBinding(parent, getValue, createElementFn) {
         insertNodesBefore(parentNode, nodes, marker);
       }
       return () => {
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         removeNodes(nodes);
       };
     } catch (err) {
-      if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkWJMZ7X46cjs.popRoot.call(void 0, prev);
+      _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root);
+        _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
       }
     }
   });
@@ -1045,7 +1063,7 @@ function createChildBinding(parent, getValue, createElementFn) {
   };
 }
 function delegateEvents(eventNames, doc = window.document) {
-  const e = doc[_chunkWJMZ7X46cjs.$$EVENTS] || (doc[_chunkWJMZ7X46cjs.$$EVENTS] = /* @__PURE__ */ new Set());
+  const e = doc[_chunkNBDEMBBXcjs.$$EVENTS] || (doc[_chunkNBDEMBBXcjs.$$EVENTS] = /* @__PURE__ */ new Set());
   for (let i = 0, l = eventNames.length; i < l; i++) {
     const name = eventNames[i];
     if (!e.has(name)) {
@@ -1055,12 +1073,12 @@ function delegateEvents(eventNames, doc = window.document) {
   }
 }
 function clearDelegatedEvents(doc = window.document) {
-  const e = doc[_chunkWJMZ7X46cjs.$$EVENTS];
+  const e = doc[_chunkNBDEMBBXcjs.$$EVENTS];
   if (e) {
     for (const name of e.keys()) {
       doc.removeEventListener(name, globalEventHandler);
     }
-    delete doc[_chunkWJMZ7X46cjs.$$EVENTS];
+    delete doc[_chunkNBDEMBBXcjs.$$EVENTS];
   }
 }
 function globalEventHandler(e) {
@@ -1085,26 +1103,18 @@ function globalEventHandler(e) {
     if (!node) return false;
     const handler = node[key];
     if (handler && !node.disabled) {
-      const resolveData = (value) => {
-        if (typeof value === "function") {
-          try {
-            const fn = value;
-            return fn.length > 0 ? fn(e) : fn();
-          } catch (e12) {
-            return value();
-          }
-        }
-        return value;
-      };
       const rawData = node[dataKey];
       const hasData = rawData !== void 0;
-      const resolvedNodeData = hasData ? resolveData(rawData) : void 0;
+      const resolvedNodeData = hasData ? resolveEventData(rawData, e) : void 0;
       batch2(() => {
         if (typeof handler === "function") {
           callEventHandler(handler, e, node, hasData ? resolvedNodeData : void 0);
         } else if (Array.isArray(handler)) {
-          const tupleData = resolveData(handler[1]);
-          callEventHandler(handler[0], e, node, tupleData);
+          const tupleHandler = resolveEventHandlerValue(
+            handler[0]
+          );
+          const tupleData = resolveEventData(handler[1], e);
+          callEventHandler(tupleHandler, e, node, tupleData);
         }
       });
       if (e.cancelBubble) return false;
@@ -1152,145 +1162,445 @@ function globalEventHandler(e) {
   }
   retarget(oriTarget);
 }
-function addEventListener(node, name, handler, delegate) {
+function addEventListener(node, name, handler, delegate, options) {
   if (delegate) {
     const key = `$$${name}`;
     const dataKey = `${key}Data`;
+    const rootRef2 = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
+    const delegationDocument = resolveDelegationDocument(node, rootRef2);
+    delegateEvents([name], delegationDocument);
     if (handler == null) {
       ;
       node[key] = void 0;
       node[dataKey] = void 0;
       return;
     }
-    if (Array.isArray(handler)) {
-      ;
-      node[key] = handler[0];
-      node[dataKey] = handler[1];
-    } else {
-      ;
-      node[key] = handler;
-      node[dataKey] = void 0;
-    }
+    ;
+    node[key] = createEventInvoker(
+      name,
+      handler,
+      node,
+      rootRef2
+    );
+    node[dataKey] = void 0;
     return;
   }
+  removeStoredEventListener(node, name, options);
   if (handler == null) return;
-  if (Array.isArray(handler)) {
-    const store = getTupleEventListenerStore(node);
-    const existing = store.get(name);
-    if (existing) {
-      node.removeEventListener(name, existing);
-    }
-    const handlerFn = handler[0];
-    const wrapped = (e) => handlerFn.call(node, handler[1], e);
-    store.set(name, wrapped);
-    node.addEventListener(name, wrapped);
-    return;
+  const rootRef = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
+  const wrapped = createEventInvoker(name, handler, node, rootRef);
+  node.addEventListener(name, wrapped, options);
+  getStoredEventListenerStore(node).set(getEventListenerStoreKey(name, options), {
+    listener: wrapped,
+    options
+  });
+}
+function resolveDelegationDocument(node, rootRef) {
+  const nodeDocument = _nullishCoalesce(node.ownerDocument, () => ( void 0));
+  if (_optionalChain([rootRef, 'optionalAccess', _18 => _18.ownerDocument]) && _optionalChain([nodeDocument, 'optionalAccess', _19 => _19.defaultView]) == null) {
+    return rootRef.ownerDocument;
   }
-  node.addEventListener(name, handler);
+  return _nullishCoalesce(_nullishCoalesce(nodeDocument, () => ( _optionalChain([rootRef, 'optionalAccess', _20 => _20.ownerDocument]))), () => ( document));
 }
-function getTupleEventListenerStore(node) {
+function getStoredEventListenerStore(node) {
   const host = node;
-  if (!host[EVENT_TUPLE_LISTENER_CACHE]) {
-    host[EVENT_TUPLE_LISTENER_CACHE] = /* @__PURE__ */ new Map();
+  if (!host[EVENT_LISTENER_CACHE]) {
+    host[EVENT_LISTENER_CACHE] = /* @__PURE__ */ new Map();
   }
-  return host[EVENT_TUPLE_LISTENER_CACHE];
+  return host[EVENT_LISTENER_CACHE];
+}
+function getEventListenerStoreKey(name, options) {
+  const capture = typeof options === "boolean" ? options : _optionalChain([options, 'optionalAccess', _21 => _21.capture]) === true;
+  const passive = typeof options === "object" && _optionalChain([options, 'optionalAccess', _22 => _22.passive]) === true;
+  const once = typeof options === "object" && _optionalChain([options, 'optionalAccess', _23 => _23.once]) === true;
+  return `${name}:${capture ? 1 : 0}:${passive ? 1 : 0}:${once ? 1 : 0}`;
 }
-function removeStoredTupleEventListener(node, name) {
+function removeStoredEventListener(node, name, options) {
   const host = node;
-  const store = host[EVENT_TUPLE_LISTENER_CACHE];
+  const store = host[EVENT_LISTENER_CACHE];
   if (!store) return;
-  const wrapped = store.get(name);
-  if (!wrapped) return;
-  node.removeEventListener(name, wrapped);
-  store.delete(name);
+  const entry = store.get(getEventListenerStoreKey(name, options));
+  if (!entry) return;
+  node.removeEventListener(name, entry.listener, entry.options);
+  store.delete(getEventListenerStoreKey(name, options));
   if (store.size === 0) {
-    delete host[EVENT_TUPLE_LISTENER_CACHE];
+    delete host[EVENT_LISTENER_CACHE];
   }
 }
-function bindEvent(el, eventName, handler, options) {
-  if (handler == null) return () => {
-  };
-  const rootRef = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
-  const shouldDelegate = options == null && _chunkWJMZ7X46cjs.DelegatedEvents.has(eventName);
-  if (shouldDelegate) {
-    const key = `$$${eventName}`;
-    delegateEvents([eventName]);
-    const resolveHandler = isStrictlyReactive(handler) ? handler : () => handler;
-    el[key] = function(...args) {
-      try {
-        const fn = resolveHandler();
-        callEventHandler(fn, args[0], el);
-      } catch (err) {
-        if (!_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
-          throw err;
-        }
-      }
-    };
-    return () => {
-      el[key] = void 0;
-    };
+function resolveEventData(value, event) {
+  if (typeof value !== "function") return value;
+  if (isReactive(value)) {
+    return value();
   }
-  const getHandler = isStrictlyReactive(handler) ? handler : () => handler;
-  const wrapped = (event) => {
+  try {
+    const fn = value;
+    return fn.length > 0 ? fn(event) : fn();
+  } catch (e12) {
+    return value();
+  }
+}
+function resolveEventHandlerValue(value) {
+  if (isStrictlyReactive(value)) {
+    return value();
+  }
+  return value;
+}
+function createEventInvoker(eventName, handler, node, rootRef) {
+  return (event) => {
     try {
-      const resolved = getHandler();
-      callEventHandler(resolved, event, el);
+      if (Array.isArray(handler)) {
+        const resolvedHandler2 = resolveEventHandlerValue(
+          handler[0]
+        );
+        const data = resolveEventData(handler[1], event);
+        callEventHandler(resolvedHandler2, event, node, data);
+        return;
+      }
+      const resolvedHandler = resolveEventHandlerValue(
+        handler
+      );
+      callEventHandler(resolvedHandler, event, node);
     } catch (err) {
-      if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
+      if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "event", eventName }, rootRef)) {
         return;
       }
       throw err;
     }
   };
-  el.addEventListener(eventName, wrapped, options);
-  const cleanup = () => el.removeEventListener(eventName, wrapped, options);
-  _chunkWJMZ7X46cjs.registerRootCleanup.call(void 0, cleanup);
+}
+function bindEvent(el, eventName, handler, options) {
+  if (handler == null) return () => {
+  };
+  const shouldDelegate = options == null && _chunkNBDEMBBXcjs.DelegatedEvents.has(eventName);
+  if (shouldDelegate) {
+    addEventListener(el, eventName, handler, true);
+    return () => {
+      addEventListener(el, eventName, null, true);
+    };
+  }
+  addEventListener(
+    el,
+    eventName,
+    handler,
+    false,
+    options
+  );
+  const cleanup = () => removeStoredEventListener(el, eventName, options);
+  _chunkNBDEMBBXcjs.registerRootCleanup.call(void 0, cleanup);
   return cleanup;
 }
-function bindRef(el, ref) {
+function bindRef(el, ref, registerCleanup = true) {
   if (ref == null) return () => {
   };
   const getRef = isReactive(ref) ? ref : () => ref;
-  const applyRef2 = (refValue) => {
+  let currentRef;
+  const applyRefValue = (refValue, value) => {
     if (refValue == null) return;
     if (typeof refValue === "function") {
       ;
-      refValue(el);
+      refValue(value);
     } else if (typeof refValue === "object" && "current" in refValue) {
       ;
-      refValue.current = el;
+      refValue.current = value;
     }
   };
-  const initialRef = getRef();
-  applyRef2(initialRef);
+  const clearCurrentRef = () => {
+    if (currentRef == null) return;
+    applyRefValue(currentRef, null);
+    currentRef = void 0;
+  };
+  const syncRef = (nextRef) => {
+    if (nextRef === currentRef) return;
+    clearCurrentRef();
+    currentRef = nextRef;
+    applyRefValue(currentRef, el);
+  };
+  let disposeTracking;
   if (isReactive(ref)) {
-    const cleanup2 = _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
-      const currentRef = getRef();
-      applyRef2(currentRef);
+    disposeTracking = _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
+      syncRef(getRef());
     });
-    _chunkWJMZ7X46cjs.registerRootCleanup.call(void 0, cleanup2);
-    const nullifyCleanup = () => {
-      const currentRef = getRef();
-      if (currentRef && typeof currentRef === "object" && "current" in currentRef) {
-        ;
-        currentRef.current = null;
-      }
-    };
-    _chunkWJMZ7X46cjs.registerRootCleanup.call(void 0, nullifyCleanup);
-    return () => {
-      cleanup2();
-      nullifyCleanup();
-    };
+  } else {
+    syncRef(getRef());
+  }
+  if (registerCleanup) {
+    _chunkNBDEMBBXcjs.registerRootCleanup.call(void 0, clearCurrentRef);
+  }
+  return () => {
+    _optionalChain([disposeTracking, 'optionalCall', _24 => _24()]);
+    clearCurrentRef();
+  };
+}
+function resolveAssignedChildrenValue(value) {
+  if (typeof value === "function") {
+    return isReactive(value) ? value() : null;
+  }
+  return _nullishCoalesce(value, () => ( null));
+}
+function resolveAssignedRefValue(value) {
+  if (isReactive(value)) {
+    return value();
   }
-  const cleanup = () => {
-    const refValue = getRef();
-    if (refValue && typeof refValue === "object" && "current" in refValue) {
+  return value;
+}
+function createAssignedRefState(node, owner, initialValue) {
+  const valueSignal = _chunkNBDEMBBXcjs.signal.call(void 0, initialValue);
+  let currentRef;
+  const applyRefValue = (refValue, value) => {
+    if (refValue == null) return;
+    if (typeof refValue === "function") {
       ;
-      refValue.current = null;
+      refValue(value);
+    } else if (typeof refValue === "object" && "current" in refValue) {
+      ;
+      refValue.current = value;
     }
   };
-  _chunkWJMZ7X46cjs.registerRootCleanup.call(void 0, cleanup);
-  return cleanup;
+  const clearCurrentRef = () => {
+    if (currentRef == null) return;
+    applyRefValue(currentRef, null);
+    currentRef = void 0;
+  };
+  const syncRef = (nextRef) => {
+    if (nextRef === currentRef) return;
+    clearCurrentRef();
+    currentRef = nextRef;
+    applyRefValue(currentRef, node);
+  };
+  const disposeTracking = _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
+    syncRef(resolveAssignedRefValue(valueSignal()));
+  });
+  return {
+    cleanup: () => {
+      disposeTracking();
+      clearCurrentRef();
+    },
+    owner,
+    registeredCleanup: false,
+    value: (next) => {
+      valueSignal(next);
+      syncRef(resolveAssignedRefValue(next));
+    }
+  };
+}
+function bindAssignedChildren(node, getValue, createElementFn) {
+  const hostRoot = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
+  const createFn = _nullishCoalesce(createElementFn, () => ( registeredCreateElement));
+  let currentNodes = [];
+  let currentText = null;
+  let currentRoot = null;
+  let initialHydrating = _chunkNBDEMBBXcjs.__fictIsHydrating.call(void 0, );
+  const collectCurrentChildren = () => Array.from(node.childNodes);
+  const clearCurrentNodes = () => {
+    if (currentRoot) {
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
+      currentRoot = null;
+    }
+    if (currentNodes.length > 0) {
+      removeNodes(currentNodes);
+      currentNodes = [];
+    }
+    currentText = null;
+  };
+  const setTextNode = (textValue, shouldInsert) => {
+    if (!shouldInsert) {
+      clearCurrentNodes();
+      if (node.childNodes.length > 0) {
+        node.replaceChildren();
+      }
+      initialHydrating = false;
+      return;
+    }
+    if (initialHydrating && isHydratingActive()) {
+      const hydratedNodes = collectCurrentChildren();
+      if (hydratedNodes.length === 1 && _optionalChain([hydratedNodes, 'access', _25 => _25[0], 'optionalAccess', _26 => _26.nodeType]) === Node.TEXT_NODE) {
+        const hydratedText = hydratedNodes[0];
+        if (hydratedText.data !== textValue) {
+          hydratedText.data = textValue;
+        }
+        currentText = hydratedText;
+        currentNodes = [hydratedText];
+        initialHydrating = false;
+        return;
+      }
+    }
+    const textNode = _nullishCoalesce(currentText, () => ( (_nullishCoalesce(node.ownerDocument, () => ( document))).createTextNode(textValue)));
+    if (textNode.data !== textValue) {
+      textNode.data = textValue;
+    }
+    if (currentNodes.length === 1 && currentNodes[0] === textNode) {
+      currentText = textNode;
+      return;
+    }
+    if (currentRoot) {
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
+      currentRoot = null;
+    }
+    if (currentNodes.length > 0) {
+      removeNodes(currentNodes);
+      currentNodes = [];
+    }
+    node.replaceChildren(textNode);
+    currentText = textNode;
+    currentNodes = [textNode];
+    initialHydrating = false;
+  };
+  const dispose = _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
+    const value = getValue();
+    const isPrimitive = value == null || value === false || typeof value === "string" || typeof value === "number" || typeof value === "boolean";
+    if (isPrimitive) {
+      const textValue = value == null || value === false ? "" : String(value);
+      const shouldInsert = value != null && value !== false;
+      setTextNode(textValue, shouldInsert);
+      return;
+    }
+    clearCurrentNodes();
+    const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
+    let nodes;
+    let currentHydratedNodes;
+    let handledError = false;
+    try {
+      const ownerDocument = _nullishCoalesce(_nullishCoalesce(node.ownerDocument, () => ( _optionalChain([hostRoot, 'optionalAccess', _27 => _27.ownerDocument]))), () => ( document));
+      const createValue = () => {
+        if (value instanceof Node) {
+          return value;
+        }
+        if (Array.isArray(value)) {
+          if (value.every((v) => v instanceof Node)) {
+            return value;
+          }
+          if (createFn) {
+            const mapped = [];
+            for (const item of value) {
+              mapped.push(...toNodeArray(createFn(item), ownerDocument));
+            }
+            return mapped;
+          }
+          return ownerDocument.createTextNode(String(value));
+        }
+        return createFn ? createFn(value) : ownerDocument.createTextNode(String(value));
+      };
+      const newNode = initialHydrating && isHydratingActive() ? withHydration(node, () => createValue()) : createValue();
+      nodes = toNodeArray(newNode, ownerDocument);
+      if (root.suspended) {
+        handledError = true;
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
+        return;
+      }
+      if (initialHydrating) {
+        const hydratedNodes = collectCurrentChildren();
+        const reuseHydratedNodes = hydratedNodes.length === nodes.length && nodes.every((candidate, index) => candidate === hydratedNodes[index]);
+        if (reuseHydratedNodes) {
+          currentHydratedNodes = hydratedNodes;
+        } else {
+          node.replaceChildren(...nodes);
+        }
+      } else {
+        node.replaceChildren(...nodes);
+      }
+    } catch (err) {
+      if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, root)) {
+        handledError = true;
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
+        return;
+      }
+      if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+        handledError = true;
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
+        return;
+      }
+      throw err;
+    } finally {
+      _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
+      if (!handledError) {
+        _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
+      }
+    }
+    currentRoot = root;
+    currentNodes = _nullishCoalesce(currentHydratedNodes, () => ( nodes));
+    initialHydrating = false;
+  });
+  return () => {
+    dispose();
+    clearCurrentNodes();
+  };
+}
+function updateChildrenBinding(node, value, createElementFn) {
+  const host = node;
+  const createFn = _nullishCoalesce(createElementFn, () => ( registeredCreateElement));
+  const owner = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
+  let state = host[CHILDREN_BINDING_CACHE];
+  if (state && state.owner !== owner) {
+    _optionalChain([state, 'access', _28 => _28.cleanup, 'optionalCall', _29 => _29()]);
+    state.cleanup = void 0;
+    delete host[CHILDREN_BINDING_CACHE];
+    state = void 0;
+  }
+  if (!state) {
+    const valueSignal = _chunkNBDEMBBXcjs.signal.call(void 0, value);
+    const cleanup = bindAssignedChildren(
+      node,
+      () => resolveAssignedChildrenValue(valueSignal()),
+      createFn
+    );
+    const nextState = {
+      cleanup,
+      owner,
+      value: valueSignal
+    };
+    state = nextState;
+    host[CHILDREN_BINDING_CACHE] = nextState;
+    _chunkNBDEMBBXcjs.registerRootCleanup.call(void 0, () => {
+      _optionalChain([state, 'optionalAccess', _30 => _30.cleanup, 'optionalCall', _31 => _31()]);
+      if (state) {
+        state.cleanup = void 0;
+      }
+      if (host[CHILDREN_BINDING_CACHE] === state) {
+        delete host[CHILDREN_BINDING_CACHE];
+      }
+    });
+    return;
+  }
+  state.value(value);
+}
+function updateAssignedRefBinding(node, value) {
+  const host = node;
+  const owner = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
+  let state = host[REF_ASSIGN_CACHE];
+  if (state && state.owner !== owner) {
+    _optionalChain([state, 'access', _32 => _32.cleanup, 'optionalCall', _33 => _33()]);
+    state.cleanup = void 0;
+    delete host[REF_ASSIGN_CACHE];
+    state = void 0;
+  }
+  if (!state && value == null) {
+    return;
+  }
+  if (!state) {
+    state = createAssignedRefState(node, owner, value);
+    host[REF_ASSIGN_CACHE] = state;
+  }
+  _optionalChain([state, 'access', _34 => _34.value, 'optionalCall', _35 => _35(value)]);
+  if (value == null) {
+    if (!state.registeredCleanup) {
+      _optionalChain([state, 'access', _36 => _36.cleanup, 'optionalCall', _37 => _37()]);
+      state.cleanup = void 0;
+      delete host[REF_ASSIGN_CACHE];
+    }
+    return;
+  }
+  if (!state.registeredCleanup && _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, )) {
+    state.registeredCleanup = true;
+    _chunkNBDEMBBXcjs.registerRootCleanup.call(void 0, () => {
+      _optionalChain([state, 'access', _38 => _38.cleanup, 'optionalCall', _39 => _39()]);
+      state.cleanup = void 0;
+      state.value = void 0;
+      if (host[REF_ASSIGN_CACHE] === state) {
+        delete host[REF_ASSIGN_CACHE];
+      }
+    });
+  }
 }
 function spread(node, props = {}, isSVG = false, skipChildren = false, exclude = []) {
   const prevProps = {};
@@ -1300,44 +1610,40 @@ function spread(node, props = {}, isSVG = false, skipChildren = false, exclude =
     if (!next || typeof next !== "object") return {};
     return next;
   };
-  if (!skipChildren) {
-    _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
-      const nextProps = resolveProps();
-      if ("children" in nextProps) {
-        prevProps.children = nextProps.children;
-      }
-    });
-  }
-  _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
-    const nextProps = resolveProps();
-    if (typeof nextProps.ref === "function") {
-      ;
-      nextProps.ref(node);
-    }
-  });
-  _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
-    assign(node, resolveProps(), isSVG, true, prevProps, true, excludedProps);
+  bindRef(
+    node,
+    _nullishCoalesce((typeof props === "function" ? () => resolveProps().ref : resolveProps().ref), () => ( null))
+  );
+  _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
+    assign(node, resolveProps(), isSVG, skipChildren, prevProps, true, excludedProps);
   });
   return prevProps;
 }
 function assign(node, props, isSVG = false, skipChildren = false, prevProps = {}, skipRef = false, excludedProps) {
   props = props || {};
   for (const prop2 in prevProps) {
-    if (_optionalChain([excludedProps, 'optionalAccess', _18 => _18.has, 'call', _19 => _19(prop2)])) continue;
+    if (_optionalChain([excludedProps, 'optionalAccess', _40 => _40.has, 'call', _41 => _41(prop2)])) continue;
     if (!(prop2 in props)) {
-      if (prop2 === "children") continue;
+      if (prop2 === "children") {
+        if (!skipChildren) {
+          updateChildrenBinding(node, void 0);
+          prevProps.children = void 0;
+        }
+        continue;
+      }
       prevProps[prop2] = assignProp(node, prop2, null, prevProps[prop2], isSVG, skipRef, props);
     }
   }
   for (const prop2 in props) {
-    if (_optionalChain([excludedProps, 'optionalAccess', _20 => _20.has, 'call', _21 => _21(prop2)])) continue;
+    if (_optionalChain([excludedProps, 'optionalAccess', _42 => _42.has, 'call', _43 => _43(prop2)])) continue;
+    const value = props[prop2];
     if (prop2 === "children") {
       if (!skipChildren) {
+        updateChildrenBinding(node, value);
         prevProps.children = props.children;
       }
       continue;
     }
-    const value = props[prop2];
     prevProps[prop2] = assignProp(node, prop2, value, prevProps[prop2], isSVG, skipRef, props);
   }
 }
@@ -1351,9 +1657,8 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   if (value === prev) return prev;
   if (prop2 === "ref") {
-    if (!skipRef && typeof value === "function") {
-      ;
-      value(node);
+    if (!skipRef) {
+      updateAssignedRefBinding(node, value);
     }
     return value;
   }
@@ -1363,34 +1668,41 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
       node.setAttribute(prop2, value);
       return value;
     }
-    if (prev && typeof prev !== "string") node.removeEventListener(eventName, prev);
-    if (value) node.addEventListener(eventName, value);
+    if (prev && typeof prev !== "string") removeStoredEventListener(node, eventName);
+    addEventListener(
+      node,
+      eventName,
+      value,
+      false
+    );
     return value;
   }
   if (prop2.slice(0, 10) === "oncapture:") {
     const eventName = prop2.slice(10);
-    if (prev) node.removeEventListener(eventName, prev, true);
-    if (value) node.addEventListener(eventName, value, true);
+    if (prev) removeStoredEventListener(node, eventName, true);
+    addEventListener(
+      node,
+      eventName,
+      value,
+      false,
+      true
+    );
     return value;
   }
   if (prop2.slice(0, 2) === "on") {
     const eventName = prop2.slice(2).toLowerCase();
-    const shouldDelegate = _chunkWJMZ7X46cjs.DelegatedEvents.has(eventName);
+    const shouldDelegate = _chunkNBDEMBBXcjs.DelegatedEvents.has(eventName);
     if (!shouldDelegate && prev) {
-      if (Array.isArray(prev)) {
-        removeStoredTupleEventListener(node, eventName);
-      } else {
-        node.removeEventListener(eventName, prev);
-      }
+      removeStoredEventListener(node, eventName);
     }
     if (shouldDelegate || value) {
       addEventListener(
         node,
         eventName,
         value,
-        shouldDelegate
+        shouldDelegate,
+        false
       );
-      if (shouldDelegate) delegateEvents([eventName]);
     }
     return value;
   }
@@ -1416,9 +1728,9 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   const isCE = node.nodeName.includes("-") || "is" in props;
   if (!isSVG) {
-    const propAlias = isDev ? _chunkWJMZ7X46cjs.getPropAlias.call(void 0, prop2, node.tagName) : void 0;
-    const isProperty = isDev ? _chunkWJMZ7X46cjs.Properties.has(prop2) : prop2 in node;
-    const isChildProp = isDev ? _chunkWJMZ7X46cjs.ChildProperties.has(prop2) : prop2 === "innerHTML" || prop2 === "textContent" || prop2 === "innerText" || prop2 === "children";
+    const propAlias = isDev ? _chunkNBDEMBBXcjs.getPropAlias.call(void 0, prop2, node.tagName) : void 0;
+    const isProperty = isDev ? _chunkNBDEMBBXcjs.Properties.has(prop2) : prop2 in node;
+    const isChildProp = isDev ? _chunkNBDEMBBXcjs.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) {
@@ -1433,7 +1745,7 @@ function assignProp(node, prop2, value, prev, isSVG, skipRef, props) {
   }
   if (isSVG && prop2.indexOf(":") > -1) {
     const [prefix, name] = prop2.split(":");
-    const ns = _chunkWJMZ7X46cjs.SVGNamespace[prefix];
+    const ns = _chunkNBDEMBBXcjs.SVGNamespace[prefix];
     if (ns) {
       if (value == null) node.removeAttributeNS(ns, name);
       else node.setAttributeNS(ns, name, String(value));
@@ -1449,10 +1761,10 @@ 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', _22 => _22.trackBranchReads]) === true;
-  const hostRoot = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
+  const trackBranchReads = _optionalChain([options, 'optionalAccess', _44 => _44.trackBranchReads]) === true;
+  const hostRoot = _chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, );
   const useProvided = !!(startOverride && endOverride);
-  const markerOwnerDocument = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([startOverride, 'optionalAccess', _23 => _23.ownerDocument]), () => ( _optionalChain([endOverride, 'optionalAccess', _24 => _24.ownerDocument]))), () => ( _optionalChain([hostRoot, 'optionalAccess', _25 => _25.ownerDocument]))), () => ( document));
+  const markerOwnerDocument = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([startOverride, 'optionalAccess', _45 => _45.ownerDocument]), () => ( _optionalChain([endOverride, 'optionalAccess', _46 => _46.ownerDocument]))), () => ( _optionalChain([hostRoot, 'optionalAccess', _47 => _47.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();
@@ -1464,7 +1776,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
   let currentRoot = null;
   let lastCondition = void 0;
   let pendingRender = false;
-  let initialHydrating = _chunkWJMZ7X46cjs.__fictIsHydrating.call(void 0, );
+  let initialHydrating = _chunkNBDEMBBXcjs.__fictIsHydrating.call(void 0, );
   const collectBetween = () => {
     const nodes = [];
     let cursor = startMarker.nextSibling;
@@ -1474,7 +1786,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     }
     return nodes;
   };
-  const conditionMemo = _chunkWJMZ7X46cjs.computed.call(void 0, condition);
+  const conditionMemo = _chunkNBDEMBBXcjs.computed.call(void 0, condition);
   const runConditional = () => {
     const cond = conditionMemo();
     const parent = startMarker.parentNode;
@@ -1491,8 +1803,8 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         currentNodes = collectBetween();
         return;
       }
-      const root2 = _chunkWJMZ7X46cjs.createRootContext.call(void 0, hostRoot);
-      const prev2 = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root2);
+      const root2 = _chunkNBDEMBBXcjs.createRootContext.call(void 0, hostRoot);
+      const prev2 = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root2);
       let handledError2 = false;
       try {
         withHydrationRange(
@@ -1500,7 +1812,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
           endMarker,
           _nullishCoalesce(parent.ownerDocument, () => ( markerOwnerDocument)),
           () => {
-            const output = trackBranchReads ? render3() : _chunkWJMZ7X46cjs.untrack.call(void 0, render3);
+            const output = trackBranchReads ? render3() : _chunkNBDEMBBXcjs.untrack.call(void 0, render3);
             if (output == null || output === false) {
               return;
             }
@@ -1509,21 +1821,21 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         );
         currentNodes = collectBetween();
       } catch (err) {
-        if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, root2)) {
+        if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, root2)) {
           handledError2 = true;
-          _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root2);
+          _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root2);
           return;
         }
-        if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
+        if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, root2)) {
           handledError2 = true;
-          _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root2);
+          _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root2);
           return;
         }
         throw err;
       } finally {
-        _chunkWJMZ7X46cjs.popRoot.call(void 0, prev2);
+        _chunkNBDEMBBXcjs.popRoot.call(void 0, prev2);
         if (!handledError2) {
-          _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root2);
+          _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root2);
           currentRoot = root2;
         } else {
           currentRoot = null;
@@ -1544,8 +1856,8 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         return;
       }
       let patched = false;
-      const scratchRoot = _chunkWJMZ7X46cjs.createRootContext.call(void 0, hostRoot);
-      const prevScratch = _chunkWJMZ7X46cjs.pushRoot.call(void 0, scratchRoot);
+      const scratchRoot = _chunkNBDEMBBXcjs.createRootContext.call(void 0, hostRoot);
+      const prevScratch = _chunkNBDEMBBXcjs.pushRoot.call(void 0, scratchRoot);
       let handledPatchError = false;
       let scratchOutput;
       try {
@@ -1559,36 +1871,36 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
             patched = _patchFragmentChildren(currentNodes, output);
           }
           if (!patched && _isFragmentVNode(output)) {
-            patched = _patchFragmentChildren(currentNodes, _optionalChain([output, 'access', _26 => _26.props, 'optionalAccess', _27 => _27.children]));
+            patched = _patchFragmentChildren(currentNodes, _optionalChain([output, 'access', _48 => _48.props, 'optionalAccess', _49 => _49.children]));
           }
         }
       } catch (err) {
-        if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, scratchRoot)) {
+        if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, scratchRoot)) {
           handledPatchError = true;
-        } else if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+        } else if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
           handledPatchError = true;
         } else {
           throw err;
         }
       } finally {
-        _chunkWJMZ7X46cjs.popRoot.call(void 0, prevScratch);
+        _chunkNBDEMBBXcjs.popRoot.call(void 0, prevScratch);
       }
       if (handledPatchError) {
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, scratchRoot);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, scratchRoot);
         return;
       }
       if (patched) {
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, scratchRoot);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, scratchRoot);
         return;
       }
       lastCondition = cond;
       if (currentRoot) {
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
         currentRoot = null;
       }
       removeNodes(currentNodes);
       currentNodes = [];
-      const prev2 = _chunkWJMZ7X46cjs.pushRoot.call(void 0, scratchRoot);
+      const prev2 = _chunkNBDEMBBXcjs.pushRoot.call(void 0, scratchRoot);
       let handledError2 = false;
       try {
         if (scratchOutput == null || scratchOutput === false) {
@@ -1599,21 +1911,21 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
         insertNodesBefore(parent, nodes, endMarker);
         currentNodes = nodes;
       } catch (err) {
-        if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, scratchRoot)) {
+        if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, scratchRoot)) {
           handledError2 = true;
-          _chunkWJMZ7X46cjs.destroyRoot.call(void 0, scratchRoot);
+          _chunkNBDEMBBXcjs.destroyRoot.call(void 0, scratchRoot);
           return;
         }
-        if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
+        if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, scratchRoot)) {
           handledError2 = true;
-          _chunkWJMZ7X46cjs.destroyRoot.call(void 0, scratchRoot);
+          _chunkNBDEMBBXcjs.destroyRoot.call(void 0, scratchRoot);
           return;
         }
         throw err;
       } finally {
-        _chunkWJMZ7X46cjs.popRoot.call(void 0, prev2);
+        _chunkNBDEMBBXcjs.popRoot.call(void 0, prev2);
         if (!handledError2) {
-          _chunkWJMZ7X46cjs.flushOnMount.call(void 0, scratchRoot);
+          _chunkNBDEMBBXcjs.flushOnMount.call(void 0, scratchRoot);
           currentRoot = scratchRoot;
         } else {
           currentRoot = null;
@@ -1623,7 +1935,7 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     }
     lastCondition = cond;
     if (currentRoot) {
-      _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     removeNodes(currentNodes);
@@ -1632,11 +1944,11 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     if (!render2) {
       return;
     }
-    const root = _chunkWJMZ7X46cjs.createRootContext.call(void 0, hostRoot);
-    const prev = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root);
+    const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, hostRoot);
+    const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
     let handledError = false;
     try {
-      const output = trackBranchReads ? render2() : _chunkWJMZ7X46cjs.untrack.call(void 0, render2);
+      const output = trackBranchReads ? render2() : _chunkNBDEMBBXcjs.untrack.call(void 0, render2);
       if (output == null || output === false) {
         return;
       }
@@ -1645,28 +1957,28 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
       insertNodesBefore(parent, nodes, endMarker);
       currentNodes = nodes;
     } catch (err) {
-      if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
-      if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         return;
       }
       throw err;
     } finally {
-      _chunkWJMZ7X46cjs.popRoot.call(void 0, prev);
+      _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root);
+        _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
       }
     }
   };
-  const dispose = _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, runConditional);
+  const dispose = _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, runConditional);
   return {
     marker: fragment,
     flush: () => {
@@ -1677,40 +1989,40 @@ function createConditional(condition, renderTrue, createElementFn, renderFalse,
     dispose: () => {
       dispose();
       if (currentRoot) {
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
       }
       removeNodes(currentNodes);
       currentNodes = [];
-      _optionalChain([startMarker, 'access', _28 => _28.parentNode, 'optionalAccess', _29 => _29.removeChild, 'call', _30 => _30(startMarker)]);
-      _optionalChain([endMarker, 'access', _31 => _31.parentNode, 'optionalAccess', _32 => _32.removeChild, 'call', _33 => _33(endMarker)]);
+      _optionalChain([startMarker, 'access', _50 => _50.parentNode, 'optionalAccess', _51 => _51.removeChild, 'call', _52 => _52(startMarker)]);
+      _optionalChain([endMarker, 'access', _53 => _53.parentNode, 'optionalAccess', _54 => _54.removeChild, 'call', _55 => _55(endMarker)]);
     }
   };
 }
 function createShow(el, condition, displayValue) {
   const originalDisplay = _nullishCoalesce(displayValue, () => ( el.style.display));
-  _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
+  _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
     el.style.display = condition() ? originalDisplay : "none";
   });
 }
 function createPortal(container, render2, createElementFn) {
-  const parentRoot = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
+  const parentRoot = _chunkNBDEMBBXcjs.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 = _chunkWJMZ7X46cjs.createRenderEffect.call(void 0, () => {
+  const dispose = _chunkNBDEMBBXcjs.createRenderEffect.call(void 0, () => {
     if (currentRoot) {
-      _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
       currentRoot = null;
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
       currentNodes = [];
     }
-    const root = _chunkWJMZ7X46cjs.createRootContext.call(void 0, parentRoot);
-    root.ownerDocument = _nullishCoalesce(_nullishCoalesce(container.ownerDocument, () => ( _optionalChain([parentRoot, 'optionalAccess', _34 => _34.ownerDocument]))), () => ( document));
-    const prev = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root);
+    const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, parentRoot);
+    root.ownerDocument = _nullishCoalesce(_nullishCoalesce(container.ownerDocument, () => ( _optionalChain([parentRoot, 'optionalAccess', _56 => _56.ownerDocument]))), () => ( document));
+    const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
     let handledError = false;
     try {
       const output = render2();
@@ -1723,23 +2035,23 @@ function createPortal(container, render2, createElementFn) {
         currentNodes = nodes;
       }
     } catch (err) {
-      if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err, root)) {
+      if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
-      if (_chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
+      if (_chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "renderChild" }, root)) {
         handledError = true;
-        _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+        _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
         currentNodes = [];
         return;
       }
       throw err;
     } finally {
-      _chunkWJMZ7X46cjs.popRoot.call(void 0, prev);
+      _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
       if (!handledError) {
-        _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root);
+        _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
         currentRoot = root;
       } else {
         currentRoot = null;
@@ -1749,12 +2061,12 @@ function createPortal(container, render2, createElementFn) {
   const portalDispose = () => {
     dispose();
     if (currentRoot) {
-      _chunkWJMZ7X46cjs.destroyRoot.call(void 0, currentRoot);
+      _chunkNBDEMBBXcjs.destroyRoot.call(void 0, currentRoot);
     }
     if (currentNodes.length > 0) {
       removeNodes(currentNodes);
     }
-    _optionalChain([marker, 'access', _35 => _35.parentNode, 'optionalAccess', _36 => _36.removeChild, 'call', _37 => _37(marker)]);
+    _optionalChain([marker, 'access', _57 => _57.parentNode, 'optionalAccess', _58 => _58.removeChild, 'call', _59 => _59(marker)]);
   };
   if (parentRoot) {
     parentRoot.destroyCallbacks.push(portalDispose);
@@ -1768,7 +2080,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', _38 => _38.props, 'optionalAccess', _39 => _39.children]);
+      const children = _optionalChain([vnode, 'access', _60 => _60.props, 'optionalAccess', _61 => _61.children]);
       const props = _nullishCoalesce(vnode.props, () => ( {}));
       for (const [key, value] of Object.entries(props)) {
         if (key === "children" || key === "key") continue;
@@ -1837,7 +2149,7 @@ function normalizeChildren(children, result = []) {
     return result;
   }
   if (_isFragmentVNode(children)) {
-    return normalizeChildren(_optionalChain([children, 'access', _40 => _40.props, 'optionalAccess', _41 => _41.children]), result);
+    return normalizeChildren(_optionalChain([children, 'access', _62 => _62.props, 'optionalAccess', _63 => _63.children]), result);
   }
   result.push(children);
   return result;
@@ -1913,10 +2225,10 @@ function isExplicitReactiveFn2(value) {
 function normalizePropsFunction(value) {
   if (typeof value !== "function") return value;
   if (value.length !== 0) return value;
-  if (isPropGetter(value) || _chunkWJMZ7X46cjs.isSignal.call(void 0, value) || _chunkWJMZ7X46cjs.isComputed.call(void 0, value) || isExplicitReactiveFn2(value)) {
+  if (isPropGetter(value) || _chunkNBDEMBBXcjs.isSignal.call(void 0, value) || _chunkNBDEMBBXcjs.isComputed.call(void 0, value) || isExplicitReactiveFn2(value)) {
     return value;
   }
-  if (_chunkWJMZ7X46cjs.isEffect.call(void 0, value) || _chunkWJMZ7X46cjs.isEffectScope.call(void 0, value) || isNonReactiveFn2(value)) return value;
+  if (_chunkNBDEMBBXcjs.isEffect.call(void 0, value) || _chunkNBDEMBBXcjs.isEffectScope.call(void 0, value) || isNonReactiveFn2(value)) return value;
   return markNonReactiveFn(value);
 }
 function createPropsProxy(props) {
@@ -2053,9 +2365,9 @@ function prop(getter, options) {
     return getter;
   }
   const fn = getter;
-  const unwrap2 = _optionalChain([options, 'optionalAccess', _42 => _42.unwrap]) !== false;
+  const unwrap2 = _optionalChain([options, 'optionalAccess', _64 => _64.unwrap]) !== false;
   return __fictProp(
-    _chunkWJMZ7X46cjs.createMemo.call(void 0, () => {
+    _chunkNBDEMBBXcjs.createMemo.call(void 0, () => {
       const value = fn();
       if (unwrap2 && isPropGetter(value)) {
         return value();
@@ -2068,7 +2380,7 @@ 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', _43 => _43.env, 'optionalAccess', _44 => _44.NODE_ENV]) !== "production";
+var isDev2 = typeof __DEV__ !== "undefined" ? __DEV__ : typeof process !== "undefined" && _optionalChain([process, 'access', _65 => _65.env, 'optionalAccess', _66 => _66.NODE_ENV]) !== "production";
 var nextComponentId = 1;
 function collectComponentMountElements(node) {
   if (node instanceof DocumentFragment) {
@@ -2097,13 +2409,13 @@ function annotateComponentElements(elements, componentId, componentName) {
   }
 }
 function render(view, container) {
-  const root = _chunkWJMZ7X46cjs.createRootContext.call(void 0, );
+  const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, );
   root.ownerDocument = _nullishCoalesce(container.ownerDocument, () => ( document));
-  const prev = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root);
+  const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
   let dom = void 0;
   try {
     const output = view();
-    if (_chunkWJMZ7X46cjs.__fictIsHydrating.call(void 0, )) {
+    if (_chunkNBDEMBBXcjs.__fictIsHydrating.call(void 0, )) {
       withHydration(container, () => {
         dom = createElement(output);
       });
@@ -2111,75 +2423,82 @@ function render(view, container) {
       dom = createElement(output);
     }
   } finally {
-    _chunkWJMZ7X46cjs.popRoot.call(void 0, prev);
+    _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
   }
-  if (!_chunkWJMZ7X46cjs.__fictIsHydrating.call(void 0, )) {
+  if (!_chunkNBDEMBBXcjs.__fictIsHydrating.call(void 0, )) {
     container.replaceChildren(dom);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root);
+  _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+    _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
     container.innerHTML = "";
   };
   return teardown;
 }
 function hydrateComponent(view, container) {
-  const root = _chunkWJMZ7X46cjs.createRootContext.call(void 0, );
+  const root = _chunkNBDEMBBXcjs.createRootContext.call(void 0, );
   root.ownerDocument = _nullishCoalesce(container.ownerDocument, () => ( document));
-  const prev = _chunkWJMZ7X46cjs.pushRoot.call(void 0, root);
-  _chunkWJMZ7X46cjs.__fictEnterHydration.call(void 0, );
+  const prev = _chunkNBDEMBBXcjs.pushRoot.call(void 0, root);
+  _chunkNBDEMBBXcjs.__fictEnterHydration.call(void 0, );
   try {
     withHydration(container, () => {
       view();
     });
   } finally {
-    _chunkWJMZ7X46cjs.__fictExitHydration.call(void 0, );
-    _chunkWJMZ7X46cjs.popRoot.call(void 0, prev);
+    _chunkNBDEMBBXcjs.__fictExitHydration.call(void 0, );
+    _chunkNBDEMBBXcjs.popRoot.call(void 0, prev);
   }
   container.setAttribute("data-fict-fine-grained", "1");
-  _chunkWJMZ7X46cjs.flushOnMount.call(void 0, root);
+  _chunkNBDEMBBXcjs.flushOnMount.call(void 0, root);
   const teardown = () => {
-    _chunkWJMZ7X46cjs.destroyRoot.call(void 0, root);
+    _chunkNBDEMBBXcjs.destroyRoot.call(void 0, root);
   };
   return teardown;
 }
 function createElement(node) {
   return createElementWithContext(node, null, resolveOwnerDocument());
 }
+registerCreateElement(createElement);
 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 && _chunkWJMZ7X46cjs.SVGElements.has(tagName)) return "svg";
+  if (isDev2 && _chunkNBDEMBBXcjs.SVGElements.has(tagName)) return "svg";
   return null;
 }
 function resolveOwnerDocument(ownerDocument) {
-  return _nullishCoalesce(_nullishCoalesce(ownerDocument, () => ( _optionalChain([_chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, ), 'optionalAccess', _45 => _45.ownerDocument]))), () => ( document));
+  return _nullishCoalesce(_nullishCoalesce(ownerDocument, () => ( _optionalChain([_chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, ), 'optionalAccess', _67 => _67.ownerDocument]))), () => ( document));
+}
+function createTextNodeWithHydration(value, ownerDocument) {
+  if (!isHydratingActive()) {
+    return ownerDocument.createTextNode(value);
+  }
+  return claimText(value, () => ownerDocument.createTextNode(value));
 }
 function createElementWithContext(node, namespace, ownerDocument) {
   if (node instanceof Node) {
     return node;
   }
   if (node === null || node === void 0 || node === false) {
-    return ownerDocument.createTextNode("");
+    return createTextNodeWithHydration("", ownerDocument);
   }
   if (isReactive(node)) {
     const resolved = node();
     if (resolved === node) {
-      return ownerDocument.createTextNode("");
+      return createTextNodeWithHydration("", ownerDocument);
     }
     return createElementWithContext(resolved, namespace, ownerDocument);
   }
   if (typeof node === "function") {
-    return ownerDocument.createTextNode("");
+    return createTextNodeWithHydration("", ownerDocument);
   }
   if (typeof node === "object" && node !== null && !(node instanceof Node)) {
     if ("marker" in node) {
       const handle = node;
       if (typeof handle.dispose === "function") {
-        _chunkWJMZ7X46cjs.registerRootCleanup.call(void 0, handle.dispose);
+        _chunkNBDEMBBXcjs.registerRootCleanup.call(void 0, handle.dispose);
       }
       if (typeof handle.flush === "function") {
         const runFlush = () => handle.flush && handle.flush();
@@ -2200,10 +2519,10 @@ function createElementWithContext(node, namespace, ownerDocument) {
     return frag;
   }
   if (typeof node === "string" || typeof node === "number") {
-    return ownerDocument.createTextNode(String(node));
+    return createTextNodeWithHydration(String(node), ownerDocument);
   }
   if (typeof node === "boolean") {
-    return ownerDocument.createTextNode("");
+    return createTextNodeWithHydration("", ownerDocument);
   }
   const vnode = node;
   if (typeof vnode.type === "function") {
@@ -2230,14 +2549,14 @@ function createElementWithContext(node, namespace, ownerDocument) {
       }
     });
     const props = createPropsProxy(baseProps);
-    const hook = isDev2 ? _chunkWJMZ7X46cjs.getDevtoolsHook.call(void 0, ) : void 0;
+    const hook = isDev2 ? _chunkNBDEMBBXcjs.getDevtoolsHook.call(void 0, ) : void 0;
     const componentName = vnode.type.name || "Anonymous";
-    const parentId = hook ? _chunkWJMZ7X46cjs.__fictGetCurrentComponentId.call(void 0, ) : void 0;
+    const parentId = hook ? _chunkNBDEMBBXcjs.__fictGetCurrentComponentId.call(void 0, ) : void 0;
     const componentId = hook ? nextComponentId++ : void 0;
-    if (_optionalChain([hook, 'optionalAccess', _46 => _46.registerComponent]) && componentId !== void 0) {
+    if (_optionalChain([hook, 'optionalAccess', _68 => _68.registerComponent]) && componentId !== void 0) {
       hook.registerComponent(componentId, componentName, parentId);
     }
-    const ctx = _chunkWJMZ7X46cjs.__fictPushContext.call(void 0, );
+    const ctx = _chunkNBDEMBBXcjs.__fictPushContext.call(void 0, );
     if (componentId !== void 0) {
       ctx.componentId = componentId;
       if (parentId !== void 0) {
@@ -2248,15 +2567,15 @@ function createElementWithContext(node, namespace, ownerDocument) {
       const rendered = vnode.type(props);
       let mountElements;
       if (hook && componentId !== void 0) {
-        _optionalChain([hook, 'access', _47 => _47.componentRender, 'optionalCall', _48 => _48(componentId)]);
+        _optionalChain([hook, 'access', _69 => _69.componentRender, 'optionalCall', _70 => _70(componentId)]);
       }
       if (hook && componentId !== void 0) {
-        _chunkWJMZ7X46cjs.onMount.call(void 0, () => {
-          _optionalChain([hook, 'access', _49 => _49.componentMount, 'optionalCall', _50 => _50(componentId, mountElements)]);
+        _chunkNBDEMBBXcjs.onMount.call(void 0, () => {
+          _optionalChain([hook, 'access', _71 => _71.componentMount, 'optionalCall', _72 => _72(componentId, mountElements)]);
         });
-        _chunkWJMZ7X46cjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _51 => _51.componentUnmount, 'optionalCall', _52 => _52(componentId)]));
+        _chunkNBDEMBBXcjs.onCleanup.call(void 0, () => _optionalChain([hook, 'access', _73 => _73.componentUnmount, 'optionalCall', _74 => _74(componentId)]));
       }
-      if (_chunkWJMZ7X46cjs.__fictIsResumable.call(void 0, ) && !_chunkWJMZ7X46cjs.__fictIsHydrating.call(void 0, )) {
+      if (_chunkNBDEMBBXcjs.__fictIsResumable.call(void 0, ) && !_chunkNBDEMBBXcjs.__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", "");
@@ -2265,9 +2584,9 @@ function createElementWithContext(node, namespace, ownerDocument) {
           host.style.display = "contents";
         }
         const meta = vnode.type.__fictMeta;
-        const typeKey = (_nullishCoalesce(_optionalChain([meta, 'optionalAccess', _53 => _53.id]), () => ( vnode.type.name))) || "Anonymous";
-        _chunkWJMZ7X46cjs.__fictRegisterScope.call(void 0, ctx, host, typeKey, rawProps);
-        if (_optionalChain([meta, 'optionalAccess', _54 => _54.resume])) {
+        const typeKey = (_nullishCoalesce(_optionalChain([meta, 'optionalAccess', _75 => _75.id]), () => ( vnode.type.name))) || "Anonymous";
+        _chunkNBDEMBBXcjs.__fictRegisterScope.call(void 0, ctx, host, typeKey, rawProps);
+        if (_optionalChain([meta, 'optionalAccess', _76 => _76.resume])) {
           host.setAttribute("data-fict-h", meta.resume);
         }
         if (content instanceof DocumentFragment) {
@@ -2288,18 +2607,18 @@ function createElementWithContext(node, namespace, ownerDocument) {
       }
       return componentRoot;
     } catch (err) {
-      if (_chunkWJMZ7X46cjs.handleSuspend.call(void 0, err)) {
+      if (_chunkNBDEMBBXcjs.handleSuspend.call(void 0, err)) {
         return ownerDocument.createComment("fict:suspend");
       }
-      _chunkWJMZ7X46cjs.handleError.call(void 0, err, { source: "render", componentName: vnode.type.name });
+      _chunkNBDEMBBXcjs.handleError.call(void 0, err, { source: "render", componentName: vnode.type.name });
       throw err;
     } finally {
-      _chunkWJMZ7X46cjs.__fictPopContext.call(void 0, );
+      _chunkNBDEMBBXcjs.__fictPopContext.call(void 0, );
     }
   }
   if (vnode.type === Fragment) {
     const frag = ownerDocument.createDocumentFragment();
-    const children = _optionalChain([vnode, 'access', _55 => _55.props, 'optionalAccess', _56 => _56.children]);
+    const children = _optionalChain([vnode, 'access', _77 => _77.props, 'optionalAccess', _78 => _78.children]);
     appendChildren(frag, children, namespace, ownerDocument);
     return frag;
   }
@@ -2309,7 +2628,7 @@ function createElementWithContext(node, namespace, ownerDocument) {
   applyProps(el, _nullishCoalesce(vnode.props, () => ( {})), resolvedNamespace === "svg");
   appendChildren(
     el,
-    _optionalChain([vnode, 'access', _57 => _57.props, 'optionalAccess', _58 => _58.children]),
+    _optionalChain([vnode, 'access', _79 => _79.props, 'optionalAccess', _80 => _80.children]),
     tagName === "foreignObject" ? null : resolvedNamespace,
     ownerDocument
   );
@@ -2389,7 +2708,7 @@ function appendChildNode(parent, child, namespace, ownerDocument) {
   }
   if (isBindingHandle(child)) {
     appendChildNode(parent, child.marker, namespace, parentOwnerDocument);
-    _optionalChain([child, 'access', _59 => _59.flush, 'optionalCall', _60 => _60()]);
+    _optionalChain([child, 'access', _81 => _81.flush, 'optionalCall', _82 => _82()]);
     return;
   }
   if (typeof child === "function") {
@@ -2412,7 +2731,7 @@ function appendChildNode(parent, child, namespace, ownerDocument) {
   }
   let domNode;
   if (typeof child !== "object" || child === null) {
-    domNode = parentOwnerDocument.createTextNode(String(_nullishCoalesce(child, () => ( ""))));
+    domNode = createTextNodeWithHydration(String(_nullishCoalesce(child, () => ( ""))), parentOwnerDocument);
   } else {
     domNode = createElementWithContext(child, namespace, parentOwnerDocument);
   }
@@ -2448,33 +2767,12 @@ function appendChildren(parent, children, namespace, ownerDocument) {
   appendChildNode(parent, children, namespace, ownerDocument);
 }
 function applyRef(el, value) {
-  if (typeof value === "function") {
-    const refFn = value;
-    refFn(el);
-    const root = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
-    if (root) {
-      _chunkWJMZ7X46cjs.registerRootCleanup.call(void 0, () => {
-        refFn(null);
-      });
-    } else if (isDev2) {
-      console.warn(
-        "[fict] Ref applied outside of a root context. The ref cleanup (setting to null) will not run automatically. Consider using createRoot() or ensure the element is created within a component."
-      );
-    }
-  } else if (value && typeof value === "object" && "current" in value) {
-    const refObj = value;
-    refObj.current = el;
-    const root = _chunkWJMZ7X46cjs.getCurrentRoot.call(void 0, );
-    if (root) {
-      _chunkWJMZ7X46cjs.registerRootCleanup.call(void 0, () => {
-        refObj.current = null;
-      });
-    } else if (isDev2) {
-      console.warn(
-        "[fict] Ref applied outside of a root context. The ref cleanup (setting to null) will not run automatically. Consider using createRoot() or ensure the element is created within a component."
-      );
-    }
+  if (!_chunkNBDEMBBXcjs.getCurrentRoot.call(void 0, ) && isDev2) {
+    console.warn(
+      "[fict] Ref applied outside of a root context. The ref cleanup (setting to null) will not run automatically. Consider using createRoot() or ensure the element is created within a component."
+    );
   }
+  bindRef(el, value);
 }
 function applyProps(el, props, isSVG = false) {
   props = unwrapProps(props);
@@ -2540,7 +2838,7 @@ function applyProps(el, props, isSVG = false) {
       }
       continue;
     }
-    if (isDev2 && _chunkWJMZ7X46cjs.ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
+    if (isDev2 && _chunkNBDEMBBXcjs.ChildProperties.has(key) || key === "innerHTML" || key === "textContent" || key === "innerText" || key === "children") {
       createAttributeBinding(el, key, value, setProperty);
       continue;
     }
@@ -2556,8 +2854,8 @@ function applyProps(el, props, isSVG = false) {
       createAttributeBinding(el, key.slice(5), value, setProperty);
       continue;
     }
-    const propAlias = !isSVG && isDev2 ? _chunkWJMZ7X46cjs.getPropAlias.call(void 0, key, tagName) : void 0;
-    const isProperty = !isSVG ? isDev2 ? _chunkWJMZ7X46cjs.Properties.has(key) : key in el : false;
+    const propAlias = !isSVG && isDev2 ? _chunkNBDEMBBXcjs.getPropAlias.call(void 0, key, tagName) : void 0;
+    const isProperty = !isSVG ? isDev2 ? _chunkNBDEMBBXcjs.Properties.has(key) : key in el : false;
     if (propAlias || isProperty || isCE && !isSVG) {
       const propName = propAlias || key;
       if (isCE && !isProperty && !propAlias) {
@@ -2574,7 +2872,7 @@ function applyProps(el, props, isSVG = false) {
     }
     if (isSVG && key.indexOf(":") > -1) {
       const [prefix, name] = key.split(":");
-      const ns = _chunkWJMZ7X46cjs.SVGNamespace[prefix];
+      const ns = _chunkNBDEMBBXcjs.SVGNamespace[prefix];
       if (ns) {
         createAttributeBinding(
           el,
@@ -2717,4 +3015,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-AR2T7JEX.cjs.map
+//# sourceMappingURL=chunk-UG2IFQOY.cjs.map