tiny-essentials 1.28.1 → 1.28.2

package/dist/v1/libs/TinyHtml.d.mts

@@ -1,147 +1,35 @@
-export default TinyHtml;
-/**
- * Represents a TinyHtml instance with any constructor element values.
- */
+import * as TinyCollision from '../basics/collision.mjs';
+import TinyElementObserver from './TinyElementObserver.mjs';
 export type TinyHtmlAny = TinyHtml<ConstructorElValues>;
-/**
- * Represents the valid values that can be appended to a TinyNode.
- */
 export type AppendCheckerTemplate = TinyNode | TinyNode[] | string | false | null | undefined;
-/**
- * Represents the the collection of values that can be appended to a TinyNode.
- */
 export type AppendCheckerValues = AppendCheckerTemplate | AppendCheckerTemplate[];
-/**
- * Callback function used for hover events.
- */
 export type HoverEventCallback = (ev: MouseEvent) => void;
-/**
- * Represents a collection of active style-based animations.
- *
- * Each HTMLElement is associated with an array of its currently running
- * `Animation` objects (from the Web Animations API).
- */
 export type StyleFxResult = Map<HTMLElement, Animation | null>;
-/**
- * Represents a collection of animation keyframe data mapped by CSS property.
- *
- * - The **key** is the CSS property name (e.g. `"height"`, `"opacity"`).
- * - The **value** is an array of values representing the start and end
- *   states of the property during the animation.
- */
 export type AnimationSfxData = Record<string, (string | number)[]>;
-/**
- * Function signature for style effects repeat detectors.
- */
 export type StyleEffectsRdFn = (effects: AnimationSfxData) => boolean;
-/**
- * Function signature for style effect property handlers.
- */
 export type StyleEffectsFn = (el: HTMLElement, keyframes: AnimationSfxData, prop: string, style: CSSStyleDeclaration) => void;
-/**
- * A collection of style effect property handlers.
- */
 export type StyleEffectsProps = Record<string, StyleEffectsFn>;
-/**
- * Callback invoked on each animation frame with the current scroll position,
- * normalized animation time (`0` to `1`), and a completion flag.
- */
 export type OnScrollAnimation = (progress: {
     x: number;
     y: number;
     isComplete: boolean;
     time: number;
 }) => void;
-/**
- * A list of supported easing function names for smooth animations.
- */
-export type Easings = "linear" | "easeInQuad" | "easeOutQuad" | "easeInOutQuad" | "easeInCubic" | "easeOutCubic" | "easeInOutCubic";
-/**
- * Represents a raw Node element or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
+export type Easings = 'linear' | 'easeInQuad' | 'easeOutQuad' | 'easeInOutQuad' | 'easeInCubic' | 'easeOutCubic' | 'easeInOutCubic';
 export type TinyNode = Node | TinyHtmlAny | null;
-/**
- * Represents a raw DOM element or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
 export type TinyElement = Element | TinyHtmlAny;
-/**
- * Represents a raw DOM html element or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
 export type TinyHtmlElement = HTMLElement | TinyHtmlAny;
-/**
- * Represents a raw DOM event target element or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
 export type TinyEventTarget = EventTarget | TinyHtmlAny;
-/**
- * Represents a raw DOM input element or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
 export type TinyInputElement = InputElement | TinyHtmlAny;
-/**
- * Represents a raw DOM element/window or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
 export type TinyElementAndWindow = ElementAndWindow | TinyHtmlAny;
-/**
- * Represents a value that can be either a DOM Element or the global Window object.
- * Useful for functions that operate generically on scrollable or measurable targets.
- */
 export type ElementAndWindow = Element | Window;
-/**
- * Represents a raw DOM element/window/document or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
 export type TinyElementAndWinAndDoc = ElementAndWinAndDoc | TinyHtmlAny;
-/**
- * Represents a value that can be either a DOM Element, or the global Window object, or the document object.
- * Useful for functions that operate generically on scrollable or measurable targets.
- */
 export type ElementAndWinAndDoc = Element | Window | Document;
-/**
- * Represents a raw DOM element with document or an instance of TinyHtml.
- * This type is used to abstract interactions with both plain elements
- * and wrapped elements via the TinyHtml class.
- */
 export type TinyElementWithDoc = ElementWithDoc | TinyHtmlAny;
-/**
- * Represents a value that can be either a DOM Element, or the document object.
- * Useful for functions that operate generically on measurable targets.
- */
 export type ElementWithDoc = Element | Document;
-/**
- * A parameter type used for filtering or matching elements.
- * It can be:
- * - A string (CSS selector),
- * - A raw DOM element,
- * - An array of raw DOM elements,
- * - A filtering function that receives an index and element,
- *   and returns true if it matches.
- */
 export type WinnowRequest = string | Element | Element[] | ((index: number, el: Element) => boolean);
-/**
- * Elements accepted as constructor values for TinyHtml.
- * These include common DOM elements and root containers.
- */
 export type ConstructorElValues = Window | Element | Document | Text;
-/**
- * Options passed to `addEventListener` or `removeEventListener`.
- * Can be a boolean or an object of type `AddEventListenerOptions`.
- */
 export type EventRegistryOptions = boolean | AddEventListenerOptions;
-/**
- * Structure describing a registered event callback and its options.
- */
 export type EventRegistryItem = {
     /**
      * - The function to be executed when the event is triggered.
@@ -150,26 +38,13 @@ export type EventRegistryItem = {
     /**
      * - Optional configuration passed to the listener.
      */
-    options?: EventRegistryOptions | undefined;
+    options?: EventRegistryOptions;
 };
-/**
- * Maps event names (e.g., `"click"`, `"keydown"`) to a list of registered handlers and options.
- */
 export type EventRegistryList = Record<string, EventRegistryItem[]>;
-/**
- * A key-value store associated with a specific DOM element.
- * Keys are strings, and values can be of any type.
- */
 export type ElementDataStore = Record<string, any>;
-/**
- * Mapping of animation shortcuts to their effect definitions.
- * Similar to jQuery's predefined effects (slideDown, fadeIn, etc.).
- */
 export type StyleEffects = Record<string, string | (string | number)[]>;
-/**
- * Possible directions from which a collision was detected and locked.
- */
-export type CollisionDirLock = "top" | "bottom" | "left" | "right";
+export type ObjRect = import('../basics/collision.mjs').ObjRect;
+export type CollisionDirLock = 'top' | 'bottom' | 'left' | 'right';
 export type HtmlElBoxSides = {
     /**
      * - Total horizontal size (left + right)
@@ -184,34 +59,15 @@ export type HtmlElBoxSides = {
     top: number;
     bottom: number;
 };
-/**
- * - Primitive types accepted as input values.
- */
 export type SetValueBase = string | number | Date | boolean | null;
-/**
- * Types of value extractors supported by TinyHtml._valTypes.
- */
-export type GetValueTypes = "string" | "date" | "number";
-/**
- * - A single value or an array of values to be assigned to the input element.
- */
+export type GetValueTypes = 'string' | 'date' | 'number';
 export type SetValueList = SetValueBase | SetValueBase[];
-/**
- * A list of HTML form elements that can have a `.value` property used by TinyHtml.
- * Includes common input types used in forms.
- */
 export type InputElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement | HTMLOptionElement;
-/**
- * Represents a parsed HTML element in JSON-like array form.
- */
-export type HtmlParsed = [tagName: string, // The tag name of the element (e.g., 'div', 'img')
-attributes: Record<string, string>, // All element attributes as key-value pairs
-...children: (string | HtmlParsed)[]];
-/**
- * Represents all possible inputs accepted by the TinyHtml constructor.
- * Can be a single element, an array of elements, array-like DOM collections,
- * or a CSS selector string.
- */
+export type HtmlParsed = [
+    tagName: string,
+    attributes: Record<string, string>,
+    ...children: (string | HtmlParsed)[]
+];
 export type TinyHtmlConstructor = (ConstructorElValues | ConstructorElValues[] | NodeListOf<Element> | HTMLCollectionOf<Element> | NodeListOf<HTMLElement> | string);
 /**
  * Possible directions from which a collision was detected and locked.
@@ -278,24 +134,9 @@ export type TinyHtmlConstructor = (ConstructorElValues | ConstructorElValues[] |
  * @class
  */
 declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
+    #private;
     /** @typedef {import('../basics/collision.mjs').ObjRect} ObjRect */
     static Utils: {
-        getElsRelativeCenterOffset(rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect): {
-            x: number;
-            y: number;
-        };
-        getElsCollDirDepth(rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect): {
-            inDir: Dirs | null;
-            dirX: Dirs | null;
-            dirY: Dirs | null;
-            depthX: number;
-            depthY: number;
-        };
-        getElsCollDetails(rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect): {
-            depth: CollData;
-            dirs: CollDirs;
-            isNeg: NegCollDirs;
-        };
         areElsCollTop: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => boolean;
         areElsCollBottom: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => boolean;
         areElsCollLeft: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => boolean;
@@ -307,7 +148,7 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
         areElsColliding: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => boolean;
         areElsPerfColliding: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => boolean;
         getElsColliding: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => string | null;
-        getElsPerfColliding: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => "top" | "bottom" | "left" | "right" | null;
+        getElsPerfColliding: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => 'top' | 'bottom' | 'left' | 'right' | null;
         getElsCollOverlap: (rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect) => {
             overlapLeft: number;
             overlapRight: number;
@@ -315,41 +156,48 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
             overlapBottom: number;
         };
         getElsCollOverlapPos: ({ overlapLeft, overlapRight, overlapTop, overlapBottom, }?: {
-            overlapLeft?: number | undefined;
-            overlapRight?: number | undefined;
-            overlapTop?: number | undefined;
-            overlapBottom?: number | undefined;
+            overlapLeft?: number;
+            overlapRight?: number;
+            overlapTop?: number;
+            overlapBottom?: number;
         }) => {
-            dirX: Dirs;
-            dirY: Dirs;
+            dirX: TinyCollision.Dirs;
+            dirY: TinyCollision.Dirs;
         };
         getRectCenter: (rect: TinyCollision.ObjRect) => {
             x: number;
             y: number;
         };
+        getElsRelativeCenterOffset(rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect): {
+            x: number;
+            y: number;
+        };
+        getElsCollDirDepth(rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect): {
+            inDir: TinyCollision.Dirs | null;
+            dirX: TinyCollision.Dirs | null;
+            dirY: TinyCollision.Dirs | null;
+            depthX: number;
+            depthY: number;
+        };
+        getElsCollDetails(rect1: TinyCollision.ObjRect, rect2: TinyCollision.ObjRect): {
+            depth: TinyCollision.CollData;
+            dirs: TinyCollision.CollDirs;
+            isNeg: TinyCollision.NegCollDirs;
+        };
     };
-    /** @type {number} */
-    static #version: number;
     /** @returns {number} */
     static get version(): number;
     /**
-     * Controls whether TinyHtml emits detailed debug output to the console.
-     * When enabled, helper methods print structured diagnostics for easier troubleshooting.
-     * @type {boolean}
+     * Gets whether debug output is enabled.
+     * @returns {boolean} True if debug output is enabled; otherwise, false.
      */
-    static #elemDebug: boolean;
+    static get elemDebug(): boolean;
     /**
      * Enables or disables debug output.
      * @param {boolean} value True to enable debug output; false to disable.
      * @throws {TypeError} Thrown if the provided value is not a boolean.
-     * @returns {void}
      */
     static set elemDebug(value: boolean);
-    /**
-     * Gets whether debug output is enabled.
-     * @returns {boolean} True if debug output is enabled; otherwise, false.
-     */
-    static get elemDebug(): boolean;
     /**
      * Logs a standardized debug error for element validation, including a console.table
      * with the involved elements. Use this when an element argument is invalid, unexpected,
@@ -367,14 +215,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      *        The specific element that triggered the error, if available.
      * @returns {void}
      */
-    static _debugElemError(elems: (ConstructorElValues | EventTarget | TinyElement | null)[], elem?: ConstructorElValues | EventTarget | TinyElement | null, ...args: any[]): void;
+    static _debugElemError(elems: (ConstructorElValues | EventTarget | TinyElement | null)[], elem?: ConstructorElValues | EventTarget | TinyElement | null): void;
     /**
      * Parse inline styles into an object.
      * @param {string} styleText
      * @returns {Record<string,string>}
      */
     static parseStyle(styleText: string): Record<string, string>;
-    static #tinyObserver: TinyElementObserver<HTMLElement> | undefined;
     static get tinyObserver(): TinyElementObserver<HTMLElement> | undefined;
     /**
      * Fetches an HTML file from the given URL, parses it to JSON.
@@ -397,9 +244,9 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      *
      * @param {string} url - The URL of the HTML file.
      * @param {RequestInit} [ops] - Optional fetch configuration (e.g., method, headers, cache, etc).
-     * @returns {Promise<TinyHtml<TinyElement|Text>[]>} A promise that resolves with the TinyHtml instances.
+     * Returns the promise that resolves with the TinyHtml instances.
      */
-    static fetchHtmlTinyElems(url: string, ops?: RequestInit): Promise<TinyHtml<TinyElement | Text>[]>;
+    static fetchHtmlTinyElems(url: string, ops?: RequestInit): Promise<TinyHtml<Element | Text>[]>;
     /**
      * Converts the content of a <template> to an array of HtmlParsed.
      *
@@ -513,6 +360,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {TinyHtml<Element>|null} A TinyHtml instance wrapping the matched element.
      */
     static query(selector: string, elem?: Document | Element): TinyHtml<Element> | null;
+    /**
+     * Queries the element for the first element matching the CSS selector and wraps it in a TinyHtml instance.
+     *
+     * @param {string} selector - A valid CSS selector string.
+     * @returns {TinyHtml<Element>|null} A TinyHtml instance wrapping the matched element.
+     */
+    querySelector(selector: string): TinyHtml<Element> | null;
     /**
      * Queries the document for all elements matching the CSS selector and wraps them in TinyHtml instances.
      *
@@ -521,6 +375,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {TinyHtml<NodeListOf<Element>>} An array of TinyHtml instances wrapping the matched elements.
      */
     static queryAll(selector: string, elem?: Document | Element): TinyHtml<NodeListOf<Element>>;
+    /**
+     * Queries the element for all elements matching the CSS selector and wraps them in TinyHtml instances.
+     *
+     * @param {string} selector - A valid CSS selector string.
+     * @returns {TinyHtml<NodeListOf<Element>>} An array of TinyHtml instances wrapping the matched elements.
+     */
+    querySelectorAll(selector: string): TinyHtml<NodeListOf<Element>>;
     /**
      * Retrieves an element by its ID and wraps it in a TinyHtml instance.
      *
@@ -536,6 +397,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {TinyHtml<HTMLCollectionOf<Element>>} An array of TinyHtml instances wrapping the found elements.
      */
     static getByClassName(selector: string, elem?: Document | Element): TinyHtml<HTMLCollectionOf<Element>>;
+    /**
+     * Retrieves all elements with the specified class name and wraps them in TinyHtml instances.
+     *
+     * @param {string} selector - The class name to search for.
+     * @returns {TinyHtml<HTMLCollectionOf<Element>>} An array of TinyHtml instances wrapping the found elements.
+     */
+    getElementsByClassName(selector: string): TinyHtml<HTMLCollectionOf<Element>>;
     /**
      * Retrieves all elements with the specified name attribute and wraps them in TinyHtml instances.
      *
@@ -553,6 +421,70 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {TinyHtml<HTMLCollectionOf<Element>>} An array of TinyHtml instances wrapping the found elements.
      */
     static getByTagNameNS(localName: string, namespaceURI?: string | null, elem?: Document | Element): TinyHtml<HTMLCollectionOf<Element>>;
+    /**
+     * Retrieves all elements with the specified local tag name within the given namespace URI,
+     * and wraps them in TinyHtml instances.
+     *
+     * @param {string} localName - The local name (tag) of the elements to search for.
+     * @param {string|null} [namespaceURI='http://www.w3.org/1999/xhtml'] - The namespace URI to search within.
+     * @returns {TinyHtml<HTMLCollectionOf<Element>>} An array of TinyHtml instances wrapping the found elements.
+     */
+    getElementsByTagNameNS(localName: string, namespaceURI?: string | null): TinyHtml<HTMLCollectionOf<Element>>;
+    /**
+     * Returns the current targets held by this instance.
+     *
+     * @returns {ConstructorElValues[]} - The instance's targets element.
+     */
+    get elements(): ConstructorElValues[];
+    /**
+     * Iterates over all elements, executing the provided callback on each.
+     * @param {(element: TinyHtmlAny, index: number, items: TinyHtmlAny[]) => void} callback - Function invoked for each element.
+     * @returns {this} The current instance for chaining.
+     */
+    forEach(callback: (element: TinyHtmlAny, index: number, items: TinyHtmlAny[]) => void): this;
+    /**
+     * Returns the current target held by this instance.
+     *
+     * @param {number} index - The index of the element to retrieve.
+     * @returns {ConstructorElValues} - The instance's target element.
+     */
+    get(index: number): ConstructorElValues;
+    /**
+     * Extracts a single DOM element from the internal list at the specified index.
+     *
+     * @param {number} index - The index of the element to extract.
+     * @returns {TinyHtmlAny} A new TinyHtml instance wrapping the extracted element.
+     */
+    extract(index: number): TinyHtmlAny;
+    /**
+     * Checks whether the element exists at the given index.
+     *
+     * @param {number} index - The index to check.
+     * @returns {boolean} - True if the element exists; otherwise, false.
+     */
+    exists(index: number): boolean;
+    /**
+     * @deprecated Use the getter {@link elements} instead.
+     * Returns the current targets held by this instance.
+     *
+     * @returns {ConstructorElValues[]} - The instance's targets element.
+     */
+    getAll(): ConstructorElValues[];
+    /**
+     * Returns the current Element held by this instance.
+     *
+     * @param {string} where - The method name or context calling this.
+     * @param {number} index - The index of the element to retrieve.
+     * @returns {ConstructorElValues} - The instance's element.
+     */
+    _getElement(where: string, index: number): ConstructorElValues;
+    /**
+     * Returns the current Elements held by this instance.
+     *
+     * @param {string} where - The method name or context calling this.
+     * @returns {ConstructorElValues[]} - The instance's elements.
+     */
+    _getElements(where: string): ConstructorElValues[];
     /**
      * Prepares and validates multiple elements against allowed types.
      *
@@ -564,6 +496,16 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} - If any element is not an instance of one of the allowed types.
      */
     static _preElemsTemplate(elems: TinyElement | EventTarget | null | (TinyElement | EventTarget | null)[], where: string, TheTinyElements: any[], elemName: string[]): any[];
+    /**
+     * Prepares and validates multiple elements against allowed types.
+     *
+     * @param {string} where - The method name or context calling this.
+     * @param {any[]} TheTinyElements - The list of allowed constructors (e.g., Element, Document).
+     * @param {string[]} elemName - The list of expected element names for error reporting.
+     * @returns {any[]} - A flat array of validated elements.
+     * @throws {Error} - If any element is not an instance of one of the allowed types.
+     */
+    _preElemsTemplate(where: string, TheTinyElements: any[], elemName: string[]): any[];
     /**
      * Prepares and validates a single element against allowed types.
      *
@@ -576,6 +518,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} - If the element is not valid or if multiple elements are provided.
      */
     static _preElemTemplate(elems: TinyElement | EventTarget | null | (TinyElement | EventTarget | null)[], where: string, TheTinyElements: any[], elemName: string[], canNull?: boolean): any;
+    /**
+     * Prepares and validates a single element against allowed types.
+     *
+     * @param {string} where - The method name or context calling this.
+     * @param {any[]} TheTinyElements - The list of allowed constructors (e.g., Element, Document).
+     * @param {string[]} elemName - The list of expected element names for error reporting.
+     * @param {boolean} [canNull=false] - Whether `null` is allowed as a valid value.
+     * @returns {any} - The validated element or `null` if allowed.
+     * @throws {Error} - If the element is not valid or if multiple elements are provided.
+     */
+    _preElemTemplate(where: string, TheTinyElements: any[], elemName: string[], canNull?: boolean): any;
     /**
      * Ensures the input is returned as an array.
      * Useful to normalize operations across multiple or single elements.
@@ -585,6 +538,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Element[]} - Always returns an array of elements.
      */
     static _preElems(elems: TinyElement | TinyElement[], where: string): Element[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {Element[]} - Always returns an array of elements.
+     */
+    _preElems(where: string): Element[];
     /**
      * Ensures the input is returned as an single element.
      * Useful to normalize operations across multiple or single elements.
@@ -594,6 +555,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Element} - Always returns an single element.
      */
     static _preElem(elems: TinyElement | TinyElement[], where: string): Element;
+    /**
+     * Ensures the input is returned as an single element.
+     * Useful to normalize operations across multiple or single elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {Element} - Always returns an single element.
+     */
+    _preElem(where: string): Element;
     /**
      * Ensures the input is returned as an array.
      * Useful to normalize operations across multiple or single nodes.
@@ -603,6 +572,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Node[]} - Always returns an array of nodes.
      */
     static _preNodeElems(elems: TinyNode | TinyNode[], where: string): Node[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single nodes.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {Node[]} - Always returns an array of nodes.
+     */
+    _preNodeElems(where: string): Node[];
     /**
      * Ensures the input is returned as an single node.
      * Useful to normalize operations across multiple or single nodes.
@@ -612,6 +589,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Node} - Always returns an single node.
      */
     static _preNodeElem(elems: TinyNode | TinyNode[], where: string): Node;
+    /**
+     * Ensures the input is returned as an single node.
+     * Useful to normalize operations across multiple or single nodes.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {Node} - Always returns an single node.
+     */
+    _preNodeElem(where: string): Node;
     /**
      * Ensures the input is returned as an single node.
      * Useful to normalize operations across multiple or single nodes.
@@ -622,14 +607,30 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static _preNodeElemWithNull(elems: TinyNode | TinyNode[], where: string): Node | null;
     /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single html elements.
-     *
+     * Ensures the input is returned as an single node.
+     * Useful to normalize operations across multiple or single nodes.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {Node|null} - Always returns an single node or null.
+     */
+    _preNodeElemWithNull(where: string): Node | null;
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single html elements.
+     *
      * @param {TinyElement|TinyElement[]} elems - A single html element or array of html elements.
      * @param {string} where - The method or context name where validation is being called.
      * @returns {HTMLElement[]} - Always returns an array of html elements.
      */
     static _preHtmlElems(elems: TinyElement | TinyElement[], where: string): HTMLElement[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single html elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {HTMLElement[]} - Always returns an array of html elements.
+     */
+    _preHtmlElems(where: string): HTMLElement[];
     /**
      * Ensures the input is returned as an single html element.
      * Useful to normalize operations across multiple or single html elements.
@@ -639,6 +640,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {HTMLElement} - Always returns an single html element.
      */
     static _preHtmlElem(elems: TinyElement | TinyElement[], where: string): HTMLElement;
+    /**
+     * Ensures the input is returned as an single html element.
+     * Useful to normalize operations across multiple or single html elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {HTMLElement} - Always returns an single html element.
+     */
+    _preHtmlElem(where: string): HTMLElement;
     /**
      * Ensures the input is returned as an array.
      * Useful to normalize operations across multiple or single event target elements.
@@ -648,6 +657,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {InputElement[]} - Always returns an array of event target elements.
      */
     static _preInputElems(elems: TinyInputElement | TinyInputElement[], where: string): InputElement[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single event target elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {InputElement[]} - Always returns an array of event target elements.
+     */
+    _preInputElems(where: string): InputElement[];
     /**
      * Ensures the input is returned as an single event target element.
      * Useful to normalize operations across multiple or single event target elements.
@@ -657,6 +674,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {InputElement} - Always returns an single event target element.
      */
     static _preInputElem(elems: TinyInputElement | TinyInputElement[], where: string): InputElement;
+    /**
+     * Ensures the input is returned as an single event target element.
+     * Useful to normalize operations across multiple or single event target elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {InputElement} - Always returns an single event target element.
+     */
+    _preInputElem(where: string): InputElement;
     /**
      * Ensures the input is returned as an array.
      * Useful to normalize operations across multiple or single event target elements.
@@ -666,6 +691,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {EventTarget[]} - Always returns an array of event target elements.
      */
     static _preEventTargetElems(elems: TinyEventTarget | TinyEventTarget[], where: string): EventTarget[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single event target elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {EventTarget[]} - Always returns an array of event target elements.
+     */
+    _preEventTargetElems(where: string): EventTarget[];
     /**
      * Ensures the input is returned as an single event target element.
      * Useful to normalize operations across multiple or single event target elements.
@@ -675,6 +708,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {EventTarget} - Always returns an single event target element.
      */
     static _preEventTargetElem(elems: TinyEventTarget | TinyEventTarget[], where: string): EventTarget;
+    /**
+     * Ensures the input is returned as an single event target element.
+     * Useful to normalize operations across multiple or single event target elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {EventTarget} - Always returns an single event target element.
+     */
+    _preEventTargetElem(where: string): EventTarget;
     /**
      * Ensures the input is returned as an array.
      * Useful to normalize operations across multiple or single element/window elements.
@@ -684,6 +725,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ElementAndWindow[]} - Always returns an array of element/window elements.
      */
     static _preElemsAndWindow(elems: TinyElementAndWindow | TinyElementAndWindow[], where: string): ElementAndWindow[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single element/window elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {ElementAndWindow[]} - Always returns an array of element/window elements.
+     */
+    _preElemsAndWindow(where: string): ElementAndWindow[];
     /**
      * Ensures the input is returned as an single element/window element.
      * Useful to normalize operations across multiple or single element/window elements.
@@ -693,6 +742,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ElementAndWindow} - Always returns an single element/window element.
      */
     static _preElemAndWindow(elems: TinyElementAndWindow | TinyElementAndWindow[], where: string): ElementAndWindow;
+    /**
+     * Ensures the input is returned as an single element/window element.
+     * Useful to normalize operations across multiple or single element/window elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {ElementAndWindow} - Always returns an single element/window element.
+     */
+    _preElemAndWindow(where: string): ElementAndWindow;
     /**
      * Ensures the input is returned as an array.
      * Useful to normalize operations across multiple or single element/window/document elements.
@@ -702,6 +759,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ElementAndWindow[]} - Always returns an array of element/document/window elements.
      */
     static _preElemsAndWinAndDoc(elems: TinyElementAndWinAndDoc | TinyElementAndWinAndDoc[], where: string): ElementAndWindow[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single element/window/document elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {ElementAndWindow[]} - Always returns an array of element/document/window elements.
+     */
+    _preElemsAndWinAndDoc(where: string): ElementAndWindow[];
     /**
      * Ensures the input is returned as an single element/window/document element.
      * Useful to normalize operations across multiple or single element/window/document elements.
@@ -711,6 +776,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ElementAndWindow} - Always returns an single element/document/window element.
      */
     static _preElemAndWinAndDoc(elems: TinyElementAndWinAndDoc | TinyElementAndWinAndDoc[], where: string): ElementAndWindow;
+    /**
+     * Ensures the input is returned as an single element/window/document element.
+     * Useful to normalize operations across multiple or single element/window/document elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {ElementAndWindow} - Always returns an single element/document/window element.
+     */
+    _preElemAndWinAndDoc(where: string): ElementAndWindow;
     /**
      * Ensures the input is returned as an array.
      * Useful to normalize operations across multiple or single element with document elements.
@@ -720,6 +793,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ElementWithDoc[]} - Always returns an array of element with document elements.
      */
     static _preElemsWithDoc(elems: TinyElementWithDoc | TinyElementWithDoc[], where: string): ElementWithDoc[];
+    /**
+     * Ensures the input is returned as an array.
+     * Useful to normalize operations across multiple or single element with document elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {ElementWithDoc[]} - Always returns an array of element with document elements.
+     */
+    _preElemsWithDoc(where: string): ElementWithDoc[];
     /**
      * Ensures the input is returned as an single element with document element.
      * Useful to normalize operations across multiple or single element with document elements.
@@ -729,6 +810,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ElementWithDoc} - Always returns an single element/window element.
      */
     static _preElemWithDoc(elems: TinyElementWithDoc | TinyElementWithDoc[], where: string): ElementWithDoc;
+    /**
+     * Ensures the input is returned as an single element with document element.
+     * Useful to normalize operations across multiple or single element with document elements.
+     *
+     * @param {string} where - The method or context name where validation is being called.
+     * @returns {ElementWithDoc} - Always returns an single element/window element.
+     */
+    _preElemWithDoc(where: string): ElementWithDoc;
     /**
      * Normalizes and converts one or more DOM elements (or TinyHtml instances)
      * into an array of `TinyHtml` instances.
@@ -741,9 +830,9 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * of the input form.
      *
      * @param {TinyElement|Text|(TinyElement|Text)[]} elems - A single element or an array of elements (DOM or TinyHtml).
-     * @returns {TinyHtml<TinyElement|Text>[]} An array of TinyHtml instances corresponding to the input elements.
+     * Returns the array of TinyHtml instances corresponding to the input elements.
      */
-    static toTinyElm(elems: TinyElement | Text | (TinyElement | Text)[]): TinyHtml<TinyElement | Text>[];
+    static toTinyElm(elems: TinyElement | Text | (TinyElement | Text)[]): TinyHtml<Element | Text>[];
     /**
      * Extracts native `Element` instances from one or more elements,
      * which can be either raw DOM elements or wrapped in `TinyHtml`.
@@ -795,6 +884,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Element[]}
      */
     static not(elems: TinyElement | TinyElement[], selector: WinnowRequest): Element[];
+    /**
+     * Returns only the elements **not** matching the given selector or function.
+     *
+     * @param {WinnowRequest} selector
+     * @returns {Element[]}
+     */
+    not(selector: WinnowRequest): Element[];
     /**
      * Finds elements matching a selector within a context.
      *
@@ -803,6 +899,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Element[]}
      */
     static find(context: TinyElement | TinyElement[], selector: string): Element[];
+    /**
+     * Finds elements in your element matching a selector within a context.
+     *
+     * @param {string} selector
+     * @returns {Element[]}
+     */
+    find(selector: string): Element[];
     /**
      * Checks if at least one element matches the selector.
      *
@@ -811,6 +914,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean}
      */
     static is(elems: TinyElement | TinyElement[], selector: WinnowRequest): boolean;
+    /**
+     * Checks if the element matches the selector.
+     *
+     * @param {WinnowRequest} selector
+     * @returns {boolean}
+     */
+    is(selector: WinnowRequest): boolean;
     /**
      * Returns elements from the current list that contain the given target(s).
      * @param {TinyElement|TinyElement[]} roots - A single element or an array of elements (DOM or TinyHtml).
@@ -818,6 +928,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Element[]} Elements that contain the target.
      */
     static has(roots: TinyElement | TinyElement[], target: string | TinyElement | TinyElement[]): Element[];
+    /**
+     * Returns elements from the current list that contain the given target(s).
+     * @param {string|TinyElement|TinyElement[]} target - Selector or DOM element(s).
+     * @returns {Element[]} Elements that contain the target.
+     */
+    has(target: string | TinyElement | TinyElement[]): Element[];
     /**
      * Finds the closest ancestor (including self) that matches the selector.
      *
@@ -827,6 +943,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Element[]}
      */
     static closest(els: TinyElement | TinyElement[], selector: string | Element, context?: Element | null): Element[];
+    /**
+     * Finds the closest ancestor (including self) that matches the selector.
+     *
+     * @param {string|Element} selector - A selector string or DOM element to match.
+     * @param {Element|null} [context] - An optional context to stop searching.
+     * @returns {Element[]}
+     */
+    closest(selector: string | Element, context?: Element | null): Element[];
     /**
      * Compares two DOM elements to determine if they refer to the same node in the document.
      *
@@ -837,6 +961,26 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean} `true` if both elements are the same DOM node; otherwise, `false`.
      */
     static isSameDom(elem: TinyNode, otherElem: TinyNode): boolean;
+    /**
+     * Compares two DOM elements to determine if they refer to the same node in the document.
+     *
+     * This performs a strict equality check (`===`) between the two elements.
+     *
+     * @param {TinyNode} elem - The DOM element to compare.
+     * @returns {boolean} `true` if both elements are the same DOM node; otherwise, `false`.
+     */
+    isSameDom(elem: TinyNode): boolean;
+    /**
+     * Returns a shallow copy of the internal data.
+     * @type {ElementDataStore}
+     */
+    get _data(): ElementDataStore;
+    /**
+     * Replaces the internal data with a new object.
+     * @param {ElementDataStore} value - Must be a non-null object.
+     * @throws {Error} If the value is not a valid object.
+     */
+    set _data(value: ElementDataStore);
     /**
      * Internal data selectors for accessing public or private data stores.
      *
@@ -855,6 +999,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ElementDataStore|undefined|any} - The stored value, all data, or undefined if the key doesn't exist.
      */
     static data(el: TinyElement, key?: string | null, isPrivate?: boolean): ElementDataStore | undefined | any;
+    /**
+     * Retrieves data associated with a DOM element.
+     *
+     * If a `key` is provided, the corresponding value is returned.
+     * If no `key` is given, a shallow copy of all stored data is returned.
+     *
+     * @param {string} [key] - The specific key to retrieve from the data store.
+     * @param {boolean} [isPrivate=false] - Whether to access the private data store.
+     * @returns {ElementDataStore|undefined|any} - The stored value, all data, or undefined if the key doesn't exist.
+     */
+    data(key?: string, isPrivate?: boolean): ElementDataStore | undefined | any;
     /**
      * Stores a value associated with a specific key for a DOM element.
      *
@@ -866,6 +1021,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setData<T extends TinyElement>(el: T, key: string, value: any, isPrivate?: boolean): T;
+    /**
+     * Stores a value associated with a specific key for a DOM element.
+     *
+     * @param {string} key - The key under which the data will be stored.
+     * @param {any} value - The value to store.
+     * @param {boolean} [isPrivate=false] - Whether to store the data in the private store.
+     * @returns {this}
+     */
+    setData(key: string, value: any, isPrivate?: boolean): this;
     /**
      * Checks if a specific key exists in the data store of a DOM element.
      *
@@ -876,6 +1040,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean}
      */
     static hasData<T extends TinyElement>(el: T, key: string, isPrivate?: boolean): boolean;
+    /**
+     * Checks if a specific key exists in the data store of this element.
+     *
+     * @param {string} key - The key to check.
+     * @param {boolean} [isPrivate=false] - Whether to check the private store.
+     * @returns {boolean}
+     */
+    hasData(key: string, isPrivate?: boolean): boolean;
     /**
      * Removes a value associated with a specific key from the data store of a DOM element.
      *
@@ -885,6 +1057,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean}
      */
     static removeData(el: TinyElement, key: string, isPrivate?: boolean): boolean;
+    /**
+     * Removes a value associated with a specific key from the data store of this element.
+     *
+     * @param {string} key - The key to remove.
+     * @param {boolean} [isPrivate=false] - Whether to remove from the private store.
+     * @returns {boolean}
+     */
+    removeData(key: string, isPrivate?: boolean): boolean;
     /**
      * Get the sibling element in a given direction.
      *
@@ -919,6 +1099,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ParentNode|null} The parent node or null if not found.
      */
     static parent(el: TinyNode): ParentNode | null;
+    /**
+     * Returns the direct parent node of the given element, excluding document fragments.
+     *
+     * @returns {ParentNode|null} The parent node or null if not found.
+     */
+    parent(): ParentNode | null;
     /**
      * Returns all ancestor nodes of the given element, optionally stopping before a specific ancestor.
      *
@@ -927,6 +1113,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode[]} An array of ancestor nodes.
      */
     static parents(el: TinyNode, until?: TinyNode | string): ChildNode[];
+    /**
+     * Returns all ancestor nodes of the given element, optionally stopping before a specific ancestor.
+     *
+     * @param {TinyNode|string} [until] - A node or selector to stop before.
+     * @returns {ChildNode[]} An array of ancestor nodes.
+     */
+    parents(until?: TinyNode | string): ChildNode[];
     /**
      * Returns the next sibling of the given element.
      *
@@ -934,6 +1127,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode|null} The next sibling or null if none found.
      */
     static next(el: TinyNode): ChildNode | null;
+    /**
+     * Returns the next sibling of the given element.
+     *
+     * @returns {ChildNode|null} The next sibling or null if none found.
+     */
+    next(): ChildNode | null;
     /**
      * Returns the previous sibling of the given element.
      *
@@ -941,6 +1140,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode|null} The previous sibling or null if none found.
      */
     static prev(el: TinyNode): ChildNode | null;
+    /**
+     * Returns the previous sibling of the given element.
+     *
+     * @returns {ChildNode|null} The previous sibling or null if none found.
+     */
+    prev(): ChildNode | null;
     /**
      * Returns all next sibling nodes after the given element.
      *
@@ -948,6 +1153,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode[]} An array of next sibling nodes.
      */
     static nextAll(el: TinyNode): ChildNode[];
+    /**
+     * Returns all next sibling nodes after the given element.
+     *
+     * @returns {ChildNode[]} An array of next sibling nodes.
+     */
+    nextAll(): ChildNode[];
     /**
      * Returns all previous sibling nodes before the given element.
      *
@@ -955,6 +1166,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode[]} An array of previous sibling nodes.
      */
     static prevAll(el: TinyNode): ChildNode[];
+    /**
+     * Returns all previous sibling nodes before the given element.
+     *
+     * @returns {ChildNode[]} An array of previous sibling nodes.
+     */
+    prevAll(): ChildNode[];
     /**
      * Returns all next sibling nodes up to (but not including) the node matched by a selector or element.
      *
@@ -963,6 +1180,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode[]} An array of next sibling nodes.
      */
     static nextUntil(el: TinyNode, until?: TinyNode | string): ChildNode[];
+    /**
+     * Returns all next sibling nodes up to (but not including) the node matched by a selector or element.
+     *
+     * @param {TinyNode|string} [until] - A node or selector to stop before.
+     * @returns {ChildNode[]} An array of next sibling nodes.
+     */
+    nextUntil(until?: TinyNode | string): ChildNode[];
     /**
      * Returns all previous sibling nodes up to (but not including) the node matched by a selector or element.
      *
@@ -971,6 +1195,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode[]} An array of previous sibling nodes.
      */
     static prevUntil(el: TinyNode, until?: TinyNode | string): ChildNode[];
+    /**
+     * Returns all previous sibling nodes up to (but not including) the node matched by a selector or element.
+     *
+     * @param {TinyNode|string} [until] - A node or selector to stop before.
+     * @returns {ChildNode[]} An array of previous sibling nodes.
+     */
+    prevUntil(until?: TinyNode | string): ChildNode[];
     /**
      * Returns all sibling nodes of the given element, excluding itself.
      *
@@ -978,6 +1209,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {ChildNode[]} An array of sibling nodes.
      */
     static siblings(el: TinyNode): ChildNode[];
+    /**
+     * Returns all sibling nodes of the given element, excluding itself.
+     *
+     * @returns {ChildNode[]} An array of sibling nodes.
+     */
+    siblings(): ChildNode[];
     /**
      * Returns all child nodes of the given element.
      *
@@ -986,12 +1223,24 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static children(el: TinyNode): ChildNode[];
     /**
-     * Returns the contents of the given node. For `<template>` it returns its content; for `<iframe>`, the document.
+     * Returns all child nodes of the given element.
+     *
+     * @returns {ChildNode[]} An array of child nodes.
+     */
+    children(): ChildNode[];
+    /**
+     * Returns the contents of the given node. For `<template>` it returns its content; for `<iframe>`, the document.
      *
      * @param {TinyNode} el - The DOM node to get contents from.
      * @returns {(ChildNode|DocumentFragment)[]|Document[]} An array of child nodes or the content document of an iframe.
      */
     static contents(el: TinyNode): (ChildNode | DocumentFragment)[] | Document[];
+    /**
+     * Returns the contents of the given node. For `<template>` it returns its content; for `<iframe>`, the document.
+     *
+     * @returns {(ChildNode|DocumentFragment)[]|Document[]} An array of child nodes or the content document of an iframe.
+     */
+    contents(): (ChildNode | DocumentFragment)[] | Document[];
     /**
      * Clone each element.
      * @param {TinyNode|TinyNode[]} el
@@ -999,7 +1248,18 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Node[]}
      */
     static clone(el: TinyNode | TinyNode[], deep?: boolean): Node[];
-    static _appendChecker(where: string, ...nodes: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): (Node | string)[];
+    /**
+     * Clone the element.
+     * @param {boolean} [deep=true]
+     * @returns {Node}
+     */
+    clone(deep?: boolean): Node;
+    /**
+     * Normalize and validate nodes before DOM insertion.
+     * Converts TinyNode-like structures or strings into DOM-compatible nodes.
+     * @type {(where: string, ...nodes: (AppendCheckerValues|Record<string, AppendCheckerValues>)[]) => (Node | string)[]}
+     */
+    static _appendChecker(where: string, ...nodes: (Record<string, AppendCheckerValues> | AppendCheckerValues)[]): (string | Node)[];
     /**
      * Appends child elements or strings to the end of the target element(s).
      *
@@ -1009,6 +1269,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static append<T extends TinyElement>(el: T, ...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): T;
+    /**
+     * Appends child elements or strings to the end of the target element(s).
+     *
+     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - The child elements or text to append.
+     * @returns {this}
+     */
+    append(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
     /**
      * Prepends child elements or strings to the beginning of the target element(s).
      *
@@ -1018,6 +1285,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static prepend<T extends TinyElement>(el: T, ...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): T;
+    /**
+     * Prepends child elements or strings to the beginning of the target element(s).
+     *
+     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - The child elements or text to prepend.
+     * @returns {this}
+     */
+    prepend(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
     /**
      * Inserts elements or strings immediately before the target element(s) in the DOM.
      *
@@ -1027,6 +1301,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static before<T extends TinyElement>(el: T, ...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): T;
+    /**
+     * Inserts elements or strings immediately before the target element(s) in the DOM.
+     *
+     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - Elements or text to insert before the target.
+     * @returns {this}
+     */
+    before(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
     /**
      * Inserts elements or strings immediately after the target element(s) in the DOM.
      *
@@ -1036,6 +1317,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static after<T extends TinyElement>(el: T, ...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): T;
+    /**
+     * Inserts elements or strings immediately after the target element(s) in the DOM.
+     *
+     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - Elements or text to insert after the target.
+     * @returns {this}
+     */
+    after(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
     /**
      * Replaces the target element(s) in the DOM with new elements or text.
      *
@@ -1045,6 +1333,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static replaceWith<T extends TinyElement>(el: T, ...newNodes: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): T;
+    /**
+     * Replaces the target element(s) in the DOM with new elements or text.
+     *
+     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} newNodes - New elements or text to replace the target.
+     * @returns {this}
+     */
+    replaceWith(...newNodes: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
     /**
      * Appends the given element(s) to each target element in sequence.
      *
@@ -1054,6 +1349,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static appendTo<T extends TinyNode | TinyNode[]>(el: T, targets: TinyNode | TinyNode[]): T;
+    /**
+     * Appends the given element(s) to each target element in sequence.
+     *
+     * @param {TinyNode | TinyNode[]} targets - Target element(s) where content will be appended.
+     * @returns {this}
+     */
+    appendTo(targets: TinyNode | TinyNode[]): this;
     /**
      * Prepends the given element(s) to each target element in sequence.
      *
@@ -1063,6 +1365,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static prependTo<T extends TinyElement | TinyElement[]>(el: T, targets: TinyElement | TinyElement[]): T;
+    /**
+     * Prepends the given element(s) to each target element in sequence.
+     *
+     * @param {TinyElement | TinyElement[]} targets - Target element(s) where content will be prepended.
+     * @returns {this}
+     */
+    prependTo(targets: TinyElement | TinyElement[]): this;
     /**
      * Inserts the element before a child of a given target, or before the target itself.
      *
@@ -1073,6 +1382,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static insertBefore<T extends TinyNode | TinyNode[]>(el: T, target: TinyNode | TinyNode[], child?: TinyNode | TinyNode[] | null): T;
+    /**
+     * Inserts the element before a child of a given target, or before the target itself.
+     *
+     * @param {TinyNode | TinyNode[]} target - The reference element where insertion happens.
+     * @param {TinyNode | TinyNode[] | null} [child=null] - Optional child to insert before, defaults to target.
+     * @returns {this}
+     */
+    insertBefore(target: TinyNode | TinyNode[], child?: TinyNode | TinyNode[] | null): this;
     /**
      * Inserts the element after a child of a given target, or after the target itself.
      *
@@ -1083,6 +1400,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static insertAfter<T extends TinyNode | TinyNode[]>(el: T, target: TinyNode | TinyNode[], child?: TinyNode | TinyNode[] | null): T;
+    /**
+     * Inserts the element after a child of a given target, or after the target itself.
+     *
+     * @param {TinyNode | TinyNode[]} target - The reference element where insertion happens.
+     * @param {TinyNode | TinyNode[] | null} [child=null] - Optional child to insert after, defaults to target.
+     * @returns {this}
+     */
+    insertAfter(target: TinyNode | TinyNode[], child?: TinyNode | TinyNode[] | null): this;
     /**
      * Replaces all target elements with the provided element(s).
      * If multiple targets exist, the inserted elements are cloned accordingly.
@@ -1093,6 +1418,20 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static replaceAll<T extends TinyNode | TinyNode[]>(el: T, targets: TinyNode | TinyNode[]): T;
+    /**
+     * Replaces all target elements with the provided element(s).
+     * If multiple targets exist, the inserted elements are cloned accordingly.
+     *
+     * @param {TinyNode | TinyNode[]} targets - The elements to be replaced.
+     * @returns {this}
+     */
+    replaceAll(targets: TinyNode | TinyNode[]): this;
+    /**
+     * Returns the number of elements currently stored in the internal element list.
+     *
+     * @returns {number} The total count of elements.
+     */
+    get size(): number;
     /**
      * Validates if all provided items are acceptable constructor values.
      *
@@ -1100,6 +1439,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If any element is not a valid target.
      */
     static _elCheck(els: any[] | NodeListOf<Element> | HTMLCollectionOf<Element> | NodeListOf<HTMLElement>): void;
+    /**
+     * A new TinyHtml object containing the combined elements.
+     *
+     * @template {TinyHtmlConstructor} T
+     * @param {T} el - The elements to add.
+     * @returns {TinyHtml<TinyHtmlT|T>} The new length of the internal collection.
+     */
+    add<T extends TinyHtmlConstructor>(el: T): TinyHtml<TinyHtmlT | T>;
     /**
      * Resolves the given constructor input into a normalized array of elements.
      *
@@ -1109,6 +1456,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If the resolved elements are not valid constructor values.
      */
     static _selector(el: TinyHtmlConstructor): ConstructorElValues[];
+    /**
+     * Creates an instance of TinyHtml for a specific Element.
+     * Useful when you want to operate repeatedly on the same element using instance methods.
+     * @param {TinyHtmlT} el - The element to wrap and manipulate.
+     */
+    constructor(el: TinyHtmlT);
     /**
      * Checks whether the given object is a window.
      * @param {*} obj - The object to test.
@@ -1122,6 +1475,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {CSSStyleDeclaration} The computed style object for the element.
      */
     static css(el: TinyElement): CSSStyleDeclaration;
+    /**
+     * Returns the full computed CSS styles for the given element.
+     *
+     * @returns {CSSStyleDeclaration} The computed style object for the element.
+     */
+    css(): CSSStyleDeclaration;
     /**
      * Returns the value of a specific computed CSS property from the given element as a string.
      *
@@ -1130,6 +1489,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {string|null} The value of the CSS property as a string, or null if not found or invalid.
      */
     static cssString(el: TinyElement, prop: string): string | null;
+    /**
+     * Returns the value of a specific computed CSS property from the given element as a string.
+     *
+     * @param {string} prop - The name of the CSS property (camelCase or kebab-case).
+     * @returns {string|null} The value of the CSS property as a string, or null if not found or invalid.
+     */
+    cssString(prop: string): string | null;
     /**
      * Returns a subset of computed CSS styles based on the given list of properties.
      *
@@ -1138,6 +1504,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Partial<CSSStyleDeclaration>} An object containing the requested styles.
      */
     static cssList(el: TinyElement, prop: string[]): Partial<CSSStyleDeclaration>;
+    /**
+     * Returns a subset of computed CSS styles based on the given list of properties.
+     *
+     * @param {string[]} prop - An array of CSS property names to retrieve.
+     * @returns {Partial<CSSStyleDeclaration>} An object containing the requested styles.
+     */
+    cssList(prop: string[]): Partial<CSSStyleDeclaration>;
     /**
      * Returns the computed CSS float value of a property.
      * @param {TinyElement} el - The element to inspect.
@@ -1145,6 +1518,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {number} - The parsed float value.
      */
     static cssFloat(el: TinyElement, prop: string): number;
+    /**
+     * Returns the computed CSS float value of a property.
+     * @param {string} prop - The CSS property.
+     * @returns {number} - The parsed float value.
+     */
+    cssFloat(prop: string): number;
     /**
      * Returns computed float values of multiple CSS properties.
      * @param {TinyElement} el - The element to inspect.
@@ -1153,23 +1532,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static cssFloats(el: TinyElement, prop: string[]): Record<string, number>;
     /**
-     * Stores camelCase to kebab-case CSS property aliases.
-     *
-     * Used to normalize property names when interacting with `element.style` or `getComputedStyle`.
-     *
-     * ⚠️ This object should not be modified directly. Use `TinyHtml.cssPropAliases` instead to ensure reverse mappings stay in sync.
-     *
-     * Example of how to add a new alias:
-     *
-     * ```js
-     * TinyHtml.cssPropAliases.tinyPudding = 'tiny-pudding';
-     * ```
-     *
-     * This will automatically update `TinyHtml.cssPropRevAliases['tiny-pudding']` with `'tinyPudding'`.
-     *
-     * @type {Record<string | symbol, string>}
+     * Returns computed float values of multiple CSS properties.
+     * @param {string[]} prop - An array of CSS properties.
+     * @returns {Record<string, number>} - Map of property to float value.
      */
-    static #cssPropAliases: Record<string | symbol, string>;
+    cssFloats(prop: string[]): Record<string, number>;
     /**
      * Public proxy to manage camelCase ➝ kebab-case CSS property aliasing.
      *
@@ -1211,6 +1578,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setStyle<T extends TinyHtmlElement | TinyHtmlElement[]>(el: T, prop: string | Object, value?: string | null): T;
+    /**
+     * Sets one or more CSS inline style properties on the given element(s).
+     *
+     * - If `prop` is a string, the `value` will be applied to that property.
+     * - If `prop` is an object, each key-value pair will be applied as a CSS property and value.
+     *
+     * @param {string|Object} prop - The property name or an object with key-value pairs
+     * @param {string|null} [value=null] - The value to set (if `prop` is a string)
+     * @returns {this}
+     */
+    setStyle(prop: string | Object, value?: string | null): this;
     /**
      * Gets the value of a specific inline style property.
      *
@@ -1221,6 +1599,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {string} The style value of the specified property.
      */
     static getStyle(el: TinyHtmlElement | TinyHtmlElement[], prop: string): string;
+    /**
+     * Gets the value of a specific inline style property.
+     *
+     * Returns only the value set directly via the `style` attribute.
+     *
+     * @param {string} prop - The style property name to retrieve.
+     * @returns {string} The style value of the specified property.
+     */
+    getStyle(prop: string): string;
     /**
      * Gets all inline styles defined directly on the element (`style` attribute).
      *
@@ -1235,8 +1622,22 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If `camelCase` or `rawAttr` is not a boolean.
      */
     static style(el: TinyHtmlElement | TinyHtmlElement[], { camelCase, rawAttr }?: {
-        camelCase?: boolean | undefined;
-        rawAttr?: boolean | undefined;
+        camelCase?: boolean;
+        rawAttr?: boolean;
+    }): Record<string, string>;
+    /**
+     * Gets all inline styles defined directly on the element (`style` attribute).
+     *
+     * Returns an object with all property-value pairs in kebab-case format.
+     *
+     * @param {Object} [settings={}] - Optional configuration settings.
+     * @param {boolean} [settings.camelCase=false] - If `true`, the property names will be converted to camelCase.
+     * @param {boolean} [settings.rawAttr=false] - If `true`, reads the style string from the `style` attribute instead of using the style object.
+     * @returns {Record<string, string>} All inline styles as an object.
+     */
+    style(settings?: {
+        camelCase?: boolean;
+        rawAttr?: boolean;
     }): Record<string, string>;
     /**
      * Removes one or more inline CSS properties from the given element(s).
@@ -1247,6 +1648,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static removeStyle<T extends TinyHtmlElement | TinyHtmlElement[]>(el: T, prop: string | string[]): T;
+    /**
+     * Removes one or more inline CSS properties from the given element(s).
+     *
+     * @param {string|string[]} prop - A property name or an array of property names to remove.
+     * @returns {this}
+     */
+    removeStyle(prop: string | string[]): this;
     /**
      * Toggles a CSS property value between two given values.
      *
@@ -1260,6 +1668,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static toggleStyle<T extends TinyHtmlElement | TinyHtmlElement[]>(el: T, prop: string, val1: string, val2: string): T;
+    /**
+     * Toggles a CSS property value between two given values.
+     *
+     * The current computed value is compared to `val1`. If it matches, the property is set to `val2`. Otherwise, it is set to `val1`.
+     *
+     * @param {string} prop - The CSS property to toggle.
+     * @param {string} val1 - The first value (used as "current" check).
+     * @param {string} val2 - The second value (used as the "alternative").
+     * @returns {this}
+     */
+    toggleStyle(prop: string, val1: string, val2: string): this;
     /**
      * Removes all inline styles (`style` attribute) from the given element(s).
      *
@@ -1268,6 +1687,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static clearStyle<T extends TinyElement | TinyElement[]>(el: T): T;
+    /**
+     * Removes all inline styles (`style` attribute) from the given element(s).
+     * @returns {this}
+     */
+    clearStyle(): this;
     /**
      * Focus the element.
      *
@@ -1276,6 +1700,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static focus<T extends TinyHtmlElement>(el: T): T;
+    /**
+     * Focus the element.
+     * @returns {this}
+     */
+    focus(): this;
     /**
      * Blur the element.
      *
@@ -1284,6 +1713,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static blur<T extends TinyHtmlElement>(el: T): T;
+    /**
+     * Blur the element.
+     * @returns {this}
+     */
+    blur(): this;
     /**
      * Select the text content of an input or textarea element.
      *
@@ -1292,6 +1726,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static select<T extends TinyHtmlAny | HTMLInputElement | HTMLTextAreaElement>(el: T): T;
+    /**
+     * Select the text content of an input or textarea element.
+     * @returns {this}
+     */
+    select(): this;
     /**
      * Interprets a value as a boolean `true` if it matches a common truthy representation.
      *
@@ -1359,6 +1798,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If `type` or `extra` is not a string.
      */
     static getDimension(el: TinyElementAndWinAndDoc, type: "width" | "height", extra?: "content" | "padding" | "border" | "margin"): number;
+    /**
+     * Gets the width or height of an element based on the box model.
+     * @param {"width"|"height"} type - Dimension type.
+     * @param {"content"|"padding"|"border"|"margin"} extra - Box model context.
+     * @returns {number} - Computed dimension.
+     */
+    getDimension(type: "width" | "height", extra: "content" | "padding" | "border" | "margin"): number;
     /**
      * Sets the height of the element.
      * @template {TinyHtmlElement} T
@@ -1368,6 +1814,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setHeight<T extends TinyHtmlElement>(el: T, value: string | number): T;
+    /**
+     * Sets the height of the element.
+     * @param {string|number} value - Height value.
+     * @returns {this}
+     */
+    setHeight(value: string | number): this;
+    /**
+     * Sets the height of the element.
+     * @param {string|number} value - Height value.
+     */
+    set height(value: string | number);
     /**
      * Sets the width of the element.
      * @template {TinyHtmlElement} T
@@ -1377,6 +1834,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setWidth<T extends TinyHtmlElement>(el: T, value: string | number): T;
+    /**
+     * Sets the width of the element.
+     * @param {string|number} value - Width value.
+     * @returns {this}
+     */
+    setWidth(value: string | number): this;
+    /**
+     * Sets the width of the element.
+     * @param {string|number} value - Width value.
+     */
+    set width(value: string | number);
     /**
      * Returns content box height.
      * @param {TinyElementAndWinAndDoc} el - Target element.
@@ -1384,23 +1852,43 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static height(el: TinyElementAndWinAndDoc): number;
     /**
-     * Returns content box width.
-     * @param {TinyElementAndWinAndDoc} el - Target element.
+     * Returns content box height.
      * @returns {number}
      */
-    static width(el: TinyElementAndWinAndDoc): number;
+    get height(): number;
+    /**
+     * Returns content box width.
+     * @param {TinyElementAndWinAndDoc} el - Target element.
+     * @returns {number}
+     */
+    static width(el: TinyElementAndWinAndDoc): number;
+    /**
+     * Returns content box width.
+     * @returns {number}
+     */
+    get width(): number;
     /**
      * Returns padding box height.
      * @param {TinyElementAndWinAndDoc} el - Target element.
      * @returns {number}
      */
     static innerHeight(el: TinyElementAndWinAndDoc): number;
+    /**
+     * Returns padding box height.
+     * @returns {number}
+     */
+    innerHeight(): number;
     /**
      * Returns padding box width.
      * @param {TinyElementAndWinAndDoc} el - Target element.
      * @returns {number}
      */
     static innerWidth(el: TinyElementAndWinAndDoc): number;
+    /**
+     * Returns padding box width.
+     * @returns {number}
+     */
+    innerWidth(): number;
     /**
      * Returns outer height of the element, optionally including margin.
      * @param {TinyElementAndWinAndDoc} el - Target element.
@@ -1408,6 +1896,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {number}
      */
     static outerHeight(el: TinyElementAndWinAndDoc, includeMargin?: boolean): number;
+    /**
+     * Returns outer height of the element, optionally including margin.
+     * @param {boolean} [includeMargin=false] - Whether to include margin.
+     * @returns {number}
+     */
+    outerHeight(includeMargin?: boolean): number;
     /**
      * Returns outer width of the element, optionally including margin.
      * @param {TinyElementAndWinAndDoc} el - Target element.
@@ -1415,19 +1909,34 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {number}
      */
     static outerWidth(el: TinyElementAndWinAndDoc, includeMargin?: boolean): number;
-    /** @type {string} */
-    static #defaultDisplay: string;
     /**
-     * Sets the default display value.
+     * Returns outer width of the element, optionally including margin.
+     * @param {boolean} [includeMargin=false] - Whether to include margin.
+     * @returns {number}
+     */
+    outerWidth(includeMargin?: boolean): number;
+    /**
+     * Gets the current display value.
+     * @returns {string}
+     */
+    get mainDisplay(): string;
+    /**
+     * Sets the display value.
      * @param {string} value
      * @throws {TypeError} If the value is not a string.
      */
-    static set defaultDisplay(value: string);
+    set mainDisplay(value: string);
     /**
      * Gets the default display value.
      * @returns {string}
      */
     static get defaultDisplay(): string;
+    /**
+     * Sets the default display value.
+     * @param {string} value
+     * @throws {TypeError} If the value is not a string.
+     */
+    static set defaultDisplay(value: string);
     /**
      * Retrieves stored animation data for a given element and key.
      * If no data exists yet, initializes storage for that element.
@@ -1447,12 +1956,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static setAnimateData(el: HTMLElement, where: string, value: string | number): void;
     /**
-     * Global configuration flag controlling whether old style-based animations
-     * are cancelled before a new one starts. Defaults to true.
+     * Returns the current global setting for cancelling old style-based animations.
      *
-     * @type {boolean}
+     * @returns {boolean} True if old animations are cancelled by default, false otherwise.
      */
-    static #cancelOldStyleFx: boolean;
+    static get cancelOldStyleFx(): boolean;
     /**
      * Updates the global setting that determines whether old style-based animations
      * are cancelled before new ones start.
@@ -1462,33 +1970,16 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static set cancelOldStyleFx(value: boolean);
     /**
-     * Returns the current global setting for cancelling old style-based animations.
-     *
-     * @returns {boolean} True if old animations are cancelled by default, false otherwise.
-     */
-    static get cancelOldStyleFx(): boolean;
-    /**
-     * Predefined animation speed options, inspired by jQuery.fx.speeds.
-     * Each entry can be either a number (duration in ms) or a KeyframeAnimationOptions object.
-     *
-     * Usage example:
-     *   TinyHtml.animate(el, keyframes, TinyHtml.#fxSpeeds.fast);
-     *   TinyHtml.slideDown(el, TinyHtml.#fxSpeeds.slow);
-     *
-     * @type {Record<string, number | KeyframeAnimationOptions>}
+     * Get a cloned copy of predefined animation speeds.
+     * @returns {Record<string, number | KeyframeAnimationOptions>}
      */
-    static #styleFxSpeeds: Record<string, number | KeyframeAnimationOptions>;
+    static get styleFxSpeeds(): Record<string, number | KeyframeAnimationOptions>;
     /**
      * Replace the predefined animation speeds.
      * @param {Record<string, number | KeyframeAnimationOptions>} speeds
      * @throws {TypeError} If input is not a valid object of speed definitions.
      */
     static set styleFxSpeeds(speeds: Record<string, number | KeyframeAnimationOptions>);
-    /**
-     * Get a cloned copy of predefined animation speeds.
-     * @returns {Record<string, number | KeyframeAnimationOptions>}
-     */
-    static get styleFxSpeeds(): Record<string, number | KeyframeAnimationOptions>;
     /**
      * Get a predefined animation speed by name.
      *
@@ -1519,27 +2010,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static hasStyleFxSpeed(name: string): boolean;
     /**
-     * CSS expansion shorthand used by genStyleFx to include margin/padding values.
-     * @typedef {['Top', 'Right', 'Bottom', 'Left']}
-     */
-    static #cssExpand: string[];
-    /**
-     * Generate shortcuts
-     * @type {Record<string, StyleEffects>}
+     * Returns a deep-cloned copy of the registered style effects.
+     *
+     * @returns {Record<string, StyleEffects>}
      */
-    static #styleEffects: Record<string, StyleEffects>;
+    static get styleEffects(): Record<string, StyleEffects>;
     /**
      * Replace the entire styleEffects map with a new one.
      *
      * @param {Record<string, StyleEffects>} value
      */
     static set styleEffects(value: Record<string, StyleEffects>);
-    /**
-     * Returns a deep-cloned copy of the registered style effects.
-     *
-     * @returns {Record<string, StyleEffects>}
-     */
-    static get styleEffects(): Record<string, StyleEffects>;
     /**
      * Get a deep-cloned style effect by name.
      * @param {string} name
@@ -1565,21 +2046,16 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static hasStyleEffect(name: string): boolean;
     /**
-     * Style Effect Inverse Values
-     * @type {Record<string, string>}
+     * Get a cloned copy of style inverse values.
+     * @returns {Record<string, string>}
      */
-    static #styleEffectInverse: Record<string, string>;
+    static get styleEffectInverse(): Record<string, string>;
     /**
      * Replace the style inverse values.
      * @param {Record<string, string>} values
      * @throws {TypeError} If not a valid object with functions as values.
      */
     static set styleEffectInverse(values: Record<string, string>);
-    /**
-     * Get a cloned copy of style inverse values.
-     * @returns {Record<string, string>}
-     */
-    static get styleEffectInverse(): Record<string, string>;
     /**
      * Get a registered inverse values.
      *
@@ -1610,21 +2086,16 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static hasStyleEffectInverse(name: string): boolean;
     /**
-     * Style Effect Repeat Detector
-     * @type {Record<string, StyleEffectsRdFn>}
+     * Get a cloned copy of style effects repeat detectors.
+     * @returns {Record<string, StyleEffectsRdFn>}
      */
-    static #styleEffectsRd: Record<string, StyleEffectsRdFn>;
+    static get styleEffectsRd(): Record<string, StyleEffectsRdFn>;
     /**
      * Replace the style effects repeat detectors.
      * @param {Record<string, StyleEffectsRdFn>} detectors
      * @throws {TypeError} If not a valid object with functions as values.
      */
     static set styleEffectsRd(detectors: Record<string, StyleEffectsRdFn>);
-    /**
-     * Get a cloned copy of style effects repeat detectors.
-     * @returns {Record<string, StyleEffectsRdFn>}
-     */
-    static get styleEffectsRd(): Record<string, StyleEffectsRdFn>;
     /**
      * Get a registered repeat detector function by name.
      *
@@ -1655,24 +2126,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static hasStyleEffectRd(name: string): boolean;
     /**
-     * Effect property handlers for show, hide, and toggle.
-     * Each function builds keyframes depending on the property being animated.
+     * Returns a shallow-cloned copy of the property effect handlers.
      *
-     * @type {StyleEffectsProps}
+     * @returns {StyleEffectsProps}
      */
-    static #styleEffectsProps: StyleEffectsProps;
+    static get styleEffectsProps(): StyleEffectsProps;
     /**
      * Replace the entire styleEffectsProps map with a new one.
      *
      * @param {StyleEffectsProps} value
      */
     static set styleEffectsProps(value: StyleEffectsProps);
-    /**
-     * Returns a shallow-cloned copy of the property effect handlers.
-     *
-     * @returns {StyleEffectsProps}
-     */
-    static get styleEffectsProps(): StyleEffectsProps;
     /**
      * Get a style effect property handler by name.
      *
@@ -1722,6 +2186,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {StyleFxResult}
      */
     static applyStyleFx(el: TinyHtmlElement | TinyHtmlElement[], id: string, props: StyleEffects, ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
+    /**
+     * Applies style-based effects (slide, fade) to one or more elements.
+     * Converts abstract effect definitions (e.g., `{ height: "show" }`)
+     * into concrete Web Animations API keyframes.
+     *
+     * @param {string} id - The style effect id.
+     * @param {StyleEffects} props - The style effect definition.
+     * @param {number | KeyframeAnimationOptions} [ops] - Timing options.
+     * @returns {StyleFxResult}
+     */
+    applyStyleFx(id: string, props: StyleEffects, ops?: number | KeyframeAnimationOptions): StyleFxResult;
     /**
      * Get the current animation entry for a given element.
      * @param {HTMLElement} el - The target element.
@@ -1742,6 +2217,19 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Animation[]}
      */
     static animate(el: TinyHtmlElement | TinyHtmlElement[], keyframes: Keyframe[] | PropertyIndexedKeyframes | null, ops?: number | KeyframeAnimationOptions | string, id?: string | null, cancelOldAnim?: boolean): Animation[];
+    /**
+     * Applies an animation to one or multiple TinyElement instances.
+     *
+     * If `cancelOldAnim` is true, any currently running animation on the same element
+     * will be cancelled before the new one starts.
+     *
+     * @param {Keyframe[] | PropertyIndexedKeyframes | null} keyframes - Keyframes that define the animation.
+     * @param {number | KeyframeAnimationOptions | string} [ops] - Timing or configuration options for the animation.
+     * @param {string|null} [id] - The style effect id.
+     * @param {boolean} [cancelOldAnim=TinyHtml.cancelOldStyleFx] - Whether to cancel previous animations on the same element.
+     * @returns {Animation[]}
+     */
+    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, ops?: number | KeyframeAnimationOptions | string, id?: string | null, cancelOldAnim?: boolean): Animation[];
     /**
      * Stops the current animation(s) on one or multiple TinyElement instances.
      *
@@ -1751,6 +2239,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean[]} The same element(s) provided as input, for chaining.
      */
     static stop(el: TinyHtmlElement | TinyHtmlElement[]): boolean[];
+    /**
+     * Stops the current animation(s) on this TinyElement instance.
+     *
+     * @returns {boolean[]}
+     */
+    stop(): boolean[];
     /**
      * Show animation (slideDown).
      * @param {TinyHtmlElement|TinyHtmlElement[]} el
@@ -1758,6 +2252,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {StyleFxResult}
      */
     static slideDown(el: TinyHtmlElement | TinyHtmlElement[], ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
+    /**
+     * Show animation (slideDown).
+     * @param {number | KeyframeAnimationOptions | string} [ops]
+     * @returns {StyleFxResult}
+     */
+    slideDown(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
     /**
      * Hide animation (slideUp).
      * @param {TinyHtmlElement|TinyHtmlElement[]} el
@@ -1765,6 +2265,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {StyleFxResult}
      */
     static slideUp(el: TinyHtmlElement | TinyHtmlElement[], ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
+    /**
+     * Hide animation (slideUp).
+     * @param {number | KeyframeAnimationOptions | string} [ops]
+     * @returns {StyleFxResult}
+     */
+    slideUp(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
     /**
      * Toggle slide animation.
      * @param {TinyHtmlElement|TinyHtmlElement[]} el
@@ -1772,6 +2278,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {StyleFxResult}
      */
     static slideToggle(el: TinyHtmlElement | TinyHtmlElement[], ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
+    /**
+     * Toggle slide animation.
+     * @param {number | KeyframeAnimationOptions | string} [ops]
+     * @returns {StyleFxResult}
+     */
+    slideToggle(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
     /**
      * Fade in animation.
      * @param {TinyHtmlElement|TinyHtmlElement[]} el
@@ -1779,6 +2291,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {StyleFxResult}
      */
     static fadeIn(el: TinyHtmlElement | TinyHtmlElement[], ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
+    /**
+     * Fade in animation.
+     * @param {number | KeyframeAnimationOptions | string} [ops]
+     * @returns {StyleFxResult}
+     */
+    fadeIn(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
     /**
      * Fade out animation.
      * @param {TinyHtmlElement|TinyHtmlElement[]} el
@@ -1786,6 +2304,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {StyleFxResult}
      */
     static fadeOut(el: TinyHtmlElement | TinyHtmlElement[], ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
+    /**
+     * Fade out animation.
+     * @param {number | KeyframeAnimationOptions | string} [ops]
+     * @returns {StyleFxResult}
+     */
+    fadeOut(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
     /**
      * Fade toggle animation.
      * @param {TinyHtmlElement|TinyHtmlElement[]} el
@@ -1793,6 +2317,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {StyleFxResult}
      */
     static fadeToggle(el: TinyHtmlElement | TinyHtmlElement[], ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
+    /**
+     * Fade toggle animation.
+     * @param {number | KeyframeAnimationOptions | string} [ops]
+     * @returns {StyleFxResult}
+     */
+    fadeToggle(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
     /**
      * Animate the opacity of elements to a target value.
      * If the element is hidden (display:none), it will be made visible first
@@ -1807,6 +2337,19 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If ops is not number|string|object when provided.
      */
     static fadeTo(el: TinyHtmlElement | TinyHtmlElement[], opacity: number, ops?: number | KeyframeAnimationOptions | string, mainDisplay?: string): StyleFxResult;
+    /**
+     * Animate the opacity of elements to a target value.
+     * If the element is hidden (display:none), it will be made visible first
+     * so the fade animation can occur.
+     *
+     * @param {number} opacity - Final opacity value (between 0 and 1).
+     * @param {number | KeyframeAnimationOptions | string} [ops] - Duration or animation options.
+     * @param {string} [mainDisplay=this.#mainDisplay] - Sets the main display value.
+     * @returns {StyleFxResult}
+     * @throws {TypeError} If opacity is not a number between 0 and 1.
+     * @throws {TypeError} If ops is not number|string|object when provided.
+     */
+    fadeTo(opacity: number, ops?: number | KeyframeAnimationOptions | string, mainDisplay?: string): StyleFxResult;
     /**
      * Gets the offset of the element relative to the document.
      * @param {TinyElement} el - Target element.
@@ -1816,6 +2359,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
         top: number;
         left: number;
     };
+    /**
+     * Gets the offset of the element relative to the document.
+     * @returns {{top: number, left: number}}
+     */
+    offset(): {
+        top: number;
+        left: number;
+    };
     /**
      * Gets the position of the element relative to its offset parent.
      * @param {TinyHtmlElement} el - Target element.
@@ -1825,24 +2376,47 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
         top: number;
         left: number;
     };
+    /**
+     * Gets the position of the element relative to its offset parent.
+     * @returns {{top: number, left: number}}
+     */
+    position(): {
+        top: number;
+        left: number;
+    };
     /**
      * Gets the closest positioned ancestor element.
      * @param {TinyHtmlElement} el - Target element.
      * @returns {HTMLElement} - Offset parent element.
      */
     static offsetParent(el: TinyHtmlElement): HTMLElement;
+    /**
+     * Gets the closest positioned ancestor element.
+     * @returns {HTMLElement} - Offset parent element.
+     */
+    offsetParent(): HTMLElement;
     /**
      * Gets the vertical scroll position.
      * @param {TinyElementAndWindow} el - Element or window.
      * @returns {number}
      */
     static scrollTop(el: TinyElementAndWindow): number;
+    /**
+     * Gets the vertical scroll position.
+     * @returns {number}
+     */
+    scrollTop(): number;
     /**
      * Gets the horizontal scroll position.
      * @param {TinyElementAndWindow} el - Element or window.
      * @returns {number}
      */
     static scrollLeft(el: TinyElementAndWindow): number;
+    /**
+     * Gets the horizontal scroll position.
+     * @returns {number}
+     */
+    scrollLeft(): number;
     /**
      * Collection of easing functions used for scroll and animation calculations.
      * Each function receives a normalized time value (`t` from 0 to 1) and returns the eased progress.
@@ -1873,12 +2447,34 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If `onAnimation` is defined but not a function.
      */
     static scrollToXY<T extends TinyElementAndWindow | TinyElementAndWindow[]>(el: T, { targetX, targetY, duration, easing, onAnimation }?: {
-        targetX?: number | undefined;
-        targetY?: number | undefined;
-        duration?: number | undefined;
-        easing?: Easings | undefined;
-        onAnimation?: OnScrollAnimation | undefined;
+        targetX?: number;
+        targetY?: number;
+        duration?: number;
+        easing?: Easings;
+        onAnimation?: OnScrollAnimation;
     }): T;
+    /**
+     * Smoothly scrolls one or more elements (or the window) to the specified X and Y coordinates
+     * using a custom duration and easing function.
+     *
+     * If `duration` or a valid `easing` is not provided, the scroll will be performed immediately.
+     *
+     * @param {Object} [settings={}] - Configuration object for the scroll animation.
+     * @param {number} [settings.targetX] - The horizontal scroll target in pixels.
+     * @param {number} [settings.targetY] - The vertical scroll target in pixels.
+     * @param {number} [settings.duration] - The duration of the animation in milliseconds.
+     * @param {Easings} [settings.easing] - The easing function name to use for the scroll animation.
+     * @param {OnScrollAnimation} [settings.onAnimation] - Optional callback invoked on each animation
+     *   frame with the current scroll position, normalized animation time (`0` to `1`), and a completion flag.
+     * @returns {this}
+     */
+    scrollToXY({ targetX, targetY, duration, easing, onAnimation }?: {
+        targetX?: number;
+        targetY?: number;
+        duration?: number;
+        easing?: Easings;
+        onAnimation?: OnScrollAnimation;
+    }): this;
     /**
      * Sets the vertical scroll position.
      * @template {TinyElementAndWindow|TinyElementAndWindow[]} T
@@ -1887,6 +2483,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setScrollTop<T extends TinyElementAndWindow | TinyElementAndWindow[]>(el: T, value: number): T;
+    /**
+     * Sets the vertical scroll position.
+     * @param {number} value - Scroll top value.
+     * @returns {this}
+     */
+    setScrollTop(value: number): this;
     /**
      * Sets the horizontal scroll position.
      * @template {TinyElementAndWindow|TinyElementAndWindow[]} T
@@ -1895,6 +2497,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setScrollLeft<T extends TinyElementAndWindow | TinyElementAndWindow[]>(el: T, value: number): T;
+    /**
+     * Sets the horizontal scroll position.
+     * @param {number} value - Scroll left value.
+     * @returns {this}
+     */
+    setScrollLeft(value: number): this;
     /**
      * Returns the total border width and individual sides from `border{Side}Width` CSS properties.
      *
@@ -1902,6 +2510,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border widths, and each side individually.
      */
     static borderWidth(el: TinyElement): HtmlElBoxSides;
+    /**
+     * Returns the total border width and individual sides from `border{Side}Width` CSS properties.
+     *
+     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border widths, and each side individually.
+     */
+    borderWidth(): HtmlElBoxSides;
     /**
      * Returns the total border size and individual sides from `border{Side}` CSS properties.
      *
@@ -1909,6 +2523,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border sizes, and each side individually.
      */
     static border(el: TinyElement): HtmlElBoxSides;
+    /**
+     * Returns the total border size and individual sides from `border{Side}` CSS properties.
+     *
+     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border sizes, and each side individually.
+     */
+    border(): HtmlElBoxSides;
     /**
      * Returns the total margin and individual sides from `margin{Side}` CSS properties.
      *
@@ -1916,6 +2536,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) margins, and each side individually.
      */
     static margin(el: TinyElement): HtmlElBoxSides;
+    /**
+     * Returns the total margin and individual sides from `margin{Side}` CSS properties.
+     *
+     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) margins, and each side individually.
+     */
+    margin(): HtmlElBoxSides;
     /**
      * Returns the total padding and individual sides from `padding{Side}` CSS properties.
      *
@@ -1923,18 +2549,22 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) paddings, and each side individually.
      */
     static padding(el: TinyElement): HtmlElBoxSides;
-    /** @type {boolean} */
-    static #classCanWhitespace: boolean;
     /**
-     * Sets the value of classCanWhitespace.
-     * @param {boolean} value
+     * Returns the total padding and individual sides from `padding{Side}` CSS properties.
+     *
+     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) paddings, and each side individually.
      */
-    static set classCanWhitespace(value: boolean);
+    padding(): HtmlElBoxSides;
     /**
      * Gets the value of classCanWhitespace.
      * @returns {boolean}
      */
     static get classCanWhitespace(): boolean;
+    /**
+     * Sets the value of classCanWhitespace.
+     * @param {boolean} value
+     */
+    static set classCanWhitespace(value: boolean);
     /**
      * Adds one or more CSS class names to the element.
      * @template {TinyElement|TinyElement[]} T
@@ -1943,6 +2573,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static addClass<T extends TinyElement | TinyElement[]>(el: T, ...args: string[]): T;
+    /**
+     * Adds one or more CSS class names to the element.
+     * @param {...string} args - One or more class names to add.
+     * @returns {this}
+     */
+    addClass(...args: string[]): this;
     /**
      * Removes one or more CSS class names from the element.
      * @template {TinyElement|TinyElement[]} T
@@ -1951,6 +2587,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static removeClass<T extends TinyElement | TinyElement[]>(el: T, ...args: string[]): T;
+    /**
+     * Removes one or more CSS class names from the element.
+     * @param {...string} args - One or more class names to remove.
+     * @returns {this}
+     */
+    removeClass(...args: string[]): this;
     /**
      * Replaces an existing class name with a new one.
      * @param {TinyElement|TinyElement[]} el - Target element.
@@ -1960,6 +2602,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If either argument is not a string.
      */
     static replaceClass(el: TinyElement | TinyElement[], token: string, newToken: string): boolean[];
+    /**
+     * Replaces an existing class name with a new one.
+     * @param {string} token - The class name to be replaced.
+     * @param {string} newToken - The new class name to apply.
+     * @returns {boolean} Whether the replacement was successful.
+     * @throws {TypeError} If either argument is not a string.
+     */
+    replaceClass(token: string, newToken: string): boolean;
     /**
      * Returns the class name at the specified index.
      * @param {TinyElement} el - Target element.
@@ -1968,6 +2618,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If the index is not a number.
      */
     static classItem(el: TinyElement, index: number): string | null;
+    /**
+     * Returns the class name at the specified index.
+     * @param {number} index - The index of the class name.
+     * @returns {string|null} The class name at the index or null if not found.
+     * @throws {TypeError} If the index is not a number.
+     */
+    classItem(index: number): string | null;
     /**
      * Toggles a class name on the element with an optional force boolean.
      * @param {TinyElement|TinyElement[]} el - Target element.
@@ -1977,6 +2634,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If token is not a string or force is not a boolean.
      */
     static toggleClass(el: TinyElement | TinyElement[], token: string, force?: boolean): boolean[];
+    /**
+     * Toggles a class name on the element with an optional force boolean.
+     * @param {string} token - The class name to toggle.
+     * @param {boolean} force - If true, adds the class; if false, removes it.
+     * @returns {boolean} Whether the class is present after the toggle.
+     * @throws {TypeError} If token is not a string or force is not a boolean.
+     */
+    toggleClass(token: string, force: boolean): boolean;
     /**
      * Checks if the element contains the given class name.
      * @param {TinyElement} el - Target element.
@@ -1985,36 +2650,73 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {TypeError} If token is not a string.
      */
     static hasClass(el: TinyElement, token: string): boolean;
+    /**
+     * Checks if the element contains the given class name.
+     * @param {string} token - The class name to check.
+     * @returns {boolean} True if the class is present, false otherwise.
+     * @throws {TypeError} If token is not a string.
+     */
+    hasClass(token: string): boolean;
     /**
      * Returns the number of classes applied to the element.
      * @param {TinyElement} el - Target element.
      * @returns {number} The number of classes.
      */
     static classLength(el: TinyElement): number;
+    /**
+     * Returns the number of classes applied to the element.
+     * @returns {number} The number of classes.
+     */
+    classLength(): number;
     /**
      * Returns all class names as an array of strings.
      * @param {TinyElement} el - Target element.
      * @returns {string[]} An array of class names.
      */
     static classList(el: TinyElement): string[];
+    /**
+     * Returns all class names as an array of strings.
+     * @returns {string[]} An array of class names.
+     */
+    classList(): string[];
     /**
      * Returns the tag name of the element.
      * @param {TinyElement} el - Target element.
      * @returns {string} The tag name in uppercase.
      */
     static tagName(el: TinyElement): string;
+    /**
+     * Returns the tag name of the element.
+     * @returns {string} The tag name in uppercase.
+     */
+    tagName(): string;
     /**
      * Returns the ID of the element.
      * @param {TinyElement} el - Target element.
      * @returns {string} The element's ID.
      */
     static id(el: TinyElement): string;
+    /**
+     * Returns the ID of the element.
+     * @returns {string} The element's ID.
+     */
+    get id(): string;
+    /**
+     * Set the id on an element.
+     * @param {string} value - Id name.
+     */
+    set id(value: string);
     /**
      * Returns the BigInt content of the element.
      * @param {TinyElement} el - Target element.
      * @returns {bigint|null} The BigInt content or null if none.
      */
     static toBigInt(el: TinyElement): bigint | null;
+    /**
+     * Returns the BigInt content of the element.
+     * @returns {bigint|null}
+     */
+    toBigInt(): bigint | null;
     /**
      * Set BigInt content of elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2023,12 +2725,23 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setBigInt<T extends TinyElement | TinyElement[]>(el: T, value: bigint): T;
+    /**
+     * Set BigInt content of the element.
+     * @param {bigint} value
+     * @returns {this}
+     */
+    setBigInt(value: bigint): this;
     /**
      * Returns the Date content of the element.
      * @param {TinyElement} el - Target element.
      * @returns {Date|null} The Date content or null if invalid.
      */
     static toDate(el: TinyElement): Date | null;
+    /**
+     * Returns the Date content of the element.
+     * @returns {Date|null}
+     */
+    toDate(): Date | null;
     /**
      * Set Date content of elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2037,12 +2750,23 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setDate<T extends TinyElement | TinyElement[]>(el: T, value: Date): T;
+    /**
+     * Set Date content of the element.
+     * @param {Date} value
+     * @returns {this}
+     */
+    setDate(value: Date): this;
     /**
      * Returns the JSON content of the element.
      * @param {TinyElement} el - Target element.
      * @returns {any|null} The parsed JSON content or null if invalid.
      */
     static toJson(el: TinyElement): any | null;
+    /**
+     * Returns the JSON content of the element.
+     * @returns {any|null}
+     */
+    toJson(): any | null;
     /**
      * Set JSON content of elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2053,12 +2777,25 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setJson<T extends TinyElement | TinyElement[]>(el: T, value: any, replacer?: (this: any, key: string, value: any) => any, space?: number | string): T;
+    /**
+     * Set JSON content of the element.
+     * @param {any} value - A JavaScript value, usually an object or array, to be converted.
+     * @param {(this: any, key: string, value: any) => any} [replacer] - A function that transforms the results.
+     * @param {number|string} [space] - Indentation level or string for formatting.
+     * @returns {this}
+     */
+    setJson(value: any, replacer?: (this: any, key: string, value: any) => any, space?: number | string): this;
     /**
      * Returns the number content of the element.
      * @param {TinyElement} el - Target element.
      * @returns {number|null} The text content or null if none.
      */
     static toNumber(el: TinyElement): number | null;
+    /**
+     * Returns the number content of the element.
+     * @returns {number|null} The text content or null if none.
+     */
+    toNumber(): number | null;
     /**
      * Set number content of elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2067,12 +2804,23 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setNumber<T extends TinyElement | TinyElement[]>(el: T, value: number): T;
+    /**
+     * Set number content of the element.
+     * @param {number} value
+     * @returns {this}
+     */
+    setNumber(value: number): this;
     /**
      * Returns the boolean content of the element.
      * @param {TinyElement} el - Target element.
      * @returns {boolean|null} The boolean value or null if empty.
      */
     static toBoolean(el: TinyElement): boolean | null;
+    /**
+     * Returns the boolean content of the element.
+     * @returns {boolean|null}
+     */
+    toBoolean(): boolean | null;
     /**
      * Set boolean content of elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2081,12 +2829,23 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setBoolean<T extends TinyElement | TinyElement[]>(el: T, value: boolean): T;
+    /**
+     * Set boolean content of the element.
+     * @param {boolean} value
+     * @returns {this}
+     */
+    setBoolean(value: boolean): this;
     /**
      * Returns the string content of the element.
      * @param {TinyElement} el - Target element.
      * @returns {string|null} The string content or null if none.
      */
     static toString(el: TinyElement): string | null;
+    /**
+     * Returns the string content of the element.
+     * @returns {string|null} The string content or null if none.
+     */
+    toString(): string | null;
     /**
      * Set string content of elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2095,12 +2854,23 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setString<T extends TinyElement | TinyElement[]>(el: T, value: string): T;
+    /**
+     * Set string content of the element.
+     * @param {string} value
+     * @returns {this}
+     */
+    setString(value: string): this;
     /**
      * Returns the text content of the element.
      * @param {TinyElement} el - Target element.
      * @returns {string|null} The text content or null if none.
      */
     static text(el: TinyElement): string | null;
+    /**
+     * Returns the text content of the element.
+     * @returns {string|null} The text content or null if none.
+     */
+    text(): string | null;
     /**
      * Set text content of elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2109,6 +2879,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setText<T extends TinyElement | TinyElement[]>(el: T, value: any): T;
+    /**
+     * Set text content of the element.
+     * @param {*} value
+     * @returns {this}
+     */
+    setText(value: any): this;
     /**
      * Remove all child nodes from each element.
      * @template {TinyElement|TinyElement[]} T
@@ -2116,6 +2892,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static empty<T extends TinyElement | TinyElement[]>(el: T): T;
+    /**
+     * Remove all child nodes of the element.
+     * @returns {this}
+     */
+    empty(): this;
     /**
      * Get the innerHTML of the element.
      * @param {TinyElement} el
@@ -2123,6 +2904,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {string}
      */
     static html(el: TinyElement, ops?: GetHTMLOptions): string;
+    /**
+     * Get the innerHTML of the element.
+     * @param {GetHTMLOptions} [ops]
+     * @returns {string}
+     */
+    html(ops?: GetHTMLOptions): string;
     /**
      * Set the innerHTML of each element.
      * @template {TinyElement|TinyElement[]} T
@@ -2131,6 +2918,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setHtml<T extends TinyElement | TinyElement[]>(el: T, value: string): T;
+    /**
+     * Set the innerHTML of the element.
+     * @param {string} value
+     * @returns {this}
+     */
+    setHtml(value: string): this;
     static _valHooks: {
         option: {
             /**
@@ -2187,6 +2980,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setVal<T extends TinyInputElement | TinyInputElement[]>(el: T, value: SetValueList | ((el: InputElement, val: SetValueList) => SetValueList)): T;
+    /**
+     * Sets the value of the current HTML value element (input, select, textarea, etc.).
+     * Accepts strings, numbers, booleans or arrays of these values, or a callback function that computes them.
+     *
+     * @param {SetValueList|((el: InputElement, val: SetValueList) => SetValueList)} value - The value to assign or a function that returns it.
+     * @returns {this}
+     * @throws {Error} If the computed value is not a valid string or boolean.
+     */
+    setVal(value: SetValueList | ((el: InputElement, val: SetValueList) => SetValueList)): this;
     /**
      * Maps value types to their corresponding getter functions.
      * Each function extracts a value of a specific type from a compatible HTMLInputElement.
@@ -2236,6 +3038,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {any} The raw value retrieved from the element or hook.
      */
     static _val(el: TinyInputElement, where: string, type: GetValueTypes): any;
+    /**
+     * Retrieves the raw value from the HTML input element.
+     * If a custom value hook exists, it will be used first.
+     *
+     * @param {GetValueTypes} type - The type of value to retrieve ("string", "date", or "number").
+     * @param {string} where - The context/method name using this validation.
+     * @returns {any} The raw value retrieved from the element or hook.
+     */
+    _val(where: string, type: GetValueTypes): any;
     /**
      * Gets the value of the current HTML value element.
      *
@@ -2243,6 +3054,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {SetValueList} The normalized value, with carriage returns removed.
      */
     static val(el: TinyInputElement): SetValueList;
+    /**
+     * Gets the value of the current HTML value element.
+     *
+     * @returns {SetValueList} The normalized value, with carriage returns removed.
+     */
+    val(): SetValueList;
     /**
      * Gets the text of the current HTML value element (for text).
      *
@@ -2251,6 +3068,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If the element is not a string value.
      */
     static valTxt(el: TinyInputElement): string;
+    /**
+     * Gets the text of the current HTML value element (for text).
+     *
+     * @returns {string} The text value.
+     * @throws {Error} If the element is not a string value.
+     */
+    valTxt(): string;
     /**
      * Internal helper to get a value from an input expected to return an array.
      *
@@ -2261,6 +3085,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If the returned value is not an array.
      */
     static _valArr(el: TinyInputElement, where: string, type: GetValueTypes): SetValueBase[];
+    /**
+     * Internal helper to get a value from an input expected to return an array.
+     *
+     * @param {string} where - The method name or context using this validation (for error reporting).
+     * @param {GetValueTypes} type - The type of value to retrieve ("string", "date", or "number").
+     * @returns {SetValueBase[]} - The validated value as an array.
+     * @throws {Error} If the returned value is not an array.
+     */
+    _valArr(where: string, type: GetValueTypes): SetValueBase[];
     /**
      * Gets the raw value as a generic array of the current HTML value element (for select).
      *
@@ -2269,6 +3102,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If the value is not a valid array.
      */
     static valArr(el: TinyInputElement): SetValueBase[];
+    /**
+     * Gets the raw value as a generic array of the current HTML value element (for select).
+     *
+     * @returns {SetValueBase[]} - The value cast as a generic array.
+     * @throws {Error} If the value is not a valid array.
+     */
+    valArr(): SetValueBase[];
     /**
      * Gets the current value parsed as a number (for number/text).
      *
@@ -2277,6 +3117,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If the element is not a number-compatible input or value is NaN.
      */
     static valNb(el: TinyInputElement): number;
+    /**
+     * Gets the current value parsed as a number (for number/text).
+     *
+     * @returns {number} The numeric value.
+     * @throws {Error} If the element is not a number-compatible input or value is NaN.
+     */
+    valNb(): number;
     /**
      * Gets the current value parsed as a Date (for time/date).
      *
@@ -2285,6 +3132,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If the element is not a date-compatible input.
      */
     static valDate(el: TinyInputElement): Date;
+    /**
+     * Gets the current value parsed as a Date (for time/date).
+     *
+     * @returns {Date} The date value.
+     * @throws {Error} If the element is not a date-compatible input.
+     */
+    valDate(): Date;
     /**
      * Checks if the input element is boolean (for checkboxes/radios).
      *
@@ -2293,6 +3147,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @throws {Error} If the element is not a checkbox/radio input.
      */
     static valBool(el: TinyInputElement): boolean;
+    /**
+     * Checks if the input element is boolean (for checkboxes/radios).
+     *
+     * @returns {boolean} True if the input is considered checked (value === "on"), false otherwise.
+     * @throws {Error} If the element is not a checkbox/radio input.
+     */
+    valBool(): boolean;
     /**
      * Registers a listener for the "paste" event to extract files and text from the clipboard (e.g., when the user presses Ctrl+V).
      *
@@ -2306,17 +3167,39 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {EventListenerOrEventListenerObject} The internal "paste" event handler used.
      */
     static listenForPaste(el: TinyElementWithDoc | TinyElementWithDoc[], { onFilePaste, onTextPaste }?: {
-        onFilePaste?: ((data: DataTransferItem, file: File) => void) | undefined;
-        onTextPaste?: ((data: DataTransferItem, text: string) => void) | undefined;
+        onFilePaste?: (data: DataTransferItem, file: File) => void;
+        onTextPaste?: (data: DataTransferItem, text: string) => void;
     }): EventListenerOrEventListenerObject;
     /**
-     * Checks if the element has a listener for a specific event.
+     * Registers a listener for the "paste" event to extract files and text from the clipboard (e.g., when the user presses Ctrl+V).
      *
-     * @param {TinyEventTarget} el - The element to check.
-     * @param {string} event - The event name to check.
-     * @returns {boolean}
-     */
-    static hasEventListener(el: TinyEventTarget, event: string): boolean;
+     * This method allows reacting to pasted content by providing separate callbacks for files and plain text.
+     * Useful for building file upload areas, rich-text editors, or input enhancements.
+     *
+     * @param {Object} [settings={}] - Optional callbacks to handle clipboard content.
+     * @param {(data: DataTransferItem, file: File) => void} [settings.onFilePaste] - Called for each file pasted from the clipboard (e.g., images).
+     * @param {(data: DataTransferItem, text: string) => void} [settings.onTextPaste] - Called when plain text is pasted from the clipboard.
+     * @returns {EventListenerOrEventListenerObject} The internal "paste" event handler used.
+     */
+    listenForPaste({ onFilePaste, onTextPaste }?: {
+        onFilePaste?: (data: DataTransferItem, file: File) => void;
+        onTextPaste?: (data: DataTransferItem, text: string) => void;
+    }): EventListenerOrEventListenerObject;
+    /**
+     * Checks if the element has a listener for a specific event.
+     *
+     * @param {TinyEventTarget} el - The element to check.
+     * @param {string} event - The event name to check.
+     * @returns {boolean}
+     */
+    static hasEventListener(el: TinyEventTarget, event: string): boolean;
+    /**
+     * Checks if the element has a listener for a specific event.
+     *
+     * @param {string} event - The event name to check.
+     * @returns {boolean}
+     */
+    hasEventListener(event: string): boolean;
     /**
      * Checks if the element has the exact handler registered for a specific event.
      *
@@ -2326,6 +3209,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean}
      */
     static hasExactEventListener(el: TinyEventTarget, event: string, handler: EventListenerOrEventListenerObject): boolean;
+    /**
+     * Checks if the element has the exact handler registered for a specific event.
+     *
+     * @param {string} event - The event name to check.
+     * @param {EventListenerOrEventListenerObject} handler - The handler function to check.
+     * @returns {boolean}
+     */
+    hasExactEventListener(event: string, handler: EventListenerOrEventListenerObject): boolean;
     /**
      * Hover event shortcut.
      *
@@ -2340,6 +3231,18 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static hover<T extends TinyEventTarget | TinyEventTarget[]>(el: T, fnOver: HoverEventCallback, fnOut?: HoverEventCallback | null, options?: EventRegistryOptions): T;
+    /**
+     * Hover event shortcut.
+     *
+     * Adds `mouseenter` and `mouseleave` event listeners to the target.
+     *
+     * @param {HoverEventCallback} fnOver - Callback executed when the mouse enters the target.
+     * @param {HoverEventCallback|null} [fnOut] - Optional callback executed when the mouse leaves
+     * the target. If not provided, `fnOver` will be used for both events.
+     * @param {EventRegistryOptions} [options] - Optional event listener options.
+     * @returns {this}
+     */
+    hover(fnOver: HoverEventCallback, fnOut?: HoverEventCallback | null, options?: EventRegistryOptions): this;
     /**
      * Registers an event listener on the specified element.
      *
@@ -2351,6 +3254,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static on<T extends TinyEventTarget | TinyEventTarget[]>(el: T, events: string | string[], handler: EventListenerOrEventListenerObject | null, options?: EventRegistryOptions): T;
+    /**
+     * Registers an event listener on the specified element.
+     *
+     * @param {string|string[]} events - The event type (e.g. 'click', 'keydown').
+     * @param {EventListenerOrEventListenerObject|null} handler - The callback function to run on event.
+     * @param {EventRegistryOptions} [options] - Optional event listener options.
+     * @returns {this}
+     */
+    on(events: string | string[], handler: EventListenerOrEventListenerObject | null, options?: EventRegistryOptions): this;
     /**
      * Registers an event listener that runs only once, then is removed.
      *
@@ -2362,6 +3274,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static once<T extends TinyEventTarget | TinyEventTarget[]>(el: T, events: string | string[], handler: EventListenerOrEventListenerObject, options?: EventRegistryOptions): T;
+    /**
+     * Registers an event listener that runs only once, then is removed.
+     *
+     * @param {string|string[]} events - The event type (e.g. 'click', 'keydown').
+     * @param {EventListenerOrEventListenerObject} handler - The callback function to run on event.
+     * @param {EventRegistryOptions} [options={}] - Optional event listener options.
+     * @returns {this}
+     */
+    once(events: string | string[], handler: EventListenerOrEventListenerObject, options?: EventRegistryOptions): this;
     /**
      * Removes a specific event listener from an element.
      *
@@ -2373,6 +3294,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static off<T extends TinyEventTarget | TinyEventTarget[]>(el: T, events: string | string[], handler: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions): T;
+    /**
+     * Removes a specific event listener from an element.
+     *
+     * @param {string|string[]} events - The event type.
+     * @param {EventListenerOrEventListenerObject|null} handler - The function originally bound to the event.
+     * @param {boolean|EventListenerOptions} [options] - Optional listener options.
+     * @returns {this}
+     */
+    off(events: string | string[], handler: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions): this;
     /**
      * Removes all event listeners of a specific type from the element.
      *
@@ -2382,6 +3312,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static offAll<T extends TinyEventTarget | TinyEventTarget[]>(el: T, events: string | string[]): T;
+    /**
+     * Removes all event listeners of a specific type from the element.
+     *
+     * @param {string|string[]} events - The event type to remove (e.g. 'click').
+     * @returns {this}
+     */
+    offAll(events: string | string[]): this;
     /**
      * Removes all event listeners of all types from the element.
      *
@@ -2392,6 +3329,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static offAllTypes<T extends TinyEventTarget | TinyEventTarget[]>(el: T, filterFn?: ((handler: EventListenerOrEventListenerObject | null, event: string) => boolean) | null): T;
+    /**
+     * Removes all event listeners of all types from the element.
+     *
+     * @param {((handler: EventListenerOrEventListenerObject|null, event: string) => boolean)|null} [filterFn=null] -
+     *        Optional filter function to selectively remove specific handlers.
+     * @returns {this}
+     */
+    offAllTypes(filterFn?: ((handler: EventListenerOrEventListenerObject | null, event: string) => boolean) | null): this;
     /**
      * Triggers all handlers associated with a specific event on the given element.
      *
@@ -2403,16 +3348,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      */
     static trigger<T extends TinyEventTarget | TinyEventTarget[]>(el: T, events: string | string[], payload?: Event | CustomEvent | CustomEventInit): T;
     /**
-     * Internal property name normalization map (similar to jQuery's `propFix`).
-     * Maps attribute-like names to their JavaScript DOM property equivalents.
-     *
-     * Example: `'for'` ➝ `'htmlFor'`, `'class'` ➝ `'className'`.
-     *
-     * ⚠️ Do not modify this object directly. Use `TinyHtml.propFix` to ensure reverse mapping (`attrFix`) remains in sync.
+     * Triggers all handlers associated with a specific event on the given element.
      *
-     * @type {Record<string | symbol, string>}
+     * @param {string|string[]} events - Name of the event to trigger.
+     * @param {Event|CustomEvent|CustomEventInit} [payload] - Optional event object or data to pass.
+     * @returns {this}
      */
-    static #propFix: Record<string | symbol, string>;
+    trigger(events: string | string[], payload?: Event | CustomEvent | CustomEventInit): this;
     /**
      * Public proxy for normalized DOM property names.
      *
@@ -2456,6 +3398,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {bigint|null}
      */
     static attrBigInt(el: TinyElement, name: string): bigint | null;
+    /**
+     * Returns the BigInt value of an attribute.
+     * @param {string} name
+     * @returns {bigint|null}
+     */
+    attrBigInt(name: string): bigint | null;
     /**
      * Set a BigInt attribute.
      * @template {TinyElement|TinyElement[]} T
@@ -2465,6 +3413,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setAttrBigInt<T extends TinyElement | TinyElement[]>(el: T, name: string, value: bigint): T;
+    /**
+     * Set a BigInt attribute.
+     * @param {string} name
+     * @param {bigint} value
+     * @returns {this}
+     */
+    setAttrBigInt(name: string, value: bigint): this;
     /**
      * Returns the Date value of an attribute.
      * @param {TinyElement} el
@@ -2472,6 +3427,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {Date|null}
      */
     static attrDate(el: TinyElement, name: string): Date | null;
+    /**
+     * Returns the Date value of an attribute.
+     * @param {string} name
+     * @returns {Date|null}
+     */
+    attrDate(name: string): Date | null;
     /**
      * Set a Date attribute.
      * @template {TinyElement|TinyElement[]} T
@@ -2481,6 +3442,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setAttrDate<T extends TinyElement | TinyElement[]>(el: T, name: string, value: Date): T;
+    /**
+     * Set a Date attribute.
+     * @param {string} name
+     * @param {Date} value
+     * @returns {this}
+     */
+    setAttrDate(name: string, value: Date): this;
     /**
      * Returns the JSON value of an attribute.
      * @param {TinyElement} el
@@ -2488,6 +3456,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {any|null}
      */
     static attrJson(el: TinyElement, name: string): any | null;
+    /**
+     * Returns the JSON value of an attribute.
+     * @param {string} name
+     * @returns {any|null}
+     */
+    attrJson(name: string): any | null;
     /**
      * Set a JSON attribute.
      * @template {TinyElement|TinyElement[]} T
@@ -2499,6 +3473,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setAttrJson<T extends TinyElement | TinyElement[]>(el: T, name: string, value: any, replacer?: (this: any, key: string, value: any) => any, space?: number | string): T;
+    /**
+     * Set a JSON attribute.
+     * @param {string} name
+     * @param {any} value
+     * @param {(this: any, key: string, value: any) => any} [replacer]
+     * @param {number|string} [space]
+     * @returns {this}
+     */
+    setAttrJson(name: string, value: any, replacer?: (this: any, key: string, value: any) => any, space?: number | string): this;
     /**
      * Returns the number value of an attribute.
      * @param {TinyElement} el
@@ -2506,6 +3489,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {number|null}
      */
     static attrNumber(el: TinyElement, name: string): number | null;
+    /**
+     * Returns the number value of an attribute.
+     * @param {string} name
+     * @returns {number|null}
+     */
+    attrNumber(name: string): number | null;
     /**
      * Set a number attribute.
      * @template {TinyElement|TinyElement[]} T
@@ -2515,6 +3504,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setAttrNumber<T extends TinyElement | TinyElement[]>(el: T, name: string, value: number): T;
+    /**
+     * Set a number attribute.
+     * @param {string} name
+     * @param {number} value
+     * @returns {this}
+     */
+    setAttrNumber(name: string, value: number): this;
     /**
      * Returns the boolean value of an attribute.
      * @param {TinyElement} el
@@ -2522,6 +3518,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean|null}
      */
     static attrBoolean(el: TinyElement, name: string): boolean | null;
+    /**
+     * Returns the boolean value of an attribute.
+     * @param {string} name
+     * @returns {boolean|null}
+     */
+    attrBoolean(name: string): boolean | null;
     /**
      * Set a boolean attribute.
      * @template {TinyElement|TinyElement[]} T
@@ -2531,6 +3533,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setAttrBoolean<T extends TinyElement | TinyElement[]>(el: T, name: string, value: boolean): T;
+    /**
+     * Set a boolean attribute.
+     * @param {string} name
+     * @param {boolean} value
+     * @returns {this}
+     */
+    setAttrBoolean(name: string, value: boolean): this;
     /**
      * Returns the string value of an attribute.
      * @param {TinyElement} el
@@ -2538,6 +3547,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {string|null}
      */
     static attrString(el: TinyElement, name: string): string | null;
+    /**
+     * Returns the string value of an attribute.
+     * @param {string} name
+     * @returns {string|null}
+     */
+    attrString(name: string): string | null;
     /**
      * Set a string attribute.
      * @template {TinyElement|TinyElement[]} T
@@ -2547,6 +3562,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setAttrString<T extends TinyElement | TinyElement[]>(el: T, name: string, value: string): T;
+    /**
+     * Set a string attribute.
+     * @param {string} name
+     * @param {string} value
+     * @returns {this}
+     */
+    setAttrString(name: string, value: string): this;
     /**
      * Get an attribute on an element.
      * @param {TinyElement} el
@@ -2554,6 +3576,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {string|null}
      */
     static attr(el: TinyElement, name: string): string | null;
+    /**
+     * Get an attribute on an element.
+     * @param {string} name
+     * @returns {string|null}
+     */
+    attr(name: string): string | null;
     /**
      * Set one or multiple attributes on an element.
      * @template {TinyElement|TinyElement[]} T
@@ -2563,6 +3591,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setAttr<T extends TinyElement | TinyElement[]>(el: T, name: string | Record<string, any>, value?: any): T;
+    /**
+     * Set one or multiple attributes on an element.
+     * @param {string|Record<string, any>} name - Attribute name or an object of attributes.
+     * @param {any} [value=null] - Attribute value (ignored if "name" is an object).
+     * @returns {this}
+     */
+    setAttr(name: string | Record<string, any>, value?: any): this;
     /**
      * Remove attribute(s) from an element.
      * @template {TinyElement|TinyElement[]} T
@@ -2571,6 +3606,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static removeAttr<T extends TinyElement | TinyElement[]>(el: T, name: string): T;
+    /**
+     * Remove attribute(s) from an element.
+     * @param {string} name Space-separated list of attributes.
+     * @returns {this}
+     */
+    removeAttr(name: string): this;
     /**
      * Check if an attribute exists on an element.
      * @param {TinyElement} el
@@ -2578,6 +3619,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean}
      */
     static hasAttr(el: TinyElement, name: string): boolean;
+    /**
+     * Check if an attribute exists on an element.
+     * @param {string} name
+     * @returns {boolean}
+     */
+    hasAttr(name: string): boolean;
     /**
      * Check if a property exists.
      * @param {TinyElement} el
@@ -2585,6 +3632,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean}
      */
     static hasProp(el: TinyElement, name: string): boolean;
+    /**
+     * Check if a property exists.
+     * @param {string} name
+     * @returns {boolean}
+     */
+    hasProp(name: string): boolean;
     /**
      * Set one or multiple properties on an element.
      * @template {TinyElement|TinyElement[]} T
@@ -2593,6 +3646,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static addProp<T extends TinyElement | TinyElement[]>(el: T, ...names: string[]): T;
+    /**
+     * Set a property on an element.
+     * @param {...string} names - Property name(s).
+     * @returns {this}
+     */
+    addProp(...names: string[]): this;
     /**
      * Remove one or multiple properties from an element.
      * @template {TinyElement|TinyElement[]} T
@@ -2601,6 +3660,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static removeProp<T extends TinyElement | TinyElement[]>(el: T, ...names: string[]): T;
+    /**
+     * Remove a property from an element.
+     * @param {...string} names - Property name(s).
+     * @returns {this}
+     */
+    removeProp(...names: string[]): this;
     /**
      * Toggle one or multiple boolean properties.
      * @template {TinyElement|TinyElement[]} T
@@ -2610,6 +3675,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static toggleProp<T extends TinyElement | TinyElement[]>(el: T, name: string | string[], force?: boolean): T;
+    /**
+     * Toggle one or multiple boolean properties.
+     * @param {string|string[]} name - Property name or a list of property names.
+     * @param {boolean} [force] - Force true/false instead of toggling.
+     * @returns {this}
+     */
+    toggleProp(name: string | string[], force?: boolean): this;
     /**
      * Get properties on an element.
      *
@@ -2618,6 +3690,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {any} - Property value if getting, otherwise `undefined`.
      */
     static prop(el: TinyHtmlElement, name: string): any;
+    /**
+     * Get properties on an element.
+     *
+     * @param {string} name - Property name.
+     * @returns {any} - Property value if getting, otherwise `undefined`.
+     */
+    prop(name: string): any;
     /**
      * Set a property on elements.
      * @template {TinyElement|TinyElement[]} T
@@ -2627,6 +3706,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static setProp<T extends TinyElement | TinyElement[]>(el: T, name: string, value: any): T;
+    /**
+     * Set a property on this element.
+     * @param {string} name - Property name.
+     * @param {any} value - Value to set.
+     * @returns {this} The same element.
+     */
+    setProp(name: string, value: any): this;
     /**
      * Removes an element from the DOM.
      * @template {TinyElement|TinyElement[]} T
@@ -2634,6 +3720,11 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {T}
      */
     static remove<T extends TinyElement | TinyElement[]>(el: T): T;
+    /**
+     * Removes the element from the DOM.
+     * @returns {this}
+     */
+    remove(): this;
     /**
      * Returns the index of the first element within its parent or relative to a selector/element.
      *
@@ -2642,6 +3733,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {number}
      */
     static index(el: TinyElement, el2?: string | TinyElement | null): number;
+    /**
+     * Returns the index of the first element within its parent or relative to a selector/element.
+     *
+     * @param {string|TinyElement|null} [elem] - Optional target to compare index against.
+     * @returns {number}
+     */
+    index(elem?: string | TinyElement | null): number;
     /**
      * Creates a new DOMRect object by copying the base rect and applying optional additional dimensions.
      *
@@ -2658,16 +3756,32 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
      * @returns {boolean} - `true` if the elements are colliding, `false` otherwise.
      */
-    static isCollWith(el1: TinyElement, el2: TinyElement, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
+    static isCollWith(el1: TinyElement, el2: TinyElement, extraRect?: Partial<ObjRect>): boolean;
     /**
-     * Determines if two HTML elements are colliding using a pixel-perfect collision algorithm.
+     * Determines if two HTML elements are colliding, using a simple bounding box comparison.
      *
-     * @param {TinyElement} el1 - The first element to compare.
      * @param {TinyElement} el2 - The second element to compare.
      * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
-     * @returns {boolean} - `true` if the elements are colliding with higher precision, `false` otherwise.
+     * @returns {boolean} - `true` if the elements are colliding, `false` otherwise.
      */
-    static isCollPerfWith(el1: TinyElement, el2: TinyElement, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
+    isCollWith(el2: TinyElement, extraRect?: Partial<ObjRect>): boolean;
+    /**
+     * Determines if two HTML elements are colliding using a pixel-perfect collision algorithm.
+     *
+     * @param {TinyElement} el1 - The first element to compare.
+     * @param {TinyElement} el2 - The second element to compare.
+     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
+     * @returns {boolean} - `true` if the elements are colliding with higher precision, `false` otherwise.
+     */
+    static isCollPerfWith(el1: TinyElement, el2: TinyElement, extraRect?: Partial<ObjRect>): boolean;
+    /**
+     * Determines if two HTML elements are colliding using a pixel-perfect collision algorithm.
+     *
+     * @param {TinyElement} el2 - The second element to compare.
+     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
+     * @returns {boolean} - `true` if the elements are colliding with higher precision, `false` otherwise.
+     */
+    isCollPerfWith(el2: TinyElement, extraRect?: Partial<ObjRect>): boolean;
     /**
      * Determines whether two elements are colliding with a directional lock mechanism.
      *
@@ -2696,7 +3810,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
      * @returns {boolean} True if collision is still active.
      */
-    static isCollWithLock(el1: TinyElement, el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
+    static isCollWithLock(el1: TinyElement, el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<ObjRect>): boolean;
+    /**
+     * Checks if two DOM elements are colliding on the screen, and locks the collision
+     * until the element exits through the same side it entered.
+     *
+     * @param {TinyElement} el2 - Second DOM element (e.g. a container or boundary element).
+     * @param {CollisionDirLock} lockDirection - Direction that must be respected to unlock the collision.
+     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
+     * @returns {boolean} True if collision is still active.
+     */
+    isCollWithLock(el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<ObjRect>): boolean;
     /**
      * Checks if two DOM elements are colliding on the screen, and locks the collision
      * until the element exits through the same side it entered.
@@ -2707,7 +3831,17 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
      * @returns {boolean} True if collision is still active.
      */
-    static isCollPerfWithLock(el1: TinyElement, el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
+    static isCollPerfWithLock(el1: TinyElement, el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<ObjRect>): boolean;
+    /**
+     * Checks if two DOM elements are colliding on the screen, and locks the collision
+     * until the element exits through the same side it entered.
+     *
+     * @param {TinyElement} el2 - Second DOM element (e.g. a container or boundary element).
+     * @param {CollisionDirLock} lockDirection - Direction that must be respected to unlock the collision.
+     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
+     * @returns {boolean} True if collision is still active.
+     */
+    isCollPerfWithLock(el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<ObjRect>): boolean;
     /**
      * Resets all collision locks for a specific element (for all directions).
      *
@@ -2715,6 +3849,15 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean} True if at least one lock was removed.
      */
     static resetCollLock(el: TinyElement): boolean;
+    /**
+     * Resets the collision lock for a specific element.
+     *
+     * This removes any previously stored collision direction for the given element,
+     * effectively unlocking its collision state.
+     *
+     * @returns {boolean} Returns `true` if a lock was removed, `false` if no lock was present.
+     */
+    resetCollLock(): boolean;
     /**
      * Resets the collision lock for a specific element and direction.
      *
@@ -2723,6 +3866,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean} True if the lock was removed.
      */
     static resetCollLockDir(el: TinyElement, direction: CollisionDirLock): boolean;
+    /**
+     * Resets the collision lock for a specific element and direction.
+     *
+     * @param {CollisionDirLock} direction - The direction to clear the lock from.
+     * @returns {boolean} True if the lock was removed.
+     */
+    resetCollLockDir(direction: CollisionDirLock): boolean;
     /**
      * Checks if the given element is at least partially visible in the viewport.
      *
@@ -2730,6 +3880,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean} True if the element is partially in the viewport, false otherwise.
      */
     static isInViewport(el: TinyElement): boolean;
+    /**
+     * Checks if the given element is at least partially visible in the viewport.
+     *
+     * @returns {boolean} True if the element is partially in the viewport, false otherwise.
+     */
+    isInViewport(): boolean;
     /**
      * Checks if the given element is fully visible in the viewport (top and bottom).
      *
@@ -2737,6 +3893,12 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean} True if the element is fully visible in the viewport, false otherwise.
      */
     static isScrolledIntoView(el: TinyElement): boolean;
+    /**
+     * Checks if the given element is fully visible in the viewport (top and bottom).
+     *
+     * @returns {boolean} True if the element is fully visible in the viewport, false otherwise.
+     */
+    isScrolledIntoView(): boolean;
     /**
      * Checks if the given element is at least partially visible within the boundaries of a container.
      *
@@ -2745,6 +3907,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean} True if the element is partially visible within the container, false otherwise.
      */
     static isInContainer(el: TinyElement, cont: TinyElement): boolean;
+    /**
+     * Checks if the given element is at least partially visible within the boundaries of a container.
+     *
+     * @param {TinyElement} cont - The container element acting as the viewport.
+     * @returns {boolean} True if the element is partially visible within the container, false otherwise.
+     */
+    isInContainer(cont: TinyElement): boolean;
     /**
      * Checks if the given element is fully visible within the boundaries of a container (top and bottom).
      *
@@ -2753,6 +3922,13 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
      * @returns {boolean} True if the element is fully visible within the container, false otherwise.
      */
     static isFullyInContainer(el: TinyElement, cont: TinyElement): boolean;
+    /**
+     * Checks if the given element is fully visible within the boundaries of a container (top and bottom).
+     *
+     * @param {TinyElement} cont - The container element acting as the viewport.
+     * @returns {boolean} True if the element is fully visible within the container, false otherwise.
+     */
+    isFullyInContainer(cont: TinyElement): boolean;
     /**
      * Checks if an element has scrollable content.
      *
@@ -2764,1418 +3940,14 @@ declare class TinyHtml<TinyHtmlT extends TinyHtmlConstructor> {
         h: boolean;
     };
     /**
-     * Creates an instance of TinyHtml for a specific Element.
-     * Useful when you want to operate repeatedly on the same element using instance methods.
-     * @param {TinyHtmlT} el - The element to wrap and manipulate.
-     */
-    constructor(el: TinyHtmlT);
-    /**
-     * Queries the element for the first element matching the CSS selector and wraps it in a TinyHtml instance.
-     *
-     * @param {string} selector - A valid CSS selector string.
-     * @returns {TinyHtml<Element>|null} A TinyHtml instance wrapping the matched element.
-     */
-    querySelector(selector: string): TinyHtml<Element> | null;
-    /**
-     * Queries the element for all elements matching the CSS selector and wraps them in TinyHtml instances.
-     *
-     * @param {string} selector - A valid CSS selector string.
-     * @returns {TinyHtml<NodeListOf<Element>>} An array of TinyHtml instances wrapping the matched elements.
-     */
-    querySelectorAll(selector: string): TinyHtml<NodeListOf<Element>>;
-    /**
-     * Retrieves all elements with the specified class name and wraps them in TinyHtml instances.
-     *
-     * @param {string} selector - The class name to search for.
-     * @returns {TinyHtml<HTMLCollectionOf<Element>>} An array of TinyHtml instances wrapping the found elements.
-     */
-    getElementsByClassName(selector: string): TinyHtml<HTMLCollectionOf<Element>>;
-    /**
-     * Retrieves all elements with the specified local tag name within the given namespace URI,
-     * and wraps them in TinyHtml instances.
-     *
-     * @param {string} localName - The local name (tag) of the elements to search for.
-     * @param {string|null} [namespaceURI='http://www.w3.org/1999/xhtml'] - The namespace URI to search within.
-     * @returns {TinyHtml<HTMLCollectionOf<Element>>} An array of TinyHtml instances wrapping the found elements.
-     */
-    getElementsByTagNameNS(localName: string, namespaceURI?: string | null): TinyHtml<HTMLCollectionOf<Element>>;
-    /**
-     * Returns the current targets held by this instance.
-     *
-     * @returns {ConstructorElValues[]} - The instance's targets element.
-     */
-    get elements(): ConstructorElValues[];
-    /**
-     * Iterates over all elements, executing the provided callback on each.
-     * @param {(element: TinyHtmlAny, index: number, items: TinyHtmlAny[]) => void} callback - Function invoked for each element.
-     * @returns {this} The current instance for chaining.
-     */
-    forEach(callback: (element: TinyHtmlAny, index: number, items: TinyHtmlAny[]) => void): this;
-    /**
-     * Returns the current target held by this instance.
-     *
-     * @param {number} index - The index of the element to retrieve.
-     * @returns {ConstructorElValues} - The instance's target element.
-     */
-    get(index: number): ConstructorElValues;
-    /**
-     * Extracts a single DOM element from the internal list at the specified index.
-     *
-     * @param {number} index - The index of the element to extract.
-     * @returns {TinyHtmlAny} A new TinyHtml instance wrapping the extracted element.
-     */
-    extract(index: number): TinyHtmlAny;
-    /**
-     * Checks whether the element exists at the given index.
-     *
-     * @param {number} index - The index to check.
-     * @returns {boolean} - True if the element exists; otherwise, false.
-     */
-    exists(index: number): boolean;
-    /**
-     * @deprecated Use the getter {@link elements} instead.
-     * Returns the current targets held by this instance.
-     *
-     * @returns {ConstructorElValues[]} - The instance's targets element.
-     */
-    getAll(): ConstructorElValues[];
-    /**
-     * Returns the current Element held by this instance.
-     *
-     * @param {string} where - The method name or context calling this.
-     * @param {number} index - The index of the element to retrieve.
-     * @returns {ConstructorElValues} - The instance's element.
-     */
-    _getElement(where: string, index: number): ConstructorElValues;
-    /**
-     * Returns the current Elements held by this instance.
-     *
-     * @param {string} where - The method name or context calling this.
-     * @returns {ConstructorElValues[]} - The instance's elements.
-     */
-    _getElements(where: string): ConstructorElValues[];
-    /**
-     * Prepares and validates multiple elements against allowed types.
-     *
-     * @param {string} where - The method name or context calling this.
-     * @param {any[]} TheTinyElements - The list of allowed constructors (e.g., Element, Document).
-     * @param {string[]} elemName - The list of expected element names for error reporting.
-     * @returns {any[]} - A flat array of validated elements.
-     * @throws {Error} - If any element is not an instance of one of the allowed types.
-     */
-    _preElemsTemplate(where: string, TheTinyElements: any[], elemName: string[]): any[];
-    /**
-     * Prepares and validates a single element against allowed types.
-     *
-     * @param {string} where - The method name or context calling this.
-     * @param {any[]} TheTinyElements - The list of allowed constructors (e.g., Element, Document).
-     * @param {string[]} elemName - The list of expected element names for error reporting.
-     * @param {boolean} [canNull=false] - Whether `null` is allowed as a valid value.
-     * @returns {any} - The validated element or `null` if allowed.
-     * @throws {Error} - If the element is not valid or if multiple elements are provided.
-     */
-    _preElemTemplate(where: string, TheTinyElements: any[], elemName: string[], canNull?: boolean): any;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {Element[]} - Always returns an array of elements.
-     */
-    _preElems(where: string): Element[];
-    /**
-     * Ensures the input is returned as an single element.
-     * Useful to normalize operations across multiple or single elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {Element} - Always returns an single element.
-     */
-    _preElem(where: string): Element;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single nodes.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {Node[]} - Always returns an array of nodes.
-     */
-    _preNodeElems(where: string): Node[];
-    /**
-     * Ensures the input is returned as an single node.
-     * Useful to normalize operations across multiple or single nodes.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {Node} - Always returns an single node.
-     */
-    _preNodeElem(where: string): Node;
-    /**
-     * Ensures the input is returned as an single node.
-     * Useful to normalize operations across multiple or single nodes.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {Node|null} - Always returns an single node or null.
-     */
-    _preNodeElemWithNull(where: string): Node | null;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single html elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {HTMLElement[]} - Always returns an array of html elements.
-     */
-    _preHtmlElems(where: string): HTMLElement[];
-    /**
-     * Ensures the input is returned as an single html element.
-     * Useful to normalize operations across multiple or single html elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {HTMLElement} - Always returns an single html element.
-     */
-    _preHtmlElem(where: string): HTMLElement;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single event target elements.
+     * Checks if an element has scrollable content.
      *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {InputElement[]} - Always returns an array of event target elements.
-     */
-    _preInputElems(where: string): InputElement[];
-    /**
-     * Ensures the input is returned as an single event target element.
-     * Useful to normalize operations across multiple or single event target elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {InputElement} - Always returns an single event target element.
-     */
-    _preInputElem(where: string): InputElement;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single event target elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {EventTarget[]} - Always returns an array of event target elements.
-     */
-    _preEventTargetElems(where: string): EventTarget[];
-    /**
-     * Ensures the input is returned as an single event target element.
-     * Useful to normalize operations across multiple or single event target elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {EventTarget} - Always returns an single event target element.
-     */
-    _preEventTargetElem(where: string): EventTarget;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single element/window elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {ElementAndWindow[]} - Always returns an array of element/window elements.
-     */
-    _preElemsAndWindow(where: string): ElementAndWindow[];
-    /**
-     * Ensures the input is returned as an single element/window element.
-     * Useful to normalize operations across multiple or single element/window elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {ElementAndWindow} - Always returns an single element/window element.
-     */
-    _preElemAndWindow(where: string): ElementAndWindow;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single element/window/document elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {ElementAndWindow[]} - Always returns an array of element/document/window elements.
-     */
-    _preElemsAndWinAndDoc(where: string): ElementAndWindow[];
-    /**
-     * Ensures the input is returned as an single element/window/document element.
-     * Useful to normalize operations across multiple or single element/window/document elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {ElementAndWindow} - Always returns an single element/document/window element.
-     */
-    _preElemAndWinAndDoc(where: string): ElementAndWindow;
-    /**
-     * Ensures the input is returned as an array.
-     * Useful to normalize operations across multiple or single element with document elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {ElementWithDoc[]} - Always returns an array of element with document elements.
-     */
-    _preElemsWithDoc(where: string): ElementWithDoc[];
-    /**
-     * Ensures the input is returned as an single element with document element.
-     * Useful to normalize operations across multiple or single element with document elements.
-     *
-     * @param {string} where - The method or context name where validation is being called.
-     * @returns {ElementWithDoc} - Always returns an single element/window element.
-     */
-    _preElemWithDoc(where: string): ElementWithDoc;
-    /**
-     * Returns only the elements **not** matching the given selector or function.
-     *
-     * @param {WinnowRequest} selector
-     * @returns {Element[]}
-     */
-    not(selector: WinnowRequest): Element[];
-    /**
-     * Finds elements in your element matching a selector within a context.
-     *
-     * @param {string} selector
-     * @returns {Element[]}
-     */
-    find(selector: string): Element[];
-    /**
-     * Checks if the element matches the selector.
-     *
-     * @param {WinnowRequest} selector
-     * @returns {boolean}
-     */
-    is(selector: WinnowRequest): boolean;
-    /**
-     * Returns elements from the current list that contain the given target(s).
-     * @param {string|TinyElement|TinyElement[]} target - Selector or DOM element(s).
-     * @returns {Element[]} Elements that contain the target.
-     */
-    has(target: string | TinyElement | TinyElement[]): Element[];
-    /**
-     * Finds the closest ancestor (including self) that matches the selector.
-     *
-     * @param {string|Element} selector - A selector string or DOM element to match.
-     * @param {Element|null} [context] - An optional context to stop searching.
-     * @returns {Element[]}
-     */
-    closest(selector: string | Element, context?: Element | null): Element[];
-    /**
-     * Compares two DOM elements to determine if they refer to the same node in the document.
-     *
-     * This performs a strict equality check (`===`) between the two elements.
-     *
-     * @param {TinyNode} elem - The DOM element to compare.
-     * @returns {boolean} `true` if both elements are the same DOM node; otherwise, `false`.
-     */
-    isSameDom(elem: TinyNode): boolean;
-    /**
-     * Replaces the internal data with a new object.
-     * @param {ElementDataStore} value - Must be a non-null object.
-     * @throws {Error} If the value is not a valid object.
-     */
-    set _data(value: ElementDataStore);
-    /**
-     * Returns a shallow copy of the internal data.
-     * @type {ElementDataStore}
-     */
-    get _data(): ElementDataStore;
-    /**
-     * Retrieves data associated with a DOM element.
-     *
-     * If a `key` is provided, the corresponding value is returned.
-     * If no `key` is given, a shallow copy of all stored data is returned.
-     *
-     * @param {string} [key] - The specific key to retrieve from the data store.
-     * @param {boolean} [isPrivate=false] - Whether to access the private data store.
-     * @returns {ElementDataStore|undefined|any} - The stored value, all data, or undefined if the key doesn't exist.
-     */
-    data(key?: string, isPrivate?: boolean): ElementDataStore | undefined | any;
-    /**
-     * Stores a value associated with a specific key for a DOM element.
-     *
-     * @param {string} key - The key under which the data will be stored.
-     * @param {any} value - The value to store.
-     * @param {boolean} [isPrivate=false] - Whether to store the data in the private store.
-     * @returns {this}
-     */
-    setData(key: string, value: any, isPrivate?: boolean): this;
-    /**
-     * Checks if a specific key exists in the data store of this element.
-     *
-     * @param {string} key - The key to check.
-     * @param {boolean} [isPrivate=false] - Whether to check the private store.
-     * @returns {boolean}
-     */
-    hasData(key: string, isPrivate?: boolean): boolean;
-    /**
-     * Removes a value associated with a specific key from the data store of this element.
-     *
-     * @param {string} key - The key to remove.
-     * @param {boolean} [isPrivate=false] - Whether to remove from the private store.
-     * @returns {boolean}
-     */
-    removeData(key: string, isPrivate?: boolean): boolean;
-    /**
-     * Returns the direct parent node of the given element, excluding document fragments.
-     *
-     * @returns {ParentNode|null} The parent node or null if not found.
-     */
-    parent(): ParentNode | null;
-    /**
-     * Returns all ancestor nodes of the given element, optionally stopping before a specific ancestor.
-     *
-     * @param {TinyNode|string} [until] - A node or selector to stop before.
-     * @returns {ChildNode[]} An array of ancestor nodes.
-     */
-    parents(until?: TinyNode | string): ChildNode[];
-    /**
-     * Returns the next sibling of the given element.
-     *
-     * @returns {ChildNode|null} The next sibling or null if none found.
-     */
-    next(): ChildNode | null;
-    /**
-     * Returns the previous sibling of the given element.
-     *
-     * @returns {ChildNode|null} The previous sibling or null if none found.
-     */
-    prev(): ChildNode | null;
-    /**
-     * Returns all next sibling nodes after the given element.
-     *
-     * @returns {ChildNode[]} An array of next sibling nodes.
-     */
-    nextAll(): ChildNode[];
-    /**
-     * Returns all previous sibling nodes before the given element.
-     *
-     * @returns {ChildNode[]} An array of previous sibling nodes.
-     */
-    prevAll(): ChildNode[];
-    /**
-     * Returns all next sibling nodes up to (but not including) the node matched by a selector or element.
-     *
-     * @param {TinyNode|string} [until] - A node or selector to stop before.
-     * @returns {ChildNode[]} An array of next sibling nodes.
-     */
-    nextUntil(until?: TinyNode | string): ChildNode[];
-    /**
-     * Returns all previous sibling nodes up to (but not including) the node matched by a selector or element.
-     *
-     * @param {TinyNode|string} [until] - A node or selector to stop before.
-     * @returns {ChildNode[]} An array of previous sibling nodes.
-     */
-    prevUntil(until?: TinyNode | string): ChildNode[];
-    /**
-     * Returns all sibling nodes of the given element, excluding itself.
-     *
-     * @returns {ChildNode[]} An array of sibling nodes.
-     */
-    siblings(): ChildNode[];
-    /**
-     * Returns all child nodes of the given element.
-     *
-     * @returns {ChildNode[]} An array of child nodes.
-     */
-    children(): ChildNode[];
-    /**
-     * Returns the contents of the given node. For `<template>` it returns its content; for `<iframe>`, the document.
-     *
-     * @returns {(ChildNode|DocumentFragment)[]|Document[]} An array of child nodes or the content document of an iframe.
-     */
-    contents(): (ChildNode | DocumentFragment)[] | Document[];
-    /**
-     * Clone the element.
-     * @param {boolean} [deep=true]
-     * @returns {Node}
-     */
-    clone(deep?: boolean): Node;
-    /**
-     * Appends child elements or strings to the end of the target element(s).
-     *
-     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - The child elements or text to append.
-     * @returns {this}
-     */
-    append(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
-    /**
-     * Prepends child elements or strings to the beginning of the target element(s).
-     *
-     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - The child elements or text to prepend.
-     * @returns {this}
-     */
-    prepend(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
-    /**
-     * Inserts elements or strings immediately before the target element(s) in the DOM.
-     *
-     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - Elements or text to insert before the target.
-     * @returns {this}
-     */
-    before(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
-    /**
-     * Inserts elements or strings immediately after the target element(s) in the DOM.
-     *
-     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} children - Elements or text to insert after the target.
-     * @returns {this}
-     */
-    after(...children: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
-    /**
-     * Replaces the target element(s) in the DOM with new elements or text.
-     *
-     * @param {...(AppendCheckerValues|Record<string, AppendCheckerValues>)} newNodes - New elements or text to replace the target.
-     * @returns {this}
-     */
-    replaceWith(...newNodes: (AppendCheckerValues | Record<string, AppendCheckerValues>)[]): this;
-    /**
-     * Appends the given element(s) to each target element in sequence.
-     *
-     * @param {TinyNode | TinyNode[]} targets - Target element(s) where content will be appended.
-     * @returns {this}
-     */
-    appendTo(targets: TinyNode | TinyNode[]): this;
-    /**
-     * Prepends the given element(s) to each target element in sequence.
-     *
-     * @param {TinyElement | TinyElement[]} targets - Target element(s) where content will be prepended.
-     * @returns {this}
-     */
-    prependTo(targets: TinyElement | TinyElement[]): this;
-    /**
-     * Inserts the element before a child of a given target, or before the target itself.
-     *
-     * @param {TinyNode | TinyNode[]} target - The reference element where insertion happens.
-     * @param {TinyNode | TinyNode[] | null} [child=null] - Optional child to insert before, defaults to target.
-     * @returns {this}
-     */
-    insertBefore(target: TinyNode | TinyNode[], child?: TinyNode | TinyNode[] | null): this;
-    /**
-     * Inserts the element after a child of a given target, or after the target itself.
-     *
-     * @param {TinyNode | TinyNode[]} target - The reference element where insertion happens.
-     * @param {TinyNode | TinyNode[] | null} [child=null] - Optional child to insert after, defaults to target.
-     * @returns {this}
-     */
-    insertAfter(target: TinyNode | TinyNode[], child?: TinyNode | TinyNode[] | null): this;
-    /**
-     * Replaces all target elements with the provided element(s).
-     * If multiple targets exist, the inserted elements are cloned accordingly.
-     *
-     * @param {TinyNode | TinyNode[]} targets - The elements to be replaced.
-     * @returns {this}
-     */
-    replaceAll(targets: TinyNode | TinyNode[]): this;
-    /**
-     * Returns the number of elements currently stored in the internal element list.
-     *
-     * @returns {number} The total count of elements.
-     */
-    get size(): number;
-    /**
-     * A new TinyHtml object containing the combined elements.
-     *
-     * @template {TinyHtmlConstructor} T
-     * @param {T} el - The elements to add.
-     * @returns {TinyHtml<TinyHtmlT|T>} The new length of the internal collection.
-     */
-    add<T extends TinyHtmlConstructor>(el: T): TinyHtml<TinyHtmlT | T>;
-    /**
-     * Returns the full computed CSS styles for the given element.
-     *
-     * @returns {CSSStyleDeclaration} The computed style object for the element.
-     */
-    css(): CSSStyleDeclaration;
-    /**
-     * Returns the value of a specific computed CSS property from the given element as a string.
-     *
-     * @param {string} prop - The name of the CSS property (camelCase or kebab-case).
-     * @returns {string|null} The value of the CSS property as a string, or null if not found or invalid.
-     */
-    cssString(prop: string): string | null;
-    /**
-     * Returns a subset of computed CSS styles based on the given list of properties.
-     *
-     * @param {string[]} prop - An array of CSS property names to retrieve.
-     * @returns {Partial<CSSStyleDeclaration>} An object containing the requested styles.
-     */
-    cssList(prop: string[]): Partial<CSSStyleDeclaration>;
-    /**
-     * Returns the computed CSS float value of a property.
-     * @param {string} prop - The CSS property.
-     * @returns {number} - The parsed float value.
-     */
-    cssFloat(prop: string): number;
-    /**
-     * Returns computed float values of multiple CSS properties.
-     * @param {string[]} prop - An array of CSS properties.
-     * @returns {Record<string, number>} - Map of property to float value.
-     */
-    cssFloats(prop: string[]): Record<string, number>;
-    /**
-     * Sets one or more CSS inline style properties on the given element(s).
-     *
-     * - If `prop` is a string, the `value` will be applied to that property.
-     * - If `prop` is an object, each key-value pair will be applied as a CSS property and value.
-     *
-     * @param {string|Object} prop - The property name or an object with key-value pairs
-     * @param {string|null} [value=null] - The value to set (if `prop` is a string)
-     * @returns {this}
-     */
-    setStyle(prop: string | Object, value?: string | null): this;
-    /**
-     * Gets the value of a specific inline style property.
-     *
-     * Returns only the value set directly via the `style` attribute.
-     *
-     * @param {string} prop - The style property name to retrieve.
-     * @returns {string} The style value of the specified property.
-     */
-    getStyle(prop: string): string;
-    /**
-     * Gets all inline styles defined directly on the element (`style` attribute).
-     *
-     * Returns an object with all property-value pairs in kebab-case format.
-     *
-     * @param {Object} [settings={}] - Optional configuration settings.
-     * @param {boolean} [settings.camelCase=false] - If `true`, the property names will be converted to camelCase.
-     * @param {boolean} [settings.rawAttr=false] - If `true`, reads the style string from the `style` attribute instead of using the style object.
-     * @returns {Record<string, string>} All inline styles as an object.
-     */
-    style(settings?: {
-        camelCase?: boolean | undefined;
-        rawAttr?: boolean | undefined;
-    }): Record<string, string>;
-    /**
-     * Removes one or more inline CSS properties from the given element(s).
-     *
-     * @param {string|string[]} prop - A property name or an array of property names to remove.
-     * @returns {this}
-     */
-    removeStyle(prop: string | string[]): this;
-    /**
-     * Toggles a CSS property value between two given values.
-     *
-     * The current computed value is compared to `val1`. If it matches, the property is set to `val2`. Otherwise, it is set to `val1`.
-     *
-     * @param {string} prop - The CSS property to toggle.
-     * @param {string} val1 - The first value (used as "current" check).
-     * @param {string} val2 - The second value (used as the "alternative").
-     * @returns {this}
-     */
-    toggleStyle(prop: string, val1: string, val2: string): this;
-    /**
-     * Removes all inline styles (`style` attribute) from the given element(s).
-     * @returns {this}
-     */
-    clearStyle(): this;
-    /**
-     * Focus the element.
-     * @returns {this}
-     */
-    focus(): this;
-    /**
-     * Blur the element.
-     * @returns {this}
-     */
-    blur(): this;
-    /**
-     * Select the text content of an input or textarea element.
-     * @returns {this}
-     */
-    select(): this;
-    /**
-     * Gets the width or height of an element based on the box model.
-     * @param {"width"|"height"} type - Dimension type.
-     * @param {"content"|"padding"|"border"|"margin"} extra - Box model context.
-     * @returns {number} - Computed dimension.
-     */
-    getDimension(type: "width" | "height", extra: "content" | "padding" | "border" | "margin"): number;
-    /**
-     * Sets the height of the element.
-     * @param {string|number} value - Height value.
-     * @returns {this}
-     */
-    setHeight(value: string | number): this;
-    /**
-     * Sets the height of the element.
-     * @param {string|number} value - Height value.
-     */
-    set height(value: string | number);
-    /**
-     * Returns content box height.
-     * @returns {number}
-     */
-    get height(): number;
-    /**
-     * Sets the width of the element.
-     * @param {string|number} value - Width value.
-     * @returns {this}
-     */
-    setWidth(value: string | number): this;
-    /**
-     * Sets the width of the element.
-     * @param {string|number} value - Width value.
-     */
-    set width(value: string | number);
-    /**
-     * Returns content box width.
-     * @returns {number}
-     */
-    get width(): number;
-    /**
-     * Returns padding box height.
-     * @returns {number}
-     */
-    innerHeight(): number;
-    /**
-     * Returns padding box width.
-     * @returns {number}
-     */
-    innerWidth(): number;
-    /**
-     * Returns outer height of the element, optionally including margin.
-     * @param {boolean} [includeMargin=false] - Whether to include margin.
-     * @returns {number}
-     */
-    outerHeight(includeMargin?: boolean): number;
-    /**
-     * Returns outer width of the element, optionally including margin.
-     * @param {boolean} [includeMargin=false] - Whether to include margin.
-     * @returns {number}
-     */
-    outerWidth(includeMargin?: boolean): number;
-    /**
-     * Sets the display value.
-     * @param {string} value
-     * @throws {TypeError} If the value is not a string.
-     */
-    set mainDisplay(value: string);
-    /**
-     * Gets the current display value.
-     * @returns {string}
-     */
-    get mainDisplay(): string;
-    /**
-     * Applies style-based effects (slide, fade) to one or more elements.
-     * Converts abstract effect definitions (e.g., `{ height: "show" }`)
-     * into concrete Web Animations API keyframes.
-     *
-     * @param {string} id - The style effect id.
-     * @param {StyleEffects} props - The style effect definition.
-     * @param {number | KeyframeAnimationOptions} [ops] - Timing options.
-     * @returns {StyleFxResult}
-     */
-    applyStyleFx(id: string, props: StyleEffects, ops?: number | KeyframeAnimationOptions): StyleFxResult;
-    /**
-     * Applies an animation to one or multiple TinyElement instances.
-     *
-     * If `cancelOldAnim` is true, any currently running animation on the same element
-     * will be cancelled before the new one starts.
-     *
-     * @param {Keyframe[] | PropertyIndexedKeyframes | null} keyframes - Keyframes that define the animation.
-     * @param {number | KeyframeAnimationOptions | string} [ops] - Timing or configuration options for the animation.
-     * @param {string|null} [id] - The style effect id.
-     * @param {boolean} [cancelOldAnim=TinyHtml.cancelOldStyleFx] - Whether to cancel previous animations on the same element.
-     * @returns {Animation[]}
-     */
-    animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, ops?: number | KeyframeAnimationOptions | string, id?: string | null, cancelOldAnim?: boolean): Animation[];
-    /**
-     * Stops the current animation(s) on this TinyElement instance.
-     *
-     * @returns {boolean[]}
-     */
-    stop(): boolean[];
-    /**
-     * Show animation (slideDown).
-     * @param {number | KeyframeAnimationOptions | string} [ops]
-     * @returns {StyleFxResult}
-     */
-    slideDown(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
-    /**
-     * Hide animation (slideUp).
-     * @param {number | KeyframeAnimationOptions | string} [ops]
-     * @returns {StyleFxResult}
-     */
-    slideUp(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
-    /**
-     * Toggle slide animation.
-     * @param {number | KeyframeAnimationOptions | string} [ops]
-     * @returns {StyleFxResult}
-     */
-    slideToggle(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
-    /**
-     * Fade in animation.
-     * @param {number | KeyframeAnimationOptions | string} [ops]
-     * @returns {StyleFxResult}
-     */
-    fadeIn(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
-    /**
-     * Fade out animation.
-     * @param {number | KeyframeAnimationOptions | string} [ops]
-     * @returns {StyleFxResult}
-     */
-    fadeOut(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
-    /**
-     * Fade toggle animation.
-     * @param {number | KeyframeAnimationOptions | string} [ops]
-     * @returns {StyleFxResult}
-     */
-    fadeToggle(ops?: number | KeyframeAnimationOptions | string): StyleFxResult;
-    /**
-     * Animate the opacity of elements to a target value.
-     * If the element is hidden (display:none), it will be made visible first
-     * so the fade animation can occur.
-     *
-     * @param {number} opacity - Final opacity value (between 0 and 1).
-     * @param {number | KeyframeAnimationOptions | string} [ops] - Duration or animation options.
-     * @param {string} [mainDisplay=this.#mainDisplay] - Sets the main display value.
-     * @returns {StyleFxResult}
-     * @throws {TypeError} If opacity is not a number between 0 and 1.
-     * @throws {TypeError} If ops is not number|string|object when provided.
-     */
-    fadeTo(opacity: number, ops?: number | KeyframeAnimationOptions | string, mainDisplay?: string): StyleFxResult;
-    /**
-     * Gets the offset of the element relative to the document.
-     * @returns {{top: number, left: number}}
-     */
-    offset(): {
-        top: number;
-        left: number;
-    };
-    /**
-     * Gets the position of the element relative to its offset parent.
-     * @returns {{top: number, left: number}}
-     */
-    position(): {
-        top: number;
-        left: number;
-    };
-    /**
-     * Gets the closest positioned ancestor element.
-     * @returns {HTMLElement} - Offset parent element.
-     */
-    offsetParent(): HTMLElement;
-    /**
-     * Gets the vertical scroll position.
-     * @returns {number}
-     */
-    scrollTop(): number;
-    /**
-     * Gets the horizontal scroll position.
-     * @returns {number}
-     */
-    scrollLeft(): number;
-    /**
-     * Smoothly scrolls one or more elements (or the window) to the specified X and Y coordinates
-     * using a custom duration and easing function.
-     *
-     * If `duration` or a valid `easing` is not provided, the scroll will be performed immediately.
-     *
-     * @param {Object} [settings={}] - Configuration object for the scroll animation.
-     * @param {number} [settings.targetX] - The horizontal scroll target in pixels.
-     * @param {number} [settings.targetY] - The vertical scroll target in pixels.
-     * @param {number} [settings.duration] - The duration of the animation in milliseconds.
-     * @param {Easings} [settings.easing] - The easing function name to use for the scroll animation.
-     * @param {OnScrollAnimation} [settings.onAnimation] - Optional callback invoked on each animation
-     *   frame with the current scroll position, normalized animation time (`0` to `1`), and a completion flag.
-     * @returns {this}
-     */
-    scrollToXY({ targetX, targetY, duration, easing, onAnimation }?: {
-        targetX?: number | undefined;
-        targetY?: number | undefined;
-        duration?: number | undefined;
-        easing?: Easings | undefined;
-        onAnimation?: OnScrollAnimation | undefined;
-    }): this;
-    /**
-     * Sets the vertical scroll position.
-     * @param {number} value - Scroll top value.
-     * @returns {this}
-     */
-    setScrollTop(value: number): this;
-    /**
-     * Sets the horizontal scroll position.
-     * @param {number} value - Scroll left value.
-     * @returns {this}
-     */
-    setScrollLeft(value: number): this;
-    /**
-     * Returns the total border width and individual sides from `border{Side}Width` CSS properties.
-     *
-     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border widths, and each side individually.
-     */
-    borderWidth(): HtmlElBoxSides;
-    /**
-     * Returns the total border size and individual sides from `border{Side}` CSS properties.
-     *
-     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) border sizes, and each side individually.
-     */
-    border(): HtmlElBoxSides;
-    /**
-     * Returns the total margin and individual sides from `margin{Side}` CSS properties.
-     *
-     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) margins, and each side individually.
-     */
-    margin(): HtmlElBoxSides;
-    /**
-     * Returns the total padding and individual sides from `padding{Side}` CSS properties.
-     *
-     * @returns {HtmlElBoxSides} - Total horizontal (x) and vertical (y) paddings, and each side individually.
-     */
-    padding(): HtmlElBoxSides;
-    /**
-     * Adds one or more CSS class names to the element.
-     * @param {...string} args - One or more class names to add.
-     * @returns {this}
-     */
-    addClass(...args: string[]): this;
-    /**
-     * Removes one or more CSS class names from the element.
-     * @param {...string} args - One or more class names to remove.
-     * @returns {this}
-     */
-    removeClass(...args: string[]): this;
-    /**
-     * Replaces an existing class name with a new one.
-     * @param {string} token - The class name to be replaced.
-     * @param {string} newToken - The new class name to apply.
-     * @returns {boolean} Whether the replacement was successful.
-     * @throws {TypeError} If either argument is not a string.
-     */
-    replaceClass(token: string, newToken: string): boolean;
-    /**
-     * Returns the class name at the specified index.
-     * @param {number} index - The index of the class name.
-     * @returns {string|null} The class name at the index or null if not found.
-     * @throws {TypeError} If the index is not a number.
-     */
-    classItem(index: number): string | null;
-    /**
-     * Toggles a class name on the element with an optional force boolean.
-     * @param {string} token - The class name to toggle.
-     * @param {boolean} force - If true, adds the class; if false, removes it.
-     * @returns {boolean} Whether the class is present after the toggle.
-     * @throws {TypeError} If token is not a string or force is not a boolean.
-     */
-    toggleClass(token: string, force: boolean): boolean;
-    /**
-     * Checks if the element contains the given class name.
-     * @param {string} token - The class name to check.
-     * @returns {boolean} True if the class is present, false otherwise.
-     * @throws {TypeError} If token is not a string.
-     */
-    hasClass(token: string): boolean;
-    /**
-     * Returns the number of classes applied to the element.
-     * @returns {number} The number of classes.
-     */
-    classLength(): number;
-    /**
-     * Returns all class names as an array of strings.
-     * @returns {string[]} An array of class names.
-     */
-    classList(): string[];
-    /**
-     * Returns the tag name of the element.
-     * @returns {string} The tag name in uppercase.
-     */
-    tagName(): string;
-    /**
-     * Set the id on an element.
-     * @param {string} value - Id name.
-     */
-    set id(value: string);
-    /**
-     * Returns the ID of the element.
-     * @returns {string} The element's ID.
-     */
-    get id(): string;
-    /**
-     * Returns the BigInt content of the element.
-     * @returns {bigint|null}
-     */
-    toBigInt(): bigint | null;
-    /**
-     * Set BigInt content of the element.
-     * @param {bigint} value
-     * @returns {this}
-     */
-    setBigInt(value: bigint): this;
-    /**
-     * Returns the Date content of the element.
-     * @returns {Date|null}
-     */
-    toDate(): Date | null;
-    /**
-     * Set Date content of the element.
-     * @param {Date} value
-     * @returns {this}
-     */
-    setDate(value: Date): this;
-    /**
-     * Returns the JSON content of the element.
-     * @returns {any|null}
-     */
-    toJson(): any | null;
-    /**
-     * Set JSON content of the element.
-     * @param {any} value - A JavaScript value, usually an object or array, to be converted.
-     * @param {(this: any, key: string, value: any) => any} [replacer] - A function that transforms the results.
-     * @param {number|string} [space] - Indentation level or string for formatting.
-     * @returns {this}
-     */
-    setJson(value: any, replacer?: (this: any, key: string, value: any) => any, space?: number | string): this;
-    /**
-     * Returns the number content of the element.
-     * @returns {number|null} The text content or null if none.
-     */
-    toNumber(): number | null;
-    /**
-     * Set number content of the element.
-     * @param {number} value
-     * @returns {this}
-     */
-    setNumber(value: number): this;
-    /**
-     * Returns the boolean content of the element.
-     * @returns {boolean|null}
-     */
-    toBoolean(): boolean | null;
-    /**
-     * Set boolean content of the element.
-     * @param {boolean} value
-     * @returns {this}
-     */
-    setBoolean(value: boolean): this;
-    /**
-     * Returns the string content of the element.
-     * @returns {string|null} The string content or null if none.
-     */
-    toString(): string | null;
-    /**
-     * Set string content of the element.
-     * @param {string} value
-     * @returns {this}
-     */
-    setString(value: string): this;
-    /**
-     * Returns the text content of the element.
-     * @returns {string|null} The text content or null if none.
-     */
-    text(): string | null;
-    /**
-     * Set text content of the element.
-     * @param {*} value
-     * @returns {this}
-     */
-    setText(value: any): this;
-    /**
-     * Remove all child nodes of the element.
-     * @returns {this}
-     */
-    empty(): this;
-    /**
-     * Get the innerHTML of the element.
-     * @param {GetHTMLOptions} [ops]
-     * @returns {string}
-     */
-    html(ops?: GetHTMLOptions): string;
-    /**
-     * Set the innerHTML of the element.
-     * @param {string} value
-     * @returns {this}
-     */
-    setHtml(value: string): this;
-    /**
-     * Sets the value of the current HTML value element (input, select, textarea, etc.).
-     * Accepts strings, numbers, booleans or arrays of these values, or a callback function that computes them.
-     *
-     * @param {SetValueList|((el: InputElement, val: SetValueList) => SetValueList)} value - The value to assign or a function that returns it.
-     * @returns {this}
-     * @throws {Error} If the computed value is not a valid string or boolean.
-     */
-    setVal(value: SetValueList | ((el: InputElement, val: SetValueList) => SetValueList)): this;
-    /**
-     * Retrieves the raw value from the HTML input element.
-     * If a custom value hook exists, it will be used first.
-     *
-     * @param {GetValueTypes} type - The type of value to retrieve ("string", "date", or "number").
-     * @param {string} where - The context/method name using this validation.
-     * @returns {any} The raw value retrieved from the element or hook.
-     */
-    _val(where: string, type: GetValueTypes): any;
-    /**
-     * Gets the value of the current HTML value element.
-     *
-     * @returns {SetValueList} The normalized value, with carriage returns removed.
-     */
-    val(): SetValueList;
-    /**
-     * Gets the text of the current HTML value element (for text).
-     *
-     * @returns {string} The text value.
-     * @throws {Error} If the element is not a string value.
-     */
-    valTxt(): string;
-    /**
-     * Internal helper to get a value from an input expected to return an array.
-     *
-     * @param {string} where - The method name or context using this validation (for error reporting).
-     * @param {GetValueTypes} type - The type of value to retrieve ("string", "date", or "number").
-     * @returns {SetValueBase[]} - The validated value as an array.
-     * @throws {Error} If the returned value is not an array.
-     */
-    _valArr(where: string, type: GetValueTypes): SetValueBase[];
-    /**
-     * Gets the raw value as a generic array of the current HTML value element (for select).
-     *
-     * @returns {SetValueBase[]} - The value cast as a generic array.
-     * @throws {Error} If the value is not a valid array.
-     */
-    valArr(): SetValueBase[];
-    /**
-     * Gets the current value parsed as a number (for number/text).
-     *
-     * @returns {number} The numeric value.
-     * @throws {Error} If the element is not a number-compatible input or value is NaN.
-     */
-    valNb(): number;
-    /**
-     * Gets the current value parsed as a Date (for time/date).
-     *
-     * @returns {Date} The date value.
-     * @throws {Error} If the element is not a date-compatible input.
-     */
-    valDate(): Date;
-    /**
-     * Checks if the input element is boolean (for checkboxes/radios).
-     *
-     * @returns {boolean} True if the input is considered checked (value === "on"), false otherwise.
-     * @throws {Error} If the element is not a checkbox/radio input.
-     */
-    valBool(): boolean;
-    /**
-     * Registers a listener for the "paste" event to extract files and text from the clipboard (e.g., when the user presses Ctrl+V).
-     *
-     * This method allows reacting to pasted content by providing separate callbacks for files and plain text.
-     * Useful for building file upload areas, rich-text editors, or input enhancements.
-     *
-     * @param {Object} [settings={}] - Optional callbacks to handle clipboard content.
-     * @param {(data: DataTransferItem, file: File) => void} [settings.onFilePaste] - Called for each file pasted from the clipboard (e.g., images).
-     * @param {(data: DataTransferItem, text: string) => void} [settings.onTextPaste] - Called when plain text is pasted from the clipboard.
-     * @returns {EventListenerOrEventListenerObject} The internal "paste" event handler used.
-     */
-    listenForPaste({ onFilePaste, onTextPaste }?: {
-        onFilePaste?: ((data: DataTransferItem, file: File) => void) | undefined;
-        onTextPaste?: ((data: DataTransferItem, text: string) => void) | undefined;
-    }): EventListenerOrEventListenerObject;
-    /**
-     * Checks if the element has a listener for a specific event.
-     *
-     * @param {string} event - The event name to check.
-     * @returns {boolean}
-     */
-    hasEventListener(event: string): boolean;
-    /**
-     * Checks if the element has the exact handler registered for a specific event.
-     *
-     * @param {string} event - The event name to check.
-     * @param {EventListenerOrEventListenerObject} handler - The handler function to check.
-     * @returns {boolean}
-     */
-    hasExactEventListener(event: string, handler: EventListenerOrEventListenerObject): boolean;
-    /**
-     * Hover event shortcut.
-     *
-     * Adds `mouseenter` and `mouseleave` event listeners to the target.
-     *
-     * @param {HoverEventCallback} fnOver - Callback executed when the mouse enters the target.
-     * @param {HoverEventCallback|null} [fnOut] - Optional callback executed when the mouse leaves
-     * the target. If not provided, `fnOver` will be used for both events.
-     * @param {EventRegistryOptions} [options] - Optional event listener options.
-     * @returns {this}
-     */
-    hover(fnOver: HoverEventCallback, fnOut?: HoverEventCallback | null, options?: EventRegistryOptions): this;
-    /**
-     * Registers an event listener on the specified element.
-     *
-     * @param {string|string[]} events - The event type (e.g. 'click', 'keydown').
-     * @param {EventListenerOrEventListenerObject|null} handler - The callback function to run on event.
-     * @param {EventRegistryOptions} [options] - Optional event listener options.
-     * @returns {this}
-     */
-    on(events: string | string[], handler: EventListenerOrEventListenerObject | null, options?: EventRegistryOptions): this;
-    /**
-     * Registers an event listener that runs only once, then is removed.
-     *
-     * @param {string|string[]} events - The event type (e.g. 'click', 'keydown').
-     * @param {EventListenerOrEventListenerObject} handler - The callback function to run on event.
-     * @param {EventRegistryOptions} [options={}] - Optional event listener options.
-     * @returns {this}
-     */
-    once(events: string | string[], handler: EventListenerOrEventListenerObject, options?: EventRegistryOptions): this;
-    /**
-     * Removes a specific event listener from an element.
-     *
-     * @param {string|string[]} events - The event type.
-     * @param {EventListenerOrEventListenerObject|null} handler - The function originally bound to the event.
-     * @param {boolean|EventListenerOptions} [options] - Optional listener options.
-     * @returns {this}
-     */
-    off(events: string | string[], handler: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions): this;
-    /**
-     * Removes all event listeners of a specific type from the element.
-     *
-     * @param {string|string[]} events - The event type to remove (e.g. 'click').
-     * @returns {this}
-     */
-    offAll(events: string | string[]): this;
-    /**
-     * Removes all event listeners of all types from the element.
-     *
-     * @param {((handler: EventListenerOrEventListenerObject|null, event: string) => boolean)|null} [filterFn=null] -
-     *        Optional filter function to selectively remove specific handlers.
-     * @returns {this}
-     */
-    offAllTypes(filterFn?: ((handler: EventListenerOrEventListenerObject | null, event: string) => boolean) | null): this;
-    /**
-     * Triggers all handlers associated with a specific event on the given element.
-     *
-     * @param {string|string[]} events - Name of the event to trigger.
-     * @param {Event|CustomEvent|CustomEventInit} [payload] - Optional event object or data to pass.
-     * @returns {this}
-     */
-    trigger(events: string | string[], payload?: Event | CustomEvent | CustomEventInit): this;
-    /**
-     * Returns the BigInt value of an attribute.
-     * @param {string} name
-     * @returns {bigint|null}
-     */
-    attrBigInt(name: string): bigint | null;
-    /**
-     * Set a BigInt attribute.
-     * @param {string} name
-     * @param {bigint} value
-     * @returns {this}
-     */
-    setAttrBigInt(name: string, value: bigint): this;
-    /**
-     * Returns the Date value of an attribute.
-     * @param {string} name
-     * @returns {Date|null}
-     */
-    attrDate(name: string): Date | null;
-    /**
-     * Set a Date attribute.
-     * @param {string} name
-     * @param {Date} value
-     * @returns {this}
-     */
-    setAttrDate(name: string, value: Date): this;
-    /**
-     * Returns the JSON value of an attribute.
-     * @param {string} name
-     * @returns {any|null}
-     */
-    attrJson(name: string): any | null;
-    /**
-     * Set a JSON attribute.
-     * @param {string} name
-     * @param {any} value
-     * @param {(this: any, key: string, value: any) => any} [replacer]
-     * @param {number|string} [space]
-     * @returns {this}
-     */
-    setAttrJson(name: string, value: any, replacer?: (this: any, key: string, value: any) => any, space?: number | string): this;
-    /**
-     * Returns the number value of an attribute.
-     * @param {string} name
-     * @returns {number|null}
-     */
-    attrNumber(name: string): number | null;
-    /**
-     * Set a number attribute.
-     * @param {string} name
-     * @param {number} value
-     * @returns {this}
-     */
-    setAttrNumber(name: string, value: number): this;
-    /**
-     * Returns the boolean value of an attribute.
-     * @param {string} name
-     * @returns {boolean|null}
-     */
-    attrBoolean(name: string): boolean | null;
-    /**
-     * Set a boolean attribute.
-     * @param {string} name
-     * @param {boolean} value
-     * @returns {this}
-     */
-    setAttrBoolean(name: string, value: boolean): this;
-    /**
-     * Returns the string value of an attribute.
-     * @param {string} name
-     * @returns {string|null}
-     */
-    attrString(name: string): string | null;
-    /**
-     * Set a string attribute.
-     * @param {string} name
-     * @param {string} value
-     * @returns {this}
-     */
-    setAttrString(name: string, value: string): this;
-    /**
-     * Get an attribute on an element.
-     * @param {string} name
-     * @returns {string|null}
-     */
-    attr(name: string): string | null;
-    /**
-     * Set one or multiple attributes on an element.
-     * @param {string|Record<string, any>} name - Attribute name or an object of attributes.
-     * @param {any} [value=null] - Attribute value (ignored if "name" is an object).
-     * @returns {this}
-     */
-    setAttr(name: string | Record<string, any>, value?: any): this;
-    /**
-     * Remove attribute(s) from an element.
-     * @param {string} name Space-separated list of attributes.
-     * @returns {this}
-     */
-    removeAttr(name: string): this;
-    /**
-     * Check if an attribute exists on an element.
-     * @param {string} name
-     * @returns {boolean}
-     */
-    hasAttr(name: string): boolean;
-    /**
-     * Check if a property exists.
-     * @param {string} name
-     * @returns {boolean}
-     */
-    hasProp(name: string): boolean;
-    /**
-     * Set a property on an element.
-     * @param {...string} names - Property name(s).
-     * @returns {this}
-     */
-    addProp(...names: string[]): this;
-    /**
-     * Remove a property from an element.
-     * @param {...string} names - Property name(s).
-     * @returns {this}
-     */
-    removeProp(...names: string[]): this;
-    /**
-     * Toggle one or multiple boolean properties.
-     * @param {string|string[]} name - Property name or a list of property names.
-     * @param {boolean} [force] - Force true/false instead of toggling.
-     * @returns {this}
-     */
-    toggleProp(name: string | string[], force?: boolean): this;
-    /**
-     * Get properties on an element.
-     *
-     * @param {string} name - Property name.
-     * @returns {any} - Property value if getting, otherwise `undefined`.
-     */
-    prop(name: string): any;
-    /**
-     * Set a property on this element.
-     * @param {string} name - Property name.
-     * @param {any} value - Value to set.
-     * @returns {this} The same element.
-     */
-    setProp(name: string, value: any): this;
-    /**
-     * Removes the element from the DOM.
-     * @returns {this}
-     */
-    remove(): this;
-    /**
-     * Returns the index of the first element within its parent or relative to a selector/element.
-     *
-     * @param {string|TinyElement|null} [elem] - Optional target to compare index against.
-     * @returns {number}
-     */
-    index(elem?: string | TinyElement | null): number;
-    /**
-     * Determines if two HTML elements are colliding, using a simple bounding box comparison.
-     *
-     * @param {TinyElement} el2 - The second element to compare.
-     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
-     * @returns {boolean} - `true` if the elements are colliding, `false` otherwise.
-     */
-    isCollWith(el2: TinyElement, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
-    /**
-     * Determines if two HTML elements are colliding using a pixel-perfect collision algorithm.
-     *
-     * @param {TinyElement} el2 - The second element to compare.
-     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
-     * @returns {boolean} - `true` if the elements are colliding with higher precision, `false` otherwise.
-     */
-    isCollPerfWith(el2: TinyElement, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
-    /**
-     * Checks if two DOM elements are colliding on the screen, and locks the collision
-     * until the element exits through the same side it entered.
-     *
-     * @param {TinyElement} el2 - Second DOM element (e.g. a container or boundary element).
-     * @param {CollisionDirLock} lockDirection - Direction that must be respected to unlock the collision.
-     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
-     * @returns {boolean} True if collision is still active.
-     */
-    isCollWithLock(el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
-    /**
-     * Checks if two DOM elements are colliding on the screen, and locks the collision
-     * until the element exits through the same side it entered.
-     *
-     * @param {TinyElement} el2 - Second DOM element (e.g. a container or boundary element).
-     * @param {CollisionDirLock} lockDirection - Direction that must be respected to unlock the collision.
-     * @param {Partial<ObjRect>} [extraRect] - Optional values to expand the size of the first element's rect.
-     * @returns {boolean} True if collision is still active.
-     */
-    isCollPerfWithLock(el2: TinyElement, lockDirection: CollisionDirLock, extraRect?: Partial<TinyCollision.ObjRect>): boolean;
-    /**
-     * Resets the collision lock for a specific element.
-     *
-     * This removes any previously stored collision direction for the given element,
-     * effectively unlocking its collision state.
-     *
-     * @returns {boolean} Returns `true` if a lock was removed, `false` if no lock was present.
-     */
-    resetCollLock(): boolean;
-    /**
-     * Resets the collision lock for a specific element and direction.
-     *
-     * @param {CollisionDirLock} direction - The direction to clear the lock from.
-     * @returns {boolean} True if the lock was removed.
-     */
-    resetCollLockDir(direction: CollisionDirLock): boolean;
-    /**
-     * Checks if the given element is at least partially visible in the viewport.
-     *
-     * @returns {boolean} True if the element is partially in the viewport, false otherwise.
-     */
-    isInViewport(): boolean;
-    /**
-     * Checks if the given element is fully visible in the viewport (top and bottom).
-     *
-     * @returns {boolean} True if the element is fully visible in the viewport, false otherwise.
-     */
-    isScrolledIntoView(): boolean;
-    /**
-     * Checks if the given element is at least partially visible within the boundaries of a container.
-     *
-     * @param {TinyElement} cont - The container element acting as the viewport.
-     * @returns {boolean} True if the element is partially visible within the container, false otherwise.
-     */
-    isInContainer(cont: TinyElement): boolean;
-    /**
-     * Checks if the given element is fully visible within the boundaries of a container (top and bottom).
-     *
-     * @param {TinyElement} cont - The container element acting as the viewport.
-     * @returns {boolean} True if the element is fully visible within the container, false otherwise.
-     */
-    isFullyInContainer(cont: TinyElement): boolean;
-    /**
-     * Checks if an element has scrollable content.
-     *
-     * @returns {{ v: boolean, h: boolean }} - True if scroll is needed in that direction.
+     * @returns {{ v: boolean, h: boolean }} - True if scroll is needed in that direction.
      */
     hasScroll(): {
         v: boolean;
         h: boolean;
     };
-    #private;
 }
-import * as TinyCollision from '../basics/collision.mjs';
-import TinyElementObserver from './TinyElementObserver.mjs';
+export default TinyHtml;
 //# sourceMappingURL=TinyHtml.d.mts.map