@oscarpalmer/toretto 0.39.2 → 0.41.0

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() {

package/package.json

@@ -1,98 +1,95 @@
 {
+	"name": "@oscarpalmer/toretto",
+	"version": "0.41.0",
+	"description": "A collection of badass DOM utilities.",
+	"keywords": [
+		"dom",
+		"html",
+		"sanitization",
+		"utility"
+	],
+	"license": "MIT",
 	"author": {
 		"name": "Oscar Palmér",
 		"url": "https://oscarpalmer.se"
 	},
-	"dependencies": {
-		"@oscarpalmer/atoms": "^0.162"
-	},
-	"description": "A collection of badass DOM utilities.",
-	"devDependencies": {
-		"@types/node": "^25.4",
-		"@vitest/coverage-istanbul": "^4",
-		"dts-bundle-generator": "^9.5",
-		"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.17",
-		"vitest": "^4"
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/oscarpalmer/toretto.git"
 	},
+	"files": [
+		"dist",
+		"src"
+	],
+	"type": "module",
+	"module": "dist/index.mjs",
+	"types": "dist/index.d.mts",
 	"exports": {
 		"./package.json": "./package.json",
 		".": {
-			"types": "./types/index.d.ts",
-			"default": "./dist/toretto.full.js"
+			"types": "./dist/index.d.mts",
+			"default": "./dist/index.mjs"
 		},
 		"./attribute": {
-			"types": "./types/attribute/index.d.ts",
-			"default": "./dist/attribute/index.js"
+			"types": "./dist/attribute/index.d.mts",
+			"default": "./dist/attribute/index.mjs"
 		},
 		"./data": {
-			"types": "./types/data.d.ts",
-			"default": "./dist/data.js"
+			"types": "./dist/data.d.mts",
+			"default": "./dist/data.mjs"
 		},
 		"./event": {
-			"types": "./types/event/index.d.ts",
-			"default": "./dist/event/index.js"
+			"types": "./dist/event/index.d.mts",
+			"default": "./dist/event/index.mjs"
 		},
 		"./find": {
-			"types": "./types/find/index.d.ts",
-			"default": "./dist/find/index.js"
+			"types": "./dist/find/index.d.mts",
+			"default": "./dist/find/index.mjs"
 		},
 		"./focusable": {
-			"types": "./types/focusable.d.ts",
-			"default": "./dist/focusable.js"
+			"types": "./dist/focusable.d.mts",
+			"default": "./dist/focusable.mjs"
 		},
 		"./html": {
-			"types": "./types/html/index.d.ts",
-			"default": "./dist/html/index.js"
+			"types": "./dist/html/index.d.mts",
+			"default": "./dist/html/index.mjs"
 		},
 		"./is": {
-			"types": "./types/is.d.ts",
-			"default": "./dist/is.js"
+			"types": "./dist/is.d.mts",
+			"default": "./dist/is.mjs"
 		},
 		"./models": {
-			"types": "./types/models.d.ts"
+			"types": "./dist/models.d.mts"
 		},
 		"./style": {
-			"types": "./types/style.d.ts",
-			"default": "./dist/style.js"
+			"types": "./dist/style.d.mts",
+			"default": "./dist/style.mjs"
 		},
 		"./touch": {
-			"types": "./types/touch.d.ts",
-			"default": "./dist/touch.js"
+			"types": "./dist/touch.d.mts",
+			"default": "./dist/touch.mjs"
 		}
 	},
-	"files": [
-		"dist",
-		"src",
-		"types"
-	],
-	"keywords": [
-		"dom",
-		"html",
-		"sanitization",
-		"utility"
-	],
-	"license": "MIT",
-	"module": "dist/index.js",
-	"name": "@oscarpalmer/toretto",
-	"repository": {
-		"type": "git",
-		"url": "git+https://github.com/oscarpalmer/toretto.git"
-	},
 	"scripts": {
-		"build": "npm run clean && npx vite build && npm run rolldown:build && npx tsc && npx dts-bundle-generator --config ./dts.config.ts --silent",
-		"clean": "rm -rf ./dist && rm -rf ./types && rm -f ./tsconfig.tsbuildinfo",
-		"rolldown:build": "npx rolldown -c",
-		"rolldown:watch": "npx rolldown -c ./rolldown.config.js --watch",
-		"test": "npx vitest --coverage",
+		"build": "npx vp pack && npm run tsdown:build",
+		"tsdown:build": "npx tsdown -c ./tsdown.config.ts",
+		"tsdown:watch": "npx tsdown -c ./tsdown.config.ts --watch",
+		"test": "npx vp test run --coverage",
+		"test:leak": "npx vp test run --detect-async-leaks --coverage",
 		"watch": "npx vite build --watch"
 	},
-	"type": "module",
-	"types": "types/index.d.ts",
-	"version": "0.39.2"
+	"dependencies": {
+		"@oscarpalmer/atoms": "^0.165"
+	},
+	"devDependencies": {
+		"@types/node": "^25.5",
+		"@vitest/coverage-istanbul": "^4.1",
+		"jsdom": "^28.1",
+		"tsdown": "^0.21",
+		"typescript": "^5.9",
+		"vite": "npm:@voidzero-dev/vite-plus-core@latest",
+		"vite-plus": "latest",
+		"vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+	},
+	"packageManager": "npm@11.11.1"
 }

package/src/data.ts

@@ -1,4 +1,4 @@
-import type {PlainObject} from '@oscarpalmer/atoms';
+import type {PlainObject} from '@oscarpalmer/atoms/models';
 import {parse} from '@oscarpalmer/atoms/string';
 import {kebabCase} from '@oscarpalmer/atoms/string/case';
 import {setElementValues, updateElementValue} from './internal/element-value';

package/src/find/index.ts

@@ -1,4 +1,4 @@
-import type {PlainObject} from '@oscarpalmer/atoms';
+import type {PlainObject} from '@oscarpalmer/atoms/models';
 import type {Selector} from '../models';
 
 /**

package/src/internal/attribute.ts

@@ -1,4 +1,4 @@
-import type {PlainObject} from '@oscarpalmer/atoms';
+import type {PlainObject} from '@oscarpalmer/atoms/models';
 import {isPlainObject} from '@oscarpalmer/atoms/is';
 import type {Attribute} from '../models';
 import {updateElementValue} from './element-value';

package/dist/index.js

@@ -1,15 +0,0 @@
-import { isEventTarget, isHTMLOrSVGElement } from "./internal/is.js";
-import { getAttribute, getAttributes } from "./attribute/get.js";
-import { isChildNode, isInDocument } from "./is.js";
-import { booleanAttributes } from "./internal/attribute.js";
-import { setAttribute, setAttributes } from "./attribute/set.js";
-import { isBadAttribute, isBooleanAttribute, isEmptyNonBooleanAttribute, isInvalidBooleanAttribute } from "./attribute/index.js";
-import { getData, setData } from "./data.js";
-import { dispatch, getPosition, off, on } from "./event/index.js";
-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 supportsTouch from "./touch.js";
-import { getStyle, getStyles, getTextDirection, setStyle, setStyles, toggleStyles } from "./style.js";
-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/types/event/delegation.d.ts

@@ -1,7 +0,0 @@
-import type { CustomEventListener, RemovableEventListener } from '../models';
-export type EventTargetWithListeners = EventTarget & Partial<{
-    [key: string]: Set<EventListener | CustomEventListener>;
-}>;
-export declare function addDelegatedListener(target: EventTargetWithListeners, type: string, name: string, listener: EventListener | CustomEventListener, passive: boolean): RemovableEventListener;
-export declare function getDelegatedName(target: EventTarget, type: string, options: AddEventListenerOptions): string | undefined;
-export declare function removeDelegatedListener(target: EventTargetWithListeners, name: string, listener: EventListener | CustomEventListener): boolean;

package/types/html/index.d.ts

@@ -1,40 +0,0 @@
-type Html = {
-    /**
-     * Create nodes from an HTML string or a template element
-     * @param value HTML string or id for a template element
-     * @param options Options for creating nodes
-     * @returns Created nodes
-     */
-    (value: string, options?: HtmlOptions): Node[];
-    /**
-     * Create nodes from a template element
-     * @param template Template element
-     * @param options Options for creating nodes
-     * @returns Created nodes
-     */
-    (template: HTMLTemplateElement, options?: HtmlOptions): Node[];
-    /**
-     * Clear cache of template elements
-     */
-    clear(): void;
-    /**
-     * Remove cached template element for an HTML string or id
-     * @param template HTML string or id for a template element
-     */
-    remove(template: string): void;
-};
-type HtmlOptions = {
-    /**
-     * Cache template element for the HTML string? _(defaults to `true`)_
-     */
-    cache?: boolean;
-};
-declare const html: Html;
-/**
- * Sanitize one or more nodes, recursively
- * @param value Node or nodes to sanitize
- * @param options Sanitization options
- * @returns Sanitized nodes
- */
-export declare function sanitize(value: Node | Node[]): Node[];
-export { html };

package/types/html/sanitize.d.ts

@@ -1,2 +0,0 @@
-export declare function sanitizeAttributes(element: Element, attributes: Attr[]): void;
-export declare function sanitizeNodes(nodes: Node[], depth: number): Node[];

package/types/internal/attribute.d.ts

@@ -1,11 +0,0 @@
-import type { Attribute } from '../models';
-export declare function isAttribute(value: unknown): value is Attr | Attribute;
-export declare function _isBadAttribute(first: unknown, second: unknown, decode: boolean): boolean;
-export declare function _isBooleanAttribute(first: unknown, decode: boolean): boolean;
-export declare function _isEmptyNonBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
-export declare function _isInvalidBooleanAttribute(first: unknown, second: unknown, decode: boolean): boolean;
-export declare function updateAttribute(element: Element, name: string, value: unknown, dispatch?: unknown): void;
-/**
- * List of boolean attributes
- */
-export declare const booleanAttributes: readonly string[];

package/types/internal/element-value.d.ts

@@ -1,3 +0,0 @@
-export declare function setElementValue(element: Element, first: unknown, second: unknown, third: unknown, callback: (element: Element, key: string, value: unknown) => void): void;
-export declare function setElementValues(element: Element, first: unknown, second: unknown, third: unknown, callback: (element: Element, key: string, value: unknown, dispatch?: unknown) => void): void;
-export declare function updateElementValue(element: Element, key: string, value: unknown, set: (key: string, value: string) => void, remove: (key: string) => void, isBoolean: boolean, json: boolean): void;

package/types/internal/get-value.d.ts

@@ -1,4 +0,0 @@
-export declare function getBoolean(value: unknown, defaultValue?: boolean): boolean;
-export declare function getAttributeValue(element: Element, name: string, parseValue: boolean): unknown;
-export declare function getStyleValue(element: Element, property: string, computed: boolean): string | undefined;
-export declare const EXPRESSION_DATA_PREFIX: RegExp;

package/types/models.d.ts

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

package/types/style.d.ts

@@ -1,54 +0,0 @@
-import type { TextDirection } from './models';
-export 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
- */
-export 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
- */
-export 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
- */
-export 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
- */
-export 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
- */
-export 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
- */
-export declare function toggleStyles(element: Element, styles: Partial<CSSStyleDeclaration>): StyleToggler;

package/types/touch.d.ts

@@ -1,19 +0,0 @@
-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;
-export default supportsTouch;