@oscarpalmer/abydon 0.16.0 → 0.19.0

package/dist/{abydon.full.js → abydon.full.mjs}

@@ -1,3 +1,4 @@
+//#region node_modules/@oscarpalmer/mora/dist/constants.mjs
 const ACTIVE = {};
 const BATCH = {
 	depth: 0,
@@ -29,6 +30,8 @@ const NAME_ALL = new Set([
 	NAME_SIGNAL,
 	NAME_STORE
 ]);
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/effect.mjs
 var Effect = class {
 	constructor(callback) {
 		Object.defineProperty(this, NAME_MORA, { value: NAME_EFFECT });
@@ -36,36 +39,70 @@ var Effect = class {
 		runEffect(this);
 	}
 };
-function runEffect(effect$1) {
+function runEffect(effect) {
 	const previousEffect = ACTIVE.effect;
-	ACTIVE.effect = effect$1;
+	ACTIVE.effect = effect;
 	try {
-		effect$1.state.callback();
+		effect.state.callback();
 	} finally {
 		ACTIVE.effect = previousEffect;
 	}
 }
+/**
+* Create an effect
+* @param callback Callback for handling signal effects
+* @returns Effect
+*/
 function effect(callback) {
 	return typeof callback === "function" ? new Effect(callback) : void 0;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/helpers/is.mjs
+/**
+* Is the value a reactive array?
+* @param value Value to check
+* @returns True if value is a {@link ReactiveArray}
+*/
 function isArray(value) {
 	return isMora(value, NAME_ARRAY);
 }
+/**
+* Is the value a computed signal?
+* @param value Value to check
+* @returns True if value is a {@link Computed}
+*/
 function isComputed(value) {
 	return isMora(value, NAME_COMPUTED);
 }
+/**
+* Is the value an effect?
+* @param value Value to check
+* @returns True if value is an {@link Effect}
+*/
 function isEffect(value) {
 	return isMora(value, NAME_EFFECT);
 }
 function isMora(value, name) {
 	return typeof value === "object" && value != null && "$mora" in value && (typeof name === "string" ? value["$mora"] === name : name.has(value["$mora"]));
 }
+/**
+* Is the value reactive?
+* @param value Value to check
+* @returns True if value is a {@link Reactive}
+*/
 function isReactive(value) {
 	return isMora(value, NAME_ALL);
 }
+/**
+* Is the value a signal?
+* @param value Value to check
+* @returns True if value is a {@link Signal}
+*/
 function isSignal(value) {
 	return isMora(value, NAME_SIGNAL);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/batch.mjs
 function flushHandlers() {
 	while (BATCH.depth === 0 && BATCH.handlers.size > 0) {
 		const handlers = [...BATCH.handlers];
@@ -74,13 +111,23 @@ function flushHandlers() {
 		else handler.callback(handler.state.value);
 	}
 }
+/**
+* Start batching effects
+*
+* _(Use {@link stopBatch} to flush and run batched effects)_
+*/
 function startBatch() {
 	BATCH.depth += 1;
 }
+/**
+* Stop batching effects and flush _(run)_ them
+*/
 function stopBatch() {
 	if (BATCH.depth > 0) BATCH.depth -= 1;
 	flushHandlers();
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/subscription.mjs
 var Subscription = class {
 	callback;
 	state;
@@ -106,6 +153,8 @@ function unsubscribe(state, callback) {
 	state.subscriptions.get(callback)?.destroy();
 	state.subscriptions.delete(callback);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/reactive.mjs
 var Reactive = class {
 	state = {
 		computeds: /* @__PURE__ */ new Set(),
@@ -119,22 +168,45 @@ var Reactive = class {
 		if (typeof options === "object" && typeof options.equal === "function") this.state.equal = options.equal;
 		Object.defineProperty(this, NAME_MORA, { value: name });
 	}
+	/**
+	* Get the value _(without reactivity)_
+	* @return Current value
+	*/
 	peek() {
 		return this.state.value;
 	}
+	/**
+	* Subscribe to changes
+	* @param callback Callback for changes
+	* @return Unsubscribe callback
+	*/
 	subscribe(callback) {
 		return subscribe(this.state, callback);
 	}
+	/**
+	* JSON representation of the value
+	* @return JSON value
+	*/
 	toJSON() {
 		return this.get();
 	}
+	/**
+	* String representation of the value
+	* @return Value as string
+	*/
 	toString() {
 		return String(this.get());
 	}
+	/**
+	* Unsubscribe from changes
+	* @param callback Callback to unsubscribe
+	*/
 	unsubscribe(callback) {
 		unsubscribe(this.state, callback);
 	}
 };
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/computed.mjs
 var Computed = class extends Reactive {
 	effect = {
 		dirty: true,
@@ -150,13 +222,16 @@ var Computed = class extends Reactive {
 			ACTIVE.computed = previousComputed;
 			if (!this.state.equal(this.state.value, value)) {
 				this.state.value = value;
-				for (const computed$1 of this.state.computeds) computed$1.effect.dirty = true;
-				for (const effect$1 of this.state.effects) BATCH.handlers.add(effect$1);
+				for (const computed of this.state.computeds) computed.effect.dirty = true;
+				for (const effect of this.state.effects) BATCH.handlers.add(effect);
 				for (const [, subscription] of this.state.subscriptions) subscription.callback(value);
 			}
 			this.effect.dirty = false;
 		});
 	}
+	/**
+	* @inheritdoc
+	*/
 	get() {
 		if (ACTIVE.computed != null && this !== ACTIVE.computed) this.state.computeds.add(ACTIVE.computed);
 		if (ACTIVE.effect != null && ACTIVE.effect !== this.effect.instance) this.state.effects.add(ACTIVE.effect);
@@ -164,12 +239,20 @@ var Computed = class extends Reactive {
 		return this.state.value;
 	}
 };
+/**
+* Create a computed value
+* @param callback Callback to compute the value
+* @param options Reactivity options
+* @returns Computed value
+*/
 function computed(callback, options) {
 	return new Computed(callback, options);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/helpers/value.mjs
 function emitValue(state) {
-	for (const computed$1 of state.computeds) computed$1.effect.dirty = true;
-	for (const effect$1 of state.effects) BATCH.handlers.add(effect$1);
+	for (const computed of state.computeds) computed.effect.dirty = true;
+	for (const effect of state.effects) BATCH.handlers.add(effect);
 	for (const [, subscription] of state.subscriptions) BATCH.handlers.add(subscription);
 	if (BATCH.depth === 0) flushHandlers();
 }
@@ -191,36 +274,57 @@ function getValue$1(state) {
 	if (ACTIVE.effect != null) state.effects.add(ACTIVE.effect);
 	return state.value;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/signal.mjs
 var Signal = class extends Reactive {
 	constructor(value, options) {
 		super(NAME_SIGNAL, value, options);
 	}
+	/**
+	* @inheritdoc
+	*/
 	get() {
 		return getValue$1(this.state);
 	}
+	/**
+	* Set the value
+	* @param value New value
+	*/
 	set(value) {
 		if (!this.state.equal(this.state.value, value)) {
 			this.state.value = value;
 			emitValue(this.state);
 		}
 	}
+	/**
+	* Update the value _(based on the current value)_
+	* @param callback Callback to update the value
+	*/
 	update(callback) {
 		this.set(callback(this.state.value));
 	}
 };
+/**
+* Create a reactive value
+* @param value Initial value
+* @param options Reactivity options
+* @returns Reactive value
+*/
 function signal(value, options) {
 	return new Signal(value, options);
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/helpers/proxy.mjs
 function emityProxyValues(state, mapped) {
 	const values = [...mapped.values()];
 	const { length } = values;
 	for (let index = 0; index < length; index += 1) values[index].effect.dirty = true;
 	emitValue(state);
 }
-function getReactiveValueInProxy(reactive, mapped, key, isArray$1) {
+function getReactiveValueInProxy(reactive, mapped, key, isArray) {
 	let item = mapped.get(key);
 	if (item == null) {
-		item = computed(() => isArray$1 ? reactive.get().at(key) : reactive.get()[key]);
+		item = computed(() => isArray ? reactive.get().at(key) : reactive.get()[key]);
 		mapped.set(key, item);
 	}
 	return item;
@@ -242,34 +346,42 @@ function setProxyValue(proxy, value) {
 	stopBatch();
 }
 function setValueInProxy(parameters) {
-	const { isArray: isArray$1, length, property, state, target, value } = parameters;
-	if (isArray$1) {
+	const { isArray, length, property, state, target, value } = parameters;
+	if (isArray) {
 		if (!(!Number.isNaN(Number(property)) || property === "length")) return Reflect.set(target, property, value);
 	}
 	const previous = Reflect.get(target, property);
 	if (!state.equal(previous, value)) {
 		Reflect.set(target, property, value);
 		emitValue(state);
-		if (isArray$1) length?.set(target.length);
+		if (isArray) length?.set(target.length);
 	}
 	return true;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/array.mjs
 var ReactiveArray = class extends Reactive {
 	#indiced = /* @__PURE__ */ new Map();
 	#size = signal(0);
+	/**
+	* The length of the array
+	*/
 	get length() {
 		return this.#size.get();
 	}
+	/**
+	* Set the length of the array
+	*/
 	set length(value) {
 		if (typeof value === "number" && value >= 0 && value !== this.state.value.length) this.get().length = value;
 	}
 	constructor(value, options) {
 		super(NAME_ARRAY, new Proxy(value, {
 			get: (target, property) => METHODS_UPDATE.has(property) ? updateArray(property, target, this.state, this.#size) : Reflect.get(target, property),
-			set: (target, property, value$1) => setValueInProxy({
+			set: (target, property, value) => setValueInProxy({
 				property,
 				target,
-				value: value$1,
+				value,
 				isArray: true,
 				state: this.state,
 				length: this.#size
@@ -277,9 +389,17 @@ var ReactiveArray = class extends Reactive {
 		}), options);
 		this.#size.set(value.length);
 	}
+	/**
+	* Clear the array
+	*/
 	clear() {
 		this.length = 0;
 	}
+	/**
+	* Create a computed, filtered array
+	* @param callback Callback to evaluate each item
+	* @return Computed array of filtered items
+	*/
 	filter(callback) {
 		return computed(() => this.get().filter(callback));
 	}
@@ -287,9 +407,20 @@ var ReactiveArray = class extends Reactive {
 		if (typeof first === "number") return getReactiveValueInProxy(this, this.#indiced, first, true).get();
 		return first === "length" ? this.length : getValue$1(this.state);
 	}
+	/**
+	* Create a computed, mapped array
+	* @param callback Callback to transform each item
+	* @return Computed array of mapped items
+	*/
 	map(callback) {
 		return computed(() => this.get().map(callback));
 	}
+	/**
+	* Notify dependents of changes
+	*
+	* _This bypasses equality checks and will immediately notify dependents.
+	* Use this only if you're modifying nested data that would be ignored by equality checks._
+	*/
 	notify() {
 		emityProxyValues(this.state, this.#indiced);
 	}
@@ -297,9 +428,18 @@ var ReactiveArray = class extends Reactive {
 		if (value === "length") return this.#size.peek();
 		return typeof value === "number" ? this.state.value.at(value) : [...this.state.value];
 	}
+	/**
+	* Remove and return the last item of the array
+	* @returns Removed item, or `undefined` if the array is empty
+	*/
 	pop() {
 		return this.state.value.pop();
 	}
+	/**
+	* Add items to the end of the array
+	* @param items Items to add
+	* @returns New array length
+	*/
 	push(...items) {
 		return this.state.value.push(...items);
 	}
@@ -308,9 +448,20 @@ var ReactiveArray = class extends Reactive {
 		else if (first === "length") this.length = second;
 		else if (typeof first === "number" && !Number.isNaN(first)) setAtIndex(this.state.value, first, second);
 	}
+	/**
+	* Remove and return the first item of the array
+	* @returns Removed item, or `undefined` if the array is empty
+	*/
 	shift() {
 		return this.state.value.shift();
 	}
+	/**
+	* Remove and return items from the array _(and optionally add new items)_
+	* @param from Index to start removing items from
+	* @param to Index to stop removing items at _(defaults to the end of the array)_
+	* @param items Optional items to add
+	* @returns Removed items
+	*/
 	splice(from, to, ...items) {
 		return this.state.value.splice(from, to ?? this.state.value.length, ...items);
 	}
@@ -318,63 +469,105 @@ var ReactiveArray = class extends Reactive {
 		if (typeof first === "number" && typeof second === "function") return getReactiveValueInProxy(this, this.#indiced, first, true).subscribe(second);
 		return typeof first === "function" ? subscribe(this.state, first) : noop$1;
 	}
+	/**
+	* Add items to the beginning of the array
+	* @param items Items to add
+	* @returns New array length
+	*/
 	unshift(...items) {
 		return this.state.value.unshift(...items);
 	}
+	/**
+	* Update the value _(based on the current value)_
+	* @param callback Callback to update the value
+	*/
 	update(callback) {
 		const updated = callback(this.state.value);
 		if (updated == null || Array.isArray(updated)) this.set(updated);
 	}
 };
+/**
+* Create a reactive array
+* @param value Initial array of items
+* @param options Reactivity options
+* @returns Reactive array
+*/
 function array(value, options) {
 	return new ReactiveArray(Array.isArray(value) ? value : [], options);
 }
-function updateArray(type, array$1, state, length) {
+function updateArray(type, array, state, length) {
 	const affectsLength = METHODS_AFFECTING_LENGTH.has(type);
-	const previousArray = affectsLength ? [] : [...array$1];
-	const previousLength = array$1.length;
+	const previousArray = affectsLength ? [] : [...array];
+	const previousLength = array.length;
 	return (...args) => {
-		const result = array$1[type](...args);
-		if (affectsLength ? array$1.length !== previousLength : !equalArrays(state, previousArray, array$1)) {
+		const result = array[type](...args);
+		if (affectsLength ? array.length !== previousLength : !equalArrays(state, previousArray, array)) {
 			emitValue(state);
-			length.set(array$1.length);
+			length.set(array.length);
 		}
 		return result;
 	};
 }
-function setAtIndex(array$1, index, value) {
-	const actual = index < 0 ? array$1.length + index : index;
-	if (actual > -1) array$1[actual] = value;
-}
+function setAtIndex(array, index, value) {
+	const actual = index < 0 ? array.length + index : index;
+	if (actual > -1) array[actual] = value;
+}
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/is.mjs
+/**
+* Is the value a key?
+* @param value Value to check
+* @returns `true` if the value is a `Key` _(`number` or `string`)_, otherwise `false`
+*/
 function isKey(value) {
 	return typeof value === "number" || typeof value === "string";
 }
-function isPlainObject$2(value) {
+/**
+* Is the value a plain object?
+* @param value Value to check
+* @returns `true` if the value is a plain object, otherwise `false`
+*/
+function isPlainObject(value) {
 	if (value === null || typeof value !== "object") return false;
 	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
 	const prototype = Object.getPrototypeOf(value);
 	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
 }
-new Set([
-	Int8Array,
-	Uint8Array,
-	Uint8ClampedArray,
-	Int16Array,
-	Uint16Array,
-	Int32Array,
-	Uint32Array,
-	Float32Array,
-	Float64Array,
-	BigInt64Array,
-	BigUint64Array
-]);
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/string.mjs
+/**
+* Get the string value from any value
+* @param value Original value
+* @returns String representation of the value
+*/
+function getString(value) {
+	if (typeof value === "string") return value;
+	if (value == null) return "";
+	if (typeof value === "function") return getString(value());
+	if (typeof value !== "object") return String(value);
+	const asString = String(value.valueOf?.() ?? value);
+	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
+}
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/is.mjs
+/**
+* Is the value `undefined`, `null`, or a whitespace-only string?
+* @param value Value to check
+* @returns `true` if the value is nullable or a whitespace-only string, otherwise `false`
+*/
+function isNullableOrWhitespace(value) {
+	return value == null || EXPRESSION_WHITESPACE$1.test(getString(value));
+}
+const EXPRESSION_WHITESPACE$1 = /^\s*$/;
+//#endregion
+//#region node_modules/@oscarpalmer/mora/dist/value/store.mjs
 var Store = class extends Reactive {
 	#keyed = /* @__PURE__ */ new Map();
 	constructor(value, options) {
-		super(NAME_STORE, new Proxy(value, { set: (target, property, value$1) => setValueInProxy({
+		super(NAME_STORE, new Proxy(value, { set: (target, property, value) => setValueInProxy({
 			target,
 			property,
-			value: value$1,
+			value,
 			isArray: false,
 			state: this.state
 		}) }), options);
@@ -382,6 +575,12 @@ var Store = class extends Reactive {
 	get(key) {
 		return isKey(key) ? getReactiveValueInProxy(this, this.#keyed, key, false).get() : getValue$1(this.state);
 	}
+	/**
+	* Notify dependents of changes
+	*
+	* _This bypasses equality checks and will immediately notify dependents.
+	* Use this only if you're modifying nested data that would be ignored by equality checks._
+	*/
 	notify() {
 		emityProxyValues(this.state, this.#keyed);
 	}
@@ -390,95 +589,108 @@ var Store = class extends Reactive {
 	}
 	set(first, second) {
 		if (isKey(first)) this.state.value[first] = second;
-		else if (first == null || isPlainObject$2(first)) setProxyValue(this.state.value, first ?? {});
+		else if (first == null || isPlainObject(first)) setProxyValue(this.state.value, first ?? {});
 	}
 	subscribe(first, second) {
 		if (isKey(first) && typeof second === "function") return getReactiveValueInProxy(this, this.#keyed, first, false).subscribe(second);
 		return typeof first === "function" ? subscribe(this.state, first) : noop$1;
 	}
+	/**
+	* Update the value _(based on the current value)_
+	* @param callback Callback to update the value
+	*/
 	update(callback) {
 		const updated = callback({ ...this.state.value });
-		if (updated == null || isPlainObject$2(updated)) setProxyValue(this.state.value, updated ?? {});
+		if (updated == null || isPlainObject(updated)) setProxyValue(this.state.value, updated ?? {});
 	}
 };
+/**
+* Create a reactive store
+* @param value Initial object value
+* @param options Reactivity options
+* @returns Reactive store
+*/
 function store(value, options) {
-	return new Store(isPlainObject$2(value) ? value : {}, options);
-}
-function isPlainObject$1(value) {
-	if (value === null || typeof value !== "object") return false;
-	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
-	const prototype = Object.getPrototypeOf(value);
-	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
-}
-new Set([
-	Int8Array,
-	Uint8Array,
-	Uint8ClampedArray,
-	Int16Array,
-	Uint16Array,
-	Int32Array,
-	Uint32Array,
-	Float32Array,
-	Float64Array,
-	BigInt64Array,
-	BigUint64Array
-]);
-function getString$1(value) {
-	if (typeof value === "string") return value;
-	if (value == null) return "";
-	if (typeof value === "function") return getString$1(value());
-	if (typeof value !== "object") return String(value);
-	const asString = String(value.valueOf?.() ?? value);
-	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
-}
-function isNullableOrWhitespace(value) {
-	return value == null || EXPRESSION_WHITESPACE$1.test(getString$1(value));
-}
-var EXPRESSION_WHITESPACE$1 = /^\s*$/;
+	return new Store(isPlainObject(value) ? value : {}, options);
+}
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/is.mjs
+/**
+* Is the value an event target?
+* @param value Value to check
+* @returns `true` if it's an event target, otherwise `false`
+*/
 function isEventTarget(value) {
 	return typeof value === "object" && value != null && typeof value.addEventListener === "function" && typeof value.removeEventListener === "function" && typeof value.dispatchEvent === "function";
 }
+/**
+* Is the value an HTML or SVG element?
+* @param value Value to check
+* @returns `true` if it's an HTML or SVG element, otherwise `false`
+*/
 function isHTMLOrSVGElement(value) {
 	return value instanceof HTMLElement || value instanceof SVGElement;
 }
-function getString(value) {
-	if (typeof value === "string") return value;
-	if (value == null) return "";
-	if (typeof value === "function") return getString(value());
-	if (typeof value !== "object") return String(value);
-	const asString = String(value.valueOf?.() ?? value);
-	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
-}
-function isPlainObject(value) {
-	if (value === null || typeof value !== "object") return false;
-	if (Symbol.toStringTag in value || Symbol.iterator in value) return false;
-	const prototype = Object.getPrototypeOf(value);
-	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/is.mjs
+/**
+* Is the value a child node?
+* @param value Value to check
+* @returns `true` if it's a child node, otherwise `false`
+*/
+function isChildNode(value) {
+	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
 }
-new Set([
-	Int8Array,
-	Uint8Array,
-	Uint8ClampedArray,
-	Int16Array,
-	Uint16Array,
-	Int32Array,
-	Uint32Array,
-	Float32Array,
-	Float64Array,
-	BigInt64Array,
-	BigUint64Array
+const CHILD_NODE_TYPES = new Set([
+	Node.ELEMENT_NODE,
+	Node.TEXT_NODE,
+	Node.PROCESSING_INSTRUCTION_NODE,
+	Node.COMMENT_NODE,
+	Node.DOCUMENT_TYPE_NODE
 ]);
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/element-value.mjs
+function setElementValue(element, first, second, third, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	if (typeof first === "string") setElementValues(element, first, second, third, callback);
+	else if (isAttribute(first)) setElementValues(element, first.name, first.value, third, callback);
+}
+function setElementValues(element, first, second, third, callback) {
+	if (!isHTMLOrSVGElement(element)) return;
+	if (typeof first === "string") {
+		callback(element, first, second, third);
+		return;
+	}
+	const isArray = Array.isArray(first);
+	if (!isArray && !(typeof first === "object" && first !== null)) return;
+	const entries = isArray ? first : Object.entries(first).map(([name, value]) => ({
+		name,
+		value
+	}));
+	const { length } = entries;
+	for (let index = 0; index < length; index += 1) {
+		const entry = entries[index];
+		if (typeof entry === "object" && typeof entry?.name === "string") callback(element, entry.name, entry.value, third);
+	}
+}
+function updateElementValue(element, key, value, set, remove, isBoolean, json) {
+	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
+	else set.call(element, key, json ? JSON.stringify(value) : String(value));
+}
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/attribute.mjs
 function badAttributeHandler(name, value) {
-	if (name == null || value == null) return true;
+	if (typeof name !== "string" || name.trim().length === 0 || typeof value !== "string") return true;
 	if (EXPRESSION_CLOBBERED_NAME.test(name) && (value in document || value in formElement) || EXPRESSION_EVENT_NAME$1.test(name)) return true;
 	if (EXPRESSION_SKIP_NAME.test(name) || EXPRESSION_URI_VALUE.test(value) || isValidSourceAttribute(name, value)) return false;
 	return EXPRESSION_DATA_OR_SCRIPT.test(value);
 }
 function booleanAttributeHandler(name, value) {
-	if (name == null || value == null) return true;
-	if (!booleanAttributesSet.has(name)) return false;
-	const normalized = value.toLowerCase().trim();
-	return !(normalized.length === 0 || normalized === name);
+	if (typeof name !== "string" || name.trim().length === 0 || typeof value !== "string") return true;
+	const normalizedName = name.toLowerCase();
+	if (!booleanAttributesSet.has(normalizedName)) return false;
+	const normalized = value.toLowerCase();
+	return !(normalized.length === 0 || normalized === normalizedName);
 }
 function decodeAttribute(value) {
 	textArea ??= document.createElement("textarea");
@@ -499,7 +711,7 @@ function handleAttribute(callback, decode, first, second) {
 	return callback(name, value?.replace(EXPRESSION_WHITESPACE, ""));
 }
 function isAttribute(value) {
-	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && typeof value.value === "string";
+	return value instanceof Attr || isPlainObject(value) && typeof value.name === "string" && "value" in value;
 }
 function _isBadAttribute(first, second, decode) {
 	return handleAttribute(badAttributeHandler, decode, first, second);
@@ -513,35 +725,33 @@ function _isEmptyNonBooleanAttribute(first, second, decode) {
 function _isInvalidBooleanAttribute(first, second, decode) {
 	return handleAttribute(booleanAttributeHandler, decode, first, second);
 }
-function isProperty(value) {
-	return isPlainObject(value) && typeof value.name === "string";
-}
 function isValidSourceAttribute(name, value) {
 	return EXPRESSION_SOURCE_NAME.test(name) && EXPRESSION_SOURCE_VALUE.test(value);
 }
-function updateAttribute(element, name, value) {
-	const isBoolean = booleanAttributesSet.has(name.toLowerCase());
-	if (isBoolean) updateProperty$1(element, name, value);
-	if (isBoolean ? value !== true : value == null) element.removeAttribute(name);
-	else element.setAttribute(name, isBoolean ? "" : getString(value));
-}
-function updateProperty$1(element, name, value) {
-	const actual = name.toLowerCase();
-	element[actual] = value === "" || typeof value === "string" && value.toLowerCase() === actual || value === true;
-}
-function updateValue$1(element, first, second) {
-	if (!isHTMLOrSVGElement(element)) return;
-	if (isProperty(first)) updateAttribute(element, first.name, first.value);
-	else if (typeof first === "string") updateAttribute(element, first, second);
-}
-var EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
-var EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
-var EXPRESSION_EVENT_NAME$1 = /^on/i;
-var EXPRESSION_SKIP_NAME = /^(aria-[-\w]+|data-[-\w.\u00B7-\uFFFF]+)$/i;
-var EXPRESSION_SOURCE_NAME = /^src$/i;
-var EXPRESSION_SOURCE_VALUE = /^data:/i;
-var EXPRESSION_URI_VALUE = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i;
-var EXPRESSION_WHITESPACE = /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g;
+function updateAttribute(element, name, value, dispatch) {
+	const normalizedName = name.toLowerCase();
+	const isBoolean = booleanAttributesSet.has(normalizedName);
+	const next = isBoolean ? value === true || typeof value === "string" && (value === "" || value.toLowerCase() === normalizedName) : value == null ? "" : value;
+	if (name in element) updateProperty$1(element, normalizedName, next, dispatch);
+	updateElementValue(element, name, isBoolean ? next ? "" : null : value, element.setAttribute, element.removeAttribute, isBoolean, false);
+}
+function updateProperty$1(element, name, value, dispatch) {
+	if (Object.is(element[name], value)) return;
+	element[name] = value;
+	const event = dispatch !== false && elementEvents[element.tagName]?.[name];
+	if (typeof event === "string") element.dispatchEvent(new Event(event, { bubbles: true }));
+}
+const EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
+const EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
+const EXPRESSION_EVENT_NAME$1 = /^on/i;
+const EXPRESSION_SKIP_NAME = /^(aria-[-\w]+|data-[-\w.\u00B7-\uFFFF]+)$/i;
+const EXPRESSION_SOURCE_NAME = /^src$/i;
+const EXPRESSION_SOURCE_VALUE = /^data:/i;
+const EXPRESSION_URI_VALUE = /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.-]+(?:[^a-z+.\-:]|$))/i;
+const EXPRESSION_WHITESPACE = /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g;
+/**
+* List of boolean attributes
+*/
 const booleanAttributes = Object.freeze([
 	"async",
 	"autofocus",
@@ -568,15 +778,25 @@ const booleanAttributes = Object.freeze([
 	"reversed",
 	"selected"
 ]);
-var booleanAttributesSet = new Set(booleanAttributes);
-var formElement = document.createElement("form");
-var textArea;
-function setAttribute$1(element, first, second) {
-	updateValue$1(element, first, second);
-}
-function setProperty(element, first, second) {
-	updateValue$1(element, first, second);
-}
+const booleanAttributesSet = new Set(booleanAttributes);
+const elementEvents = {
+	DETAILS: { open: "toggle" },
+	INPUT: {
+		checked: "change",
+		value: "input"
+	},
+	SELECT: { value: "change" },
+	TEXTAREA: { value: "input" }
+};
+const formElement = document.createElement("form");
+let textArea;
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/attribute/set.mjs
+function setAttribute$1(element, first, second, third) {
+	setElementValue(element, first, second, third, updateAttribute);
+}
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/html/sanitize.mjs
 function handleElement(element, depth) {
 	if (depth === 0) {
 		const removable = element.querySelectorAll(REMOVE_SELECTOR);
@@ -584,6 +804,11 @@ function handleElement(element, depth) {
 	}
 	sanitizeAttributes(element, [...element.attributes]);
 }
+/**
+* Is the element clobbered?
+*
+* Thanks, DOMPurify _(https://github.com/cure53/DOMPurify)_
+*/
 function isClobbered(value) {
 	return value instanceof HTMLFormElement && (typeof value.nodeName !== "string" || typeof value.textContent !== "string" || typeof value.removeChild !== "function" || !(value.attributes instanceof NamedNodeMap) || typeof value.removeAttribute !== "function" || typeof value.setAttribute !== "function" || typeof value.namespaceURI !== "string" || typeof value.insertBefore !== "function" || typeof value.hasChildNodes !== "function");
 }
@@ -627,8 +852,10 @@ function sanitizeNodes(nodes, depth) {
 	}
 	return nodes;
 }
-var COMMENT_HARMFUL = /<[/\w]/g;
-var REMOVE_SELECTOR = "script, toretto-temporary";
+const COMMENT_HARMFUL = /<[/\w]/g;
+const REMOVE_SELECTOR = "script, toretto-temporary";
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/html/index.mjs
 function createHtml(value) {
 	const parsed = getParser().parseFromString(getHtml(value), PARSE_TYPE_HTML);
 	parsed.body.normalize();
@@ -666,7 +893,7 @@ function getTemplate(value, options) {
 	const element = EXPRESSION_ID.test(value) ? document.querySelector(`#${value}`) : null;
 	return createTemplate(element instanceof HTMLTemplateElement ? element : value, options);
 }
-var html$1 = ((value, options) => {
+const html$1 = ((value, options) => {
 	return getNodes(value, getOptions$1(options));
 });
 html$1.clear = () => {
@@ -683,22 +910,32 @@ html$1.remove = (template) => {
 	}
 	templates = updated;
 };
-var EXPRESSION_ID = /^[a-z][\w-]*$/i;
-var PARSE_TYPE_HTML = "text/html";
-var TEMPLATE_TAG = "template";
-var TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
-var parser;
-var templates = {};
-const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
+const EXPRESSION_ID = /^[a-z][\w-]*$/i;
+const PARSE_TYPE_HTML = "text/html";
+const TEMPLATE_TAG = "template";
+const TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
+let parser;
+let templates = {};
+//#endregion
+//#region src/constants.ts
+const ARRAY_COMPARISON_ADDED = "added";
+const ARRAY_COMPARISON_DISSIMILAR = "dissimilar";
+const ARRAY_COMPARISON_REMOVED = "removed";
+const ERROR_FRAGMENT = "Fragment function must return a Fragment instance";
+const ERROR_IDENTIFIER_DUPLICATE = "Duplicate identifier found: '<id>'";
+const ERROR_IDENTIFIER_TYPE = "Identifier cannot be null or undefined";
+const EVENT_CHANGE = "change";
+const EVENT_INPUT = "input";
+const EVENT_SUBMIT = "submit";
 const EVENT_DEFAULTS = {
 	A: "click",
 	BUTTON: "click",
 	DETAILS: "toggle",
-	FORM: "submit",
-	SELECT: "change",
-	TEXTAREA: "input"
+	FORM: EVENT_SUBMIT,
+	SELECT: EVENT_CHANGE,
+	TEXTAREA: EVENT_INPUT
 };
-const EXPRESSION_ABYDON_ATTRIBUTE_FULL = /(@?\w+)="<!--abydon.(\d+)-->"/g;
+const EXPRESSION_ABYDON_ATTRIBUTE_FULL = /(@?[\w-]+)="<!--abydon.(\d+)-->"/g;
 const EXPRESSION_ABYDON_ATTRIBUTE_PREFIX = /^_/;
 const EXPRESSION_ABYDON_CONTENT = /^@?abydon\.(\d+)@?$/;
 const EXPRESSION_ATTRIBUTE_CLASS = /^class\./;
@@ -713,12 +950,31 @@ const EXPRESSION_EVENT_PREFIX = /^@/;
 const EXPRESSION_PERIOD = /\./;
 const NAME_FRAGMENT = "$fragment";
 const NAME_FRAGMENTS = "$fragments";
+const PROPERTY_CHECKED = "checked";
+const PROPERTY_VALUE = "value";
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/string/index.mjs
+/**
+* Parse a JSON string into its proper value _(or `undefined` if it fails)_
+* @param value JSON string to parse
+* @param reviver Reviver function to transform the parsed values
+* @returns Parsed value or `undefined` if parsing fails
+*/
+function parse$1(value, reviver) {
+	try {
+		return JSON.parse(value, reviver);
+	} catch {
+		return;
+	}
+}
+//#endregion
+//#region src/helpers/index.ts
 function compareArrays(first, second) {
 	const firstIsLarger = first.length > second.length;
 	const from = firstIsLarger ? first : second;
 	const to = firstIsLarger ? second : first;
-	if (!from.filter((key) => to.includes(key)).every((key, index) => to[index] === key)) return COMPARISON_DISSIMILAR;
-	return firstIsLarger ? COMPARISON_REMOVED : COMPARISON_ADDED;
+	if (!from.filter((key) => to.includes(key)).every((key, index) => to[index] === key)) return ARRAY_COMPARISON_DISSIMILAR;
+	return firstIsLarger ? ARRAY_COMPARISON_REMOVED : ARRAY_COMPARISON_ADDED;
 }
 function isFragment(value) {
 	return isNamed(value, NAME_FRAGMENT);
@@ -729,11 +985,13 @@ function isFragments(value) {
 function isNamed(value, name) {
 	return typeof value === "object" && value != null && name in value && value[name] === true;
 }
-const COMPARISON_ADDED = "added";
-const COMPARISON_DISSIMILAR = "dissimilar";
-const COMPARISON_REMOVED = "removed";
+//#endregion
+//#region src/fragments.ts
 var Fragments = class {
 	#state;
+	/**
+	* Fragment items
+	*/
 	get items() {
 		return this.#state.mapped;
 	}
@@ -762,13 +1020,13 @@ function handleItems(state, items) {
 	for (let index = 0; index < length; index += 1) {
 		const item = items[index];
 		const identifier = state.identify(item);
-		if (identifier == null) throw new Error("Identifier cannot be null or undefined");
-		const key = getString$1(identifier);
-		if (keys.has(key)) throw new Error(`Duplicate identifier found: "${key}"`);
+		if (identifier == null) throw new TypeError(ERROR_IDENTIFIER_TYPE);
+		const key = getString(identifier);
+		if (keys.has(key)) throw new Error(ERROR_IDENTIFIER_DUPLICATE.replace("<>", key));
 		let instance = state.instances[key];
 		if (instance == null) {
 			instance = state.fragment(item);
-			if (!isFragment(instance)) throw new Error("Fragment function must return a Fragment instance");
+			if (!isFragment(instance)) throw new Error(ERROR_FRAGMENT);
 		}
 		instance.identify(key);
 		state.instances[key] = instance;
@@ -802,20 +1060,15 @@ function updateFragments(state, active) {
 	active?.clear();
 }
 const states = /* @__PURE__ */ new WeakMap();
-function isChildNode(value) {
-	return value instanceof Node && CHILD_NODE_TYPES.has(value.nodeType);
-}
-var CHILD_NODE_TYPES = new Set([
-	Node.ELEMENT_NODE,
-	Node.TEXT_NODE,
-	Node.PROCESSING_INSTRUCTION_NODE,
-	Node.COMMENT_NODE,
-	Node.DOCUMENT_TYPE_NODE
-]);
+//#endregion
+//#region src/helpers/dom.ts
 function createNodes(value) {
 	if (isFragment(value)) return value.get();
 	if (isChildNode(value)) return [value];
-	return [new Text(getString$1(value))];
+	return [new Text(getString(value))];
+}
+function isInputElement(node) {
+	return node instanceof HTMLInputElement || node instanceof HTMLSelectElement || node instanceof HTMLTextAreaElement;
 }
 function removeNodes(nodes) {
 	const { length } = nodes;
@@ -826,9 +1079,13 @@ function replaceNodes(from, to) {
 	const { length } = from;
 	for (let index = 1; index < length; index += 1) from[index].remove();
 }
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/internal/get-value.mjs
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/event/delegation.mjs
 function addDelegatedHandler(doc, type, name, passive) {
 	if (DELEGATED.has(name)) return;
 	DELEGATED.add(name);
@@ -880,11 +1137,11 @@ function removeDelegatedListener(target, name, listener) {
 	if (handlers.size === 0) target[name] = void 0;
 	return true;
 }
-var DELEGATED = /* @__PURE__ */ new Set();
-var EVENT_PREFIX = "@";
-var EVENT_SUFFIX_ACTIVE = ":active";
-var EVENT_SUFFIX_PASSIVE = ":passive";
-var EVENT_TYPES = new Set([
+const DELEGATED = /* @__PURE__ */ new Set();
+const EVENT_PREFIX = "@";
+const EVENT_SUFFIX_ACTIVE = ":active";
+const EVENT_SUFFIX_PASSIVE = ":passive";
+const EVENT_TYPES = new Set([
 	"beforeinput",
 	"click",
 	"dblclick",
@@ -908,26 +1165,16 @@ var EVENT_TYPES = new Set([
 	"touchmove",
 	"touchstart"
 ]);
-var HANDLER_ACTIVE = delegatedEventHandler.bind(false);
-var HANDLER_PASSIVE = delegatedEventHandler.bind(true);
+const HANDLER_ACTIVE = delegatedEventHandler.bind(false);
+const HANDLER_PASSIVE = delegatedEventHandler.bind(true);
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/function/misc.mjs
+/**
+* A function that does nothing, which can be useful, I guess…
+*/
 function noop() {}
-function calculate() {
-	return new Promise((resolve) => {
-		const values = [];
-		let last;
-		function step(now) {
-			if (last != null) values.push(now - last);
-			last = now;
-			if (values.length >= CALCULATION_TOTAL) resolve(values.sort().slice(CALCULATION_TRIM_PART, -CALCULATION_TRIM_PART).reduce((first, second) => first + second, 0) / (values.length - CALCULATION_TRIM_TOTAL));
-			else requestAnimationFrame(step);
-		}
-		requestAnimationFrame(step);
-	});
-}
-var CALCULATION_TOTAL = 10;
-var CALCULATION_TRIM_PART = 2;
-var CALCULATION_TRIM_TOTAL = 4;
-calculate().then((value) => {});
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/event/index.mjs
 function createEventOptions(options) {
 	return {
 		capture: getBoolean(options?.capture),
@@ -947,6 +1194,8 @@ function on(target, type, listener, options) {
 		target.removeEventListener(type, listener, extended);
 	};
 }
+//#endregion
+//#region src/node/event.ts
 function getOptions(options) {
 	const parts = options.split(":");
 	return {
@@ -958,8 +1207,8 @@ function getOptions(options) {
 function getType(element, type) {
 	if (type !== "on") return type;
 	if (element instanceof HTMLInputElement) {
-		if (EXPRESSION_EVENT_CHANGE_TYPES.test(element.type)) return "change";
-		return element.type === "submit" ? "submit" : "input";
+		if (EXPRESSION_EVENT_CHANGE_TYPES.test(element.type)) return EVENT_CHANGE;
+		return element.type === "submit" ? EVENT_SUBMIT : EVENT_INPUT;
 	}
 	return EVENT_DEFAULTS[element.tagName] ?? type;
 }
@@ -967,9 +1216,13 @@ function mapEvent(element, name, value) {
 	const [, type, options] = EXPRESSION_EVENT_NAME.exec(name) ?? [];
 	if (type != null && typeof value === "function") on(element, getType(element, type), value, getOptions(options ?? ""));
 }
+//#endregion
+//#region node_modules/@oscarpalmer/toretto/dist/attribute/index.mjs
 function isBooleanAttribute(first) {
 	return _isBooleanAttribute(first, true);
 }
+//#endregion
+//#region src/node/attribute/value.ts
 function getCallback(element, name) {
 	if (isBooleanAttribute(name) && name in element) return name === "checked" ? updateChecked : updateProperty;
 	return name === "value" ? updateValue : setAttribute$1;
@@ -988,20 +1241,20 @@ function setAttribute(data, element, name, value) {
 	}
 }
 function setClasses(data, element, name, value) {
-	function update(value$1) {
-		if (value$1 === true) element.classList.add(...classes);
+	function update(value) {
+		if (value === true) element.classList.add(...classes);
 		else element.classList.remove(...classes);
 	}
-	const classes = name.slice(ATTRIBUTE_CLASS_PREFIX_LENGTH).split(".");
+	const classes = name.slice(6).split(".");
 	if (isReactive(value)) data.mora.subscribers.add(value.subscribe(update));
 	else update(value);
 }
 function setStyle(data, element, name, value) {
 	const [, property, unit] = EXPRESSION_ATTRIBUTE_STYLE_FULL.exec(name) ?? [];
 	if (property == null) return;
-	function update(value$1) {
-		if (value$1 == null || value$1 === false || value$1 === true && unit == null) element.style.removeProperty(property);
-		else element.style.setProperty(property, value$1 === true ? unit : String(value$1));
+	function update(value) {
+		if (value == null || value === false || value === true && unit == null) element.style.removeProperty(property);
+		else element.style.setProperty(property, value === true ? unit : String(value));
 	}
 	if (isReactive(value)) data.mora.subscribers.add(value.subscribe(update));
 	else update(value);
@@ -1014,20 +1267,23 @@ function setValue(data, element, name, value) {
 	else callback(element, name, value);
 }
 function updateChecked(element, name, value) {
-	updateElement("change", "checked", element, name, value, value === true);
+	updateElement(EVENT_CHANGE, PROPERTY_CHECKED, element, name, value, value === true);
 }
 function updateElement(event, property, element, name, value, next) {
 	if (!(property in element) || element[property] === next) return;
 	setAttribute$1(element, name, value);
+	if (element[property] === next) return;
 	element[property] = next;
 	element.dispatchEvent(new Event(event, { bubbles: true }));
 }
 function updateProperty(element, name, value) {
-	setProperty(element, name, value === true);
+	setAttribute$1(element, name, value === true);
 }
 function updateValue(element, name, value) {
-	updateElement(element instanceof HTMLSelectElement ? "change" : "input", "value", element, name, value, String(value));
+	updateElement(element instanceof HTMLSelectElement ? EVENT_CHANGE : EVENT_INPUT, PROPERTY_VALUE, element, name, value, String(value));
 }
+//#endregion
+//#region src/node/attribute/index.ts
 function getValue(data, original) {
 	const matches = EXPRESSION_ABYDON_CONTENT.exec(original ?? "");
 	return matches == null ? original : data.values[+matches[1]];
@@ -1056,12 +1312,17 @@ function mapAttributes(data, element) {
 function mapValue$1(data, element, name, value) {
 	if (typeof value === "function") setComputedAttribute(data, element, name, value);
 	else setAttribute(data, element, name, value);
+	if (name === "value" && isInputElement(element) && isSignal(value)) mapEvent(element, "@on", () => {
+		value.set(parse$1(element.value) ?? element.value);
+	});
 }
 function setComputedAttribute(data, element, name, callback) {
 	const value = computed(callback);
 	data.mora.values.add(value);
 	setAttribute(data, element, name, value);
 }
+//#endregion
+//#region src/node/value.ts
 function addToArray(identifiers, items, nodes, added) {
 	let position = nodes[0];
 	const before = added && !identifiers.previous.has(items.templates[0].identifier);
@@ -1083,7 +1344,7 @@ function handleArray(identifiers, items, nodes) {
 	if (comparison !== "removed") addToArray(identifiers, {
 		...items,
 		next
-	}, nodes, comparison === "added");
+	}, nodes, comparison === ARRAY_COMPARISON_ADDED);
 	const toRemove = items.fragments?.filter((fragment) => !identifiers.next.has(fragment.identifier)) ?? [];
 	const { length } = toRemove;
 	for (let index = 0; index < length; index += 1) toRemove[index].remove();
@@ -1092,10 +1353,10 @@ function handleArray(identifiers, items, nodes) {
 		nodes: next.flatMap((fragment) => fragment.get())
 	};
 }
-function removeFragments(fragments$1) {
-	if (fragments$1 != null) {
-		const { length } = fragments$1;
-		for (let index = 0; index < length; index += 1) fragments$1[index].remove();
+function removeFragments(fragments) {
+	if (fragments != null) {
+		const { length } = fragments;
+		for (let index = 0; index < length; index += 1) fragments[index].remove();
 	}
 }
 function replaceText(item, comment, isNullable) {
@@ -1106,20 +1367,20 @@ function replaceText(item, comment, isNullable) {
 }
 function setArray(item, comment, value) {
 	if (value.length === 0) return { nodes: setText(item, comment, value) };
-	let templates$1 = value.filter((item$1) => isFragment(item$1) && item$1.identifier != null);
-	const next = templates$1.map((fragment) => fragment.identifier);
+	let templates = value.filter((item) => isFragment(item) && item.identifier != null);
+	const next = templates.map((fragment) => fragment.identifier);
 	const previous = item.fragments?.map((fragment) => fragment.identifier) ?? [];
-	if (new Set(next).size !== templates$1.length) templates$1 = [];
-	const noTemplates = templates$1.length === 0;
+	if (new Set(next).size !== templates.length) templates = [];
+	const noTemplates = templates.length === 0;
 	if (noTemplates || item.nodes == null || previous.some((identifier) => identifier == null)) return {
-		fragments: noTemplates ? void 0 : templates$1,
-		nodes: setNodes(item, comment, noTemplates ? value.flatMap((item$1) => createNodes(item$1)) : templates$1.flatMap((template) => template.get()))
+		fragments: noTemplates ? void 0 : templates,
+		nodes: setNodes(item, comment, noTemplates ? value.flatMap((item) => createNodes(item)) : templates.flatMap((template) => template.get()))
 	};
 	return handleArray({
 		next: new Set(next),
 		previous: new Set(previous)
 	}, {
-		templates: templates$1,
+		templates,
 		fragments: item.fragments ?? []
 	}, item.nodes);
 }
@@ -1132,7 +1393,7 @@ function setNodes(item, comment, next) {
 	return next;
 }
 function setReactiveValue(data, comment, reactive) {
-	let item = data.items.find((item$1) => item$1.nodes?.includes(comment));
+	let item = data.items.find((item) => item.nodes?.includes(comment));
 	item ??= {};
 	item.text = new Text();
 	data.mora.subscribers.add(reactive.subscribe((value) => {
@@ -1156,7 +1417,7 @@ function setReactiveValueForSingle(item, comment, value) {
 }
 function setText(item, comment, value) {
 	const isNullable = isNullableOrWhitespace(value);
-	if (item.text != null) item.text.textContent = isNullable ? "" : getString$1(value);
+	if (item.text != null) item.text.textContent = isNullable ? "" : getString(value);
 	let result = false;
 	if (item.nodes != null) {
 		replaceText(item, comment, isNullable);
@@ -1169,6 +1430,8 @@ function setText(item, comment, value) {
 	removeFragments(item.fragments);
 	if (result) return item.text == null ? [] : [item.text];
 }
+//#endregion
+//#region src/node/index.ts
 function mapNode(data, comment) {
 	const matches = EXPRESSION_ABYDON_CONTENT.exec(comment.textContent ?? "");
 	const value = matches == null ? null : data.values[+matches[1]];
@@ -1204,7 +1467,7 @@ function mapValue(data, comment, value) {
 	}
 }
 function replaceComment(data, comment, value) {
-	const item = data.items.find((item$1) => item$1.nodes?.includes(comment));
+	const item = data.items.find((item) => item.nodes?.includes(comment));
 	const nodes = createNodes(value);
 	if (item != null) {
 		item.fragments = isFragment(value) ? [value] : void 0;
@@ -1217,6 +1480,8 @@ function setComputedValue(data, comment, callback) {
 	data.mora.values.add(value);
 	setReactiveValue(data, comment, value);
 }
+//#endregion
+//#region src/parse.ts
 function handleExpression(data, prefix, expression) {
 	if (Array.isArray(expression)) {
 		const { length } = expression;
@@ -1243,12 +1508,17 @@ function transformAttribute(_, name, index) {
 function transformExpression(prefix, index) {
 	return `${prefix}<!--abydon.${index}-->`;
 }
+//#endregion
+//#region src/fragment.ts
 var Fragment = class {
 	#data;
 	#configuration = {
 		identifier: void 0,
 		cache: true
 	};
+	/**
+	* Fragment identifier
+	*/
 	get identifier() {
 		return this.#configuration.identifier;
 	}
@@ -1265,15 +1535,28 @@ var Fragment = class {
 			values: []
 		};
 	}
+	/**
+	* Append the fragment to the given element
+	* @param element Element to append to
+	*/
 	appendTo(element) {
 		element.append(...this.get());
 	}
+	/**
+	* Configure the fragment
+	* @param configuration Configuration options
+	* @returns Fragment
+	*/
 	configure(configuration) {
-		const actual = isPlainObject$1(configuration) ? configuration : {};
+		const actual = isPlainObject(configuration) ? configuration : {};
 		if ("identifier" in actual) this.#configuration.identifier = actual.identifier;
 		if (typeof actual.cache === "boolean") this.#configuration.cache = actual.cache;
 		return this;
 	}
+	/**
+	* Get a list of the fragment's nodes
+	* @returns List of nodes
+	*/
 	get() {
 		const data = this.#data;
 		if (data.items.length === 0) {
@@ -1283,10 +1566,21 @@ var Fragment = class {
 		}
 		return data.items.flatMap((item) => item.fragments?.flatMap((fragment) => fragment.get()) ?? item.nodes ?? []);
 	}
+	/**
+	* Set an identifier for the fragment
+	*
+	* _An identifier can be used to uniquely identify a fragment,
+	* which helps prevent re-rendering in certain scenarios._
+	* @param identifier Identifier
+	* @returns Fragment
+	*/
 	identify(identifier) {
 		this.#configuration.identifier = identifier;
 		return this;
 	}
+	/**
+	* Remove the fragment from the DOM
+	*/
 	remove() {
 		removeFragment(this.#data);
 	}
@@ -1295,9 +1589,9 @@ function removeFragment(data) {
 	removeMora(data);
 	let { length } = data.items;
 	for (let index = 0; index < length; index += 1) {
-		const { fragments: fragments$1, nodes } = data.items[index];
-		const fragmentsLength = fragments$1?.length ?? 0;
-		for (let fragmentIndex = 0; fragmentIndex < fragmentsLength; fragmentIndex += 1) fragments$1?.[fragmentIndex]?.remove();
+		const { fragments, nodes } = data.items[index];
+		const fragmentsLength = fragments?.length ?? 0;
+		for (let fragmentIndex = 0; fragmentIndex < fragmentsLength; fragmentIndex += 1) fragments?.[fragmentIndex]?.remove();
 		removeNodes(nodes ?? []);
 	}
 	data.items.length = 0;
@@ -1311,12 +1605,26 @@ function removeMora(data) {
 	const unsubscribers = [...data.mora.subscribers];
 	data.mora.subscribers.clear();
 	data.mora.values.clear();
-	for (const unsubscribe$1 of unsubscribers) unsubscribe$1();
-}
-function fragments(array$1, identify, fragment) {
-	return new Fragments(array$1, identify, fragment);
-}
+	for (const unsubscribe of unsubscribers) unsubscribe();
+}
+//#endregion
+//#region src/index.ts
+/**
+* Create Fragments from a reactive array
+* @param array Reactive array
+* @param identify Function to identify item
+* @param fragment Function to create fragment from item
+* @returns Fragments
+*/
+function fragments(array, identify, fragment) {
+	return new Fragments(array, identify, fragment);
+}
+/**
+* Create Fragment from a template
+* @returns Fragment
+*/
 function html(template, ...values) {
 	return new Fragment(template, values);
 }
+//#endregion
 export { array, computed, effect, fragments, html, isArray, isComputed, isEffect, isReactive, isSignal, signal, startBatch, stopBatch, store };