@oscarpalmer/toretto 0.37.2 → 0.39.0

package/dist/attribute/get.js

@@ -1,8 +1,16 @@
 import { getAttributeValue } from "../internal/get-value.js";
 import { isHTMLOrSVGElement } from "../internal/is.js";
+//#region src/attribute/get.ts
 function getAttribute(element, name, parseValues) {
 	if (isHTMLOrSVGElement(element) && typeof name === "string") return getAttributeValue(element, name, parseValues !== false);
 }
+/**
+* Get specific attributes from an element
+* @param element Element to get attributes from
+* @param names Attribute names
+* @param parseData Parse data values? _(defaults to `true`)_
+* @returns Object of named attributes
+*/
 function getAttributes(element, names, parseData) {
 	const attributes = {};
 	if (!(isHTMLOrSVGElement(element) && Array.isArray(names))) return attributes;
@@ -14,4 +22,5 @@ function getAttributes(element, names, parseData) {
 	}
 	return attributes;
 }
+//#endregion
 export { getAttribute, getAttributes };

package/dist/attribute/index.js

@@ -1,6 +1,7 @@
 import { getAttribute, getAttributes } from "./get.js";
 import { _isBadAttribute, _isBooleanAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute, booleanAttributes } from "../internal/attribute.js";
 import { setAttribute, setAttributes } from "./set.js";
+//#region src/attribute/index.ts
 function isBadAttribute(first, second) {
 	return _isBadAttribute(first, second, true);
 }
@@ -13,4 +14,5 @@ function isEmptyNonBooleanAttribute(first, second) {
 function isInvalidBooleanAttribute(first, second) {
 	return _isInvalidBooleanAttribute(first, second, true);
 }
+//#endregion
 export { booleanAttributes, getAttribute, getAttributes, isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute, setAttribute, setAttributes };

package/dist/attribute/set.js

@@ -1,9 +1,11 @@
 import { setElementValue, setElementValues } from "../internal/element-value.js";
 import { updateAttribute } from "../internal/attribute.js";
+//#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
 export { setAttribute, setAttributes };

package/dist/data.js

@@ -1,7 +1,9 @@
 import { EXPRESSION_DATA_PREFIX } from "./internal/get-value.js";
 import { isHTMLOrSVGElement } from "./internal/is.js";
 import { setElementValues, updateElementValue } from "./internal/element-value.js";
-import { kebabCase, parse } from "@oscarpalmer/atoms/string";
+import { parse } from "@oscarpalmer/atoms/string";
+import { kebabCase } from "@oscarpalmer/atoms/string/case";
+//#region src/data.ts
 function getData(element, keys, parseValues) {
 	if (!isHTMLOrSVGElement(element)) return;
 	const shouldParse = parseValues !== false;
@@ -30,4 +32,5 @@ function updateDataAttribute(element, key, value) {
 	updateElementValue(element, getName(key), value, element.setAttribute, element.removeAttribute, false, true);
 }
 var ATTRIBUTE_DATA_PREFIX = "data-";
+//#endregion
 export { getData, setData };

package/dist/event/delegation.js

@@ -1,4 +1,5 @@
 import { isEventTarget } from "../internal/is.js";
+//#region src/event/delegation.ts
 function addDelegatedHandler(doc, type, name, passive) {
 	if (DELEGATED.has(name)) return;
 	DELEGATED.add(name);
@@ -80,4 +81,5 @@ var EVENT_TYPES = new Set([
 ]);
 var HANDLER_ACTIVE = delegatedEventHandler.bind(false);
 var HANDLER_PASSIVE = delegatedEventHandler.bind(true);
+//#endregion
 export { addDelegatedListener, getDelegatedName, removeDelegatedListener };

package/dist/event/index.js

@@ -3,6 +3,7 @@ import { isEventTarget } from "../internal/is.js";
 import { addDelegatedListener, getDelegatedName, removeDelegatedListener } from "./delegation.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { noop } from "@oscarpalmer/atoms/function";
+//#region src/event/index.ts
 function createDispatchOptions(options) {
 	return {
 		bubbles: getBoolean(options?.bubbles, true),
@@ -29,6 +30,11 @@ function createEventOptions(options) {
 function dispatch(target, type, options) {
 	if (isEventTarget(target) && typeof type === "string") target.dispatchEvent(createEvent(type, options));
 }
+/**
+* Get the X- and Y-coordinates from a pointer event
+* @param event Pointer event
+* @returns X- and Y-coordinates
+*/
 function getPosition(event) {
 	let x;
 	let y;
@@ -44,6 +50,13 @@ function getPosition(event) {
 		y
 	} : void 0;
 }
+/**
+* Remove an event listener
+* @param target Event target
+* @param type Type of event
+* @param listener Event listener
+* @param options Options for event
+*/
 function off(target, type, listener, options) {
 	if (!isEventTarget(target) || typeof type !== "string" || typeof listener !== "function") return;
 	const extended = createEventOptions(options);
@@ -62,4 +75,5 @@ function on(target, type, listener, options) {
 	};
 }
 var PROPERTY_DETAIL = "detail";
+//#endregion
 export { dispatch, getPosition, off, on };

package/dist/find/index.js

@@ -1,4 +1,5 @@
 import { findAncestor, findRelatives, getDistance } from "./relative.js";
+//#region src/find/index.ts
 function findElement(selector, context) {
 	return findElementOrElements(selector, context, true);
 }
@@ -40,6 +41,14 @@ function findElementOrElementsFromNodes(array, context, contexts) {
 function findElements(selector, context) {
 	return findElementOrElements(selector, context, false);
 }
+/**
+* Get the most specific element under the pointer
+*
+* - Ignores elements with `pointer-events: none` and `visibility: hidden`
+* - _(If `skipIgnore` is `true`, no elements are ignored)_
+* @param skipIgnore Skip ignored elements?
+* @returns Found element or `null`
+*/
 function getElementUnderPointer(skipIgnore) {
 	const elements = [...document.querySelectorAll(SUFFIX_HOVER)];
 	const { length } = elements;
@@ -61,4 +70,5 @@ var STYLE_HIDDEN = "hidden";
 var STYLE_NONE = "none";
 var SUFFIX_HOVER = ":hover";
 var TAG_HEAD = "HEAD";
+//#endregion
 export { findElement as $, findElement, findElements as $$, findElements, findAncestor, findRelatives, getDistance, getElementUnderPointer };

package/dist/find/relative.js

@@ -1,3 +1,4 @@
+//#region src/find/relative.ts
 function findAncestor(origin, selector) {
 	const element = getElement(origin);
 	if (element == null || selector == null) return null;
@@ -34,6 +35,12 @@ function findRelatives(origin, selector, context) {
 	}
 	return distances.filter((found) => found.distance === minimum).map((found) => found.element);
 }
+/**
+* Get the distance between two elements _(i.e., the amount of nodes of between them)_
+* @param origin Origin element
+* @param target Target element
+* @returns Distance between elements, or `-1` if distance cannot be calculated
+*/
 function getDistance(origin, target) {
 	if (origin === target) return 0;
 	if (origin.parentElement === target || target.parentElement === origin) return 1;
@@ -68,4 +75,5 @@ function traverse(from, to) {
 		parent = parent.parentElement;
 	}
 }
+//#endregion
 export { findAncestor, findRelatives, getDistance };

package/dist/focusable.js

@@ -1,3 +1,9 @@
+//#region src/focusable.ts
+/**
+* Get a list of focusable elements within a parent element
+* @param parent Parent element
+* @returns Focusable elements
+*/
 function getFocusable(parent) {
 	return getValidElements(parent, FILTERS_FOCUSABLE, false);
 }
@@ -7,6 +13,11 @@ function getItem(element, tabbable) {
 		tabIndex: tabbable ? getTabIndex(element) : TABINDEX_DEFAULT
 	};
 }
+/**
+* Get a list of tabbable elements within a parent element
+* @param parent Parent element
+* @returns Tabbable elements
+*/
 function getTabbable(parent) {
 	return getValidElements(parent, FILTERS_TABBABLE, true);
 }
@@ -61,6 +72,11 @@ function isDisabledFromFieldset(element) {
 function isEditable(element) {
 	return EXPRESSION_TRUEISH.test(element.getAttribute(ATTRIBUTE_CONTENTEDITABLE));
 }
+/**
+* Is the element focusable?
+* @param element Element to check
+* @returns `true` if focusable, otherwise `false`
+*/
 function isFocusable(element) {
 	return element instanceof Element ? isValidElement(element, FILTERS_FOCUSABLE, false) : false;
 }
@@ -91,6 +107,11 @@ function isNotTabbableRadio(item) {
 function isSummarised(item) {
 	return item.element instanceof HTMLDetailsElement && [...item.element.children].some((child) => EXPRESSION_SUMMARY.test(child.tagName));
 }
+/**
+* Is the element tabbable?
+* @param element Element to check
+* @returns `true` if tabbable, otherwise `false`
+*/
 function isTabbable(element) {
 	return element instanceof Element ? isValidElement(element, FILTERS_TABBABLE, true) : false;
 }
@@ -139,4 +160,5 @@ var STYLE_NONE = "none";
 var TABINDEX_BASE = 0;
 var TABINDEX_DEFAULT = -1;
 var TYPE_RADIO = "radio";
+//#endregion
 export { getFocusable, getTabbable, isFocusable, isTabbable };

package/dist/html/index.js

@@ -1,5 +1,6 @@
 import { sanitizeNodes } from "./sanitize.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
+//#region src/html/index.ts
 function createHtml(value) {
 	const parsed = getParser().parseFromString(getHtml(value), PARSE_TYPE_HTML);
 	parsed.body.normalize();
@@ -54,6 +55,12 @@ html.remove = (template) => {
 	}
 	templates = updated;
 };
+/**
+* Sanitize one or more nodes, recursively
+* @param value Node or nodes to sanitize
+* @param options Sanitization options
+* @returns Sanitized nodes
+*/
 function sanitize(value) {
 	return sanitizeNodes(Array.isArray(value) ? value : [value], 0);
 }
@@ -63,4 +70,5 @@ var TEMPLATE_TAG = "template";
 var TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
 var parser;
 var templates = {};
+//#endregion
 export { html, sanitize };

package/dist/html/sanitize.js

@@ -1,5 +1,6 @@
 import { _isBadAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute } from "../internal/attribute.js";
 import { setAttribute } from "../attribute/set.js";
+//#region src/html/sanitize.ts
 function handleElement(element, depth) {
 	if (depth === 0) {
 		const removable = element.querySelectorAll(REMOVE_SELECTOR);
@@ -7,6 +8,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");
 }
@@ -52,4 +58,5 @@ function sanitizeNodes(nodes, depth) {
 }
 var COMMENT_HARMFUL = /<[/\w]/g;
 var REMOVE_SELECTOR = "script, toretto-temporary";
+//#endregion
 export { sanitizeAttributes, sanitizeNodes };

package/dist/index.js

@@ -7,6 +7,6 @@ import { findAncestor, findRelatives, getDistance } from "./find/relative.js";
 import { $ as findElement, $$ as findElements, getElementUnderPointer } from "./find/index.js";
 import { getFocusable, getTabbable, isFocusable, isTabbable } from "./focusable.js";
 import { html, sanitize } from "./html/index.js";
-import touch_default from "./touch.js";
+import supportsTouch from "./touch.js";
 import { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles } from "./style.js";
-export { findElement as $, findElement, findElements as $$, findElements, dispatch, findAncestor, findRelatives, getData, getDistance, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setData, setStyle, setStyles, touch_default as supportsTouch, toggleStyles };
+export { findElement as $, findElement, findElements as $$, findElements, dispatch, findAncestor, findRelatives, getData, getDistance, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setData, setStyle, setStyles, supportsTouch, toggleStyles };

package/dist/internal/attribute.js

@@ -1,5 +1,6 @@
 import { updateElementValue } from "./element-value.js";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
+//#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;
@@ -70,7 +71,10 @@ 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 booleanAttributes = Object.freeze([
+/**
+* List of boolean attributes
+*/
+var booleanAttributes = Object.freeze([
 	"async",
 	"autofocus",
 	"autoplay",
@@ -108,4 +112,5 @@ var elementEvents = {
 };
 var formElement = document.createElement("form");
 var textArea;
+//#endregion
 export { _isBadAttribute, _isBooleanAttribute, _isEmptyNonBooleanAttribute, _isInvalidBooleanAttribute, booleanAttributes, isAttribute, updateAttribute };

package/dist/internal/element-value.js

@@ -2,6 +2,7 @@ import { isHTMLOrSVGElement } from "./is.js";
 import "../is.js";
 import { isAttribute } from "./attribute.js";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
+//#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);
@@ -29,4 +30,5 @@ 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
 export { setElementValue, setElementValues, updateElementValue };

package/dist/internal/get-value.js

@@ -1,4 +1,6 @@
-import { camelCase, kebabCase, parse } from "@oscarpalmer/atoms/string";
+import { parse } from "@oscarpalmer/atoms/string";
+import { camelCase, kebabCase } from "@oscarpalmer/atoms/string/case";
+//#region src/internal/get-value.ts
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
@@ -12,5 +14,6 @@ function getStyleValue(element, property, computed) {
 	const name = camelCase(property);
 	return computed ? getComputedStyle(element)[name] : element.style[name];
 }
-const EXPRESSION_DATA_PREFIX = /^data-/i;
+var EXPRESSION_DATA_PREFIX = /^data-/i;
+//#endregion
 export { EXPRESSION_DATA_PREFIX, getAttributeValue, getBoolean, getStyleValue };

package/dist/internal/is.js

@@ -1,7 +1,19 @@
+//#region src/internal/is.ts
+/**
+* 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;
 }
+//#endregion
 export { isEventTarget, isHTMLOrSVGElement };

package/dist/is.js

@@ -1,4 +1,10 @@
 import { isEventTarget, isHTMLOrSVGElement } from "./internal/is.js";
+//#region src/is.ts
+/**
+* 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);
 }
@@ -14,4 +20,5 @@ var CHILD_NODE_TYPES = new Set([
 	Node.COMMENT_NODE,
 	Node.DOCUMENT_TYPE_NODE
 ]);
+//#endregion
 export { isChildNode, isEventTarget, isHTMLOrSVGElement, isInDocument };

package/dist/style.js

@@ -1,10 +1,25 @@
 import { getStyleValue } from "./internal/get-value.js";
 import { isHTMLOrSVGElement } from "./internal/is.js";
 import { setElementValues, updateElementValue } from "./internal/element-value.js";
+//#region src/style.ts
+/**
+* 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
+*/
 function getStyle(element, property, computed) {
 	if (!isHTMLOrSVGElement(element) || typeof property !== "string") return;
 	return getStyleValue(element, property, computed === true);
 }
+/**
+* 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
+*/
 function getStyles(element, properties, computed) {
 	const styles = {};
 	if (!(isHTMLOrSVGElement(element) && Array.isArray(properties))) return styles;
@@ -15,6 +30,12 @@ function getStyles(element, properties, computed) {
 	}
 	return styles;
 }
+/**
+* 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
+*/
 function getTextDirection(element, computed) {
 	if (!(element instanceof Element)) return;
 	const direction = element.getAttribute(ATTRIBUTE_DIRECTION);
@@ -22,12 +43,29 @@ function getTextDirection(element, computed) {
 	const value = getStyleValue(element, "direction", computed === true);
 	return value === "rtl" ? value : "ltr";
 }
+/**
+* Set a style on an element
+* @param element Element to set the style on
+* @param property Style name
+* @param value Style value
+*/
 function setStyle(element, property, value) {
 	setElementValues(element, property, value, null, updateStyleProperty);
 }
+/**
+* Set styles on an element
+* @param element Element to set the styles on
+* @param styles Styles to set
+*/
 function setStyles(element, styles) {
 	setElementValues(element, styles, null, null, updateStyleProperty);
 }
+/**
+* Toggle styles for an element
+* @param element Element to style
+* @param styles Styles to be set or removed
+* @returns Style toggler
+*/
 function toggleStyles(element, styles) {
 	function toggle(set) {
 		hasSet = set;
@@ -63,4 +101,5 @@ function updateStyleProperty(element, key, value) {
 }
 var ATTRIBUTE_DIRECTION = "dir";
 var EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
+//#endregion
 export { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles };

package/dist/toretto.full.js

@@ -9,7 +9,10 @@ function getSupport() {
 	if (typeof navigator.msMaxTouchPoints === "number" && navigator.msMaxTouchPoints > 0) return true;
 	return false;
 }
-var touch_default = (() => {
+/**
+* Does the device support touch events?
+*/
+const supportsTouch = (() => {
 	let support = getSupport();
 	const instance = Object.create({
 		get() {
@@ -25,9 +28,19 @@ var touch_default = (() => {
 	} });
 	return instance;
 })();
+/**
+* Is the value a number?
+* @param value Value to check
+* @returns `true` if the value is a `number`, otherwise `false`
+*/
 function isNumber(value) {
 	return typeof value === "number" && !Number.isNaN(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;
@@ -45,6 +58,11 @@ function compact(array, strict) {
 	}
 	return compacted;
 }
+/**
+* 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 "";
@@ -53,27 +71,54 @@ function getString(value) {
 	const asString = String(value.valueOf?.() ?? value);
 	return asString.startsWith("[object ") ? JSON.stringify(value) : asString;
 }
-function ignoreKey(key) {
-	return EXPRESSION_IGNORED.test(key);
-}
+/**
+* Join an array of values into a string
+* @param value Array of values
+* @param delimiter Delimiter to use between values
+* @returns Joined string
+*/
 function join(value, delimiter) {
 	return compact(value).map(getString).join(typeof delimiter === "string" ? delimiter : "");
 }
+/**
+* Split a string into words _(and other readable parts)_
+* @param value Original string
+* @returns Array of words found in the string
+*/
 function words(value) {
 	return typeof value === "string" ? value.match(EXPRESSION_WORDS) ?? [] : [];
 }
-var EXPRESSION_IGNORED = /(^|\.)(__proto__|constructor|prototype)(\.|$)/i;
 var EXPRESSION_WORDS = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+/**
+* 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));
 }
 var EXPRESSION_WHITESPACE$1 = /^\s*$/;
+/**
+* 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;
 }
+/**
+* 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);
 }
@@ -186,6 +231,9 @@ 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",
@@ -224,24 +272,27 @@ const elementEvents = {
 };
 const formElement = document.createElement("form");
 let textArea;
-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 >= TOTAL) resolve(values.sort().slice(TRIM_PART, -TRIM_PART).reduce((first, second) => first + second, 0) / (values.length - TRIM_TOTAL));
-			else requestAnimationFrame(step);
-		}
-		requestAnimationFrame(step);
-	});
+/**
+* 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(value, reviver) {
+	try {
+		return JSON.parse(value, reviver);
+	} catch {
+		return;
+	}
 }
-var TOTAL = 10;
-var TRIM_PART = 2;
-var TRIM_TOTAL = 4;
-calculate().then((value) => {});
+/**
+* Clamp a number between a minimum and maximum value
+* @param value Value to clamp
+* @param minimum Minimum value
+* @param maximum Maximum value
+* @param loop If `true`, the value will loop around when smaller than the minimum or larger than the maximum _(defaults to `false`)_
+* @returns Clamped value
+*/
 function clamp(value, minimum, maximum, loop) {
 	if (![
 		value,
@@ -251,8 +302,27 @@ function clamp(value, minimum, maximum, loop) {
 	if (value < minimum) return loop === true ? maximum : minimum;
 	return value > maximum ? loop === true ? minimum : maximum : value;
 }
+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;
+/**
+* A Map with a maximum size
+*
+* Behavior is similar to a _LRU_-cache, where the least recently used entries are removed
+*/
 var SizedMap = class extends Map {
+	/**
+	* The maximum size of the Map
+	*/
 	#maximumSize;
+	/**
+	* Is the Map full?
+	*/
 	get full() {
 		return this.size >= this.#maximumSize;
 	}
@@ -260,7 +330,7 @@ var SizedMap = class extends Map {
 		return this.#maximumSize;
 	}
 	constructor(first, second) {
-		const maximum = getMaximum(first, second);
+		const maximum = getSizedMaximum(first, second);
 		super();
 		this.#maximumSize = maximum;
 		if (Array.isArray(first)) {
@@ -269,37 +339,41 @@ var SizedMap = class extends Map {
 			else for (let index = 0; index < maximum; index += 1) this.set(...first[length - maximum + index]);
 		}
 	}
+	/**
+	* @inheritdoc
+	*/
 	get(key) {
 		const value = super.get(key);
 		if (value !== void 0 || this.has(key)) this.set(key, value);
 		return value;
 	}
+	/**
+	* @inheritdoc
+	*/
 	set(key, value) {
 		if (this.has(key)) this.delete(key);
 		else if (this.size >= this.#maximumSize) this.delete(this.keys().next().value);
 		return super.set(key, value);
 	}
 };
-function getMaximum(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;
 var Memoized = class {
 	#state;
+	/**
+	* Maximum cache size
+	*/
 	get maximum() {
 		return this.#state.cache?.maximum ?? NaN;
 	}
+	/**
+	* Current cache size
+	*/
 	get size() {
 		return this.#state.cache?.size ?? NaN;
 	}
 	constructor(callback, options) {
 		const cache = new SizedMap(options.cacheSize);
 		const getter = (...parameters) => {
-			const key = options.cacheKey?.(...parameters) ?? (parameters.length === 1 ? parameters[0] : join(parameters.map(getString), "_"));
+			const key = options.cacheKey?.(...parameters) ?? (parameters.length === 1 ? parameters[0] : join(parameters.map(getString), SEPARATOR));
 			if (cache.has(key)) return cache.get(key);
 			const value = callback(...parameters);
 			cache.set(key, value);
@@ -310,23 +384,49 @@ var Memoized = class {
 			getter
 		};
 	}
+	/**
+	* Clear the cache
+	*/
 	clear() {
 		this.#state.cache?.clear();
 	}
+	/**
+	* Delete a result from the cache
+	* @param key Key to delete
+	* @returns `true` if the key existed and was removed, otherwise `false`
+	*/
 	delete(key) {
 		return this.#state.cache?.delete(key) ?? false;
 	}
+	/**
+	* Destroy the instance _(clearing its cache and removing its callback)_
+	*/
 	destroy() {
 		this.#state.cache?.clear();
 		this.#state.cache = void 0;
 		this.#state.getter = void 0;
 	}
+	/**
+	* Get a result from the cache
+	* @param key Key to get
+	* @returns Cached result or `undefined` if it does not exist
+	*/
 	get(key) {
 		return this.#state.cache?.get(key);
 	}
+	/**
+	* Does the result exist?
+	* @param key Key to check
+	* @returns `true` if the result exists, otherwise `false`
+	*/
 	has(key) {
 		return this.#state.cache?.has(key) ?? false;
 	}
+	/**
+	* Run the callback with the provided parameters
+	* @param parameters Parameters to pass to the callback
+	* @returns Cached or computed _(then cached)_ result
+	*/
 	run(...parameters) {
 		if (this.#state.cache == null || this.#state.getter == null) throw new Error("The Memoized instance has been destroyed");
 		return this.#state.getter(...parameters);
@@ -339,20 +439,42 @@ function getMemoizationOptions(input) {
 		cacheSize: typeof cacheSize === "number" && cacheSize > 0 ? cacheSize : DEFAULT_CACHE_SIZE
 	};
 }
+/**
+* Memoize a function, caching and retrieving results based on the first parameter
+* @param callback Callback to memoize
+* @param options Memoization options
+* @returns Memoized instance
+*/
 function memoize(callback, options) {
 	return new Memoized(callback, getMemoizationOptions(options));
 }
 var DEFAULT_CACHE_SIZE = 1024;
+var SEPARATOR = "_";
+/**
+* Convert a string to camel case _(thisIsCamelCase)_
+* @param value String to convert
+* @returns Camel-cased string
+*/
 function camelCase(value) {
-	return toCase("camel", value, true, false);
+	return toCase(CASE_CAMEL, value, true, false);
 }
+/**
+* Capitalize the first letter of a string _(and lowercase the rest)_
+* @param value String to capitalize
+* @returns Capitalized string
+*/
 function capitalize(value) {
 	if (typeof value !== "string" || value.length === 0) return "";
 	memoizedCapitalize ??= memoize((v) => v.length === 1 ? v.toLocaleUpperCase() : `${v.charAt(0).toLocaleUpperCase()}${v.slice(1).toLocaleLowerCase()}`);
 	return memoizedCapitalize.run(value);
 }
+/**
+* Convert a string to kebab case _(this-is-kebab-case)_
+* @param value String to convert
+* @returns Kebab-cased string
+*/
 function kebabCase(value) {
-	return toCase("kebab", value, false, false);
+	return toCase(CASE_KEBAB, value, false, false);
 }
 function toCase(type, value, capitalizeAny, capitalizeFirst) {
 	caseMemoizers[type] ??= memoize(toCaseCallback.bind({
@@ -370,7 +492,7 @@ function toCaseCallback(value) {
 	const partsLength = parts.length;
 	const cased = [];
 	for (let partIndex = 0; partIndex < partsLength; partIndex += 1) {
-		const items = parts[partIndex].replace(EXPRESSION_ACRONYM, (full, one, two, three) => three === "s" ? full : `${one}-${two}${three}`).replace(EXPRESSION_CAMEL_CASE, REPLACEMENT_CAMEL_CASE).split("-");
+		const items = parts[partIndex].replace(EXPRESSION_ACRONYM, (full, one, two, three) => three === S ? full : `${one}-${two}${three}`).replace(EXPRESSION_CAMEL_CASE, REPLACEMENT_CAMEL_CASE).split("-");
 		const itemsLength = items.length;
 		const partResult = [];
 		let itemCount = 0;
@@ -385,85 +507,25 @@ function toCaseCallback(value) {
 	}
 	return join(cased, delimiters[type]);
 }
-var delimiters = {
-	camel: "",
-	kebab: "-",
-	pascal: "",
-	snake: "_"
-};
+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 caseMemoizers = {};
 var REPLACEMENT_CAMEL_CASE = "$1-$2";
-var memoizedCapitalize;
-function parse(value, reviver) {
-	try {
-		return JSON.parse(value, reviver);
-	} catch {
-		return;
-	}
-}
-function findKey(needle, haystack) {
-	const keys = Object.keys(haystack);
-	const index = keys.map((key) => key.toLowerCase()).indexOf(needle.toLowerCase());
-	return index > -1 ? keys[index] : needle;
-}
-function getPaths(path, lowercase) {
-	const normalized = lowercase ? path.toLowerCase() : path;
-	if (!EXPRESSION_NESTED.test(normalized)) return normalized;
-	return normalized.replace(EXPRESSION_BRACKET, ".$1").replace(EXPRESSION_DOTS, "").split(".");
-}
-function handleValue(data, path, value, get, ignoreCase) {
-	if (typeof data === "object" && data !== null && !ignoreKey(path)) {
-		const key = ignoreCase ? findKey(path, data) : path;
-		if (get) return data[key];
-		data[key] = typeof value === "function" ? value(data[key]) : value;
-	}
-}
-var EXPRESSION_BRACKET = /\[(\w+)\]/g;
-var EXPRESSION_DOTS = /^\.|\.$/g;
-var EXPRESSION_NESTED = /\.|\[\w+\]/;
-function getValue(data, path, ignoreCase) {
-	if (typeof data !== "object" || data === null || typeof path !== "string" || path.trim().length === 0) return;
-	const shouldIgnoreCase = ignoreCase === true;
-	const paths = getPaths(path, shouldIgnoreCase);
-	if (typeof paths === "string") return handleValue(data, paths, null, true, shouldIgnoreCase);
-	const { length } = paths;
-	let index = 0;
-	let value = data;
-	while (index < length && value != null) value = handleValue(value, paths[index++], null, true, shouldIgnoreCase);
-	return value;
-}
-function getTemplateOptions(input) {
-	const options = isPlainObject(input) ? input : {};
-	return {
-		ignoreCase: options.ignoreCase === true,
-		pattern: options.pattern instanceof RegExp ? options.pattern : EXPRESSION_VARIABLE
-	};
-}
-function handleTemplate(value, pattern, ignoreCase, variables) {
-	if (typeof value !== "string") return "";
-	if (typeof variables !== "object" || variables === null) return value;
-	const values = {};
-	return value.replace(pattern, (_, key) => {
-		if (values[key] == null) {
-			const templateValue = getValue(variables, key, ignoreCase);
-			values[key] = templateValue == null ? "" : getString(templateValue);
-		}
-		return values[key];
-	});
-}
-function template(value, variables, options) {
-	const { ignoreCase, pattern } = getTemplateOptions(options);
-	return handleTemplate(value, pattern, ignoreCase, variables);
-}
-template.initialize = function(options) {
-	const { ignoreCase, pattern } = getTemplateOptions(options);
-	return (value, variables) => {
-		return handleTemplate(value, pattern, ignoreCase, variables);
-	};
+var S = "s";
+var caseMemoizers = {};
+var delimiters = {
+	[CASE_CAMEL]: DELIMTER_EMPTY,
+	[CASE_KEBAB]: DELIMITER_HYPHEN,
+	[CASE_PASCAL]: DELIMTER_EMPTY,
+	[CASE_SNAKE]: DELIMITER_UNDERSCORE
 };
-var EXPRESSION_VARIABLE = /{{([\s\S]+?)}}/g;
+var memoizedCapitalize;
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
 }
@@ -515,6 +577,163 @@ function updateDataAttribute(element, key, value) {
 	updateElementValue(element, getName(key), value, element.setAttribute, element.removeAttribute, false, true);
 }
 const ATTRIBUTE_DATA_PREFIX = "data-";
+/**
+* A function that does nothing, which can be useful, I guess…
+*/
+function noop() {}
+/**
+* Asserts that a condition is true, throwing an error if it is not
+* @param condition Condition to assert
+* @param message Error message
+* @param error Error constructor
+*/
+function assert(condition, message, error) {
+	if (!condition()) throw new (error ?? Error)(message);
+}
+assert.condition = assertCondition;
+assert.defined = assertDefined;
+assert.instanceOf = assertInstanceOf;
+assert.is = assertIs;
+/**
+* Creates an asserter that asserts a condition is true, throwing an error if it is not
+* @param condition Condition to assert
+* @param message Error message
+* @param error Error constructor
+* @returns Asserter
+*/
+function assertCondition(condition, message, error) {
+	return (value) => {
+		assert(() => condition(value), message, error);
+	};
+}
+/**
+* Asserts that a value is defined throwing an error if it is not
+* @param value Value to assert
+* @param message Error message
+*/
+function assertDefined(value, message) {
+	assert(() => value != null, message ?? MESSAGE_VALUE_DEFINED);
+}
+/**
+* Creates an asserter that asserts a value is an instance of a constructor, throwing an error if it is not
+* @param constructor Constructor to check against
+* @param message Error message
+* @param error Error constructor
+* @returns Asserter
+*/
+function assertInstanceOf(constructor, message, error) {
+	return (value) => {
+		assert(() => value instanceof constructor, message, error);
+	};
+}
+/**
+* Creates an asserter that asserts a value is of a specific type, throwing an error if it is not
+* @param condition Type guard function to check the value
+* @param message Error message
+* @param error Error constructor
+* @returns Asserter
+*/
+function assertIs(condition, message, error) {
+	return (value) => {
+		assert(() => condition(value), message, error);
+	};
+}
+var MESSAGE_VALUE_DEFINED = "Expected value to be defined";
+/**
+* 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
+* @returns Once callback
+*/
+function asyncOnce(callback) {
+	assert(() => typeof callback === "function", MESSAGE_EXPECTATION);
+	const state = {
+		called: false,
+		cleared: false,
+		error: false,
+		finished: false,
+		items: [],
+		value: void 0
+	};
+	const fn = (...parameters) => {
+		if (state.cleared) return Promise.reject(new Error(MESSAGE_CLEARED));
+		if (state.finished) return state.error ? Promise.reject(state.value) : Promise.resolve(state.value);
+		if (state.called) return new Promise((resolve, reject) => {
+			state.items.push({
+				reject,
+				resolve
+			});
+		});
+		state.called = true;
+		return new Promise((resolve, reject) => {
+			state.items.push({
+				reject,
+				resolve
+			});
+			callback(...parameters).then((value) => {
+				handleResult(state, value, false);
+			}).catch((error) => {
+				handleResult(state, error, true);
+			});
+		});
+	};
+	Object.defineProperties(fn, {
+		called: { get: () => state.called },
+		cleared: { get: () => state.cleared },
+		error: { get: () => state.error },
+		finished: { get: () => state.finished }
+	});
+	fn.clear = () => {
+		if (!state.called || !state.finished || state.cleared) return;
+		state.cleared = true;
+		state.value = void 0;
+	};
+	return fn;
+}
+function handleResult(state, value, error) {
+	state.error = error;
+	state.finished = true;
+	state.value = value;
+	const items = state.items.splice(0);
+	const { length } = items;
+	for (let index = 0; index < length; index += 1) {
+		const { reject, resolve } = items[index];
+		if (error) reject(value);
+		else resolve(value);
+	}
+}
+/**
+* Create a function that can only be called once, returning the same value on subsequent calls
+* @param callback Callback to use once
+* @returns Once callback
+*/
+function once(callback) {
+	assert(() => typeof callback === "function", MESSAGE_EXPECTATION);
+	const state = {
+		called: false,
+		cleared: false,
+		value: void 0
+	};
+	const fn = (...parameters) => {
+		if (state.cleared) throw new Error(MESSAGE_CLEARED);
+		if (state.called) return state.value;
+		state.called = true;
+		state.value = callback(...parameters);
+		return state.value;
+	};
+	Object.defineProperties(fn, {
+		called: { get: () => state.called },
+		cleared: { get: () => state.cleared }
+	});
+	fn.clear = () => {
+		if (!state.called || state.cleared) return;
+		state.cleared = true;
+		state.value = void 0;
+	};
+	return fn;
+}
+once.async = asyncOnce;
+var MESSAGE_CLEARED = "Once has been cleared";
+var MESSAGE_EXPECTATION = "Once expected a function";
 function addDelegatedHandler(doc, type, name, passive) {
 	if (DELEGATED.has(name)) return;
 	DELEGATED.add(name);
@@ -622,6 +841,11 @@ function createEventOptions(options) {
 function dispatch(target, type, options) {
 	if (isEventTarget(target) && typeof type === "string") target.dispatchEvent(createEvent(type, options));
 }
+/**
+* Get the X- and Y-coordinates from a pointer event
+* @param event Pointer event
+* @returns X- and Y-coordinates
+*/
 function getPosition(event) {
 	let x;
 	let y;
@@ -637,6 +861,13 @@ function getPosition(event) {
 		y
 	} : void 0;
 }
+/**
+* Remove an event listener
+* @param target Event target
+* @param type Type of event
+* @param listener Event listener
+* @param options Options for event
+*/
 function off(target, type, listener, options) {
 	if (!isEventTarget(target) || typeof type !== "string" || typeof listener !== "function") return;
 	const extended = createEventOptions(options);
@@ -691,6 +922,12 @@ function findRelatives(origin, selector, context) {
 	}
 	return distances.filter((found) => found.distance === minimum).map((found) => found.element);
 }
+/**
+* Get the distance between two elements _(i.e., the amount of nodes of between them)_
+* @param origin Origin element
+* @param target Target element
+* @returns Distance between elements, or `-1` if distance cannot be calculated
+*/
 function getDistance(origin, target) {
 	if (origin === target) return 0;
 	if (origin.parentElement === target || target.parentElement === origin) return 1;
@@ -766,6 +1003,14 @@ function findElementOrElementsFromNodes(array, context, contexts) {
 function findElements(selector, context) {
 	return findElementOrElements(selector, context, false);
 }
+/**
+* Get the most specific element under the pointer
+*
+* - Ignores elements with `pointer-events: none` and `visibility: hidden`
+* - _(If `skipIgnore` is `true`, no elements are ignored)_
+* @param skipIgnore Skip ignored elements?
+* @returns Found element or `null`
+*/
 function getElementUnderPointer(skipIgnore) {
 	const elements = [...document.querySelectorAll(SUFFIX_HOVER)];
 	const { length } = elements;
@@ -787,6 +1032,11 @@ const STYLE_HIDDEN$1 = "hidden";
 const STYLE_NONE$1 = "none";
 const SUFFIX_HOVER = ":hover";
 const TAG_HEAD = "HEAD";
+/**
+* Get a list of focusable elements within a parent element
+* @param parent Parent element
+* @returns Focusable elements
+*/
 function getFocusable(parent) {
 	return getValidElements(parent, FILTERS_FOCUSABLE, false);
 }
@@ -796,6 +1046,11 @@ function getItem(element, tabbable) {
 		tabIndex: tabbable ? getTabIndex(element) : TABINDEX_DEFAULT
 	};
 }
+/**
+* Get a list of tabbable elements within a parent element
+* @param parent Parent element
+* @returns Tabbable elements
+*/
 function getTabbable(parent) {
 	return getValidElements(parent, FILTERS_TABBABLE, true);
 }
@@ -850,6 +1105,11 @@ function isDisabledFromFieldset(element) {
 function isEditable(element) {
 	return EXPRESSION_TRUEISH.test(element.getAttribute(ATTRIBUTE_CONTENTEDITABLE));
 }
+/**
+* Is the element focusable?
+* @param element Element to check
+* @returns `true` if focusable, otherwise `false`
+*/
 function isFocusable(element) {
 	return element instanceof Element ? isValidElement(element, FILTERS_FOCUSABLE, false) : false;
 }
@@ -880,6 +1140,11 @@ function isNotTabbableRadio(item) {
 function isSummarised(item) {
 	return item.element instanceof HTMLDetailsElement && [...item.element.children].some((child) => EXPRESSION_SUMMARY.test(child.tagName));
 }
+/**
+* Is the element tabbable?
+* @param element Element to check
+* @returns `true` if tabbable, otherwise `false`
+*/
 function isTabbable(element) {
 	return element instanceof Element ? isValidElement(element, FILTERS_TABBABLE, true) : false;
 }
@@ -935,6 +1200,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");
 }
@@ -1034,6 +1304,12 @@ html.remove = (template) => {
 	}
 	templates = updated;
 };
+/**
+* Sanitize one or more nodes, recursively
+* @param value Node or nodes to sanitize
+* @param options Sanitization options
+* @returns Sanitized nodes
+*/
 function sanitize(value) {
 	return sanitizeNodes(Array.isArray(value) ? value : [value], 0);
 }
@@ -1043,10 +1319,24 @@ const TEMPLATE_TAG = "template";
 const TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
 let parser;
 let templates = {};
+/**
+* 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
+*/
 function getStyle(element, property, computed) {
 	if (!isHTMLOrSVGElement(element) || typeof property !== "string") return;
 	return getStyleValue(element, property, computed === true);
 }
+/**
+* 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
+*/
 function getStyles(element, properties, computed) {
 	const styles = {};
 	if (!(isHTMLOrSVGElement(element) && Array.isArray(properties))) return styles;
@@ -1057,6 +1347,12 @@ function getStyles(element, properties, computed) {
 	}
 	return styles;
 }
+/**
+* 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
+*/
 function getTextDirection(element, computed) {
 	if (!(element instanceof Element)) return;
 	const direction = element.getAttribute(ATTRIBUTE_DIRECTION);
@@ -1064,12 +1360,29 @@ function getTextDirection(element, computed) {
 	const value = getStyleValue(element, "direction", computed === true);
 	return value === "rtl" ? value : "ltr";
 }
+/**
+* Set a style on an element
+* @param element Element to set the style on
+* @param property Style name
+* @param value Style value
+*/
 function setStyle(element, property, value) {
 	setElementValues(element, property, value, null, updateStyleProperty);
 }
+/**
+* Set styles on an element
+* @param element Element to set the styles on
+* @param styles Styles to set
+*/
 function setStyles(element, styles) {
 	setElementValues(element, styles, null, null, updateStyleProperty);
 }
+/**
+* Toggle styles for an element
+* @param element Element to style
+* @param styles Styles to be set or removed
+* @returns Style toggler
+*/
 function toggleStyles(element, styles) {
 	function toggle(set) {
 		hasSet = set;
@@ -1105,4 +1418,4 @@ function updateStyleProperty(element, key, value) {
 }
 const ATTRIBUTE_DIRECTION = "dir";
 const EXPRESSION_DIRECTION = /^(ltr|rtl)$/i;
-export { findElement as $, findElement, findElements as $$, findElements, dispatch, findAncestor, findRelatives, getData, getDistance, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setData, setStyle, setStyles, touch_default as supportsTouch, toggleStyles };
+export { findElement as $, findElement, findElements as $$, findElements, dispatch, findAncestor, findRelatives, getData, getDistance, getElementUnderPointer, getFocusable, getPosition, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEmptyNonBooleanAttribute, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setData, setStyle, setStyles, supportsTouch, toggleStyles };

package/dist/touch.js

@@ -1,3 +1,4 @@
+//#region src/touch.ts
 function getSupport() {
 	if (window == null || navigator == null) return false;
 	if ("matchMedia" in window) {
@@ -9,7 +10,10 @@ function getSupport() {
 	if (typeof navigator.msMaxTouchPoints === "number" && navigator.msMaxTouchPoints > 0) return true;
 	return false;
 }
-var touch_default = (() => {
+/**
+* Does the device support touch events?
+*/
+var supportsTouch = (() => {
 	let support = getSupport();
 	const instance = Object.create({
 		get() {
@@ -25,4 +29,5 @@ var touch_default = (() => {
 	} });
 	return instance;
 })();
-export { touch_default as default };
+//#endregion
+export { supportsTouch as default };

package/package.json

@@ -4,19 +4,19 @@
 		"url": "https://oscarpalmer.se"
 	},
 	"dependencies": {
-		"@oscarpalmer/atoms": "^0.130.0"
+		"@oscarpalmer/atoms": "^0.162"
 	},
 	"description": "A collection of badass DOM utilities.",
 	"devDependencies": {
-		"@types/node": "^25.1",
+		"@types/node": "^25.4",
 		"@vitest/coverage-istanbul": "^4",
-		"jsdom": "^27.4",
-		"oxfmt": "^0.27",
-		"oxlint": "^1.42",
-		"rolldown": "1.0.0-rc.2",
+		"jsdom": "^28.1",
+		"oxfmt": "^0.39",
+		"oxlint": "^1.54",
+		"rolldown": "1.0.0-rc.9",
 		"tslib": "^2.8",
 		"typescript": "^5.9",
-		"vite": "8.0.0-beta.11",
+		"vite": "8.0.0-beta.17",
 		"vitest": "^4"
 	},
 	"exports": {
@@ -93,5 +93,5 @@
 	},
 	"type": "module",
 	"types": "types/index.d.ts",
-	"version": "0.37.2"
+	"version": "0.39.0"
 }

package/src/data.ts

@@ -1,5 +1,6 @@
 import type {PlainObject} from '@oscarpalmer/atoms';
-import {kebabCase, parse} from '@oscarpalmer/atoms/string';
+import {parse} from '@oscarpalmer/atoms/string';
+import {kebabCase} from '@oscarpalmer/atoms/string/case';
 import {setElementValues, updateElementValue} from './internal/element-value';
 import {EXPRESSION_DATA_PREFIX} from './internal/get-value';
 import {isHTMLOrSVGElement} from './internal/is';

package/src/internal/get-value.ts

@@ -1,4 +1,5 @@
-import {camelCase, kebabCase, parse} from '@oscarpalmer/atoms/string';
+import {parse} from '@oscarpalmer/atoms/string';
+import {camelCase, kebabCase} from '@oscarpalmer/atoms/string/case';
 
 export function getBoolean(value: unknown, defaultValue?: boolean): boolean {
 	return typeof value === 'boolean' ? value : (defaultValue ?? false);