@but212/atom-effect-jquery 0.30.1 → 0.31.0

package/dist/index.mjs

@@ -65,38 +65,39 @@ var f = (typeof process < "u" && process.env, typeof __DEV__ < "u" && !!__DEV__
 		super(e), this.cause = t, this.recoverable = n, this.code = r, this.name = "AtomError", Error.captureStackTrace && Error.captureStackTrace(this, this.constructor);
 	}
 	getChain() {
-		if (this.cause === null || this.cause === void 0) return [this];
-		let t = [this], n = /* @__PURE__ */ new Set([this]), r = this.cause;
-		for (; r != null;) {
-			let i = n.has(r);
-			if (t.push(r), i) break;
-			if (n.add(r), r instanceof e) r = r.cause;
-			else if (r instanceof Error && "cause" in r) r = r.cause;
+		let t = this.cause;
+		if (t == null) return [this];
+		let n = [this], r = t, i = null;
+		for (; r != null && (n.push(r), !(r === this || i?.has(r)));) {
+			if (r instanceof e) r = r.cause;
+			else if (r instanceof Error) r = r.cause;
 			else break;
+			n.length > 3 && (i === null ? i = new Set(n) : i.add(r));
 		}
-		return t;
+		return n;
 	}
-	toJSON(t = /* @__PURE__ */ new Set()) {
-		if (t.has(this)) return {
+	toJSON(t) {
+		let n = t ?? /* @__PURE__ */ new Set();
+		if (n.has(this)) return {
 			name: this.name,
 			message: "[Circular Reference]",
 			recoverable: this.recoverable,
 			code: this.code
 		};
-		t.add(this);
-		let n = this.cause;
-		return this.cause instanceof e ? n = this.cause.toJSON(t) : this.cause instanceof Error && (n = {
-			name: this.cause.name,
-			message: this.cause.message,
-			stack: this.cause.stack,
-			cause: this.cause.cause
+		n.add(this);
+		let r = this.cause;
+		return r instanceof e ? r = r.toJSON(n) : r instanceof Error && (r = {
+			name: r.name,
+			message: r.message,
+			stack: r.stack,
+			cause: r.cause
 		}), {
 			name: this.name,
 			message: this.message,
 			code: this.code,
 			recoverable: this.recoverable,
 			stack: this.stack,
-			cause: n
+			cause: r
 		};
 	}
 	static format(e, t, n) {
@@ -135,38 +136,22 @@ var f = (typeof process < "u" && process.env, typeof __DEV__ < "u" && !!__DEV__
 	BATCH_CALLBACK_MUST_BE_FUNCTION: "Batch callback must be a function"
 };
 function y(e, t, n) {
-	if (e instanceof m) return new t(m.format(e.name, n, e.message), e, e.recoverable, e.code);
-	if (e instanceof Error) {
-		let r = e.name || e.constructor.name || "Error";
-		return new t(m.format(r, n, e.message), e);
-	}
-	return new t(m.format("Unexpected error", n, String(e)), e);
+	return e instanceof m ? new t(`${e.name} (${n}): ${e.message}`, e, e.recoverable, e.code) : e instanceof Error ? new t(`${e.name || "Error"} (${n}): ${e.message}`, e) : new t(`Unexpected error (${n}): ${String(e)}`, e);
 }
-var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symbol("AtomEffect.Id"), S = /* @__PURE__ */ Symbol("AtomEffect.Type"), C = /* @__PURE__ */ Symbol("AtomEffect.NoDefaultValue"), ee = "[Atom Effect]", w = f ? new class {
+var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symbol("AtomEffect.Id"), S = /* @__PURE__ */ Symbol("AtomEffect.Type"), C = /* @__PURE__ */ Symbol("AtomEffect.NoDefaultValue"), ee = "[Atom Effect]", te = () => {}, w = f ? new class {
 	constructor() {
 		this.enabled = !0, this.warnInfiniteLoop = c.WARN_INFINITE_LOOP, this._updateCounts = /* @__PURE__ */ new Map(), this._nodeRegistry = /* @__PURE__ */ new Map(), this._threshold = c.LOOP_THRESHOLD, this._cleanupScheduled = !1, this.warn = (e, t) => {
 			this.enabled && e && console.warn(`${ee} ${t}`);
 		}, this.registerNode = (e) => {
 			this._nodeRegistry.set(e.id, new WeakRef(e));
 		}, this.attachDebugInfo = (e, t, n, r) => {
-			this.enabled && (Object.defineProperties(e, {
-				[b]: {
-					value: r ?? `${t}_${n}`,
-					configurable: !0
-				},
-				[x]: {
-					value: n,
-					configurable: !0
-				},
-				[S]: {
-					value: t,
-					configurable: !0
-				}
-			}), this.registerNode(e));
+			if (!this.enabled) return;
+			let i = e;
+			i[b] = r ?? `${t}_${n}`, i[x] = n, i[S] = t, this.registerNode(e);
 		}, this.trackUpdate = (e, t) => {
 			if (!this.enabled || !this.warnInfiniteLoop) return;
 			let n = this._updateCounts, r = (n.get(e) ?? 0) + 1;
-			r > this._threshold ? this.warn(!0, `Infinite loop detected for ${t ?? `dependency ${e}`}. Over ${this._threshold} updates in a single execution scope.`) : n.set(e, r), this._cleanupScheduled || (this._cleanupScheduled = !0, Promise.resolve().then(() => {
+			r > this._threshold ? this.warn(!0, `Infinite loop detected for ${t ?? `dependency ${e}`}. Over ${this._threshold} updates in a single execution scope.`) : n.set(e, r), this._cleanupScheduled || (this._cleanupScheduled = !0, queueMicrotask(() => {
 				this._updateCounts.clear(), this._cleanupScheduled = !1;
 			}));
 		}, this.dumpGraph = () => {
@@ -182,31 +167,31 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 			}
 			return e;
 		}, this.getDebugName = (e) => {
-			if (e) return e[b];
+			if (e != null) return e[b];
 		}, this.getDebugType = (e) => {
-			if (e) return e[S];
+			if (e != null) return e[S];
 		};
 	}
 }() : {
 	enabled: !1,
 	warnInfiniteLoop: !1,
-	warn: () => {},
-	registerNode: () => {},
-	attachDebugInfo: () => {},
-	trackUpdate: () => {},
+	warn: te,
+	registerNode: te,
+	attachDebugInfo: te,
+	trackUpdate: te,
 	dumpGraph: () => [],
 	getDebugName: () => {},
 	getDebugType: () => {}
-}, te = 1, ne = () => te++ | 0, re = class {
+}, ne = 1, re = () => ne++ | 0, ie = class {
 	constructor() {
-		this._s0 = null, this._s1 = null, this._s2 = null, this._s3 = null, this._count = 0, this._actualCount = 0, this._overflow = null, this._freeIndices = null;
+		this._count = 0, this._actualCount = 0, this._s0 = null, this._s1 = null, this._s2 = null, this._s3 = null, this._overflow = null, this._freeIndices = null;
 	}
 	_rawWrite(e, t) {
 		if (e < 4) e === 0 ? this._s0 = t : e === 1 ? this._s1 = t : e === 2 ? this._s2 = t : this._s3 = t;
 		else {
 			this._overflow === null && (this._overflow = []);
-			let n = this._overflow, r = e - 4;
-			n[r] = t;
+			let n = this._overflow;
+			n[e - 4] = t;
 		}
 	}
 	_rawAdd(e) {
@@ -220,7 +205,7 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 			let r = n.pop();
 			return t[r] = e, r + 4;
 		}
-		return t.push(e), 4 + t.length - 1;
+		return t.push(e), 3 + t.length;
 	}
 	_rawSwap(e, t) {
 		if (e === t) return;
@@ -234,17 +219,25 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 		return this._count;
 	}
 	getAt(e) {
-		return e < 4 ? e === 0 ? this._s0 : e === 1 ? this._s1 : e === 2 ? this._s2 : this._s3 : this._overflow?.[e - 4] ?? null;
+		if (e < 4) return e === 0 ? this._s0 : e === 1 ? this._s1 : e === 2 ? this._s2 : e === 3 ? this._s3 : null;
+		let t = this._overflow;
+		return t === null ? null : t[e - 4] ?? null;
 	}
 	setAt(e, t) {
 		let n = this.getAt(e);
-		n !== t && (this._rawWrite(e, t), n === null ? this._actualCount++ : t === null && this._actualCount--, t !== null && e >= this._count ? this._count = e + 1 : t === null && this._shrinkPhysicalSizeFrom(e));
+		n !== t && (this._rawWrite(e, t), n === null ? this._actualCount++ : t === null && this._actualCount--, t === null ? this._shrinkPhysicalSizeFrom(e) : e >= this._count && (this._count = e + 1));
 	}
 	_shrinkPhysicalSizeFrom(e) {
-		if (e === this._count - 1) for (this._count--; this._count > 0 && this.getAt(this._count - 1) == null;) this._count--;
+		if (e === this._count - 1) {
+			if (this._count--, this._count > 4) {
+				let e = this._overflow;
+				for (; this._count > 4 && e[this._count - 5] === null;) this._count--;
+			}
+			this._count === 4 && this._s3 === null && (this._count = 3, this._s2 === null && (this._count = 2, this._s1 === null && (this._count = 1, this._s0 === null && (this._count = 0))));
+		}
 	}
 	truncateFrom(e) {
-		e <= 3 && (e <= 0 && this._s0 !== null && (this._onItemRemoved(this._s0), this._s0 = null, this._actualCount--), e <= 1 && this._s1 !== null && (this._onItemRemoved(this._s1), this._s1 = null, this._actualCount--), e <= 2 && this._s2 !== null && (this._onItemRemoved(this._s2), this._s2 = null, this._actualCount--), e <= 3 && this._s3 !== null && (this._onItemRemoved(this._s3), this._s3 = null, this._actualCount--));
+		e <= 3 && (e <= 3 && this._s3 !== null && (this._onItemRemoved(this._s3), this._s3 = null, this._actualCount--), e <= 2 && this._s2 !== null && (this._onItemRemoved(this._s2), this._s2 = null, this._actualCount--), e <= 1 && this._s1 !== null && (this._onItemRemoved(this._s1), this._s1 = null, this._actualCount--), e <= 0 && this._s0 !== null && (this._onItemRemoved(this._s0), this._s0 = null, this._actualCount--));
 		let t = this._overflow;
 		if (t !== null) {
 			let n = e > 4 ? e - 4 : 0, r = t.length;
@@ -283,28 +276,33 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 		let t = this._actualCount;
 		if (t === 0) return;
 		if (t === this._count) {
-			this._s0 != null && e(this._s0), this._s1 != null && e(this._s1), this._s2 != null && e(this._s2), this._s3 != null && e(this._s3);
-			let t = this._overflow;
-			if (t !== null) for (let n = 0, r = t.length; n < r; n++) {
-				let r = t[n];
-				r != null && e(r);
+			if (e(this._s0), t > 1 && (e(this._s1), t > 2 && (e(this._s2), t > 3 && (e(this._s3), t > 4)))) {
+				let t = this._overflow;
+				for (let n = 0, r = t.length; n < r; n++) e(t[n]);
 			}
 			return;
 		}
-		let n = 0, r = this._count;
-		for (let i = 0; i < r; i++) {
-			let r = this.getAt(i);
-			if (r != null && (e(r), ++n >= t)) break;
+		let n = 0;
+		if (this._s0 !== null && (e(this._s0), ++n >= t) || this._s1 !== null && (e(this._s1), ++n >= t) || this._s2 !== null && (e(this._s2), ++n >= t) || this._s3 !== null && (e(this._s3), ++n >= t)) return;
+		let r = this._overflow;
+		if (r !== null) for (let i = 0, a = r.length; i < a; i++) {
+			let a = r[i];
+			if (a != null && (e(a), ++n >= t)) return;
 		}
 	}
 	compact() {
-		if (this._actualCount === this._count) return;
-		let e = 0, t = this._count;
-		for (let n = 0; n < t; n++) {
-			let t = this.getAt(n);
-			t != null && (n !== e && (this._rawWrite(e, t), this._rawWrite(n, null)), e++);
+		let e = this._actualCount;
+		if (e === this._count) return;
+		if (e === 0) {
+			this.clear();
+			return;
 		}
-		this._count = this._actualCount, this._overflow !== null && (e <= 4 ? this._overflow = null : this._overflow.length = e - 4), this._freeIndices = null;
+		let t = 0, n = this._count;
+		for (let r = 0; r < n; r++) {
+			let n = this.getAt(r);
+			if (n !== null && (r !== t && (this._rawWrite(t, n), this._rawWrite(r, null)), t++, t === e)) break;
+		}
+		this._count = e, this._overflow !== null && (t <= 4 ? this._overflow = null : this._overflow.length = t - 4), this._freeIndices = null;
 	}
 	clear() {
 		this._s0 = this._s1 = this._s2 = this._s3 = null, this._count = 0, this._actualCount = 0, this._overflow = null, this._freeIndices = null;
@@ -312,7 +310,7 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 	dispose() {
 		this.clear();
 	}
-}, ie = class extends re {
+}, ae = class extends ie {
 	constructor(...e) {
 		super(...e), this._map = null, this._SCAN_THRESHOLD = 32, this.hasComputeds = !1;
 	}
@@ -324,26 +322,40 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 	}
 	setAt(e, t) {
 		let n = this.getAt(e);
-		super.setAt(e, t), this._map !== null && (n?.unsub && this._map.delete(n.node), t?.unsub && this._map.set(t.node, e));
+		super.setAt(e, t), this._map !== null && (n !== null && this._map.delete(n.node), t !== null && this._map.set(t.node, e));
 	}
 	claimExisting(e, t) {
 		let n = this._count;
 		if (n <= t) return !1;
-		let r = this.getAt(t);
-		if (r && r.node === e && r.unsub) return r.version = e.version, !0;
+		let r = null;
+		if (r = t < 4 ? t === 0 ? this._s0 : t === 1 ? this._s1 : t === 2 ? this._s2 : this._s3 : this._overflow[t - 4] ?? null, r && r.node === e && r.unsub) return r.version = e.version, !0;
 		if (this._map !== null || n - t > this._SCAN_THRESHOLD) return this._claimViaMap(e, t);
-		for (let r = t + 1; r < n; r++) {
-			let n = this.getAt(r);
-			if (n && n.node === e && n.unsub) return n.version = e.version, this._rawSwap(r, t), !0;
+		let i = -1, a = null, o = t + 1;
+		for (; o < 4 && o < n; o++) {
+			let t = o === 1 ? this._s1 : o === 2 ? this._s2 : this._s3;
+			if (t && t.node === e && t.unsub) {
+				i = o, a = t;
+				break;
+			}
 		}
-		return !1;
+		if (i === -1 && o < n) {
+			let t = this._overflow;
+			for (let r = o - 4, s = n - 4; r < s; r++) {
+				let n = t[r];
+				if (n && n.node === e && n.unsub) {
+					i = r + 4, a = n;
+					break;
+				}
+			}
+		}
+		return i === -1 ? !1 : (a.version = e.version, this._rawWrite(t, a), this._rawWrite(i, r), !0);
 	}
 	_claimViaMap(e, t) {
 		this._map === null && (this._map = this._initMap());
 		let n = this._map, r = n.get(e);
 		if (r === void 0 || r < t) return !1;
 		let i = this.getAt(r);
-		if (i == null || !i.unsub) return !1;
+		if (i === null || !i.unsub) return !1;
 		if (i.version = e.version, r !== t) {
 			let i = this.getAt(t);
 			this._rawSwap(r, t), n.set(e, t), i?.unsub && n.set(i.node, r);
@@ -352,19 +364,27 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 	}
 	_initMap() {
 		let e = /* @__PURE__ */ new Map();
-		for (let t = 0; t < this._count; t++) {
-			let n = this.getAt(t);
-			n?.unsub && e.set(n.node, t);
+		this._s0?.unsub && e.set(this._s0.node, 0), this._s1?.unsub && e.set(this._s1.node, 1), this._s2?.unsub && e.set(this._s2.node, 2), this._s3?.unsub && e.set(this._s3.node, 3);
+		let t = this._overflow;
+		if (t !== null) for (let n = 0, r = t.length; n < r; n++) {
+			let r = t[n];
+			r?.unsub && e.set(r.node, n + 4);
 		}
 		return e;
 	}
 	insertNew(e, t) {
-		let n = this.getAt(e);
+		let n = null;
+		if (e < 4) e === 0 ? (n = this._s0, this._s0 = t) : e === 1 ? (n = this._s1, this._s1 = t) : e === 2 ? (n = this._s2, this._s2 = t) : (n = this._s3, this._s3 = t);
+		else {
+			this._overflow === null && (this._overflow = []);
+			let r = this._overflow;
+			n = r[e - 4] ?? null, r[e - 4] = t;
+		}
 		if (n !== null) {
 			let e = this._rawAdd(n);
 			e >= this._count && (this._count = e + 1), this._map !== null && n.unsub && this._map.set(n.node, e);
 		}
-		this._rawWrite(e, t), e >= this._count && (this._count = e + 1), this._actualCount++, this._map !== null && t.unsub && this._map.set(t.node, e);
+		e >= this._count && (this._count = e + 1), this._actualCount++, this._map !== null && t.unsub && this._map.set(t.node, e);
 	}
 	add(e) {
 		let t = super.add(e);
@@ -386,38 +406,40 @@ var b = /* @__PURE__ */ Symbol("AtomEffect.DebugName"), x = /* @__PURE__ */ Symb
 	Computed: 4,
 	Effect: 8
 };
-function ae(e, t) {
-	if (!e) return !1;
-	let n = typeof e;
-	return (n === "object" || n === "function") && !!((e[T] ?? 0) & t);
-}
-function oe(e) {
-	return ae(e, E.Atom);
+function oe(e, t) {
+	return !e || typeof e != "object" && typeof e != "function" ? !1 : !!(e[T] & t);
 }
 function se(e) {
-	return ae(e, E.Computed);
+	return oe(e, E.Atom);
 }
 function ce(e) {
-	if (e instanceof Promise) return !0;
-	if (!e) return !1;
-	let t = typeof e;
-	return (t === "object" || t === "function") && typeof e.then == "function";
+	return oe(e, E.Computed);
 }
-var le = class {
+function le(e) {
+	return e instanceof Promise ? !0 : typeof e != "object" || !e ? !1 : typeof e.then == "function";
+}
+var ue = class {
 	constructor(e, t, n = void 0) {
 		this.node = e, this.version = t, this.unsub = n;
 	}
-}, ue = class {
+}, de = class {
 	constructor(e = void 0, t = void 0) {
 		this.fn = e, this.sub = t;
 	}
 	notify(e, t) {
-		O(() => {
-			let n = this.fn;
-			n !== void 0 && n(e, t);
-			let r = this.sub;
-			r !== void 0 && r.execute();
-		});
+		let n = this.fn, r = this.sub;
+		if (n === void 0 && r === void 0) return;
+		let i = D, a = i.current;
+		if (a === null) {
+			n !== void 0 && n(e, t), r !== void 0 && r.execute();
+			return;
+		}
+		i.current = null;
+		try {
+			n !== void 0 && n(e, t), r !== void 0 && r.execute();
+		} finally {
+			i.current = a;
+		}
 	}
 }, D = new class {
 	constructor() {
@@ -428,8 +450,9 @@ var le = class {
 		let n = this.current;
 		this.current = e;
 		try {
+			if (!f) return t();
 			let e = t();
-			return f && w.warn(ce(e), "Detected Promise returned within tracking context. Dependencies accessed after \"await\" will NOT be tracked. Consider using synchronous tracking before the async boundary."), e;
+			return w.warn(le(e), "Detected Promise returned within tracking context. Dependencies accessed after \"await\" will NOT be tracked. Consider using synchronous tracking before the async boundary."), e;
 		} finally {
 			this.current = n;
 		}
@@ -445,9 +468,9 @@ function O(e) {
 		t.current = n;
 	}
 }
-var de = class {
+var fe = class {
 	constructor() {
-		this.flags = 0, this.version = 0, this._lastSeenEpoch = u.UNINITIALIZED, this._nextEpoch = void 0, this._notifying = 0, this._hotIndex = -1, this._slots = null, this._deps = null, this.id = ne() & s;
+		this.flags = 0, this.version = 0, this._lastSeenEpoch = u.UNINITIALIZED, this._notifying = 0, this._hotIndex = -1, this.id = re() & s, this._nextEpoch = void 0, this._slots = null, this._deps = null;
 	}
 	get isDisposed() {
 		return (this.flags & i.DISPOSED) !== 0;
@@ -460,31 +483,39 @@ var de = class {
 	}
 	subscribe(e) {
 		let t = typeof e == "function";
-		if (!t && (!e || typeof e.execute != "function")) throw y(/* @__PURE__ */ TypeError("Invalid subscriber"), m, v.ATOM_SUBSCRIBER_MUST_BE_FUNCTION);
+		if (!t && (e === null || typeof e.execute != "function")) throw y(/* @__PURE__ */ TypeError("Invalid subscriber"), m, v.ATOM_SUBSCRIBER_MUST_BE_FUNCTION);
 		let n = this._slots;
-		n || (n = new re(), this._slots = n);
-		let r = !1;
-		if (n._s0 != null && (t ? n._s0.fn === e : n._s0.sub === e)) r = !0;
-		else if (n._s1 != null && (t ? n._s1.fn === e : n._s1.sub === e)) r = !0;
-		else if (n._s2 != null && (t ? n._s2.fn === e : n._s2.sub === e)) r = !0;
-		else if (n._s3 != null && (t ? n._s3.fn === e : n._s3.sub === e)) r = !0;
-		else {
-			let i = n._overflow;
-			if (i != null) for (let n = 0, a = i.length; n < a; n++) {
-				let a = i[n];
-				if (a != null && (t ? a.fn === e : a.sub === e)) {
-					r = !0;
-					break;
+		if (n === null && (n = new ie(), this._slots = n), n.size > 0) {
+			let r = !1;
+			if (n._s0 !== null && (n._s0.fn === e || n._s0.sub === e) || n._s1 !== null && (n._s1.fn === e || n._s1.sub === e) || n._s2 !== null && (n._s2.fn === e || n._s2.sub === e) || n._s3 !== null && (n._s3.fn === e || n._s3.sub === e)) r = !0;
+			else {
+				let i = n._overflow;
+				if (i !== null) {
+					let n = i.length;
+					if (t) for (let t = 0; t < n; t++) {
+						let n = i[t];
+						if (n !== null && n?.fn === e) {
+							r = !0;
+							break;
+						}
+					}
+					else for (let t = 0; t < n; t++) {
+						let n = i[t];
+						if (n !== null && n?.sub === e) {
+							r = !0;
+							break;
+						}
+					}
 				}
 			}
+			if (r) return f && console.warn(`[atom-effect] Duplicate subscription ignored on node ${this.id}`), () => {};
 		}
-		if (r) return f && console.warn(`[atom-effect] Duplicate subscription ignored on node ${this.id}`), () => {};
-		let i = new ue(t ? e : void 0, t ? void 0 : e);
-		return n.add(i), () => this._unsubscribe(i);
+		let r = new de(t ? e : void 0, t ? void 0 : e);
+		return n.add(r), () => this._unsubscribe(r);
 	}
 	_unsubscribe(e) {
 		let t = this._slots;
-		t && (t.remove(e), this._notifying === 0 && t.compact());
+		t !== null && (t.remove(e), this._notifying === 0 && t.compact());
 	}
 	subscriberCount() {
 		let e = this._slots;
@@ -495,32 +526,31 @@ var de = class {
 		if (!(n === null || n.size === 0)) {
 			this._notifying++;
 			try {
-				let r = n._s0;
-				if (r != null) try {
-					r.notify(e, t);
+				if (n._s0 !== null) try {
+					n._s0.notify(e, t);
 				} catch (e) {
 					this._logNotifyError(e);
 				}
-				if (r = n._s1, r != null) try {
-					r.notify(e, t);
+				if (n._s1 !== null) try {
+					n._s1.notify(e, t);
 				} catch (e) {
 					this._logNotifyError(e);
 				}
-				if (r = n._s2, r != null) try {
-					r.notify(e, t);
+				if (n._s2 !== null) try {
+					n._s2.notify(e, t);
 				} catch (e) {
 					this._logNotifyError(e);
 				}
-				if (r = n._s3, r != null) try {
-					r.notify(e, t);
+				if (n._s3 !== null) try {
+					n._s3.notify(e, t);
 				} catch (e) {
 					this._logNotifyError(e);
 				}
-				let i = n._overflow;
-				if (i != null) for (let n = 0, r = i.length; n < r; n++) {
-					let r = i[n];
-					if (r != null) try {
-						r.notify(e, t);
+				let r = n._overflow;
+				if (r !== null) for (let n = 0, i = r.length; n < i; n++) {
+					let i = r[n];
+					if (i !== null) try {
+						i?.notify(e, t);
 					} catch (e) {
 						this._logNotifyError(e);
 					}
@@ -539,38 +569,38 @@ var de = class {
 		let t = this._hotIndex;
 		if (t !== -1) {
 			let n = e.getAt(t);
-			if (n != null && n.node.version !== n.version) return !0;
+			if (n !== null && n.node.version !== n.version) return !0;
 		}
 		return this._deepDirtyCheck();
 	}
-}, fe = 0;
-function pe() {
-	let e = fe + 1 & s;
-	return fe = e === 0 ? 1 : e, fe;
+}, pe = 0;
+function me() {
+	let e = pe + 1 & s;
+	return pe = e === 0 ? 1 : e, pe;
 }
-function me(e) {
+function he(e) {
 	let t = e + 1 & s;
 	return t === 0 ? 1 : t;
 }
-var he = 0, ge = !1, _e = 0;
-function ve() {
-	return _e;
-}
+var ge = 0, _e = !1, ve = 0;
 function ye() {
-	return ge ? (f && console.warn("startFlush() called during flush - ignored"), !1) : (ge = !0, _e = pe(), he = 0, !0);
+	return ve;
 }
 function be() {
-	ge = !1;
+	return _e ? (f && console.warn("startFlush() called during flush - ignored"), !1) : (_e = !0, ve = me(), ge = 0, !0);
 }
 function xe() {
-	if (!ge) return 0;
-	let e = ++he;
+	_e = !1;
+}
+function Se() {
+	if (!_e) return 0;
+	let e = ++ge;
 	if (e <= o.MAX_EXECUTIONS_PER_FLUSH) return e;
 	throw Error(`[atom-effect] Infinite loop detected: flush execution count exceeded ${o.MAX_EXECUTIONS_PER_FLUSH}`);
 }
 var k = new class {
 	constructor() {
-		this._queueBuffer = [[], []], this._bufferIndex = 0, this._size = 0, this._epoch = 0, this._isProcessing = !1, this._isFlushingSync = !1, this._batchDepth = 0, this._batchQueue = [], this._batchQueueSize = 0, this._maxFlushIterations = o.MAX_FLUSH_ITERATIONS, this.onOverflow = null, this._boundRunLoop = this._runLoop.bind(this);
+		this._bufferIndex = 0, this._size = 0, this._epoch = 0, this._batchDepth = 0, this._batchQueueSize = 0, this._maxFlushIterations = o.MAX_FLUSH_ITERATIONS, this._isProcessing = !1, this._isFlushingSync = !1, this._buffer0 = [], this._buffer1 = [], this._batchQueue = [], this.onOverflow = null, this._boundRunLoop = this._runLoop.bind(this);
 	}
 	get queueSize() {
 		return this._size + this._batchQueueSize;
@@ -586,17 +616,17 @@ var k = new class {
 			this._batchQueue[this._batchQueueSize++] = e;
 			return;
 		}
-		let n = this._queueBuffer[this._bufferIndex];
+		let n = this._bufferIndex === 0 ? this._buffer0 : this._buffer1;
 		n[this._size++] = e, this._isProcessing || this._flush();
 	}
 	_flush() {
-		this._isProcessing || this._size === 0 || (this._isProcessing = !0, queueMicrotask(this._boundRunLoop));
+		this._isProcessing || this._size === 0 && this._batchQueueSize === 0 || (this._isProcessing = !0, queueMicrotask(this._boundRunLoop));
 	}
 	_runLoop() {
 		try {
 			if (this._size === 0 && this._batchQueueSize === 0) return;
-			let e = ye();
-			this._drainQueue(), e && be();
+			let e = be();
+			this._drainQueue(), e && xe();
 		} finally {
 			this._isProcessing = !1;
 		}
@@ -605,18 +635,17 @@ var k = new class {
 		if (this._size === 0 && this._batchQueueSize === 0) return;
 		let e = this._isFlushingSync;
 		this._isFlushingSync = !0;
-		let t = ye();
+		let t = be();
 		try {
 			this._mergeBatchQueue(), this._drainQueue();
 		} finally {
-			this._isFlushingSync = e, t && be();
+			this._isFlushingSync = e, t && xe();
 		}
 	}
 	_mergeBatchQueue() {
 		let e = this._batchQueueSize;
 		if (e === 0) return;
-		this._epoch = this._epoch + 1 | 0;
-		let t = this._epoch, n = this._batchQueue, r = this._queueBuffer[this._bufferIndex], i = this._size;
+		let t = ++this._epoch | 0, n = this._batchQueue, r = this._bufferIndex === 0 ? this._buffer0 : this._buffer1, i = this._size;
 		for (let a = 0; a < e; a++) {
 			let e = n[a];
 			e._nextEpoch !== t && (e._nextEpoch = t, r[i++] = e), n[a] = void 0;
@@ -634,7 +663,7 @@ var k = new class {
 		}
 	}
 	_processQueue() {
-		let e = this._bufferIndex, t = this._queueBuffer[e], n = this._size;
+		let e = this._bufferIndex, t = e === 0 ? this._buffer0 : this._buffer1, n = this._size;
 		this._bufferIndex = e ^ 1, this._size = 0, this._epoch = this._epoch + 1 | 0;
 		for (let e = 0; e < n; e++) {
 			let n = t[e];
@@ -648,7 +677,7 @@ var k = new class {
 	}
 	_handleFlushOverflow() {
 		let e = this._size + this._batchQueueSize;
-		console.error(new _(v.SCHEDULER_FLUSH_OVERFLOW(this._maxFlushIterations, e))), this._size = 0, this._queueBuffer[0].length = 0, this._queueBuffer[1].length = 0, this._batchQueueSize = 0, this._batchQueue.length = 0;
+		console.error(new _(v.SCHEDULER_FLUSH_OVERFLOW(this._maxFlushIterations, e))), this._size = 0, this._buffer0.length = 0, this._buffer1.length = 0, this._batchQueueSize = 0, this._batchQueue.length = 0;
 		let t = this.onOverflow;
 		if (t) try {
 			t(e);
@@ -669,7 +698,7 @@ var k = new class {
 		this._maxFlushIterations = e;
 	}
 }();
-function Se(e) {
+function Ce(e) {
 	if (f && typeof e != "function") throw TypeError(v.BATCH_CALLBACK_MUST_BE_FUNCTION);
 	k.startBatch();
 	try {
@@ -678,9 +707,25 @@ function Se(e) {
 		k.endBatch();
 	}
 }
-var Ce = class extends de {
+var we = null;
+function Te(e) {
+	return e ? new Promise((t, n) => {
+		k.schedule(() => {
+			try {
+				e(), t();
+			} catch (e) {
+				n(e);
+			}
+		});
+	}) : we || (we = new Promise((e) => {
+		k.schedule(() => {
+			we = null, e();
+		});
+	}), we);
+}
+var Ee = class extends fe {
 	constructor(e, t) {
-		super(), this[T] = E.Atom | E.Writable, this._value = e, this._equal = t.equal ?? Object.is, t.sync && (this.flags |= a.SYNC), w.attachDebugInfo(this, "atom", this.id, t.name);
+		super(), this[T] = E.Atom | E.Writable, this._value = e, this._equal = t.equal ?? Object.is, t.sync && (this.flags |= a.SYNC), f && w.attachDebugInfo(this, "atom", this.id, t.name);
 	}
 	get isNotificationScheduled() {
 		return (this.flags & a.NOTIFICATION_SCHEDULED) !== 0;
@@ -693,41 +738,50 @@ var Ce = class extends de {
 	}
 	set value(e) {
 		let t = this._value;
-		if (this._equal(t, e) || (this._value = e, this.version = me(this.version), w.trackUpdate(this.id, w.getDebugName(this)), (this.flags & a.NOTIFICATION_SCHEDULED) !== 0)) return;
-		let n = this._slots;
-		n == null || n.size === 0 || (this._pendingOldValue = t, this.flags |= a.NOTIFICATION_SCHEDULED, (this.flags & a.SYNC) !== 0 && !k.isBatching ? this._notifying === 0 && this._flushNotifications() : k.schedule(this));
+		if (this._equal(t, e)) return;
+		this._value = e, this.version = he(this.version), f && w.trackUpdate(this.id, w.getDebugName(this));
+		let n = this.flags, r = a.NOTIFICATION_SCHEDULED;
+		if ((n & r) !== 0) return;
+		let i = this._slots;
+		if (i === null || i.size === 0) return;
+		this._pendingOldValue = t;
+		let o = n | r;
+		if (this.flags = o, (o & a.SYNC) !== 0 && !k.isBatching) {
+			this._notifying === 0 && this._flushNotifications();
+			return;
+		}
+		k.schedule(this);
 	}
 	execute() {
 		this._flushNotifications();
 	}
 	_flushNotifications() {
-		let e = a.NOTIFICATION_SCHEDULED, t = a.DISPOSED, n = a.SYNC;
-		for (; (this.flags & (e | t)) === e;) {
+		let e = a.NOTIFICATION_SCHEDULED, t = a.DISPOSED, n = a.SYNC, r = e | t, i = this.flags;
+		for (; (i & r) === e;) {
 			let t = this._pendingOldValue;
-			if (this._pendingOldValue = void 0, this.flags &= ~e, this._equal(this._value, t) || this._notifySubscribers(this._value, t), (this.flags & n) === 0 || k.isBatching) break;
+			this._pendingOldValue = void 0, this.flags = i &= ~e;
+			let r = this._value;
+			if (this._equal(r, t) || this._notifySubscribers(r, t), i = this.flags, (i & n) === 0 || k.isBatching) break;
 		}
 	}
 	peek() {
 		return this._value;
 	}
 	dispose() {
-		let e = this.flags;
-		(e & a.DISPOSED) === 0 && (this._slots?.clear(), this.flags = e | a.DISPOSED, this._value = void 0, this._pendingOldValue = void 0, this._equal = Object.is);
+		let e = this.flags, t = a.DISPOSED;
+		(e & t) === 0 && (this.flags = e | t, this._slots?.clear(), this._value = void 0, this._pendingOldValue = void 0, this._equal = Object.is);
 	}
 	_deepDirtyCheck() {
 		return !1;
 	}
-	[Symbol.dispose]() {
-		this.dispose();
-	}
 };
-function we(e, t = {}) {
-	return new Ce(e, t);
+function De(e, t = {}) {
+	return new Ee(e, t);
 }
-var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Te, RECOMPUTING: F, DISPOSED: Ee, IS_COMPUTED: I, FORCE_COMPUTE: De } = i, Oe = class extends de {
+var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Oe, RECOMPUTING: F, DISPOSED: ke, IS_COMPUTED: I, FORCE_COMPUTE: Ae } = i, je = class extends fe {
 	constructor(e, t = {}) {
 		if (typeof e != "function") throw new h(v.COMPUTED_MUST_BE_FUNCTION);
-		if (super(), this[T] = E.Atom | E.Computed, this._error = null, this._promiseId = 0, this._deps = new ie(), this._trackEpoch = u.UNINITIALIZED, this._trackCount = 0, this._value = void 0, this.flags = I | j | A, this._equal = t.equal ?? Object.is, this._fn = e, this._defaultValue = "defaultValue" in t ? t.defaultValue : C, this._onError = t.onError ?? null, w.attachDebugInfo(this, "computed", this.id, t.name), t.lazy === !1) try {
+		if (super(), this[T] = E.Atom | E.Computed, this._promiseId = 0, this._trackEpoch = u.UNINITIALIZED, this._trackCount = 0, this._error = null, this._deps = new ae(), this._value = void 0, this.flags = I | j | A, this._equal = t.equal ?? Object.is, this._computation = e, this._defaultValue = "defaultValue" in t ? t.defaultValue : C, this._onError = t.onError ?? null, w.attachDebugInfo(this, "computed", this.id, t.name), t.lazy === !1) try {
 			this._recompute();
 		} catch {}
 	}
@@ -740,33 +794,28 @@ var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Te, RE
 	get isRecomputing() {
 		return (this.flags & F) !== 0;
 	}
-	get _hasErrorInternal() {
-		return (this.flags & Te) !== 0;
-	}
-	_track() {
-		D.current?.addDependency(this);
-	}
 	get value() {
-		D.current?.addDependency(this);
-		let e = this.flags;
-		if ((e & (N | j | A)) === N) return this._value;
-		if ((e & Ee) !== 0) throw new h(v.COMPUTED_DISPOSED);
-		if ((e & F) !== 0) {
+		let e = D.current;
+		e !== null && e.addDependency(this);
+		let t = this.flags;
+		if ((t & (N | j | A | ke | F)) === N) return this._value;
+		if ((t & ke) !== 0) throw new h(v.COMPUTED_DISPOSED);
+		if ((t & F) !== 0) {
 			let e = this._defaultValue;
 			if (e !== C) return e;
 			throw new h(v.COMPUTED_CIRCULAR_DEPENDENCY);
 		}
-		if ((e & (j | A)) !== 0) {
-			let t = this._deps;
-			if ((e & A) === 0 && (e & De) === 0 && t.size > 0 && !this._isDirty() ? e = this.flags &= ~j : (this._recompute(), e = this.flags), (e & N) !== 0) return this._value;
+		if ((t & (j | A)) !== 0) {
+			let e = this._deps;
+			if ((t & (A | Ae)) !== 0 || e.size === 0 || this._isDirty() ? this._recompute() : this.flags &= ~j, (this.flags & N) !== 0) return this._value;
 		}
-		let t = this._defaultValue, n = t !== C;
-		if ((e & M) !== 0) {
-			if (n) return t;
+		let n = this._defaultValue, r = n !== C;
+		if ((this.flags & M) !== 0) {
+			if (r) return n;
 			throw new h(v.COMPUTED_ASYNC_PENDING_NO_DEFAULT);
 		}
-		if ((e & P) !== 0) {
-			if (n) return t;
+		if ((this.flags & P) !== 0) {
+			if (r) return n;
 			throw this._error;
 		}
 		return this._value;
@@ -775,16 +824,18 @@ var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Te, RE
 		return this._value;
 	}
 	get state() {
-		D.current?.addDependency(this);
-		let e = this.flags;
-		return (e & N) === 0 ? (e & M) === 0 ? (e & P) === 0 ? n.IDLE : n.REJECTED : n.PENDING : n.RESOLVED;
+		let e = D.current;
+		e !== null && e.addDependency(this);
+		let t = this.flags;
+		return (t & N) === 0 ? (t & M) === 0 ? (t & P) === 0 ? n.IDLE : n.REJECTED : n.PENDING : n.RESOLVED;
 	}
 	get hasError() {
-		if (D.current?.addDependency(this), (this.flags & (P | Te)) !== 0) return !0;
-		let e = this._deps;
-		return e.hasComputeds ? O(() => {
-			let t = e.size;
-			for (let n = 0; n < t; n++) if (e.getAt(n)?.node.hasError) return !0;
+		let e = D.current;
+		if (e !== null && e.addDependency(this), (this.flags & (P | Oe)) !== 0) return !0;
+		let t = this._deps;
+		return t.hasComputeds ? O(() => {
+			let e = t.size;
+			for (let n = 0; n < e; n++) if (t.getAt(n)?.node.hasError) return !0;
 			return !1;
 		}) : !1;
 	}
@@ -792,66 +843,72 @@ var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Te, RE
 		return !this.hasError;
 	}
 	get errors() {
-		D.current?.addDependency(this);
-		let e = this._error, t = this._deps;
-		if (!t.hasComputeds) return e == null ? p : Object.freeze([e]);
-		let n = [];
-		return e != null && n.push(e), O(() => {
-			let e = t.size;
-			for (let r = 0; r < e; r++) {
-				let e = t.getAt(r)?.node;
-				e != null && (e.flags & I) !== 0 && this._accumulateErrors(e, n);
+		let e = D.current;
+		e !== null && e.addDependency(this);
+		let t = this._error, n = this._deps;
+		if (!n.hasComputeds) return t === null ? p : Object.freeze([t]);
+		let r = [];
+		return t !== null && r.push(t), O(() => {
+			let e = n.size;
+			for (let t = 0; t < e; t++) {
+				let e = n.getAt(t)?.node;
+				e !== void 0 && (e.flags & I) !== 0 && this._accumulateErrors(e, r);
 			}
-		}), n.length === 0 ? p : Object.freeze(n);
+		}), r.length === 0 ? p : Object.freeze(r);
 	}
 	_accumulateErrors(e, t) {
 		let n = e._error;
-		n != null && !t.includes(n) && t.push(n);
+		n !== null && !t.includes(n) && t.push(n);
 		let r = e._deps;
 		if (!r.hasComputeds) return;
 		let i = r.size;
 		for (let e = 0; e < i; e++) {
 			let n = r.getAt(e)?.node;
-			n != null && (n.flags & I) !== 0 && this._accumulateErrors(n, t);
+			n !== void 0 && (n.flags & I) !== 0 && this._accumulateErrors(n, t);
 		}
 	}
 	get lastError() {
-		return D.current?.addDependency(this), this._error;
+		let e = D.current;
+		return e !== null && e.addDependency(this), this._error;
 	}
 	get isPending() {
-		return D.current?.addDependency(this), (this.flags & M) !== 0;
+		let e = D.current;
+		return e !== null && e.addDependency(this), (this.flags & M) !== 0;
 	}
 	get isResolved() {
-		return D.current?.addDependency(this), (this.flags & N) !== 0;
+		let e = D.current;
+		return e !== null && e.addDependency(this), (this.flags & N) !== 0;
 	}
 	invalidate() {
-		this.flags |= De, this._markDirty();
+		this.flags |= Ae, this._markDirty();
 	}
 	dispose() {
-		(this.flags & Ee) === 0 && (this._deps.disposeAll(), this._slots != null && this._slots.clear(), this.flags = Ee | j | A, this._error = null, this._value = void 0, this._hotIndex = -1);
-	}
-	[Symbol.dispose]() {
-		this.dispose();
+		(this.flags & ke) === 0 && (this._deps.disposeAll(), this._slots !== null && this._slots.clear(), this.flags = ke | j | A, this._error = null, this._value = void 0, this._hotIndex = -1);
 	}
 	addDependency(e) {
 		let t = this._trackEpoch;
 		if (e._lastSeenEpoch === t) return;
 		e._lastSeenEpoch = t;
-		let n = this._trackCount++, r = this._deps, i = r.getAt(n);
-		if (i != null && i.node === e) i.version = e.version;
+		let n = this._trackCount++, r = this._deps, i = null;
+		if (n < 4) i = n === 0 ? r._s0 : n === 1 ? r._s1 : n === 2 ? r._s2 : r._s3;
+		else {
+			let e = r._overflow;
+			e !== null && (i = e[n - 4] ?? null);
+		}
+		if (i !== null && i.node === e) i.version = e.version;
 		else if (!r.claimExisting(e, n)) {
-			let t = new le(e, e.version, e.subscribe(this));
+			let t = new ue(e, e.version, e.subscribe(this));
 			r.insertNew(n, t);
 		}
 		(e.flags & I) !== 0 && (r.hasComputeds = !0);
 	}
 	_recompute() {
-		if (this.isRecomputing) return;
-		this.flags = (this.flags | F) & ~De, this._trackEpoch = pe(), this._trackCount = 0, this._deps.prepareTracking(), this._hotIndex = -1;
+		if ((this.flags & F) !== 0) return;
+		this.flags = (this.flags | F) & ~Ae, this._trackEpoch = me(), this._trackCount = 0, this._deps.prepareTracking(), this._hotIndex = -1;
 		let e = !1;
 		try {
-			let t = D.run(this, this._fn);
-			this._deps.truncateFrom(this._trackCount), e = !0, ce(t) ? this._handleAsyncComputation(t) : this._finalizeResolution(t);
+			let t = D.run(this, this._computation);
+			this._deps.truncateFrom(this._trackCount), e = !0, le(t) ? this._handleAsyncComputation(t) : this._finalizeResolution(t);
 		} catch (t) {
 			if (!e) try {
 				this._deps.truncateFrom(this._trackCount);
@@ -875,7 +932,7 @@ var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Te, RE
 	}
 	_handleError(e, t, n = !1) {
 		let r = y(e, h, t);
-		if ((!this.isRejected || this._error !== r) && (this.version = me(this.version)), this._error = r, this.flags = this.flags & ~(A | j | M | N) | P | Te, this._onError) try {
+		if ((!this.isRejected || this._error !== r) && (this.version = he(this.version)), this._error = r, this.flags = this.flags & ~(A | j | M | N) | P | Oe, this._onError) try {
 			this._onError(r);
 		} catch (e) {
 			console.error(v.CALLBACK_ERROR_IN_ERROR_HANDLER, e);
@@ -884,7 +941,7 @@ var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Te, RE
 	}
 	_finalizeResolution(e) {
 		let t = this.flags;
-		((t & N) === 0 || !this._equal(this._value, e)) && (this.version = me(this.version)), this._value = e, this._error = null, this.flags = (t | N) & ~(A | j | M | P | Te);
+		((t & N) === 0 || !this._equal(this._value, e)) && (this.version = he(this.version)), this._value = e, this._error = null, this.flags = (t | N) & ~(A | j | M | P | Oe);
 	}
 	execute() {
 		this._markDirty();
@@ -894,30 +951,36 @@ var { IDLE: A, DIRTY: j, PENDING: M, RESOLVED: N, REJECTED: P, HAS_ERROR: Te, RE
 		(e & (F | j)) === 0 && (this.flags = e | j, w.trackUpdate(this.id, w.getDebugName(this)), this._notifySubscribers(void 0, void 0));
 	}
 	_deepDirtyCheck() {
-		let e = this._deps;
+		let e = this._deps, t = e.size, n = this._hotIndex;
 		return O(() => {
-			let t = e.size;
-			for (let n = 0; n < t; n++) {
+			if (n !== -1 && n < t) {
 				let t = e.getAt(n);
-				if (t == null) continue;
-				let r = t.node;
-				if ((r.flags & I) !== 0) try {
-					r.value;
-				} catch {
-					f && console.warn(`[atom-effect] Dependency #${r.id} threw during dirty check`);
-				}
-				if (r.version !== t.version) return this._hotIndex = n, !0;
+				if (t !== null && this._checkLinkDirty(t)) return !0;
+			}
+			for (let r = 0; r < t; r++) {
+				if (r === n) continue;
+				let t = e.getAt(r);
+				if (t !== null && this._checkLinkDirty(t)) return this._hotIndex = r, !0;
 			}
 			return this._hotIndex = -1, !1;
 		});
 	}
+	_checkLinkDirty(e) {
+		let t = e.node;
+		if ((t.flags & I) !== 0) try {
+			t.value;
+		} catch {
+			f && console.warn(`[atom-effect] Dependency #${t.id} threw during check`);
+		}
+		return t.version !== e.version;
+	}
 };
-function L(e, t = {}) {
-	return new Oe(e, t);
+function Me(e, t = {}) {
+	return new je(e, t);
 }
-var ke = class extends de {
+var Ne = class extends fe {
 	constructor(e, t = {}) {
-		super(), this[T] = E.Effect, this._cleanup = null, this._deps = new ie(), this._currentEpoch = u.UNINITIALIZED, this._lastFlushEpoch = u.UNINITIALIZED, this._fn = e, this._onError = t.onError ?? null, this._sync = t.sync ?? !1, this._maxExecutions = t.maxExecutionsPerSecond ?? o.MAX_EXECUTIONS_PER_SECOND, this._maxExecutionsPerFlush = t.maxExecutionsPerFlush ?? o.MAX_EXECUTIONS_PER_EFFECT, this._executionsInEpoch = 0, this._executionCount = 0, this._windowStart = 0, this._windowCount = 0, this._execId = 0, this._trackCount = 0, this._sync ? this._notifyCallback = () => this.execute() : this._notifyCallback = () => k.schedule(this), w.attachDebugInfo(this, "effect", this.id, t.name);
+		super(), this[T] = E.Effect, this._currentEpoch = u.UNINITIALIZED, this._lastFlushEpoch = u.UNINITIALIZED, this._executionsInEpoch = 0, this._executionCount = 0, this._windowStart = 0, this._windowCount = 0, this._execId = 0, this._trackCount = 0, this._cleanup = null, this._deps = new ae(), this._fn = e, this._onError = t.onError ?? null, this._sync = t.sync ?? !1, this._maxExecutions = t.maxExecutionsPerSecond ?? o.MAX_EXECUTIONS_PER_SECOND, this._maxExecutionsPerFlush = t.maxExecutionsPerFlush ?? o.MAX_EXECUTIONS_PER_EFFECT, this._sync ? this._notifyCallback = () => this.execute() : this._notifyCallback = () => k.schedule(this), w.attachDebugInfo(this, "effect", this.id, t.name);
 	}
 	run() {
 		if (this.isDisposed) throw new g(v.EFFECT_DISPOSED);
@@ -926,56 +989,40 @@ var ke = class extends de {
 	dispose() {
 		this.isDisposed || (this.flags |= r.DISPOSED, this._execCleanup(), this._deps?.disposeAll());
 	}
-	[Symbol.dispose]() {
-		this.dispose();
-	}
 	addDependency(e) {
-		if ((this.flags & r.EXECUTING) === 0) return;
-		let t = this._currentEpoch;
-		if (e._lastSeenEpoch === t) return;
-		e._lastSeenEpoch = t;
-		let n = this._trackCount++, i = this._deps, a;
-		switch (n) {
-			case 0:
-				a = i._s0;
-				break;
-			case 1:
-				a = i._s1;
-				break;
-			case 2:
-				a = i._s2;
-				break;
-			case 3:
-				a = i._s3;
-				break;
-			default: a = i.getAt(n);
+		if ((this.flags & r.EXECUTING) === 0 || e._lastSeenEpoch === this._currentEpoch) return;
+		e._lastSeenEpoch = this._currentEpoch;
+		let t = this._trackCount++, n = this._deps, i = e.version, a = null;
+		if (t < 4) a = t === 0 ? n._s0 : t === 1 ? n._s1 : t === 2 ? n._s2 : n._s3;
+		else {
+			let e = n._overflow;
+			e !== null && (a = e[t - 4] ?? null);
 		}
-		a != null && a.node === e ? a.version = e.version : i.claimExisting(e, n) || this._insertNewDependency(e, n), e.isComputed && (i.hasComputeds = !0);
+		a !== null && a.node === e ? a.version = i : n.claimExisting(e, t) || this._insertNewDependency(e, t, i), e.isComputed && !n.hasComputeds && (n.hasComputeds = !0);
 	}
-	_insertNewDependency(e, t) {
-		let n;
+	_insertNewDependency(e, t, n) {
+		let r;
 		try {
-			let t = e.subscribe(this._notifyCallback);
-			n = new le(e, e.version, t);
+			r = new ue(e, n, e.subscribe(this._notifyCallback));
 		} catch (t) {
-			let r = y(t, g, v.EFFECT_EXECUTION_FAILED);
-			if (console.error(r), this._onError) try {
-				this._onError(r);
+			let i = y(t, g, v.EFFECT_EXECUTION_FAILED);
+			if (console.error(i), this._onError) try {
+				this._onError(i);
 			} catch {}
-			n = new le(e, e.version, void 0);
+			r = new ue(e, n, void 0);
 		}
-		this._deps.insertNew(t, n);
+		this._deps.insertNew(t, r);
 	}
 	execute(e = !1) {
 		let t = this.flags;
 		if ((t & (r.DISPOSED | r.EXECUTING)) !== 0) return;
 		let n = this._deps;
-		if (!e && n.size > 0 && !this._isDirty()) return;
-		this._checkInfiniteLoops(), w.trackUpdate(this.id, w.getDebugName(this)), this.flags = t | r.EXECUTING, this._execCleanup(), this._currentEpoch = pe(), this._trackCount = 0, n.prepareTracking(), this._hotIndex = -1;
+		if (!e && n.physicalSize > 0 && !this._isDirty()) return;
+		this._checkInfiniteLoops(), w.trackUpdate(this.id, w.getDebugName(this)), this.flags = t | r.EXECUTING, this._execCleanup(), this._currentEpoch = me(), this._trackCount = 0, n.prepareTracking(), this._hotIndex = -1;
 		let i = !1;
 		try {
 			let e = D.run(this, this._fn);
-			n.truncateFrom(this._trackCount), i = !0, ce(e) ? this._handleAsyncResult(e) : this._cleanup = typeof e == "function" ? e : null;
+			n.truncateFrom(this._trackCount), i = !0, typeof e == "function" ? this._cleanup = e : le(e) ? this._handleAsyncResult(e) : this._cleanup = null;
 		} catch (e) {
 			if (!i) try {
 				n.truncateFrom(this._trackCount);
@@ -990,7 +1037,7 @@ var ke = class extends de {
 	_handleAsyncResult(e) {
 		let t = ++this._execId;
 		e.then((e) => {
-			if (t !== this._execId || this.isDisposed) {
+			if (t !== this._execId || (this.flags & r.DISPOSED) !== 0) {
 				if (typeof e == "function") try {
 					e();
 				} catch (e) {
@@ -1001,28 +1048,38 @@ var ke = class extends de {
 			typeof e == "function" && (this._cleanup = e);
 		}, (e) => t === this._execId && this._handleExecutionError(e));
 	}
+	_isDirty() {
+		let e = this._deps, t = e.size;
+		if (t === 0) return !1;
+		let n = this._hotIndex;
+		if (n !== -1 && n < t) {
+			let t = e.getAt(n);
+			if (t !== null) {
+				let e = t.node;
+				if (!e.isComputed && e.version !== t.version) return !0;
+			}
+		}
+		return this._deepDirtyCheck();
+	}
 	_deepDirtyCheck() {
-		let e = D.current;
+		let e = this._deps, t = e.size, n = this._hotIndex, r = D.current;
 		D.current = null;
-		let t = this._deps;
 		try {
-			let e = t.size;
-			for (let n = 0; n < e; n++) {
-				let e = t.getAt(n);
-				if (e == null) continue;
-				let r = e.node;
-				if (r.isComputed && this._tryPullComputed(r), r.version !== e.version) return this._hotIndex = n, !0;
+			for (let r = 0; r < t; r++) {
+				if (r === n) continue;
+				let t = e.getAt(r);
+				if (t === null) continue;
+				let i = t.node;
+				if (i.isComputed) try {
+					i.value;
+				} catch {
+					f && console.warn(`[atom-effect] Dependency #${i.id} error in check`);
+				}
+				if (i.version !== t.version) return this._hotIndex = r, !0;
 			}
-			return !1;
+			return this._hotIndex = -1, !1;
 		} finally {
-			D.current = e;
-		}
-	}
-	_tryPullComputed(e) {
-		try {
-			e.value;
-		} catch {
-			f && console.warn(`[atom-effect] Dependency #${e.id} threw during dirty check`);
+			D.current = r;
 		}
 	}
 	_execCleanup() {
@@ -1037,8 +1094,8 @@ var ke = class extends de {
 		}
 	}
 	_checkInfiniteLoops() {
-		let e = ve();
-		this._lastFlushEpoch !== e && (this._lastFlushEpoch = e, this._executionsInEpoch = 0), ++this._executionsInEpoch > this._maxExecutionsPerFlush && this._throwInfiniteLoopError("per-effect"), xe() > o.MAX_EXECUTIONS_PER_FLUSH && this._throwInfiniteLoopError("global"), this._executionCount++, f && this._checkFrequencyLimit();
+		let e = ye();
+		this._lastFlushEpoch !== e && (this._lastFlushEpoch = e, this._executionsInEpoch = 0), ++this._executionsInEpoch > this._maxExecutionsPerFlush && this._throwInfiniteLoopError("per-effect"), Se() > o.MAX_EXECUTIONS_PER_FLUSH && this._throwInfiniteLoopError("global"), this._executionCount++, f && this._checkFrequencyLimit();
 	}
 	_checkFrequencyLimit() {
 		if (!Number.isFinite(this._maxExecutions)) return;
@@ -1059,7 +1116,7 @@ var ke = class extends de {
 		return (this.flags & r.EXECUTING) !== 0;
 	}
 	_throwInfiniteLoopError(e) {
-		let t = new g(`Infinite loop detected (${e}): effect executed ${this._executionsInEpoch} times in current flush. Total executions in flush: ${he}`);
+		let t = new g(`Infinite loop detected (${e}): effect executed ${this._executionsInEpoch} times in current flush. Total executions in flush: ${ge}`);
 		throw this.dispose(), console.error(t), t;
 	}
 	_handleExecutionError(e, t = v.EFFECT_EXECUTION_FAILED) {
@@ -1071,301 +1128,230 @@ var ke = class extends de {
 		}
 	}
 };
-function R(e, t = {}) {
+function L(e, t = {}) {
 	if (typeof e != "function") throw new g(v.EFFECT_MUST_BE_FUNCTION);
-	let n = new ke(e, t);
+	let n = new Ne(e, t);
 	return n.execute(), n;
 }
-var Ae = /^(?:__proto__|constructor|prototype)$/;
-function je(e, t, n, r) {
+function Pe(e, t, n, r) {
 	if (n === t.length) return r;
 	let i = t[n];
-	if (Ae.test(i)) return e;
-	let a = typeof e == "object" && e ? e : {}, o = a[i], s = je(o, t, n + 1, r);
+	if (i === "__proto__" || i === "constructor" || i === "prototype") return e;
+	let a = typeof e == "object" && e ? e : {}, o = a[i], s = Pe(o, t, n + 1, r);
 	if (Object.is(o, s)) return e;
 	if (Array.isArray(a)) {
-		let e = a.slice(), t = Number(i);
-		return i.trim() !== "" && Number.isInteger(t) && t >= 0 ? e[t] = s : e[i] = s, e;
+		let e = a.slice(), t = +i;
+		return i.trim() !== "" && t >= 0 && t % 1 == 0 ? e[t] = s : e[i] = s, e;
 	}
-	return {
-		...a,
-		[i]: s
-	};
+	let c = { ...a };
+	return c[i] = s, c;
 }
-function z(e, t) {
+function Fe(e, t) {
 	let n = e, r = t.length;
 	for (let e = 0; e < r; e++) {
 		if (n == null) return;
 		let r = t[e];
-		if (Ae.test(r)) return;
+		if (r === "__proto__" || r === "constructor" || r === "prototype") return;
 		n = n[r];
 	}
 	return n;
 }
-function Me(e, t) {
-	let n = t.includes(".") ? t.split(".") : [t], r = /* @__PURE__ */ new Set(), i = () => {
-		r.forEach((e) => e()), r.clear();
-	};
+function Ie(e, t) {
+	let n = t.includes(".") ? t.split(".") : [t], r = /* @__PURE__ */ new Set();
 	return {
 		get value() {
-			return z(e.value, n);
+			return Fe(e.value, n);
 		},
 		set value(t) {
-			let r = e.peek(), i = je(r, n, 0, t);
+			let r = e.peek(), i = Pe(r, n, 0, t);
 			i !== r && (e.value = i);
 		},
-		peek: () => z(e.peek(), n),
+		peek: () => Fe(e.peek(), n),
 		subscribe(t) {
-			let i = e.subscribe((e, r) => {
-				let i = z(e, n), a = z(r, n);
-				Object.is(i, a) || t(i, a);
+			let i = Fe(e.peek(), n), a = e.subscribe((e) => {
+				let r = Fe(e, n);
+				if (!Object.is(r, i)) {
+					let e = i;
+					i = r, t(r, e);
+				}
 			});
-			return r.add(i), () => {
-				i(), r.delete(i);
+			return r.add(a), () => {
+				a(), r.delete(a);
 			};
 		},
 		subscriberCount: () => r.size,
-		dispose: i,
-		[Symbol.dispose]: i,
+		dispose: () => {
+			r.forEach((e) => e()), r.clear();
+		},
 		[T]: E.Atom | E.Writable
 	};
 }
-var Ne = (e, t) => Me(e, t), Pe = (e) => (t) => Me(e, t), Fe = (e) => typeof e == "object" && !!e, Ie = (e) => oe(e), Le = (e) => (Fe(e) || typeof e == "function") && typeof e.then == "function";
-function Re(e) {
+var Le = (e, t) => Ie(e, t), Re = (e) => (t) => Ie(e, t), ze = { ERRORS: { EFFECT_DISPOSE_ERROR: (e) => `Dispose error${e ? `: ${e}` : ""}` } }, Be = {
+	PREFIX: "[atom-route]",
+	DEFAULTS: Object.freeze({
+		mode: "hash",
+		basePath: "",
+		autoBindLinks: !1,
+		activeClass: "active"
+	}),
+	ERRORS: {
+		NOT_FOUND: (e) => `Route "${e}" not found`,
+		TEMPLATE_NOT_FOUND: (e) => `Template "${e}" not found`,
+		TARGET_NOT_FOUND: (e) => `Target "${e}" not found`,
+		MALFORMED_URI: (e) => `Malformed URI: ${e}`
+	}
+}, Ve = {
+	PREFIX: "[atom-binding]",
+	INPUT_DEFAULTS: Object.freeze({
+		EVENT: "input",
+		DEBOUNCE: 0
+	}),
+	VALID_INPUT_TAGS: [
+		"input",
+		"select",
+		"textarea"
+	],
+	ERRORS: {
+		INVALID_INPUT_ELEMENT: (e) => `Invalid element <${e}> for val.`,
+		MISSING_SOURCE: (e) => `[${e}] source required.`,
+		MISSING_CONDITION: (e) => `[${e}] condition required.`,
+		UPDATER_ERROR: (e, t) => `Updater failed: "${e}"${t ? " (static)" : ""}`,
+		CLEANUP_ERROR: (e) => `Binding cleanup error${e ? `: ${e}` : ""}`,
+		PARSE_ERROR: (e) => `Parse error${e ? `: ${e}` : ""}`
+	}
+}, He = {
+	DANGEROUS_PROPS: [
+		"innerHTML",
+		"outerHTML",
+		"srcdoc",
+		"__proto__",
+		"constructor",
+		"prototype"
+	],
+	URL_PROPS: [
+		"src",
+		"href",
+		"action",
+		"formaction",
+		"data",
+		"poster",
+		"background",
+		"cite",
+		"longdesc",
+		"profile",
+		"usemap",
+		"classid",
+		"codebase",
+		"xlink:href"
+	],
+	DANGEROUS_PROTOCOL_PATTERN: "(?:javascript|vbscript)",
+	ERRORS: {
+		UNSAFE_CONTENT: () => "Unsafe content neutralized.",
+		BLOCKED_CSS_VALUE: (e) => `Blocked CSS: "${e}".`,
+		BLOCKED_EVENT_HANDLER: (e) => `Blocked handler: "${e}".`,
+		BLOCKED_PROTOCOL: (e) => `Blocked protocol: "${e}".`,
+		BLOCKED_PROP: (e) => `Blocked prop: "${e}".`
+	}
+}, Ue = {
+	PREFIX: "[atom-list]",
+	ERRORS: { DUPLICATE_KEY: (e, t) => `Duplicate key "${e}" at index ${t}.` }
+}, We = {
+	PREFIX: "[atom-mount]",
+	ERRORS: {
+		ERROR: (e) => `Mount error${e ? ` in <${e}>` : ""}`,
+		CLEANUP_ERROR: (e) => `Cleanup error${e ? ` in <${e}>` : ""}`
+	}
+}, Ge = { DEFAULTS: Object.freeze({ HIGHLIGHT_DURATION_MS: 500 }) }, R = {
+	ROUTE: Be.PREFIX,
+	BINDING: Ve.PREFIX,
+	LIST: Ue.PREFIX,
+	MOUNT: We.PREFIX
+}, z = {
+	ROUTE: Be.ERRORS,
+	SECURITY: He.ERRORS,
+	BINDING: Ve.ERRORS,
+	LIST: Ue.ERRORS,
+	MOUNT: We.ERRORS,
+	CORE: ze.ERRORS
+}, Ke = Be.DEFAULTS, qe = Ve.INPUT_DEFAULTS, Je = Ge.DEFAULTS, Ye = Ve.VALID_INPUT_TAGS;
+He.URL_PROPS;
+var Xe = He.DANGEROUS_PROPS, Ze = He.DANGEROUS_PROTOCOL_PATTERN, Qe = (e) => e !== null && (typeof e == "object" || typeof e == "function") && typeof e.then == "function";
+function B(e) {
 	let { localName: t, id: n, className: r } = e, i = t;
 	n && (i += `#${n}`);
-	let a = typeof r == "string" ? r : r.baseVal;
-	if (typeof a == "string") {
-		let e = a.trim();
-		e && (i += `.${e.replace(/\s+/g, ".")}`);
+	let a = typeof r == "string" ? r : r?.baseVal;
+	if (a) {
+		let e = a.trim().replace(/\s+/g, ".");
+		e && (i += `.${e}`);
 	}
 	let o = e.type;
-	return o && typeof o == "string" && o !== "text" && (i += `.${o}`), i;
+	return o && o !== "text" && (i += `.${o}`), i;
 }
-var B = Object.prototype.hasOwnProperty;
-function ze(e, t) {
+var $e = Object.prototype.hasOwnProperty;
+function et(e, t) {
 	if (e === t) return !0;
-	if (!Fe(e) || !Fe(t)) return !1;
-	let n = e, r = t, i = Object.keys(n), a = Object.keys(r);
-	if (i.length !== a.length) return !1;
-	for (let e of i) if (!B.call(r, e) || !Object.is(n[e], r[e])) return !1;
+	if (e === null || t === null || typeof e != "object" || typeof t != "object") return !1;
+	let n = e, r = t, i = Object.keys(n);
+	if (i.length !== Object.keys(r).length) return !1;
+	for (let e of i) if (!$e.call(r, e) || !Object.is(n[e], r[e])) return !1;
 	return !0;
 }
 //#endregion
-//#region src/constants.ts
-var V = {
-	ROUTE: "[atom-route]",
-	BINDING: "[atom-binding]",
-	LIST: "[atom-list]",
-	MOUNT: "[atom-mount]"
-}, Be = Object.freeze({
-	mode: "hash",
-	basePath: "",
-	autoBindLinks: !1,
-	activeClass: "active"
-}), Ve = Object.freeze({
-	EVENT: "input",
-	DEBOUNCE: 0
-}), He = Object.freeze({ HIGHLIGHT_DURATION_MS: 500 }), Ue = new Set([
-	"input",
-	"select",
-	"textarea"
-]), We = new Set([
-	"innerHTML",
-	"outerHTML",
-	"srcdoc",
-	"__proto__",
-	"constructor",
-	"prototype"
-]), Ge = "(?:j\\s*a\\s*v\\s*a\\s*s\\s*c\\s*r\\s*i\\s*p\\s*t|v\\s*b\\s*s\\s*c\\s*r\\s*i\\s*p\\s*t)", H = {
-	ROUTE: {
-		NOT_FOUND: (e) => `Route "${e}" not found and no notFound route configured`,
-		TEMPLATE_NOT_FOUND: (e) => `Template "${e}" not found`,
-		TARGET_NOT_FOUND: (e) => `Target element "${e}" not found`,
-		MALFORMED_URI: (e) => `Malformed URI component: ${e}`
-	},
-	SECURITY: {
-		UNSAFE_CONTENT: () => "Unsafe content neutralized during sanitization.",
-		BLOCKED_CSS_VALUE: (e) => `Blocked dangerous value in CSS style property "${e}".`,
-		BLOCKED_EVENT_HANDLER: (e) => `Blocked setting dangerous event handler attribute/property "${e}".`,
-		BLOCKED_PROTOCOL: (e) => `Blocked dangerous protocol in "${e}".`,
-		BLOCKED_PROP: (e) => `Blocked setting dangerous property "${e}". Use html binding for sanitized HTML.`
-	},
-	BINDING: {
-		INVALID_INPUT_ELEMENT: (e) => `Val binding used on non-input element <${e}>.`,
-		MISSING_SOURCE: (e) => `[${e}] source is required when prop/name is a string.`,
-		MISSING_CONDITION: (e) => `[${e}] condition is required when className is a string.`,
-		UPDATER_ERROR: (e, t) => `Updater threw in binding "${e}"${t ? " (static)" : ""}`,
-		CLEANUP_ERROR: (e) => `Binding cleanup error${e ? `: ${e}` : ""}`,
-		PARSE_ERROR: (e) => `parse() threw during DOM→Atom sync${e ? `: ${e}` : ""}`
-	},
-	LIST: { DUPLICATE_KEY: (e, t, n) => `Duplicate key "${e}" at index ${t} in atomList <${n}>.` },
-	MOUNT: {
-		ERROR: (e) => `Mount error${e ? ` in component <${e}>` : ""}`,
-		CLEANUP_ERROR: (e) => `Cleanup error${e ? ` in component <${e}>` : ""}`
-	},
-	CORE: { EFFECT_DISPOSE_ERROR: (e) => `Effect dispose error${e ? `: ${e}` : ""}` }
-}, Ke = "atom-debug-highlight", U = "data-atom-debug", qe = typeof window < "u", Je = /* @__PURE__ */ new WeakMap(), Ye = /* @__PURE__ */ new WeakMap(), Xe = !1, Ze = () => `${He.HIGHLIGHT_DURATION_MS / 1e3}s`, Qe = () => `
-  [${U}] {
-    transition: outline ${Ze()} ease-out;
-  }
-  .${Ke} {
-    outline: 2px solid rgba(255, 68, 68, 0.8);
-    outline-offset: 1px;
-  }
-`.replace(/\s+/g, " ");
-function $e() {
-	if (Xe || !qe) return;
-	if (document.querySelector(`style[${U}]`)) {
-		Xe = !0;
-		return;
-	}
+//#region src/utils/debug.ts
+var tt = "atom-debug-highlight", nt = "data-atom-debug", rt = typeof window < "u", it = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), ot = !1;
+function st() {
+	if (ot || !rt) return;
 	let e = document.createElement("style");
-	e.setAttribute(U, ""), e.textContent = Qe(), document.head.appendChild(e), Xe = !0;
+	e.setAttribute(nt, ""), e.textContent = `
+    [${nt}] { transition: outline ${Je.HIGHLIGHT_DURATION_MS / 1e3}s ease-out; }
+    .${tt} { outline: 2px solid rgba(255, 68, 68, 0.8); outline-offset: 1px; }
+  `.replace(/\s+/g, " "), document.head.appendChild(e), ot = !0;
 }
-function et() {
+function ct() {
 	let e = globalThis;
-	if (e.__ATOM_DEBUG__ !== void 0) return !!e.__ATOM_DEBUG__;
-	try {
-		if (typeof sessionStorage < "u" && sessionStorage.getItem("__ATOM_DEBUG__") === "true") return !0;
-	} catch {}
-	return e.process?.env?.NODE_ENV !== "production" && e.process?.env?.NODE_ENV !== void 0 ? !0 : e.__DEV__ === void 0 ? !1 : !!e.__DEV__;
+	return e.__ATOM_DEBUG__ === void 0 ? e.process?.env?.NODE_ENV !== "production" && e.process?.env?.NODE_ENV !== void 0 : !!e.__ATOM_DEBUG__;
 }
-var tt = class {
-	constructor() {
-		this.enabled = !0;
-	}
-	log(e, ...t) {
-		this.enabled && console.log(e, ...t);
-	}
-	atomChanged(e, t, n, r) {
-		this.enabled && console.log(`${e} Atom "${t ?? "anonymous"}" changed:`, n, "→", r);
-	}
-	cleanup(e, t) {
-		this.enabled && console.log(`${e} Cleanup: ${t}`);
-	}
-	warn(e, t, ...n) {
-		console.warn(`${e} ${t}`, ...n);
-	}
-	error(e, t, n) {
-		console.error(`${e} ${t}`, n);
-	}
+var V = {
+	enabled: ct(),
+	warn: (e, t, ...n) => console.warn(`${e} ${t}`, ...n),
+	error: (e, t, n) => console.error(`${e} ${t}`, n),
 	domUpdated(e, t, n, r) {
 		if (!this.enabled) return;
 		let i = "jquery" in t ? t[0] : t;
-		i && i.nodeType === 1 && i.isConnected && (console.log(`${e} DOM updated: ${Re(i)}.${n} =`, r), this._triggerVisualHighlight(i));
-	}
-	_triggerVisualHighlight(e) {
-		let t = globalThis, n = t.requestAnimationFrame, r = t.cancelAnimationFrame;
-		if (!qe || typeof n != "function") return;
-		$e();
-		let i = Ye.get(e), a = Je.get(e);
-		i !== void 0 && typeof r == "function" && r(i), a !== void 0 && (clearTimeout(a), Je.delete(e)), e.hasAttribute(U) || e.setAttribute(U, ""), Ye.set(e, n(() => {
-			Ye.delete(e), e.isConnected && (e.classList.add(Ke), Je.set(e, setTimeout(() => {
-				e.classList.remove(Ke), Je.delete(e);
-			}, He.HIGHLIGHT_DURATION_MS)));
-		}));
+		i && i.nodeType === 1 && i.isConnected && (console.log(`${e} DOM updated: ${B(i)}.${n} =`, r), lt(i));
 	}
-}, W = et() ? new tt() : {
-	enabled: !1,
-	log: () => {},
-	atomChanged: () => {},
-	domUpdated: () => {},
-	cleanup: () => {},
-	warn: (e, t, ...n) => console.warn(`${e} ${t}`, ...n),
-	error: (e, t, n) => console.error(`${e} ${t}`, n)
 };
+function lt(e) {
+	let t = globalThis;
+	if (!rt || typeof t.requestAnimationFrame != "function") return;
+	st();
+	let n = at.get(e), r = it.get(e);
+	n !== void 0 && t.cancelAnimationFrame(n), r !== void 0 && clearTimeout(r), e.hasAttribute(nt) || e.setAttribute(nt, ""), at.set(e, t.requestAnimationFrame(() => {
+		at.delete(e), e.isConnected && (e.classList.add(tt), it.set(e, setTimeout(() => {
+			e.classList.remove(tt), it.delete(e);
+		}, Je.HIGHLIGHT_DURATION_MS)));
+	}));
+}
 //#endregion
 //#region src/core/namespace.ts
-function nt(e, t) {
-	return we(e, t);
-}
-Object.defineProperty(nt, "debug", {
-	enumerable: !0,
-	configurable: !0,
-	get: () => W.enabled,
-	set: (e) => {
-		W.enabled = e;
-	}
-});
-var rt = () => Promise.resolve();
+var ut = () => Te();
 e.extend({
-	atom: nt,
-	computed: L,
-	effect: R,
-	batch: Se,
+	atom: De,
+	computed: Me,
+	effect: L,
+	batch: Ce,
 	untracked: O,
-	isAtom: oe,
-	isComputed: se,
-	isReactive: Ie,
-	nextTick: rt,
-	atomLens: Me,
-	composeLens: Ne,
-	lensFor: Pe
+	isAtom: se,
+	isComputed: ce,
+	nextTick: ut,
+	atomLens: Ie,
+	composeLens: Le,
+	lensFor: Re,
+	debug: V
 });
 //#endregion
-//#region src/utils/pool.ts
-var it = class {
-	constructor(e = 50, t = 256) {
-		this.limit = e, this.capacity = t, this.pool = [];
-	}
-	acquire() {
-		return this.pool.pop() ?? [];
-	}
-	release(e) {
-		if (Object.isFrozen(e)) return;
-		let t = e.length;
-		e.length = 0, this.pool.length < this.limit && t <= this.capacity && this.pool.indexOf(e) === -1 && this.pool.push(e);
-	}
-	reset() {
-		this.pool.length = 0;
-	}
-}, at = class {
-	constructor(e, t, n = 64) {
-		this.factory = e, this.reset = t, this.limit = n, this.pool = [];
-	}
-	acquire() {
-		return this.pool.pop() ?? this.factory();
-	}
-	release(e) {
-		Object.isFrozen(e) || (this.reset(e), this.pool.length < this.limit && this.pool.indexOf(e) === -1 && this.pool.push(e));
-	}
-	drain() {
-		this.pool.length > 0 && (this.pool.length = 0);
-	}
-	get size() {
-		return this.pool.length;
-	}
-}, ot = 128, st = new it(ot), ct = new it(ot), lt = new at(() => ({
-	effects: void 0,
-	cleanups: void 0,
-	componentCleanup: void 0
-}), (e) => {
-	if (e.effects) {
-		let t = e.effects.length;
-		for (let n = 0; n < t; n++) try {
-			e.effects[n].dispose();
-		} catch {}
-		st.release(e.effects), e.effects = void 0;
-	}
-	if (e.cleanups) {
-		let t = e.cleanups.length;
-		for (let n = 0; n < t; n++) try {
-			e.cleanups[n]();
-		} catch {}
-		ct.release(e.cleanups), e.cleanups = void 0;
-	}
-	if (e.componentCleanup) {
-		try {
-			e.componentCleanup();
-		} catch {}
-		e.componentCleanup = void 0;
-	}
-}, ot), ut = !1;
-function dt() {
-	ut || typeof document < "u" && document.body && (ut = !0, pt(document.body));
-}
-var G = "_aes-bound", K = new class {
+//#region src/core/registry.ts
+var dt = !1, ft = "_aes-bound", H = new class {
 	constructor() {
 		this.records = /* @__PURE__ */ new WeakMap(), this.preservedNodes = /* @__PURE__ */ new WeakSet(), this.ignoredNodes = /* @__PURE__ */ new WeakSet();
 	}
@@ -1382,17 +1368,33 @@ var G = "_aes-bound", K = new class {
 		return this.ignoredNodes.has(e);
 	}
 	getOrCreateRecord(e) {
-		dt();
+		!dt && typeof document < "u" && document.body && (dt = !0, mt(document.body));
 		let t = this.records.get(e);
-		return t || (t = lt.acquire(), this.records.set(e, t), e.classList.add(G)), t;
+		return t || (t = {}, this.records.set(e, t), e.classList.add(ft)), t;
 	}
-	trackEffect(e, t) {
+	addCleanup(e, t) {
 		let n = this.getOrCreateRecord(e);
-		n.effects ||= st.acquire(), n.effects.push(t);
+		n.cleanups ||= [], n.cleanups.push(t);
+	}
+	trackEffect(e, t) {
+		let n = B(e);
+		this.addCleanup(e, () => {
+			try {
+				t.dispose();
+			} catch (e) {
+				V.error(R.BINDING, z.CORE.EFFECT_DISPOSE_ERROR(n), e);
+			}
+		});
 	}
 	trackCleanup(e, t) {
-		let n = this.getOrCreateRecord(e);
-		n.cleanups ||= ct.acquire(), n.cleanups.push(t);
+		let n = B(e);
+		this.addCleanup(e, () => {
+			try {
+				t();
+			} catch (e) {
+				V.error(R.BINDING, z.BINDING.CLEANUP_ERROR(n), e);
+			}
+		});
 	}
 	setComponentCleanup(e, t) {
 		this.getOrCreateRecord(e).componentCleanup = t;
@@ -1403,144 +1405,86 @@ var G = "_aes-bound", K = new class {
 	cleanup(e) {
 		if (this.preservedNodes.delete(e), this.ignoredNodes.delete(e), e.nodeType !== 1) return;
 		let t = e, n = this.records.get(t);
-		if (!n) {
-			t.classList.remove(G);
-			return;
-		}
-		this.records.delete(t), t.classList.remove(G);
-		let r = Re(t);
-		if (W.cleanup(V.BINDING, r), n.componentCleanup) {
-			try {
+		if (this.records.delete(t), t.classList.remove(ft), n) {
+			if (n.componentCleanup) try {
 				n.componentCleanup();
 			} catch (e) {
-				W.error(V.MOUNT, H.MOUNT.CLEANUP_ERROR(r), e);
-			}
-			n.componentCleanup = void 0;
-		}
-		if (n.effects) {
-			for (let e of n.effects) try {
-				e.dispose();
-			} catch (e) {
-				W.error(V.BINDING, H.CORE.EFFECT_DISPOSE_ERROR(r), e);
-			}
-			st.release(n.effects), n.effects = void 0;
-		}
-		if (n.cleanups) {
-			for (let e of n.cleanups) try {
-				e();
-			} catch (e) {
-				W.error(V.BINDING, H.BINDING.CLEANUP_ERROR(r), e);
+				let n = B(t);
+				V.error(R.MOUNT, z.MOUNT.CLEANUP_ERROR(n), e);
 			}
-			ct.release(n.cleanups), n.cleanups = void 0;
+			if (n.cleanups) for (let e of n.cleanups) e();
 		}
-		lt.release(n);
 	}
 	cleanupDescendants(e) {
-		let t = "getElementsByClassName" in e ? e.getElementsByClassName(G) : e.querySelectorAll(`.${G}`), n = t.length;
-		if (n === 0) return;
-		let r = Array(n);
-		for (let e = 0; e < n; e++) r[e] = t[e];
-		for (let e = n - 1; e >= 0; e--) {
-			let t = r[e];
-			this.records.has(t) ? this.cleanup(t) : t.classList.remove(G);
+		let t = e.querySelectorAll(`.${ft}`);
+		for (let e = 0, n = t.length; e < n; e++) {
+			let n = t[e];
+			n && this.cleanup(n);
 		}
 	}
 	cleanupTree(e) {
 		(e.nodeType === 1 || e.nodeType === 11) && this.cleanupDescendants(e), this.cleanup(e);
 	}
-}(), ft = /* @__PURE__ */ new Map();
-function pt(e) {
-	if (ft.has(e)) return;
+}(), pt = /* @__PURE__ */ new Map();
+function mt(e) {
+	if (pt.has(e)) return;
 	let t = new MutationObserver((e) => {
-		let t = K;
-		for (let n = 0, r = e.length; n < r; n++) {
-			let r = e[n].removedNodes;
-			for (let e = 0, n = r.length; e < n; e++) {
-				let n = r[e];
-				if (n.nodeType !== 1 || n.isConnected) continue;
-				let i = n;
-				t.isKept(i) || t.isIgnored(i) || t.cleanupTree(i);
+		for (let t = 0, n = e.length; t < n; t++) {
+			let n = e[t].removedNodes;
+			for (let e = 0, t = n.length; e < t; e++) {
+				let t = n[e];
+				if (t.nodeType !== 1 || t.isConnected) continue;
+				let r = t;
+				H.isKept(r) || H.isIgnored(r) || H.cleanupTree(r);
 			}
 		}
 	});
 	t.observe(e, {
 		childList: !0,
 		subtree: !0
-	}), ft.set(e, t);
-}
-function mt() {
-	ft.forEach((e) => e.disconnect()), ft.clear();
-}
-//#endregion
-//#region src/core/dom.ts
-function ht(e) {
-	return {
-		el: e,
-		trackCleanup: (t) => K.trackCleanup(e, t)
-	};
-}
-function q(e, t, n = {}) {
-	let r = !!n.needsCtx, i = e.length;
-	for (let n = 0; n < i; n++) {
-		let i = e[n];
-		if (i?.nodeType === 1) {
-			let e = i;
-			t(r ? ht(e) : null, e);
-		} else i && W.log(V.BINDING, `Skipping non-Element node (nodeType=${i.nodeType})`);
-	}
-	return e;
+	}), pt.set(e, t);
 }
-function gt(e) {
-	if (!Array.isArray(e) || e.length !== 2) return [e];
-	let t = e[1];
-	return typeof t == "function" || typeof t == "object" && t && !Array.isArray(t) && !("value" in t) && !("then" in t) ? e : [e];
+function ht() {
+	pt.forEach((e) => e.disconnect()), pt.clear();
 }
 //#endregion
 //#region src/core/jquery-patch.ts
-var J = Symbol.for("atom-effect-internal"), _t = Symbol.for("atom-effect-wrapped"), vt = /* @__PURE__ */ new WeakMap(), Y = null, yt = (e) => {
-	let t = e;
-	if (t[J]) return e;
-	let n = t[_t];
-	if (n) return n;
-	if (n = vt.get(e), !n) {
-		n = function(...t) {
-			return Se(() => e.apply(this, t));
-		}, n[J] = !0, vt.set(e, n);
-		try {
-			t[_t] = n;
-		} catch {}
-	}
-	return n;
-}, bt = (e) => e[_t] ?? vt.get(e) ?? e;
-function xt(e) {
+var U = Symbol.for("atom-effect-internal"), gt = /* @__PURE__ */ new WeakMap(), W = null, _t = (e) => {
+	if (e[U]) return e;
+	let t = gt.get(e);
+	return t || (t = function(...t) {
+		return Ce(() => e.apply(this, t));
+	}, t[U] = !0, gt.set(e, t)), t;
+}, vt = (e) => gt.get(e) ?? e;
+function yt(e) {
 	let t = {};
 	for (let n in e) {
 		let r = e[n];
-		typeof r == "function" ? t[n] = yt(r) : r !== void 0 && (t[n] = r);
+		t[n] = typeof r == "function" ? _t(r) : r;
 	}
 	return t;
 }
-function St(e) {
+function bt(e) {
 	let t = {};
 	for (let n in e) {
 		let r = e[n];
-		typeof r == "function" ? t[n] = bt(r) : t[n] = r;
+		t[n] = typeof r == "function" ? vt(r) : r;
 	}
 	return t;
 }
-function Ct(e, t, n) {
+function xt(e, t, n) {
 	let r = e[0];
 	if (r && typeof r == "object") e[0] = t(r);
 	else for (let t = 1; t < e.length; t++) typeof e[t] == "function" && (e[t] = n(e[t]));
 }
-function wt(e) {
+function St(e) {
 	return function(...t) {
-		return Ct(t, xt, yt), e.apply(this, t) ?? this;
+		return xt(t, yt, _t), e.apply(this, t) ?? this;
 	};
 }
-function Tt() {
-	if (Y !== null) return;
-	Y = {
+function Ct() {
+	if (W !== null) return;
+	W = {
 		on: e.fn.on,
 		one: e.fn.one,
 		off: e.fn.off,
@@ -1548,285 +1492,200 @@ function Tt() {
 		empty: e.fn.empty,
 		detach: e.fn.detach
 	};
-	let t = Y;
+	let t = W;
 	e.fn.remove = function(e) {
 		let n = e ? this.filter(e) : this, r = n.length;
 		for (let e = 0; e < r; e++) {
 			let t = n[e];
-			t && (K.markIgnored(t), K.cleanupTree(t));
+			t && (H.markIgnored(t), H.cleanupTree(t));
 		}
 		return t.remove.call(this, e) ?? this;
 	}, e.fn.empty = function() {
 		let e = this.length;
 		for (let t = 0; t < e; t++) {
 			let e = this[t];
-			e?.hasChildNodes() && K.cleanupDescendants(e);
+			e?.hasChildNodes() && H.cleanupDescendants(e);
 		}
 		return t.empty.call(this) ?? this;
 	}, e.fn.detach = function(e) {
 		let n = e ? this.filter(e) : this, r = n.length;
 		for (let e = 0; e < r; e++) {
 			let t = n[e];
-			t && K.keep(t);
+			t && H.keep(t);
 		}
 		return t.detach.call(this, e) ?? this;
-	}, e.fn.on = wt(t.on), e.fn.one = wt(t.one), e.fn.off = function(...e) {
-		return Ct(e, St, bt), t.off.apply(this, e) ?? this;
+	}, e.fn.on = St(t.on), e.fn.one = St(t.one), e.fn.off = function(...e) {
+		return xt(e, bt, vt), t.off.apply(this, e) ?? this;
 	};
 }
-function Et() {
-	Y !== null && (e.fn.on = Y.on, e.fn.one = Y.one, e.fn.off = Y.off, e.fn.remove = Y.remove, e.fn.empty = Y.empty, e.fn.detach = Y.detach, Y = null);
+function wt() {
+	W !== null && (e.fn.on = W.on, e.fn.one = W.one, e.fn.off = W.off, e.fn.remove = W.remove, e.fn.empty = W.empty, e.fn.detach = W.detach, W = null);
 }
 //#endregion
 //#region src/types.ts
-var X = /* @__PURE__ */ function(e) {
+var G = /* @__PURE__ */ function(e) {
 	return e[e.None = 0] = "None", e[e.Focused = 1] = "Focused", e[e.Composing = 2] = "Composing", e[e.SyncingToAtom = 4] = "SyncingToAtom", e[e.SyncingToDom = 8] = "SyncingToDom", e[e.Busy = 14] = "Busy", e;
-}({}), Dt = 0;
-function Ot(e) {
-	e[J] = !0;
+}({}), Tt = 0;
+function Et(e) {
+	e[U] = !0;
 }
-var kt = class {
+var Dt = class {
 	constructor(e, t, n) {
-		this.flags = 0, this.timeoutId = void 0, this.handleCompositionStart = () => {
-			this.flags |= X.Composing;
+		this.$element = e, this.atom = t, this.options = n, this.namespace = `.atomBind-${++Tt}`, this.flags = G.None, this.handleFocus = () => {
+			this.flags |= G.Focused;
+		}, this.handleCompositionStart = () => {
+			this.flags |= G.Composing;
 		}, this.handleCompositionEnd = () => {
-			this.flags &= ~X.Composing, this.handleInput();
-		}, this.handleFocus = () => {
-			this.flags |= X.Focused;
+			this.flags &= ~G.Composing, this.syncToAtom();
 		}, this.handleBlur = () => {
-			this.flags &= ~X.Focused;
-			let e = !!(this.flags & X.Composing);
-			this.flags &= ~X.Composing;
-			let t = this.flushPendingDebounce();
-			e && !t && this.syncAtomFromDom(), this.normalizeDomValue();
-		}, this.syncDomFromAtom = () => {
+			let e = !!(this.flags & G.Composing);
+			this.flags &= ~(G.Focused | G.Composing), this.debounceTimer ? (clearTimeout(this.debounceTimer), this.debounceTimer = void 0, this.syncToAtom()) : e && this.syncToAtom();
+			let t = this.atom.peek();
+			this.isDomUpToDate(t) || this.writeToDom(t, this.formatValue(t));
+		}, this.syncToDom = () => {
 			let e = this.atom.value;
-			this.flags & X.Busy || O(() => {
-				if (this.isDomUpToDate(e)) return;
-				let t = this.format(e);
-				this.flags |= X.SyncingToDom;
-				try {
-					this.writeDom(e, t), W.domUpdated(V.BINDING, this.$el, "val", t);
-				} finally {
-					this.flags &= ~X.SyncingToDom;
+			this.flags & G.Busy || O(() => {
+				if (!this.isDomUpToDate(e)) {
+					this.flags |= G.SyncingToDom;
+					try {
+						let t = this.formatValue(e);
+						this.writeToDom(e, t), V.domUpdated(R.BINDING, this.$element, "val", t);
+					} finally {
+						this.flags &= ~G.SyncingToDom;
+					}
 				}
 			});
-		}, this.cleanup = () => {
-			this.$el.off(this.ns), clearTimeout(this.timeoutId), this.timeoutId = void 0;
-		}, this.$el = e, this.el = e[0], this.atom = t;
-		let r = this.el.tagName;
-		this.isMultipleSelect = r === "SELECT" && this.el.multiple, this.isTextControl = r === "INPUT" || r === "TEXTAREA", this.ns = `.atomBind-${++Dt}`;
-		let { parse: i, format: a, equal: o, readDom: s, getRawDom: c, writeDom: l } = this.initStrategies(n);
-		this.parse = i, this.format = a, this.equal = o, this.readDom = s, this.getRawDom = c, this.writeDom = l;
-		let u = n.debounce ?? 0;
-		u > 0 ? this.handleInput = () => {
-			this.flags & X.Composing || (clearTimeout(this.timeoutId), this.timeoutId = setTimeout(() => this.syncAtomFromDom(), u));
-		} : this.handleInput = () => {
-			this.flags & X.Composing || this.syncAtomFromDom();
-		}, [
+		};
+		let r = e[0], i = r.tagName === "SELECT" && r.multiple, a = r.tagName === "INPUT" || r.tagName === "TEXTAREA", o = n.parse ?? ((e) => e), s = n.equal ?? Object.is;
+		i ? (this.readValue = () => e.val() || [], this.writeToDom = (t) => {
+			e.val(t);
+		}, this.areEqual = (e, t) => s(e, t) ? !0 : Array.isArray(e) && Array.isArray(t) && e.length === t.length && e.every((e, n) => Object.is(e, t[n])), this.formatValue = n.format ?? ((e) => (Array.isArray(e) ? e : e ? [String(e)] : []).join(","))) : (this.readValue = () => o(r.value), this.writeToDom = (e, t) => {
+			if (a && document.activeElement === r) {
+				let e = r;
+				try {
+					let { selectionStart: n, selectionEnd: r } = e;
+					if (e.value = t, n !== null && r !== null) {
+						let i = t.length;
+						e.setSelectionRange(Math.min(n, i), Math.min(r, i));
+					}
+				} catch {
+					e.value = t;
+				}
+			} else r.value = t;
+		}, this.areEqual = s, this.formatValue = n.format ?? ((e) => String(e ?? ""))), this.initializeEvents();
+	}
+	initializeEvents() {
+		let e = this.namespace, t = this.options.debounce ?? 0, n = () => {
+			this.flags & G.Composing || this.syncToAtom();
+		}, r = t > 0 ? () => {
+			clearTimeout(this.debounceTimer), this.debounceTimer = setTimeout(n, t);
+		} : n;
+		[
 			this.handleFocus,
 			this.handleBlur,
 			this.handleCompositionStart,
 			this.handleCompositionEnd,
-			this.handleInput
-		].forEach(Ot), this.bindEvents(n.event ?? Ve.EVENT);
-	}
-	initStrategies(e) {
-		let t = e.parse ?? ((e) => e), n = e.equal ?? Object.is;
-		return this.isMultipleSelect ? {
-			parse: t,
-			format: e.format ?? ((e) => (Array.isArray(e) ? e : e ? [String(e)] : []).join(",")),
-			getRawDom: () => this.$el.val() || [],
-			readDom: () => this.$el.val() || [],
-			writeDom: (e) => {
-				this.$el.val(e);
-			},
-			equal: (e, t) => {
-				if (n(e, t)) return !0;
-				if (Array.isArray(e) && Array.isArray(t)) {
-					let n = e.length;
-					if (n !== t.length) return !1;
-					for (let r = 0; r < n; r++) if (!Object.is(e[r], t[r])) return !1;
-					return !0;
-				}
-				return !1;
-			}
-		} : {
-			parse: t,
-			format: e.format ?? ((e) => String(e ?? "")),
-			equal: n,
-			readDom: () => t(this.el.value),
-			getRawDom: () => this.el.value,
-			writeDom: this.isTextControl ? (e, t) => this.writeTextValue(t) : (e, t) => {
-				this.el.value = t;
-			}
-		};
-	}
-	writeTextValue(e) {
-		let t = this.el;
-		if (this.flags & X.Focused) try {
-			let n = t.selectionStart, r = t.selectionEnd;
-			t.value = e;
-			let i = e.length;
-			n !== null && r !== null && t.setSelectionRange(Math.min(n, i), Math.min(r, i));
-		} catch {
-			t.value = e;
-		}
-		else t.value = e;
-	}
-	flushPendingDebounce() {
-		return this.timeoutId === void 0 ? !1 : (clearTimeout(this.timeoutId), this.timeoutId = void 0, this.syncAtomFromDom(), !0);
-	}
-	normalizeDomValue() {
-		let e = this.atom.peek(), t = this.format(e), n = this.getRawDom();
-		this.isMultipleSelect ? this.equal(n, e) || this.writeDom(e, t) : n !== t && this.writeDom(e, t);
-	}
-	syncAtomFromDom() {
-		if (!(this.flags & X.Busy)) {
-			this.flags |= X.SyncingToAtom;
+			r
+		].forEach(Et);
+		let i = (this.options.event ?? qe.EVENT).trim().split(/\s+/).map((t) => `${t}${e}`).join(" ");
+		this.$element.on(`focus${e}`, this.handleFocus).on(`blur${e}`, this.handleBlur).on(`compositionstart${e}`, this.handleCompositionStart).on(`compositionend${e}`, this.handleCompositionEnd).on(i, r);
+	}
+	syncToAtom() {
+		if (!(this.flags & G.Busy)) {
+			this.flags |= G.SyncingToAtom;
 			try {
-				let e = this.readDom();
-				this.equal(this.atom.peek(), e) || (this.atom.value = e);
-			} catch (e) {
-				W.warn(V.BINDING, H.BINDING.PARSE_ERROR(e instanceof Error ? e.message : String(e)), e);
+				let e = this.readValue();
+				this.areEqual(this.atom.peek(), e) || (this.atom.value = e);
 			} finally {
-				this.flags &= ~X.SyncingToAtom;
+				this.flags &= ~G.SyncingToAtom;
 			}
 		}
 	}
 	isDomUpToDate(e) {
-		let t = this.getRawDom();
-		if (this.isMultipleSelect) return this.equal(t, e);
-		if (t === this.format(e)) return !0;
-		if (this.flags & X.Focused) try {
-			return this.equal(this.readDom(), e);
-		} catch {}
-		return !1;
+		if (!this.areEqual(this.readValue(), e)) return !1;
+		if (this.flags & G.Focused) return !0;
+		let t = this.$element[0];
+		return this.formatValue(e) === t.value;
 	}
-	bindEvents(e) {
-		let t = this.ns, n = e.trim().split(/\s+/).map((e) => `${e}${t}`).join(" ");
-		this.$el.on(`focus${t}`, this.handleFocus).on(`blur${t}`, this.handleBlur).on(`compositionstart${t}`, this.handleCompositionStart).on(`compositionend${t}`, this.handleCompositionEnd).on(n, this.handleInput);
+	cleanup() {
+		this.$element.off(this.namespace), clearTimeout(this.debounceTimer);
 	}
 };
-function At(e, t, n) {
-	let r = new kt(e, t, n);
+function Ot(e, t, n) {
+	let r = new Dt(e, t, n);
 	return {
-		fx: R(r.syncDomFromAtom),
-		cleanup: () => {
-			r &&= (r.cleanup(), null);
-		}
+		reactiveEffect: L(r.syncToDom),
+		cleanup: () => r.cleanup()
 	};
 }
 //#endregion
 //#region src/core/effect-factory.ts
-function jt(e, t, n, r) {
-	let i = {
-		latestId: 0,
-		isDisposed: !1
-	};
-	K.trackCleanup(e, () => {
-		i.isDisposed = !0;
-	});
-	let a = (t) => {
-		if (!Le(t)) {
-			i.latestId++, O(() => {
+function kt(e, t, n) {
+	let r = 0, i = !1;
+	return H.trackCleanup(e, () => {
+		i = !0;
+	}), (a) => {
+		let o = ++r;
+		if (!Qe(a)) {
+			O(() => {
 				try {
-					n(t), W.domUpdated(V.BINDING, e, r, t);
+					n(a), V.domUpdated(R.BINDING, e, t, a);
 				} catch (e) {
-					W.error(V.BINDING, H.BINDING.UPDATER_ERROR(r, !0), e);
+					V.error(R.BINDING, z.BINDING.UPDATER_ERROR(t, !0), e);
 				}
 			});
 			return;
 		}
-		let a = ++i.latestId;
-		t.then((t) => {
-			a === i.latestId && !i.isDisposed && O(() => {
+		a.then((a) => {
+			o === r && !i && O(() => {
 				try {
-					n(t), W.domUpdated(V.BINDING, e, `${r} (async)`, t);
+					n(a), V.domUpdated(R.BINDING, e, `${t} (async)`, a);
 				} catch (e) {
-					W.error(V.BINDING, H.BINDING.UPDATER_ERROR(r), e);
+					V.error(R.BINDING, z.BINDING.UPDATER_ERROR(t), e);
 				}
 			});
 		}).catch((e) => {
-			a === i.latestId && !i.isDisposed && W.error(V.BINDING, H.BINDING.UPDATER_ERROR(r), e);
+			o === r && !i && V.error(R.BINDING, z.BINDING.UPDATER_ERROR(t), e);
 		});
-	}, o = Ie(t);
-	o || typeof t == "function" ? K.trackEffect(e, R(() => {
-		a(o ? t.value : t());
-	}, { name: r })) : a(t);
-}
-function Mt(e, t, n, r) {
-	let i = Object.keys(t), a = [], o = [], s = [], c = {};
-	for (let e = 0, n = i.length; e < n; e++) {
-		let n = i[e], r = t[n], l = Ie(r);
-		l || typeof r == "function" ? (a.push(n), o.push(r), s.push(l)) : c[n] = r;
-	}
-	let l = {
-		latestId: 0,
-		isDisposed: !1,
-		cache: {}
 	};
-	K.trackCleanup(e, () => {
-		l.isDisposed = !0;
-	});
-	let u = (t) => {
-		let a = [], o = {}, s = i.length;
-		for (let e = 0; e < s; e++) {
-			let n = i[e], r = t[n];
-			if (Le(r) && B.call(l.cache, n)) {
-				let e = l.cache[n];
-				if (e.p === r) {
-					o[n] = e.v;
-					continue;
-				}
-			}
-			Le(r) ? a.push(r.then((e) => (l.cache[n] = {
-				p: r,
-				v: e
-			}, {
-				key: n,
+}
+function At(e, t, n, r) {
+	let i = kt(e, r, n), a = se(t);
+	a || typeof t == "function" ? H.trackEffect(e, L(() => {
+		i(a ? t.value : t());
+	}, { name: r })) : i(t);
+}
+function jt(e, t, n, r) {
+	let i = kt(e, r, n), a = Object.entries(t), o = !1;
+	for (let e = 0, t = a.length; e < t; e++) {
+		let t = a[e][1];
+		if (se(t) || typeof t == "function") {
+			o = !0;
+			break;
+		}
+	}
+	let s = () => {
+		let e = [], t = {};
+		for (let n = 0, r = a.length; n < r; n++) {
+			let [r, i] = a[n], o = se(i) ? i.value : typeof i == "function" ? i() : i;
+			Qe(o) ? e.push(o.then((e) => ({
+				key: r,
 				val: e
-			}))) : o[n] = r;
-		}
-		if (a.length > 0) {
-			let t = ++l.latestId;
-			Promise.all(a).then((i) => {
-				if (t === l.latestId && !l.isDisposed) {
-					for (let e = 0, t = i.length; e < t; e++) {
-						let t = i[e];
-						o[t.key] = t.val;
-					}
-					O(() => {
-						try {
-							n(o), W.domUpdated(V.BINDING, e, `${r} (async)`, o);
-						} catch (e) {
-							W.error(V.BINDING, H.BINDING.UPDATER_ERROR(r), e);
-						}
-					});
-				}
-			}, (e) => {
-				t === l.latestId && !l.isDisposed && W.error(V.BINDING, H.BINDING.UPDATER_ERROR(r), e);
-			});
-		} else l.latestId++, O(() => {
-			try {
-				n(o), W.domUpdated(V.BINDING, e, r, o);
-			} catch (e) {
-				W.error(V.BINDING, H.BINDING.UPDATER_ERROR(r, !0), e);
+			}))) : t[r] = o;
+		}
+		return e.length > 0 ? Promise.all(e).then((e) => {
+			for (let n = 0, r = e.length; n < r; n++) {
+				let r = e[n];
+				t[r.key] = r.val;
 			}
-		});
+			return t;
+		}) : t;
 	};
-	a.length > 0 ? K.trackEffect(e, R(() => {
-		let e = { ...c };
-		for (let t = 0, n = a.length; t < n; t++) {
-			let n = o[t];
-			e[a[t]] = s[t] ? n.value : n();
-		}
-		u(e);
-	}, { name: r })) : u(c);
+	o ? H.trackEffect(e, L(() => i(s()), { name: r })) : i(s());
 }
 //#endregion
 //#region src/utils/sanitize.ts
-var Nt = new Set([
+var Mt = [
 	"href",
 	"src",
 	"action",
@@ -1848,223 +1707,261 @@ var Nt = new Set([
 	"marker-mid",
 	"marker-end",
 	"clip-path",
-	"srcdoc"
-]), Pt = {
+	"srcdoc",
+	"srcset"
+], Nt = [
+	"script",
+	"iframe",
+	"object",
+	"embed",
+	"base",
+	"meta",
+	"applet",
+	"noscript",
+	"form",
+	"style",
+	"link",
+	"title"
+], Pt = [
+	/expression\s*\(/i,
+	/behavior\s*:/i,
+	/-moz-binding\s*:/i,
+	/@import/i,
+	RegExp(`url\\s*\\(\\s*["']?\\s*${Ze}\\s*:`, "i"),
+	/data\s*:\s*(?!image\/)/i
+], Ft = {
 	colon: ":",
 	tab: "	",
 	newline: "\n"
-}, Ft = /&#x([0-9a-f]+);?|&#([0-9]+);?/gi, It = /&(colon|tab|newline);?/gi, Lt = /[\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/g, Rt = /[<&\x00-\x08\x0b\x0c\x0e-\x1f\x7f]/, zt = /<\?[\s\S]*?\?>/g, Bt = /(<(script|iframe|object|embed|base|meta|applet|noscript|form|style|link)\b[^>]*>([\s\S]*?)<\/\2>|<(script|iframe|object|embed|base|meta|applet|noscript|form|style|link)\b[^>]*\/?>)/gi, Vt = /\bon\w+\s*=/gim, Ht = `${Ge}\\s*:`, Ut = new RegExp(Ht, "gi"), Wt = RegExp(`(?:^|url\\s*\\(\\s*["']?)\\s*${Ht}`, "i"), Gt = /data\s*:\s*(?:text\/(?:html|javascript|vbscript|xml)|application\/(?:javascript|xhtml\+xml|xml|x-shockwave-flash)|image\/svg\+xml)/gi, Kt = `(?:expression\\s*\\(|behavior\\s*:|-moz-binding\\s*:|url\\s*\\(\\s*["']?\\s*${Ht}(?!image\\/)|data\\s*:\\s*(?!image\\/))`, qt = new RegExp(Kt, "gim"), Jt = new RegExp(Kt, "im");
-function Yt(e) {
-	return typeof e == "string" ? e.replace(Ft, (e, t, n) => {
+}, It = /&#x([0-9a-f]+);?|&#([0-9]+);?/gi, Lt = /&(colon|tab|newline);?/gi, Rt = /[\x00-\x1f\x7f]/g, zt = /data\s*:\s*(?:text\/(?:html|javascript|vbscript|xml)|application\/(?:javascript|xhtml\+xml|xml|x-shockwave-flash)|image\/svg\+xml)/i, Bt = RegExp(`(?:^|url\\s*\\(\\s*["']?)\\s*${Ze}\\s*:`, "i"), Vt = new RegExp([
+	`(<(${Nt.join("|")})\\b[^>]*>([\\s\\S]*?)<\\/\\2>|<(${Nt.join("|")})\\b[^>]*\\/?>)`,
+	"\\bon\\w+\\s*=",
+	`${Ze}\\s*:`,
+	zt.source
+].join("|"), "i"), K = {
+	getAttributes: (e) => Object.getOwnPropertyDescriptor(Element.prototype, "attributes").get.call(e),
+	setAttribute: (e, t, n) => Element.prototype.setAttribute.call(e, t, n),
+	removeAttribute: (e, t) => Element.prototype.removeAttribute.call(e, t),
+	replaceElement: (e, t) => Element.prototype.replaceWith.call(e, t),
+	getLocalName: (e) => Object.getOwnPropertyDescriptor(Element.prototype, "localName").get.call(e),
+	getFirstChild: (e) => Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get.call(e)
+};
+function q(e) {
+	return typeof e == "string" ? e.replace(It, (e, t, n) => {
 		let r = t ? parseInt(t, 16) : parseInt(n, 10);
 		return r >= 0 && r <= 1114111 ? String.fromCodePoint(r) : "";
-	}).replace(It, (e, t) => Pt[t.toLowerCase()] ?? "").replace(Lt, "") : "";
+	}).replace(Lt, (e, t) => Ft[t.toLowerCase()] ?? "").replace(Rt, "") : "";
 }
-function Xt(e) {
-	return Wt.test(e) || Gt.test(e);
+function Ht(e) {
+	let t = e.replace(/\s+/g, "");
+	return Bt.test(t) || zt.test(t);
 }
-function Zt(e) {
-	return Bt.test(e) || Vt.test(e) || Ut.test(e);
+function Ut(e) {
+	return e.split(",").map((e) => {
+		let t = e.trim();
+		if (!t) return e;
+		let [n, ...r] = t.split(/\s+/), i = q(n);
+		return Ht(i) ? ["data-unsafe-protocol:", ...r].join(" ") : [i, ...r].join(" ");
+	}).join(",");
+}
+function Wt(e) {
+	return q(e).replace(/\/\*[\s\S]*?\*\//g, "");
+}
+function Gt(e) {
+	let t = Wt(e);
+	return Pt.some((e) => e.test(t));
+}
+var Kt = {
+	srcdoc: (e, t, n) => {
+		let r = q(n);
+		K.setAttribute(e, t, J(r));
+	},
+	srcset: (e, t, n) => {
+		K.setAttribute(e, t, Ut(n));
+	},
+	style: (e, t, n) => {
+		Gt(n) && K.setAttribute(e, "style", "data-unsafe-css:");
+	}
+};
+function qt(e) {
+	let t = K.getAttributes(e);
+	if (!t) return;
+	let n = [];
+	for (let r = t.length - 1; r >= 0; r--) {
+		let i = t[r], a = i.name, o = a.toLowerCase(), s = i.value;
+		if (o.startsWith("on")) {
+			K.removeAttribute(e, a), n.push(a);
+			continue;
+		}
+		Kt[o] ? Kt[o](e, a, s) : Mt.includes(o) && Ht(q(s)) && K.setAttribute(e, a, "data-unsafe-protocol:");
+	}
+	n.length > 0 && K.setAttribute(e, "data-unsafe-attr", n.join(","));
 }
-function Qt(e) {
-	if (Rt.test(e) || e.includes(":")) return !0;
-	let t = e.toLowerCase(), n = t.indexOf("on");
-	for (; n !== -1 && n < e.length - 2;) {
-		let e = t.charCodeAt(n + 2);
-		if (e >= 97 && e <= 122) return !0;
-		n = t.indexOf("on", n + 1);
+function Jt(e) {
+	if (!Nt.includes(K.getLocalName(e))) return;
+	let t = document.createElement("span"), n = K.getAttributes(e);
+	for (let e = 0; e < n.length; e++) {
+		let r = n[e];
+		r && t.setAttribute(r.name, r.value);
 	}
-	return !1;
+	qt(t);
+	let r = K.getFirstChild(e);
+	for (; r;) t.appendChild(r), r = K.getFirstChild(e);
+	K.replaceElement(e, t);
 }
-function Z(e) {
+function Yt(e) {
+	let t = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT), n = [], r = t.nextNode();
+	for (; r;) n.push(r), K.getLocalName(r) === "template" && Yt(r.content), r = t.nextNode();
+	for (let e of n) qt(e), Jt(e);
+}
+function J(e) {
 	if (!e) return "";
-	let t = String(e);
-	if (!Qt(t)) return t;
-	let n = Yt(t);
-	if (n.includes("<")) {
-		n = n.replace(zt, "");
-		let e;
-		do
-			e = n, n = n.replace(Bt, "");
-		while (n !== e);
-	}
-	return n.replace(qt, "data-unsafe-css:").replace(Ut, "data-unsafe-protocol:").replace(Gt, "data-unsafe-protocol:").replace(Vt, "data-unsafe-attr=");
-}
-var $t = (e, t) => {
+	let t = document.createElement("template");
+	return t.innerHTML = String(e), Yt(t.content), t.innerHTML;
+}
+var Xt = (e, t) => {
 	let n = e.toLowerCase();
-	if (!Nt.has(n)) return !1;
-	let r = Yt(t);
-	return n === "srcdoc" ? Zt(r) : Xt(r);
-}, en = (e) => Jt.test(Yt(e)), tn = /* @__PURE__ */ new Map();
-function nn(e) {
-	let t = tn.get(e);
-	return t === void 0 ? (t = e.includes("-") ? e.replace(/-./g, (e) => e[1].toUpperCase()) : e, tn.set(e, t), t) : t;
-}
-var rn = /* @__PURE__ */ new WeakMap();
-function an(e) {
-	let t = rn.get(e);
-	return t || (t = L(() => {
-		let t = e.value;
-		return Le(t) ? t.then((e) => Z(e)) : Z(t);
-	}), rn.set(e, t)), t;
+	if (!Mt.includes(n)) return !1;
+	let r = q(t);
+	return n === "srcdoc" ? Vt.test(r) : Ht(r);
+}, Zt = (e) => {
+	let t = q(e).replace(/\/\*[\s\S]*?\*\//g, "");
+	return Pt.some((e) => e.test(t));
+};
+//#endregion
+//#region src/bindings/unified.ts
+function Qt(e) {
+	return e.includes("-") ? e.replace(/-./g, (e) => e[1].toUpperCase()) : e;
 }
-function on(e, t) {
-	return e.toLowerCase().startsWith("on") ? (console.warn(`${V.BINDING} ${H.SECURITY.BLOCKED_EVENT_HANDLER(e)}`), !1) : t && We.has(e) ? (console.warn(`${V.BINDING} ${H.SECURITY.BLOCKED_PROP(e)}`), !1) : !0;
+function $t(e, t) {
+	return e.toLowerCase().startsWith("on") ? (console.warn(`${R.BINDING} ${z.SECURITY.BLOCKED_EVENT_HANDLER(e)}`), !1) : t && Xe.includes(e) ? (console.warn(`${R.BINDING} ${z.SECURITY.BLOCKED_PROP(e)}`), !1) : !0;
 }
-function sn({ el: e }, t, n) {
-	jt(e, t, (t) => {
+function en(e, t, n) {
+	At(e, t, (t) => {
 		let r = n ? n(t) : String(t ?? "");
 		e.textContent !== r && (e.textContent = r);
 	}, "text");
 }
-function cn({ el: e }, t) {
-	let n = oe(t) ? an(t) : t, r = null;
-	jt(e, n, (i) => {
-		let a = n === t ? Z(i) : i;
-		r !== a && (K.cleanupDescendants(e), e.innerHTML = a, r = a);
+function tn(e, t) {
+	let n = null;
+	At(e, t, (t) => {
+		let r = J(t);
+		n !== r && (H.cleanupDescendants(e), e.innerHTML = r, n = r);
 	}, "html");
 }
-function ln({ el: e }, t) {
-	let n = {}, r = {};
-	for (let e in t) if (B.call(t, e)) {
+function nn(e, t) {
+	let n = {}, r = /* @__PURE__ */ new Set();
+	for (let e of Object.keys(t)) {
 		let t = e.trim();
-		n[e] = /\s/.test(t) ? t.split(/\s+/).filter(Boolean) : [t];
-	}
-	Mt(e, t, (t) => {
-		for (let i in t) {
-			let a = !!t[i];
-			if (r[i] === a) continue;
-			let o = n[i];
-			if (a) e.classList.add(...o);
-			else for (let r of o) {
-				let a = !1;
-				for (let e in t) if (e !== i && t[e] && n[e].includes(r)) {
-					a = !0;
-					break;
-				}
-				a || e.classList.remove(r);
-			}
-			r[i] = a;
-		}
+		n[e] = t.includes(" ") ? t.split(/\s+/).filter(Boolean) : [t];
+	}
+	jt(e, t, (t) => {
+		let i = /* @__PURE__ */ new Set();
+		for (let [e, r] of Object.entries(t)) if (r) for (let t of n[e]) i.add(t);
+		for (let t of i) r.has(t) || e.classList.add(t);
+		for (let t of r) i.has(t) || e.classList.remove(t);
+		r = i;
 	}, "class");
 }
-function un({ el: e }, t) {
+function rn(e, t) {
 	let n = e.style, r = {}, i = {}, a = {};
-	for (let e in t) if (B.call(t, e)) {
-		let n = t[e], [a, o] = Array.isArray(n) ? n : [n, ""];
-		r[e] = a, i[e] = {
-			camel: nn(e),
-			unit: o
+	for (let [e, n] of Object.entries(t)) {
+		let [t, a] = Array.isArray(n) ? n : [n, ""];
+		r[e] = t, i[e] = {
+			camelCase: Qt(e),
+			unit: a
 		};
 	}
-	Mt(e, r, (e) => {
-		for (let t in e) {
-			let r = i[t], o = e[t], s = r.unit ? `${o}${r.unit}` : String(o), c = r.camel;
-			a[t] !== s && (en(s) || (n[c] = s), a[t] = s);
+	jt(e, r, (e) => {
+		for (let [t, r] of Object.entries(e)) {
+			let e = i[t], o = e.unit ? `${r}${e.unit}` : String(r);
+			a[t] !== o && (Zt(o) || (n[e.camelCase] = o), a[t] = o);
 		}
 	}, "css");
 }
-function dn({ el: e }, t) {
-	let n = {}, r = {}, i = {};
-	for (let a in t) {
-		if (!B.call(t, a) || !on(a, !1)) continue;
-		let o = a.toLowerCase();
-		n[a] = t[a], r[a] = { isAria: o.startsWith("aria-") }, i[a] = e.getAttribute(a);
-	}
-	Mt(e, n, (t) => {
-		for (let n in t) {
-			let a = r[n], o = t[n];
-			if (o == null || o === !1 && !a.isAria) {
-				i[n] !== null && e.removeAttribute(n), i[n] = null;
+function an(e, t) {
+	let n = Object.entries(t).filter(([e]) => $t(e, !1)), r = Object.fromEntries(n), i = {}, a = {};
+	for (let [t] of n) i[t] = { isAria: t.toLowerCase().startsWith("aria-") }, a[t] = e.getAttribute(t);
+	jt(e, r, (t) => {
+		for (let [n, r] of Object.entries(t)) {
+			let t = i[n], o = r;
+			if (o == null || o === !1 && !t.isAria) {
+				a[n] !== null && e.removeAttribute(n), a[n] = null;
 				continue;
 			}
-			let s = o === !0 ? a.isAria ? "true" : n : String(o);
-			if ($t(n, s)) {
-				console.warn(`${V.BINDING} ${H.SECURITY.BLOCKED_PROTOCOL(n)}`);
+			let s = o === !0 ? t.isAria ? "true" : n : String(o);
+			if (Xt(n, s)) {
+				console.warn(`${R.BINDING} ${z.SECURITY.BLOCKED_PROTOCOL(n)}`);
 				continue;
 			}
-			i[n] !== s && (e.setAttribute(n, s), i[n] = s);
+			a[n] !== s && (e.setAttribute(n, s), a[n] = s);
 		}
 	}, "attr");
 }
-function fn(e, t) {
-	let n = e.el, r = {}, i = {};
-	for (let e in t) B.call(t, e) && on(e, !0) && (r[e] = t[e]);
-	Mt(e.el, r, (e) => {
-		for (let t in e) {
-			let r = e[t];
-			if (i[t] !== r) {
-				if (typeof r == "string" && $t(t, r)) {
-					console.warn(`${V.BINDING} ${H.SECURITY.BLOCKED_PROTOCOL(t)}`);
-					continue;
-				}
-				n[t] = r, i[t] = r;
+function on(e, t) {
+	let n = e, r = Object.entries(t).filter(([e]) => $t(e, !0)), i = Object.fromEntries(r), a = {};
+	jt(e, i, (e) => {
+		for (let [t, r] of Object.entries(e)) if (a[t] !== r) {
+			if (typeof r == "string" && Xt(t, r)) {
+				console.warn(`${R.BINDING} ${z.SECURITY.BLOCKED_PROTOCOL(t)}`);
+				continue;
 			}
+			n[t] = r, a[t] = r;
 		}
 	}, "prop");
 }
-function pn({ el: e }, t, n) {
+function sn(e, t, n) {
 	let r = e.style.display === "none" ? "" : e.style.display;
-	jt(e, t, (t) => {
+	At(e, t, (t) => {
 		n === !!t ? e.style.display !== "none" && (r = e.style.display, e.style.display = "none") : e.style.display === "none" && (e.style.display = r);
 	}, n ? "hide" : "show");
 }
-function mn(t, n, r = {}) {
-	let i = t.el.tagName.toLowerCase();
-	if (!Ue.has(i)) {
-		console.warn(`${V.BINDING} ${H.BINDING.INVALID_INPUT_ELEMENT(i)}`);
+function cn(t, n, r = {}) {
+	let i = t.tagName.toLowerCase();
+	if (!Ye.includes(i)) {
+		console.warn(`${R.BINDING} ${z.BINDING.INVALID_INPUT_ELEMENT(i)}`);
 		return;
 	}
-	let { fx: a, cleanup: o } = At(e(t.el), n, r);
-	K.trackEffect(t.el, a), t.trackCleanup(o);
+	let { reactiveEffect: a, cleanup: o } = Ot(e(t), n, r);
+	H.trackEffect(t, a), H.trackCleanup(t, o);
 }
-function hn(t) {
+function ln(t) {
 	t.type === "radio" && t.name && (t.form ? e(t.form) : e(document)).find(`input[type="radio"][name="${e.escapeSelector(t.name)}"]`).not(t).trigger("change.atomRadioSync");
 }
-function gn(t, n) {
-	let r = t.el, i = e(r), a = () => {
-		n.peek() !== r.checked && (n.value = r.checked, hn(r));
+function un(t, n) {
+	if (!(t instanceof HTMLInputElement)) {
+		console.warn(`${R.BINDING} atomChecked called on non-input element`);
+		return;
+	}
+	let r = t, i = e(r), a = () => {
+		n.peek() !== r.checked && (n.value = r.checked, ln(r));
 	};
-	a[J] = !0, i.on("change change.atomRadioSync", a), t.trackCleanup(() => i.off("change change.atomRadioSync", a)), K.trackEffect(r, R(() => {
+	a[U] = !0, i.on("change change.atomRadioSync", a), H.trackCleanup(r, () => i.off("change change.atomRadioSync", a)), H.trackEffect(r, L(() => {
 		let e = !!n.value;
 		O(() => {
-			r.checked !== e && (r.checked = e, W.domUpdated(V.BINDING, r, "checked", e), e && hn(r));
+			r.checked !== e && (r.checked = e, V.domUpdated(R.BINDING, r, "checked", e), e && ln(r));
 		});
 	}));
 }
-function _n(t, n) {
-	let r = e(t.el);
-	r.on(n), t.trackCleanup(() => r.off(n));
-}
-function vn({ el: t, trackCleanup: n }, r, i) {
-	let a = e(t);
-	a.on(r, i), n(() => a.off(r, i));
+function dn(t, n) {
+	let r = e(t);
+	r.on(n), H.trackCleanup(t, () => r.off(n));
 }
-function yn(e) {
-	K.cleanupTree(e);
+function fn(t, n, r) {
+	let i = e(t);
+	i.on(n, r), H.trackCleanup(t, () => i.off(n, r));
 }
 //#endregion
 //#region src/bindings/form.ts
-var bn = "input, select, textarea", xn = class {
+var pn = "input, select, textarea", mn = class {
 	constructor(e, t, n = {}) {
-		this.form = e, this.atom = t, this.options = n, this.fieldMap = /* @__PURE__ */ new Map(), this.fields = [], this.elementNames = /* @__PURE__ */ new WeakMap(), this.isSyncingFromLeaf = !1, this.init();
+		this.form = e, this.atom = t, this.options = n, this.fieldMap = /* @__PURE__ */ new Map(), this.fields = [], this.elementNames = /* @__PURE__ */ new WeakMap(), this.init();
 	}
 	init() {
-		let e = R(() => {
-			let e = this.atom.value;
-			this.isSyncingFromLeaf || !this.fields.length || Se(() => {
-				O(() => {
-					for (let t = 0; t < this.fields.length; t++) {
-						let n = this.fields[t], r = z(e, n.parts);
-						Object.is(n.atom.peek(), r) || (n.atom.value = r);
-					}
-				});
-			});
-		});
-		K.trackEffect(this.form, e), this.bindElement(this.form), this.setupObserver();
+		this.bindElement(this.form), this.setupObserver();
 	}
 	bindElement(e) {
-		let t = e.matches?.(bn) ? [e] : e.querySelectorAll?.(bn) || [];
+		let t = e.matches?.(pn) ? [e] : e.querySelectorAll?.(pn) || [];
 		for (let e = 0, n = t.length; e < n; e++) this.bindControl(t[e]);
 	}
 	bindControl(e) {
@@ -2072,56 +1969,50 @@ var bn = "input, select, textarea", xn = class {
 		let t = e, n = t.name;
 		if (!n) return;
 		let r = this.elementNames.get(t);
-		if (r !== void 0 && r !== n && K.cleanup(t), this.elementNames.has(t) && r === n) return;
+		if (r !== void 0 && r !== n && H.cleanup(t), this.elementNames.has(t) && r === n) return;
 		let i = this.acquireField(n);
-		this.elementNames.set(t, n);
-		let a = ht(t);
-		a.trackCleanup(() => this.releaseField(t, n)), t instanceof HTMLInputElement && (t.type === "radio" || t.type === "checkbox") ? this.bindToggle(a, i.atom, t.value, t.type === "checkbox") : mn(a, i.atom, this.options);
+		this.elementNames.set(t, n), H.trackCleanup(t, () => this.releaseField(t, n)), t instanceof HTMLInputElement && (t.type === "radio" || t.type === "checkbox") ? this.bindToggle(t, i.atom, t.value, t.type === "checkbox") : cn(t, i.atom, this.options);
 	}
 	bindToggle(t, n, r, i) {
-		let a = t.el, o = () => {
+		let a = () => {
 			let e = n.peek();
 			if (i && Array.isArray(e)) {
-				let t = new Set(e.map(String));
-				a.checked ? t.add(r) : t.delete(r), n.value = Array.from(t);
-			} else n.value = i ? a.checked : r;
+				let i = new Set(e.map(String));
+				t.checked ? i.add(r) : i.delete(r), n.value = Array.from(i);
+			} else n.value = i ? t.checked : r;
 		};
-		o[J] = !0, e(a).on("change", o), t.trackCleanup(() => e(a).off("change", o)), K.trackEffect(a, R(() => {
-			let e = n.value, t = i ? Array.isArray(e) ? e.some((e) => String(e) === r) : !!e : String(e) === r;
-			a.checked !== t && (a.checked = t);
+		a[U] = !0, e(t).on("change", a), H.trackCleanup(t, () => e(t).off("change", a)), H.trackEffect(t, L(() => {
+			let e = n.value, a = i ? Array.isArray(e) ? e.some((e) => String(e) === r) : !!e : String(e) === r;
+			t.checked !== a && (t.checked = a);
 		}));
 	}
 	acquireField(e) {
 		let t = this.fieldMap.get(e);
 		if (t) return t.refCount++, t;
-		let n = e.replace(/\[(\w+)\]/g, ".$1").split(".").filter(Boolean), r = we(z(this.atom.peek(), n));
-		return t = {
-			atom: r,
-			parts: n,
-			name: e,
-			refCount: 1,
-			effect: null
-		}, t.effect = R(() => {
-			let t = r.value;
-			this.options.transform && (t = this.options.transform(e, t));
-			let i = this.atom.peek(), a = je(i, n, 0, t);
-			if (a !== i) {
-				this.isSyncingFromLeaf = !0;
-				try {
-					this.atom.value = a, this.options.onChange && O(() => this.options.onChange(e, t));
-				} finally {
-					this.isSyncingFromLeaf = !1;
-				}
+		let n = e.replace(/\[(\w+)\]/g, ".$1").replace(/^\./, ""), r = Ie(this.atom, n), i = Object.create(r), { transform: a, onChange: o } = this.options;
+		return Object.defineProperty(i, "value", {
+			get() {
+				return r.value;
+			},
+			set(t) {
+				let n = a ? a(e, t) : t;
+				r.value = n, o && O(() => o(e, n));
 			}
-		}), this.fieldMap.set(e, t), this.fields.push(t), t;
+		}), t = {
+			atom: i,
+			name: e,
+			refCount: 1
+		}, this.fieldMap.set(e, t), this.fields.push(t), t;
 	}
 	releaseField(e, t) {
 		let n = this.fieldMap.get(t);
 		if (n && --n.refCount <= 0) {
 			let e = this.fields.indexOf(n);
-			e !== -1 && this.fields.splice(e, 1), n.effect?.dispose(), this.fieldMap.delete(t);
+			e !== -1 && this.fields.splice(e, 1);
+			let r = n.atom;
+			typeof r.dispose == "function" && r.dispose(), this.fieldMap.delete(t);
 		}
-		K.cleanup(e);
+		H.cleanup(e);
 	}
 	setupObserver() {
 		let e = new MutationObserver((e) => {
@@ -2139,77 +2030,135 @@ var bn = "input, select, textarea", xn = class {
 			subtree: !0,
 			attributes: !0,
 			attributeFilter: ["name"]
-		}), K.trackCleanup(this.form, () => e.disconnect());
+		}), H.trackCleanup(this.form, () => e.disconnect());
 	}
 };
-function Sn(e, t, n = {}) {
-	new xn(e, t, n);
+function hn(e, t, n = {}) {
+	new mn(e, t, n);
+}
+//#endregion
+//#region src/core/dom.ts
+function Y(e, t) {
+	for (let n = 0, r = e.length; n < r; n++) {
+		let r = e[n];
+		r?.nodeType === 1 && t(r);
+	}
+	return e;
+}
+function gn(e) {
+	if (!Array.isArray(e) || e.length !== 2) return [e];
+	let t = e[1];
+	return typeof t == "function" || typeof t == "object" && t && !("value" in t) && !("then" in t) ? e : [e];
+}
+//#endregion
+//#region src/bindings/chainable.ts
+function _n(e, t, n, r = z.BINDING.MISSING_SOURCE(n)) {
+	return (typeof e == "string" ? t === void 0 ? null : { [e]: t } : e) || (console.warn(`${R.BINDING} ${r}`), null);
 }
 e.fn.atomText = function(e, t) {
-	return q(this, (n) => sn(n, e, t), { needsCtx: !0 });
+	return Y(this, (n) => en(n, e, t));
 }, e.fn.atomHtml = function(e) {
-	return q(this, (t) => cn(t, e), { needsCtx: !0 });
+	return Y(this, (t) => tn(t, e));
 }, e.fn.atomClass = function(e, t) {
-	let n = typeof e == "string" ? t === void 0 ? null : { [e]: t } : e;
-	return n ? q(this, (e) => ln(e, n), { needsCtx: !0 }) : (console.warn(`${V.BINDING} ${H.BINDING.MISSING_CONDITION("atomClass")}`), this);
+	let n = _n(e, t, "atomClass", z.BINDING.MISSING_CONDITION("atomClass"));
+	return n ? Y(this, (e) => nn(e, n)) : this;
 }, e.fn.atomCss = function(e, t, n) {
-	let r = typeof e == "string" ? t === void 0 ? null : { [e]: n ? [t, n] : t } : e;
-	return r ? q(this, (e) => un(e, r), { needsCtx: !0 }) : (console.warn(`${V.BINDING} ${H.BINDING.MISSING_SOURCE("atomCss")}`), this);
+	let r = _n(e, t !== void 0 && n ? [t, n] : t, "atomCss");
+	return r ? Y(this, (e) => rn(e, r)) : this;
 }, e.fn.atomAttr = function(e, t) {
-	let n = typeof e == "string" ? t === void 0 ? null : { [e]: t } : e;
-	return n ? q(this, (e) => dn(e, n), { needsCtx: !0 }) : (console.warn(`${V.BINDING} ${H.BINDING.MISSING_SOURCE("atomAttr")}`), this);
+	let n = _n(e, t, "atomAttr");
+	return n ? Y(this, (e) => an(e, n)) : this;
 }, e.fn.atomProp = function(e, t) {
-	let n = typeof e == "string" ? t === void 0 ? null : { [e]: t } : e;
-	return n ? q(this, (e) => fn(e, n), { needsCtx: !0 }) : (console.warn(`${V.BINDING} ${H.BINDING.MISSING_SOURCE("atomProp")}`), this);
+	let n = _n(e, t, "atomProp");
+	return n ? Y(this, (e) => on(e, n)) : this;
 }, e.fn.atomShow = function(e) {
-	return q(this, (t) => pn(t, e, !1), { needsCtx: !0 });
+	return Y(this, (t) => sn(t, e, !1));
 }, e.fn.atomHide = function(e) {
-	return q(this, (t) => pn(t, e, !0), { needsCtx: !0 });
+	return Y(this, (t) => sn(t, e, !0));
 }, e.fn.atomVal = function(e, t = {}) {
-	return q(this, (n) => mn(n, e, t), { needsCtx: !0 });
+	return Y(this, (n) => cn(n, e, t));
 }, e.fn.atomChecked = function(e) {
-	return q(this, (t) => gn(t, e), { needsCtx: !0 });
+	return Y(this, (t) => un(t, e));
 }, e.fn.atomForm = function(e, t = {}) {
-	return q(this, (n, r) => {
-		r instanceof HTMLFormElement ? Sn(r, e, t) : W.log(V.BINDING, "Skipping non-Form element for atomForm");
-	}, { needsCtx: !1 });
+	return Y(this, (n) => {
+		n instanceof HTMLFormElement ? hn(n, e, t) : V.warn(R.BINDING, "Skipping non-Form element for atomForm");
+	});
 }, e.fn.atomOn = function(e, t) {
-	return q(this, (n) => vn(n, e, t), { needsCtx: !0 });
+	return Y(this, (n) => fn(n, e, t));
 };
-var Cn = [
-	(e, t) => sn(e, ...gt(t.text)),
-	(e, t) => cn(e, t.html),
-	(e, t) => ln(e, t.class),
-	(e, t) => un(e, t.css),
-	(e, t) => dn(e, t.attr),
-	(e, t) => fn(e, t.prop),
-	(e, t) => pn(e, t.show, !1),
-	(e, t) => pn(e, t.hide, !0),
-	(e, t) => mn(e, ...gt(t.val)),
-	(e, t) => gn(e, t.checked),
-	(e, t) => {
-		e.el instanceof HTMLFormElement && Sn(e.el, ...gt(t.form));
+var vn = [
+	{
+		key: "text",
+		run: (e, t) => en(e, ...gn(t))
+	},
+	{
+		key: "html",
+		run: (e, t) => tn(e, t)
+	},
+	{
+		key: "class",
+		run: (e, t) => nn(e, t)
+	},
+	{
+		key: "css",
+		run: (e, t) => rn(e, t)
+	},
+	{
+		key: "attr",
+		run: (e, t) => an(e, t)
+	},
+	{
+		key: "prop",
+		run: (e, t) => on(e, t)
+	},
+	{
+		key: "show",
+		run: (e, t) => sn(e, t, !1)
+	},
+	{
+		key: "hide",
+		run: (e, t) => sn(e, t, !0)
+	},
+	{
+		key: "val",
+		run: (e, t) => cn(e, ...gn(t))
+	},
+	{
+		key: "checked",
+		run: (e, t) => un(e, t)
+	},
+	{
+		key: "form",
+		run: (e, t) => {
+			e instanceof HTMLFormElement && hn(e, ...gn(t));
+		}
 	},
-	(e, t) => _n(e, t.on)
+	{
+		key: "on",
+		run: (e, t) => dn(e, t)
+	}
 ];
 e.fn.atomBind = function(e) {
-	let t = 0;
-	return e.text !== void 0 && (t |= 1), e.html !== void 0 && (t |= 2), e.class !== void 0 && (t |= 4), e.css !== void 0 && (t |= 8), e.attr !== void 0 && (t |= 16), e.prop !== void 0 && (t |= 32), e.show !== void 0 && (t |= 64), e.hide !== void 0 && (t |= 128), e.val !== void 0 && (t |= 256), e.checked !== void 0 && (t |= 512), e.form !== void 0 && (t |= 1024), e.on !== void 0 && (t |= 2048), t === 0 ? this : q(this, (n) => {
-		let r = t;
-		for (; r > 0;) {
-			let t = r & -r;
-			Cn[31 - Math.clz32(t)](n, e), r ^= t;
-		}
-	}, { needsCtx: !0 });
+	let t = e, n = !1;
+	for (let e = 0, r = vn.length; e < r; e++) if (t[vn[e].key] !== void 0) {
+		n = !0;
+		break;
+	}
+	return n ? Y(this, (e) => {
+		for (let n = 0, r = vn.length; n < r; n++) {
+			let r = vn[n], i = t[r.key];
+			i !== void 0 && r.run(e, i);
+		}
+	}) : this;
 }, e.fn.atomUnbind = function() {
-	return q(this, (e, t) => yn(t), { needsCtx: !1 });
+	return Y(this, (e) => H.cleanupTree(e));
 };
 //#endregion
 //#region src/bindings/list/utils.ts
-function Q(t) {
+function yn(t) {
 	return t instanceof Element ? e(t) : t;
 }
-function wn(e, t) {
+function bn(e, t) {
 	if (e instanceof Element) t === null ? e.removeAttribute("data-atom-key") : e.setAttribute("data-atom-key", t);
 	else if (!e.nodeType) {
 		let n = e;
@@ -2219,93 +2168,91 @@ function wn(e, t) {
 		}
 	}
 }
-function Tn(e) {
-	if (e instanceof Element) K.cleanupTree(e);
+function xn(e) {
+	if (e instanceof Element) H.cleanupTree(e);
 	else for (let t = 0, n = e.length; t < n; t++) {
 		let n = e[t];
-		n instanceof Element && K.cleanupTree(n);
+		n instanceof Element && H.cleanupTree(n);
 	}
 }
 //#endregion
 //#region src/bindings/list/context.ts
-var En = class {
+var Sn = class {
 	constructor(e, t, n) {
-		this.$container = e, this.containerSelector = t, this.onRemove = n, this.oldKeys = [], this.oldItems = [], this.oldNodes = [], this.removingKeys = /* @__PURE__ */ new Set(), this.$emptyEl = null, this.keyToIndex = /* @__PURE__ */ new Map(), this.statesBuffer = new Uint8Array(256), this.indicesBuffer = new Int32Array(256);
+		this.$container = e, this.containerSelector = t, this.onRemove = n, this.oldKeys = [], this.oldItems = [], this.oldNodes = [], this.removingKeys = /* @__PURE__ */ new Set(), this.$emptyEl = null, this.keyToIndex = /* @__PURE__ */ new Map();
 	}
 	scheduleRemoval(e, t) {
 		let n = () => {
-			this.fx?.isDisposed || t[0] instanceof Element && t[0].hasAttribute("data-atom-key") || (t[0]?.isConnected && t.remove(), this.removingKeys.delete(e), W.log(V.LIST, `${this.containerSelector} removed item:`, e));
+			this.fx?.isDisposed || t[0] instanceof Element && t[0].hasAttribute("data-atom-key") || (t[0]?.isConnected && t.remove(), this.removingKeys.delete(e));
 		}, r = this.onRemove?.(t);
 		r instanceof Promise ? r.then(n, n) : n();
 	}
 	removeItem(e, t) {
-		wn(t, null), this.removingKeys.add(e), this.scheduleRemoval(e, t);
+		bn(t, null), this.removingKeys.add(e), this.scheduleRemoval(e, t);
 	}
 	dispose() {
-		this.removingKeys.clear(), this.oldKeys.length = 0, this.oldItems.length = 0, this.oldNodes.length = 0, this.keyToIndex.clear(), this.$emptyEl?.remove(), this.$container.off(".atomList"), this.statesBuffer = new Uint8Array(), this.indicesBuffer = new Int32Array();
-	}
-	ensureBuffers(e) {
-		this.statesBuffer.length < e && (this.statesBuffer = new Uint8Array(Math.max(e, this.statesBuffer.length * 2))), this.indicesBuffer.length < e && (this.indicesBuffer = new Int32Array(Math.max(e, this.indicesBuffer.length * 2)));
+		this.removingKeys.clear(), this.oldKeys = [], this.oldItems = [], this.oldNodes = [], this.keyToIndex.clear(), this.$emptyEl?.remove(), this.$container.off(".atomList");
 	}
+}, X = {
+	Unchanged: 0,
+	Existing: 1,
+	New: 2,
+	ForceReplace: 4
 };
 //#endregion
 //#region src/bindings/list/diff.ts
-function Dn(e, t, n, r, i, a, o) {
-	let { oldKeys: s, oldItems: c, oldNodes: l, removingKeys: u, keyToIndex: d } = e, f = s.length, p = 0, m = f - 1, h = n - 1, g = a || ze;
+function Cn(e, t, n, r, i, a) {
+	let { oldKeys: o, oldItems: s, oldNodes: c, removingKeys: l, keyToIndex: u } = e, d = o.length, f = a || et, p = 0, m = d - 1, h = n - 1, g = /* @__PURE__ */ new Set(), _ = Array(n), v = Array(n), y = Array(n), b = Array(n), x = Array(n), S = [];
 	for (; p <= m && p <= h;) {
 		let e = t[p], n = r(e, p);
-		if (s[p] !== n || !g(c[p], e) || !l[p]) break;
-		d.set(n, p++);
+		if (o[p] !== n || !f(s[p], e) || !c[p]) break;
+		u.set(n, p++);
 	}
 	for (; m >= p && h >= p;) {
 		let e = t[h], n = r(e, h);
-		if (s[m] !== n || !g(c[m], e) || !l[m]) break;
-		d.set(n, h--), m--;
-	}
-	let _ = o.map.acquire();
-	for (let e = p; e <= m; e++) _.set(s[e], e);
-	let v = o.set.acquire();
-	e.ensureBuffers(n);
-	let y = o.array.acquire();
-	y.length = n;
-	let b = o.array.acquire();
-	b.length = n;
-	let x = o.array.acquire();
-	x.length = n;
-	let S = e.statesBuffer, C = e.indicesBuffer, ee = o.array.acquire(), w = o.array.acquire(), te = o.array.acquire();
-	for (let e = 0; e < p; e++) {
-		let n = s[e];
-		y[e] = n, b[e] = t[e], x[e] = l[e], S[e] = 3, C[e] = e, v.add(n);
+		if (o[m] !== n || !f(s[m], e) || !c[m]) break;
+		u.set(n, h--), m--;
 	}
-	for (let e = f - 1, r = n - 1; r > h; r--, e--) {
-		let n = s[e];
-		y[r] = n, b[r] = t[r], x[r] = l[e], S[r] = 3, C[r] = e, v.add(n);
+	for (let e = 0; e < p; e++) {
+		let n = o[e];
+		_[e] = n, v[e] = t[e], y[e] = c[e], b[e] = X.Unchanged, x[e] = e, g.add(n);
 	}
-	for (let n = p; n <= h; n++) {
-		let o = t[n], s = r(o, n);
-		if (y[n] = s, b[n] = o, d.set(s, n), v.has(s)) {
-			W.warn(V.LIST, H.LIST.DUPLICATE_KEY(s, n, e.containerSelector)), C[n] = -1;
+	for (let e = d - 1, r = n - 1; r > h; r--, e--) {
+		let n = o[e];
+		_[r] = n, v[r] = t[r], y[r] = c[e], b[r] = X.Unchanged, x[r] = e, g.add(n);
+	}
+	let C = /* @__PURE__ */ new Map();
+	for (let e = p; e <= m; e++) C.set(o[e], e);
+	for (let e = p; e <= h; e++) {
+		let n = t[e], a = r(n, e);
+		if (_[e] = a, v[e] = n, u.set(a, e), g.has(a)) {
+			V.warn(R.LIST, z.LIST.DUPLICATE_KEY(a, e)), x[e] = -1;
 			continue;
 		}
-		v.add(s);
-		let f = _.get(s);
-		if (f === void 0) {
-			ee.push(s), w.push(o), te.push(n), C[n] = -1, S[n] = 1;
+		g.add(a);
+		let o = C.get(a), d = o !== void 0 && !l.has(a) ? o : void 0;
+		if (d === void 0) {
+			S.push({
+				key: a,
+				item: n,
+				index: e
+			}), x[e] = -1, b[e] = X.New;
 			continue;
 		}
-		let p = c[f];
-		x[n] = l[f], !i && p !== o && !(a ? a(p, o) : ze(p, o)) ? (ee.push(s), w.push(o), te.push(n), S[n] = 2) : S[n] = 0, C[n] = u.has(s) ? -1 : f;
-	}
-	return o.map.release(_), {
-		newKeys: y,
-		newKeySet: v,
-		newItems: b,
-		newNodes: x,
-		newStates: S,
-		newIndices: C,
-		trKeys: ee,
-		trItems: w,
-		trIdxs: te,
+		y[e] = c[d], !i && !f(s[d], n) ? (S.push({
+			key: a,
+			item: n,
+			index: e
+		}), b[e] = X.ForceReplace) : b[e] = X.Existing, x[e] = d;
+	}
+	return {
+		newKeys: _,
+		newKeySet: g,
+		newItems: v,
+		newNodes: y,
+		newStates: b,
+		newIndices: x,
+		toRender: S,
 		startIndex: p,
 		oldEndIndex: m,
 		newEndIndex: h
@@ -2313,106 +2260,104 @@ function Dn(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/bindings/list/dom.ts
-var On = 0;
-function kn(e, t, n) {
+function wn(e, t, n) {
 	if (!e) return;
 	if (e instanceof Element) {
 		n.insertBefore(e, t);
 		return;
 	}
-	let r = e.length;
-	for (let i = 0; i < r; i++) {
-		let r = e[i];
-		r && n.insertBefore(r, t);
+	let r = e;
+	for (let e = 0, i = r.length; e < i; e++) {
+		let i = r[e];
+		i && n.insertBefore(i, t);
 	}
 }
-function An(t, n, r, i, a) {
+function Tn(t, n, r, i) {
 	if (t.$emptyEl && n > 0 && (t.$emptyEl.remove(), t.$emptyEl = null), n !== 0) return;
-	let { oldKeys: o, oldNodes: s, onRemove: c } = t;
-	if (c) for (let e = 0, n = o.length; e < n; e++) {
-		let n = o[e];
-		s[e] && t.removeItem(n, Q(s[e]));
-	}
-	else {
-		for (let e = 0, n = o.length; e < n; e++) t.removingKeys.delete(o[e]);
-		r.empty();
-	}
-	i && !t.$emptyEl && (t.$emptyEl = e(typeof i == "string" ? Z(i) : i), t.$emptyEl.appendTo(r)), a.release(t.oldKeys), a.release(t.oldItems), a.release(t.oldNodes), t.oldKeys = [], t.oldItems = [], t.oldNodes = [];
-}
-function jn(t, n, r) {
-	let { trKeys: i, trItems: a, trIdxs: o, newNodes: s, newStates: c } = t, l = i.length, u = Array(l), d = [], f = 0;
-	for (let e = 0; e < l; e++) {
-		let t = n.render(a[e], o[e]);
-		u[e] = t, typeof t == "string" && (d.push(t), f++);
-	}
-	let p = null;
-	if (d.length > 0) if (d.length === 1) p = [Z(d[0])];
-	else {
-		let e = `<template data-atom-sep="${(On++).toString(36)}"></template>`;
-		p = Z(d.join(e)).split(e);
-	}
-	if (r && p && f === l && !n.bind && !n.onAdd && !n.onRemove && !n.events && e.parseHTML(p.join("")).length === l) return p;
-	let m = 0;
-	for (let t = 0; t < l; t++) {
-		let n = u[t], r = e(typeof n == "string" ? e.parseHTML(p[m++]) : n), a = o[t];
-		if (wn(r, String(i[t])), c[a] === 2 && s[a]) {
-			let e = s[a];
-			Tn(e);
-			let t = Q(e);
-			t.first().before(r), t.remove();
-		}
-		s[a] = r.length === 1 ? r[0] : r;
+	let { oldKeys: a, oldNodes: o, onRemove: s } = t;
+	if (!s) r.empty();
+	else for (let e = 0, n = a.length; e < n; e++) {
+		let n = a[e], r = o[e];
+		r && t.removeItem(n, yn(r));
+	}
+	i && !t.$emptyEl && (t.$emptyEl = e(typeof i == "string" ? e.parseHTML(J(i)) : i), t.$emptyEl.appendTo(r)), t.oldKeys = [], t.oldItems = [], t.oldNodes = [];
+}
+function En(t, n, r) {
+	let { toRender: i, newNodes: a, newStates: o } = t, s = i.length;
+	if (s === 0) return null;
+	let c = Array(s), l = [], u = !0;
+	for (let e = 0; e < s; e++) {
+		let t = n.render(i[e].item, i[e].index);
+		c[e] = t, typeof t == "string" ? l.push(t) : u = !1;
+	}
+	let d = null;
+	if (l.length > 0 && (d = Dn(l)), r && u && d && !n.bind && !n.onAdd && !n.events && e.parseHTML(d.join("")).length === s) return d;
+	let f = 0;
+	for (let t = 0; t < s; t++) {
+		let { key: n, index: r } = i[t], s = c[t], l = e(typeof s == "string" ? e.parseHTML(d[f++]) : s);
+		if (bn(l, String(n)), o[r] === X.ForceReplace && a[r]) {
+			let e = a[r];
+			xn(e);
+			let t = yn(e);
+			t.first().before(l), t.remove();
+		}
+		a[r] = l.length === 1 ? l[0] : l;
 	}
 	return null;
 }
-function Mn(e, t) {
+function Dn(e) {
+	if (e.length === 1) return [J(e[0])];
+	let t = `<template data-atom-sep="s${Math.random().toString(36).slice(2)}"></template>`;
+	return J(e.join(t)).split(t);
+}
+function On(e, t) {
 	let { startIndex: n, oldEndIndex: r, newKeySet: i } = t;
 	for (let t = n; t <= r; t++) {
 		let n = e.oldKeys[t];
-		!i.has(n) && e.oldNodes[t] && e.removeItem(n, Q(e.oldNodes[t]));
+		!i.has(n) && e.oldNodes[t] && e.removeItem(n, yn(e.oldNodes[t]));
 	}
 }
-function Nn(t, n, r, i, a) {
+function kn(t, n, r, i, a) {
 	let { newKeys: o, newItems: s, newNodes: c, newStates: l, newIndices: u } = n, d = o.length;
-	if (a !== null) {
+	if (a) {
 		r.innerHTML = a.join("");
-		let n = r.firstElementChild;
-		for (let r = 0; r < d && n; r++) n.setAttribute("data-atom-key", String(o[r])), c[r] = n, l[r] = 0, t.removingKeys.delete(o[r]), W.domUpdated(V.LIST, e(n), "list.add", s[r]), n = n.nextElementSibling;
+		let t = r.firstElementChild;
+		for (let n = 0; n < d && t; n++) t.setAttribute("data-atom-key", String(o[n])), c[n] = t, l[n] = X.Existing, V.domUpdated(R.LIST, e(t), "list.add", s[n]), t = t.nextElementSibling;
 		return;
 	}
 	if (t.oldKeys.length === 0 && t.removingKeys.size === 0) {
 		let e = document.createDocumentFragment();
-		for (let t = 0; t < d; t++) {
-			let n = c[t];
-			if (n) if (n instanceof Element) e.appendChild(n);
-			else for (let t = 0; t < n.length; t++) e.appendChild(n[t]);
+		for (let t of c) if (t) if (t instanceof Element) e.appendChild(t);
+		else {
+			let n = t;
+			for (let t = 0; t < n.length; t++) {
+				let r = n[t];
+				r && e.appendChild(r);
+			}
 		}
 		r.innerHTML = "", r.appendChild(e);
 	} else {
-		let e = null, t = 2147483647;
+		let e = null, t = Infinity;
 		for (let n = d - 1; n >= 0; n--) {
 			let i = u[n], a = c[n];
-			a && (i !== -1 && i < t ? t = i : kn(a, e, r), e = a instanceof Element ? a : a[0] ?? null);
+			if (!a) continue;
+			let o = a instanceof Element ? a : a[0];
+			o && (i !== -1 && i < t ? t = i : wn(a, e, r), e = o);
 		}
 	}
 	for (let e = 0; e < d; e++) {
 		let n = l[e];
-		if (n !== 3) {
-			let r = c[e];
-			if (!r) continue;
-			let a = Q(r), l = s[e];
-			n === 0 ? i.update?.(a, l, e) : i.bind?.(a, l, e), n === 1 && (i.onAdd?.(a), t.removingKeys.delete(o[e]), W.domUpdated(V.LIST, a, "list.add", l));
-		}
+		if (n === X.Unchanged) continue;
+		let r = c[e];
+		if (!r) continue;
+		let a = yn(r), u = s[e];
+		n === X.Existing ? i.update?.(a, u, e) : (i.bind?.(a, u, e), n === X.New && (i.onAdd?.(a), t.removingKeys.delete(o[e]), V.domUpdated(R.LIST, a, "list.add", u)));
 	}
 }
 //#endregion
 //#region src/bindings/list/index.ts
-var Pn = /* @__PURE__ */ new WeakMap(), Fn = new at(() => /* @__PURE__ */ new Map(), (e) => e.clear()), In = new at(() => /* @__PURE__ */ new Set(), (e) => e.clear()), $ = new it(100, 1024), Ln = {
-	map: Fn,
-	set: In,
-	array: $
-};
-function Rn(t, n) {
+var An = /* @__PURE__ */ new WeakMap();
+function jn(t, n) {
 	let r = typeof n.key == "function" ? n.key : (e) => e[n.key], i = {
 		bind: n.bind,
 		update: n.update,
@@ -2421,327 +2366,625 @@ function Rn(t, n) {
 		events: n.events
 	};
 	for (let a = 0, o = this.length; a < o; a++) {
-		let o = this[a], s = e(o);
-		s.off(".atomList");
-		let c = Pn.get(o);
+		let o = this[a], s = e(o), c = An.get(o);
 		c && (c.fx.dispose(), c.ctx.dispose());
-		let l = new En(s, Re(o), n.onRemove), u = R(() => {
+		let l = new Sn(s, B(o), n.onRemove), u = L(() => {
 			let e = t.value, a = e.length;
 			O(() => {
-				if (An(l, a, s, n.empty, $), a === 0) return;
-				W.log(V.LIST, `${l.containerSelector} updating with ${a} items`);
-				let t = Dn(l, e, a, r, n.update, n.isEqual, Ln), c = jn(t, n, l.oldKeys.length === 0);
-				if (Mn(l, t), Nn(l, t, o, i, c), n.events) for (let e = t.startIndex; e <= t.oldEndIndex; e++) t.newKeySet.has(l.oldKeys[e]) || l.keyToIndex.delete(l.oldKeys[e]);
-				$.release(l.oldKeys), $.release(l.oldItems), $.release(l.oldNodes), l.oldKeys = t.newKeys, l.oldItems = t.newItems, l.oldNodes = t.newNodes, In.release(t.newKeySet), $.release(t.trKeys), $.release(t.trItems), $.release(t.trIdxs);
+				if (Tn(l, a, s, n.empty), a === 0) return;
+				let t = l.oldKeys.length === 0 && l.removingKeys.size === 0;
+				l.keyToIndex.clear();
+				let c = Cn(l, e, a, r, n.update, n.isEqual), u = En(c, n, t);
+				On(l, c), kn(l, c, o, i, u), l.oldKeys = c.newKeys, l.oldItems = c.newItems, l.oldNodes = c.newNodes;
 			});
 		});
-		if (l.fx = u, n.events) for (let e in n.events) {
-			if (!B.call(n.events, e)) continue;
-			let t = e.indexOf(" "), r = t === -1 ? e : e.slice(0, t), i = t === -1 ? "> *" : e.slice(t + 1).trim(), a = n.events[e];
-			s.on(`${r}.atomList`, i, function(e) {
-				let t = e.target.closest?.("[data-atom-key]"), n = t?.getAttribute("data-atom-key");
-				if (n == null) return;
-				let r = n;
-				if (!l.keyToIndex.has(n)) {
-					let e = Number(n);
-					!Number.isNaN(e) && l.keyToIndex.has(e) && (r = e);
-				}
-				let i = l.keyToIndex.get(r);
-				i !== void 0 && a.call(t, l.oldItems[i], i, e);
-			});
-		}
-		K.trackEffect(o, u), Pn.set(o, {
+		l.fx = u, n.events && Mn(l, s, n.events), H.trackEffect(o, u), An.set(o, {
 			fx: u,
 			ctx: l
-		}), K.trackCleanup(o, () => {
-			l.dispose(), Pn.delete(o);
+		}), H.trackCleanup(o, () => {
+			l.dispose(), An.delete(o);
 		});
 	}
 	return this;
 }
-e.fn.atomList = Rn;
+function Mn(e, t, n) {
+	for (let r in n) {
+		if (!$e.call(n, r)) continue;
+		let i = r.indexOf(" "), a = i === -1 ? r : r.slice(0, i), o = i === -1 ? "> *" : r.slice(i + 1).trim(), s = n[r];
+		t.on(`${a}.atomList`, o, function(t) {
+			let n = t.target.closest?.("[data-atom-key]"), r = n?.getAttribute("data-atom-key");
+			if (r == null) return;
+			let i = r;
+			if (!e.keyToIndex.has(r)) {
+				let t = Number(r);
+				!Number.isNaN(t) && e.keyToIndex.has(t) && (i = t);
+			}
+			let a = e.keyToIndex.get(i);
+			a !== void 0 && s.call(n, e.oldItems[a], a, t);
+		});
+	}
+}
+e.fn.atomList = jn;
 //#endregion
 //#region src/bindings/mount.ts
-var zn = Object.freeze({});
+var Nn = Object.freeze({});
 e.fn.atomMount = function(t, n) {
-	let r = n ?? zn, i = t.name || "Component";
-	return q(this, (n, a) => {
-		K.cleanupTree(a);
-		try {
-			let n = O(() => Se(() => t(e(a), r)));
-			typeof n == "function" && K.setComponentCleanup(a, n);
-		} catch (e) {
-			W.error(V.MOUNT, H.MOUNT.ERROR(i), e);
+	let r = n ?? Nn;
+	return Y(this, (n) => {
+		H.cleanupTree(n);
+		let i = O(() => Ce(() => t(e(n), r)));
+		if (i) {
+			let e = typeof i == "function" ? i : i.unmount;
+			H.setComponentCleanup(n, e);
 		}
 	});
 }, e.fn.atomUnmount = function() {
-	return q(this, (e, t) => yn(t));
+	return Y(this, (e) => H.cleanupTree(e));
 };
 //#endregion
 //#region src/features/route.ts
-function Bn(e, t) {
-	try {
-		history.pushState(e, "", t);
-	} catch (e) {
-		W.warn(V.ROUTE, "PushState failed (likely file:// protocol or security restriction). UI will update, but URL will not.", e);
+var Z = {
+	normalize: (e) => e.replace(/(^\/+|\/+$)/g, ""),
+	split: (e) => {
+		let [t, n] = e.split("?");
+		return {
+			route: Z.normalize(t || ""),
+			query: n
+		};
+	},
+	isSameParams: (e, t) => {
+		if (e === t) return !0;
+		let n = Object.keys(e), r = Object.keys(t);
+		return n.length === r.length && n.every((n) => e[n] === t[n]);
 	}
-}
-var Vn = class {
-	parseQueryParams(e) {
-		let t = {};
-		return e && new URLSearchParams(e).forEach((e, n) => {
+};
+function Pn(e) {
+	let t = {};
+	if (!e) return t;
+	try {
+		new URLSearchParams(e).forEach((e, n) => {
 			t[n] = e;
-		}), t;
-	}
-	constructor(t) {
-		this.isDestroyed = !1, this.previousRoute = "", this.cleanups = [], this.templateCache = /* @__PURE__ */ new Map(), this.routeCleanups = [], this.lastRawQuery = "", this.cachedParams = {}, this.config = {
-			mode: Be.mode,
-			basePath: Be.basePath,
-			autoBindLinks: Be.autoBindLinks,
-			activeClass: Be.activeClass,
-			notFound: t.notFound || "",
-			beforeTransition: t.beforeTransition || (() => {}),
-			afterTransition: t.afterTransition || (() => {}),
-			...t
-		}, this.isHistoryMode = this.config.mode === "history", this.basePath = this.config.basePath.replace(/\/$/, ""), this.activeClass = this.config.activeClass, this.$target = e(this.config.target), this.previousUrl = this.isHistoryMode ? location.pathname + location.search : location.hash, this.currentRouteAtom = we(this.getRouteName()), this.currentRoute = this.currentRouteAtom, this.queryParamsAtom = we(this.getQueryParams()), this.queryParams = L(() => this.queryParamsAtom.value), this.init();
-	}
-	init() {
-		let e = this.isHistoryMode ? "popstate" : "hashchange", t = this.handleUrlChange.bind(this);
-		window.addEventListener(e, t), this.cleanups.push(() => window.removeEventListener(e, t));
-		let n = R(() => {
-			let e = this.currentRouteAtom.value;
-			O(() => {
-				for (let e of this.routeCleanups) try {
-					e();
-				} catch {}
-				this.routeCleanups.length = 0;
-			}), this.renderRoute(e);
 		});
-		this.cleanups.push(() => n.dispose()), this.setupAutoBindLinks(), this.$target[0] && K.trackCleanup(this.$target[0], () => this.destroy());
-	}
-	getRouteName() {
-		let { default: e } = this.config;
-		if (this.isHistoryMode) {
-			let t = this.basePath, n = location.pathname;
-			return t && (n === t || n.startsWith(`${t}/`)) && (n = n.substring(t.length)), n.replace(/^\/+/, "") || e;
-		}
-		let t = location.hash, { route: n } = this.splitPath(t.startsWith("#") ? t.substring(1) : t);
-		return n || e;
-	}
-	getQueryParams() {
-		let e = this.getCurrentRawQuery();
-		if (e === this.lastRawQuery) return this.cachedParams;
-		this.lastRawQuery = e;
-		let t = this.parseQueryParams(e);
-		return this.areParamsEqual(t, this.cachedParams) ? this.cachedParams : (e.indexOf("%"), this.cachedParams = t, t);
-	}
-	getCurrentRawQuery() {
-		if (this.isHistoryMode) return location.search.substring(1);
-		let e = location.hash, t = e.indexOf("?");
-		return t === -1 ? "" : e.substring(t + 1);
-	}
-	areParamsEqual(e, t) {
-		let n = Object.keys(e);
-		if (n.length !== Object.keys(t).length) return !1;
-		for (let r of n) if (e[r] !== t[r]) return !1;
-		return !0;
-	}
-	splitPath(e) {
-		let t = e.indexOf("?"), n = t === -1 ? e : e.slice(0, t), r = t === -1 ? void 0 : e.slice(t + 1);
+	} catch {}
+	return t;
+}
+var Fn = (e) => {
+	let t = e ? `/${Z.normalize(e)}` : "", n = `${location.origin}${t}/`.replace(/\/+$/, "/");
+	return {
+		getBrowserState: () => {
+			let e = location.pathname;
+			return t && e.startsWith(t) && (e = e.substring(t.length)), {
+				path: Z.normalize(e),
+				query: Pn(location.search.substring(1)),
+				url: location.pathname + location.search
+			};
+		},
+		commit: (e) => {
+			let { route: t, query: r } = Z.split(e), i = new URL(t, n);
+			r && (i.search = r);
+			let a = i.pathname + i.search;
+			try {
+				history.pushState(null, "", a);
+			} catch {}
+			return {
+				path: Z.normalize(t),
+				query: Pn(r || ""),
+				url: a
+			};
+		},
+		revert: (e) => {
+			if (location.pathname + location.search !== e) try {
+				history.replaceState(null, "", e);
+			} catch {}
+		},
+		resolveAnchor: (e) => {
+			let n = e.pathname;
+			return t && n.startsWith(t) && (n = n.substring(t.length)), Z.normalize(n) + e.search;
+		},
+		setupListener: (e) => (window.addEventListener("popstate", e), () => window.removeEventListener("popstate", e))
+	};
+}, In = () => ({
+	getBrowserState: () => {
+		let e = location.hash, t = e.startsWith("#") ? e.substring(1) : e, { route: n, query: r } = Z.split(t);
 		return {
-			route: n.replace(/^\/+/, ""),
-			query: r
+			path: n,
+			query: Pn(r || ""),
+			url: e
 		};
+	},
+	commit: (e) => {
+		let { route: t, query: n } = Z.split(e), r = `#${n ? `${t}?${n}` : t}`;
+		return location.hash = r, {
+			path: Z.normalize(t),
+			query: Pn(n || ""),
+			url: r
+		};
+	},
+	revert: (e) => {
+		location.hash !== e && (location.hash = e);
+	},
+	resolveAnchor: (e) => e.hash.startsWith("#") ? Z.normalize(e.hash.substring(1)) : "",
+	setupListener: (e) => (window.addEventListener("hashchange", e), () => window.removeEventListener("hashchange", e))
+}), Ln = class {
+	constructor(e) {
+		this.routes = [], Object.entries(e).forEach(([e, t]) => {
+			let n = Z.normalize(e);
+			if (!n.includes(":")) this.routes.push({
+				kind: "exact",
+				pattern: n,
+				def: t
+			});
+			else {
+				let e = [], r = n.replace(/[.*+?^${}()|[\]\\]/g, "\\$&").replace(/:(\w+)/g, (t, n) => (e.push(n), "([^/]+)"));
+				this.routes.push({
+					kind: "dynamic",
+					pattern: n,
+					regex: RegExp(`^${r}$`),
+					paramNames: e,
+					def: t
+				});
+			}
+		});
 	}
-	setUrl(e) {
-		let { route: t, query: n } = this.splitPath(e), r = n ? `${t}?${n}` : t, i = this.isHistoryMode ? `${this.basePath}/${r}` : `#${r}`;
-		this.isHistoryMode ? Bn(null, i) : location.hash = i, this.previousUrl = this.isHistoryMode ? i : location.hash;
-	}
-	restoreUrl() {
-		try {
-			this.isHistoryMode ? history.replaceState(null, "", this.previousUrl) : location.hash = this.previousUrl;
-		} catch (e) {
-			W.warn(V.ROUTE, "Restore URL failed", e);
+	match(e) {
+		let t = Z.normalize(e);
+		for (let e of this.routes) if (e.kind === "exact") {
+			if (e.pattern === t) return {
+				kind: "found",
+				route: e,
+				params: {}
+			};
+		} else {
+			let n = t.match(e.regex);
+			if (n) return {
+				kind: "found",
+				route: e,
+				params: e.paramNames.reduce((e, t, r) => {
+					try {
+						e[t] = decodeURIComponent(n[r + 1] || "");
+					} catch {
+						e[t] = n[r + 1] || "";
+					}
+					return e;
+				}, {})
+			};
 		}
+		return { kind: "not-found" };
 	}
-	renderRoute(e) {
-		if (this.isDestroyed || !this.$target[0]) return;
-		let { routes: t, notFound: n, beforeTransition: r, afterTransition: i } = this.config, a = t[e] ?? (n ? t[n] : void 0);
-		if (!a) {
-			W.warn(V.ROUTE, H.ROUTE.NOT_FOUND(e));
-			return;
-		}
-		let o = this.getQueryParams(), s = this.previousRoute;
-		r && O(() => r(s, e)), this.$target.empty();
-		let c = o;
-		if (a.onEnter) {
-			let e = O(() => a.onEnter(o, this));
-			e && (c = {
-				...o,
-				...e
+}, Rn = class {
+	constructor(t) {
+		this.isDestroyed = !1, this.previousPath = "", this.previousUrl = "", this.cleanups = [], this.routeCleanups = [], this.config = this.parseConfig(t), this.activeClass = this.config.activeClass;
+		let n = this.config.target;
+		typeof n == "string" || n instanceof HTMLElement ? this.$target = e(n) : this.$target = n, this.urlAdapter = this.config.mode === "history" ? Fn(this.config.basePath) : In(), this.discoverRoutesFromDOM(), this.matcher = new Ln(this.config.routes);
+		let r = this.urlAdapter.getBrowserState();
+		this.previousUrl = r.url;
+		let i = r.path || this.config.default;
+		this.currentRouteAtom = De(i), this.currentRoute = this.currentRouteAtom, this.queryParamsAtom = De(r.query), this.queryParams = Me(() => this.queryParamsAtom.value);
+		let a = this.matcher.match(i), o = a.kind === "found" ? a.params : {};
+		this.paramsAtom = De({
+			...r.query,
+			...o
+		}), this.params = Me(() => this.paramsAtom.value), this.setupLifecycle();
+	}
+	parseConfig(e) {
+		return {
+			mode: Ke.mode,
+			basePath: Ke.basePath,
+			autoBindLinks: Ke.autoBindLinks,
+			activeClass: Ke.activeClass,
+			notFound: e.notFound || "",
+			beforeTransition: e.beforeTransition || (() => {}),
+			afterTransition: e.afterTransition || (() => {}),
+			default: e.default || "",
+			...e,
+			routes: e.routes || {}
+		};
+	}
+	setupLifecycle() {
+		this.cleanups.push(this.urlAdapter.setupListener(() => this.handleBrowserSync()));
+		let e = L(() => {
+			let e = this.currentRouteAtom.value;
+			this.queryParamsAtom.value, O(() => {
+				this.runRouteCleanups(), this.render(e);
 			});
-		}
-		let l = (e) => this.routeCleanups.push(e);
-		if (a.render) a.render(this.$target[0], e, c, l, this);
-		else if (a.template) {
-			let e = this.templateCache.get(a.template);
-			if (!e) {
-				let t = document.querySelector(a.template);
-				if (t instanceof HTMLTemplateElement) e = t, this.templateCache.set(a.template, e);
-				else {
-					W.warn(V.ROUTE, H.ROUTE.TEMPLATE_NOT_FOUND(a.template));
-					return;
-				}
-			}
-			this.$target.append(e.content.cloneNode(!0)), a.onMount && a.onMount(this.$target.children(), l, this);
-		}
-		i && O(() => i(s, e)), this.previousRoute = e;
+		});
+		this.cleanups.push(() => e.dispose()), this.config.autoBindLinks && this.setupInterception(), this.$target[0] && H.trackCleanup(this.$target[0], () => this.destroy());
+	}
+	navigate(e) {
+		if (this.isDestroyed || !this.canLeave()) return;
+		let { route: t, query: n } = Z.split(e), r = t || this.config.default;
+		if (!r) return;
+		let i = n ? `${r}?${n}` : r;
+		Ce(() => {
+			let e = this.urlAdapter.commit(i);
+			this.previousUrl = e.url, Z.isSameParams(this.queryParamsAtom.peek(), e.query) || (this.queryParamsAtom.value = e.query), this.currentRouteAtom.peek() !== e.path && (this.currentRouteAtom.value = e.path);
+		});
 	}
-	handleUrlChange() {
+	handleBrowserSync() {
 		if (this.isDestroyed) return;
-		let e = this.isHistoryMode ? location.pathname + location.search : location.hash;
-		if (e === this.previousUrl) return;
-		let t = this.getRouteName(), n = this.currentRouteAtom.peek();
-		if (n !== t) {
-			if (O(() => this.config.routes[n]?.onLeave?.(this)) === !1) {
-				this.restoreUrl();
+		let e = this.urlAdapter.getBrowserState();
+		if (e.url === this.previousUrl) return;
+		let t = e.path || this.config.default;
+		if (this.currentRouteAtom.peek() !== t) {
+			if (!this.canLeave()) {
+				this.urlAdapter.revert(this.previousUrl);
 				return;
 			}
 			this.currentRouteAtom.value = t;
 		}
-		this.queryParamsAtom.value = this.getQueryParams(), this.previousUrl = e;
+		this.queryParamsAtom.value = e.query, this.previousUrl = e.url;
 	}
-	setupAutoBindLinks() {
-		if (!this.config.autoBindLinks) return;
+	render(e) {
+		let t = this.matcher.match(e), n = t.kind === "found" ? t.route.def : this.config.routes[this.config.notFound];
+		if (!n) {
+			V.warn(R.ROUTE, z.ROUTE.NOT_FOUND(e));
+			return;
+		}
+		let r = t.kind === "found" ? t.route.pattern : e, i = t.kind === "found" ? t.params : {}, a = {
+			...this.queryParamsAtom.peek(),
+			...i
+		};
+		if (O(() => this.config.beforeTransition(this.previousPath, r)), n.onEnter) {
+			let e = O(() => n.onEnter(a, this));
+			if (e === !1) {
+				this.urlAdapter.revert(this.previousUrl);
+				return;
+			}
+			e && Object.assign(a, e);
+		}
+		Z.isSameParams(this.paramsAtom.peek(), a) || (this.paramsAtom.value = a), n.title && (document.title = n.title), this.updateDom(n, r, a), O(() => this.config.afterTransition(this.previousPath, r)), this.finalizeNavigation(r, a);
+	}
+	updateDom(t, n, r) {
+		let i = this.$target[0];
+		if (!i) return;
+		i.replaceChildren();
+		let a = (e) => this.routeCleanups.push(e);
+		if (t.render) t.render(i, n, r, a, this);
+		else if (t.template) {
+			let n = this.getTemplate(t.template);
+			n && (i.appendChild(n.content.cloneNode(!0)), t.onMount?.(e(i).children(), a, this));
+		}
+	}
+	discoverRoutesFromDOM() {
+		document.querySelectorAll("template[data-path]").forEach((e) => {
+			let t = Z.normalize(e.getAttribute("data-path") || ""), n = e.getAttribute("title") || e.getAttribute("data-title"), r = this.config.routes[t];
+			r ? n && !r.title && (r.title = n) : (e.id ||= `route-${Math.random().toString(36).substring(2, 9)}`, this.config.routes[t] = {
+				template: `#${e.id}`,
+				...n ? { title: n } : {}
+			}), e.hasAttribute("data-default") && !this.config.default && (this.config.default = t);
+		});
+	}
+	setupInterception() {
 		let t = (e) => {
-			e.preventDefault();
-			let t = e.currentTarget.dataset.route;
-			t != null && this.navigate(t);
+			let t = e.originalEvent;
+			if (t && (t.ctrlKey || t.metaKey || t.altKey || t.shiftKey || t.button !== 0)) return;
+			let n = e.currentTarget;
+			if (n.hasAttribute("data-ignore")) return;
+			let r = this.resolvePathFromElement(n);
+			r && this.shouldIntercept(r, n) && (e.preventDefault(), this.navigate(r));
 		};
-		e(document).on("click", "[data-route]", t), this.cleanups.push(() => e(document).off("click", "[data-route]", t));
-		let n = [], r = R(() => {
-			let e = this.currentRouteAtom.value, t = this.activeClass;
+		e(document).on("click", "a, [data-route]", t), this.cleanups.push(() => e(document).off("click", "a, [data-route]", t)), this.setupActiveEffect();
+	}
+	setupActiveEffect() {
+		let e = L(() => {
+			let e = this.currentRouteAtom.value, t = this.matcher.match(e), n = t.kind === "found" ? t.route.pattern : "";
 			O(() => {
-				for (let e of n) e.classList.remove(t), e.removeAttribute("aria-current");
-				try {
-					let r = `[data-route="${e.replace(/"/g, "\\\"")}"]`, i = Array.from(document.querySelectorAll(r));
-					for (let e of i) e.classList.add(t), e.setAttribute("aria-current", "page");
-					n = i;
-				} catch {
-					n = [];
-				}
+				document.querySelectorAll("a, [data-route]").forEach((t) => {
+					let r = this.resolvePathFromElement(t, !0), i = r === e || r === n;
+					t.classList.toggle(this.activeClass, i), i ? t.setAttribute("aria-current", "page") : t.removeAttribute("aria-current");
+				});
 			});
 		});
-		this.cleanups.push(() => {
-			r.dispose(), n.length = 0;
-		});
+		this.cleanups.push(() => e.dispose());
 	}
-	navigate(t) {
-		if (this.isDestroyed) return;
-		let n = this.currentRouteAtom.peek();
-		if (this.config.routes[n]?.onLeave?.(this) === !1) return;
-		let { route: r, query: i } = this.splitPath(t), a = r || this.config.default || "";
-		a && e.batch(() => {
-			this.setUrl(t);
-			let e = i ? this.parseQueryParams(i) : {};
-			this.areParamsEqual(e, this.queryParamsAtom.peek()) || (this.queryParamsAtom.value = e), this.currentRouteAtom.value = a;
-		});
+	resolvePathFromElement(e, t = !1) {
+		let n = e.dataset.route || "";
+		return !n && e instanceof HTMLAnchorElement && (n = this.urlAdapter.resolveAnchor(e)), t ? Z.split(n).route : n;
+	}
+	shouldIntercept(e, t) {
+		if (t instanceof HTMLAnchorElement && (t.rel === "external" || t.target && t.target !== "_self" || t.hasAttribute("download") || t.origin !== location.origin || (e.split("/").pop() || "").includes(".") && this.matcher.match(Z.split(e).route).kind === "not-found")) return !1;
+		let { route: n } = Z.split(e);
+		return this.matcher.match(n).kind === "found" || !!this.config.notFound;
+	}
+	canLeave() {
+		let e = this.matcher.match(this.currentRouteAtom.peek()), t = e.kind === "found" ? e.route.def : this.config.routes[this.config.notFound];
+		return t?.onLeave ? O(() => t.onLeave(this)) !== !1 : !0;
+	}
+	getTemplate(e) {
+		let t = document.querySelector(e);
+		return t instanceof HTMLTemplateElement ? t : null;
+	}
+	runRouteCleanups() {
+		this.routeCleanups.forEach((e) => {
+			try {
+				e();
+			} catch {}
+		}), this.routeCleanups = [];
+	}
+	finalizeNavigation(e, t) {
+		window.dispatchEvent(new CustomEvent("route-change", { detail: {
+			from: this.previousPath,
+			to: e,
+			params: t
+		} }));
+		let n = this.$target[0];
+		if (!n) return;
+		let r = n.querySelector("h1, [role=\"heading\"]"), i = r instanceof HTMLElement ? r : n;
+		i.tabIndex = -1, i.focus(), this.previousPath = e;
 	}
 	destroy() {
-		if (!this.isDestroyed) {
-			this.isDestroyed = !0;
-			for (let e of this.cleanups) try {
+		this.isDestroyed || (this.isDestroyed = !0, this.runRouteCleanups(), this.cleanups.forEach((e) => {
+			try {
 				e();
 			} catch {}
-			this.cleanups.length = 0, this.templateCache.clear();
-		}
+		}), this.cleanups = []);
 	}
 };
-function Hn(e) {
-	return new Vn(e);
+function zn(e) {
+	return new Rn(e);
 }
-e.extend({ route: Hn });
+e.extend({ route: zn });
 //#endregion
 //#region src/features/fetch.ts
-var Un = class {
-	constructor(t, n) {
-		this.abortController = null, this.execute = async () => {
-			this.abort();
-			let t = new AbortController();
-			this.abortController = t;
-			let { signal: n } = t, r;
-			try {
-				let t = this.prepareSettings(), i = e.ajax(t);
-				r = () => i.abort(), n.addEventListener("abort", r), n.aborted && i.abort();
-				let a = await i;
-				return this.transformFn ? this.transformFn(a) : a;
-			} catch (e) {
-				if (n.aborted) throw this.createAbortError();
-				return this.handleError(e);
-			} finally {
-				r && n.removeEventListener("abort", r), this.abortController === t && (this.abortController = null);
-			}
-		};
-		let r = typeof t == "string";
-		this.isStaticUrl = r, r ? (this.staticUrl = t, this.getUrl = () => this.staticUrl) : this.getUrl = t, this.ajaxOptionsFn = typeof n.ajaxOptions == "function" ? n.ajaxOptions : void 0;
-		let i = typeof n.ajaxOptions == "object" ? n.ajaxOptions : {};
-		this.staticOptions = {
-			...i,
-			headers: {
-				...i?.headers,
-				...n.headers
+function Bn(e, t) {
+	let n = typeof t.ajaxOptions == "object" ? t.ajaxOptions : {}, r = typeof t.ajaxOptions == "function" ? t.ajaxOptions() : {};
+	return {
+		...n,
+		...r,
+		url: e(),
+		method: t.method || r.method || n.method,
+		headers: {
+			...n?.headers,
+			...t.headers,
+			...r.headers
+		},
+		success: void 0,
+		error: void 0,
+		complete: void 0
+	};
+}
+function Vn(e, t) {
+	let n;
+	if (e && e.readyState !== void 0) {
+		let t = e;
+		n = /* @__PURE__ */ Error(`Network Error: ${t.statusText || "Unknown"} (${t.status})`), n.jqXHR = t;
+	} else n = e instanceof Error ? e : Error(String(e ?? "Unknown error"));
+	if (t) try {
+		t(n);
+	} catch {}
+	throw n;
+}
+function Hn(t, n) {
+	let r = typeof t == "string" ? () => t : t, i = null, a = Me(async () => {
+		i?.abort();
+		let t = new AbortController();
+		i = t;
+		let { signal: a } = t, o = Bn(r, n), s, c;
+		try {
+			s = e.ajax(o);
+			let t = s;
+			c = () => t.abort(), a.addEventListener("abort", c), a.aborted && t.abort();
+			let r = await t;
+			return n.transform ? n.transform(r, t) : r;
+		} catch (e) {
+			if (a.aborted) {
+				let e = /* @__PURE__ */ Error("AbortError");
+				throw e.name = "AbortError", e;
 			}
-		}, n.method && (this.staticOptions.method = n.method), this.transformFn = n.transform, this.onErrorFn = n.onError;
-	}
-	abort() {
-		this.abortController?.abort();
-	}
-	handleError(e) {
-		let t;
-		if (e && e.readyState !== void 0) {
-			let n = e;
-			t = /* @__PURE__ */ Error(`Network Error: ${n.statusText || "Unknown"} (${n.status})`), t.jqXHR = n;
-		} else t = e instanceof Error ? e : Error(String(e ?? "Unknown error"));
-		if (this.onErrorFn) try {
-			this.onErrorFn(t);
-		} catch {}
-		throw t;
+			return Vn(e, n.onError);
+		} finally {
+			c && a.removeEventListener("abort", c), i === t && (i = null);
+		}
+	}, {
+		defaultValue: n.defaultValue,
+		lazy: n.eager === !1,
+		...n.name === void 0 ? {} : { name: n.name }
+	}), o = a.dispose.bind(a);
+	return a.dispose = () => {
+		i?.abort(), o();
+	}, Object.assign(a, { abort: () => i?.abort() });
+}
+e.extend({ atomFetch: Hn });
+//#endregion
+//#region src/features/nav.ts
+function Q(e, t) {
+	try {
+		return new URL(e, t);
+	} catch {
+		return new URL(e, "http://localhost");
+	}
+}
+function Un(e) {
+	let { pathname: t, search: n, hash: r } = e.location;
+	return (t || "/") + (n || "") + (r || "");
+}
+function $(e) {
+	return e.pathname + e.search;
+}
+function Wn(e, t, n) {
+	let r = new DOMParser().parseFromString(e, "text/html"), i = r.querySelector("title")?.textContent?.trim() || null, a = t ? r.querySelector(t) : null, o = a ? a.innerHTML : r.body?.innerHTML || e, s = {};
+	if (a) for (let { name: e, value: t } of Array.from(a.attributes)) e !== "id" && (s[e] = t);
+	let c = {}, l = (e) => r.querySelector(e)?.getAttribute("content"), u = l("meta[name=\"description\"]"), d = l("meta[name=\"keywords\"]"), f = r.querySelector("link[rel=\"canonical\"]")?.getAttribute("href");
+	return u && (c.description = u), d && (c.keywords = d), f && (c.canonical = f), {
+		html: J(o).trim(),
+		title: i,
+		attributes: s,
+		redirectUrl: n?.getResponseHeader?.("X-PJAX-URL") || void 0,
+		meta: c
+	};
+}
+function Gn(e, t) {
+	let n = e.document, r = n.head, i = (e, t, i, a = !1) => {
+		let o = r.querySelector(e);
+		if (!t) {
+			o?.remove();
+			return;
+		}
+		let s = o || n.createElement(a ? "link" : "meta");
+		o || (a ? s.setAttribute("rel", "canonical") : s.setAttribute("name", i), r.appendChild(s));
+		let c = a ? "href" : "content";
+		s.getAttribute(c) !== t && s.setAttribute(c, t);
+	};
+	i("meta[name=\"description\"]", t?.description, "description"), i("meta[name=\"keywords\"]", t?.keywords, "keywords"), i("link[rel=\"canonical\"]", t?.canonical, "canonical", !0);
+}
+function Kn(e, t) {
+	for (let n of Array.from(e.attributes)) {
+		let { name: r } = n;
+		r !== "id" && r !== "data-atom-nav-target" && !(r in t) && e.removeAttribute(r);
+	}
+	for (let [n, r] of Object.entries(t)) e.getAttribute(n) !== r && e.setAttribute(n, r);
+}
+function qn(e, t, n = !1) {
+	if (t) {
+		let r = e.document.getElementById(decodeURIComponent(t));
+		if (r) {
+			r.scrollIntoView({
+				behavior: "auto",
+				block: "start"
+			});
+			return;
+		}
+		if (!n) return;
 	}
-	prepareSettings() {
-		let e = this.ajaxOptionsFn?.() ?? {};
+	e.scrollTo(0, 0);
+}
+function Jn(t) {
+	let { target: n, selector: r = "a[data-nav]", headers: i = {}, syncTitle: a = !0 } = t, o = t.window ?? window, s = e(n);
+	s.attr("data-atom-nav-target", "true");
+	let c = Un(o), l = $(Q(c, o.location.href)), u = e.atom({
+		url: c,
+		type: "init"
+	}, { name: "nav:state" }), d = e.atom(0, { name: "nav:hook-pending-count" }), f = e.atom({
+		url: c,
+		path: l
+	}, { name: "nav:rendered" }), p = e.computed(() => {
+		let { url: e, type: t } = u.value, n = Q(e, o.location.href);
 		return {
-			...this.staticOptions,
-			...e,
-			headers: {
-				...this.staticOptions.headers,
-				...e.headers
-			},
-			url: this.isStaticUrl ? this.staticUrl : this.getUrl(),
-			success: void 0,
-			error: void 0,
-			complete: void 0
+			url: e,
+			pathAndSearch: $(n),
+			hash: n.hash.slice(1),
+			type: t
 		};
+	}, { name: "nav:normalized" }), m = typeof n == "string" ? n : s.attr("id") ? `#${e.escapeSelector(s.attr("id"))}` : void 0, h = e.atomFetch(() => p.value.pathAndSearch, {
+		name: "nav:content",
+		defaultValue: {
+			html: "",
+			title: null
+		},
+		headers: {
+			"X-PJAX": "true",
+			...i
+		},
+		eager: !1,
+		transform: (e, t) => Wn(String(e), m, t)
+	}), g = new AbortController(), _ = null;
+	function v() {
+		_?.abort(), h.abort?.();
+		let e = new AbortController();
+		return _ = e, e;
+	}
+	function y(n, r, i) {
+		e.untracked(() => {
+			let e = o.document;
+			a && n.title !== null && e.title !== n.title && (e.title = n.title), Gn(o, n.meta), t.onUnmount?.(s, i), s.children().atomUnbind();
+			let c = s[0];
+			c && n.attributes && Kn(c, n.attributes), s.html(n.html), t.onMount?.(s, r);
+		});
 	}
-	createAbortError() {
-		let e = /* @__PURE__ */ Error("AbortError");
-		return e.name = "AbortError", e;
+	function b() {
+		let { url: n, pathAndSearch: r, hash: i, type: a } = p.value, c = f.value;
+		if (a === "init" && r === c.path) {
+			i && qn(o, i), t.onMount?.(s, n);
+			return;
+		}
+		if (h.hasError) {
+			let e = h.lastError;
+			if (e instanceof Error && e.name === "AbortError") return;
+			t.onError?.(e, n) !== !1 && o.location.assign(n);
+			return;
+		}
+		let l = h.value;
+		if (!h.isResolved || h.isPending) return;
+		let u = l.redirectUrl && l.redirectUrl !== n, d = c.url, m = u ? l.redirectUrl : n, g = u ? Q(m, o.location.href) : null, _ = g ? $(g) : r, v = _ !== c.path;
+		e.batch(() => {
+			u && o.history.replaceState(null, "", m), (v || u) && y(l, m, d);
+			let { scrollToTop: e = !0 } = t, n = Q(f.value.url, o.location.href), r = !i && n.hash !== "", s = a === "pop";
+			(i || !s && (r || v && e)) && qn(o, i, !s && v && e), f.value = {
+				url: m,
+				path: _
+			};
+		});
 	}
-};
+	let x = e.effect(() => b(), { name: "nav:sync-effect" });
+	o.document.addEventListener("click", (t) => {
+		let n = t.target.closest(r);
+		if (!n) return;
+		let i = n.dataset.target, a = s.attr("id"), c = i && a && i === `#${a}`;
+		if (i && !c) return;
+		let l = e(n).closest("[data-atom-nav-target=\"true\"]")[0], u = l && l !== s[0];
+		if (!c && u) return;
+		let d = t;
+		if (t.defaultPrevented || t.isDefaultPrevented?.() || t.originalEvent?.defaultPrevented || d.ctrlKey || d.metaKey || d.shiftKey || d.button > 0) return;
+		let f = n.getAttribute("href");
+		if (f && !f.startsWith("#") && n.target !== "_blank" && !n.hasAttribute("download") && n.getAttribute("rel") !== "external" && n.dataset.nav !== "false" && (n.protocol === "http:" || n.protocol === "https:")) try {
+			(n.origin ?? new URL(n.href, n.ownerDocument.location?.href ?? o.location.origin).origin) === o.location.origin && (t.preventDefault(), S.navigate(n.href));
+		} catch {}
+	}, { signal: g.signal }), o.addEventListener("popstate", () => {
+		v(), u.value = {
+			url: Un(o),
+			type: "pop"
+		};
+	}, { signal: g.signal });
+	let S = {
+		currentUrl: e.computed(() => f.value.url, { name: "nav:public-url" }),
+		isPending: e.computed(() => h.isPending || d.value > 0, { name: "nav:isPending" }),
+		hasError: e.computed(() => h.hasError, { name: "nav:hasError" }),
+		async navigate(n, r = {}) {
+			let { signal: i } = v();
+			if (t.onBeforeLoad) {
+				d.value++;
+				try {
+					let e = await t.onBeforeLoad(n, i);
+					if (i.aborted || e === !1) return;
+				} finally {
+					d.value = Math.max(0, d.value - 1);
+				}
+			}
+			let a = o.document.baseURI ?? o.location.href, s = Q(n, a);
+			if (s.origin !== o.location.origin) {
+				o.location.assign(n);
+				return;
+			}
+			let c = $(s), l = $(Q(o.location.href, a)), f = c + s.hash;
+			!(c === l && s.hash === (o.location.hash || "")) || r.replace ? e.batch(() => {
+				let e = r.replace ? "replaceState" : "pushState";
+				o.history[e](null, "", f), u.value = {
+					url: f,
+					type: r.replace ? "replace" : "push"
+				};
+			}) : (n.includes("#") || s.hash) && qn(o, s.hash.slice(1), !0);
+		},
+		destroy() {
+			g.abort(), _?.abort(), x.dispose(), h.dispose(), s.removeAttr("data-atom-nav-target"), [
+				u,
+				d,
+				f,
+				p,
+				S.currentUrl,
+				S.isPending,
+				S.hasError
+			].forEach((e) => e.dispose?.());
+		}
+	};
+	return S;
+}
 //#endregion
 //#region src/index.ts
-e.extend({ atomFetch(e, t) {
-	let n = new Un(e, t), r = L(n.execute, {
-		defaultValue: t.defaultValue,
-		lazy: t.eager === !1
-	}), i = r.dispose.bind(r);
-	return r.dispose = () => {
-		n.abort(), i();
-	}, Object.assign(r, { abort: () => n.abort() });
-} }), e(() => {
-	Tt(), document.body && pt(document.body);
+e.extend({ atomNav: Jn }), e(() => {
+	Ct(), document.body && mt(document.body);
 });
-var Wn = e;
+var Yn = e;
 //#endregion
-export { Wn as default, mt as disableAutoCleanup, Et as disablejQueryOverrides, pt as enableAutoCleanup, Tt as enablejQueryOverrides, Ie as isReactive, rt as nextTick, K as registry };
+export { Yn as default, ht as disableAutoCleanup, wt as disablejQueryOverrides, mt as enableAutoCleanup, Ct as enablejQueryOverrides, ut as nextTick, H as registry };
 
 //# sourceMappingURL=index.mjs.map