@oscarpalmer/toretto 0.39.2 → 0.40.0

package/dist/{toretto.full.js → index.mjs}

@@ -1,3 +1,4 @@
+//#region src/touch.ts
 function getSupport() {
 	if (window == null || navigator == null) return false;
 	if ("matchMedia" in window) {
@@ -28,6 +29,8 @@ const supportsTouch = (() => {
 	} });
 	return instance;
 })();
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/is.mjs
 /**
 * Is the value a number?
 * @param value Value to check
@@ -47,6 +50,8 @@ function isPlainObject(value) {
 	const prototype = Object.getPrototypeOf(value);
 	return prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/array/compact.mjs
 function compact(array, strict) {
 	if (!Array.isArray(array)) return [];
 	if (strict === true) return array.filter(Boolean);
@@ -58,6 +63,8 @@ function compact(array, strict) {
 	}
 	return compacted;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/string.mjs
 /**
 * Get the string value from any value
 * @param value Original value
@@ -88,7 +95,9 @@ function join(value, delimiter) {
 function words(value) {
 	return typeof value === "string" ? value.match(EXPRESSION_WORDS) ?? [] : [];
 }
-var EXPRESSION_WORDS = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+const EXPRESSION_WORDS = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/is.mjs
 /**
 * Is the value `undefined`, `null`, or a whitespace-only string?
 * @param value Value to check
@@ -97,7 +106,9 @@ var EXPRESSION_WORDS = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
 function isNullableOrWhitespace(value) {
 	return value == null || EXPRESSION_WHITESPACE$1.test(getString(value));
 }
-var EXPRESSION_WHITESPACE$1 = /^\s*$/;
+const EXPRESSION_WHITESPACE$1 = /^\s*$/;
+//#endregion
+//#region src/internal/is.ts
 /**
 * Is the value an event target?
 * @param value Value to check
@@ -114,6 +125,8 @@ function isEventTarget(value) {
 function isHTMLOrSVGElement(value) {
 	return value instanceof HTMLElement || value instanceof SVGElement;
 }
+//#endregion
+//#region src/is.ts
 /**
 * Is the value a child node?
 * @param value Value to check
@@ -134,6 +147,8 @@ const CHILD_NODE_TYPES = new Set([
 	Node.COMMENT_NODE,
 	Node.DOCUMENT_TYPE_NODE
 ]);
+//#endregion
+//#region src/internal/element-value.ts
 function setElementValue(element, first, second, third, callback) {
 	if (!isHTMLOrSVGElement(element)) return;
 	if (typeof first === "string") setElementValues(element, first, second, third, callback);
@@ -161,6 +176,8 @@ 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 src/internal/attribute.ts
 function badAttributeHandler(name, value) {
 	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.test(name)) return true;
@@ -272,6 +289,8 @@ const elementEvents = {
 };
 const formElement = document.createElement("form");
 let textArea;
+//#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
@@ -285,6 +304,8 @@ function parse(value, reviver) {
 		return;
 	}
 }
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/number.mjs
 /**
 * Clamp a number between a minimum and maximum value
 * @param value Value to clamp
@@ -302,14 +323,18 @@ function clamp(value, minimum, maximum, loop) {
 	if (value < minimum) return loop === true ? maximum : minimum;
 	return value > maximum ? loop === true ? minimum : maximum : value;
 }
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/sized.mjs
 function getSizedMaximum(first, second) {
 	let actual;
 	if (typeof first === "number") actual = first;
 	else actual = typeof second === "number" ? second : MAXIMUM_DEFAULT;
 	return clamp(actual, 1, MAXIMUM_ABSOLUTE);
 }
-var MAXIMUM_ABSOLUTE = 16777216;
-var MAXIMUM_DEFAULT = 1048576;
+const MAXIMUM_ABSOLUTE = 16777216;
+const MAXIMUM_DEFAULT = 1048576;
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/sized/map.mjs
 /**
 * A Map with a maximum size
 *
@@ -356,6 +381,8 @@ var SizedMap = class extends Map {
 		return super.set(key, value);
 	}
 };
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/function/memoize.mjs
 var Memoized = class {
 	#state;
 	/**
@@ -448,8 +475,10 @@ function getMemoizationOptions(input) {
 function memoize(callback, options) {
 	return new Memoized(callback, getMemoizationOptions(options));
 }
-var DEFAULT_CACHE_SIZE = 1024;
-var SEPARATOR = "_";
+const DEFAULT_CACHE_SIZE = 1024;
+const SEPARATOR = "_";
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/string/case.mjs
 /**
 * Convert a string to camel case _(thisIsCamelCase)_
 * @param value String to convert
@@ -507,25 +536,27 @@ function toCaseCallback(value) {
 	}
 	return join(cased, delimiters[type]);
 }
-var CASE_CAMEL = "camel";
-var CASE_KEBAB = "kebab";
-var CASE_PASCAL = "pascal";
-var CASE_SNAKE = "snake";
-var DELIMTER_EMPTY = "";
-var DELIMITER_HYPHEN = "-";
-var DELIMITER_UNDERSCORE = "_";
-var EXPRESSION_CAMEL_CASE = /(\p{Ll})(\p{Lu})/gu;
-var EXPRESSION_ACRONYM = /(\p{Lu}*)(\p{Lu})(\p{Ll}+)/gu;
-var REPLACEMENT_CAMEL_CASE = "$1-$2";
-var S = "s";
-var caseMemoizers = {};
-var delimiters = {
+const CASE_CAMEL = "camel";
+const CASE_KEBAB = "kebab";
+const CASE_PASCAL = "pascal";
+const CASE_SNAKE = "snake";
+const DELIMTER_EMPTY = "";
+const DELIMITER_HYPHEN = "-";
+const DELIMITER_UNDERSCORE = "_";
+const EXPRESSION_CAMEL_CASE = /(\p{Ll})(\p{Lu})/gu;
+const EXPRESSION_ACRONYM = /(\p{Lu}*)(\p{Lu})(\p{Ll}+)/gu;
+const REPLACEMENT_CAMEL_CASE = "$1-$2";
+const S = "s";
+const caseMemoizers = {};
+const delimiters = {
 	[CASE_CAMEL]: DELIMTER_EMPTY,
 	[CASE_KEBAB]: DELIMITER_HYPHEN,
 	[CASE_PASCAL]: DELIMTER_EMPTY,
 	[CASE_SNAKE]: DELIMITER_UNDERSCORE
 };
-var memoizedCapitalize;
+let memoizedCapitalize;
+//#endregion
+//#region src/internal/get-value.ts
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
@@ -540,6 +571,8 @@ function getStyleValue(element, property, computed) {
 	return computed ? getComputedStyle(element)[name] : element.style[name];
 }
 const EXPRESSION_DATA_PREFIX = /^data-/i;
+//#endregion
+//#region src/attribute/get.ts
 function getAttribute(element, name, parseValues) {
 	if (isHTMLOrSVGElement(element) && typeof name === "string") return getAttributeValue(element, name, parseValues !== false);
 }
@@ -561,12 +594,16 @@ function getAttributes(element, names, parseData) {
 	}
 	return attributes;
 }
+//#endregion
+//#region src/attribute/set.ts
 function setAttribute(element, first, second, third) {
 	setElementValue(element, first, second, third, updateAttribute);
 }
 function setAttributes(element, attributes, dispatch) {
 	setElementValues(element, attributes, null, dispatch, updateAttribute);
 }
+//#endregion
+//#region src/attribute/index.ts
 function isBadAttribute(first, second) {
 	return _isBadAttribute(first, second, true);
 }
@@ -579,6 +616,8 @@ function isEmptyNonBooleanAttribute(first, second) {
 function isInvalidBooleanAttribute(first, second) {
 	return _isInvalidBooleanAttribute(first, second, true);
 }
+//#endregion
+//#region src/data.ts
 function getData(element, keys, parseValues) {
 	if (!isHTMLOrSVGElement(element)) return;
 	const shouldParse = parseValues !== false;
@@ -607,10 +646,14 @@ function updateDataAttribute(element, key, value) {
 	updateElementValue(element, getName(key), value, element.setAttribute, element.removeAttribute, false, true);
 }
 const ATTRIBUTE_DATA_PREFIX = "data-";
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/internal/function/misc.mjs
 /**
 * A function that does nothing, which can be useful, I guess…
 */
 function noop() {}
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/function/assert.mjs
 /**
 * Asserts that a condition is true, throwing an error if it is not
 * @param condition Condition to assert
@@ -668,7 +711,9 @@ function assertIs(condition, message, error) {
 		assert(() => condition(value), message, error);
 	};
 }
-var MESSAGE_VALUE_DEFINED = "Expected value to be defined";
+const MESSAGE_VALUE_DEFINED = "Expected value to be defined";
+//#endregion
+//#region node_modules/@oscarpalmer/atoms/dist/function/once.mjs
 /**
 * Create an asynchronous function that can only be called once, rejecting or resolving the same result on subsequent calls
 * @param callback Callback to use once
@@ -762,8 +807,10 @@ function once(callback) {
 	return fn;
 }
 once.async = asyncOnce;
-var MESSAGE_CLEARED = "Once has been cleared";
-var MESSAGE_EXPECTATION = "Once expected a function";
+const MESSAGE_CLEARED = "Once has been cleared";
+const MESSAGE_EXPECTATION = "Once expected a function";
+//#endregion
+//#region src/event/delegation.ts
 function addDelegatedHandler(doc, type, name, passive) {
 	if (DELEGATED.has(name)) return;
 	DELEGATED.add(name);
@@ -845,6 +892,8 @@ const EVENT_TYPES = new Set([
 ]);
 const HANDLER_ACTIVE = delegatedEventHandler.bind(false);
 const HANDLER_PASSIVE = delegatedEventHandler.bind(true);
+//#endregion
+//#region src/event/index.ts
 function createDispatchOptions(options) {
 	return {
 		bubbles: getBoolean(options?.bubbles, true),
@@ -916,6 +965,8 @@ function on(target, type, listener, options) {
 	};
 }
 const PROPERTY_DETAIL = "detail";
+//#endregion
+//#region src/find/relative.ts
 function findAncestor(origin, selector) {
 	const element = getElement(origin);
 	if (element == null || selector == null) return null;
@@ -992,6 +1043,8 @@ function traverse(from, to) {
 		parent = parent.parentElement;
 	}
 }
+//#endregion
+//#region src/find/index.ts
 function findElement(selector, context) {
 	return findElementOrElements(selector, context, true);
 }
@@ -1062,6 +1115,8 @@ const STYLE_HIDDEN$1 = "hidden";
 const STYLE_NONE$1 = "none";
 const SUFFIX_HOVER = ":hover";
 const TAG_HEAD = "HEAD";
+//#endregion
+//#region src/focusable.ts
 /**
 * Get a list of focusable elements within a parent element
 * @param parent Parent element
@@ -1223,6 +1278,8 @@ const STYLE_NONE = "none";
 const TABINDEX_BASE = 0;
 const TABINDEX_DEFAULT = -1;
 const TYPE_RADIO = "radio";
+//#endregion
+//#region src/html/sanitize.ts
 function handleElement(element, depth) {
 	if (depth === 0) {
 		const removable = element.querySelectorAll(REMOVE_SELECTOR);
@@ -1280,6 +1337,8 @@ function sanitizeNodes(nodes, depth) {
 }
 const COMMENT_HARMFUL = /<[/\w]/g;
 const REMOVE_SELECTOR = "script, toretto-temporary";
+//#endregion
+//#region src/html/index.ts
 function createHtml(value) {
 	const parsed = getParser().parseFromString(getHtml(value), PARSE_TYPE_HTML);
 	parsed.body.normalize();
@@ -1349,6 +1408,8 @@ const TEMPLATE_TAG = "template";
 const TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
 let parser;
 let templates = {};
+//#endregion
+//#region src/style.ts
 /**
 * Get a style from an element
 * @param element Element to get the style from
@@ -1448,4 +1509,5 @@ function updateStyleProperty(element, key, value) {
 }
 const ATTRIBUTE_DIRECTION = "dir";
 const EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
+//#endregion
 export { findElement as $, findElement, findElements as $$, findElements, booleanAttributes, dispatch, findAncestor, findRelatives, getAttribute, getAttributes, getData, getDistance, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setAttribute, setAttributes, setData, setStyle, setStyles, supportsTouch, toggleStyles };

package/dist/internal/attribute.d.mts

@@ -0,0 +1,15 @@
+import { Attribute } from "../models.mjs";
+
+//#region src/internal/attribute.d.ts
+declare function isAttribute(value: unknown): value is Attr | Attribute;
+declare function _isBadAttribute(first: unknown, second: unknown, decode: boolean): boolean;
+declare function _isBooleanAttribute(first: unknown, decode: boolean): boolean;
+declare function _isEmptyNonBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
+declare function _isInvalidBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
+declare function updateAttribute(element: Element, name: string, value: unknown, dispatch?: unknown): void;
+/**
+ * List of boolean attributes
+ */
+declare const booleanAttributes: readonly string[];
+//#endregion
+export { _isBadAttribute, _isBooleanAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute, booleanAttributes, isAttribute, updateAttribute };

package/dist/internal/{attribute.js → attribute.mjs}

@@ -1,4 +1,4 @@
-import { updateElementValue } from "./element-value.js";
+import { updateElementValue } from "./element-value.mjs";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 //#region src/internal/attribute.ts
 function badAttributeHandler(name, value) {
@@ -63,18 +63,18 @@ function updateProperty(element, name, value, dispatch) {
 	const event = dispatch !== false && elementEvents[element.tagName]?.[name];
 	if (typeof event === "string") element.dispatchEvent(new Event(event, { bubbles: true }));
 }
-var EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
-var EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
-var EXPRESSION_EVENT_NAME = /^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;
+const EXPRESSION_CLOBBERED_NAME = /^(id|name)$/i;
+const EXPRESSION_DATA_OR_SCRIPT = /^(?:data|\w+script):/i;
+const EXPRESSION_EVENT_NAME = /^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
 */
-var booleanAttributes = Object.freeze([
+const booleanAttributes = Object.freeze([
 	"async",
 	"autofocus",
 	"autoplay",
@@ -100,8 +100,8 @@ var booleanAttributes = Object.freeze([
 	"reversed",
 	"selected"
 ]);
-var booleanAttributesSet = new Set(booleanAttributes);
-var elementEvents = {
+const booleanAttributesSet = new Set(booleanAttributes);
+const elementEvents = {
 	DETAILS: { open: "toggle" },
 	INPUT: {
 		checked: "change",
@@ -110,7 +110,7 @@ var elementEvents = {
 	SELECT: { value: "change" },
 	TEXTAREA: { value: "input" }
 };
-var formElement = document.createElement("form");
-var textArea;
+const formElement = document.createElement("form");
+let textArea;
 //#endregion
 export { _isBadAttribute, _isBooleanAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute, booleanAttributes, isAttribute, updateAttribute };

package/dist/internal/element-value.d.mts

@@ -0,0 +1,6 @@
+//#region src/internal/element-value.d.ts
+declare function setElementValue(element: Element, first: unknown, second: unknown, third: unknown, callback: (element: Element, key: string, value: unknown) => void): void;
+declare function setElementValues(element: Element, first: unknown, second: unknown, third: unknown, callback: (element: Element, key: string, value: unknown, dispatch?: unknown) => void): void;
+declare function updateElementValue(element: Element, key: string, value: unknown, set: (key: string, value: string) => void, remove: (key: string) => void, isBoolean: boolean, json: boolean): void;
+//#endregion
+export { setElementValue, setElementValues, updateElementValue };

package/dist/internal/{element-value.js → element-value.mjs}

@@ -1,6 +1,6 @@
-import { isHTMLOrSVGElement } from "./is.js";
-import "../is.js";
-import { isAttribute } from "./attribute.js";
+import { isHTMLOrSVGElement } from "./is.mjs";
+import "../is.mjs";
+import { isAttribute } from "./attribute.mjs";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
 //#region src/internal/element-value.ts
 function setElementValue(element, first, second, third, callback) {

package/dist/internal/get-value.d.mts

@@ -0,0 +1,7 @@
+//#region src/internal/get-value.d.ts
+declare function getBoolean(value: unknown, defaultValue?: boolean): boolean;
+declare function getAttributeValue(element: Element, name: string, parseValue: boolean): unknown;
+declare function getStyleValue(element: Element, property: string, computed: boolean): string | undefined;
+declare const EXPRESSION_DATA_PREFIX: RegExp;
+//#endregion
+export { EXPRESSION_DATA_PREFIX, getAttributeValue, getBoolean, getStyleValue };

package/dist/internal/{get-value.js → get-value.mjs}

@@ -14,6 +14,6 @@ function getStyleValue(element, property, computed) {
 	const name = camelCase(property);
 	return computed ? getComputedStyle(element)[name] : element.style[name];
 }
-var EXPRESSION_DATA_PREFIX = /^data-/i;
+const EXPRESSION_DATA_PREFIX = /^data-/i;
 //#endregion
 export { EXPRESSION_DATA_PREFIX, getAttributeValue, getBoolean, getStyleValue };

package/{types/internal/is.d.ts → dist/internal/is.d.mts}

@@ -1,12 +1,15 @@
+//#region src/internal/is.d.ts
 /**
  * Is the value an event target?
  * @param value Value to check
  * @returns `true` if it's an event target, otherwise `false`
  */
-export declare function isEventTarget(value: unknown): value is EventTarget;
+declare function isEventTarget(value: unknown): value is EventTarget;
 /**
  * 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`
  */
-export declare function isHTMLOrSVGElement(value: unknown): value is HTMLElement | SVGElement;
+declare function isHTMLOrSVGElement(value: unknown): value is HTMLElement | SVGElement;
+//#endregion
+export { isEventTarget, isHTMLOrSVGElement };

package/{types/is.d.ts → dist/is.d.mts}

@@ -1,20 +1,24 @@
+import { isEventTarget, isHTMLOrSVGElement } from "./internal/is.mjs";
+
+//#region src/is.d.ts
 /**
  * Is the value a child node?
  * @param value Value to check
  * @returns `true` if it's a child node, otherwise `false`
  */
-export declare function isChildNode(value: unknown): value is ChildNode;
+declare function isChildNode(value: unknown): value is ChildNode;
 /**
  * Is the node inside a document?
  * @param node Node to check
  * @returns `true` if it's inside a document, otherwise `false`
  */
-export declare function isInDocument(node: Node): boolean;
+declare function isInDocument(node: Node): boolean;
 /**
  * Is the node inside a specific document?
  * @param node Node to check
  * @param document Document to check within
  * @returns `true` if it's inside the document, otherwise `false`
  */
-export declare function isInDocument(node: Node, document: Document): boolean;
-export { isEventTarget, isHTMLOrSVGElement } from './internal/is';
+declare function isInDocument(node: Node, document: Document): boolean;
+//#endregion
+export { isChildNode, isEventTarget, isHTMLOrSVGElement, isInDocument };

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

@@ -1,4 +1,4 @@
-import { isEventTarget, isHTMLOrSVGElement } from "./internal/is.js";
+import { isEventTarget, isHTMLOrSVGElement } from "./internal/is.mjs";
 //#region src/is.ts
 /**
 * Is the value a child node?
@@ -13,7 +13,7 @@ function isInDocument(node, doc) {
 	if (!(doc instanceof Document)) return node.ownerDocument?.contains(node) ?? true;
 	return node.ownerDocument == null ? node === doc : node.ownerDocument === doc && doc.contains(node);
 }
-var CHILD_NODE_TYPES = new Set([
+const CHILD_NODE_TYPES = new Set([
 	Node.ELEMENT_NODE,
 	Node.TEXT_NODE,
 	Node.PROCESSING_INSTRUCTION_NODE,

package/dist/models.d.mts

@@ -0,0 +1,33 @@
+//#region src/models.d.ts
+/**
+ * Attribute for an element
+ */
+type Attribute = {
+  name: string;
+  value: unknown;
+};
+/**
+ * Event listener for custom events
+ */
+type CustomEventListener = (event: CustomEvent) => void;
+/**
+ * The position of an event
+ */
+type EventPosition = {
+  x: number;
+  y: number;
+};
+/**
+ * Event listener that can be removed
+ */
+type RemovableEventListener = () => void;
+/**
+ * Selector that be searched for
+ */
+type Selector = string | Node | Node[] | NodeList;
+/**
+ * Text direction for an element
+ */
+type TextDirection = 'ltr' | 'rtl';
+//#endregion
+export { Attribute, CustomEventListener, EventPosition, RemovableEventListener, Selector, TextDirection };

package/dist/models.mjs

@@ -0,0 +1 @@
+export {};

package/dist/style.d.mts

@@ -0,0 +1,58 @@
+import { TextDirection } from "./models.mjs";
+
+//#region src/style.d.ts
+type StyleToggler = {
+  /**
+   * Set the provided styles on the element
+   */
+  set(): void;
+  /**
+   * Remove the provided styles from the element _(and sets any previous styles)_
+   */
+  remove(): void;
+};
+/**
+ * Get a style from an element
+ * @param element Element to get the style from
+ * @param property Style name
+ * @param computed Get the computed style? _(defaults to `false`)_
+ * @returns Style value
+ */
+declare function getStyle(element: Element, property: keyof CSSStyleDeclaration, computed?: boolean): string | undefined;
+/**
+ * Get styles from an element
+ * @param element Element to get the styles from
+ * @param properties Styles to get
+ * @param computed Get the computed styles? _(defaults to `false`)_
+ * @returns Style values
+ */
+declare function getStyles<Property extends keyof CSSStyleDeclaration>(element: Element, properties: Property[], computed?: boolean): Record<Property, string | undefined>;
+/**
+ * Get the text direction of an element
+ * @param element Element to get the text direction from
+ * @param computed Get the computed text direction? _(defaults to `false`)_
+ * @returns Text direction
+ */
+declare function getTextDirection(element: Element, computed?: boolean): TextDirection;
+/**
+ * Set a style on an element
+ * @param element Element to set the style on
+ * @param property Style name
+ * @param value Style value
+ */
+declare function setStyle(element: Element, property: keyof CSSStyleDeclaration, value?: string): void;
+/**
+ * Set styles on an element
+ * @param element Element to set the styles on
+ * @param styles Styles to set
+ */
+declare function setStyles(element: Element, styles: Partial<CSSStyleDeclaration>): void;
+/**
+ * Toggle styles for an element
+ * @param element Element to style
+ * @param styles Styles to be set or removed
+ * @returns Style toggler
+ */
+declare function toggleStyles(element: Element, styles: Partial<CSSStyleDeclaration>): StyleToggler;
+//#endregion
+export { StyleToggler, getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles };

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

@@ -1,6 +1,6 @@
-import { getStyleValue } from "./internal/get-value.js";
-import { isHTMLOrSVGElement } from "./internal/is.js";
-import { setElementValues, updateElementValue } from "./internal/element-value.js";
+import { isHTMLOrSVGElement } from "./internal/is.mjs";
+import { setElementValues, updateElementValue } from "./internal/element-value.mjs";
+import { getStyleValue } from "./internal/get-value.mjs";
 //#region src/style.ts
 /**
 * Get a style from an element
@@ -99,7 +99,7 @@ function updateStyleProperty(element, key, value) {
 		this.style[property] = "";
 	}, false, false);
 }
-var ATTRIBUTE_DIRECTION = "dir";
-var EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
+const ATTRIBUTE_DIRECTION = "dir";
+const EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
 //#endregion
 export { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles };

package/dist/touch.d.mts

@@ -0,0 +1,21 @@
+//#region src/touch.d.ts
+type SupporsTouch = {
+  /**
+   * Are touch events supported?
+   */
+  readonly value: boolean;
+  /**
+   * Are touch events supported?
+   */
+  get(): boolean;
+  /**
+   * Re-evaluate if touch events are supported
+   */
+  update(): boolean;
+};
+/**
+ * Does the device support touch events?
+ */
+declare const supportsTouch: SupporsTouch;
+//#endregion
+export { supportsTouch as default };

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

@@ -13,7 +13,7 @@ function getSupport() {
 /**
 * Does the device support touch events?
 */
-var supportsTouch = (() => {
+const supportsTouch = (() => {
 	let support = getSupport();
 	const instance = Object.create({
 		get() {