ilha 0.14.10 → 0.15.0

package/dist/{mount-BzNrfVW4.js → paint-core-Cw1HbMp6.js}

@@ -1,4 +1,4 @@
-import { _ as skip, a as ISLAND, b as failureMessage, c as KEEP, d as errorView, f as isBigInt, g as isString, h as isObject, i as Fragment, l as KEY_ATTR, m as isNumber, n as isSetupFn, o as ISLAND_MOUNT_INTERNAL, p as isFunction, r as isVNode, s as ISLAND_SLOT_TAG, u as SLOT_ATTR, v as unwrap, x as toError, y as asFailure } from "./vnode-M-oJMKcv.js";
+import { S as toError, _ as isString, a as ISLAND, b as asFailure, c as KEEP, f as errorView, g as isObject, h as isNumber, i as Fragment, l as KEY_ATTR, m as isFunction, n as isSetupFn, o as ISLAND_MOUNT_INTERNAL, p as isBigInt, r as isVNode, s as ISLAND_SLOT_TAG, u as SLOT_ATTR, v as skip, x as failureMessage, y as unwrap } from "./vnode-BHUY61Rm.js";
 import * as Atom from "effect/reactivity/Atom";
 import { Equal } from "effect";
 import * as Effect$1 from "effect/Effect";
@@ -44,6 +44,8 @@ const clearFiberView = (fiber) => {
 	fiber.watchI = 0;
 	fiber.primitives = void 0;
 	fiber.primitiveI = 0;
+	for (const release of fiber.primitiveHolds ?? []) release();
+	fiber.primitiveHolds = void 0;
 	fiber.islandFrame = void 0;
 	fiber.keyedHoles = void 0;
 	for (const h of fiber.holes) h.dispose();
@@ -93,6 +95,7 @@ const makeRuntime = (opts) => {
 			holeSeq += 1;
 			return holeSeq;
 		},
+		onError: opts?.onError,
 		registry,
 		scope,
 		setIdle: (onReady) => {
@@ -148,6 +151,20 @@ const reportFiberError = (fiber, error) => {
 	}
 	return false;
 };
+/**
+* Open a mount's root fiber. A failing root component reports to
+* `runtime.onError`, paints the error view, and settles the mount.
+*/
+const makeRootFiber = ({ runtime, root, paint, settle }) => {
+	const fiber = makeFiber(runtime, root, paint, { onFail: (e) => {
+		const error = toError(e);
+		runtime.onError?.(error);
+		console.error(error);
+		fiber.paint(errorView(error));
+		settle();
+	} });
+	return fiber;
+};
 
 //#endregion
 //#region src/atom.ts
@@ -272,6 +289,19 @@ const usePrimitiveSlot = (fiber, make) => {
 		fresh: true
 	};
 };
+/**
+* Keep a component's own state atom in the registry while its fiber lives.
+*
+* The registry drops an atom nothing subscribes to. State that a handler
+* writes and the view never reads would otherwise reset between events.
+*/
+const holdState = (fiber, atom) => {
+	if (!fiber.runtime.ssr) {
+		fiber.primitiveHolds ??= [];
+		fiber.primitiveHolds.push(fiber.registry.mount(atom));
+	}
+	return atom;
+};
 const withTrackGetRun = (fiber, fn, onOk, onErr) => {
 	const deps = /* @__PURE__ */ new Set();
 	const get = (a) => {
@@ -378,9 +408,9 @@ const makeAtom = (init, options) => {
 		if (Effect$1.isEffect(seed) || Stream$1.isStream(seed)) return Atom.make(seed);
 		const made = Atom.make(seed);
 		const eq = options?.equals;
-		if (eq === void 0) return made;
+		if (eq === void 0) return holdState(fiber, made);
 		const equalsFn = eq === "structural" ? structuralEqual : eq;
-		return Atom.withEquality(made, equalsFn);
+		return holdState(fiber, Atom.withEquality(made, equalsFn));
 	});
 	const handle = wrapHandle(a, fiber);
 	if (fresh && fiber.runtime.ssr) fiber.runtime.ssrValues.push(fiber.registry.get(a));
@@ -396,7 +426,7 @@ const atomLazy = (init) => {
 			fiber.runtime.hydrateI += 1;
 			if (v !== void 0) seed = v;
 		}
-		return Atom.make(seed);
+		return holdState(fiber, Atom.make(seed));
 	});
 	const handle = wrapHandle(a, fiber);
 	if (fresh && fiber.runtime.ssr) fiber.runtime.ssrValues.push(fiber.registry.get(a));
@@ -502,7 +532,7 @@ const runSetup = (fiber, fn) => {
 
 //#endregion
 //#region src/events.ts
-const ACTION_CALL$1 = Symbol.for("ilha.actionCall");
+const ACTION_CALL = Symbol.for("ilha.actionCall");
 const eventTypeFromProp = (key) => {
 	if (key.length < 4) return;
 	let type;
@@ -537,7 +567,7 @@ const bindSsrActions = (el, props, fiber) => {
 		seen.add(type);
 		const fn = props[key];
 		if (!isFunction(fn)) continue;
-		const branded = fn[ACTION_CALL$1];
+		const branded = fn[ACTION_CALL];
 		const rec = branded?.k ? {
 			a: branded.a ?? [],
 			k: branded.k
@@ -1124,6 +1154,41 @@ const sweepComponentSlots = (fiber) => {
 	}
 	slots.length = cframe.i;
 };
+/** Close a child hole through the parent's hole list, so it disposes once. */
+const releaseHole = (fiber, hole) => {
+	const idx = fiber.holes.findIndex((h) => h.holeFiber === hole);
+	if (idx === -1) closeFiber(hole);
+	else {
+		const [removed] = fiber.holes.splice(idx, 1);
+		removed?.dispose();
+	}
+};
+/** Close the keyed components the paint that just ran did not reach. */
+const sweepKeyedHoles = (fiber) => {
+	const { keyedHoles, keyedGen } = fiber;
+	if (!keyedHoles) return;
+	for (const [k, hole] of keyedHoles) {
+		if (!hole.closed && hole.keyedSeen === keyedGen) continue;
+		keyedHoles.delete(k);
+		if (!hole.closed) releaseHole(fiber, hole);
+	}
+};
+/**
+* Run `fn` as one paint of `fiber`: the keyed components it materializes stay
+* alive, and the ones it no longer reaches are closed afterwards.
+*/
+const pass = (fiber, fn) => {
+	fiber.keyedHoles ??= /* @__PURE__ */ new Map();
+	fiber.keyedGen = (fiber.keyedGen ?? 0) + 1;
+	fn();
+	sweepKeyedHoles(fiber);
+};
+const warnedKeys = /* @__PURE__ */ new Set();
+const warnDuplicateKey = (key) => {
+	if (warnedKeys.has(key)) return;
+	warnedKeys.add(key);
+	console.warn(`ilha: key "${key}" is used by more than one component in the same parent component; keys must be unique there. The duplicate keeps its state by position instead.`);
+};
 const sweepIslandSlots = (fiber) => {
 	const frame = fiber.islandFrame;
 	if (!frame) return;
@@ -1218,6 +1283,7 @@ const createPainter = (ops) => {
 	const applyProps = (el, props, fiber) => {
 		for (const [k, v] of Object.entries(props)) {
 			if (isSkippedPropKey(k)) continue;
+			if (ops.setProp?.(el, k, v) === true) continue;
 			if (k === "className") {
 				el.setAttribute("class", String(v ?? ""));
 				continue;
@@ -1263,6 +1329,7 @@ const createPainter = (ops) => {
 				onFail: (e) => {
 					const error = toError(e);
 					if (reportFiberError(child, error)) return;
+					parent.runtime.onError?.(error);
 					console.error(error);
 					api.paintHole(child, errorView(error));
 				},
@@ -1273,57 +1340,58 @@ const createPainter = (ops) => {
 				nodes: [host]
 			};
 		},
-		paintHole: (fiber, view) => commit(() => {
+		paintHole: (fiber, view) => {
 			if (view === KEEP) return;
-			let frame = fiber.islandFrame;
-			if (!frame) {
-				frame = {
-					i: 0,
-					slots: []
-				};
-				fiber.islandFrame = frame;
-			}
-			frame.i = 0;
-			let cframe = fiber.componentFrame;
-			if (!cframe) {
-				cframe = {
-					i: 0,
-					slots: []
-				};
-				fiber.componentFrame = cframe;
-			}
-			cframe.i = 0;
-			const list = Array.isArray(view) ? view : null;
-			if (list && list.length > 0 && list.every((v) => isVNode(v) && isFunction(v.type) && v.key !== null && v.key !== void 0)) {
-				paintFns.keyedPaintHole(fiber, list);
-				sweepComponentSlots(fiber);
-				sweepIslandSlots(fiber);
-				return;
-			}
-			const kept = /* @__PURE__ */ new Set();
-			for (const s of cframe.slots) if (s && !s.hole.closed) kept.add(s.hole);
-			const keptIslands = new Set(frame.slots);
-			const keep = [];
-			for (const h of fiber.holes) {
-				if (h.holeFiber && kept.has(h.holeFiber) || h.islandSlot && keptIslands.has(h.islandSlot)) {
-					keep.push(h);
-					continue;
-				}
-				h.dispose();
-			}
-			fiber.holes = keep;
-			const fresh = api.materialize(view, fiber);
-			if (canMorphRoot(fiber.root)) {
-				const tmp = document.createElement("div");
-				for (const n of fresh) tmp.append(n);
-				morphInner(fiber.root, tmp);
-			} else {
-				ops.clearRoot(fiber.root);
-				api.insert(fiber, fresh);
-			}
-			sweepComponentSlots(fiber);
-			sweepIslandSlots(fiber);
-		})
+			commit(() => {
+				pass(fiber, () => {
+					let frame = fiber.islandFrame;
+					if (!frame) {
+						frame = {
+							i: 0,
+							slots: []
+						};
+						fiber.islandFrame = frame;
+					}
+					frame.i = 0;
+					let cframe = fiber.componentFrame;
+					if (!cframe) {
+						cframe = {
+							i: 0,
+							slots: []
+						};
+						fiber.componentFrame = cframe;
+					}
+					cframe.i = 0;
+					const list = Array.isArray(view) ? view : null;
+					if (list && list.length > 0 && list.every((v) => isVNode(v) && isFunction(v.type) && v.key !== null && v.key !== void 0)) {
+						paintFns.keyedPaintHole(fiber, list);
+						sweepComponentSlots(fiber);
+						sweepIslandSlots(fiber);
+						return;
+					}
+					const kept = /* @__PURE__ */ new Set();
+					for (const s of cframe.slots) if (s && !s.hole.closed) kept.add(s.hole);
+					const keptIslands = new Set(frame.slots);
+					const keep = [];
+					for (const h of fiber.holes) {
+						if (h.holeFiber && kept.has(h.holeFiber) || h.islandSlot && keptIslands.has(h.islandSlot)) {
+							keep.push(h);
+							continue;
+						}
+						h.dispose();
+					}
+					fiber.holes = keep;
+					const fresh = api.materialize(view, fiber);
+					if (canMorphRoot(fiber.root)) {
+						const tmp = document.createElement("div");
+						for (const n of fresh) tmp.append(n);
+						morphInner(fiber.root, tmp);
+					} else ops.placeChildren(fiber.root, fresh);
+					sweepComponentSlots(fiber);
+					sweepIslandSlots(fiber);
+				});
+			});
+		}
 	};
 	const materializeAtom = (view, fiber) => {
 		const reused = findReusableAtomHost(fiber, view.atom);
@@ -1465,7 +1533,13 @@ const createPainter = (ops) => {
 		const k = view.key === null || view.key === void 0 ? void 0 : String(view.key);
 		const reuse = k ? fiber.keyedHoles?.get(k) : void 0;
 		const run = type;
+		const gen = fiber.keyedGen;
+		if (k && reuse && !reuse.closed && reuse.keyedSeen === gen) {
+			warnDuplicateKey(k);
+			return materializeUnkeyedComponent(run, type, props, fiber);
+		}
 		if (reuse && !reuse.closed) {
+			reuse.keyedSeen = gen;
 			if (reuse.propsBox) reuse.propsBox.current = props;
 			const next = withFiber(fiber, () => run(reuse.propsBox?.current ?? props));
 			if (next && !isThenable(next) && !isSetupFn(next)) reuse.paint(next);
@@ -1474,8 +1548,8 @@ const createPainter = (ops) => {
 		if (!k) return materializeUnkeyedComponent(run, type, props, fiber);
 		const { fiber: khole, nodes: knodes } = api.openHole(fiber);
 		khole.propsBox = { current: props };
-		fiber.keyedHoles ??= /* @__PURE__ */ new Map();
-		fiber.keyedHoles.set(k, khole);
+		khole.keyedSeen = gen;
+		fiber.keyedHoles?.set(k, khole);
 		fiber.runtime.later(() => {
 			if (khole.closed) return;
 			const box = khole.propsBox;
@@ -1492,7 +1566,6 @@ const createPainter = (ops) => {
 		const el = ops.createElement(tag, ns);
 		if (view.key !== null && view.key !== void 0) el.setAttribute(KEY_ATTR, String(view.key));
 		api.applyProps(el, view.props, fiber);
-		fiber.keyedHoles ??= /* @__PURE__ */ new Map();
 		const childFiber = {
 			...fiber,
 			holes: fiber.holes,
@@ -1526,25 +1599,16 @@ const createPainter = (ops) => {
 		return [ops.createText(String(view))];
 	};
 	paintFns.keyedPaintHole = (fiber, views) => {
-		const prev = fiber.keyedHoles ?? /* @__PURE__ */ new Map();
-		const keep = new Set(views.map((v) => String(v.key)));
-		for (const [k, h] of prev) if (!keep.has(k)) closeFiber(h);
-		const next = /* @__PURE__ */ new Map();
 		const nodes = [];
 		for (const v of views) {
-			const k = String(v.key);
-			const reuse = prev.get(k);
+			const reuse = fiber.keyedHoles?.get(String(v.key));
 			if (reuse && !reuse.closed) {
-				next.set(k, reuse);
+				reuse.keyedSeen = fiber.keyedGen;
 				nodes.push(ops.asNode(reuse.root));
 				continue;
 			}
-			const made = api.materialize(v, fiber);
-			const hole = fiber.keyedHoles?.get(k);
-			if (hole) next.set(k, hole);
-			nodes.push(...made);
+			nodes.push(...api.materialize(v, fiber));
 		}
-		fiber.keyedHoles = next;
 		ops.placeChildren(fiber.root, nodes);
 	};
 	return {
@@ -1553,508 +1617,10 @@ const createPainter = (ops) => {
 		disposeHoles: (fiber, opts) => disposeHoles(fiber, opts),
 		insert: api.insert,
 		materialize: api.materialize,
-		paintHole: api.paintHole
-	};
-};
-
-//#endregion
-//#region src/paint.ts
-const noopDisconnect = () => {};
-const core$1 = createPainter({
-	appendRoot: (root, node) => insertRendered(root, node, null),
-	asElement: (el) => el,
-	asNode: (host) => host,
-	asRoot: (el) => el,
-	bindEvents,
-	clearRoot: (root) => {
-		if (root instanceof Element) root.replaceChildren();
-	},
-	committed: committedElement,
-	createElement: (tag, ns) => ns ? document.createElementNS(ns, tag) : document.createElement(tag),
-	createRaw: (html, parent) => {
-		const range = document.createRange();
-		range.selectNodeContents(parent);
-		return [...range.createContextualFragment(html).childNodes];
-	},
-	createSlotHost: (slotId) => {
-		const host = document.createElement("span");
-		if (slotId !== null) host.setAttribute(SLOT_ATTR, slotId);
-		host.style.display = "contents";
-		return host;
-	},
-	createText: (text) => document.createTextNode(text),
-	disconnect: noopDisconnect,
-	placeChildren: (root, nodes) => {
-		if (root instanceof Element) placeChildren(root, nodes);
-	},
-	reuseNode: (host) => host instanceof Element && host.isConnected ? standInFor(host) : host,
-	setFormControl: (el, key, v) => {
-		const node = el;
-		if (key === "value") {
-			if (v === null || v === void 0) {
-				el.removeAttribute("value");
-				node.value = "";
-			} else {
-				el.setAttribute("value", String(v));
-				node.value = String(v);
-			}
-		} else if (key === "checked") {
-			node.checked = Boolean(v);
-			if (v) el.setAttribute("checked", "");
-			else el.removeAttribute("checked");
-		} else {
-			node.selected = Boolean(v);
-			if (v) el.setAttribute("selected", "");
-			else el.removeAttribute("selected");
-		}
-	},
-	setStyle: (el, css) => {
-		el.style.cssText = css;
-	}
-});
-const refreshAtomHost = (fiber, atom, host, hole) => {
-	if (hole.closed || !host.isConnected) return;
-	const next = unwrap(fiber.registry.get(atom));
-	if (next === KEEP) return;
-	core$1.paintHole(hole, next);
-};
-const refreshAllAtomHosts = (fiber) => {
-	for (const h of fiber.holes) if (h.atom && h.host && h.holeFiber) refreshAtomHost(fiber, h.atom, h.host, h.holeFiber);
-};
-const pruneDisconnectedAtomHoles = (fiber) => {
-	fiber.holes = fiber.holes.filter((h) => {
-		if (!h.atom || !h.host || !h.holeFiber) return true;
-		if (h.host.isConnected) return true;
-		h.dispose();
-		return false;
-	});
-};
-const canHydrate = (fiber, view) => {
-	if (!isVNode(view) || !isString(view.type)) return false;
-	const el = fiber.root.firstElementChild;
-	return !!el && el.tagName === view.type.toUpperCase();
-};
-const paintHydrate = (fiber, view) => {
-	const el = fiber.root.firstElementChild;
-	if (!el) return;
-	fiber.hydrate = false;
-	fiber.liveEl = el;
-	core$1.applyProps(el, view.props, fiber);
-	const childFiber = {
-		...fiber,
-		holes: fiber.holes,
-		root: el
-	};
-	el.replaceChildren();
-	for (const c of view.children) for (const n of core$1.materialize(c, childFiber)) insertRendered(el, n, null);
-};
-const paintMorphLive = (fiber, view) => {
-	if (!fiber.liveEl) return;
-	core$1.disposeHoles(fiber, { morph: true });
-	core$1.applyProps(fiber.liveEl, view.props, fiber);
-	const liveNs = fiber.liveEl.namespaceURI;
-	const tmp = liveNs && liveNs !== "http://www.w3.org/1999/xhtml" ? document.createElementNS(liveNs, fiber.liveEl.localName) : document.createElement(fiber.liveEl.localName);
-	const childFiber = {
-		...fiber,
-		holes: fiber.holes,
-		root: tmp
+		paintHole: api.paintHole,
+		pass
 	};
-	for (const c of view.children) for (const n of core$1.materialize(c, childFiber)) tmp.append(n);
-	morphInner(fiber.liveEl, tmp);
-	refreshAllAtomHosts(fiber);
-	pruneDisconnectedAtomHoles(fiber);
-};
-const paintRoot = (fiber, view) => {
-	fiber.islandFrame ??= {
-		i: 0,
-		slots: []
-	};
-	if (fiber.hydrate) {
-		if (canHydrate(fiber, view)) {
-			paintHydrate(fiber, view);
-			return;
-		}
-		console.warn("[ilha] hydrate mismatch, full mount");
-		fiber.hydrate = false;
-		if (fiber.root instanceof Element) fiber.root.replaceChildren();
-	}
-	if (fiber.liveEl && isVNode(view) && isString(view.type) && fiber.liveEl.localName === view.type) {
-		paintMorphLive(fiber, view);
-		return;
-	}
-	core$1.disposeHoles(fiber, { morph: true });
-	if (fiber.root instanceof Element && fiber.root.childNodes.length > 0) {
-		const tmp = document.createElement("div");
-		for (const n of core$1.materialize(view, fiber)) tmp.append(n);
-		morphInner(fiber.root, tmp);
-		const first = fiber.root.firstElementChild;
-		if (first) fiber.liveEl = first;
-		return;
-	}
-	core$1.insert(fiber, core$1.materialize(view, fiber));
-	const first = fiber.root instanceof Element ? fiber.root.firstElementChild : null;
-	if (first) fiber.liveEl = first;
-};
-const paint$1 = (fiber, view) => {
-	core$1.commit(() => {
-		paintRoot(fiber, view);
-	});
-};
-const paintError$1 = (fiber, e) => {
-	console.error(e);
-	paint$1(fiber, errorView(e));
-};
-
-//#endregion
-//#region src/snapshot.ts
-const MAX_SNAPSHOT_CHARS = 262144;
-const MAX_SNAPSHOT_DEPTH = 32;
-const exceedsMaxDepth = (value, depth) => {
-	if (depth > MAX_SNAPSHOT_DEPTH) return true;
-	if (value === null || !isObject(value)) {
-		if (Array.isArray(value)) {
-			for (const item of value) if (exceedsMaxDepth(item, depth + 1)) return true;
-		}
-		return false;
-	}
-	const obj = value;
-	for (const key of Object.keys(obj)) if (exceedsMaxDepth(obj[key], depth + 1)) return true;
-	return false;
-};
-const deleteUnsafeKey = (obj, key) => {
-	if (Object.hasOwn(obj, key)) Reflect.deleteProperty(obj, key);
-};
-const stripUnsafeKeys = (value) => {
-	if (Array.isArray(value)) {
-		for (const item of value) stripUnsafeKeys(item);
-		return;
-	}
-	if (value === null || !isObject(value)) return;
-	const obj = value;
-	deleteUnsafeKey(obj, "__proto__");
-	deleteUnsafeKey(obj, "constructor");
-	deleteUnsafeKey(obj, "prototype");
-	for (const key of Object.getOwnPropertyNames(obj)) stripUnsafeKeys(obj[key]);
-};
-const safeParseSnapshot = (raw) => {
-	if (raw.length > MAX_SNAPSHOT_CHARS) return;
-	let parsed;
-	try {
-		parsed = JSON.parse(raw);
-	} catch {
-		return;
-	}
-	if (exceedsMaxDepth(parsed, 1)) return;
-	if (!isObject(parsed) || Array.isArray(parsed)) return;
-	stripUnsafeKeys(parsed);
-	return parsed;
-};
-const encodeSnapshot = (values) => JSON.stringify({ v: values });
-const decodeSnapshot = (raw) => {
-	const values = safeParseSnapshot(raw)?.v;
-	return Array.isArray(values) ? values : void 0;
-};
-
-//#endregion
-//#region src/ssr-dom.ts
-const VOID = /* @__PURE__ */ new Set([
-	"area",
-	"base",
-	"br",
-	"col",
-	"embed",
-	"hr",
-	"img",
-	"input",
-	"link",
-	"meta",
-	"param",
-	"source",
-	"track",
-	"wbr"
-]);
-/** Tags whose children are raw text — do not HTML-escape content. */
-const RAW_TEXT = /* @__PURE__ */ new Set(["script", "style"]);
-const escapeText = (s) => s.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
-const escapeAttr = (s) => escapeText(s).replaceAll("\"", "&quot;");
-const createSsrRaw = (html) => ({
-	html,
-	kind: "raw"
-});
-const createSsrText = (text) => ({
-	kind: "text",
-	text
-});
-const serializeRawText = (tag, text) => {
-	if (new RegExp(`</${tag}\\b`, "iu").test(text)) throw new Error(`ilha: unsafe raw text in <${tag}> (contains "</${tag}")`);
-	return text;
-};
-const serializeNode = (node) => {
-	if (node.kind === "text") return escapeText(node.text);
-	if (node.kind === "raw") return node.html;
-	const parts = [];
-	for (const [name, value] of node.attrs) parts.push(`${name}="${escapeAttr(value)}"`);
-	const attr = parts.length > 0 ? ` ${parts.join(" ")}` : "";
-	const { tag } = node;
-	if (VOID.has(tag)) return `<${tag}${attr}>`;
-	if (RAW_TEXT.has(tag)) return `<${tag}${attr}>${serializeRawText(tag, node.textContent)}</${tag}>`;
-	return `<${tag}${attr}>${node.children.map(serializeNode).join("")}</${tag}>`;
-};
-const toDataAttr = (key) => `data-${key.replaceAll(/[A-Z]/gu, (ch) => `-${ch.toLowerCase()}`)}`;
-const isSymbolKey = (value) => Object.prototype.toString.call(value) === "[object Symbol]";
-const createSsrElement = (tag) => {
-	const lower = tag.toLowerCase();
-	const children = [];
-	const el = {
-		append: (...nodes) => {
-			children.push(...nodes);
-		},
-		appendChild: (node) => {
-			children.push(node);
-		},
-		attrs: /* @__PURE__ */ new Map(),
-		children,
-		dataset: new Proxy({}, {
-			get: (_t, prop) => {
-				if (prop === "undefined" || isSymbolKey(prop)) return;
-				return el.getAttribute(toDataAttr(prop)) ?? void 0;
-			},
-			set: (_t, prop, value) => {
-				if (isSymbolKey(prop)) return false;
-				const attr = toDataAttr(prop);
-				if (value === void 0 || value === null) el.removeAttribute(attr);
-				else el.setAttribute(attr, String(value));
-				return true;
-			}
-		}),
-		getAttribute: (name) => {
-			const value = el.attrs.get(name);
-			return value === void 0 ? null : value;
-		},
-		hasAttribute: (name) => el.attrs.has(name),
-		isConnected: true,
-		kind: "element",
-		localName: lower,
-		removeAttribute: (name) => {
-			el.attrs.delete(name);
-		},
-		replaceChildren: (...nodes) => {
-			children.length = 0;
-			children.push(...nodes);
-		},
-		setAttribute: (name, value) => {
-			el.attrs.set(name, value);
-		},
-		tag: lower,
-		tagName: lower.toUpperCase(),
-		get textContent() {
-			return children.map((n) => {
-				if (n.kind === "text") return n.text;
-				if (n.kind === "raw") return n.html;
-				return n.textContent;
-			}).join("");
-		},
-		set textContent(value) {
-			children.length = 0;
-			children.push(createSsrText(value));
-		}
-	};
-	return el;
-};
-const createSsrRoot = () => {
-	const children = [];
-	return {
-		append: (...nodes) => {
-			children.push(...nodes);
-		},
-		appendChild: (node) => {
-			children.push(node);
-		},
-		children,
-		get innerHTML() {
-			return children.map(serializeNode).join("");
-		},
-		kind: "root",
-		replaceChildren: () => {
-			children.length = 0;
-		}
-	};
-};
-
-//#endregion
-//#region src/ssr-paint.ts
-const ssrAs = (n) => n;
-const ACTION_CALL = Symbol.for("ilha.actionCall");
-const defer$1 = () => {
-	const { promise, resolve } = Promise.withResolvers();
-	return {
-		promise,
-		resolve: () => {
-			resolve(null);
-		}
-	};
-};
-const bindSsrEvents = (el, props, fiber) => {
-	const seen = /* @__PURE__ */ new Set();
-	for (const key of Object.keys(props)) {
-		const type = eventTypeFromProp(key);
-		if (!type || seen.has(type)) continue;
-		seen.add(type);
-		const fn = props[key];
-		if (!isFunction(fn)) continue;
-		const branded = fn[ACTION_CALL];
-		const rec = branded?.k ? {
-			a: branded.a ?? [],
-			k: branded.k
-		} : void 0;
-		if (!rec) continue;
-		const id = `${type}:${fiber.runtime.ssrEventI}`;
-		fiber.runtime.ssrEventI += 1;
-		fiber.runtime.ssrActions[id] = rec;
-		const existing = el.dataset.ilhaOn;
-		el.dataset.ilhaOn = existing ? `${existing},${id}` : id;
-	}
-};
-const ssrOps = {
-	appendRoot: (root, node) => ssrAs(root).append(node),
-	asElement: (el) => ssrAs(el),
-	asNode: (host) => ssrAs(host),
-	asRoot: (el) => ssrAs(el),
-	bindEvents: bindSsrEvents,
-	clearRoot: (root) => ssrAs(root).replaceChildren(),
-	committed: (el) => el,
-	createElement: createSsrElement,
-	createRaw: (html, _parent) => [createSsrRaw(html)],
-	createSlotHost: (slotId) => {
-		const host = createSsrElement("span");
-		if (slotId !== null) host.setAttribute(SLOT_ATTR, slotId);
-		host.setAttribute("style", "display:contents");
-		return host;
-	},
-	createText: createSsrText,
-	disconnect: (el) => {
-		el.isConnected = false;
-	},
-	placeChildren: (root, nodes) => {
-		const host = ssrAs(root);
-		host.replaceChildren();
-		for (const n of nodes) host.append(n);
-	},
-	reuseNode: (host) => ssrAs(host),
-	setFormControl: (el, key, v) => {
-		if (key === "value") el.setAttribute("value", String(v ?? ""));
-		else if (v) el.setAttribute(key, "");
-		else el.removeAttribute(key);
-	},
-	setStyle: (el, css) => el.setAttribute("style", css)
-};
-const core = createPainter(ssrOps);
-const paint = (fiber, view) => {
-	fiber.islandFrame ??= {
-		i: 0,
-		slots: []
-	};
-	core.disposeHoles(fiber);
-	ssrOps.clearRoot(fiber.root);
-	core.insert(fiber, core.materialize(view, fiber));
-};
-const paintError = (fiber, e) => {
-	console.error(e);
-	paint(fiber, errorView(e));
-};
-const attachSsr = (fn, opts) => {
-	const root = createSsrRoot();
-	const runtime = makeRuntime({
-		ssr: true,
-		ssrCapture: opts?.ssrCapture === true
-	});
-	const { promise: ready, resolve } = defer$1();
-	const fiber = makeFiber(runtime, ssrAs(root), paint, { onFail: (e) => {
-		opts?.onError?.(e);
-		paintError(fiber, e);
-		resolve();
-	} });
-	runtime.begin();
-	runtime.setIdle(resolve);
-	runSetup(fiber, fn);
-	runtime.end();
-	return {
-		ready,
-		root,
-		runtime,
-		unmount: () => {
-			closeFiber(fiber);
-			runtime.close();
-			root.replaceChildren();
-		}
-	};
-};
-
-//#endregion
-//#region src/mount.ts
-const defer = () => {
-	const { promise, resolve } = Promise.withResolvers();
-	return {
-		promise,
-		resolve: () => {
-			resolve(null);
-		}
-	};
-};
-const readHydrate = (el) => {
-	const raw = (el.matches("[data-ilha]") ? el : el.querySelector("[data-ilha]"))?.dataset.ilhaState;
-	if (raw) return decodeSnapshot(raw);
-	const first = el.firstElementChild;
-	if (first?.tagName === "TEMPLATE" && first.matches("[data-ilha-state]")) {
-		const tplRaw = first.dataset.ilhaState;
-		first.remove();
-		return tplRaw ? decodeSnapshot(tplRaw) : void 0;
-	}
-};
-const delay = (ms) => {
-	const { promise, resolve } = defer();
-	setTimeout(resolve, ms);
-	return promise;
-};
-const attach = (el, fn, opts) => {
-	if (!opts?.hydrate) el.innerHTML = "";
-	const runtime = makeRuntime({ hydrate: opts?.hydrate ? readHydrate(el) : void 0 });
-	const { promise: ready, resolve } = defer();
-	const fiber = makeFiber(runtime, el, paint$1, { onFail: (e) => {
-		opts?.onError?.(e);
-		paintError$1(fiber, e);
-		resolve();
-	} });
-	if (opts?.hydrate) fiber.hydrate = true;
-	runtime.begin();
-	runtime.setIdle(resolve);
-	runSetup(fiber, fn);
-	runtime.end();
-	return {
-		ready,
-		runtime,
-		unmount: () => {
-			closeFiber(fiber);
-			runtime.close();
-			if (!opts?.hydrate) el.innerHTML = "";
-		}
-	};
-};
-const mount = (el, fn, opts) => attach(el, fn, opts).unmount;
-const renderToString = async (fn, opts) => {
-	const snapshot = opts?.snapshot !== false;
-	const markers = opts?.markers !== false;
-	const { unmount, ready, runtime, root } = attachSsr(fn, { ssrCapture: opts?.captureActions === true });
-	const timeout = opts?.timeout;
-	await (timeout === void 0 ? ready : Promise.race([ready, delay(timeout)]));
-	let inner = root.innerHTML;
-	const actions = runtime.ssrActions;
-	if (Object.keys(actions).length > 0) inner = `<template data-ilha-actions="${escapeAttr(JSON.stringify(actions))}"></template>${inner}`;
-	const snap = snapshot ? encodeSnapshot(runtime.ssrValues) : void 0;
-	unmount();
-	if (!markers) return snap ? `<template data-ilha-state="${escapeAttr(snap)}"></template>${inner}` : inner;
-	return `<div data-ilha${snap ? ` data-ilha-state="${escapeAttr(snap)}"` : ""}>${inner}</div>`;
 };
 
 //#endregion
-export { makeFiber as _, interpret as a, handleOwner as c, structuralEqual as d, untrack as f, getFiber as g, closeFiber as h, runSetup as i, instr as l, clearFiberView as m, renderToString as n, atom as o, wrapHandle as p, unsafe as r, batch as s, mount as t, isAtomHandle as u };
+export { makeFiber as C, getFiber as S, makeRuntime as T, structuralEqual as _, morphInner as a, clearFiberView as b, bindEvents as c, interpret as d, atom as f, isAtomHandle as g, instr as h, insertRendered as i, eventTypeFromProp as l, handleOwner as m, unsafe as n, placeChildren as o, batch as p, committedElement as r, standInFor as s, createPainter as t, runSetup as u, untrack as v, makeRootFiber as w, closeFiber as x, wrapHandle as y };