@oscarpalmer/abydon 0.16.0 → 0.19.0

package/dist/node/{value.js → value.mjs}

@@ -1,8 +1,10 @@
-import { compareArrays, isFragment } from "../helpers/index.js";
-import { createNodes, replaceNodes } from "../helpers/dom.js";
+import { ARRAY_COMPARISON_ADDED } from "../constants.mjs";
+import { compareArrays, isFragment } from "../helpers/index.mjs";
+import { createNodes, replaceNodes } from "../helpers/dom.mjs";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
 import { getString } from "@oscarpalmer/atoms/string";
 import { isChildNode } from "@oscarpalmer/toretto/is";
+//#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);
@@ -24,7 +26,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();
@@ -47,14 +49,14 @@ function replaceText(item, comment, isNullable) {
 }
 function setArray(item, comment, value) {
 	if (value.length === 0) return { nodes: setText(item, comment, value) };
-	let templates = value.filter((item$1) => isFragment(item$1) && item$1.identifier != null);
+	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.length) templates = [];
 	const noTemplates = templates.length === 0;
 	if (noTemplates || item.nodes == null || previous.some((identifier) => identifier == null)) return {
 		fragments: noTemplates ? void 0 : templates,
-		nodes: setNodes(item, comment, noTemplates ? value.flatMap((item$1) => createNodes(item$1)) : templates.flatMap((template) => template.get()))
+		nodes: setNodes(item, comment, noTemplates ? value.flatMap((item) => createNodes(item)) : templates.flatMap((template) => template.get()))
 	};
 	return handleArray({
 		next: new Set(next),
@@ -73,7 +75,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) => {
@@ -110,4 +112,5 @@ function setText(item, comment, value) {
 	removeFragments(item.fragments);
 	if (result) return item.text == null ? [] : [item.text];
 }
+//#endregion
 export { setReactiveValue };

package/dist/parse.d.mts

@@ -0,0 +1,6 @@
+import { r as FragmentData } from "./fragment-9qTBAvtR.mjs";
+
+//#region src/parse.d.ts
+declare function parse(data: FragmentData): string;
+//#endregion
+export { parse };

package/dist/{parse.js → parse.mjs}

@@ -1,5 +1,6 @@
-import { EXPRESSION_ABYDON_ATTRIBUTE_FULL } from "./constants.js";
+import { EXPRESSION_ABYDON_ATTRIBUTE_FULL } from "./constants.mjs";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
+//#region src/parse.ts
 function handleExpression(data, prefix, expression) {
 	if (Array.isArray(expression)) {
 		const { length } = expression;
@@ -26,4 +27,5 @@ function transformAttribute(_, name, index) {
 function transformExpression(prefix, index) {
 	return `${prefix}<!--abydon.${index}-->`;
 }
+//#endregion
 export { parse };

package/package.json

@@ -1,34 +1,6 @@
 {
-	"author": {
-		"name": "Oscar Palmér",
-		"url": "https://oscarpalmer.se"
-	},
-	"dependencies": {
-		"@oscarpalmer/atoms": "^0.118",
-		"@oscarpalmer/mora": "^0.25",
-		"@oscarpalmer/toretto": "^0.32"
-	},
-	"devDependencies": {
-		"@oscarpalmer/oui": "^0.18",
-		"@types/node": "^25",
-		"@vitest/coverage-istanbul": "^4",
-		"jsdom": "^27.3",
-		"oxfmt": "^0.19",
-		"oxlint": "^1.34",
-		"rolldown": "1.0.0-beta.56",
-		"tslib": "^2.8",
-		"typescript": "^5.9",
-		"vite": "8.0.0-beta.2",
-		"vitest": "^4"
-	},
-	"exports": {
-		"./package.json": "./package.json",
-		".": {
-			"types": "./types/index.d.ts",
-			"default": "./dist/index.js"
-		}
-	},
-	"files": ["dist", "src", "types"],
+	"name": "@oscarpalmer/abydon",
+	"version": "0.19.0",
 	"keywords": [
 		"components",
 		"dom",
@@ -40,21 +12,50 @@
 		"vanilla"
 	],
 	"license": "MIT",
-	"module": "dist/index.js",
-	"name": "@oscarpalmer/abydon",
+	"author": {
+		"name": "Oscar Palmér",
+		"url": "https://oscarpalmer.se"
+	},
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/oscarpalmer/abydon.git"
 	},
+	"files": [
+		"dist",
+		"src"
+	],
+	"type": "module",
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.mts",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"types": "./dist/index.d.mts",
+			"default": "./dist/index.mjs"
+		}
+	},
 	"scripts": {
-		"build": "npm run clean && npx vite build && npm run rolldown:build && npx tsc",
-		"clean": "rm -rf ./dist && rm -rf ./types && rm -f ./tsconfig.tsbuildinfo",
-		"rolldown:build": "npx rolldown -c",
-		"rolldown:watch": "npx rolldown -c ./rolldown.config.js --watch",
-		"test": "npx vitest --coverage",
-		"watch": "npx vite build --watch"
+		"build": "npm run tsdown:build && npx vp pack",
+		"tsdown:build": "npx tsdown -c ./tsdown.config.ts",
+		"tsdown:watch": "npx tsdown -c ./tsdown.config.ts --watch",
+		"test": "npx vp test run --coverage",
+		"test:leak": "npx vp test run --detect-async-leaks --coverage"
 	},
-	"type": "module",
-	"types": "types/index.d.ts",
-	"version": "0.16.0"
+	"dependencies": {
+		"@oscarpalmer/atoms": "^0.165",
+		"@oscarpalmer/mora": "^0.27",
+		"@oscarpalmer/toretto": "^0.41"
+	},
+	"devDependencies": {
+		"@oscarpalmer/oui": "^0.19",
+		"@types/node": "^25.5",
+		"@vitest/coverage-istanbul": "^4.1",
+		"jsdom": "^28.1",
+		"tsdown": "^0.21",
+		"typescript": "^5.9",
+		"vite": "npm:@voidzero-dev/vite-plus-core@latest",
+		"vite-plus": "latest",
+		"vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+	},
+	"packageManager": "npm@11.11.1"
 }

package/src/constants.ts

@@ -1,15 +1,41 @@
+export const ARRAY_COMPARISON_ADDED = 'added';
+
+export const ARRAY_COMPARISON_DISSIMILAR = 'dissimilar';
+
+export const ARRAY_COMPARISON_REMOVED = 'removed';
+
 export const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
 
+export const ATTRIBUTE_NAME_DELIMITER = '.';
+
+export const ERROR_FRAGMENT = 'Fragment function must return a Fragment instance';
+
+export const ERROR_IDENTIFIER_DUPLICATE = "Duplicate identifier found: '<id>'";
+
+export const ERROR_IDENTIFIER_TYPE = 'Identifier cannot be null or undefined';
+
+export const EVENT_CHANGE = 'change';
+
+export const EVENT_INPUT = 'input';
+
+export const EVENT_SUBMIT = 'submit';
+
 export const EVENT_DEFAULTS: Record<string, string> = {
 	A: 'click',
 	BUTTON: 'click',
 	DETAILS: 'toggle',
-	FORM: 'submit',
-	SELECT: 'change',
-	TEXTAREA: 'input',
+	FORM: EVENT_SUBMIT,
+	SELECT: EVENT_CHANGE,
+	TEXTAREA: EVENT_INPUT,
 };
 
-export const EXPRESSION_ABYDON_ATTRIBUTE_FULL = /(@?\w+)="<!--abydon.(\d+)-->"/g;
+export const EVENT_ON_PREFIXED = '@on';
+
+export const EVENT_ON_VALUE = 'on';
+
+export const EVENT_OPTIONS_DELIMITER = ':';
+
+export const EXPRESSION_ABYDON_ATTRIBUTE_FULL = /(@?[\w-]+)="<!--abydon.(\d+)-->"/g;
 
 export const EXPRESSION_ABYDON_ATTRIBUTE_PREFIX = /^_/;
 
@@ -38,3 +64,11 @@ export const EXPRESSION_PERIOD = /\./;
 export const NAME_FRAGMENT = '$fragment';
 
 export const NAME_FRAGMENTS = '$fragments';
+
+export const PROPERTY_CHECKED = 'checked';
+
+export const PROPERTY_IDENTIFIER = 'identifier';
+
+export const PROPERTY_VALUE = 'value';
+
+export const TEMPLATE_ITEM = '<>';

package/src/fragment.ts

@@ -1,6 +1,6 @@
 import {isPlainObject} from '@oscarpalmer/atoms/is';
 import {html} from '@oscarpalmer/toretto/html';
-import {NAME_FRAGMENT} from './constants';
+import {NAME_FRAGMENT, PROPERTY_IDENTIFIER} from './constants';
 import {handleFragments} from './fragments';
 import {isFragments} from './helpers';
 import {removeNodes} from './helpers/dom';
@@ -56,7 +56,7 @@ export class Fragment {
 	configure(configuration: FragmentConfiguration): Fragment {
 		const actual = isPlainObject(configuration) ? configuration : {};
 
-		if ('identifier' in actual) {
+		if (PROPERTY_IDENTIFIER in actual) {
 			this.#configuration.identifier = actual.identifier;
 		}
 

package/src/fragments.ts

@@ -1,6 +1,12 @@
 import {getString} from '@oscarpalmer/atoms/string';
 import {array, type ReactiveArray} from '@oscarpalmer/mora';
-import {NAME_FRAGMENTS} from './constants';
+import {
+	ERROR_FRAGMENT,
+	ERROR_IDENTIFIER_DUPLICATE,
+	ERROR_IDENTIFIER_TYPE,
+	NAME_FRAGMENTS,
+	TEMPLATE_ITEM,
+} from './constants';
 import type {Fragment} from './fragment';
 import {isFragment, isFragments} from './helpers';
 import type {FragmentsState} from './models';
@@ -58,13 +64,13 @@ function handleItems(state: FragmentsState, items: unknown[]): void {
 		const identifier = state.identify(item);
 
 		if (identifier == null) {
-			throw new Error('Identifier cannot be null or undefined');
+			throw new TypeError(ERROR_IDENTIFIER_TYPE);
 		}
 
 		const key = getString(identifier);
 
 		if (keys.has(key)) {
-			throw new Error(`Duplicate identifier found: "${key}"`);
+			throw new Error(ERROR_IDENTIFIER_DUPLICATE.replace(TEMPLATE_ITEM, key));
 		}
 
 		let instance = state.instances[key];
@@ -73,7 +79,7 @@ function handleItems(state: FragmentsState, items: unknown[]): void {
 			instance = state.fragment(item);
 
 			if (!isFragment(instance)) {
-				throw new Error('Fragment function must return a Fragment instance');
+				throw new Error(ERROR_FRAGMENT);
 			}
 		}
 

package/src/helpers/dom.ts

@@ -14,6 +14,16 @@ export function createNodes(value: unknown): ChildNode[] {
 	return [new Text(getString(value))];
 }
 
+export function isInputElement(
+	node: Node,
+): node is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement {
+	return (
+		node instanceof HTMLInputElement ||
+		node instanceof HTMLSelectElement ||
+		node instanceof HTMLTextAreaElement
+	);
+}
+
 export function removeNodes(nodes: ChildNode[]): void {
 	const {length} = nodes;
 

package/src/helpers/index.ts

@@ -1,21 +1,30 @@
 import type {PlainObject} from '@oscarpalmer/atoms/models';
-import {NAME_FRAGMENT, NAME_FRAGMENTS} from '../constants';
+import {
+	ARRAY_COMPARISON_ADDED,
+	ARRAY_COMPARISON_DISSIMILAR,
+	ARRAY_COMPARISON_REMOVED,
+	NAME_FRAGMENT,
+	NAME_FRAGMENTS,
+} from '../constants';
 import type {Fragment} from '../fragment';
 import type {Fragments} from '../fragments';
 
 export function compareArrays(
 	first: unknown[],
 	second: unknown[],
-): 'added' | 'dissimilar' | 'removed' {
+):
+	| typeof ARRAY_COMPARISON_ADDED
+	| typeof ARRAY_COMPARISON_DISSIMILAR
+	| typeof ARRAY_COMPARISON_REMOVED {
 	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 ARRAY_COMPARISON_DISSIMILAR;
 	}
 
-	return firstIsLarger ? COMPARISON_REMOVED : COMPARISON_ADDED;
+	return firstIsLarger ? ARRAY_COMPARISON_REMOVED : ARRAY_COMPARISON_ADDED;
 }
 
 export function isFragment(value: unknown): value is Fragment {
@@ -34,9 +43,3 @@ function isNamed(value: unknown, name: string): boolean {
 		(value as PlainObject)[name] === true
 	);
 }
-
-const COMPARISON_ADDED = 'added';
-
-const COMPARISON_DISSIMILAR = 'dissimilar';
-
-const COMPARISON_REMOVED = 'removed';

package/src/node/attribute/index.ts

@@ -1,11 +1,15 @@
 import type {GenericCallback} from '@oscarpalmer/atoms/models';
-import {computed, isReactive} from '@oscarpalmer/mora';
+import {parse} from '@oscarpalmer/atoms/string';
+import {computed, isReactive, isSignal} from '@oscarpalmer/mora';
 import {
+	EVENT_ON_PREFIXED,
 	EXPRESSION_ABYDON_ATTRIBUTE_PREFIX,
 	EXPRESSION_ABYDON_CONTENT,
 	EXPRESSION_EVENT_PREFIX,
 	EXPRESSION_PERIOD,
+	PROPERTY_VALUE,
 } from '../../constants';
+import {isInputElement} from '../../helpers/dom';
 import type {FragmentData} from '../../models';
 import {mapEvent} from '../event';
 import {setAttribute} from './value';
@@ -58,6 +62,12 @@ function mapValue(
 	} else {
 		setAttribute(data, element, name, value);
 	}
+
+	if (name === PROPERTY_VALUE && isInputElement(element) && isSignal(value)) {
+		mapEvent(element, EVENT_ON_PREFIXED, () => {
+			value.set(parse(element.value) ?? element.value);
+		});
+	}
 }
 
 function setComputedAttribute(

package/src/node/attribute/value.ts

@@ -2,23 +2,27 @@ import type {PlainObject} from '@oscarpalmer/atoms/models';
 import {isReactive} from '@oscarpalmer/mora';
 import {
 	isBooleanAttribute,
-	setAttribute as setAttr,
-	setProperty,
+	setAttribute as setTorettoAttribute,
 } from '@oscarpalmer/toretto/attribute';
 import {
 	ATTRIBUTE_CLASS_PREFIX_LENGTH,
+	ATTRIBUTE_NAME_DELIMITER,
+	EVENT_CHANGE,
+	EVENT_INPUT,
 	EXPRESSION_ATTRIBUTE_CLASS,
 	EXPRESSION_ATTRIBUTE_STYLE_FULL,
 	EXPRESSION_ATTRIBUTE_STYLE_PREFIX,
+	PROPERTY_CHECKED,
+	PROPERTY_VALUE,
 } from '../../constants';
 import type {FragmentData} from '../../models';
 
 function getCallback(element: HTMLElement | SVGElement, name: string) {
 	if (isBooleanAttribute(name) && name in element) {
-		return name === 'checked' ? updateChecked : updateProperty;
+		return name === PROPERTY_CHECKED ? updateChecked : updateProperty;
 	}
 
-	return name === 'value' ? updateValue : setAttr;
+	return name === PROPERTY_VALUE ? updateValue : setTorettoAttribute;
 }
 
 export function setAttribute(
@@ -56,7 +60,7 @@ function setClasses(
 		}
 	}
 
-	const classes = name.slice(ATTRIBUTE_CLASS_PREFIX_LENGTH).split('.');
+	const classes = name.slice(ATTRIBUTE_CLASS_PREFIX_LENGTH).split(ATTRIBUTE_NAME_DELIMITER);
 
 	if (isReactive(value)) {
 		data.mora.subscribers.add(value.subscribe(update));
@@ -112,7 +116,7 @@ function setValue(
 }
 
 function updateChecked(element: HTMLElement | SVGElement, name: string, value: unknown): void {
-	updateElement('change', 'checked', element, name, value, value === true);
+	updateElement(EVENT_CHANGE, PROPERTY_CHECKED, element, name, value, value === true);
 }
 
 function updateElement(
@@ -127,7 +131,11 @@ function updateElement(
 		return;
 	}
 
-	setAttr(element, name, value);
+	setTorettoAttribute(element, name, value);
+
+	if ((element as unknown as PlainObject)[property] === next) {
+		return;
+	}
 
 	(element as unknown as PlainObject)[property] = next;
 
@@ -135,13 +143,13 @@ function updateElement(
 }
 
 function updateProperty(element: HTMLElement | SVGElement, name: string, value: unknown): void {
-	setProperty(element, name, value === true);
+	setTorettoAttribute(element, name, value === true);
 }
 
 function updateValue(element: HTMLElement | SVGElement, name: string, value: unknown): void {
 	updateElement(
-		element instanceof HTMLSelectElement ? 'change' : 'input',
-		'value',
+		element instanceof HTMLSelectElement ? EVENT_CHANGE : EVENT_INPUT,
+		PROPERTY_VALUE,
 		element,
 		name,
 		value,

package/src/node/event.ts

@@ -1,6 +1,11 @@
 import {on} from '@oscarpalmer/toretto/event';
 import {
+	EVENT_CHANGE,
 	EVENT_DEFAULTS,
+	EVENT_INPUT,
+	EVENT_ON_VALUE,
+	EVENT_OPTIONS_DELIMITER,
+	EVENT_SUBMIT,
 	EXPRESSION_EVENT_CHANGE_TYPES,
 	EXPRESSION_EVENT_NAME,
 	EXPRESSION_EVENT_OPTIONS_ACTIVE,
@@ -9,7 +14,7 @@ import {
 } from '../constants';
 
 function getOptions(options: string): AddEventListenerOptions {
-	const parts = options.split(':');
+	const parts = options.split(EVENT_OPTIONS_DELIMITER);
 
 	return {
 		capture: parts.some(part => EXPRESSION_EVENT_OPTIONS_CAPTURE.test(part)),
@@ -19,16 +24,16 @@ function getOptions(options: string): AddEventListenerOptions {
 }
 
 function getType(element: HTMLElement | SVGElement, type: string): string {
-	if (type !== 'on') {
+	if (type !== EVENT_ON_VALUE) {
 		return type;
 	}
 
 	if (element instanceof HTMLInputElement) {
 		if (EXPRESSION_EVENT_CHANGE_TYPES.test(element.type)) {
-			return 'change';
+			return EVENT_CHANGE;
 		}
 
-		return element.type === 'submit' ? 'submit' : 'input';
+		return element.type === EVENT_SUBMIT ? EVENT_SUBMIT : EVENT_INPUT;
 	}
 
 	return EVENT_DEFAULTS[element.tagName] ?? type;

package/src/node/value.ts

@@ -2,6 +2,7 @@ import {isNullableOrWhitespace} from '@oscarpalmer/atoms/is';
 import {getString} from '@oscarpalmer/atoms/string';
 import type {Reactive} from '@oscarpalmer/mora';
 import {isChildNode} from '@oscarpalmer/toretto/is';
+import {ARRAY_COMPARISON_ADDED, ARRAY_COMPARISON_REMOVED} from '../constants';
 import type {Fragment} from '../fragment';
 import {compareArrays, isFragment} from '../helpers';
 import {createNodes, replaceNodes} from '../helpers/dom';
@@ -71,8 +72,8 @@ function handleArray(
 
 	const comparison = compareArrays(items.fragments ?? [], items.templates);
 
-	if (comparison !== 'removed') {
-		addToArray(identifiers, {...items, next}, nodes, comparison === 'added');
+	if (comparison !== ARRAY_COMPARISON_REMOVED) {
+		addToArray(identifiers, {...items, next}, nodes, comparison === ARRAY_COMPARISON_ADDED);
 	}
 
 	const toRemove =

package/dist/constants.js

@@ -1,25 +0,0 @@
-const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
-const EVENT_DEFAULTS = {
-	A: "click",
-	BUTTON: "click",
-	DETAILS: "toggle",
-	FORM: "submit",
-	SELECT: "change",
-	TEXTAREA: "input"
-};
-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\./;
-const EXPRESSION_ATTRIBUTE_STYLE_FULL = /^style\.([\w-]+)(?:\.([\w-]+))?$/;
-const EXPRESSION_ATTRIBUTE_STYLE_PREFIX = /^style\./;
-const EXPRESSION_EVENT_CHANGE_TYPES = /^(checkbox|radio)$/;
-const EXPRESSION_EVENT_NAME = /^@([\w-]+)(?::([a-z:]+))?$/i;
-const EXPRESSION_EVENT_OPTIONS_ACTIVE = /^a(ctive)$/i;
-const EXPRESSION_EVENT_OPTIONS_CAPTURE = /^c(apture)$/i;
-const EXPRESSION_EVENT_OPTIONS_ONCE = /^o(nce)$/i;
-const EXPRESSION_EVENT_PREFIX = /^@/;
-const EXPRESSION_PERIOD = /\./;
-const NAME_FRAGMENT = "$fragment";
-const NAME_FRAGMENTS = "$fragments";
-export { ATTRIBUTE_CLASS_PREFIX_LENGTH, EVENT_DEFAULTS, EXPRESSION_ABYDON_ATTRIBUTE_FULL, EXPRESSION_ABYDON_ATTRIBUTE_PREFIX, EXPRESSION_ABYDON_CONTENT, EXPRESSION_ATTRIBUTE_CLASS, EXPRESSION_ATTRIBUTE_STYLE_FULL, EXPRESSION_ATTRIBUTE_STYLE_PREFIX, EXPRESSION_EVENT_CHANGE_TYPES, EXPRESSION_EVENT_NAME, EXPRESSION_EVENT_OPTIONS_ACTIVE, EXPRESSION_EVENT_OPTIONS_CAPTURE, EXPRESSION_EVENT_OPTIONS_ONCE, EXPRESSION_EVENT_PREFIX, EXPRESSION_PERIOD, NAME_FRAGMENT, NAME_FRAGMENTS };

package/dist/index.js

@@ -1,11 +0,0 @@
-import { Fragments } from "./fragments.js";
-import { Fragment } from "./fragment.js";
-import "@oscarpalmer/mora";
-export * from "@oscarpalmer/mora";
-function fragments(array$1, identify, fragment) {
-	return new Fragments(array$1, identify, fragment);
-}
-function html(template, ...values) {
-	return new Fragment(template, values);
-}
-export { fragments, html };

package/types/constants.d.ts

@@ -1,17 +0,0 @@
-export declare const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
-export declare const EVENT_DEFAULTS: Record<string, string>;
-export declare const EXPRESSION_ABYDON_ATTRIBUTE_FULL: RegExp;
-export declare const EXPRESSION_ABYDON_ATTRIBUTE_PREFIX: RegExp;
-export declare const EXPRESSION_ABYDON_CONTENT: RegExp;
-export declare const EXPRESSION_ATTRIBUTE_CLASS: RegExp;
-export declare const EXPRESSION_ATTRIBUTE_STYLE_FULL: RegExp;
-export declare const EXPRESSION_ATTRIBUTE_STYLE_PREFIX: RegExp;
-export declare const EXPRESSION_EVENT_CHANGE_TYPES: RegExp;
-export declare const EXPRESSION_EVENT_NAME: RegExp;
-export declare const EXPRESSION_EVENT_OPTIONS_ACTIVE: RegExp;
-export declare const EXPRESSION_EVENT_OPTIONS_CAPTURE: RegExp;
-export declare const EXPRESSION_EVENT_OPTIONS_ONCE: RegExp;
-export declare const EXPRESSION_EVENT_PREFIX: RegExp;
-export declare const EXPRESSION_PERIOD: RegExp;
-export declare const NAME_FRAGMENT = "$fragment";
-export declare const NAME_FRAGMENTS = "$fragments";

package/types/fragment.d.ts

@@ -1,38 +0,0 @@
-import type { FragmentConfiguration } from './models';
-export declare class Fragment {
-    #private;
-    /**
-     * Fragment identifier
-     */
-    get identifier(): unknown;
-    constructor(strings: TemplateStringsArray, expressions: unknown[]);
-    /**
-     * Append the fragment to the given element
-     * @param element Element to append to
-     */
-    appendTo(element: Element): void;
-    /**
-     * Configure the fragment
-     * @param configuration Configuration options
-     * @returns Fragment
-     */
-    configure(configuration: FragmentConfiguration): Fragment;
-    /**
-     * Get a list of the fragment's nodes
-     * @returns List of nodes
-     */
-    get(): ChildNode[];
-    /**
-     * 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: unknown): Fragment;
-    /**
-     * Remove the fragment from the DOM
-     */
-    remove(): void;
-}

package/types/fragments.d.ts

@@ -1,13 +0,0 @@
-import { type ReactiveArray } from '@oscarpalmer/mora';
-import type { Fragment } from './fragment';
-import type { FragmentsState } from './models';
-export declare class Fragments {
-    #private;
-    /**
-     * Fragment items
-     */
-    get items(): ReactiveArray<Fragment>;
-    constructor(items: ReactiveArray<unknown>, identify: (item: unknown) => unknown, fragment: (item: unknown) => Fragment);
-}
-export declare function handleFragments(item: Fragments | FragmentsState, remove: boolean): void;
-export declare function initializeFragments(state: FragmentsState): void;

package/types/helpers/dom.d.ts

@@ -1,3 +0,0 @@
-export declare function createNodes(value: unknown): ChildNode[];
-export declare function removeNodes(nodes: ChildNode[]): void;
-export declare function replaceNodes(from: ChildNode[], to: ChildNode[]): void;

package/types/helpers/index.d.ts

@@ -1,5 +0,0 @@
-import type { Fragment } from '../fragment';
-import type { Fragments } from '../fragments';
-export declare function compareArrays(first: unknown[], second: unknown[]): 'added' | 'dissimilar' | 'removed';
-export declare function isFragment(value: unknown): value is Fragment;
-export declare function isFragments(value: unknown): value is Fragments;