native-document 1.0.26 → 1.0.28

package/types/elements.d.ts

@@ -0,0 +1,460 @@
+// DOM elements and components type definitions - Version complète
+import { ObservableItem } from './observable';
+
+export interface NDElement {
+    readonly __$isNDElement: true;
+    readonly $element: HTMLElement;
+    readonly $observer: any;
+
+    ref(target: any, name: string): this;
+    unmountChildren(): this;
+    remove(): this;
+
+    lifecycle(states: { mounted?: (node: HTMLElement) => void; unmounted?: (node: HTMLElement) => boolean | void }): this;
+    mounted(callback: (node: HTMLElement) => void): this;
+    unmounted(callback: (node: HTMLElement) => boolean | void): this;
+
+    htmlElement(): HTMLElement;
+    node(): HTMLElement;
+
+    // Mouse Events
+    onClick(callback: (event: MouseEvent) => void): this;
+    onDblClick(callback: (event: MouseEvent) => void): this;
+    onMouseDown(callback: (event: MouseEvent) => void): this;
+    onMouseEnter(callback: (event: MouseEvent) => void): this;
+    onMouseLeave(callback: (event: MouseEvent) => void): this;
+    onMouseMove(callback: (event: MouseEvent) => void): this;
+    onMouseOut(callback: (event: MouseEvent) => void): this;
+    onMouseOver(callback: (event: MouseEvent) => void): this;
+    onMouseUp(callback: (event: MouseEvent) => void): this;
+    onWheel(callback: (event: WheelEvent) => void): this;
+    onContextMenu(callback: (event: MouseEvent) => void): this; // Extra event
+
+    // Keyboard Events
+    onKeyDown(callback: (event: KeyboardEvent) => void): this;
+    onKeyPress(callback: (event: KeyboardEvent) => void): this;
+    onKeyUp(callback: (event: KeyboardEvent) => void): this;
+
+    // Form Events
+    onBlur(callback: (event: FocusEvent) => void): this;
+    onChange(callback: (event: Event) => void): this;
+    onFocus(callback: (event: FocusEvent) => void): this;
+    onFocusIn(callback: (event: FocusEvent) => void): this; // Extra event
+    onFocusOut(callback: (event: FocusEvent) => void): this; // Extra event
+    onInput(callback: (event: Event) => void): this;
+    onInvalid(callback: (event: Event) => void): this;
+    onReset(callback: (event: Event) => void): this;
+    onSearch(callback: (event: Event) => void): this;
+    onSelect(callback: (event: Event) => void): this;
+    onSubmit(callback: (event: Event) => void): this;
+
+    // Drag Events
+    onDrag(callback: (event: DragEvent) => void): this;
+    onDragEnd(callback: (event: DragEvent) => void): this;
+    onDragEnter(callback: (event: DragEvent) => void): this;
+    onDragLeave(callback: (event: DragEvent) => void): this;
+    onDragOver(callback: (event: DragEvent) => void): this;
+    onDragStart(callback: (event: DragEvent) => void): this;
+    onDrop(callback: (event: DragEvent) => void): this;
+
+    // Window/Page Events
+    onAfterPrint(callback: (event: Event) => void): this;
+    onBeforePrint(callback: (event: Event) => void): this;
+    onBeforeUnload(callback: (event: BeforeUnloadEvent) => void): this;
+    onError(callback: (event: Event) => void): this;
+    onHashChange(callback: (event: HashChangeEvent) => void): this;
+    onLoad(callback: (event: Event) => void): this;
+    onOffline(callback: (event: Event) => void): this;
+    onOnline(callback: (event: Event) => void): this;
+    onPageHide(callback: (event: PageTransitionEvent) => void): this;
+    onPageShow(callback: (event: PageTransitionEvent) => void): this;
+    onResize(callback: (event: UIEvent) => void): this;
+    onScroll(callback: (event: Event) => void): this;
+    onUnload(callback: (event: Event) => void): this;
+
+    // Media Events
+    onAbort(callback: (event: Event) => void): this;
+    onCanPlay(callback: (event: Event) => void): this;
+    onCanPlayThrough(callback: (event: Event) => void): this;
+    onDurationChange(callback: (event: Event) => void): this;
+    onEmptied(callback: (event: Event) => void): this;
+    onEnded(callback: (event: Event) => void): this;
+    onLoadedData(callback: (event: Event) => void): this;
+    onLoadedMetadata(callback: (event: Event) => void): this;
+    onLoadStart(callback: (event: Event) => void): this;
+    onPause(callback: (event: Event) => void): this;
+    onPlay(callback: (event: Event) => void): this;
+    onPlaying(callback: (event: Event) => void): this;
+    onProgress(callback: (event: ProgressEvent) => void): this;
+    onRateChange(callback: (event: Event) => void): this;
+    onSeeked(callback: (event: Event) => void): this;
+    onSeeking(callback: (event: Event) => void): this;
+    onStalled(callback: (event: Event) => void): this;
+    onSuspend(callback: (event: Event) => void): this;
+    onTimeUpdate(callback: (event: Event) => void): this;
+    onVolumeChange(callback: (event: Event) => void): this;
+    onWaiting(callback: (event: Event) => void): this;
+
+    // Touch Events (Extra events)
+    onTouchCancel(callback: (event: TouchEvent) => void): this;
+    onTouchEnd(callback: (event: TouchEvent) => void): this;
+    onTouchMove(callback: (event: TouchEvent) => void): this;
+    onTouchStart(callback: (event: TouchEvent) => void): this;
+
+    // Animation Events (Extra events)
+    onAnimationEnd(callback: (event: AnimationEvent) => void): this;
+    onAnimationIteration(callback: (event: AnimationEvent) => void): this;
+    onAnimationStart(callback: (event: AnimationEvent) => void): this;
+
+    // Transition Events (Extra events)
+    onTransitionEnd(callback: (event: TransitionEvent) => void): this;
+
+    // Clipboard Events (Extra events)
+    onCopy(callback: (event: ClipboardEvent) => void): this;
+    onCut(callback: (event: ClipboardEvent) => void): this;
+    onPaste(callback: (event: ClipboardEvent) => void): this;
+
+    // PREVENT DEFAULT VERSIONS
+
+    // Prevent default versions for Mouse Events
+    onPreventClick(callback: (event: MouseEvent) => void): this;
+    onPreventDblClick(callback: (event: MouseEvent) => void): this;
+    onPreventMouseDown(callback: (event: MouseEvent) => void): this;
+    onPreventMouseEnter(callback: (event: MouseEvent) => void): this;
+    onPreventMouseLeave(callback: (event: MouseEvent) => void): this;
+    onPreventMouseMove(callback: (event: MouseEvent) => void): this;
+    onPreventMouseOut(callback: (event: MouseEvent) => void): this;
+    onPreventMouseOver(callback: (event: MouseEvent) => void): this;
+    onPreventMouseUp(callback: (event: MouseEvent) => void): this;
+    onPreventWheel(callback: (event: WheelEvent) => void): this;
+    onPreventContextMenu(callback: (event: MouseEvent) => void): this;
+
+    // Prevent default versions for Keyboard Events
+    onPreventKeyDown(callback: (event: KeyboardEvent) => void): this;
+    onPreventKeyPress(callback: (event: KeyboardEvent) => void): this;
+    onPreventKeyUp(callback: (event: KeyboardEvent) => void): this;
+
+    // Prevent default versions for Form Events
+    onPreventBlur(callback: (event: FocusEvent) => void): this;
+    onPreventChange(callback: (event: Event) => void): this;
+    onPreventFocus(callback: (event: FocusEvent) => void): this;
+    onPreventFocusIn(callback: (event: FocusEvent) => void): this;
+    onPreventFocusOut(callback: (event: FocusEvent) => void): this;
+    onPreventInput(callback: (event: Event) => void): this;
+    onPreventInvalid(callback: (event: Event) => void): this;
+    onPreventReset(callback: (event: Event) => void): this;
+    onPreventSearch(callback: (event: Event) => void): this;
+    onPreventSelect(callback: (event: Event) => void): this;
+    onPreventSubmit(callback: (event: Event) => void): this;
+
+    // Prevent default versions for Drag Events
+    onPreventDrag(callback: (event: DragEvent) => void): this;
+    onPreventDragEnd(callback: (event: DragEvent) => void): this;
+    onPreventDragEnter(callback: (event: DragEvent) => void): this;
+    onPreventDragLeave(callback: (event: DragEvent) => void): this;
+    onPreventDragOver(callback: (event: DragEvent) => void): this;
+    onPreventDragStart(callback: (event: DragEvent) => void): this;
+    onPreventDrop(callback: (event: DragEvent) => void): this;
+
+    // Prevent default versions for Window/Page Events
+    onPreventAfterPrint(callback: (event: Event) => void): this;
+    onPreventBeforePrint(callback: (event: Event) => void): this;
+    onPreventBeforeUnload(callback: (event: BeforeUnloadEvent) => void): this;
+    onPreventError(callback: (event: Event) => void): this;
+    onPreventHashChange(callback: (event: HashChangeEvent) => void): this;
+    onPreventLoad(callback: (event: Event) => void): this;
+    onPreventOffline(callback: (event: Event) => void): this;
+    onPreventOnline(callback: (event: Event) => void): this;
+    onPreventPageHide(callback: (event: PageTransitionEvent) => void): this;
+    onPreventPageShow(callback: (event: PageTransitionEvent) => void): this;
+    onPreventResize(callback: (event: UIEvent) => void): this;
+    onPreventScroll(callback: (event: Event) => void): this;
+    onPreventUnload(callback: (event: Event) => void): this;
+
+    // Prevent default versions for Media Events
+    onPreventAbort(callback: (event: Event) => void): this;
+    onPreventCanPlay(callback: (event: Event) => void): this;
+    onPreventCanPlayThrough(callback: (event: Event) => void): this;
+    onPreventDurationChange(callback: (event: Event) => void): this;
+    onPreventEmptied(callback: (event: Event) => void): this;
+    onPreventEnded(callback: (event: Event) => void): this;
+    onPreventLoadedData(callback: (event: Event) => void): this;
+    onPreventLoadedMetadata(callback: (event: Event) => void): this;
+    onPreventLoadStart(callback: (event: Event) => void): this;
+    onPreventPause(callback: (event: Event) => void): this;
+    onPreventPlay(callback: (event: Event) => void): this;
+    onPreventPlaying(callback: (event: Event) => void): this;
+    onPreventProgress(callback: (event: ProgressEvent) => void): this;
+    onPreventRateChange(callback: (event: Event) => void): this;
+    onPreventSeeked(callback: (event: Event) => void): this;
+    onPreventSeeking(callback: (event: Event) => void): this;
+    onPreventStalled(callback: (event: Event) => void): this;
+    onPreventSuspend(callback: (event: Event) => void): this;
+    onPreventTimeUpdate(callback: (event: Event) => void): this;
+    onPreventVolumeChange(callback: (event: Event) => void): this;
+    onPreventWaiting(callback: (event: Event) => void): this;
+
+    // Prevent default versions for Touch Events
+    onPreventTouchCancel(callback: (event: TouchEvent) => void): this;
+    onPreventTouchEnd(callback: (event: TouchEvent) => void): this;
+    onPreventTouchMove(callback: (event: TouchEvent) => void): this;
+    onPreventTouchStart(callback: (event: TouchEvent) => void): this;
+
+    // Prevent default versions for Animation Events
+    onPreventAnimationEnd(callback: (event: AnimationEvent) => void): this;
+    onPreventAnimationIteration(callback: (event: AnimationEvent) => void): this;
+    onPreventAnimationStart(callback: (event: AnimationEvent) => void): this;
+
+    // Prevent default versions for Transition Events
+    onPreventTransitionEnd(callback: (event: TransitionEvent) => void): this;
+
+    // Prevent default versions for Clipboard Events
+    onPreventCopy(callback: (event: ClipboardEvent) => void): this;
+    onPreventCut(callback: (event: ClipboardEvent) => void): this;
+    onPreventPaste(callback: (event: ClipboardEvent) => void): this;
+
+    // STOP PROPAGATION VERSIONS
+
+    // Stop propagation versions for Mouse Events
+    onStopClick(callback: (event: MouseEvent) => void): this;
+    onStopDblClick(callback: (event: MouseEvent) => void): this;
+    onStopMouseDown(callback: (event: MouseEvent) => void): this;
+    onStopMouseEnter(callback: (event: MouseEvent) => void): this;
+    onStopMouseLeave(callback: (event: MouseEvent) => void): this;
+    onStopMouseMove(callback: (event: MouseEvent) => void): this;
+    onStopMouseOut(callback: (event: MouseEvent) => void): this;
+    onStopMouseOver(callback: (event: MouseEvent) => void): this;
+    onStopMouseUp(callback: (event: MouseEvent) => void): this;
+    onStopWheel(callback: (event: WheelEvent) => void): this;
+    onStopContextMenu(callback: (event: MouseEvent) => void): this;
+
+    // Stop propagation versions for Keyboard Events
+    onStopKeyDown(callback: (event: KeyboardEvent) => void): this;
+    onStopKeyPress(callback: (event: KeyboardEvent) => void): this;
+    onStopKeyUp(callback: (event: KeyboardEvent) => void): this;
+
+    // Stop propagation versions for Form Events
+    onStopBlur(callback: (event: FocusEvent) => void): this;
+    onStopChange(callback: (event: Event) => void): this;
+    onStopFocus(callback: (event: FocusEvent) => void): this;
+    onStopFocusIn(callback: (event: FocusEvent) => void): this;
+    onStopFocusOut(callback: (event: FocusEvent) => void): this;
+    onStopInput(callback: (event: Event) => void): this;
+    onStopInvalid(callback: (event: Event) => void): this;
+    onStopReset(callback: (event: Event) => void): this;
+    onStopSearch(callback: (event: Event) => void): this;
+    onStopSelect(callback: (event: Event) => void): this;
+    onStopSubmit(callback: (event: Event) => void): this;
+
+    // Stop propagation versions for Drag Events
+    onStopDrag(callback: (event: DragEvent) => void): this;
+    onStopDragEnd(callback: (event: DragEvent) => void): this;
+    onStopDragEnter(callback: (event: DragEvent) => void): this;
+    onStopDragLeave(callback: (event: DragEvent) => void): this;
+    onStopDragOver(callback: (event: DragEvent) => void): this;
+    onStopDragStart(callback: (event: DragEvent) => void): this;
+    onStopDrop(callback: (event: DragEvent) => void): this;
+
+    // Stop propagation versions for Window/Page Events
+    onStopAfterPrint(callback: (event: Event) => void): this;
+    onStopBeforePrint(callback: (event: Event) => void): this;
+    onStopBeforeUnload(callback: (event: BeforeUnloadEvent) => void): this;
+    onStopError(callback: (event: Event) => void): this;
+    onStopHashChange(callback: (event: HashChangeEvent) => void): this;
+    onStopLoad(callback: (event: Event) => void): this;
+    onStopOffline(callback: (event: Event) => void): this;
+    onStopOnline(callback: (event: Event) => void): this;
+    onStopPageHide(callback: (event: PageTransitionEvent) => void): this;
+    onStopPageShow(callback: (event: PageTransitionEvent) => void): this;
+    onStopResize(callback: (event: UIEvent) => void): this;
+    onStopScroll(callback: (event: Event) => void): this;
+    onStopUnload(callback: (event: Event) => void): this;
+
+    // Stop propagation versions for Media Events
+    onStopAbort(callback: (event: Event) => void): this;
+    onStopCanPlay(callback: (event: Event) => void): this;
+    onStopCanPlayThrough(callback: (event: Event) => void): this;
+    onStopDurationChange(callback: (event: Event) => void): this;
+    onStopEmptied(callback: (event: Event) => void): this;
+    onStopEnded(callback: (event: Event) => void): this;
+    onStopLoadedData(callback: (event: Event) => void): this;
+    onStopLoadedMetadata(callback: (event: Event) => void): this;
+    onStopLoadStart(callback: (event: Event) => void): this;
+    onStopPause(callback: (event: Event) => void): this;
+    onStopPlay(callback: (event: Event) => void): this;
+    onStopPlaying(callback: (event: Event) => void): this;
+    onStopProgress(callback: (event: ProgressEvent) => void): this;
+    onStopRateChange(callback: (event: Event) => void): this;
+    onStopSeeked(callback: (event: Event) => void): this;
+    onStopSeeking(callback: (event: Event) => void): this;
+    onStopStalled(callback: (event: Event) => void): this;
+    onStopSuspend(callback: (event: Event) => void): this;
+    onStopTimeUpdate(callback: (event: Event) => void): this;
+    onStopVolumeChange(callback: (event: Event) => void): this;
+    onStopWaiting(callback: (event: Event) => void): this;
+
+    // Stop propagation versions for Touch Events
+    onStopTouchCancel(callback: (event: TouchEvent) => void): this;
+    onStopTouchEnd(callback: (event: TouchEvent) => void): this;
+    onStopTouchMove(callback: (event: TouchEvent) => void): this;
+    onStopTouchStart(callback: (event: TouchEvent) => void): this;
+
+    // Stop propagation versions for Animation Events
+    onStopAnimationEnd(callback: (event: AnimationEvent) => void): this;
+    onStopAnimationIteration(callback: (event: AnimationEvent) => void): this;
+    onStopAnimationStart(callback: (event: AnimationEvent) => void): this;
+
+    // Stop propagation versions for Transition Events
+    onStopTransitionEnd(callback: (event: TransitionEvent) => void): this;
+
+    // Stop propagation versions for Clipboard Events
+    onStopCopy(callback: (event: ClipboardEvent) => void): this;
+    onStopCut(callback: (event: ClipboardEvent) => void): this;
+    onStopPaste(callback: (event: ClipboardEvent) => void): this;
+
+    // PREVENT + STOP VERSIONS
+
+    // Prevent + Stop versions for Mouse Events
+    onPreventStopClick(callback: (event: MouseEvent) => void): this;
+    onPreventStopDblClick(callback: (event: MouseEvent) => void): this;
+    onPreventStopMouseDown(callback: (event: MouseEvent) => void): this;
+    onPreventStopMouseEnter(callback: (event: MouseEvent) => void): this;
+    onPreventStopMouseLeave(callback: (event: MouseEvent) => void): this;
+    onPreventStopMouseMove(callback: (event: MouseEvent) => void): this;
+    onPreventStopMouseOut(callback: (event: MouseEvent) => void): this;
+    onPreventStopMouseOver(callback: (event: MouseEvent) => void): this;
+    onPreventStopMouseUp(callback: (event: MouseEvent) => void): this;
+    onPreventStopWheel(callback: (event: WheelEvent) => void): this;
+    onPreventStopContextMenu(callback: (event: MouseEvent) => void): this;
+
+    // Prevent + Stop versions for Keyboard Events
+    onPreventStopKeyDown(callback: (event: KeyboardEvent) => void): this;
+    onPreventStopKeyPress(callback: (event: KeyboardEvent) => void): this;
+    onPreventStopKeyUp(callback: (event: KeyboardEvent) => void): this;
+
+    // Prevent + Stop versions for Form Events
+    onPreventStopBlur(callback: (event: FocusEvent) => void): this;
+    onPreventStopChange(callback: (event: Event) => void): this;
+    onPreventStopFocus(callback: (event: FocusEvent) => void): this;
+    onPreventStopFocusIn(callback: (event: FocusEvent) => void): this;
+    onPreventStopFocusOut(callback: (event: FocusEvent) => void): this;
+    onPreventStopInput(callback: (event: Event) => void): this;
+    onPreventStopInvalid(callback: (event: Event) => void): this;
+    onPreventStopReset(callback: (event: Event) => void): this;
+    onPreventStopSearch(callback: (event: Event) => void): this;
+    onPreventStopSelect(callback: (event: Event) => void): this;
+    onPreventStopSubmit(callback: (event: Event) => void): this;
+
+    // Prevent + Stop versions for Drag Events
+    onPreventStopDrag(callback: (event: DragEvent) => void): this;
+    onPreventStopDragEnd(callback: (event: DragEvent) => void): this;
+    onPreventStopDragEnter(callback: (event: DragEvent) => void): this;
+    onPreventStopDragLeave(callback: (event: DragEvent) => void): this;
+    onPreventStopDragOver(callback: (event: DragEvent) => void): this;
+    onPreventStopDragStart(callback: (event: DragEvent) => void): this;
+    onPreventStopDrop(callback: (event: DragEvent) => void): this;
+
+    // Prevent + Stop versions for Window/Page Events
+    onPreventStopAfterPrint(callback: (event: Event) => void): this;
+    onPreventStopBeforePrint(callback: (event: Event) => void): this;
+    onPreventStopBeforeUnload(callback: (event: BeforeUnloadEvent) => void): this;
+    onPreventStopError(callback: (event: Event) => void): this;
+    onPreventStopHashChange(callback: (event: HashChangeEvent) => void): this;
+    onPreventStopLoad(callback: (event: Event) => void): this;
+    onPreventStopOffline(callback: (event: Event) => void): this;
+    onPreventStopOnline(callback: (event: Event) => void): this;
+    onPreventStopPageHide(callback: (event: PageTransitionEvent) => void): this;
+    onPreventStopPageShow(callback: (event: PageTransitionEvent) => void): this;
+    onPreventStopResize(callback: (event: UIEvent) => void): this;
+    onPreventStopScroll(callback: (event: Event) => void): this;
+    onPreventStopUnload(callback: (event: Event) => void): this;
+
+    // Prevent + Stop versions for Media Events
+    onPreventStopAbort(callback: (event: Event) => void): this;
+    onPreventStopCanPlay(callback: (event: Event) => void): this;
+    onPreventStopCanPlayThrough(callback: (event: Event) => void): this;
+    onPreventStopDurationChange(callback: (event: Event) => void): this;
+    onPreventStopEmptied(callback: (event: Event) => void): this;
+    onPreventStopEnded(callback: (event: Event) => void): this;
+    onPreventStopLoadedData(callback: (event: Event) => void): this;
+    onPreventStopLoadedMetadata(callback: (event: Event) => void): this;
+    onPreventStopLoadStart(callback: (event: Event) => void): this;
+    onPreventStopPause(callback: (event: Event) => void): this;
+    onPreventStopPlay(callback: (event: Event) => void): this;
+    onPreventStopPlaying(callback: (event: Event) => void): this;
+    onPreventStopProgress(callback: (event: ProgressEvent) => void): this;
+    onPreventStopRateChange(callback: (event: Event) => void): this;
+    onPreventStopSeeked(callback: (event: Event) => void): this;
+    onPreventStopSeeking(callback: (event: Event) => void): this;
+    onPreventStopStalled(callback: (event: Event) => void): this;
+    onPreventStopSuspend(callback: (event: Event) => void): this;
+    onPreventStopTimeUpdate(callback: (event: Event) => void): this;
+    onPreventStopVolumeChange(callback: (event: Event) => void): this;
+    onPreventStopWaiting(callback: (event: Event) => void): this;
+
+    // Prevent + Stop versions for Touch Events
+    onPreventStopTouchCancel(callback: (event: TouchEvent) => void): this;
+    onPreventStopTouchEnd(callback: (event: TouchEvent) => void): this;
+    onPreventStopTouchMove(callback: (event: TouchEvent) => void): this;
+    onPreventStopTouchStart(callback: (event: TouchEvent) => void): this;
+
+    // Prevent + Stop versions for Animation Events
+    onPreventStopAnimationEnd(callback: (event: AnimationEvent) => void): this;
+    onPreventStopAnimationIteration(callback: (event: AnimationEvent) => void): this;
+    onPreventStopAnimationStart(callback: (event: AnimationEvent) => void): this;
+
+    // Prevent + Stop versions for Transition Events
+    onPreventStopTransitionEnd(callback: (event: TransitionEvent) => void): this;
+
+    // Prevent + Stop versions for Clipboard Events
+    onPreventStopCopy(callback: (event: ClipboardEvent) => void): this;
+    onPreventStopCut(callback: (event: ClipboardEvent) => void): this;
+    onPreventStopPaste(callback: (event: ClipboardEvent) => void): this;
+}
+
+export type ValidChild =
+    | string
+    | number
+    | boolean
+    | null
+    | HTMLElement
+    | DocumentFragment
+    | Text
+    | ObservableItem
+    | NDElement
+    | ValidChild[];
+
+export type Attributes = Record<string, any> & {
+    class?: string | Record<string, boolean | ObservableItem<boolean>>;
+    style?: string | Record<string, string | ObservableItem<string>>;
+};
+
+export type ElementFunction = (attributes?: Attributes, children?: ValidChild) => HTMLElement & { nd: NDElement };
+export type ElementFunctionWithoutAttrs = (children?: ValidChild) => HTMLElement & { nd: NDElement };
+
+// HTML Elements
+export declare const Div: ElementFunction;
+export declare const Span: ElementFunction;
+export declare const P: ElementFunction;
+export declare const Paragraph: ElementFunction;
+export declare const Strong: ElementFunction;
+export declare const H1: ElementFunction;
+export declare const H2: ElementFunction;
+export declare const H3: ElementFunction;
+export declare const H4: ElementFunction;
+export declare const H5: ElementFunction;
+export declare const H6: ElementFunction;
+export declare const Label: ElementFunction;
+export declare const Br: ElementFunctionWithoutAttrs;
+export declare const Hr: ElementFunctionWithoutAttrs;
+
+export declare const Pre: ElementFunction;
+export declare const Code: ElementFunction;
+export declare const Blockquote: ElementFunction;
+export declare const Em: ElementFunction;
+export declare const Small: ElementFunction;
+export declare const Mark: ElementFunction;
+export declare const Del: ElementFunction;
+export declare const Ins: ElementFunction;
+export declare const Sub: ElementFunction;
+export declare const Sup: ElementFunction;

package/types/forms.d.ts

@@ -0,0 +1,34 @@
+// Form elements type definitions
+import { Attributes, ValidChild, NDElement } from './elements';
+import {ElementFunction} from "./elements";
+
+// Form Elements
+export declare const Form: ElementFunction & {
+    submit(action: string | ((event: Event) => void)): HTMLFormElement & { nd: NDElement };
+    multipartFormData(): HTMLFormElement & { nd: NDElement };
+    post(action: string): HTMLFormElement & { nd: NDElement };
+    get(action: string): HTMLFormElement & { nd: NDElement };
+};
+
+export declare const Input: ElementFunction;
+export declare const TextArea: ElementFunction;
+export declare const Select: ElementFunction;
+export declare const Option: ElementFunction;
+export declare const Button: ElementFunction;
+
+// Specialized Input Types
+export declare const HiddenInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const FileInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const PasswordInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const Checkbox: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const Radio: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const NumberInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const EmailInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const DateInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const TimeInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const RangeInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+export declare const ColorInput: (attributes?: Attributes) => HTMLInputElement & { nd: NDElement };
+
+// Specialized Button Types
+export declare const SimpleButton: (child: ValidChild, attributes?: Attributes) => HTMLButtonElement & { nd: NDElement };
+export declare const SubmitButton: (child: ValidChild, attributes?: Attributes) => HTMLButtonElement & { nd: NDElement };

package/types/images.d.ts

@@ -0,0 +1,12 @@
+// Image components type definitions
+import { Attributes, NDElement } from './elements';
+
+// Image Elements
+export declare const Img: (src: string, attributes?: Attributes) => HTMLImageElement & { nd: NDElement };
+export declare const AsyncImg: (
+    src: string,
+    defaultImage?: string,
+    attributes?: Attributes,
+    callback?: (error: Error | null, img?: HTMLImageElement) => void
+) => HTMLImageElement & { nd: NDElement };
+export declare const LazyImg: (src: string, attributes?: Attributes) => HTMLImageElement & { nd: NDElement };

package/types/observable.d.ts

@@ -0,0 +1,129 @@
+// Observable system type definitions
+export interface ObservableItem<T = any> {
+    readonly $currentValue: T;
+    readonly $previousValue: T;
+    readonly $isCleanedUp: boolean;
+
+    val(): T;
+    set(value: T | ((prev: T) => T)): void;
+    trigger(operations?: ObservableOperation): void;
+    cleanup(): void;
+
+    subscribe(callback: (current: T, previous: T, operations?: ObservableOperation) => void): () => void;
+    unsubscribe(callback: Function): void;
+    on(value: T, callback: ObservableItem<boolean> | ((isActive: boolean) => void)): () => void;
+
+    check<U>(callback: (value: T) => U): ObservableChecker<U>;
+    get<U>(callback: (value: T) => U): ObservableChecker<U>;
+    when(value: T): { $target: T; $observer: ObservableItem<T> };
+
+    toString(): string;
+}
+
+export interface ObservableOperation {
+    action?: string;
+    args?: any[];
+    result?: any;
+}
+
+export interface ObservableChecker<T = any> {
+    readonly __$isObservableChecker: true;
+
+    subscribe(callback: (value: T) => void): () => void;
+    check<U>(callback: (value: T) => U): ObservableChecker<U>;
+    val(): T;
+
+    set(value: any): void;
+    trigger(): void;
+    cleanup(): void;
+}
+
+export interface ObservableArray<T> extends ObservableItem<T[]> {
+    push(...items: T[]): number;
+    pop(): T | undefined;
+    shift(): T | undefined;
+    unshift(...items: T[]): number;
+    reverse(): T[];
+    sort(compareFn?: (a: T, b: T) => number): T[];
+    splice(start: number, deleteCount?: number, ...items: T[]): T[];
+
+    clear(): boolean;
+    merge(values: T[]): void;
+    remove(index: number): T[];
+    swap(indexA: number, indexB: number): boolean;
+    length(): number;
+    populateAndRender(iteration: number, callback: (index: number) => T): void;
+
+    map<U>(callback: (value: T, index: number, array: T[]) => U): U[];
+    filter(callback: (value: T, index: number, array: T[]) => boolean): T[];
+    reduce<U>(callback: (acc: U, value: T, index: number, array: T[]) => U, initial: U): U;
+    some(callback: (value: T, index: number, array: T[]) => boolean): boolean;
+    every(callback: (value: T, index: number, array: T[]) => boolean): boolean;
+    find(callback: (value: T, index: number, array: T[]) => boolean): T | undefined;
+    findIndex(callback: (value: T, index: number, array: T[]) => boolean): number;
+    concat(...items: (T | T[])[]): T[];
+}
+
+export type ObservableProxy<T extends Record<string, any>> = {
+    readonly __isProxy__: true;
+    readonly $value: T;
+    $clone(): ObservableProxy<T>;
+} & {
+    [K in keyof T]: T[K] extends (infer U)[]
+        ? ObservableArray<U>
+        : T[K] extends Record<string, any>
+            ? ObservableProxy<T[K]>
+            : ObservableItem<T[K]>;
+};
+
+export interface BatchFunction<TArgs extends any[] = any[], TReturn = any> {
+    (...args: TArgs): TReturn;
+    readonly $observer: ObservableItem<number>;
+}
+
+export interface ObservableStatic {
+    <T>(value: T): ObservableItem<T>;
+    array<T>(target: T[]): ObservableArray<T>;
+    init<T extends Record<string, any>>(value: T): ObservableProxy<T>;
+    object<T extends Record<string, any>>(value: T): ObservableProxy<T>;
+    json<T extends Record<string, any>>(value: T): ObservableProxy<T>;
+
+    computed<T>(callback: () => T, dependencies?: ObservableItem[]): ObservableItem<T>;
+    computed<T>(callback: () => T, batchFunction?: BatchFunction): ObservableItem<T>;
+
+    batch(callback: Function): BatchFunction;
+    value(data: any): any;
+    update(target: any, data: any): void;
+
+    getById(id: number): ObservableItem | null;
+    cleanup(observable: ObservableItem): void;
+    autoCleanup(enable?: boolean, options?: { interval?: number; threshold?: number }): void;
+}
+
+export interface AutoCleanupOptions {
+    interval?: number;
+    threshold?: number;
+}
+
+export interface ObservableStatic {
+    <T>(value: T): ObservableItem<T>;
+    array<T>(target: T[]): ObservableArray<T>;
+
+    init<T extends Record<string, any>>(value: T): ObservableProxy<T>;
+    object<T extends Record<string, any>>(value: T): ObservableProxy<T>;
+    json<T extends Record<string, any>>(value: T): ObservableProxy<T>;
+
+    computed<T>(callback: () => T, dependencies?: ObservableItem[]): ObservableItem<T>;
+    computed<T>(callback: () => T, batchFunction?: BatchFunction): ObservableItem<T>;
+
+    batch<TArgs extends any[], TReturn>(
+        callback: (...args: TArgs) => TReturn
+    ): BatchFunction<TArgs, TReturn>;
+
+    value(data: any): any;
+    update(target: any, data: any): void;
+
+    getById(id: number): ObservableItem | null;
+    cleanup(observable: ObservableItem): void;
+    autoCleanup(enable?: boolean, options?: AutoCleanupOptions): void;
+}

package/types/polyfill.d.ts

@@ -0,0 +1,8 @@
+export interface Set<T> {
+    add(value: T): this;
+    clear(): void;
+    delete(value: T): boolean;
+    forEach(callbackFn: (value: T, value2: T, set: Set<T>) => void, thisArg?: any): void;
+    has(value: T): boolean;
+    readonly size: number;
+}