@pie-element/mc-populated-blank 0.2.13-next.3 → 0.2.13

package/dist/index.js

@@ -1,16 +1,16 @@
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/disclose-version.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/disclose-version.js
 if (typeof window !== "undefined") {
 	var _window$__svelte, _window;
 	((_window$__svelte = (_window = window).__svelte ?? (_window.__svelte = {})).v ?? (_window$__svelte.v = /* @__PURE__ */ new Set())).add("5");
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/constants.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/constants.js
 var HYDRATION_ERROR = {};
-var UNINITIALIZED = Symbol("uninitialized");
+var UNINITIALIZED = Symbol();
 var NAMESPACE_SVG = "http://www.w3.org/2000/svg";
 var NAMESPACE_MATHML = "http://www.w3.org/1998/Math/MathML";
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/shared/utils.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/shared/utils.js
 var is_array = Array.isArray;
 var index_of = Array.prototype.indexOf;
 var includes = Array.prototype.includes;
@@ -47,7 +47,7 @@ function deferred() {
 	};
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -57,7 +57,7 @@ function _typeof(o) {
 	}, _typeof(o);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -69,13 +69,13 @@ function toPrimitive(t, r) {
 	return ("string" === r ? String : Number)(t);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -114,11 +114,6 @@ var ERROR_VALUE = 1 << 23;
 var STATE_SYMBOL = Symbol("$state");
 var LEGACY_PROPS = Symbol("legacy props");
 var LOADING_ATTR_SYMBOL = Symbol("");
-var ATTRIBUTES_CACHE = Symbol("attributes");
-var CLASS_CACHE = Symbol("class");
-var STYLE_CACHE = Symbol("style");
-var TEXT_CACHE = Symbol("text");
-var FORM_RESET_HANDLER = Symbol("form reset");
 /** allow users to ignore aborted signal errors if `reason.name === 'StaleReactionError` */
 var STALE_REACTION = new class StaleReactionError extends Error {
 	constructor(..._args) {
@@ -129,7 +124,7 @@ var STALE_REACTION = new class StaleReactionError extends Error {
 }();
 var IS_XHTML = !!globalThis.document?.contentType && /* @__PURE__ */ globalThis.document.contentType.includes("xml");
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/errors.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/errors.js
 /**
 * Cannot create a `$derived(...)` with an `await` expression outside of an effect tree
 * @returns {never}
@@ -240,7 +235,7 @@ function svelte_boundary_reset_noop() {
 	console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/hydration.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/hydration.js
 /** @import { TemplateNode } from '#client' */
 /**
 * Use this variable to guard everything related to hydration code so it can be treeshaken out
@@ -319,7 +314,7 @@ function read_hydration_instruction(node) {
 	return node.data;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/equality.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/equality.js
 /** @import { Equals } from '#client' */
 /** @type {Equals} */
 function equals(value) {
@@ -338,13 +333,13 @@ function safe_equals(value) {
 	return !safe_not_equal(value, this.v);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/flags/index.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/flags/index.js
 /** True if experimental.async=true */
 var async_mode_flag = false;
 /** True if we're not certain that we only have Svelte 5 code in the compilation */
 var legacy_mode_flag = false;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/context.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/context.js
 /** @import { ComponentContext, DevStackEntry, Effect } from '#client' */
 /** @type {ComponentContext | null} */
 var component_context = null;
@@ -396,7 +391,7 @@ function is_runes() {
 	return !legacy_mode_flag || component_context !== null && component_context.l === null;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/task.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/task.js
 /** @type {Array<() => void>} */
 var micro_tasks = [];
 function run_micro_tasks() {
@@ -454,7 +449,7 @@ function invoke_error_boundary(error, effect) {
 	throw error;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/status.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/status.js
 /** @import { Derived, Signal } from '#client' */
 var STATUS_MASK = ~(DIRTY | MAYBE_DIRTY | CLEAN);
 /**
@@ -473,7 +468,7 @@ function update_derived_status(derived) {
 	else set_signal_status(derived, MAYBE_DIRTY);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/utils.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/utils.js
 /** @import { Derived, Effect, Value } from '#client' */
 /**
 * @param {Value[] | null} deps
@@ -501,7 +496,7 @@ function defer_effect(effect, dirty_effects, maybe_dirty_effects) {
 	set_signal_status(effect, CLEAN);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/store.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/store.js
 /**
 * We set this to `true` when updating a store so that we correctly
 * schedule effects if the update takes place inside a `$:` effect
@@ -531,53 +526,46 @@ function capture_store_binding(fn) {
 	}
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/checkPrivateRedeclaration.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/checkPrivateRedeclaration.js
 function _checkPrivateRedeclaration(e, t) {
 	if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/classPrivateMethodInitSpec.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateMethodInitSpec.js
 function _classPrivateMethodInitSpec(e, a) {
 	_checkPrivateRedeclaration(e, a), a.add(e);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/classPrivateFieldInitSpec.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateFieldInitSpec.js
 function _classPrivateFieldInitSpec(e, t, a) {
 	_checkPrivateRedeclaration(e, t), t.set(e, a);
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/assertClassBrand.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/assertClassBrand.js
 function _assertClassBrand(e, t, n) {
 	if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw new TypeError("Private element is not present on this object");
 }
 //#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/classPrivateFieldSet2.js
-function _classPrivateFieldSet2(s, a, r) {
-	return s.set(_assertClassBrand(s, a), r), r;
-}
-//#endregion
-//#region \0@oxc-project+runtime@0.133.0/helpers/esm/classPrivateFieldGet2.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateFieldGet2.js
 function _classPrivateFieldGet2(s, a) {
 	return s.get(_assertClassBrand(s, a));
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/batch.js
+//#region \0@oxc-project+runtime@0.129.0/helpers/classPrivateFieldSet2.js
+function _classPrivateFieldSet2(s, a, r) {
+	return s.set(_assertClassBrand(s, a), r), r;
+}
+//#endregion
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/batch.js
 /** @import { Fork } from 'svelte' */
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var _Batch;
-/** @type {Batch | null} */
-var first_batch = null;
-/** @type {Batch | null} */
-var last_batch = null;
+/** @type {Set<Batch>} */
+var batches = /* @__PURE__ */ new Set();
 /** @type {Batch | null} */
 var current_batch = null;
 /**
-* This is needed to avoid overwriting inputs
-* @type {Batch | null}
-*/
-var previous_batch = null;
-/**
 * When time travelling (i.e. working in one batch, while other batches
 * still have ongoing work), we ignore the real values of affected
 * signals in favour of their values within the batch
@@ -605,11 +593,9 @@ var collected_effects = null;
 var legacy_updates = null;
 var flush_count = 0;
 var uid = 1;
-var _started = /* @__PURE__ */ new WeakMap();
-var _prev = /* @__PURE__ */ new WeakMap();
-var _next = /* @__PURE__ */ new WeakMap();
 var _commit_callbacks = /* @__PURE__ */ new WeakMap();
 var _discard_callbacks = /* @__PURE__ */ new WeakMap();
+var _fork_commit_callbacks = /* @__PURE__ */ new WeakMap();
 var _pending = /* @__PURE__ */ new WeakMap();
 var _blocking_pending = /* @__PURE__ */ new WeakMap();
 var _deferred = /* @__PURE__ */ new WeakMap();
@@ -620,21 +606,12 @@ var _maybe_dirty_effects$1 = /* @__PURE__ */ new WeakMap();
 var _skipped_branches = /* @__PURE__ */ new WeakMap();
 var _unskipped_branches = /* @__PURE__ */ new WeakMap();
 var _decrement_queued = /* @__PURE__ */ new WeakMap();
+var _blockers = /* @__PURE__ */ new WeakMap();
 var _Batch_brand = /* @__PURE__ */ new WeakSet();
 var Batch = class Batch {
 	constructor() {
 		_classPrivateMethodInitSpec(this, _Batch_brand);
 		_defineProperty(this, "id", uid++);
-		_classPrivateFieldInitSpec(this, _started, false);
-		_defineProperty(this, "linked", true);
-		_classPrivateFieldInitSpec(this, _prev, null);
-		_classPrivateFieldInitSpec(this, _next, null);
-		_defineProperty(
-			this,
-			/** @type {Map<Effect, ReturnType<typeof deferred<any>>>} */
-			"async_deriveds",
-			/* @__PURE__ */ new Map()
-		);
 		_defineProperty(
 			this,
 			/**
@@ -658,7 +635,8 @@ var Batch = class Batch {
 		);
 		_classPrivateFieldInitSpec(this, _commit_callbacks, /* @__PURE__ */ new Set());
 		_classPrivateFieldInitSpec(this, _discard_callbacks, /* @__PURE__ */ new Set());
-		_classPrivateFieldInitSpec(this, _pending, 0);
+		_classPrivateFieldInitSpec(this, _fork_commit_callbacks, /* @__PURE__ */ new Set());
+		_classPrivateFieldInitSpec(this, _pending, /* @__PURE__ */ new Map());
 		_classPrivateFieldInitSpec(this, _blocking_pending, /* @__PURE__ */ new Map());
 		_classPrivateFieldInitSpec(this, _deferred, null);
 		_classPrivateFieldInitSpec(this, _roots, []);
@@ -669,12 +647,7 @@ var Batch = class Batch {
 		_classPrivateFieldInitSpec(this, _unskipped_branches, /* @__PURE__ */ new Set());
 		_defineProperty(this, "is_fork", false);
 		_classPrivateFieldInitSpec(this, _decrement_queued, false);
-		if (last_batch === null) first_batch = last_batch = this;
-		else {
-			_classPrivateFieldSet2(_next, last_batch, this);
-			_classPrivateFieldSet2(_prev, this, last_batch);
-		}
-		last_batch = this;
+		_classPrivateFieldInitSpec(this, _blockers, /* @__PURE__ */ new Set());
 	}
 	/**
 	* Add an effect to the #skipped_branches map and reset its children
@@ -749,8 +722,8 @@ var Batch = class Batch {
 	discard() {
 		for (const fn of _classPrivateFieldGet2(_discard_callbacks, this)) fn(this);
 		_classPrivateFieldGet2(_discard_callbacks, this).clear();
-		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
-		_classPrivateFieldGet2(_deferred, this)?.resolve();
+		_classPrivateFieldGet2(_fork_commit_callbacks, this).clear();
+		batches.delete(this);
 	}
 	/**
 	* @param {Effect} effect
@@ -763,7 +736,8 @@ var Batch = class Batch {
 	* @param {Effect} effect
 	*/
 	increment(blocking, effect) {
-		_classPrivateFieldSet2(_pending, this, _classPrivateFieldGet2(_pending, this) + 1);
+		let pending_count = _classPrivateFieldGet2(_pending, this).get(effect) ?? 0;
+		_classPrivateFieldGet2(_pending, this).set(effect, pending_count + 1);
 		if (blocking) {
 			let blocking_pending_count = _classPrivateFieldGet2(_blocking_pending, this).get(effect) ?? 0;
 			_classPrivateFieldGet2(_blocking_pending, this).set(effect, blocking_pending_count + 1);
@@ -772,19 +746,22 @@ var Batch = class Batch {
 	/**
 	* @param {boolean} blocking
 	* @param {Effect} effect
+	* @param {boolean} skip - whether to skip updates (because this is triggered by a stale reaction)
 	*/
-	decrement(blocking, effect) {
-		_classPrivateFieldSet2(_pending, this, _classPrivateFieldGet2(_pending, this) - 1);
+	decrement(blocking, effect, skip) {
+		let pending_count = _classPrivateFieldGet2(_pending, this).get(effect) ?? 0;
+		if (pending_count === 1) _classPrivateFieldGet2(_pending, this).delete(effect);
+		else _classPrivateFieldGet2(_pending, this).set(effect, pending_count - 1);
 		if (blocking) {
 			let blocking_pending_count = _classPrivateFieldGet2(_blocking_pending, this).get(effect) ?? 0;
 			if (blocking_pending_count === 1) _classPrivateFieldGet2(_blocking_pending, this).delete(effect);
 			else _classPrivateFieldGet2(_blocking_pending, this).set(effect, blocking_pending_count - 1);
 		}
-		if (_classPrivateFieldGet2(_decrement_queued, this)) return;
+		if (_classPrivateFieldGet2(_decrement_queued, this) || skip) return;
 		_classPrivateFieldSet2(_decrement_queued, this, true);
 		queue_micro_task(() => {
 			_classPrivateFieldSet2(_decrement_queued, this, false);
-			if (this.linked) this.flush();
+			this.flush();
 		});
 	}
 	/**
@@ -805,38 +782,48 @@ var Batch = class Batch {
 	ondiscard(fn) {
 		_classPrivateFieldGet2(_discard_callbacks, this).add(fn);
 	}
+	/** @param {(batch: Batch) => void} fn */
+	on_fork_commit(fn) {
+		_classPrivateFieldGet2(_fork_commit_callbacks, this).add(fn);
+	}
+	run_fork_commit_callbacks() {
+		for (const fn of _classPrivateFieldGet2(_fork_commit_callbacks, this)) fn(this);
+		_classPrivateFieldGet2(_fork_commit_callbacks, this).clear();
+	}
 	settled() {
 		return (_classPrivateFieldGet2(_deferred, this) ?? _classPrivateFieldSet2(_deferred, this, deferred())).promise;
 	}
 	static ensure() {
 		if (current_batch === null) {
 			const batch = current_batch = new Batch();
-			if (!is_processing && !is_flushing_sync) queue_micro_task(() => {
-				if (!_classPrivateFieldGet2(_started, batch)) batch.flush();
-			});
+			if (!is_processing) {
+				batches.add(current_batch);
+				if (!is_flushing_sync) queue_micro_task(() => {
+					if (current_batch !== batch) return;
+					batch.flush();
+				});
+			}
 		}
 		return current_batch;
 	}
 	apply() {
-		if (!async_mode_flag || !this.is_fork && _classPrivateFieldGet2(_prev, this) === null && _classPrivateFieldGet2(_next, this) === null) {
+		if (!async_mode_flag || !this.is_fork && batches.size === 1) {
 			batch_values = null;
 			return;
 		}
 		batch_values = /* @__PURE__ */ new Map();
 		for (const [source, [value]] of this.current) batch_values.set(source, value);
-		for (let batch = first_batch; batch !== null; batch = _classPrivateFieldGet2(_next, batch)) {
+		for (const batch of batches) {
 			if (batch === this || batch.is_fork) continue;
 			var intersects = false;
+			var differs = false;
 			if (batch.id < this.id) for (const [source, [, is_derived]] of batch.current) {
 				if (is_derived) continue;
-				if (this.current.has(source)) {
-					intersects = true;
-					break;
-				}
-			}
-			if (!intersects) {
-				for (const [source, previous] of batch.previous) if (!batch_values.has(source)) batch_values.set(source, previous);
+				intersects || (intersects = this.current.has(source));
+				differs || (differs = !this.current.has(source));
 			}
+			if (intersects && differs) _classPrivateFieldGet2(_blockers, this).add(batch);
+			else for (const [source, previous] of batch.previous) if (!batch_values.has(source)) batch_values.set(source, previous);
 		}
 	}
 	/**
@@ -867,10 +854,12 @@ var Batch = class Batch {
 };
 _Batch = Batch;
 function _is_deferred() {
-	if (this.is_fork) return true;
-	for (const effect of _classPrivateFieldGet2(_blocking_pending, this).keys()) {
-		var e = effect;
+	return this.is_fork || _classPrivateFieldGet2(_blocking_pending, this).size > 0;
+}
+function _is_blocked() {
+	for (const batch of _classPrivateFieldGet2(_blockers, this)) for (const effect of _classPrivateFieldGet2(_blocking_pending, batch).keys()) {
 		var skipped = false;
+		var e = effect;
 		while (e.parent !== null) {
 			if (_classPrivateFieldGet2(_skipped_branches, this).has(e)) {
 				skipped = true;
@@ -883,19 +872,20 @@ function _is_deferred() {
 	return false;
 }
 function _process() {
-	_classPrivateFieldSet2(_started, this, true);
 	if (flush_count++ > 1e3) {
-		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
+		batches.delete(this);
 		infinite_loop_guard();
 	}
-	for (const e of _classPrivateFieldGet2(_dirty_effects$1, this)) {
-		_classPrivateFieldGet2(_maybe_dirty_effects$1, this).delete(e);
-		set_signal_status(e, DIRTY);
-		this.schedule(e);
-	}
-	for (const e of _classPrivateFieldGet2(_maybe_dirty_effects$1, this)) {
-		set_signal_status(e, MAYBE_DIRTY);
-		this.schedule(e);
+	if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) {
+		for (const e of _classPrivateFieldGet2(_dirty_effects$1, this)) {
+			_classPrivateFieldGet2(_maybe_dirty_effects$1, this).delete(e);
+			set_signal_status(e, DIRTY);
+			this.schedule(e);
+		}
+		for (const e of _classPrivateFieldGet2(_maybe_dirty_effects$1, this)) {
+			set_signal_status(e, MAYBE_DIRTY);
+			this.schedule(e);
+		}
 	}
 	const roots = _classPrivateFieldGet2(_roots, this);
 	_classPrivateFieldSet2(_roots, this, []);
@@ -913,7 +903,6 @@ function _process() {
 		_assertClassBrand(_Batch_brand, this, _traverse).call(this, root, effects, render_effects);
 	} catch (e) {
 		reset_all(root);
-		if (!_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) this.discard();
 		throw e;
 	}
 	current_batch = null;
@@ -923,43 +912,30 @@ function _process() {
 	}
 	collected_effects = null;
 	legacy_updates = null;
-	if (_assertClassBrand(_Batch_brand, this, _is_deferred).call(this)) {
+	if (_assertClassBrand(_Batch_brand, this, _is_deferred).call(this) || _assertClassBrand(_Batch_brand, this, _is_blocked).call(this)) {
 		_assertClassBrand(_Batch_brand, this, _defer_effects).call(this, render_effects);
 		_assertClassBrand(_Batch_brand, this, _defer_effects).call(this, effects);
 		for (const [e, t] of _classPrivateFieldGet2(_skipped_branches, this)) reset_branch(e, t);
-		if (updates.length > 0)
- /** @type {Batch} */ _assertClassBrand(_Batch_brand, current_batch, _process).call(current_batch);
-		return;
-	}
-	const earlier_batch = _assertClassBrand(_Batch_brand, this, _find_earlier_batch).call(this);
-	if (earlier_batch) {
-		_assertClassBrand(_Batch_brand, this, _defer_effects).call(this, render_effects);
-		_assertClassBrand(_Batch_brand, this, _defer_effects).call(this, effects);
-		_assertClassBrand(_Batch_brand, earlier_batch, _merge).call(earlier_batch, this);
-		return;
+	} else {
+		if (_classPrivateFieldGet2(_pending, this).size === 0) batches.delete(this);
+		_classPrivateFieldGet2(_dirty_effects$1, this).clear();
+		_classPrivateFieldGet2(_maybe_dirty_effects$1, this).clear();
+		for (const fn of _classPrivateFieldGet2(_commit_callbacks, this)) fn(this);
+		_classPrivateFieldGet2(_commit_callbacks, this).clear();
+		flush_queued_effects(render_effects);
+		flush_queued_effects(effects);
+		_classPrivateFieldGet2(_deferred, this)?.resolve();
 	}
-	_classPrivateFieldGet2(_dirty_effects$1, this).clear();
-	_classPrivateFieldGet2(_maybe_dirty_effects$1, this).clear();
-	for (const fn of _classPrivateFieldGet2(_commit_callbacks, this)) fn(this);
-	_classPrivateFieldGet2(_commit_callbacks, this).clear();
-	previous_batch = this;
-	flush_queued_effects(render_effects);
-	flush_queued_effects(effects);
-	previous_batch = null;
-	_classPrivateFieldGet2(_deferred, this)?.resolve();
 	var next_batch = current_batch;
-	if (_classPrivateFieldGet2(_pending, this) === 0 && (_classPrivateFieldGet2(_roots, this).length === 0 || next_batch !== null)) {
-		_assertClassBrand(_Batch_brand, this, _unlink).call(this);
-		if (async_mode_flag) {
-			_assertClassBrand(_Batch_brand, this, _commit$1).call(this);
-			current_batch = next_batch;
-		}
-	}
-	if (_classPrivateFieldGet2(_roots, this).length > 0) if (next_batch !== null) {
-		const batch = next_batch;
+	if (_classPrivateFieldGet2(_roots, this).length > 0) {
+		const batch = next_batch ?? (next_batch = this);
 		_classPrivateFieldGet2(_roots, batch).push(..._classPrivateFieldGet2(_roots, this).filter((r) => !_classPrivateFieldGet2(_roots, batch).includes(r)));
-	} else next_batch = this;
-	if (next_batch !== null) _assertClassBrand(_Batch_brand, next_batch, _process).call(next_batch);
+	}
+	if (next_batch !== null) {
+		batches.add(next_batch);
+		_assertClassBrand(_Batch_brand, next_batch, _process).call(next_batch);
+	}
+	if (async_mode_flag && !batches.has(this)) _assertClassBrand(_Batch_brand, this, _commit$1).call(this);
 }
 /**
 * Traverse the effect tree, executing effects or stashing
@@ -998,59 +974,6 @@ function _traverse(root, effects, render_effects) {
 		}
 	}
 }
-function _find_earlier_batch() {
-	var batch = _classPrivateFieldGet2(_prev, this);
-	while (batch !== null) {
-		if (!batch.is_fork) {
-			for (const [value, [, is_derived]] of this.current) if (batch.current.has(value) && !is_derived) return batch;
-		}
-		batch = _classPrivateFieldGet2(_prev, batch);
-	}
-	return null;
-}
-/**
-* @param {Batch} batch
-*/
-function _merge(batch) {
-	for (const [source, value] of batch.current) {
-		if (!this.previous.has(source) && batch.previous.has(source)) this.previous.set(source, batch.previous.get(source));
-		this.current.set(source, value);
-	}
-	for (const [effect, deferred] of batch.async_deriveds) {
-		const d = this.async_deriveds.get(effect);
-		if (d) deferred.promise.then(d.resolve).catch(d.reject);
-	}
-	this.transfer_effects(_classPrivateFieldGet2(_dirty_effects$1, batch), _classPrivateFieldGet2(_maybe_dirty_effects$1, batch));
-	/**
-	* mark all effects that depend on `batch.current`, except the
-	* async effects that we just resolved (TODO unless they depend
-	* on values in this batch that are NOT in the later batch?).
-	* Through this we also will populate the correct #skipped_branches,
-	* oncommit callbacks etc, so we don't need to merge them separately.
-	* @param {Value} value
-	*/
-	const mark = (value) => {
-		var reactions = value.reactions;
-		if (reactions === null) return;
-		for (const reaction of reactions) {
-			var flags = reaction.f;
-			if ((flags & 2) !== 0) mark(reaction);
-			else {
-				var effect = reaction;
-				if (flags & 4194320 && !this.async_deriveds.has(effect)) {
-					_classPrivateFieldGet2(_maybe_dirty_effects$1, this).delete(effect);
-					set_signal_status(effect, DIRTY);
-					this.schedule(effect);
-				}
-			}
-		}
-	};
-	for (const source of this.current.keys()) mark(source);
-	this.oncommit(() => batch.discard());
-	_assertClassBrand(_Batch_brand, batch, _unlink).call(batch);
-	current_batch = this;
-	_assertClassBrand(_Batch_brand, this, _process).call(this);
-}
 /**
 * @param {Effect[]} effects
 */
@@ -1058,7 +981,7 @@ function _defer_effects(effects) {
 	for (var i = 0; i < effects.length; i += 1) defer_effect(effects[i], _classPrivateFieldGet2(_dirty_effects$1, this), _classPrivateFieldGet2(_maybe_dirty_effects$1, this));
 }
 function _commit$1() {
-	for (let batch = first_batch; batch !== null; batch = _classPrivateFieldGet2(_next, batch)) {
+	for (const batch of batches) {
 		var is_earlier = batch.id < this.id;
 		/** @type {Source[]} */
 		var sources = [];
@@ -1070,12 +993,7 @@ function _commit$1() {
 			}
 			sources.push(source);
 		}
-		if (is_earlier) for (const [effect, deferred] of this.async_deriveds) {
-			const d = batch.async_deriveds.get(effect);
-			if (d) deferred.promise.then(d.resolve).catch(d.reject);
-		}
-		if (!_classPrivateFieldGet2(_started, batch)) continue;
-		var others = [...batch.current.keys()].filter((s) => !batch.current.get(s)[1] && !this.current.has(s));
+		var others = [...batch.current.keys()].filter((s) => !this.current.has(s));
 		if (others.length === 0) {
 			if (is_earlier) batch.discard();
 		} else if (sources.length > 0) {
@@ -1090,18 +1008,12 @@ function _commit$1() {
 			var checked = /* @__PURE__ */ new Map();
 			for (var source of sources) mark_effects(source, others, marked, checked);
 			checked = /* @__PURE__ */ new Map();
-			var current_unequal = [...batch.current].filter(([c, v1]) => {
-				const v2 = this.current.get(c);
-				if (!v2) return true;
-				return v2[0] !== v1[0] || v2[1] !== v1[1];
-			}).map(([c]) => c);
-			if (current_unequal.length > 0) {
-				for (const effect of _classPrivateFieldGet2(_new_effects, this)) if ((effect.f & 155648) === 0 && depends_on(effect, current_unequal, checked)) if ((effect.f & 4194320) !== 0) {
-					set_signal_status(effect, DIRTY);
-					batch.schedule(effect);
-				} else _classPrivateFieldGet2(_dirty_effects$1, batch).add(effect);
-			}
-			if (_classPrivateFieldGet2(_roots, batch).length > 0 && !_classPrivateFieldGet2(_decrement_queued, batch)) {
+			var current_unequal = [...batch.current.keys()].filter((c) => this.current.has(c) ? this.current.get(c)[0] !== c : true);
+			for (const effect of _classPrivateFieldGet2(_new_effects, this)) if ((effect.f & 155648) === 0 && depends_on(effect, current_unequal, checked)) if ((effect.f & 4194320) !== 0) {
+				set_signal_status(effect, DIRTY);
+				batch.schedule(effect);
+			} else _classPrivateFieldGet2(_dirty_effects$1, batch).add(effect);
+			if (_classPrivateFieldGet2(_roots, batch).length > 0) {
 				batch.apply();
 				for (var root of _classPrivateFieldGet2(_roots, batch)) _assertClassBrand(_Batch_brand, batch, _traverse).call(batch, root, [], []);
 				_classPrivateFieldSet2(_roots, batch, []);
@@ -1109,16 +1021,13 @@ function _commit$1() {
 			batch.deactivate();
 		}
 	}
-}
-function _unlink() {
-	if (!this.linked) return;
-	var prev = _classPrivateFieldGet2(_prev, this);
-	var next = _classPrivateFieldGet2(_next, this);
-	if (prev === null) first_batch = next;
-	else _classPrivateFieldSet2(_next, prev, next);
-	if (next === null) last_batch = prev;
-	else _classPrivateFieldSet2(_prev, next, prev);
-	this.linked = false;
+	for (const batch of batches) if (_classPrivateFieldGet2(_blockers, batch).has(this)) {
+		_classPrivateFieldGet2(_blockers, batch).delete(this);
+		if (_classPrivateFieldGet2(_blockers, batch).size === 0 && !_assertClassBrand(_Batch_brand, batch, _is_deferred).call(batch)) {
+			batch.activate();
+			_assertClassBrand(_Batch_brand, batch, _process).call(batch);
+		}
+	}
 }
 /**
 * Synchronously flush any pending updates.
@@ -1271,7 +1180,7 @@ function reset_all(effect) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/reactivity/create-subscriber.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/reactivity/create-subscriber.js
 /**
 * Returns a `subscribe` function that integrates external event-based systems with Svelte's reactivity.
 * It's particularly useful for integrating with web APIs like `MediaQuery`, `IntersectionObserver`, or `WebSocket`.
@@ -1344,13 +1253,13 @@ function createSubscriber(start) {
 	};
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/boundary.js
 /** @import { Effect, Source, TemplateNode, } from '#client' */
 /**
 * @typedef {{
-* 	 onerror?: ((error: unknown, reset: () => void) => void) | null;
-*   failed?: ((anchor: Node, error: () => unknown, reset: () => () => void) => void) | null;
-*   pending?: ((anchor: Node) => void) | null;
+* 	 onerror?: (error: unknown, reset: () => void) => void;
+*   failed?: (anchor: Node, error: () => unknown, reset: () => () => void) => void;
+*   pending?: (anchor: Node) => void;
 * }} BoundaryProps
 */
 var flags = EFFECT_TRANSPARENT | EFFECT_PRESERVED;
@@ -1497,7 +1406,7 @@ var Boundary = class {
 			if (_classPrivateFieldGet2(_main_effect, this)) current_batch.skip_effect(_classPrivateFieldGet2(_main_effect, this));
 			if (_classPrivateFieldGet2(_pending_effect, this)) current_batch.skip_effect(_classPrivateFieldGet2(_pending_effect, this));
 			if (_classPrivateFieldGet2(_failed_effect, this)) current_batch.skip_effect(_classPrivateFieldGet2(_failed_effect, this));
-			current_batch.oncommit(() => {
+			current_batch.on_fork_commit(() => {
 				_assertClassBrand(_Boundary_brand, this, _handle_error).call(this, error);
 			});
 		} else _assertClassBrand(_Boundary_brand, this, _handle_error).call(this, error);
@@ -1697,8 +1606,8 @@ function _handle_error(error) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/async.js
-/** @import { Blocker, Effect, Source, Value } from '#client' */
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/async.js
+/** @import { Blocker, Effect, Value } from '#client' */
 /**
 * @param {Blocker[]} blockers
 * @param {Array<() => any>} sync
@@ -1708,34 +1617,30 @@ function _handle_error(error) {
 function flatten(blockers, sync, async, fn) {
 	const d = is_runes() ? derived : derived_safe_equal;
 	var pending = blockers.filter((b) => !b.settled);
-	var deriveds = sync.map(d);
 	if (async.length === 0 && pending.length === 0) {
-		fn(deriveds);
+		fn(sync.map(d));
 		return;
 	}
 	var parent = active_effect;
 	var restore = capture();
 	var blocker_promise = pending.length === 1 ? pending[0].promise : pending.length > 1 ? Promise.all(pending.map((b) => b.promise)) : null;
-	/**
-	* @param {Source[]} async
-	*/
-	function finish(async) {
-		if ((parent.f & 16384) !== 0) return;
+	/** @param {Value[]} values */
+	function finish(values) {
 		restore();
 		try {
-			fn([...deriveds, ...async]);
+			fn(values);
 		} catch (error) {
-			invoke_error_boundary(error, parent);
+			if ((parent.f & 16384) === 0) invoke_error_boundary(error, parent);
 		}
 		unset_context();
 	}
-	var decrement_pending = increment_pending();
 	if (async.length === 0) {
-		/** @type {Promise<any>} */ blocker_promise.then(() => finish([])).finally(decrement_pending);
+		/** @type {Promise<any>} */ blocker_promise.then(() => finish(sync.map(d)));
 		return;
 	}
+	var decrement_pending = increment_pending();
 	function run() {
-		Promise.all(async.map((expression) => /* @__PURE__ */ async_derived(expression))).then(finish).catch((error) => invoke_error_boundary(error, parent)).finally(decrement_pending);
+		Promise.all(async.map((expression) => /* @__PURE__ */ async_derived(expression))).then((result) => finish([...sync.map(d), ...result])).catch((error) => invoke_error_boundary(error, parent)).finally(() => decrement_pending());
 	}
 	if (blocker_promise) blocker_promise.then(() => {
 		restore();
@@ -1777,12 +1682,12 @@ function increment_pending() {
 	var effect = active_effect;
 	var boundary = effect.b;
 	var batch = current_batch;
-	var blocking = !!boundary?.is_rendered();
-	boundary?.update_pending_count(1, batch);
+	var blocking = boundary.is_rendered();
+	boundary.update_pending_count(1, batch);
 	batch.increment(blocking, effect);
-	return () => {
-		boundary?.update_pending_count(-1, batch);
-		batch.decrement(blocking, effect);
+	return (skip = false) => {
+		boundary.update_pending_count(-1, batch);
+		batch.decrement(blocking, effect, skip);
 	};
 }
 /**
@@ -1790,7 +1695,7 @@ function increment_pending() {
 * @param {() => V} fn
 * @returns {Derived<V>}
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function derived(fn) {
 	var flags = 2 | DIRTY;
 	if (active_effect !== null) active_effect.f |= EFFECT_PRESERVED;
@@ -1809,7 +1714,6 @@ function derived(fn) {
 		ac: null
 	};
 }
-var OBSOLETE = Symbol("obsolete");
 /**
 * @template V
 * @param {() => V | Promise<V>} fn
@@ -1817,24 +1721,22 @@ var OBSOLETE = Symbol("obsolete");
 * @param {string} [location] If provided, print a warning if the value is not read immediately after update
 * @returns {Promise<Source<V>>}
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function async_derived(fn, label, location) {
 	let parent = active_effect;
 	if (parent === null) async_derived_orphan();
 	var promise = void 0;
 	var signal = source(UNINITIALIZED);
 	var should_suspend = !active_reaction;
-	/** @type {Set<ReturnType<typeof deferred<V>>>} */
-	var deferreds = /* @__PURE__ */ new Set();
+	/** @type {Map<Batch, ReturnType<typeof deferred<V>>>} */
+	var deferreds = /* @__PURE__ */ new Map();
 	async_effect(() => {
 		var effect = active_effect;
 		/** @type {ReturnType<typeof deferred<V>>} */
 		var d = deferred();
 		promise = d.promise;
 		try {
-			Promise.resolve(fn()).then(d.resolve, (e) => {
-				if (e !== STALE_REACTION) d.reject(e);
-			}).finally(unset_context);
+			Promise.resolve(fn()).then(d.resolve, d.reject).finally(unset_context);
 		} catch (error) {
 			d.reject(error);
 			unset_context();
@@ -1842,19 +1744,22 @@ function async_derived(fn, label, location) {
 		var batch = current_batch;
 		if (should_suspend) {
 			if ((effect.f & 32768) !== 0) var decrement_pending = increment_pending();
-			if (parent.b?.is_rendered()) batch.async_deriveds.get(effect)?.reject(OBSOLETE);
-			else for (const d of deferreds.values()) d.reject(OBSOLETE);
-			deferreds.add(d);
-			batch.async_deriveds.set(effect, d);
+			if (parent.b.is_rendered()) {
+				deferreds.get(batch)?.reject(STALE_REACTION);
+				deferreds.delete(batch);
+			} else {
+				for (const d of deferreds.values()) d.reject(STALE_REACTION);
+				deferreds.clear();
+			}
+			deferreds.set(batch, d);
 		}
 		/**
 		* @param {any} value
 		* @param {unknown} error
 		*/
 		const handler = (value, error = void 0) => {
-			decrement_pending?.();
-			deferreds.delete(d);
-			if (error === OBSOLETE) return;
+			if (decrement_pending) decrement_pending(error === STALE_REACTION);
+			if (error === STALE_REACTION || (effect.f & 16384) !== 0) return;
 			batch.activate();
 			if (error) {
 				signal.f |= ERROR_VALUE;
@@ -1862,13 +1767,18 @@ function async_derived(fn, label, location) {
 			} else {
 				if ((signal.f & 8388608) !== 0) signal.f ^= ERROR_VALUE;
 				internal_set(signal, value);
+				for (const [b, d] of deferreds) {
+					deferreds.delete(b);
+					if (b === batch) break;
+					d.reject(STALE_REACTION);
+				}
 			}
 			batch.deactivate();
 		};
 		d.promise.then(handler, (e) => handler(null, e || "unknown"));
 	});
 	teardown(() => {
-		for (const d of deferreds) d.reject(OBSOLETE);
+		for (const d of deferreds.values()) d.reject(STALE_REACTION);
 	});
 	return new Promise((fulfil) => {
 		/** @param {Promise<V>} p */
@@ -1887,7 +1797,7 @@ function async_derived(fn, label, location) {
 * @param {() => V} fn
 * @returns {Derived<V>}
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function user_derived(fn) {
 	const d = /* @__PURE__ */ derived(fn);
 	if (!async_mode_flag) push_reaction_value(d);
@@ -1898,7 +1808,7 @@ function user_derived(fn) {
 * @param {() => V} fn
 * @returns {Derived<V>}
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function derived_safe_equal(fn) {
 	const signal = /* @__PURE__ */ derived(fn);
 	signal.equals = safe_equals;
@@ -1924,7 +1834,7 @@ function execute_derived(derived) {
 	var value;
 	var prev_active_effect = active_effect;
 	var parent = derived.parent;
-	if (!is_destroying_effect && parent !== null && derived.v !== UNINITIALIZED && (parent.f & 24576) !== 0) {
+	if (!is_destroying_effect && parent !== null && (parent.f & 24576) !== 0) {
 		derived_inert();
 		return derived.v;
 	}
@@ -1947,10 +1857,8 @@ function update_derived(derived) {
 	if (!derived.equals(value)) {
 		derived.wv = increment_write_version();
 		if (!current_batch?.is_fork || derived.deps === null) {
-			if (current_batch !== null) {
-				current_batch.capture(derived, value, true);
-				previous_batch?.capture(derived, value, true);
-			} else derived.v = value;
+			if (current_batch !== null) current_batch.capture(derived, value, true);
+			else derived.v = value;
 			if (derived.deps === null) {
 				set_signal_status(derived, CLEAN);
 				return;
@@ -1970,7 +1878,7 @@ function freeze_derived_effects(derived) {
 	for (const e of derived.effects) if (e.teardown || e.ac) {
 		e.teardown?.();
 		e.ac?.abort(STALE_REACTION);
-		if (e.fn !== null) e.teardown = noop;
+		e.teardown = noop;
 		e.ac = null;
 		remove_reactions(e, 0);
 		destroy_effect_children(e);
@@ -1981,12 +1889,12 @@ function freeze_derived_effects(derived) {
 */
 function unfreeze_derived_effects(derived) {
 	if (derived.effects === null) return;
-	for (const e of derived.effects) if (e.teardown && e.fn !== null) update_effect(e);
+	for (const e of derived.effects) if (e.teardown) update_effect(e);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/sources.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/sources.js
 /** @import { Derived, Effect, Source, Value } from '#client' */
-/** @type {Set<Effect>} */
+/** @type {Set<any>} */
 var eager_effects = /* @__PURE__ */ new Set();
 /** @type {Map<Source, any>} */
 var old_values = /* @__PURE__ */ new Map();
@@ -2012,7 +1920,7 @@ function source(v, stack) {
 * @param {V} v
 * @param {Error | null} [stack]
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function state(v, stack) {
 	const s = source(v, stack);
 	push_reaction_value(s);
@@ -2024,7 +1932,7 @@ function state(v, stack) {
 * @param {boolean} [immutable]
 * @returns {Source<V>}
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function mutable_source(initial_value, immutable = false, trackable = true) {
 	const s = source(initial_value);
 	if (!immutable) s.equals = safe_equals;
@@ -2042,7 +1950,7 @@ function mutable_source(initial_value, immutable = false, trackable = true) {
 * @returns {V}
 */
 function set(source, value, should_proxy = false) {
-	if (active_reaction !== null && (!untracking || (active_reaction.f & 131072) !== 0) && is_runes() && (active_reaction.f & 4325394) !== 0 && (current_sources === null || !current_sources.has(source))) state_unsafe_mutation();
+	if (active_reaction !== null && (!untracking || (active_reaction.f & 131072) !== 0) && is_runes() && (active_reaction.f & 4325394) !== 0 && (current_sources === null || !includes.call(current_sources, source))) state_unsafe_mutation();
 	return internal_set(source, should_proxy ? proxy(value) : value, legacy_updates);
 }
 /**
@@ -2074,13 +1982,7 @@ function flush_eager_effects() {
 	eager_effects_deferred = false;
 	for (const effect of eager_effects) {
 		if ((effect.f & 1024) !== 0) set_signal_status(effect, MAYBE_DIRTY);
-		let dirty;
-		try {
-			dirty = is_dirty(effect);
-		} catch {
-			dirty = true;
-		}
-		if (dirty) update_effect(effect);
+		if (is_dirty(effect)) update_effect(effect);
 	}
 	eager_effects.clear();
 }
@@ -2108,8 +2010,7 @@ function mark_reactions(signal, status, updated_during_traversal) {
 		if (!runes && reaction === active_effect) continue;
 		var not_dirty = (flags & DIRTY) === 0;
 		if (not_dirty) set_signal_status(reaction, status);
-		if ((flags & 131072) !== 0) eager_effects.add(reaction);
-		else if ((flags & 2) !== 0) {
+		if ((flags & 2) !== 0) {
 			var derived = reaction;
 			batch_values?.delete(derived);
 			if ((flags & 65536) === 0) {
@@ -2282,19 +2183,8 @@ function proxy(value) {
 		}
 	});
 }
-new Set([
-	"copyWithin",
-	"fill",
-	"pop",
-	"push",
-	"reverse",
-	"shift",
-	"sort",
-	"splice",
-	"unshift"
-]);
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/operations.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/operations.js
 /** @import { Effect, TemplateNode } from '#client' */
 /** @type {Window} */
 var $window;
@@ -2318,13 +2208,13 @@ function init_operations() {
 	first_child_getter = get_descriptor(node_prototype, "firstChild").get;
 	next_sibling_getter = get_descriptor(node_prototype, "nextSibling").get;
 	if (is_extensible(element_prototype)) {
-		/** @type {any} */ element_prototype[CLASS_CACHE] = void 0;
-		/** @type {any} */ element_prototype[ATTRIBUTES_CACHE] = null;
-		/** @type {any} */ element_prototype[STYLE_CACHE] = void 0;
+		element_prototype.__click = void 0;
+		element_prototype.__className = void 0;
+		element_prototype.__attributes = null;
+		element_prototype.__style = void 0;
 		element_prototype.__e = void 0;
 	}
-	if (is_extensible(text_prototype))
- /** @type {any} */ text_prototype[TEXT_CACHE] = void 0;
+	if (is_extensible(text_prototype)) text_prototype.__t = void 0;
 }
 /**
 * @param {string} value
@@ -2337,7 +2227,7 @@ function create_text(value = "") {
 * @template {Node} N
 * @param {N} node
 */
-/*@__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function get_first_child(node) {
 	return first_child_getter.call(node);
 }
@@ -2345,7 +2235,7 @@ function get_first_child(node) {
 * @template {Node} N
 * @param {N} node
 */
-/*@__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function get_next_sibling(node) {
 	return next_sibling_getter.call(node);
 }
@@ -2441,12 +2331,6 @@ function should_defer_append() {
 	return (active_effect.f & REACTION_RAN) !== 0;
 }
 /**
-* Branching here is intentional and load-bearing for perf. `createElement(tag)`
-* hits a fast path in Blink that `createElementNS(NAMESPACE_HTML, tag)` doesn't,
-* and passing an explicit `undefined` as the trailing options arg measurably
-* slows both APIs. Funnelling every case through a single `createElementNS(ns,
-* tag, options)` call would be smaller but slower on the HTML path.
-*
 * @template {keyof HTMLElementTagNameMap | string} T
 * @param {T} tag
 * @param {string} [namespace]
@@ -2454,8 +2338,8 @@ function should_defer_append() {
 * @returns {T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMap[T] : Element}
 */
 function create_element(tag, namespace, is) {
-	if (namespace == null || namespace === "http://www.w3.org/1999/xhtml") return is ? document.createElement(tag, { is }) : document.createElement(tag);
-	return is ? document.createElementNS(namespace, tag, { is }) : document.createElementNS(namespace, tag);
+	let options = is ? { is } : void 0;
+	return document.createElementNS(namespace ?? "http://www.w3.org/1999/xhtml", tag, options);
 }
 /**
 * Browsers split text nodes larger than 65536 bytes when parsing.
@@ -2472,21 +2356,20 @@ function merge_text_nodes(text) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/misc.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/misc.js
 var listening_to_form_reset = false;
 function add_form_reset_listener() {
 	if (!listening_to_form_reset) {
 		listening_to_form_reset = true;
 		document.addEventListener("reset", (evt) => {
 			Promise.resolve().then(() => {
-				if (!evt.defaultPrevented) for (const e of evt.target.elements)
- /** @type {any} */ e[FORM_RESET_HANDLER]?.();
+				if (!evt.defaultPrevented) for (const e of evt.target.elements) e.__on_r?.();
 			});
 		}, { capture: true });
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/bindings/shared.js
 /**
 * @template T
 * @param {() => T} fn
@@ -2504,7 +2387,7 @@ function without_reactive_context(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/effects.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/effects.js
 /** @import { Blocker, ComponentContext, ComponentContextLegacy, Derived, Effect, TemplateNode, TransitionManager } from '#client' */
 /**
 * @param {'$effect' | '$effect.pre' | '$inspect'} rune
@@ -2604,7 +2487,7 @@ function teardown(fn) {
 function user_effect(fn) {
 	validate_effect("$effect");
 	var flags = active_effect.f;
-	if (!active_reaction && (flags & 32) !== 0 && component_context !== null && !component_context.i) {
+	if (!active_reaction && (flags & 32) !== 0 && (flags & 32768) === 0) {
 		var context = component_context;
 		(context.e ?? (context.e = [])).push(fn);
 	} else return create_user_effect(fn);
@@ -2677,9 +2560,7 @@ function render_effect(fn, flags = 0) {
 */
 function template_effect(fn, sync = [], async = [], blockers = []) {
 	flatten(blockers, sync, async, (values) => {
-		create_effect(8, () => {
-			fn(...values.map(get));
-		});
+		create_effect(8, () => fn(...values.map(get)));
 	});
 }
 /**
@@ -2755,7 +2636,7 @@ function destroy_effect(effect, remove_dom = true) {
 		remove_effect_dom(effect.nodes.start, effect.nodes.end);
 		removed = true;
 	}
-	effect.f |= DESTROYING;
+	set_signal_status(effect, DESTROYING);
 	destroy_effect_children(effect, remove_dom && !removed);
 	remove_reactions(effect, 0);
 	var transitions = effect.nodes && effect.nodes.t;
@@ -2890,14 +2771,14 @@ function move_effect(effect, fragment) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/legacy.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/legacy.js
 /**
 * @type {Set<Value> | null}
 * @deprecated
 */
 var captured_signals = null;
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/runtime.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/runtime.js
 /** @import { Derived, Effect, Reaction, Source, Value } from '#client' */
 var is_updating_effect = false;
 var is_destroying_effect = false;
@@ -2921,12 +2802,13 @@ function set_active_effect(effect) {
 /**
 * When sources are created within a reaction, reading and writing
 * them within that reaction should not cause a re-run
-* @type {null | Set<Source>}
+* @type {null | Source[]}
 */
 var current_sources = null;
 /** @param {Value} value */
 function push_reaction_value(value) {
-	if (active_reaction !== null && (!async_mode_flag || (active_reaction.f & 2) !== 0)) (current_sources ?? (current_sources = /* @__PURE__ */ new Set())).add(value);
+	if (active_reaction !== null && (!async_mode_flag || (active_reaction.f & 2) !== 0)) if (current_sources === null) current_sources = [value];
+	else current_sources.push(value);
 }
 /**
 * The dependencies of the reaction that is currently being executed. In many cases,
@@ -2991,7 +2873,7 @@ function is_dirty(reaction) {
 function schedule_possible_effect_self_invalidation(signal, effect, root = true) {
 	var reactions = signal.reactions;
 	if (reactions === null) return;
-	if (!async_mode_flag && current_sources !== null && current_sources.has(signal)) return;
+	if (!async_mode_flag && current_sources !== null && includes.call(current_sources, signal)) return;
 	for (var i = 0; i < reactions.length; i++) {
 		var reaction = reactions[i];
 		if ((reaction.f & 2) !== 0) schedule_possible_effect_self_invalidation(reaction, effect, false);
@@ -3146,7 +3028,7 @@ function get(signal) {
 	var is_derived = (signal.f & 2) !== 0;
 	captured_signals?.add(signal);
 	if (active_reaction !== null && !untracking) {
-		if (!(active_effect !== null && (active_effect.f & 16384) !== 0) && (current_sources === null || !current_sources.has(signal))) {
+		if (!(active_effect !== null && (active_effect.f & 16384) !== 0) && (current_sources === null || !includes.call(current_sources, signal))) {
 			var deps = active_reaction.deps;
 			if ((active_reaction.f & 2097152) !== 0) {
 				if (signal.rv < read_version) {
@@ -3157,8 +3039,7 @@ function get(signal) {
 				}
 			} else {
 				var _active_reaction;
-				(_active_reaction = active_reaction).deps ?? (_active_reaction.deps = []);
-				if (!includes.call(active_reaction.deps, signal)) active_reaction.deps.push(signal);
+				((_active_reaction = active_reaction).deps ?? (_active_reaction.deps = [])).push(signal);
 				var reactions = signal.reactions;
 				if (reactions === null) signal.reactions = [active_reaction];
 				else if (!includes.call(reactions, active_reaction)) reactions.push(active_reaction);
@@ -3241,7 +3122,7 @@ function untrack(fn) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/events.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/events.js
 /**
 * Used on elements, as a map of event type -> event handler,
 * and on events themselves to track which element handled an event
@@ -3298,7 +3179,8 @@ function handle_event_propagation(event) {
 		*/
 		var other_errors = [];
 		while (current_target !== null) {
-			if (current_target === handler_element) break;
+			/** @type {null | Element} */
+			var parent_element = current_target.assignedSlot || current_target.parentNode || current_target.host || null;
 			try {
 				var delegated = current_target[event_symbol]?.[event_name];
 				if (delegated != null && (!current_target.disabled || event.target === current_target)) delegated.call(current_target, event);
@@ -3306,9 +3188,8 @@ function handle_event_propagation(event) {
 				if (throw_error) other_errors.push(error);
 				else throw_error = error;
 			}
-			if (event.cancelBubble) break;
-			path_idx++;
-			current_target = path_idx < path.length ? path[path_idx] : null;
+			if (event.cancelBubble || parent_element === handler_element || parent_element === null) break;
+			current_target = parent_element;
 		}
 		if (throw_error) {
 			for (let error of other_errors) queueMicrotask(() => {
@@ -3324,7 +3205,7 @@ function handle_event_propagation(event) {
 	}
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/reconciler.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/reconciler.js
 var policy = globalThis?.window?.trustedTypes && /* @__PURE__ */ globalThis.window.trustedTypes.createPolicy("svelte-trusted-html", { 
 /** @param {string} html */
 createHTML: (html) => {
@@ -3343,7 +3224,7 @@ function create_fragment_from_html(html) {
 	return elem.content;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/template.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/template.js
 /** @import { Effect, EffectNodes, TemplateNode } from '#client' */
 /** @import { TemplateStructure } from './types' */
 /**
@@ -3364,7 +3245,7 @@ function assign_nodes(start, end) {
 * @param {number} flags
 * @returns {() => Node | Node[]}
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function from_html(content, flags) {
 	var is_fragment = (flags & 1) !== 0;
 	var use_import_node = (flags & 2) !== 0;
@@ -3399,7 +3280,7 @@ function from_html(content, flags) {
 * @param {'svg' | 'math'} ns
 * @returns {() => Node | Node[]}
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function from_namespace(content, flags, ns = "svg") {
 	/**
 	* Whether or not the first item is a text/element node. If not, we need to
@@ -3435,7 +3316,7 @@ function from_namespace(content, flags, ns = "svg") {
 * @param {string} content
 * @param {number} flags
 */
-/*#__NO_SIDE_EFFECTS__*/
+/* @__NO_SIDE_EFFECTS__ */
 function from_svg(content, flags) {
 	return /* @__PURE__ */ from_namespace(content, flags, "svg");
 }
@@ -3493,10 +3374,9 @@ function is_passive_event(name) {
 * @returns {void}
 */
 function set_text(text, value) {
-	var _text;
 	var str = value == null ? "" : typeof value === "object" ? `${value}` : value;
-	if (str !== ((_text = text)[TEXT_CACHE] ?? (_text[TEXT_CACHE] = text.nodeValue))) {
-		/** @type {any} */ text[TEXT_CACHE] = str;
+	if (str !== (text.__t ?? (text.__t = text.nodeValue))) {
+		text.__t = str;
 		text.nodeValue = `${str}`;
 	}
 }
@@ -3676,7 +3556,7 @@ function unmount(component, options) {
 	return Promise.resolve();
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/blocks/branches.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/branches.js
 /** @import { Effect, TemplateNode } from '#client' */
 var _batches = /* @__PURE__ */ new WeakMap();
 var _onscreen = /* @__PURE__ */ new WeakMap();
@@ -3718,7 +3598,6 @@ var BranchManager = class {
 			} else {
 				var offscreen = _classPrivateFieldGet2(_offscreen, this).get(key);
 				if (offscreen) {
-					resume_effect(offscreen.effect);
 					_classPrivateFieldGet2(_onscreen, this).set(key, offscreen.effect);
 					_classPrivateFieldGet2(_offscreen, this).delete(key);
 					/** @type {TemplateNode} */ offscreen.fragment.lastChild.remove();
@@ -3799,7 +3678,7 @@ var BranchManager = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/blocks/if.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/if.js
 /** @import { TemplateNode } from '#client' */
 /**
 * @param {TemplateNode} node
@@ -3845,7 +3724,7 @@ function if_block(node, fn, elseif = false) {
 	}, flags);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/blocks/each.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/blocks/each.js
 /** @import { EachItem, EachOutroGroup, EachState, Effect, EffectNodes, MaybeSource, Source, TemplateNode, TransitionManager, Value } from '#client' */
 /** @import { Batch } from '../../reactivity/batch.js'; */
 /**
@@ -4310,7 +4189,7 @@ function html(node, get_value, is_controlled = false, svg = false, mathml = fals
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/css.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/css.js
 /**
 * @param {Node} anchor
 * @param {{ hash: string, code: string }} css
@@ -4328,7 +4207,7 @@ function append_styles$1(anchor, css) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/shared/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/shared/attributes.js
 var whitespace = [..." 	\n\r\f\xA0\v"];
 /**
 * @param {any} value
@@ -4438,7 +4317,7 @@ function to_style(value, styles) {
 	return value == null ? null : String(value);
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/class.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/class.js
 /**
 * @param {Element} dom
 * @param {boolean | number} is_html
@@ -4449,13 +4328,13 @@ function to_style(value, styles) {
 * @returns {Record<string, boolean> | undefined}
 */
 function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
-	var prev = dom[CLASS_CACHE];
+	var prev = dom.__className;
 	if (hydrating || prev !== value || prev === void 0) {
 		var next_class_name = to_class(value, hash, next_classes);
 		if (!hydrating || next_class_name !== dom.getAttribute("class")) if (next_class_name == null) dom.removeAttribute("class");
 		else if (is_html) dom.className = next_class_name;
 		else dom.setAttribute("class", next_class_name);
-		/** @type {any} */ dom[CLASS_CACHE] = value;
+		dom.__className = value;
 	} else if (next_classes && prev_classes !== next_classes) for (var key in next_classes) {
 		var is_present = !!next_classes[key];
 		if (prev_classes == null || is_present !== !!prev_classes[key]) dom.classList.toggle(key, is_present);
@@ -4463,7 +4342,7 @@ function set_class(dom, is_html, value, hash, prev_classes, next_classes) {
 	return next_classes;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/style.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/style.js
 /**
 * @param {Element & ElementCSSInlineStyle} dom
 * @param {Record<string, any>} prev
@@ -4484,12 +4363,12 @@ function update_styles(dom, prev = {}, next, priority) {
 * @param {Record<string, any> | [Record<string, any>, Record<string, any>]} [next_styles]
 */
 function set_style(dom, value, prev_styles, next_styles) {
-	var prev = dom[STYLE_CACHE];
+	var prev = dom.__style;
 	if (hydrating || prev !== value) {
 		var next_style_attr = to_style(value, next_styles);
 		if (!hydrating || next_style_attr !== dom.getAttribute("style")) if (next_style_attr == null) dom.removeAttribute("style");
 		else dom.style.cssText = next_style_attr;
-		/** @type {any} */ dom[STYLE_CACHE] = value;
+		dom.__style = value;
 	} else if (next_styles) if (Array.isArray(next_styles)) {
 		update_styles(dom, prev_styles?.[0], next_styles[0]);
 		update_styles(dom, prev_styles?.[1], next_styles[1], "important");
@@ -4497,7 +4376,7 @@ function set_style(dom, value, prev_styles, next_styles) {
 	return next_styles;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/attributes.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/attributes.js
 /** @import { Blocker, Effect } from '#client' */
 var IS_CUSTOM_ELEMENT = Symbol("is custom element");
 var IS_HTML = Symbol("is html");
@@ -4526,7 +4405,7 @@ function remove_input_defaults(input) {
 			input.checked = checked;
 		}
 	};
-	/** @type {any} */ input[FORM_RESET_HANDLER] = remove_defaults;
+	input.__on_r = remove_defaults;
 	queue_micro_task(remove_defaults);
 	add_form_reset_listener();
 }
@@ -4574,8 +4453,7 @@ function set_attribute(element, attribute, value, skip_warning) {
 * @param {Element} element
 */
 function get_attributes(element) {
-	var _element;
-	return (_element = element)[ATTRIBUTES_CACHE] ?? (_element[ATTRIBUTES_CACHE] = {
+	return element.__attributes ?? (element.__attributes = {
 		[IS_CUSTOM_ELEMENT]: element.nodeName.includes("-"),
 		[IS_HTML]: element.namespaceURI === "http://www.w3.org/1999/xhtml"
 	});
@@ -4593,13 +4471,13 @@ function get_setters(element) {
 	var element_proto = Element.prototype;
 	while (element_proto !== proto) {
 		descriptors = get_descriptors(proto);
-		for (var key in descriptors) if (descriptors[key].set && key !== "innerHTML" && key !== "textContent" && key !== "innerText") setters.push(key);
+		for (var key in descriptors) if (descriptors[key].set) setters.push(key);
 		proto = get_prototype_of(proto);
 	}
 	return setters;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/bindings/size.js
 var _ResizeObserverSingleton;
 var _listeners = /* @__PURE__ */ new WeakMap();
 var _observer = /* @__PURE__ */ new WeakMap();
@@ -4651,7 +4529,7 @@ function _getObserver() {
 }
 _defineProperty(ResizeObserverSingleton, "entries", /* @__PURE__ */ new WeakMap());
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/bindings/this.js
 /** @import { ComponentContext, Effect } from '#client' */
 /**
 * @param {any} bound_value
@@ -4681,7 +4559,7 @@ function bind_this(element_or_component = {}, update, get_value, get_parts) {
 			old_parts = parts;
 			parts = get_parts?.() || [];
 			untrack(() => {
-				if (!is_bound_this(get_value(...parts), element_or_component)) {
+				if (element_or_component !== get_value(...parts)) {
 					update(element_or_component, ...parts);
 					if (old_parts && is_bound_this(get_value(...old_parts), element_or_component)) update(null, ...old_parts);
 				}
@@ -4703,8 +4581,8 @@ function bind_this(element_or_component = {}, update, get_value, get_parts) {
 	return element_or_component;
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/reactivity/props.js
-/** @import { Derived, Effect, Source } from './types.js' */
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/reactivity/props.js
+/** @import { Effect, Source } from './types.js' */
 /**
 * This function is responsible for synchronizing a possibly bound prop with the inner component state.
 * It is used whenever the compiler sees that the component writes to the prop, or when it has a default prop_value.
@@ -4721,12 +4599,7 @@ function prop(props, key, flags, fallback) {
 	var lazy = (flags & 16) !== 0;
 	var fallback_value = fallback;
 	var fallback_dirty = true;
-	var fallback_signal = void 0;
 	var get_fallback = () => {
-		if (lazy && runes) {
-			fallback_signal ?? (fallback_signal = /* @__PURE__ */ derived(fallback));
-			return get(fallback_signal);
-		}
 		if (fallback_dirty) {
 			fallback_dirty = false;
 			fallback_value = lazy ? untrack(fallback) : fallback;
@@ -4796,7 +4669,7 @@ function prop(props, key, flags, fallback) {
 	});
 }
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/legacy/legacy-client.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/legacy/legacy-client.js
 /** @import { ComponentConstructorOptions, ComponentType, SvelteComponent, Component } from 'svelte' */
 /**
 * Takes the same options as a Svelte 4 component and the component function and returns a Svelte 4 compatible component.
@@ -4915,7 +4788,7 @@ var Svelte4Component = class {
 	}
 };
 //#endregion
-//#region ../../../node_modules/.bun/svelte@5.56.1/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
+//#region ../../../node_modules/.bun/svelte@5.55.5/node_modules/svelte/src/internal/client/dom/elements/custom-element.js
 /**
 * @typedef {Object} CustomElementPropDefinition
 * @property {string} [attribute]
@@ -5363,11 +5236,11 @@ function computeAudioMode(params) {
 }
 //#endregion
 //#region src/delivery/AudioPlayer.svelte
-var root$3 = /* @__PURE__ */ from_html(`<audio class="sr-only pie-audio-player svelte-ypdwb3" preload="metadata" aria-hidden="true" tabindex="-1"></audio> <button class="listen-button pie-listen-button rli-feature-audio svelte-ypdwb3" type="button"><img/> <img/></button>`, 1);
-var root_1$3 = /* @__PURE__ */ from_html(`<button class="mt-2 text-sm underline pie-audio-autoplay-enable" type="button"> </button>`);
-var root_2$3 = /* @__PURE__ */ from_html(`<audio controls="" class="w-full max-w-md pie-audio-player" preload="metadata"><track kind="captions"/></audio> <!>`, 1);
-var root_3$3 = /* @__PURE__ */ from_html(`<p class="text-sm text-red-700 pie-audio-error" role="alert"> </p>`);
-var root_4$2 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container"><!></div>`);
+var root_2$3 = /* @__PURE__ */ from_html(`<audio class="sr-only pie-audio-player svelte-ypdwb3" preload="metadata" aria-hidden="true" tabindex="-1"></audio> <button class="listen-button pie-listen-button rli-feature-audio svelte-ypdwb3" type="button"><img/> <img/></button>`, 1);
+var root_4$2 = /* @__PURE__ */ from_html(`<button class="mt-2 text-sm underline pie-audio-autoplay-enable" type="button"> </button>`);
+var root_3$3 = /* @__PURE__ */ from_html(`<audio controls="" class="w-full max-w-md pie-audio-player" preload="metadata"><track kind="captions"/></audio> <!>`, 1);
+var root_5$2 = /* @__PURE__ */ from_html(`<p class="text-sm text-red-700 pie-audio-error" role="alert"> </p>`);
+var root_1$3 = /* @__PURE__ */ from_html(`<div class="mb-4 audio-container pie-audio-container"><!></div>`);
 var $$css$3 = {
 	hash: "svelte-ypdwb3",
 	code: ".listen-button.svelte-ypdwb3 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);border:0;padding:0;background-color:transparent;cursor:pointer;z-index:1;}.listen-button.svelte-ypdwb3:hover {background-color:#e2f1fe;}.listen-feature-icon.svelte-ypdwb3 {width:var(--mpb-listen-button-size, 128px);height:var(--mpb-listen-button-size, 128px);object-fit:contain;display:none;}.listen-feature-icon.listen-active.svelte-ypdwb3 {display:block;}.sr-only.svelte-ypdwb3 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}"
@@ -5532,10 +5405,10 @@ function AudioPlayer($$anchor, $$props) {
 	var fragment = comment();
 	var node = first_child(fragment);
 	var consequent_4 = ($$anchor) => {
-		var div = root_4$2();
+		var div = root_1$3();
 		var node_1 = child(div);
 		var consequent = ($$anchor) => {
-			var fragment_1 = root$3();
+			var fragment_1 = root_2$3();
 			var audio = first_child(fragment_1);
 			bind_this(audio, ($$value) => set(audioEl, $$value), () => get(audioEl));
 			var button = sibling(audio, 2);
@@ -5560,12 +5433,12 @@ function AudioPlayer($$anchor, $$props) {
 			append($$anchor, fragment_1);
 		};
 		var consequent_2 = ($$anchor) => {
-			var fragment_2 = root_2$3();
+			var fragment_2 = root_3$3();
 			var audio_1 = first_child(fragment_2);
 			bind_this(audio_1, ($$value) => set(audioEl, $$value), () => get(audioEl));
 			var node_2 = sibling(audio_1, 2);
 			var consequent_1 = ($$anchor) => {
-				var button_1 = root_1$3();
+				var button_1 = root_4$2();
 				var text = child(button_1, true);
 				reset(button_1);
 				bind_this(button_1, ($$value) => set(autoplayEnableButtonEl, $$value), () => get(autoplayEnableButtonEl));
@@ -5582,7 +5455,7 @@ function AudioPlayer($$anchor, $$props) {
 			append($$anchor, fragment_2);
 		};
 		var consequent_3 = ($$anchor) => {
-			var p = root_3$3();
+			var p = root_5$2();
 			var text_1 = child(p, true);
 			reset(p);
 			template_effect(() => set_text(text_1, get(audioErrorMessage)));
@@ -5618,10 +5491,10 @@ create_custom_element(AudioPlayer, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/ClozeMarker.svelte
-var root$2 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
-var root_1$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-value pie-blank-value svelte-d9l5tb"></span>`);
-var root_2$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-empty svelte-d9l5tb" aria-hidden="true">&nbsp;</span>`);
-var root_3$2 = /* @__PURE__ */ from_html(`<span role="status" aria-live="polite" aria-atomic="true"><!></span>`);
+var root_1$2 = /* @__PURE__ */ from_html(`<img class="w-auto object-contain pie-blank-image" style="max-height:var(--mpb-selected-image-max-height, 4rem);"/>`);
+var root_2$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-value pie-blank-value svelte-d9l5tb"></span>`);
+var root_3$2 = /* @__PURE__ */ from_html(`<span class="cloze-marker-empty svelte-d9l5tb" aria-hidden="true">&nbsp;</span>`);
+var root$2 = /* @__PURE__ */ from_html(`<span role="status" aria-live="polite" aria-atomic="true"><!></span>`);
 var $$css$2 = {
 	hash: "svelte-d9l5tb",
 	code: ".cloze-marker.svelte-d9l5tb {display:inline-flex;align-items:center;justify-content:center;text-align:center;vertical-align:baseline;}.cloze-marker.svelte-d9l5tb:focus-within {outline:2px solid var(--pie-focus, #2563eb);outline-offset:2px;}.cloze-marker-standalone.svelte-d9l5tb {width:var(--mpb-blank-standalone-width, 7rem);}.cloze-marker-empty.svelte-d9l5tb {display:inline-block;min-width:4ch;}.cloze-marker-value.svelte-d9l5tb {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.cloze-marker-value.svelte-d9l5tb p {margin:0;}"
@@ -5681,10 +5554,10 @@ function ClozeMarker($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var span = root_3$2();
+	var span = root$2();
 	var node = child(span);
 	var consequent = ($$anchor) => {
-		var img = root$2();
+		var img = root_1$2();
 		template_effect(() => {
 			set_attribute(img, "src", displayChoice().imageUrl);
 			set_attribute(img, "alt", displayChoice().imageAlt || "Selected answer image");
@@ -5692,13 +5565,13 @@ function ClozeMarker($$anchor, $$props) {
 		append($$anchor, img);
 	};
 	var consequent_1 = ($$anchor) => {
-		var span_1 = root_1$2();
+		var span_1 = root_2$2();
 		html(span_1, displayChoiceLabelHtml, true);
 		reset(span_1);
 		append($$anchor, span_1);
 	};
 	var alternate = ($$anchor) => {
-		append($$anchor, root_2$2());
+		append($$anchor, root_3$2());
 	};
 	if_block(node, ($$render) => {
 		if (choiceMode() === "image" && displayChoice()?.imageUrl) $$render(consequent);
@@ -5725,12 +5598,14 @@ create_custom_element(ClozeMarker, {
 }, [], [], { mode: "open" });
 //#endregion
 //#region src/delivery/ChoiceRow.svelte
-var root$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
-var root_1$1 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-8xu1pt"></span>`);
-var root_2$1 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-8xu1pt"><span class="choice-tile-content pie-choice-tile-content svelte-8xu1pt"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-8xu1pt"/></label>`);
-var root_3$1 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt"><!></label>`, 1);
-var root_4$1 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
-var root_5$1 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
+var root_2$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_3$1 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-8xu1pt"></span>`);
+var root_1$1 = /* @__PURE__ */ from_html(`<label class="cursor-pointer choice-tile text-center pie-choice-tile svelte-8xu1pt"><span class="choice-tile-content pie-choice-tile-content svelte-8xu1pt"><!></span> <input type="radio" class="choice-radio-bottom pie-choice-radio pie-choice-radio-bottom svelte-8xu1pt"/></label>`);
+var root_5$1 = /* @__PURE__ */ from_html(`<img class="object-contain pie-choice-image" style="max-height:var(--mpb-choice-image-max-height, 5rem);"/>`);
+var root_6$1 = /* @__PURE__ */ from_html(`<span class="choice-html pie-choice-label svelte-8xu1pt"></span>`);
+var root_4$1 = /* @__PURE__ */ from_html(`<input type="radio" class="choice-radio-inline pie-choice-radio pie-choice-radio-inline svelte-8xu1pt"/> <label class="cursor-pointer flex-1 pie-choice-label-wrap svelte-8xu1pt"><!></label>`, 1);
+var root_7$1 = /* @__PURE__ */ from_html(`<span aria-hidden="true"> </span>`);
+var root$1 = /* @__PURE__ */ from_html(`<div style="gap:var(--mpb-choice-row-gap, 0.5rem);"><!> <!></div>`);
 var $$css$1 = {
 	hash: "svelte-8xu1pt",
 	code: ".choice-row-horizontal.svelte-8xu1pt {flex-direction:column;align-items:center;width:min(var(--mpb-choice-width-px, 170px), var(--mpb-choice-width-vw, 30vw));min-height:var(--mpb-choice-tile-min-height, 11rem);gap:0;}.choice-tile.svelte-8xu1pt {display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;min-height:var(--mpb-choice-tile-min-height, 11rem);padding:0.8rem 0.65rem 0.5rem;border-radius:8px;background:transparent;transition:background-color 120ms ease-in-out;}.choice-tile-content.svelte-8xu1pt {width:100%;display:flex;align-items:center;justify-content:center;min-height:var(--mpb-choice-content-min-height, 7.5rem);}.choice-row-horizontal.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-hover-bg, var(--pie-correct-answer-choice-hover-bg, #f2f2f2));}.pie-choice-horizontal.svelte-8xu1pt:not(.is-selected):not(:hover) .pie-choice-tile:where(.svelte-8xu1pt) {background:transparent;}.choice-row-horizontal.is-selected.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-correct-answer-choice-selected-bg, #fcfcd3));}.choice-row-horizontal.is-selected.svelte-8xu1pt:hover .choice-tile:where(.svelte-8xu1pt) {background:var(--mpb-choice-selected-bg, var(--pie-correct-answer-choice-selected-bg, #fcfcd3));}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-hover-bg, #ececec);}.pie-choice.svelte-8xu1pt:not(.pie-choice-horizontal):not(.is-selected):not(:hover) .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:transparent;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);border-radius:6px;}.pie-choice:not(.pie-choice-horizontal).is-selected.svelte-8xu1pt:hover .pie-choice-label-wrap:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-selected-bg, #f1f1f1);}.pie-choice.choice-correct.svelte-8xu1pt {border-left:3px solid var(--pie-correct-answer-choice-correct-border, #0ea449);}.pie-choice.choice-incorrect.svelte-8xu1pt {border-left:3px solid var(--pie-correct-answer-choice-incorrect-border, #bf0d00);}.pie-choice-horizontal.choice-correct.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-correct-bg, #e8f5e9);}.pie-choice-horizontal.choice-incorrect.svelte-8xu1pt .choice-tile:where(.svelte-8xu1pt) {background:var(--pie-correct-answer-choice-incorrect-bg, #ffebee);}.pie-choice-feedback-badge.svelte-8xu1pt {margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border-radius:9999px;font-size:0.72rem;line-height:1;font-weight:700;color:var(--pie-correct-answer-feedback-glyph-color, #fff);}.pie-choice-feedback-correct.svelte-8xu1pt {background:var(--pie-correct-answer-feedback-correct-bg, #087d38);}.pie-choice-feedback-incorrect.svelte-8xu1pt {background:var(--pie-correct-answer-feedback-incorrect-bg, #bf0d00);}.choice-row-horizontal.svelte-8xu1pt p {margin:0;text-align:center;}.choice-html.svelte-8xu1pt p {margin:0;}.choice-html.svelte-8xu1pt {width:100%;display:inline-flex;align-items:center;justify-content:center;text-align:center;}.choice-radio-bottom.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);padding:var(--mpb-choice-radio-padding, 0px);}.choice-radio-inline.svelte-8xu1pt {margin-top:var(--mpb-horizontal-choice-radio-top-margin, 0.5rem);}"
@@ -5804,14 +5679,14 @@ function ChoiceRow($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var div = root_5$1();
+	var div = root$1();
 	var node = child(div);
 	var consequent_1 = ($$anchor) => {
-		var label = root_2$1();
+		var label = root_1$1();
 		var span = child(label);
 		var node_1 = child(span);
 		var consequent = ($$anchor) => {
-			var img = root$1();
+			var img = root_2$1();
 			template_effect(() => {
 				set_attribute(img, "src", choice().imageUrl);
 				set_attribute(img, "alt", choice().imageAlt || `Choice ${choice().id}`);
@@ -5819,7 +5694,7 @@ function ChoiceRow($$anchor, $$props) {
 			append($$anchor, img);
 		};
 		var alternate = ($$anchor) => {
-			var span_1 = root_1$1();
+			var span_1 = root_3$1();
 			html(span_1, () => choice().labelHtml || "", true);
 			reset(span_1);
 			append($$anchor, span_1);
@@ -5843,13 +5718,13 @@ function ChoiceRow($$anchor, $$props) {
 		append($$anchor, label);
 	};
 	var alternate_2 = ($$anchor) => {
-		var fragment = root_3$1();
+		var fragment = root_4$1();
 		var input_1 = first_child(fragment);
 		remove_input_defaults(input_1);
 		var label_1 = sibling(input_1, 2);
 		var node_2 = child(label_1);
 		var consequent_2 = ($$anchor) => {
-			var img_1 = root$1();
+			var img_1 = root_5$1();
 			template_effect(() => {
 				set_attribute(img_1, "src", choice().imageUrl);
 				set_attribute(img_1, "alt", choice().imageAlt || `Choice ${choice().id}`);
@@ -5857,7 +5732,7 @@ function ChoiceRow($$anchor, $$props) {
 			append($$anchor, img_1);
 		};
 		var alternate_1 = ($$anchor) => {
-			var span_2 = root_1$1();
+			var span_2 = root_6$1();
 			html(span_2, () => choice().labelHtml || "", true);
 			reset(span_2);
 			append($$anchor, span_2);
@@ -5883,7 +5758,7 @@ function ChoiceRow($$anchor, $$props) {
 	});
 	var node_3 = sibling(node, 2);
 	var consequent_3 = ($$anchor) => {
-		var span_3 = root_4$1();
+		var span_3 = root_7$1();
 		var text = child(span_3, true);
 		reset(span_3);
 		template_effect(() => {
@@ -6259,7 +6134,7 @@ function computeLegendText(params) {
 }
 //#endregion
 //#region src/delivery/cqt-css/sel-r1-base.css?raw
-var sel_r1_base_default = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout */\n[class*=\"variant-sel-r1-\"] {\n  font-family: Starial, Arial, sans-serif;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   column-gap:4px replicates the 2px+2px per-element margin. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n  column-gap: 4px;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  gap: 4px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px } — every stem token (blank slot and adjacent spans) is a 150px box.\n   Scoped to token_sequence layout so the audio_blank_only standalone blank (160px) is unaffected. */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line span:not([class]),\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n";
+var sel_r1_base_default = "/* Shared base styles for all sel_r1-*_plusggg variants.\n   Applied via the data-mpb-variant=\"sel-r1-base\" style element.\n   Uses [class*=\"variant-sel-r1-\"] so it covers every r1 variant class.\n   Source: web-ItemBankViewer/learnosity/templates/Renaissance/r1.scss */\n\n/* r1.scss: Starial font throughout.\n   font-size 14px mirrors the Learnosity host root (.lrn_widget) which sets the\n   base for all em-scaled rules in r1.scss (e.g. .rli-r1-content-element { 1.9em })\n   and any em-based author content (e.g. <span style=\"font-size:1.8em\">). Without\n   this base PIE inherits the 16px browser default and renders ~14% larger than\n   the LSY reference. See CONTOOL-2567. */\n[class*=\"variant-sel-r1-\"] {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 14px;\n}\n\n/* r1.scss: .rli-r1-audio-transcript { font-family:Roboto; font-size:16px } */\n[class*=\"variant-sel-r1-\"] .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size: 1.9em } wraps all stem tokens.\n   Makes inline font-size spans in the template multiply on top of this base. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  font-size: 1.9em;\n}\n\n/* r1.scss: .rli-r1-stem { display:flex; flex-direction:row; justify-content:center }\n   r1.scss: .rli-r1-content-element { margin-right:2px; margin-left:2px } — 4px total gap.\n   Apply the per-element margin to both classless tokens and the blank slot\n   (which is the cloze equivalent) so the gap stacks with whitespace text-nodes\n   between flex items the same way LSY does. Earlier this used column-gap:4px,\n   but flex column-gap accumulates with the cloze-side mx-1 and the implicit\n   whitespace, producing a wider gap than LSY shows. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"] .pie-template-line {\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n  justify-content: center;\n}\n\n[class*=\"variant-sel-r1-\"] .pie-template-line p {\n  margin: 0;\n  display: flex;\n  flex-direction: row;\n  align-items: baseline;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px; min-height:150px;\n   line-height:89px; margin-right:2px; margin-left:2px } — wraps every stem token\n   (blank slot and adjacent inline spans) in LSY, giving each a 150px box with a\n   2px per-side margin. Apply to inline tokens in all r1 variants so trailing\n   tokens in audio_blank_only (gplusggg) match the blank's height the way LSY does. */\n[class*=\"variant-sel-r1-\"] .pie-template-line span:not([class]) {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* In token_sequence layouts the blank itself is also a content-element box (no\n   surrounding .rli-r1-cloze container at 160px). audio_blank_only / stimulus_image_blank\n   keep their own 160px min-height set on the blank slot in McPopulatedBlank.svelte to\n   mirror LSY's .rli-r1-cloze height. The 2px per-side margin matches LSY's\n   .rli-r1-content-element pattern (overriding the default Tailwind mx-1). */\n[class*=\"variant-sel-r1-\"].layout-token_sequence .pie-template-line .pie-blank-slot {\n  min-width: 150px;\n  max-width: 150px;\n  min-height: 150px;\n  line-height: 89px;\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* audio_blank_only / stimulus_image_blank keep the 160px wide blank slot, but\n   still need the 2px per-side margin so the gap to the trailing token mirrors\n   LSY's .rli-r1-content-element rhythm. Without this, Tailwind's mx-1 (4px)\n   would dominate and the cloze→token gap diverges from LSY. See CONTOOL-2569. */\n[class*=\"variant-sel-r1-\"].layout-audio_blank_only .pie-template-line .pie-blank-slot,\n[class*=\"variant-sel-r1-\"].layout-stimulus_image_blank .pie-template-line .pie-blank-slot {\n  margin-left: 2px;\n  margin-right: 2px;\n}\n\n/* r1.scss: .rli-r1-content-element { font-size:1.9em; line-height:89px } on distractors */\n[class*=\"variant-sel-r1-\"] .pie-choice-label {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n/* r1.scss: .rli-r1-content-element { min-width:150px; max-width:150px;\n   min-height:150px } wraps every image (stem token + distractor) and forces\n   the content box to 150×150. LSY's host also rewrites <img width/height>\n   to 150 server-side. PIE keeps the authored attributes (typically 108×108),\n   so without an explicit override images render ~28% smaller than LSY.\n   See CONTOOL-2570. */\n[class*=\"variant-sel-r1-\"] .pie-template-line img,\n[class*=\"variant-sel-r1-\"] .pie-choice-label img {\n  width: 150px;\n  height: 150px;\n}\n";
 //#endregion
 //#region src/delivery/variant-css-map.ts
 var VARIANT_BY_CUSTOM_TYPE = {
@@ -6273,13 +6148,13 @@ var VARIANT_BY_CUSTOM_TYPE = {
 		variantId: "sr-vic",
 		variantClass: "variant-sr-vic",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/vic.scss */\n.mc-populated-blank-root.variant-sr-vic {\n  font-family: Starial, Arial, sans-serif;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-template-line,\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* vic.scss: .rli-vic-answer uses display:flex so sentence and cloze stay on\n   one line. The template HTML wraps text in <p>, which is block by default and\n   breaks to a new line. Making <p> inline keeps the sentence and blank inline. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } applied to the\n   whole distractor row (radio + label), not just the label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } applied to\n   the full row element, not only the inner label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover — yellow persists when hovering a chosen row. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sr-vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/vic.scss */\n.mc-populated-blank-root.variant-sr-vic {\n  font-family: Starial, Arial, sans-serif;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-template-line,\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* vic.scss: .rli-vic-answer uses display:flex so sentence and cloze stay on\n   one line. The template HTML wraps text in <p>, which is block by default and\n   breaks to a new line. Making <p> inline keeps the sentence and blank inline. */\n.mc-populated-blank-root.variant-sr-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* LSY .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sr-vic back to start so wrapped lines stay left-aligned.\n   Same root cause as sel-vic. See CONTOOL-2573. */\n.mc-populated-blank-root.variant-sr-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sr-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } applied to the\n   whole distractor row (radio + label), not just the label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } applied to\n   the full row element, not only the inner label wrapper. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sr-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover — yellow persists when hovering a chosen row. */\n.mc-populated-blank-root.variant-sr-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n"
 	},
 	sel_vic: {
 		variantId: "sel-vic",
 		variantClass: "variant-sel-vic",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/sel_vic/scss/main.scss + vic.scss */\n.mc-populated-blank-root.variant-sel-vic {\n  font-family: Starial, Arial, sans-serif;\n  font-size: 1.5em;\n  max-width: 800px;\n  margin-inline: auto;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n  --pie-correct-answer-choice-hover-bg: #e2e2e2;\n  --pie-correct-answer-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-template-line,\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* sel_vic/main.scss: template left ~75%, audio right ~25% on the same row.\n   Svelte scoping prevents the component-internal grid-area rule from reaching\n   .audio-container inside AudioPlayer, so we override it here via the global\n   .pie-audio-container class which is not subject to scope hashing. */\n.mc-populated-blank-root.variant-sel-vic .pie-audio-container {\n  grid-area: audio;\n  margin: 0;\n  justify-self: end;\n  align-self: start;\n  min-height: 128px;\n}\n\n/* vic.scss: sentence and cloze sit inline — the <p> wrapper must not break to\n   a new line before the blank slot. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* sel_vic/main.scss: .sel-vic { max-width: 800px } — the fieldset/choices must\n   also be constrained so rows don't span beyond 800px. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices-fieldset {\n  max-width: 800px;\n  width: 100%;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n@media (min-width: 620px) {\n  .mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n    min-width: 620px;\n    max-width: 800px;\n    transform: translateX(-55px);\n  }\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_vic/0.0.1/question.css */\n/* Reference layout: web-ItemBankViewer/learnosity/templates/Renaissance/sel_vic/scss/main.scss + vic.scss */\n.mc-populated-blank-root.variant-sel-vic {\n  font-family: Starial, Arial, sans-serif;\n  /* LSY chain: .lrn_widget (14px host) → .sel-vic { 1.5em } = 21px.\n     PIE collapses both LSY layers into this single variant-root selector, so\n     the resolved value is set directly. See CONTOOL-2567. */\n  font-size: 21px;\n  max-width: 800px;\n  margin-inline: auto;\n  --mpb-inline-grid-column-gap: 1rem;\n  --mpb-inline-grid-row-gap: 0.5rem;\n  --mpb-inline-template-margin-top: 0.2rem;\n  --mpb-inline-choices-margin-top: 0.2rem;\n  --pie-correct-answer-choice-hover-bg: #e2e2e2;\n  --pie-correct-answer-choice-selected-bg: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n  font-family: Roboto, Arial, sans-serif;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 400;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-template-line,\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value,\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  line-height: 123%;\n}\n\n/* sel_vic/main.scss: template left ~75%, audio right ~25% on the same row.\n   Svelte scoping prevents the component-internal grid-area rule from reaching\n   .audio-container inside AudioPlayer, so we override it here via the global\n   .pie-audio-container class which is not subject to scope hashing. */\n.mc-populated-blank-root.variant-sel-vic .pie-audio-container {\n  grid-area: audio;\n  margin: 0;\n  justify-self: end;\n  align-self: start;\n  min-height: 128px;\n}\n\n/* vic.scss: sentence and cloze sit inline — the <p> wrapper must not break to\n   a new line before the blank slot. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line p {\n  display: inline;\n  margin: 0;\n}\n\n/* LSY .rli-vic-answer has no text-align rule and inherits start; PIE's\n   inline_sentence layout sets text-align:center on .template-line via a\n   Svelte-scoped selector with specificity (0,4,0), so we need to match or\n   exceed that. Pin sel-vic back to start so wrapped lines stay left-aligned.\n   See CONTOOL-2573. */\n.mc-populated-blank-root.variant-sel-vic.layout-inline_sentence .pie-template-line.template-line {\n  text-align: start;\n}\n\n/* vic.scss: .rli-vic-cloze { margin-left: 6px; margin-right: 6px } gives the\n   cloze breathing room from adjacent text or punctuation. The PIE markup uses\n   Tailwind-style mx-1 in the class list, but mc-populated-blank does not\n   compile Tailwind, so that class is a no-op. Set the inline margin\n   explicitly so the cloze→trailing-punctuation gap matches LSY. See\n   CONTOOL-2572. */\n.mc-populated-blank-root.variant-sel-vic .pie-template-line .pie-blank-slot {\n  margin-left: 6px;\n  margin-right: 6px;\n}\n\n/* vic.scss: .rli-vic-cloze > .rli-vic-content-element { color: #cc3333 } */\n.mc-populated-blank-root.variant-sel-vic .pie-blank-value {\n  color: #cc3333;\n}\n\n/* sel_vic/main.scss: .sel-vic { max-width: 800px } — the fieldset/choices must\n   also be constrained so rows don't span beyond 800px. */\n.mc-populated-blank-root.variant-sel-vic .pie-choices-fieldset {\n  max-width: 800px;\n  width: 100%;\n}\n\n/* vic.scss: distractor label text sits to the right of the radio — no centering. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice-label {\n  text-align: left;\n  justify-content: flex-start;\n}\n\n/* vic.scss: .rli-vic-selected { background-color: #fcfcd3 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected {\n  background-color: #fcfcd3;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic .pie-choice.is-selected .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n/* Selected state must win over hover. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal).is-selected:hover {\n  background-color: #fcfcd3;\n}\n\n/* vic.scss: .rli-vic-distractor:hover { background-color: #F2F2F2 } on the full row. */\n.mc-populated-blank-root.variant-sel-vic .pie-choice:not(.pie-choice-horizontal):hover {\n  background-color: #f2f2f2;\n  border-radius: 6px;\n}\n\n.mc-populated-blank-root.variant-sel-vic\n  .pie-choice:not(.pie-choice-horizontal):hover\n  .pie-choice-label-wrap {\n  background-color: transparent;\n}\n\n@media (min-width: 620px) {\n  .mc-populated-blank-root.variant-sel-vic .pie-audio-transcript {\n    min-width: 620px;\n    max-width: 800px;\n    transform: translateX(-55px);\n  }\n}\n"
 	},
 	"sel_r1-_gplusggg": {
 		variantId: "sel-r1-gplusggg",
@@ -6303,13 +6178,13 @@ var VARIANT_BY_CUSTOM_TYPE = {
 		variantId: "sel-r1-ggplus",
 		variantClass: "variant-sel-r1-ggplus",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-ggplus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-selected-bg: #fcfcd3;\n}\n\n/* In this variant, the blank appears before trailing tokens; avoid left-margin offset. */\n.mc-populated-blank-root.variant-sel-r1-ggplus.layout-token_sequence .pie-blank-slot {\n  margin-left: 0;\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-_ggplusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-ggplus {\n  max-width: 875px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-hover-bg: #f2f2f2;\n  --mpb-choice-selected-bg: #fcfcd3;\n}\n"
 	},
 	"sel_r1-s3_plusggg": {
 		variantId: "sel-r1-s3",
 		variantClass: "variant-sel-r1-s3",
 		sourceUrl: "https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css",
-		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* s3 overrides base choice-label with font-weight:500 */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n  font-weight: 500;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n  background: #f1f1f1;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"transcript transcript transcript\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n"
+		cssText: "/* Source baseline: https://global-pr-ibvcustomfiles.renaissance-go.com/learnosity/sel_r1-s3_plusggg/0.0.1/question.css */\n/* Shared r1 base styles (font, template-line flex, choice-label) are in sel-r1-base.css */\n.mc-populated-blank-root.variant-sel-r1-s3 {\n  max-width: 860px;\n  margin-inline: auto;\n  --mpb-listen-button-size: 128px;\n  --mpb-choice-width-px: 155px;\n  --mpb-choice-tile-min-height: 11.25rem;\n  --mpb-choice-content-min-height: 9.375rem;\n  --mpb-choice-group-gap: 0.35rem;\n  --mpb-choice-row-gap: 0.35rem;\n  --mpb-horizontal-choice-radio-top-margin: 0.25rem;\n  --mpb-stimulus-min-column: 240px;\n  --mpb-stimulus-grid-column-gap: 1.1rem;\n  --mpb-stimulus-choices-margin-top: 0.85rem;\n  --mpb-audio-blank-template-margin-bottom: 0.9rem;\n  --mpb-blank-wide-width: 6.8rem;\n}\n\n/* sel_r1-s3_plusggg/question.css does not set font-weight on distractors or\n   cloze content-element, so they inherit 400 from the host root. The earlier\n   font-weight:500 override caused PIE to render visibly heavier than LSY for\n   the same author content. See CONTOOL-2571. */\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-label :is(span, p, div) {\n  font-size: 1.9em;\n  line-height: 89px;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value,\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-blank-value :is(span, p, div) {\n  line-height: 1.1;\n  white-space: nowrap;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-tile {\n  border-radius: 6px;\n  background: #f1f1f1;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank {\n  grid-template-columns: minmax(220px, auto) auto auto;\n  grid-template-areas:\n    \"transcript transcript transcript\"\n    \"sentence template audio\"\n    \"choices choices choices\";\n  justify-content: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-template-line {\n  grid-area: template;\n  justify-self: center;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-sentence-line {\n  justify-self: end;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-audio-container {\n  justify-self: start;\n  align-self: start;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3.layout-stimulus_image_blank .pie-choices-fieldset {\n  justify-self: center;\n  width: fit-content;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-sentence-line img {\n  max-width: 100%;\n  height: auto;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal:hover .pie-choice-tile {\n  background: #e2e2e2;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal.is-selected .pie-choice-tile,\n.mc-populated-blank-root.variant-sel-r1-s3\n  .pie-choice-horizontal.is-selected:hover\n  .pie-choice-tile {\n  background: #fcfcd3;\n}\n\n.mc-populated-blank-root.variant-sel-r1-s3 .pie-choice-horizontal .pie-choice-radio {\n  transform: scale(0.85);\n}\n"
 	}
 };
 var normalizeCustomType = (value) => {
@@ -6348,15 +6223,15 @@ var ensureVariantCssInjected = (config) => {
 };
 //#endregion
 //#region src/delivery/McPopulatedBlank.svelte
-var root = /* @__PURE__ */ from_html(`<div class="mb-4 prose pie-prompt"></div>`);
-var root_1 = /* @__PURE__ */ from_html(`<p> </p>`);
-var root_2 = /* @__PURE__ */ from_svg(`<svg class="pie-correct-answer-toggle-svg svelte-6wlbb4" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-283 359 34 35"><circle cx="-266" cy="375.9" r="14" fill="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></circle><path d="M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z" fill="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></path><polygon points="-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6" fill="var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)"></polygon></svg>`);
-var root_3 = /* @__PURE__ */ from_svg(`<svg class="pie-correct-answer-toggle-svg svelte-6wlbb4" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-129.5 127 34 35"><path d="M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z" fill="#D0CAC5" stroke="#E6E3E0" stroke-width="0.75"></path><path d="M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z" fill="#B3ABA4" stroke="#CDC7C2" stroke-width="0.5"></path><circle cx="-114.2" cy="143.5" r="14" fill="white"></circle><path d="M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z" fill="var(--pie-correct-answer-toggle-icon-closed-bg, #bce2ff)"></path><polygon points="-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2" fill="var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)"></polygon></svg>`);
-var root_4 = /* @__PURE__ */ from_html(`<div class="pie-correct-answer-toggle-row svelte-6wlbb4"><button type="button" class="mb-3 pie-toggle-correct-answer svelte-6wlbb4" style="gap:var(--mpb-toggle-button-gap, 0.5rem);" data-testid="show-correct-answer"><span class="pie-correct-answer-toggle-content svelte-6wlbb4"><span class="pie-correct-answer-toggle-icon-holder svelte-6wlbb4" aria-hidden="true"><!></span> <span class="pie-correct-answer-toggle-label svelte-6wlbb4"> </span></span></button></div>`);
-var root_5 = /* @__PURE__ */ from_html(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
-var root_6 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!> <!> <!></div>`);
-var root_7 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
-var root_8 = /* @__PURE__ */ from_html(`<div><!> <!> <!> <!> <!> <!> <!> <fieldset class="border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4"><legend class="sr-only pie-choices-legend svelte-6wlbb4"> </legend> <div style="gap:var(--mpb-choice-group-gap, 0.5rem);" role="radiogroup" tabindex="-1"></div></fieldset></div>`);
+var root_1 = /* @__PURE__ */ from_html(`<div class="mb-4 prose pie-prompt"></div>`);
+var root_2 = /* @__PURE__ */ from_html(`<p> </p>`);
+var root_4 = /* @__PURE__ */ from_svg(`<svg class="pie-correct-answer-toggle-svg svelte-6wlbb4" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-283 359 34 35"><circle cx="-266" cy="375.9" r="14" fill="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></circle><path d="M-280.5,375.9c0-8,6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5s-6.5,14.5-14.5,14.5S-280.5,383.9-280.5,375.9z M-279.5,375.9c0,7.4,6.1,13.5,13.5,13.5c7.4,0,13.5-6.1,13.5-13.5s-6.1-13.5-13.5-13.5C-273.4,362.4-279.5,368.5-279.5,375.9z" fill="var(--pie-correct-answer-toggle-icon-open-bg, #bce2ff)"></path><polygon points="-265.4,383.1 -258.6,377.2 -261.2,374.2 -264.3,376.9 -268.9,368.7 -272.4,370.6" fill="var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)"></polygon></svg>`);
+var root_5 = /* @__PURE__ */ from_svg(`<svg class="pie-correct-answer-toggle-svg svelte-6wlbb4" preserveAspectRatio="xMinYMin meet" version="1.1" viewBox="-129.5 127 34 35"><path d="M-112.9,160.4c-8.5,0-15.5-6.9-15.5-15.5c0-8.5,6.9-15.5,15.5-15.5s15.5,6.9,15.5,15.5 C-97.4,153.5-104.3,160.4-112.9,160.4z" fill="#D0CAC5" stroke="#E6E3E0" stroke-width="0.75"></path><path d="M-113.2,159c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-105.2,159-113.2,159z" fill="#B3ABA4" stroke="#CDC7C2" stroke-width="0.5"></path><circle cx="-114.2" cy="143.5" r="14" fill="white"></circle><path d="M-114.2,158c-8,0-14.5-6.5-14.5-14.5s6.5-14.5,14.5-14.5s14.5,6.5,14.5,14.5S-106.2,158-114.2,158z M-114.2,130c-7.4,0-13.5,6.1-13.5,13.5s6.1,13.5,13.5,13.5s13.5-6.1,13.5-13.5S-106.8,130-114.2,130z" fill="var(--pie-correct-answer-toggle-icon-closed-bg, #bce2ff)"></path><polygon points="-114.8,150.7 -121.6,144.8 -119,141.8 -115.9,144.5 -111.3,136.3 -107.8,138.2" fill="var(--pie-correct-answer-toggle-icon-glyph-color, #1a9cff)"></polygon></svg>`);
+var root_3 = /* @__PURE__ */ from_html(`<div class="pie-correct-answer-toggle-row svelte-6wlbb4"><button type="button" class="mb-3 pie-toggle-correct-answer svelte-6wlbb4" style="gap:var(--mpb-toggle-button-gap, 0.5rem);" data-testid="show-correct-answer"><span class="pie-correct-answer-toggle-content svelte-6wlbb4"><span class="pie-correct-answer-toggle-icon-holder svelte-6wlbb4" aria-hidden="true"><!></span> <span class="pie-correct-answer-toggle-label svelte-6wlbb4"> </span></span></button></div>`);
+var root_6 = /* @__PURE__ */ from_html(`<div class="mb-3 prose prose-p:my-1 sentence-line pie-sentence-line svelte-6wlbb4"></div>`);
+var root_7 = /* @__PURE__ */ from_html(`<div class="mb-4 template-line pie-template-line svelte-6wlbb4"><!><!><!></div>`);
+var root_8 = /* @__PURE__ */ from_html(`<p class="sr-only pie-result-feedback svelte-6wlbb4" role="status" aria-live="polite"> </p>`);
+var root = /* @__PURE__ */ from_html(`<div><!> <!> <!> <!> <!> <!> <!> <fieldset class="border-0 p-0 m-0 pie-choices-fieldset svelte-6wlbb4"><legend class="sr-only pie-choices-legend svelte-6wlbb4"> </legend> <div style="gap:var(--mpb-choice-group-gap, 0.5rem);" role="radiogroup" tabindex="-1"></div></fieldset></div>`);
 var $$css = {
 	hash: "svelte-6wlbb4",
 	code: ".sr-only.svelte-6wlbb4 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}.mc-populated-blank-root.svelte-6wlbb4 .prose {max-width:none;}.pie-toggle-correct-answer.svelte-6wlbb4 {width:100%;cursor:pointer;border:0;background:transparent;padding:0;display:flex;justify-content:center;text-align:center;color:var(--pie-correct-answer-toggle-label-color, var(--pie-text, black));}.pie-correct-answer-toggle-row.svelte-6wlbb4 {width:100%;display:flex;justify-content:flex-end;}.pie-correct-answer-toggle-content.svelte-6wlbb4 {display:flex;margin:0 auto;align-items:center;}.pie-correct-answer-toggle-icon-holder.svelte-6wlbb4 {width:25px;margin-right:5px;display:inline-flex;align-items:center;justify-content:center;}.pie-correct-answer-toggle-svg.svelte-6wlbb4 {width:25px;height:25px;}.pie-correct-answer-toggle-label.svelte-6wlbb4 {width:fit-content;min-width:140px;align-self:center;vertical-align:middle;font-weight:400;user-select:none;}.pie-toggle-correct-answer.svelte-6wlbb4:hover .pie-correct-answer-toggle-label:where(.svelte-6wlbb4),\n  .pie-toggle-correct-answer.svelte-6wlbb4:focus-visible .pie-correct-answer-toggle-label:where(.svelte-6wlbb4) {text-decoration:underline;}.template-line.svelte-6wlbb4 {white-space:pre-wrap;}.template-line.svelte-6wlbb4 p {margin:0;}.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n  .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {display:flex;width:min(100%, var(--mpb-audio-instructions-max-width, 875px));margin-left:auto;margin-right:auto;justify-content:flex-end;}.layout-audio_blank_only.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4),\n  .layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {text-align:center;margin:var(--mpb-audio-blank-template-margin-top, 0.8rem) 0\n      var(--mpb-audio-blank-template-margin-bottom, 1.8rem);}.layout-audio_blank_only.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {display:flex;justify-content:center;}.layout-audio_blank_only.svelte-6wlbb4 .pie-blank-slot,\n  .layout-stimulus_image_blank.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-wide-width, 10rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 6px);min-height:160px;padding-bottom:4px;}.layout-stimulus_image_blank.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-stimulus-min-column, 210px), 1fr) auto;grid-template-areas:'transcript transcript'\n      'sentence audio'\n      '. template'\n      'choices choices';column-gap:var(--mpb-stimulus-grid-column-gap, 2rem);row-gap:var(--mpb-stimulus-grid-row-gap, 0.7rem);align-items:start;}.layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-transcript:where(.svelte-6wlbb4) {grid-area:transcript;}.layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;}.layout-stimulus_image_blank.svelte-6wlbb4 .sentence-line:where(.svelte-6wlbb4) {grid-area:sentence;margin:var(--mpb-stimulus-sentence-margin-top, 0.2rem) 0 0;}.layout-stimulus_image_blank.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:0;text-align:center;justify-self:center;}.layout-stimulus_image_blank.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-stimulus-choices-margin-top, 0.9rem);}.layout-token_sequence.svelte-6wlbb4 {display:grid;grid-template-columns:1fr auto;grid-template-areas:'transcript audio'\n      'template   template'\n      'choices    choices';column-gap:var(--mpb-token-grid-column-gap, 1.5rem);row-gap:var(--mpb-token-grid-row-gap, 0.8rem);align-items:start;}.layout-token_sequence.svelte-6wlbb4 .pie-audio-transcript:where(.svelte-6wlbb4) {grid-area:transcript;}.layout-token_sequence.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-token-template-margin-top, 0.6rem) 0 0;justify-self:center;text-align:center;}.layout-token_sequence.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) span + span {margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 .pie-blank-slot {width:var(--mpb-blank-standalone-width, 7rem);border-bottom-width:var(--mpb-blank-underline-wide-width, 4px);margin-left:var(--mpb-token-inline-token-gap, 0.35rem);}.layout-token_sequence.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-token-choices-margin-top, 0.2rem);}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 {display:grid;grid-template-columns:minmax(var(--mpb-text-min-column, 260px), 1fr) auto;grid-template-areas:'transcript transcript'\n      'template audio'\n      'choices choices';column-gap:var(--mpb-inline-grid-column-gap, 1.5rem);row-gap:var(--mpb-inline-grid-row-gap, 0.65rem);align-items:start;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-transcript:where(.svelte-6wlbb4) {grid-area:transcript;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {grid-area:audio;margin:0;justify-self:end;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .template-line:where(.svelte-6wlbb4) {grid-area:template;margin:var(--mpb-inline-template-margin-top, 0.45rem) 0 0;text-align:center;justify-self:center;}.layout-inline_sentence.has-inline-audio.svelte-6wlbb4 fieldset:where(.svelte-6wlbb4) {grid-area:choices;margin-top:var(--mpb-inline-choices-margin-top, 0.25rem);}\n\n  /* Match Learnosity responsive behavior for CQT audio-blank layouts:\n     at smaller widths, audio control shifts left and answer tiles stack. */\n  @media (max-width: 760px) {.layout-audio_blank_only.svelte-6wlbb4 .pie-audio-container,\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-audio-container,\n    .layout-token_sequence.svelte-6wlbb4 .pie-audio-container,\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-audio-container {width:100%;margin-left:0;margin-right:0;justify-content:flex-start;justify-self:start;}.layout-audio_blank_only.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .pie-choices:where(.svelte-6wlbb4) {flex-direction:column;align-items:flex-start;justify-content:flex-start;}.layout-audio_blank_only.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-token_sequence.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-stimulus_image_blank.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4),\n    .layout-inline_sentence.has-inline-audio.svelte-6wlbb4 .choice-row-horizontal:where(.svelte-6wlbb4) {width:min(100%, var(--mpb-narrow-choice-max-width, 230px));align-items:flex-start;}\n  }"
@@ -6491,9 +6366,15 @@ function McPopulatedBlank($$anchor, $$props) {
 			before: t,
 			after: ""
 		};
+		let before = t.slice(0, idx);
+		let after = t.slice(idx + 9);
+		if (get(layoutProfile) === "inline_sentence") {
+			before = `${before.replace(/\s+$/, "")} `;
+			after = ` ${after.replace(/^\s+/, "")}`;
+		}
 		return {
-			before: t.slice(0, idx),
-			after: t.slice(idx + 9)
+			before,
+			after
 		};
 	});
 	function emitSession(updatedSession, sourceEl) {
@@ -6618,10 +6499,10 @@ function McPopulatedBlank($$anchor, $$props) {
 			flushSync();
 		}
 	};
-	var div = root_8();
+	var div = root();
 	var node_1 = child(div);
 	var consequent = ($$anchor) => {
-		var div_1 = root();
+		var div_1 = root_1();
 		html(div_1, () => model().prompt, true);
 		reset(div_1);
 		template_effect(() => set_attribute(div_1, "id", get(promptId)));
@@ -6632,7 +6513,7 @@ function McPopulatedBlank($$anchor, $$props) {
 	});
 	var node_2 = sibling(node_1, 2);
 	var consequent_1 = ($$anchor) => {
-		var p = root_1();
+		var p = root_2();
 		var text = child(p, true);
 		reset(p);
 		template_effect(() => {
@@ -6647,16 +6528,16 @@ function McPopulatedBlank($$anchor, $$props) {
 	});
 	var node_3 = sibling(node_2, 2);
 	var consequent_3 = ($$anchor) => {
-		var div_2 = root_4();
+		var div_2 = root_3();
 		var button = child(div_2);
 		var span = child(button);
 		var span_1 = child(span);
 		var node_4 = child(span_1);
 		var consequent_2 = ($$anchor) => {
-			append($$anchor, root_2());
+			append($$anchor, root_4());
 		};
 		var alternate = ($$anchor) => {
-			append($$anchor, root_3());
+			append($$anchor, root_5());
 		};
 		if_block(node_4, ($$render) => {
 			if (get(showCorrectAnswer)) $$render(consequent_2);
@@ -6723,7 +6604,7 @@ function McPopulatedBlank($$anchor, $$props) {
 	}
 	var node_6 = sibling(node_5, 2);
 	var consequent_4 = ($$anchor) => {
-		var div_3 = root_5();
+		var div_3 = root_6();
 		html(div_3, () => model().sentenceHtml, true);
 		reset(div_3);
 		template_effect(() => set_attribute(div_3, "aria-describedby", get(templateDescribedBy)));
@@ -6734,10 +6615,10 @@ function McPopulatedBlank($$anchor, $$props) {
 	});
 	var node_7 = sibling(node_6, 2);
 	var consequent_5 = ($$anchor) => {
-		var div_4 = root_6();
+		var div_4 = root_7();
 		var node_8 = child(div_4);
 		html(node_8, () => get(templateParts).before);
-		var node_9 = sibling(node_8, 2);
+		var node_9 = sibling(node_8);
 		ClozeMarker(node_9, {
 			get choiceMode() {
 				return get(choiceMode);
@@ -6761,7 +6642,7 @@ function McPopulatedBlank($$anchor, $$props) {
 				return get(uiText).selectedAnswerInSentence;
 			}
 		});
-		html(sibling(node_9, 2), () => get(templateParts).after);
+		html(sibling(node_9), () => get(templateParts).after);
 		reset(div_4);
 		template_effect(() => set_attribute(div_4, "aria-describedby", get(templateDescribedBy)));
 		append($$anchor, div_4);
@@ -6771,7 +6652,7 @@ function McPopulatedBlank($$anchor, $$props) {
 	});
 	var node_11 = sibling(node_7, 2);
 	var consequent_6 = ($$anchor) => {
-		var p_1 = root_7();
+		var p_1 = root_8();
 		var text_2 = child(p_1, true);
 		reset(p_1);
 		template_effect(() => {