kerfjs 5.0.0-beta.8 → 5.0.0-beta.80

package/dist/chunk-MK42GLPV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/attr.ts"],"names":[],"mappings":"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","file":"chunk-MK42GLPV.js","sourcesContent":["/**\n * `attr(name, value)` — create a pre-computed attribute descriptor (static form).\n * `attr(name)` — create a per-render factory for dynamic attribute values (dynamic form).\n *\n * **Static form** — best for fixed action names, filter keys, role values, etc.\n * Escapes once at module-load time; produces a full {@link AttrSpec} with\n * `.name`, `.value`, `.selector`, and `.attrs`.\n *\n *   const ACTIONS = {\n *     toggle: attr('data-action', 'toggle'),\n *     remove: attr('data-action', 'remove'),\n *   } as const satisfies Record<string, AttrSpec<'data-action'>>;\n *\n *   // In JSX — spread .attrs (rename-safe; no hardcoded attribute name):\n *   <button {...ACTIONS.toggle.attrs}>Toggle</button>\n *\n *   // In delegate — use the pre-computed selector:\n *   delegate(root, 'click', ACTIONS.toggle.selector, handler);\n *\n * **Dynamic form** — best for per-row data like `data-id`, where the value\n * changes per item but the attribute name is constant.\n * The name is validated and pre-escaped at definition time; calling the\n * returned factory is cheap (it just freezes a one-key object — the value is\n * escaped later by the JSX attribute renderer when the result is spread).\n *\n *   const ITEM = { id: attr('data-id') } as const;\n *\n *   // In JSX — call the factory inline:\n *   <li {...ITEM.id(String(item.id))}>…</li>\n *\n * For ad-hoc compound selectors, concatenate `.selector` strings:\n *\n *   delegate(root, 'click',\n *     ACTIONS.toggle.selector + attr('data-id', id).selector,\n *     handler);\n *\n * Escaping:\n * - Attribute name: escaped as a CSS identifier via `cssEscapeIdent`, which is\n *   an SSR-safe (no `CSS.escape`) adaptation of the Mathias Bynens polyfill\n *   (https://github.com/mathiasbynens/CSS.escape, MIT licensed — see the\n *   Acknowledgements section of LICENSE). Handles\n *   control chars, leading digits, non-ASCII, and CSS metacharacters.\n * - Attribute value: embedded in double quotes as a CSS string. Backslashes and\n *   double-quote characters are backslash-escaped; control characters are\n *   hex-escaped per CSS Syntax Level 3 §3.4.\n *\n * Throws on an empty attribute name (not a valid CSS identifier).\n */\n\n/** Descriptor created by the static {@link attr} overload. */\nexport interface AttrSpec<\n  N extends string = string,\n  V extends string = string,\n> {\n  /** The raw attribute name passed to `attr()`. */\n  readonly name: N;\n  /** The raw attribute value passed to `attr()`. */\n  readonly value: V;\n  /** Pre-computed `[name=\"value\"]` CSS selector string, safe to pass to `delegate()`. */\n  readonly selector: string;\n  /** Spreadable JSX object — `{ [name]: value }` — keeps the attribute name out of JSX literals. */\n  readonly attrs: { readonly [K in N]: V };\n}\n\n/**\n * Escape `value` as a CSS identifier (for attribute names, id fragments, etc.).\n * Adapted from the CSS.escape polyfill by Mathias Bynens (MIT).\n */\nfunction cssEscapeIdent(value: string): string {\n  if (value === '') {\n    throw new Error('attr: attribute name must not be empty');\n  }\n  const str = String(value);\n  let result = '';\n  for (let i = 0; i < str.length; i++) {\n    const cp = str.charCodeAt(i);\n    const ch = str.charAt(i);\n\n    // U+0000 NULL → replacement character\n    if (cp === 0x0000) {\n      result += '�';\n      continue;\n    }\n    // Control characters and DEL: hex-escape\n    if ((cp >= 0x0001 && cp <= 0x001f) || cp === 0x007f) {\n      result += '\\\\' + cp.toString(16) + ' ';\n      continue;\n    }\n    // Leading digit: hex-escape to avoid \"-NN\" / \"3px\"-style ambiguity\n    if (i === 0 && cp >= 0x0030 && cp <= 0x0039) {\n      result += '\\\\' + cp.toString(16) + ' ';\n      continue;\n    }\n    // Second char is a digit when first is '-' (e.g. \"-3foo\"): hex-escape digit\n    if (\n      i === 1 &&\n      cp >= 0x0030 &&\n      cp <= 0x0039 &&\n      str.charCodeAt(0) === 0x002d\n    ) {\n      result += '\\\\' + cp.toString(16) + ' ';\n      continue;\n    }\n    // Non-ASCII, safe identifier chars (letters, digits, underscore, hyphen)\n    if (\n      cp >= 0x0080 ||\n      cp === 0x002d || // `-`\n      cp === 0x005f || // `_`\n      (cp >= 0x0030 && cp <= 0x0039) || // 0-9\n      (cp >= 0x0041 && cp <= 0x005a) || // A-Z\n      (cp >= 0x0061 && cp <= 0x007a) // a-z\n    ) {\n      result += ch;\n      continue;\n    }\n    // Everything else: backslash-escape\n    result += '\\\\' + ch;\n  }\n  return result;\n}\n\n/**\n * Escape `value` as a CSS double-quoted string (for attribute values in\n * `[attr=\"value\"]` selectors).\n */\nfunction escapeCSSString(value: string): string {\n  let result = '';\n  for (let i = 0; i < value.length; i++) {\n    const cp = value.charCodeAt(i);\n    const ch = value.charAt(i);\n    if (cp === 0x0000) {\n      result += '�';\n    } else if ((cp >= 0x0001 && cp <= 0x001f) || cp === 0x007f) {\n      // Control chars: hex-escape\n      result += '\\\\' + cp.toString(16) + ' ';\n    } else if (cp === 0x005c) {\n      // Backslash\n      result += '\\\\\\\\';\n    } else if (cp === 0x0022) {\n      // Double quote (the string delimiter we use)\n      result += '\\\\\"';\n    } else {\n      result += ch;\n    }\n  }\n  return result;\n}\n\n/**\n * Static overload — pre-computes the full descriptor at definition time.\n * Returns an {@link AttrSpec} with `.name`, `.value`, `.selector`, and `.attrs`.\n */\nexport function attr<N extends string, V extends string>(\n  name: N,\n  value: V,\n): AttrSpec<N, V>;\n\n/**\n * Dynamic overload — pre-validates and pre-escapes the attribute name, returns a\n * factory that accepts a per-render value and produces a frozen spreadable object.\n * Use for per-row attributes like `data-id` where the value changes per item.\n * The optional `V` generic constrains which values the factory accepts:\n * `attr<'data-id', 'a'|'b'>('data-id')` → `(value: 'a'|'b') => { 'data-id': 'a'|'b' }`.\n * Leaving both generics off infers `N` from the argument and defaults `V` to `string`.\n */\nexport function attr<N extends string, V extends string = string>(\n  name: N,\n): (value: V) => { readonly [K in N]: V };\n\nexport function attr<N extends string, V extends string>(\n  name: N,\n  value?: V,\n): AttrSpec<N, V> | ((value: string) => { readonly [K in N]: string }) {\n  const escapedName = cssEscapeIdent(name); // validates + pre-escapes name in both paths\n  if (value !== undefined) {\n    const selector = `[${escapedName}=\"${escapeCSSString(value)}\"]`;\n    return Object.freeze({\n      name,\n      value,\n      selector,\n      attrs: Object.freeze({ [name]: value }) as { readonly [K in N]: V },\n    }) as AttrSpec<N, V>;\n  }\n  return (v: string): { readonly [K in N]: string } =>\n    Object.freeze({ [name]: v }) as { readonly [K in N]: string };\n}\n"]}

package/dist/{chunk-SVATPF5R.js → chunk-TLL3KXT6.js}

@@ -1,9 +1,9 @@
-import { itemVersion } from './chunk-QIP723L4.js';
-import { parseRowTemplate, rowContractError, parseSingleRow, collectTemplateChildren } from './chunk-V46JKE44.js';
-import { captureRowBindings, listSafeHtml, boundTextNodeOf, syncFormProp, newBindingContext, disposeRowBindings, wireBindings, isSafeHtml, _setBindingContext, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX, wireRowBindings, carryOrRewireRowBindings, granularListSafeHtml } from './chunk-ZDCJZCNO.js';
-import { effect } from './chunk-U6FK33SG.js';
-import { LIST_MARKER_PREFIX, flattenWithoutListItems, collectLists, flatten } from './chunk-GY4XV2UV.js';
-import { devHooks } from './chunk-HW7KSM2Y.js';
+import { itemVersion } from './chunk-5WRGJZV6.js';
+import { parseRowTemplate, rowContractError, parseSingleRow, collectTemplateChildren } from './chunk-WKIPLNVO.js';
+import { captureRowBindings, listSafeHtml, boundTextNodeOf, syncFormProp, newBindingContext, wireBindings, disposeRowBindings, isSafeHtml, _setBindingContext, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX, wireRowBindings, carryOrRewireRowBindings, granularListSafeHtml } from './chunk-UGNPDLNI.js';
+import { effect } from './chunk-IHMDBBUJ.js';
+import { LIST_MARKER_PREFIX, flattenWithoutListItems, collectLists, isOverlayHost, flatten } from './chunk-4TX6YJDM.js';
+import { devHooks } from './chunk-3C6F6NM4.js';
 
 // src/list-render-state.ts
 function deriveListRenderState(bindingCount) {
@@ -18,7 +18,8 @@ function decideListPath(state, patches, snapshotLength, previousBindingCount) {
   for (const p of patches) {
     if (p.type === "insert") netDelta += 1;
     else if (p.type === "remove") netDelta -= 1;
-    else if (p.type === "replace") return { path: "snapshot", reason: "replace" };
+    else if (p.type === "replace")
+      return { path: "snapshot", reason: "replace" };
   }
   const count = previousBindingCount ?? 0;
   if (count + netDelta !== snapshotLength) {
@@ -153,10 +154,12 @@ function eachGranular(sig, render, cacheKey, listKey) {
       return eachSnapshotById(snapshot, render, cacheKey, id, sig);
     }
   }
-  const renderRow = (item, index) => captureRowBindings(() => inRowScope(() => {
-    const out = render(item, index);
-    return isSafeHtml(out) ? out.toString() : out;
-  }));
+  const renderRow = (item, index) => captureRowBindings(
+    () => inRowScope(() => {
+      const out = render(item, index);
+      return isSafeHtml(out) ? out.toString() : out;
+    })
+  );
   const internalPatches = new Array(patches.length);
   const cache = ctx.caches.get(id);
   try {
@@ -223,13 +226,16 @@ function eachSnapshotById(items, render, cacheKey, id, source) {
         devHooks.staleIndex?.(id);
       }
     } else {
-      const captured = captureRowBindings(() => inRowScope(() => {
-        const out = render(item, i);
-        return isSafeHtml(out) ? out.toString() : out;
-      }));
+      const captured = captureRowBindings(
+        () => inRowScope(() => {
+          const out = render(item, i);
+          return isSafeHtml(out) ? out.toString() : out;
+        })
+      );
       html = captured.html;
       bindings = captured.bindings;
-      if (cache !== null) cache.set(item, { cacheKey: k, html, bindings, version, index: i });
+      if (cache !== null)
+        cache.set(item, { cacheKey: k, html, bindings, version, index: i });
     }
     segItems[i] = { ref: item, cacheKey: k, html, bindings };
   }
@@ -281,16 +287,19 @@ function restoreFocus(snap) {
   if (domSelection === null) return;
   const [anchorNode, anchorOffset, focusNode, focusOffset] = domSelection;
   try {
-    document.getSelection()?.setBaseAndExtent(
-      anchorNode,
-      anchorOffset,
-      focusNode,
-      focusOffset
-    );
+    document.getSelection()?.setBaseAndExtent(anchorNode, anchorOffset, focusNode, focusOffset);
   } catch {
   }
 }
 
+// src/utils/isUserAgentOwnedAttr.ts
+function isUserAgentOwnedAttr(tagNameUpper, name) {
+  if (tagNameUpper.includes("-")) {
+    return name === "open" || name === "role" || name.startsWith("aria-");
+  }
+  return name === "open" && (tagNameUpper === "DETAILS" || tagNameUpper === "DIALOG");
+}
+
 // src/utils/moveNode.ts
 function moveNode(parent, node, ref) {
   const move = parent.moveBefore;
@@ -343,7 +352,11 @@ function protectionTag(node) {
   const { dataset } = node;
   return (dataset.morphSkip !== void 0 ? "s" : "") + (dataset.morphSkipChildren !== void 0 ? "c" : "") + (dataset.morphPreserve !== void 0 ? "p" : "");
 }
-var MARKER_PREFIXES = [LIST_MARKER_PREFIX, TEXT_MARKER_PREFIX, ROW_TEXT_PREFIX];
+var MARKER_PREFIXES = [
+  LIST_MARKER_PREFIX,
+  TEXT_MARKER_PREFIX,
+  ROW_TEXT_PREFIX
+];
 function isMarker(node) {
   if (node.nodeType !== COMMENT_NODE) return false;
   const { data } = node;
@@ -421,7 +434,8 @@ function morphChildren(fromParent, toParent, ownedItems) {
     if (matched === null && fromChild !== null && toChild.nodeType === COMMENT_NODE && toChild.data.startsWith(LIST_MARKER_PREFIX)) {
       const wantData = toChild.data;
       for (let scan = fromChild.nextSibling; scan !== null; scan = scan.nextSibling) {
-        if (scan.nodeType !== COMMENT_NODE || scan.data !== wantData) continue;
+        if (scan.nodeType !== COMMENT_NODE || scan.data !== wantData)
+          continue;
         const regionEnd = afterListRegion(scan, ownedItems);
         const run = [];
         for (let r = scan; r !== null && r !== regionEnd; r = r.nextSibling) {
@@ -487,9 +501,6 @@ function morphElement(fromEl, toEl, ownedItems) {
     fromEl.value = toEl.textContent;
   }
 }
-function isUserAgentOwnedAttr(tagName, name) {
-  return name === "open" && (tagName === "DETAILS" || tagName === "DIALOG");
-}
 function morphAttributes(fromEl, toEl) {
   const toAttrs = toEl.attributes;
   for (let i = 0; i < toAttrs.length; i++) {
@@ -534,7 +545,10 @@ function preserveTextEntryState(fromEl, toEl) {
     const toInput = toEl;
     toInput.value = fromInput.value;
     try {
-      toInput.setSelectionRange(fromInput.selectionStart, fromInput.selectionEnd);
+      toInput.setSelectionRange(
+        fromInput.selectionStart,
+        fromInput.selectionEnd
+      );
     } catch {
     }
   }
@@ -567,7 +581,8 @@ function tryAttributeOnlyFastPath(liveNode, oldHtml, newHtml) {
   if (oldGt === -1 || newGt === -1) return false;
   if (oldHtml.length - oldGt !== newHtml.length - newGt) return false;
   if (oldHtml.slice(oldGt) !== newHtml.slice(newGt)) return false;
-  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml)) return false;
+  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml))
+    return false;
   const oldTag = parseOpeningTag(oldHtml, oldGt);
   const newTag = parseOpeningTag(newHtml, newGt);
   if (oldTag === null || newTag === null) return false;
@@ -588,14 +603,15 @@ function tryAttributeOnlyFastPath(liveNode, oldHtml, newHtml) {
   }
   for (const name of oldTag.attrs.keys()) {
     if (newTag.attrs.has(name)) continue;
-    if (isUserAgentOwnedAttr2(liveTagUpper, name)) continue;
+    if (isUserAgentOwnedAttr(liveTagUpper, name)) continue;
     liveNode.removeAttribute(name);
     syncFormProp(liveNode, name, "", false);
   }
   return true;
 }
 function tryTextContentFastPath(liveNode, oldHtml, newHtml) {
-  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml)) return false;
+  if (containsDataMorphSkip(oldHtml) || containsDataMorphSkip(newHtml))
+    return false;
   let p = 0;
   const minLen = Math.min(oldHtml.length, newHtml.length);
   while (p < minLen && oldHtml.charCodeAt(p) === newHtml.charCodeAt(p)) p++;
@@ -610,7 +626,8 @@ function tryTextContentFastPath(liveNode, oldHtml, newHtml) {
   if (!isPureTextWindow(newHtml, p, newWinEnd)) return false;
   if (p === 0) return false;
   const boundaryCc = oldHtml.charCodeAt(p - 1);
-  if (boundaryCc === LT || boundaryCc === DQUOTE || boundaryCc === SQUOTE || boundaryCc === EQ || boundaryCc === AMP) return false;
+  if (boundaryCc === LT || boundaryCc === DQUOTE || boundaryCc === SQUOTE || boundaryCc === EQ || boundaryCc === AMP)
+    return false;
   const textStart = lastIndexOfChar(oldHtml, GT, p - 1);
   if (textStart === -1) return false;
   const textEnd = oldHtml.indexOf("<", p);
@@ -637,7 +654,8 @@ function containsDataMorphSkip(html) {
 function isPureTextWindow(html, start, end) {
   for (let i = start; i < end; i++) {
     const cc = html.charCodeAt(i);
-    if (cc === LT || cc === GT || cc === DQUOTE || cc === SQUOTE || cc === AMP || cc === EQ) return false;
+    if (cc === LT || cc === GT || cc === DQUOTE || cc === SQUOTE || cc === AMP || cc === EQ)
+      return false;
   }
   return true;
 }
@@ -730,9 +748,6 @@ function unescapeAttrValue(s) {
   if (s.indexOf("&") === -1) return s;
   return s.replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&amp;/g, "&");
 }
-function isUserAgentOwnedAttr2(tagNameUpper, name) {
-  return name === "open" && (tagNameUpper === "DETAILS" || tagNameUpper === "DIALOG");
-}
 
 // src/list-reconcile-granular.ts
 function reconcileGranular(binding, patches) {
@@ -769,7 +784,14 @@ function reconcileGranular(binding, patches) {
       if (runLen === 1) {
         applySingleInsert(liveParent, items, patch, endAnchor(binding));
       } else {
-        applyBulkInsert(liveParent, items, patches, i, runEnd, endAnchor(binding));
+        applyBulkInsert(
+          liveParent,
+          items,
+          patches,
+          i,
+          runEnd,
+          endAnchor(binding)
+        );
       }
       i = runEnd;
       continue;
@@ -881,7 +903,10 @@ function applyBulkUpdate(liveParent, items, patches, start, end) {
     morphChanges.push({ patchIdx: k, html: p.html });
   }
   if (morphChanges.length === 0) return;
-  const { content, count } = parseRowTemplate(morphChanges.map((c) => c.html).join(""), liveParent);
+  const { content, count } = parseRowTemplate(
+    morphChanges.map((c) => c.html).join(""),
+    liveParent
+  );
   if (count !== morphChanges.length) {
     throw findOffendingChange(patches, morphChanges, liveParent);
   }
@@ -924,18 +949,30 @@ function applyBulkInsert(liveParent, items, patches, start, end, tailAnchor) {
 function findOffendingInsert(patches, start, htmls, liveParent) {
   for (let i = 0; i < htmls.length; i++) {
     if (parseRowTemplate(htmls[i], liveParent).count !== 1) {
-      return rowContractError(patches[start + i].index, htmls[i], liveParent);
+      return rowContractError(
+        patches[start + i].index,
+        htmls[i],
+        liveParent
+      );
     }
   }
-  return new Error("each(): bulk-insert mismatch with no per-row offender (kerf bug).");
+  return new Error(
+    "each(): bulk-insert mismatch with no per-row offender (kerf bug)."
+  );
 }
 function findOffendingChange(patches, changes, liveParent) {
   for (const c of changes) {
     if (parseRowTemplate(c.html, liveParent).count !== 1) {
-      return rowContractError(patches[c.patchIdx].index, c.html, liveParent);
+      return rowContractError(
+        patches[c.patchIdx].index,
+        c.html,
+        liveParent
+      );
     }
   }
-  return new Error("each(): bulk-update mismatch with no per-row offender (kerf bug).");
+  return new Error(
+    "each(): bulk-update mismatch with no per-row offender (kerf bug)."
+  );
 }
 
 // src/list-reconcile-inplace.ts
@@ -960,7 +997,12 @@ function tryInPlaceContentUpdate(binding, listSeg) {
 }
 function updateRowInPlace(liveParent, old, ni, index) {
   if (old.html === ni.html || tryAttributeOnlyFastPath(old.node, old.html, ni.html) || tryTextContentFastPath(old.node, old.html, ni.html)) {
-    const kept = carryOrRewireRowBindings(old.node, old.bindings, old.bindingDisposers, ni.bindings);
+    const kept = carryOrRewireRowBindings(
+      old.node,
+      old.bindings,
+      old.bindingDisposers,
+      ni.bindings
+    );
     return {
       ref: ni.ref,
       cacheKey: ni.cacheKey,
@@ -973,7 +1015,12 @@ function updateRowInPlace(liveParent, old, ni, index) {
   const newNode = parseSingleRow(ni.html, index, liveParent);
   if (old.node.tagName === newNode.tagName) {
     _morphElement(old.node, newNode);
-    const kept = carryOrRewireRowBindings(old.node, old.bindings, old.bindingDisposers, ni.bindings);
+    const kept = carryOrRewireRowBindings(
+      old.node,
+      old.bindings,
+      old.bindingDisposers,
+      ni.bindings
+    );
     return {
       ref: ni.ref,
       cacheKey: ni.cacheKey,
@@ -985,7 +1032,12 @@ function updateRowInPlace(liveParent, old, ni, index) {
   }
   disposeRowBindings(old.bindingDisposers);
   liveParent.replaceChild(newNode, old.node);
-  const fresh = carryOrRewireRowBindings(newNode, void 0, void 0, ni.bindings);
+  const fresh = carryOrRewireRowBindings(
+    newNode,
+    void 0,
+    void 0,
+    ni.bindings
+  );
   return {
     ref: ni.ref,
     cacheKey: ni.cacheKey,
@@ -1070,15 +1122,22 @@ function buildFreshNodes(newRecord, freshIndices, freshHtmls, liveParent) {
 function findOffendingRow(newRecord, freshIndices, freshHtmls, liveParent) {
   for (let i = 0; i < freshHtmls.length; i++) {
     if (parseRowTemplate(freshHtmls[i], liveParent).count !== 1) {
-      return rowContractError(freshIndices[i], newRecord[freshIndices[i]].html, liveParent);
+      return rowContractError(
+        freshIndices[i],
+        newRecord[freshIndices[i]].html,
+        liveParent
+      );
     }
   }
-  return new Error("each(): bulk-parse mismatch with no per-row offender (kerf bug).");
+  return new Error(
+    "each(): bulk-parse mismatch with no per-row offender (kerf bug)."
+  );
 }
 function removeOldNodes(liveParent, removedItems) {
   for (const item of removedItems) {
     disposeRowBindings(item.bindingDisposers);
-    if (item.node.parentElement === liveParent) liveParent.removeChild(item.node);
+    if (item.node.parentElement === liveParent)
+      liveParent.removeChild(item.node);
   }
 }
 function applyMoves(liveParent, newRecord, prevIdx, stable, tailAnchor) {
@@ -1130,6 +1189,111 @@ function reconcileList(binding, listSeg) {
   reconcileSnapshot(binding, listSeg);
 }
 
+// src/mount-list-bindings.ts
+function anyRebuiltListIsGranular(segment, rebuilt) {
+  if (!rebuilt.size) return false;
+  const lists = collectLists(segment);
+  for (const id of rebuilt) {
+    if (lists.get(id)?.patches) return true;
+  }
+  return false;
+}
+function bindListsFromMarkers(rootEl, segment, bindings, inlinedItems, rebuiltLists) {
+  const lists = collectLists(segment);
+  const found = [];
+  collectComments(rootEl, found);
+  for (const marker of found) {
+    if (!marker.data.startsWith(LIST_MARKER_PREFIX)) continue;
+    const id = marker.data.slice(LIST_MARKER_PREFIX.length);
+    const existing = bindings.get(id);
+    if (existing) {
+      if (existing.marker === marker && rootEl.contains(existing.marker))
+        continue;
+      for (const item of existing.items) {
+        disposeRowBindings(item.bindingDisposers);
+        if (rootEl.contains(item.node)) {
+          item.node.parentElement?.removeChild(item.node);
+        }
+      }
+      bindings.delete(id);
+      rebuiltLists?.add(id);
+      devHooks.listRebind?.(id, marker.parentElement);
+    }
+    const listSeg = lists.get(id);
+    const liveParent = marker.parentElement;
+    const items = [];
+    if (inlinedItems) {
+      let next = marker.nextElementSibling;
+      for (let i = 0; i < listSeg.items.length && next !== null; i++) {
+        validateInlinedRowMatch(listSeg.items[i].html, i, next, liveParent);
+        items.push({
+          ref: listSeg.items[i].ref,
+          cacheKey: listSeg.items[i].cacheKey,
+          html: listSeg.items[i].html,
+          node: next,
+          bindings: listSeg.items[i].bindings
+        });
+        next = next.nextElementSibling;
+      }
+    }
+    const binding = { liveParent, items, marker };
+    if (items.length > 0) {
+      devHooks.missingRowKey?.(items[0].node, items[0].html, binding);
+    }
+    devHooks.eachInMorphSkip?.(id, liveParent, rootEl);
+    bindings.set(id, binding);
+    for (const bound of items) {
+      if (bound.bindings?.length) {
+        bound.bindingDisposers = wireRowBindings(bound.node, bound.bindings);
+      }
+    }
+  }
+}
+function validateInlinedRowMatch(expectedHtml, index, boundEl, liveParent) {
+  if (boundEl.outerHTML === expectedHtml) return;
+  const { content, count } = parseRowTemplate(expectedHtml, liveParent);
+  if (count !== 1) throw rowContractError(index, expectedHtml, liveParent);
+  const expectedTag = content.firstElementChild.tagName;
+  if (boundEl.tagName !== expectedTag)
+    throw rowStructureError(index, boundEl.tagName, expectedTag);
+}
+function rowStructureError(index, gotTag, wantTag) {
+  const got = gotTag.toLowerCase();
+  const want = wantTag.toLowerCase();
+  return new Error(
+    `each(): row ${index} renders <${want}>, but the HTML parser wrapped the rows in <${got}> \u2014 so kerf cannot bind one row per element. This happens when an each() of <${want}> sits directly inside a table: the parser inserts <${got}> around the whole run. Put the each() inside an explicit <${got}> (e.g. <table><${got}>{each(...)}</${got}></table>) so the rows are the direct children kerf binds.`
+  );
+}
+function collectOwnedItems(bindings) {
+  const owned = /* @__PURE__ */ new Set();
+  for (const b of bindings.values()) {
+    for (const item of b.items) owned.add(item.node);
+  }
+  return owned;
+}
+function cleanupOrphanBindings(segment, bindings, renderCtx) {
+  const liveIds = collectLists(segment);
+  for (const [id, binding] of bindings) {
+    if (liveIds.has(id)) continue;
+    for (const item of binding.items) {
+      disposeRowBindings(item.bindingDisposers);
+      item.node.remove();
+    }
+    binding.marker.remove();
+    bindings.delete(id);
+    renderCtx.bindingCounts.delete(id);
+    renderCtx.bindingSources.delete(id);
+    renderCtx.caches.delete(id);
+  }
+}
+function collectComments(node, out) {
+  for (let c = node.firstChild; c; c = c.nextSibling) {
+    if (c.nodeType === Node.COMMENT_NODE) out.push(c);
+    else if (c.nodeType === Node.ELEMENT_NODE && !isOverlayHost(c))
+      collectComments(c, out);
+  }
+}
+
 // src/mount.ts
 var MOUNTED_MARKER = /* @__PURE__ */ Symbol.for("kerfjs.mounted");
 var NESTED_MOUNT_MSG = "mount: rootEl is already inside (or contains) a mounted tree. kerf supports one mount per tree \u2014 compose with plain functions that return JSX instead of nesting mounts.";
@@ -1155,15 +1319,17 @@ function assertNotInsideMountedTree(rootEl) {
     );
   }
   let ancestor = rootEl.parentElement;
-  while (ancestor) {
+  while (ancestor && !isOverlayHost(ancestor)) {
     if (isMounted(ancestor)) throw new Error(NESTED_MOUNT_MSG);
     ancestor = ancestor.parentElement;
   }
   const stack = [];
-  for (let i = 0; i < rootEl.children.length; i++) stack.push(rootEl.children[i]);
+  for (let i = 0; i < rootEl.children.length; i++)
+    stack.push(rootEl.children[i]);
   while (stack.length > 0) {
     const cur = stack.pop();
     if (isMounted(cur)) throw new Error(NESTED_MOUNT_MSG);
+    if (isOverlayHost(cur)) continue;
     for (let i = 0; i < cur.children.length; i++) stack.push(cur.children[i]);
   }
 }
@@ -1241,7 +1407,8 @@ function mount(rootEl, render) {
         valueOnlyWarnCtx
       );
       if (anyRebuiltListIsGranular(segment, renderCtx.rebuiltLists)) {
-        for (const id of renderCtx.rebuiltLists) renderCtx.bindingCounts.delete(id);
+        for (const id of renderCtx.rebuiltLists)
+          renderCtx.bindingCounts.delete(id);
         result = runRenderPass();
         segment = resultToSegment(result);
         nextStaticHtml = runSubsequentRender(
@@ -1255,7 +1422,8 @@ function mount(rootEl, render) {
       }
       if (nextStaticHtml !== prevStaticHtml) {
         bindingDisposers = wireBindings(rootEl, bindingCtx, bindingDisposers);
-        if (devHooks.staleBindingEnabled?.()) prevWiredBindings = bindingCtx.list;
+        if (devHooks.staleBindingEnabled?.())
+          prevWiredBindings = bindingCtx.list;
       } else {
         devHooks.staleBinding?.(prevWiredBindings, bindingCtx.list);
       }
@@ -1283,11 +1451,7 @@ function mount(rootEl, render) {
     renderCtx.previousCallCount = renderCtx.counter;
     devHooks.listInvariants?.(rootEl, bindings, expectedCounts || void 0);
   }
-  const disposeEffect = effect(() => {
-    reconcileAndCommitListPhase(renderStaticPhase());
-  });
-  return () => {
-    disposeEffect();
+  const releaseResources = () => {
     for (const d of bindingDisposers) d();
     bindingDisposers = [];
     for (const b of bindings.values()) {
@@ -1296,6 +1460,21 @@ function mount(rootEl, render) {
     listenerWarnObserver?.disconnect();
     setMounted(rootEl, false);
   };
+  const priorChildren = rootEl.firstChild ? Array.from(rootEl.childNodes) : [];
+  let disposeEffect;
+  try {
+    disposeEffect = effect(() => {
+      reconcileAndCommitListPhase(renderStaticPhase());
+    });
+  } catch (err) {
+    releaseResources();
+    rootEl.replaceChildren(...priorChildren);
+    throw err;
+  }
+  return () => {
+    disposeEffect();
+    releaseResources();
+  };
 }
 function runFirstRender(rootEl, segment, bindings) {
   rootEl.innerHTML = flatten(segment, true);
@@ -1307,12 +1486,22 @@ function runSubsequentRender(rootEl, segment, bindings, renderCtx, prevStaticHtm
   if (currentStaticHtml === prevStaticHtml) {
     return prevStaticHtml;
   }
-  devHooks.valueOnlyRerender?.(prevStaticHtml, currentStaticHtml, valueOnlyWarnCtx);
+  devHooks.valueOnlyRerender?.(
+    prevStaticHtml,
+    currentStaticHtml,
+    valueOnlyWarnCtx
+  );
   cleanupOrphanBindings(segment, bindings, renderCtx);
   const template = rootEl.cloneNode(false);
   template.innerHTML = currentStaticHtml;
   morph(rootEl, template, collectOwnedItems(bindings));
-  bindListsFromMarkers(rootEl, segment, bindings, false, renderCtx.rebuiltLists);
+  bindListsFromMarkers(
+    rootEl,
+    segment,
+    bindings,
+    false,
+    renderCtx.rebuiltLists
+  );
   return currentStaticHtml;
 }
 function coerceRenderResult(result) {
@@ -1322,107 +1511,7 @@ function coerceRenderResult(result) {
 function resultToSegment(result) {
   return isSafeHtml(result) ? result.__segment ?? { kind: "static", html: result.__html } : { kind: "static", html: coerceRenderResult(result) };
 }
-function anyRebuiltListIsGranular(segment, rebuilt) {
-  if (!rebuilt.size) return false;
-  const lists = collectLists(segment);
-  for (const id of rebuilt) {
-    if (lists.get(id)?.patches) return true;
-  }
-  return false;
-}
-function bindListsFromMarkers(rootEl, segment, bindings, inlinedItems, rebuiltLists) {
-  const lists = collectLists(segment);
-  const found = [];
-  collectComments(rootEl, found);
-  for (const marker of found) {
-    if (!marker.data.startsWith(LIST_MARKER_PREFIX)) continue;
-    const id = marker.data.slice(LIST_MARKER_PREFIX.length);
-    const existing = bindings.get(id);
-    if (existing) {
-      if (existing.marker === marker && rootEl.contains(existing.marker)) continue;
-      for (const item of existing.items) {
-        disposeRowBindings(item.bindingDisposers);
-        if (rootEl.contains(item.node)) {
-          item.node.parentElement?.removeChild(item.node);
-        }
-      }
-      bindings.delete(id);
-      rebuiltLists?.add(id);
-      devHooks.listRebind?.(id, marker.parentElement);
-    }
-    const listSeg = lists.get(id);
-    const liveParent = marker.parentElement;
-    const items = [];
-    if (inlinedItems) {
-      let next = marker.nextElementSibling;
-      for (let i = 0; i < listSeg.items.length && next !== null; i++) {
-        validateInlinedRowMatch(listSeg.items[i].html, i, next, liveParent);
-        const rowBindings = listSeg.items[i].bindings;
-        const bound = {
-          ref: listSeg.items[i].ref,
-          cacheKey: listSeg.items[i].cacheKey,
-          html: listSeg.items[i].html,
-          node: next,
-          bindings: rowBindings
-        };
-        if (rowBindings?.length) {
-          bound.bindingDisposers = wireRowBindings(next, rowBindings);
-        }
-        items.push(bound);
-        next = next.nextElementSibling;
-      }
-    }
-    const binding = { liveParent, items, marker };
-    if (items.length > 0) {
-      devHooks.missingRowKey?.(items[0].node, items[0].html, binding);
-    }
-    devHooks.eachInMorphSkip?.(id, liveParent, rootEl);
-    bindings.set(id, binding);
-  }
-}
-function validateInlinedRowMatch(expectedHtml, index, boundEl, liveParent) {
-  if (boundEl.outerHTML === expectedHtml) return;
-  const { content, count } = parseRowTemplate(expectedHtml, liveParent);
-  if (count !== 1) throw rowContractError(index, expectedHtml, liveParent);
-  const expectedTag = content.firstElementChild.tagName;
-  if (boundEl.tagName !== expectedTag) throw rowStructureError(index, boundEl.tagName, expectedTag);
-}
-function rowStructureError(index, gotTag, wantTag) {
-  const got = gotTag.toLowerCase();
-  const want = wantTag.toLowerCase();
-  return new Error(
-    `each(): row ${index} renders <${want}>, but the HTML parser wrapped the rows in <${got}> \u2014 so kerf cannot bind one row per element. This happens when an each() of <${want}> sits directly inside a table: the parser inserts <${got}> around the whole run. Put the each() inside an explicit <${got}> (e.g. <table><${got}>{each(...)}</${got}></table>) so the rows are the direct children kerf binds.`
-  );
-}
-function collectOwnedItems(bindings) {
-  const owned = /* @__PURE__ */ new Set();
-  for (const b of bindings.values()) {
-    for (const item of b.items) owned.add(item.node);
-  }
-  return owned;
-}
-function cleanupOrphanBindings(segment, bindings, renderCtx) {
-  const liveIds = collectLists(segment);
-  for (const [id, binding] of bindings) {
-    if (liveIds.has(id)) continue;
-    for (const item of binding.items) {
-      disposeRowBindings(item.bindingDisposers);
-      item.node.remove();
-    }
-    binding.marker.remove();
-    bindings.delete(id);
-    renderCtx.bindingCounts.delete(id);
-    renderCtx.bindingSources.delete(id);
-    renderCtx.caches.delete(id);
-  }
-}
-function collectComments(node, out) {
-  for (let c = node.firstChild; c; c = c.nextSibling) {
-    if (c.nodeType === Node.COMMENT_NODE) out.push(c);
-    else if (c.nodeType === Node.ELEMENT_NODE) collectComments(c, out);
-  }
-}
 
 export { captureFocus, each, morph, mount, moveNode, restoreFocus };
 
-//# sourceMappingURL=chunk-SVATPF5R.js.map
+//# sourceMappingURL=chunk-TLL3KXT6.js.map