@oscarpalmer/toretto 0.46.0 → 0.47.0

package/dist/index.mjs

@@ -442,10 +442,10 @@ 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?
+* 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`
+* @returns `true` if it's an _HTML_ or _SVG_ element, otherwise `false`
 */
 function isHTMLOrSVGElement(value) {
 	return value instanceof HTMLElement || value instanceof SVGElement;
@@ -460,67 +460,6 @@ function isInputElement(value) {
 	return value instanceof HTMLInputElement || value instanceof HTMLSelectElement || value instanceof HTMLTextAreaElement;
 }
 //#endregion
-//#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);
-}
-function isInDocument(node, doc) {
-	if (!(node instanceof Node)) return false;
-	if (!(doc instanceof Document)) return node.ownerDocument?.contains(node) ?? true;
-	return node.ownerDocument == null ? node === doc : node.ownerDocument === doc && doc.contains(node);
-}
-const CHILD_NODE_TYPES = new Set([
-	Node.ELEMENT_NODE,
-	Node.TEXT_NODE,
-	Node.PROCESSING_INSTRUCTION_NODE,
-	Node.COMMENT_NODE,
-	Node.DOCUMENT_TYPE_NODE
-]);
-//#endregion
-//#region src/internal/element-value.ts
-function ignoreSetAttribute(element, name) {
-	if (element instanceof HTMLTextAreaElement && name === "value") return true;
-	return false;
-}
-function normalizeKey(key, style) {
-	return style && key.startsWith(CSS_VARIABLE_PREFIX$1) ? key : kebabCase(key);
-}
-function setElementValue(element, first, second, third, callback, style) {
-	if (!isHTMLOrSVGElement(element)) return;
-	if (typeof first === "string") setElementValues(element, first, second, third, callback, style);
-	else if (isAttribute(first)) setElementValues(element, first.name, first.value, third, callback, style);
-}
-function setElementValues(element, first, second, third, callback, style) {
-	if (!isHTMLOrSVGElement(element)) return;
-	const dispatch = third !== false;
-	if (typeof first === "string") {
-		callback(element, normalizeKey(first, style), second, dispatch);
-		return;
-	}
-	const isArray = Array.isArray(first);
-	if (!isArray && !(typeof first === "object" && first !== null)) return;
-	const entries = isArray ? first : Object.entries(first).map(([name, value]) => ({
-		name,
-		value
-	}));
-	const { length } = entries;
-	for (let index = 0; index < length; index += 1) {
-		const entry = entries[index];
-		if (typeof entry === "object" && typeof entry?.name === "string") callback(element, normalizeKey(entry.name, style), entry.value, dispatch);
-	}
-}
-function updateElementValue(element, key, value, set, remove, isBoolean, json) {
-	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
-	else if (!ignoreSetAttribute(element, key)) set.call(element, key, json ? JSON.stringify(value) : getString(value));
-}
-const CSS_VARIABLE_PREFIX$1 = "--";
-//#endregion
 //#region src/internal/property.ts
 function getPropertyValue$1(element, name, value) {
 	if (isInputElement(element) && name === "value") return getString(value);
@@ -641,7 +580,7 @@ const booleanAttributes = Object.freeze([
 	"selected"
 ]);
 const booleanAttributesSet = new Set(booleanAttributes);
-const dispatchedAttributes = new Set([
+const dispatchedAttributes = /* @__PURE__ */ new Set([
 	"checked",
 	"open",
 	"value"
@@ -649,6 +588,91 @@ const dispatchedAttributes = new Set([
 const formElement = document.createElement("form");
 let textArea;
 //#endregion
+//#region src/internal/element-value.ts
+function ignoreSetAttribute(element, name) {
+	if (element instanceof HTMLTextAreaElement && name === "value") return true;
+	return false;
+}
+function normalizeKey(key, style) {
+	return style && key.startsWith(CSS_VARIABLE_PREFIX$1) ? key : kebabCase(key);
+}
+function setElementValue(element, first, second, third, callback, style) {
+	if (!(element instanceof Element)) return;
+	if (typeof first === "string") setElementValues(element, first, second, third, callback, style);
+	else if (isAttribute(first)) setElementValues(element, first.name, first.value, third, callback, style);
+}
+function setElementValues(element, first, second, third, callback, style) {
+	if (!(element instanceof Element)) return;
+	const dispatch = third !== false;
+	if (typeof first === "string") {
+		callback(element, normalizeKey(first, style), second, dispatch);
+		return;
+	}
+	const isArray = Array.isArray(first);
+	if (!isArray && !(typeof first === "object" && first !== null)) return;
+	const entries = isArray ? first : Object.entries(first).map(([name, value]) => ({
+		name,
+		value
+	}));
+	const { length } = entries;
+	for (let index = 0; index < length; index += 1) {
+		const entry = entries[index];
+		if (typeof entry === "object" && typeof entry?.name === "string") callback(element, normalizeKey(entry.name, style), entry.value, dispatch);
+	}
+}
+function updateElementValue(element, key, value, set, remove, isBoolean, json) {
+	if (isBoolean ? value == null : isNullableOrWhitespace(value)) remove.call(element, key);
+	else if (!ignoreSetAttribute(element, key)) set.call(element, key, json ? JSON.stringify(value) : getString(value));
+}
+const CSS_VARIABLE_PREFIX$1 = "--";
+//#endregion
+//#region src/aria.ts
+function getAria(element, value) {
+	if (!(element instanceof Element)) return Array.isArray(value) ? {} : void 0;
+	if (!Array.isArray(value)) return typeof value === "string" ? getAriaValue(element, value) : void 0;
+	const arias = {};
+	const { length } = value;
+	for (let index = 0; index < length; index += 1) {
+		const attribute = value[index];
+		if (typeof attribute === "string") arias[attribute.replace(ATTRIBUTE_ARIA_PREFIX, "")] = getAriaValue(element, attribute);
+	}
+	return arias;
+}
+function getAriaValue(element, attribute) {
+	return element.getAttribute(getName$1(attribute)) ?? void 0;
+}
+function getName$1(value) {
+	return EXPRESSION_ARIA_PREFIX.test(value) ? value : `${ATTRIBUTE_ARIA_PREFIX}${value}`;
+}
+/**
+* Get the role of an element
+*
+* @param element Element to get role from
+* @returns Element role _(or `undefined`)_
+*/
+function getRole(element) {
+	if (element instanceof Element) return element.getAttribute("role") ?? void 0;
+}
+function setAria(element, first, second) {
+	setElementValues(element, first, second, null, updateAriaAttribute);
+}
+/**
+* Set the role of an element
+*
+* @param element Element for role
+* @param role Role to set _(or `undefined` to remove it)_
+*/
+function setRole(element, role) {
+	if (!(element instanceof Element)) return;
+	if (typeof role === "string") element.setAttribute("role", role);
+	else element.removeAttribute("role");
+}
+function updateAriaAttribute(element, key, value) {
+	updateElementValue(element, getName$1(key), value, element.setAttribute, element.removeAttribute, false, false);
+}
+const ATTRIBUTE_ARIA_PREFIX = "aria-";
+const EXPRESSION_ARIA_PREFIX = /^aria-/i;
+//#endregion
 //#region src/internal/get-value.ts
 function getBoolean(value, defaultValue) {
 	return typeof value === "boolean" ? value : defaultValue ?? false;
@@ -669,7 +693,7 @@ const CSS_VARIABLE_PREFIX = "--";
 //#endregion
 //#region src/attribute/get.attribute.ts
 function getAttribute(element, name, parseValues) {
-	if (isHTMLOrSVGElement(element) && typeof name === "string") return getAttributeValue(element, kebabCase(name), parseValues !== false);
+	if (element instanceof Element && typeof name === "string") return getAttributeValue(element, kebabCase(name), parseValues !== false);
 }
 /**
 * Get specific attributes from an element
@@ -681,7 +705,7 @@ function getAttribute(element, name, parseValues) {
 */
 function getAttributes(element, names, parseData) {
 	const attributes = {};
-	if (!(isHTMLOrSVGElement(element) && Array.isArray(names))) return attributes;
+	if (!(element instanceof Element && Array.isArray(names))) return attributes;
 	const shouldParse = parseData !== false;
 	const { length } = names;
 	for (let index = 0; index < length; index += 1) {
@@ -710,6 +734,65 @@ function isInvalidBooleanAttribute(first, second) {
 	return _isInvalidBooleanAttribute(first, second, true);
 }
 //#endregion
+//#region src/property/get.property.ts
+/**
+* Get the values of one or more properties on an element
+*
+* @param target Target element
+* @param properties Properties to get
+* @returns Property values
+*/
+function getProperties(target, properties) {
+	const values = {};
+	if (!(target instanceof Element && Array.isArray(properties))) return values;
+	const { length } = properties;
+	for (let index = 0; index < length; index += 1) {
+		const property = properties[index];
+		if (typeof property === "string") values[property] = getPropertyValue(target, property);
+	}
+	return values;
+}
+/**
+* Get the value of a property on an element
+*
+* @param target Target element
+* @param property Property to get
+* @returns Property value
+*/
+function getProperty(target, property) {
+	if (target instanceof Element && typeof property === "string") return getPropertyValue(target, property);
+}
+function getPropertyValue(element, property) {
+	let actual = property;
+	if (!(actual in element)) actual = camelCase(actual);
+	if (actual in element) return element[actual];
+}
+//#endregion
+//#region src/property/set.property.ts
+/**
+* Set the values of one or more properties on an element
+*
+* Also updates attributes for boolean/dispatchable properties, and if `dispatch` is `true`, will dispatch events for dispatchable properties
+*
+* @param target Target element
+* @param properties Properties to set
+* @param dispatch Dispatch events for properties? _(defaults to `true`)_
+*/
+function setProperties(target, properties, dispatch) {
+	if (!(target instanceof Element) || !isPlainObject(properties)) return;
+	const shouldDispatch = dispatch !== false;
+	const keys = Object.keys(properties);
+	const { length } = keys;
+	for (let index = 0; index < length; index += 1) setPropertyValue(target, keys[index], properties[keys[index]], shouldDispatch);
+}
+function setProperty(target, property, value, dispatch) {
+	if (target instanceof Element && typeof property === "string") setPropertyValue(target, property, value, dispatch !== false);
+}
+function setPropertyValue(element, property, value, dispatch) {
+	if (booleanAttributesSet.has(property.toLowerCase()) || dispatchedAttributes.has(property)) setAttribute(element, property, value, dispatch);
+	else updateProperty(element, property, value, dispatch);
+}
+//#endregion
 //#region src/style.ts
 /**
 * Get a style from an element
@@ -720,7 +803,7 @@ function isInvalidBooleanAttribute(first, second) {
 * @returns Style value
 */
 function getStyle(element, property, computed) {
-	if (isHTMLOrSVGElement(element) && typeof property === "string") return getStyleValue(element, property, computed === true);
+	if (element instanceof Element && typeof property === "string") return getStyleValue(element, property, computed === true);
 }
 /**
 * Get styles from an element
@@ -732,7 +815,7 @@ function getStyle(element, property, computed) {
 */
 function getStyles(element, properties, computed) {
 	const styles = {};
-	if (!(isHTMLOrSVGElement(element) && Array.isArray(properties))) return styles;
+	if (!(element instanceof Element && Array.isArray(properties))) return styles;
 	const { length } = properties;
 	for (let index = 0; index < length; index += 1) {
 		const property = properties[index];
@@ -742,7 +825,7 @@ function getStyles(element, properties, computed) {
 }
 function getTextDirection(node) {
 	let target;
-	if (isHTMLOrSVGElement(node)) target = node;
+	if (node instanceof Element) target = node;
 	else target = node instanceof Node ? node.ownerDocument?.documentElement ?? document.documentElement : document.documentElement;
 	let { direction } = target.style;
 	if (direction === "") direction = getStyleValue(target, PROPERTY_DIRECTION, true);
@@ -817,65 +900,6 @@ const DIRECTION_RTL = "rtl";
 const PROPERTY_DIRECTION = "direction";
 const VARIABLE_PREFIX = "--";
 //#endregion
-//#region src/property/get.property.ts
-/**
-* Get the values of one or more properties on an element
-*
-* @param target Target element
-* @param properties Properties to get
-* @returns Property values
-*/
-function getProperties(target, properties) {
-	const values = {};
-	if (!isHTMLOrSVGElement(target) || !Array.isArray(properties)) return values;
-	const { length } = properties;
-	for (let index = 0; index < length; index += 1) {
-		const property = properties[index];
-		if (typeof property === "string") values[property] = getPropertyValue(target, property);
-	}
-	return values;
-}
-/**
-* Get the value of a property on an element
-*
-* @param target Target element
-* @param property Property to get
-* @returns Property value
-*/
-function getProperty(target, property) {
-	if (isHTMLOrSVGElement(target) && typeof property === "string") return getPropertyValue(target, property);
-}
-function getPropertyValue(element, property) {
-	let actual = property;
-	if (!(actual in element)) actual = camelCase(actual);
-	if (actual in element) return element[actual];
-}
-//#endregion
-//#region src/property/set.property.ts
-/**
-* Set the values of one or more properties on an element
-*
-* Also updates attributes for boolean/dispatchable properties, and if `dispatch` is `true`, will dispatch events for dispatchable properties
-*
-* @param target Target element
-* @param properties Properties to set
-* @param dispatch Dispatch events for properties? _(defaults to `true`)_
-*/
-function setProperties(target, properties, dispatch) {
-	if (!isHTMLOrSVGElement(target) || !isPlainObject(properties)) return;
-	const shouldDispatch = dispatch !== false;
-	const keys = Object.keys(properties);
-	const { length } = keys;
-	for (let index = 0; index < length; index += 1) setPropertyValue(target, keys[index], properties[keys[index]], shouldDispatch);
-}
-function setProperty(target, property, value, dispatch) {
-	if (isHTMLOrSVGElement(target) && typeof property === "string") setPropertyValue(target, property, value, dispatch !== false);
-}
-function setPropertyValue(element, property, value, dispatch) {
-	if (booleanAttributesSet.has(property.toLowerCase()) || dispatchedAttributes.has(property)) setAttribute(element, property, value, dispatch);
-	else updateProperty(element, property, value, dispatch);
-}
-//#endregion
 //#region src/create.ts
 function createElement(tag, properties, attributes, styles) {
 	if (typeof tag !== "string") throw new TypeError(MESSAGE);
@@ -889,7 +913,7 @@ const MESSAGE = "Tag name must be a string";
 //#endregion
 //#region src/data.ts
 function getData(element, keys, parseValues) {
-	if (!isHTMLOrSVGElement(element)) return;
+	if (!(element instanceof Element)) return;
 	const noParse = parseValues === false;
 	if (typeof keys === "string") {
 		const value = element.dataset[camelCase(keys)];
@@ -938,7 +962,7 @@ function addDelegatedListener(target, type, name, listener, passive) {
 	};
 }
 function delegatedEventHandler(event) {
-	const key = `${EVENT_PREFIX}${event.type}${this ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
+	const key = `@${event.type}${this ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
 	const items = event.composedPath();
 	const { length } = items;
 	let cancelled = false;
@@ -973,7 +997,7 @@ function delegatedEventHandler(event) {
 	}
 }
 function getDelegatedName(target, type, options) {
-	if (isEventTarget(target) && EVENT_TYPES.has(type) && !options.capture && !options.once && options.signal == null) return `${EVENT_PREFIX}${type}${options.passive ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
+	if (isEventTarget(target) && EVENT_TYPES.has(type) && !options.capture && !options.once && options.signal == null) return `@${type}${options.passive ? EVENT_SUFFIX_PASSIVE : EVENT_SUFFIX_ACTIVE}`;
 }
 function removeDelegatedListener(target, name, listener) {
 	const handlers = target[name];
@@ -983,10 +1007,9 @@ function removeDelegatedListener(target, name, listener) {
 	return true;
 }
 const DELEGATED = /* @__PURE__ */ new Set();
-const EVENT_PREFIX = "@";
 const EVENT_SUFFIX_ACTIVE = ":active";
 const EVENT_SUFFIX_PASSIVE = ":passive";
-const EVENT_TYPES = new Set([
+const EVENT_TYPES = /* @__PURE__ */ new Set([
 	"beforeinput",
 	"click",
 	"dblclick",
@@ -1023,7 +1046,7 @@ function createDispatchOptions(options) {
 }
 function createEvent(type, options) {
 	const hasOptions = isPlainObject(options);
-	if (hasOptions && PROPERTY_DETAIL in options) return new CustomEvent(type, {
+	if (hasOptions && "detail" in options) return new CustomEvent(type, {
 		...createDispatchOptions(options),
 		detail: options?.detail
 	});
@@ -1086,7 +1109,6 @@ function on(target, type, listener, options) {
 		target.removeEventListener(type, listener, extended);
 	};
 }
-const PROPERTY_DETAIL = "detail";
 //#endregion
 //#region src/find/relative.ts
 function findAncestor(origin, selector) {
@@ -1594,9 +1616,9 @@ html.clear = () => {
 	templates.clear();
 };
 /**
-* Remove cached template element for an HTML string or id
+* Remove cached template element for an _HTML_ string or _ID_
 *
-* @param template HTML string or id for a template element
+* @param template _HTML_ string or ID for a template element
 */
 html.remove = (template) => {
 	templates.delete(template);
@@ -1619,6 +1641,7 @@ function replaceComments(origin, replacements) {
 }
 /**
 * Sanitize one or more nodes, recursively
+*
 * @param value Node or nodes to sanitize
 * @param options Sanitization options
 * @returns Sanitized nodes
@@ -1635,6 +1658,28 @@ const TEMPLATE_TAG = "template";
 const TEMPORARY_ELEMENT = "<toretto-temporary></toretto-temporary>";
 const templates = new SizedMap(128);
 let parser;
-window.templates = templates;
 //#endregion
-export { findElement as $, findElement, findElements as $$, findElements, booleanAttributes, createElement, dispatch, findAncestor, findRelatives, getAttribute, getAttributes, getData, getDistance, getElementFromPosition, getElementUnderPointer, getFocusable, getPosition, getProperties, getProperty, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEventPosition, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInputElement, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setAttribute, setAttributes, setData, setProperties, setProperty, setStyle, setStyles, supportsTouch, toggleStyles };
+//#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);
+}
+function isInDocument(node, doc) {
+	if (!(node instanceof Node)) return false;
+	if (!(doc instanceof Document)) return node.ownerDocument?.contains(node) ?? true;
+	return node.ownerDocument == null ? node === doc : node.ownerDocument === doc && doc.contains(node);
+}
+const CHILD_NODE_TYPES = /* @__PURE__ */ new Set([
+	Node.ELEMENT_NODE,
+	Node.TEXT_NODE,
+	Node.PROCESSING_INSTRUCTION_NODE,
+	Node.COMMENT_NODE,
+	Node.DOCUMENT_TYPE_NODE
+]);
+//#endregion
+export { findElement as $, findElement, findElements as $$, findElements, booleanAttributes, createElement, dispatch, findAncestor, findRelatives, getAria, getAttribute, getAttributes, getData, getDistance, getElementFromPosition, getElementUnderPointer, getFocusable, getPosition, getProperties, getProperty, getRole, getStyle, getStyles, getTabbable, getTextDirection, html, isBadAttribute, isBooleanAttribute, isChildNode, isEventPosition, isEventTarget, isFocusable, isHTMLOrSVGElement, isInDocument, isInputElement, isInvalidBooleanAttribute, isTabbable, off, on, sanitize, setAria, setAttribute, setAttributes, setData, setProperties, setProperty, setRole, setStyle, setStyles, supportsTouch, toggleStyles };

package/dist/internal/attribute.mjs

@@ -1,5 +1,5 @@
-import { updateElementValue } from "./element-value.mjs";
 import { updateProperty } from "./property.mjs";
+import { updateElementValue } from "./element-value.mjs";
 import { isPlainObject } from "@oscarpalmer/atoms/is";
 import { getString } from "@oscarpalmer/atoms/string";
 import { kebabCase } from "@oscarpalmer/atoms/string/case";
@@ -96,7 +96,7 @@ const booleanAttributes = Object.freeze([
 	"selected"
 ]);
 const booleanAttributesSet = new Set(booleanAttributes);
-const dispatchedAttributes = new Set([
+const dispatchedAttributes = /* @__PURE__ */ new Set([
 	"checked",
 	"open",
 	"value"

package/dist/internal/element-value.mjs

@@ -1,5 +1,3 @@
-import { isHTMLOrSVGElement } from "./is.mjs";
-import "../is.mjs";
 import { isAttribute } from "./attribute.mjs";
 import { isNullableOrWhitespace } from "@oscarpalmer/atoms/is";
 import { getString } from "@oscarpalmer/atoms/string";
@@ -13,12 +11,12 @@ function normalizeKey(key, style) {
 	return style && key.startsWith(CSS_VARIABLE_PREFIX) ? key : kebabCase(key);
 }
 function setElementValue(element, first, second, third, callback, style) {
-	if (!isHTMLOrSVGElement(element)) return;
+	if (!(element instanceof Element)) return;
 	if (typeof first === "string") setElementValues(element, first, second, third, callback, style);
 	else if (isAttribute(first)) setElementValues(element, first.name, first.value, third, callback, style);
 }
 function setElementValues(element, first, second, third, callback, style) {
-	if (!isHTMLOrSVGElement(element)) return;
+	if (!(element instanceof Element)) return;
 	const dispatch = third !== false;
 	if (typeof first === "string") {
 		callback(element, normalizeKey(first, style), second, dispatch);

package/dist/internal/is.d.mts

@@ -16,10 +16,10 @@ declare function isEventPosition(value: unknown): value is EventPosition;
  */
 declare function isEventTarget(value: unknown): value is EventTarget;
 /**
- * Is the value an HTML or SVG element?
+ * 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`
+ * @returns `true` if it's an _HTML_ or _SVG_ element, otherwise `false`
  */
 declare function isHTMLOrSVGElement(value: unknown): value is HTMLElement | SVGElement;
 /**

package/dist/internal/is.mjs

@@ -18,10 +18,10 @@ 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?
+* 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`
+* @returns `true` if it's an _HTML_ or _SVG_ element, otherwise `false`
 */
 function isHTMLOrSVGElement(value) {
 	return value instanceof HTMLElement || value instanceof SVGElement;

package/dist/is.mjs

@@ -14,7 +14,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);
 }
-const CHILD_NODE_TYPES = new Set([
+const CHILD_NODE_TYPES = /* @__PURE__ */ new Set([
 	Node.ELEMENT_NODE,
 	Node.TEXT_NODE,
 	Node.PROCESSING_INSTRUCTION_NODE,

package/dist/models.d.mts

@@ -1,4 +1,24 @@
 //#region src/models.d.ts
+/**
+ * _ARIA_ attribute for an element
+ *
+ * _(https://www.w3.org/TR/wai-aria-1.3/#aria-attributes)_
+ */
+type AriaAttribute = keyof AriaAttributes;
+/**
+ * _ARIA_ attribute for an element without the `aria-` prefix
+ *
+ * _(https://www.w3.org/TR/wai-aria-1.3/#aria-attributes)_
+ */
+type AriaAttributeUnprefixed = keyof { [Key in AriaAttribute as Key extends `aria-${infer Name}` ? Name : never]: string | null };
+type AriaAttributes = { [Key in keyof ARIAMixin as NormalizedName<Key>]: string | null };
+type NormalizedName<Key extends string> = Key extends `aria${infer Name}` ? Name extends `${infer Part}Element` ? `aria-${Lowercase<Part>}` : Name extends `${infer Part}Elements` ? `aria-${Lowercase<Part>}` : `aria-${Lowercase<Name>}` : never;
+/**
+ * _ARIA_ role for an element
+ *
+ * _(https://www.w3.org/TR/wai-aria-1.3/#role_definitions)_
+ */
+type AriaRole = 'alert' | 'alertdialog' | 'application' | 'article' | 'banner' | 'blockquote' | 'button' | 'caption' | 'cell' | 'checkbox' | 'code' | 'columnheader' | 'combobox' | 'comment' | 'complementary' | 'contentinfo' | 'definition' | 'deletion' | 'dialog' | 'directory' | 'document' | 'emphasis' | 'feed' | 'figure' | 'form' | 'generic' | 'grid' | 'gridcell' | 'group' | 'heading' | 'img' | 'insertion' | 'link' | 'list' | 'listbox' | 'listitem' | 'log' | 'main' | 'mark' | 'marquee' | 'math' | 'menu' | 'menubar' | 'menuitem' | 'menuitemcheckbox' | 'menuitemradio' | 'meter' | 'navigation' | 'none' | 'note' | 'option' | 'paragraph' | 'presentation' | 'progressbar' | 'radio' | 'radiogroup' | 'region' | 'row' | 'rowgroup' | 'rowheader' | 'scrollbar' | 'search' | 'searchbox' | 'sectionfooter' | 'sectionheader' | 'separator' | 'slider' | 'spinbutton' | 'status' | 'strong' | 'subscript' | 'suggestion' | 'superscript' | 'switch' | 'tab' | 'table' | 'tablist' | 'tabpanel' | 'term' | 'textbox' | 'time' | 'timer' | 'toolbar' | 'tooltip' | 'tree' | 'treegrid' | 'treeitem';
 /**
  * Attribute for an element
  */
@@ -23,4 +43,4 @@ type Selector = string | Node | Node[] | NodeList;
  */
 type TextDirection = 'ltr' | 'rtl';
 //#endregion
-export { Attribute, CustomEventListener, RemovableEventListener, Selector, TextDirection };
+export { AriaAttribute, AriaAttributeUnprefixed, AriaRole, Attribute, CustomEventListener, RemovableEventListener, Selector, TextDirection };

package/dist/property/get.property.mjs

@@ -1,4 +1,3 @@
-import { isHTMLOrSVGElement } from "../internal/is.mjs";
 import { camelCase } from "@oscarpalmer/atoms/string/case";
 //#region src/property/get.property.ts
 /**
@@ -10,7 +9,7 @@ import { camelCase } from "@oscarpalmer/atoms/string/case";
 */
 function getProperties(target, properties) {
 	const values = {};
-	if (!isHTMLOrSVGElement(target) || !Array.isArray(properties)) return values;
+	if (!(target instanceof Element && Array.isArray(properties))) return values;
 	const { length } = properties;
 	for (let index = 0; index < length; index += 1) {
 		const property = properties[index];
@@ -26,7 +25,7 @@ function getProperties(target, properties) {
 * @returns Property value
 */
 function getProperty(target, property) {
-	if (isHTMLOrSVGElement(target) && typeof property === "string") return getPropertyValue(target, property);
+	if (target instanceof Element && typeof property === "string") return getPropertyValue(target, property);
 }
 function getPropertyValue(element, property) {
 	let actual = property;

package/dist/property/set.property.mjs

@@ -1,5 +1,3 @@
-import { isHTMLOrSVGElement } from "../internal/is.mjs";
-import "../is.mjs";
 import { updateProperty } from "../internal/property.mjs";
 import { booleanAttributesSet, dispatchedAttributes } from "../internal/attribute.mjs";
 import { setAttribute } from "../attribute/set.attribute.mjs";
@@ -16,14 +14,14 @@ import { isPlainObject } from "@oscarpalmer/atoms/is";
 * @param dispatch Dispatch events for properties? _(defaults to `true`)_
 */
 function setProperties(target, properties, dispatch) {
-	if (!isHTMLOrSVGElement(target) || !isPlainObject(properties)) return;
+	if (!(target instanceof Element) || !isPlainObject(properties)) return;
 	const shouldDispatch = dispatch !== false;
 	const keys = Object.keys(properties);
 	const { length } = keys;
 	for (let index = 0; index < length; index += 1) setPropertyValue(target, keys[index], properties[keys[index]], shouldDispatch);
 }
 function setProperty(target, property, value, dispatch) {
-	if (isHTMLOrSVGElement(target) && typeof property === "string") setPropertyValue(target, property, value, dispatch !== false);
+	if (target instanceof Element && typeof property === "string") setPropertyValue(target, property, value, dispatch !== false);
 }
 function setPropertyValue(element, property, value, dispatch) {
 	if (booleanAttributesSet.has(property.toLowerCase()) || dispatchedAttributes.has(property)) setAttribute(element, property, value, dispatch);

package/dist/style.mjs

@@ -1,4 +1,3 @@
-import { isHTMLOrSVGElement } from "./internal/is.mjs";
 import { setElementValues, updateElementValue } from "./internal/element-value.mjs";
 import { getStyleValue } from "./internal/get-value.mjs";
 import { getString } from "@oscarpalmer/atoms/string";
@@ -12,7 +11,7 @@ import { getString } from "@oscarpalmer/atoms/string";
 * @returns Style value
 */
 function getStyle(element, property, computed) {
-	if (isHTMLOrSVGElement(element) && typeof property === "string") return getStyleValue(element, property, computed === true);
+	if (element instanceof Element && typeof property === "string") return getStyleValue(element, property, computed === true);
 }
 /**
 * Get styles from an element
@@ -24,7 +23,7 @@ function getStyle(element, property, computed) {
 */
 function getStyles(element, properties, computed) {
 	const styles = {};
-	if (!(isHTMLOrSVGElement(element) && Array.isArray(properties))) return styles;
+	if (!(element instanceof Element && Array.isArray(properties))) return styles;
 	const { length } = properties;
 	for (let index = 0; index < length; index += 1) {
 		const property = properties[index];
@@ -34,7 +33,7 @@ function getStyles(element, properties, computed) {
 }
 function getTextDirection(node) {
 	let target;
-	if (isHTMLOrSVGElement(node)) target = node;
+	if (node instanceof Element) target = node;
 	else target = node instanceof Node ? node.ownerDocument?.documentElement ?? document.documentElement : document.documentElement;
 	let { direction } = target.style;
 	if (direction === "") direction = getStyleValue(target, PROPERTY_DIRECTION, true);