ultra-light-js 1.0.18

package/dist/jsx.d.ts

@@ -0,0 +1,684 @@
+import type { UltraLightElement, UltraTrigger, UltraCleanupFunction } from './types';
+type JSXChild = UltraLightElement | Node | string | number | boolean | null | undefined;
+export declare function h(tag: string | ((props: Record<string, any>) => UltraLightElement | DocumentFragment), props: Record<string, any> | null, ...children: (JSXChild | JSXChild[])[]): UltraLightElement | DocumentFragment;
+export declare function Fragment({ children, }: {
+    children?: (Node | null)[] | Node | null;
+}): DocumentFragment;
+export interface ShowProps {
+    when: () => boolean;
+    subscriber: ((fn: () => void) => () => void) | ((fn: () => void) => () => void)[];
+    type?: 'display' | 'visibility';
+    as?: string;
+    className?: string;
+    class?: string;
+    style?: Partial<CSSStyleDeclaration>;
+    trigger?: UltraTrigger[];
+    onMount?: ((node: HTMLElement) => void)[];
+    cleanup?: UltraCleanupFunction[];
+    children?: (Node | null)[] | Node | null;
+}
+export declare function Show({ when, subscriber, type, as, className, class: cls, style, trigger, onMount, cleanup, children, }: ShowProps): UltraLightElement;
+type ActivityProp = {
+    state: () => boolean;
+    subscriber: ((fn: () => void) => () => void) | ((fn: () => void) => () => void)[];
+    type?: 'display' | 'visibility';
+};
+interface UltraBaseProps {
+    trigger?: UltraTrigger[];
+    onMount?: ((node: HTMLElement) => void)[];
+    cleanup?: UltraCleanupFunction[];
+    activity?: ActivityProp;
+    children?: JSXChild | JSXChild[];
+}
+interface UltraHTMLProps extends UltraBaseProps {
+    class?: string;
+    className?: string;
+    style?: Partial<CSSStyleDeclaration>;
+    id?: string;
+    title?: string;
+    lang?: string;
+    dir?: 'ltr' | 'rtl' | 'auto';
+    hidden?: boolean;
+    tabIndex?: number;
+    draggable?: boolean;
+    contentEditable?: boolean | 'true' | 'false' | 'inherit';
+    spellCheck?: boolean;
+    role?: string;
+    slot?: string;
+    part?: string;
+    is?: string;
+    [dataAttr: `data-${string}`]: string | undefined;
+    [ariaAttr: `aria-${string}`]: string | boolean | undefined;
+    onClick?: (e: MouseEvent) => void;
+    onDblClick?: (e: MouseEvent) => void;
+    onMouseDown?: (e: MouseEvent) => void;
+    onMouseUp?: (e: MouseEvent) => void;
+    onMouseEnter?: (e: MouseEvent) => void;
+    onMouseLeave?: (e: MouseEvent) => void;
+    onMouseMove?: (e: MouseEvent) => void;
+    onMouseOver?: (e: MouseEvent) => void;
+    onMouseOut?: (e: MouseEvent) => void;
+    onContextMenu?: (e: MouseEvent) => void;
+    onKeyDown?: (e: KeyboardEvent) => void;
+    onKeyUp?: (e: KeyboardEvent) => void;
+    onKeyPress?: (e: KeyboardEvent) => void;
+    onFocus?: (e: FocusEvent) => void;
+    onBlur?: (e: FocusEvent) => void;
+    onFocusIn?: (e: FocusEvent) => void;
+    onFocusOut?: (e: FocusEvent) => void;
+    onChange?: (e: Event) => void;
+    onInput?: (e: InputEvent) => void;
+    onSubmit?: (e: SubmitEvent) => void;
+    onReset?: (e: Event) => void;
+    onInvalid?: (e: Event) => void;
+    onPointerDown?: (e: PointerEvent) => void;
+    onPointerUp?: (e: PointerEvent) => void;
+    onPointerMove?: (e: PointerEvent) => void;
+    onPointerEnter?: (e: PointerEvent) => void;
+    onPointerLeave?: (e: PointerEvent) => void;
+    onPointerCancel?: (e: PointerEvent) => void;
+    onTouchStart?: (e: TouchEvent) => void;
+    onTouchEnd?: (e: TouchEvent) => void;
+    onTouchMove?: (e: TouchEvent) => void;
+    onTouchCancel?: (e: TouchEvent) => void;
+    onDragStart?: (e: DragEvent) => void;
+    onDrag?: (e: DragEvent) => void;
+    onDragEnd?: (e: DragEvent) => void;
+    onDragEnter?: (e: DragEvent) => void;
+    onDragLeave?: (e: DragEvent) => void;
+    onDragOver?: (e: DragEvent) => void;
+    onDrop?: (e: DragEvent) => void;
+    onWheel?: (e: WheelEvent) => void;
+    onScroll?: (e: Event) => void;
+    onLoad?: (e: Event) => void;
+    onError?: (e: Event) => void;
+    onAbort?: (e: Event) => void;
+    onCopy?: (e: ClipboardEvent) => void;
+    onCut?: (e: ClipboardEvent) => void;
+    onPaste?: (e: ClipboardEvent) => void;
+    onAnimationStart?: (e: AnimationEvent) => void;
+    onAnimationEnd?: (e: AnimationEvent) => void;
+    onAnimationIteration?: (e: AnimationEvent) => void;
+    onTransitionEnd?: (e: TransitionEvent) => void;
+}
+interface AnchorProps extends UltraHTMLProps {
+    href?: string;
+    target?: '_blank' | '_self' | '_parent' | '_top' | string;
+    rel?: string;
+    download?: string | boolean;
+    hreflang?: string;
+    type?: string;
+    referrerPolicy?: ReferrerPolicy;
+}
+interface InputProps extends UltraHTMLProps {
+    type?: string;
+    value?: string | number;
+    defaultValue?: string;
+    placeholder?: string;
+    name?: string;
+    disabled?: boolean;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    autoComplete?: string;
+    multiple?: boolean;
+    min?: string | number;
+    max?: string | number;
+    step?: string | number;
+    minLength?: number;
+    maxLength?: number;
+    pattern?: string;
+    size?: number;
+    accept?: string;
+    capture?: 'user' | 'environment';
+    form?: string;
+    list?: string;
+}
+interface TextareaProps extends UltraHTMLProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    name?: string;
+    rows?: number;
+    cols?: number;
+    disabled?: boolean;
+    required?: boolean;
+    readOnly?: boolean;
+    autoFocus?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    wrap?: 'hard' | 'soft' | 'off';
+    form?: string;
+}
+interface ButtonProps extends UltraHTMLProps {
+    type?: 'button' | 'submit' | 'reset';
+    disabled?: boolean;
+    name?: string;
+    value?: string;
+    form?: string;
+    formAction?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    autoFocus?: boolean;
+}
+interface SelectProps extends UltraHTMLProps {
+    value?: string | string[];
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    multiple?: boolean;
+    size?: number;
+    form?: string;
+    autoFocus?: boolean;
+}
+interface OptionProps extends UltraHTMLProps {
+    value?: string;
+    selected?: boolean;
+    disabled?: boolean;
+    label?: string;
+}
+interface OptgroupProps extends UltraHTMLProps {
+    label?: string;
+    disabled?: boolean;
+}
+interface LabelProps extends UltraHTMLProps {
+    for?: string;
+    htmlFor?: string;
+    form?: string;
+}
+interface FormProps extends UltraHTMLProps {
+    action?: string;
+    method?: 'get' | 'post' | 'dialog';
+    encType?: string;
+    noValidate?: boolean;
+    target?: string;
+    autoComplete?: 'on' | 'off';
+    name?: string;
+}
+interface ImgProps extends UltraHTMLProps {
+    src?: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    loading?: 'eager' | 'lazy';
+    decoding?: 'sync' | 'async' | 'auto';
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    referrerPolicy?: ReferrerPolicy;
+    srcSet?: string;
+    sizes?: string;
+    useMap?: string;
+    isMap?: boolean;
+}
+interface VideoProps extends UltraHTMLProps {
+    src?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    poster?: string;
+    preload?: 'none' | 'metadata' | 'auto';
+    width?: number | string;
+    height?: number | string;
+    playsInline?: boolean;
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    onPlay?: (e: Event) => void;
+    onPause?: (e: Event) => void;
+    onEnded?: (e: Event) => void;
+    onTimeUpdate?: (e: Event) => void;
+    onVolumeChange?: (e: Event) => void;
+}
+interface AudioProps extends UltraHTMLProps {
+    src?: string;
+    autoPlay?: boolean;
+    controls?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    preload?: 'none' | 'metadata' | 'auto';
+    crossOrigin?: 'anonymous' | 'use-credentials';
+    onPlay?: (e: Event) => void;
+    onPause?: (e: Event) => void;
+    onEnded?: (e: Event) => void;
+}
+interface SourceProps extends UltraHTMLProps {
+    src?: string;
+    srcSet?: string;
+    type?: string;
+    media?: string;
+    sizes?: string;
+    width?: number | string;
+    height?: number | string;
+}
+interface ScriptProps extends UltraHTMLProps {
+    src?: string;
+    type?: string;
+    async?: boolean;
+    defer?: boolean;
+    crossOrigin?: string;
+    integrity?: string;
+    noModule?: boolean;
+}
+interface LinkProps extends UltraHTMLProps {
+    href?: string;
+    rel?: string;
+    type?: string;
+    media?: string;
+    crossOrigin?: string;
+    integrity?: string;
+    hreflang?: string;
+    as?: string;
+}
+interface MetaProps extends UltraHTMLProps {
+    name?: string;
+    content?: string;
+    httpEquiv?: string;
+    charSet?: string;
+}
+interface TableCellProps extends UltraHTMLProps {
+    colSpan?: number;
+    rowSpan?: number;
+}
+interface ThProps extends TableCellProps {
+    scope?: 'row' | 'col' | 'rowgroup' | 'colgroup';
+    abbr?: string;
+}
+interface DetailsProps extends UltraHTMLProps {
+    open?: boolean;
+}
+interface DialogProps extends UltraHTMLProps {
+    open?: boolean;
+}
+interface FieldsetProps extends UltraHTMLProps {
+    disabled?: boolean;
+    form?: string;
+    name?: string;
+}
+interface CanvasProps extends UltraHTMLProps {
+    width?: number | string;
+    height?: number | string;
+}
+interface IframeProps extends UltraHTMLProps {
+    src?: string;
+    srcdoc?: string;
+    name?: string;
+    allow?: string;
+    sandbox?: string;
+    width?: number | string;
+    height?: number | string;
+    loading?: 'eager' | 'lazy';
+    referrerPolicy?: ReferrerPolicy;
+}
+interface SvgProps extends UltraHTMLProps {
+    viewBox?: string;
+    xmlns?: string;
+    width?: number | string;
+    height?: number | string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    preserveAspectRatio?: string;
+    x?: number | string;
+    y?: number | string;
+}
+interface PathProps extends UltraHTMLProps {
+    d?: string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    fillRule?: 'nonzero' | 'evenodd';
+    clipRule?: 'nonzero' | 'evenodd';
+    opacity?: number | string;
+}
+interface CircleProps extends UltraHTMLProps {
+    cx?: number | string;
+    cy?: number | string;
+    r?: number | string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+    opacity?: number | string;
+}
+interface RectProps extends UltraHTMLProps {
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+    rx?: number | string;
+    ry?: number | string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+interface LineProps extends UltraHTMLProps {
+    x1?: number | string;
+    y1?: number | string;
+    x2?: number | string;
+    y2?: number | string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+interface PolygonProps extends UltraHTMLProps {
+    points?: string;
+    fill?: string;
+    stroke?: string;
+    strokeWidth?: number | string;
+}
+interface TextSVGProps extends UltraHTMLProps {
+    x?: number | string;
+    y?: number | string;
+    fill?: string;
+    fontSize?: number | string;
+    fontFamily?: string;
+    textAnchor?: 'start' | 'middle' | 'end';
+    dominantBaseline?: string;
+}
+interface UseProps extends UltraHTMLProps {
+    href?: string;
+    x?: number | string;
+    y?: number | string;
+    width?: number | string;
+    height?: number | string;
+}
+declare global {
+    namespace JSX {
+        type Element = UltraLightElement | DocumentFragment;
+        interface ElementChildrenAttribute {
+            children: {};
+        }
+        interface IntrinsicElements {
+            html: UltraHTMLProps;
+            head: UltraHTMLProps;
+            body: UltraHTMLProps;
+            base: UltraHTMLProps & {
+                href?: string;
+                target?: string;
+            };
+            title: UltraHTMLProps;
+            meta: MetaProps;
+            link: LinkProps;
+            style: UltraHTMLProps & {
+                media?: string;
+            };
+            script: ScriptProps;
+            noscript: UltraHTMLProps;
+            header: UltraHTMLProps;
+            nav: UltraHTMLProps;
+            main: UltraHTMLProps;
+            footer: UltraHTMLProps;
+            section: UltraHTMLProps;
+            article: UltraHTMLProps;
+            aside: UltraHTMLProps;
+            address: UltraHTMLProps;
+            h1: UltraHTMLProps;
+            h2: UltraHTMLProps;
+            h3: UltraHTMLProps;
+            h4: UltraHTMLProps;
+            h5: UltraHTMLProps;
+            h6: UltraHTMLProps;
+            hgroup: UltraHTMLProps;
+            div: UltraHTMLProps;
+            p: UltraHTMLProps;
+            pre: UltraHTMLProps;
+            blockquote: UltraHTMLProps & {
+                cite?: string;
+            };
+            figure: UltraHTMLProps;
+            figcaption: UltraHTMLProps;
+            hr: UltraHTMLProps;
+            br: UltraHTMLProps;
+            ul: UltraHTMLProps;
+            ol: UltraHTMLProps & {
+                reversed?: boolean;
+                start?: number;
+                type?: '1' | 'a' | 'A' | 'i' | 'I';
+            };
+            li: UltraHTMLProps & {
+                value?: number;
+            };
+            dl: UltraHTMLProps;
+            dt: UltraHTMLProps;
+            dd: UltraHTMLProps;
+            menu: UltraHTMLProps;
+            span: UltraHTMLProps;
+            a: AnchorProps;
+            strong: UltraHTMLProps;
+            em: UltraHTMLProps;
+            b: UltraHTMLProps;
+            i: UltraHTMLProps;
+            u: UltraHTMLProps;
+            s: UltraHTMLProps;
+            small: UltraHTMLProps;
+            mark: UltraHTMLProps;
+            del: UltraHTMLProps & {
+                cite?: string;
+                dateTime?: string;
+            };
+            ins: UltraHTMLProps & {
+                cite?: string;
+                dateTime?: string;
+            };
+            abbr: UltraHTMLProps;
+            cite: UltraHTMLProps;
+            q: UltraHTMLProps & {
+                cite?: string;
+            };
+            code: UltraHTMLProps;
+            kbd: UltraHTMLProps;
+            samp: UltraHTMLProps;
+            var: UltraHTMLProps;
+            sub: UltraHTMLProps;
+            sup: UltraHTMLProps;
+            time: UltraHTMLProps & {
+                dateTime?: string;
+            };
+            data: UltraHTMLProps & {
+                value?: string;
+            };
+            dfn: UltraHTMLProps;
+            bdi: UltraHTMLProps;
+            bdo: UltraHTMLProps;
+            ruby: UltraHTMLProps;
+            rt: UltraHTMLProps;
+            rp: UltraHTMLProps;
+            wbr: UltraHTMLProps;
+            form: FormProps;
+            input: InputProps;
+            textarea: TextareaProps;
+            button: ButtonProps;
+            select: SelectProps;
+            option: OptionProps;
+            optgroup: OptgroupProps;
+            label: LabelProps;
+            fieldset: FieldsetProps;
+            legend: UltraHTMLProps;
+            datalist: UltraHTMLProps;
+            output: UltraHTMLProps & {
+                for?: string;
+                form?: string;
+                name?: string;
+            };
+            progress: UltraHTMLProps & {
+                value?: number;
+                max?: number;
+            };
+            meter: UltraHTMLProps & {
+                value?: number;
+                min?: number;
+                max?: number;
+                low?: number;
+                high?: number;
+                optimum?: number;
+            };
+            img: ImgProps;
+            video: VideoProps;
+            audio: AudioProps;
+            source: SourceProps;
+            track: UltraHTMLProps & {
+                kind?: string;
+                src?: string;
+                srclang?: string;
+                label?: string;
+                default?: boolean;
+            };
+            picture: UltraHTMLProps;
+            map: UltraHTMLProps & {
+                name?: string;
+            };
+            area: UltraHTMLProps & {
+                alt?: string;
+                coords?: string;
+                shape?: string;
+                href?: string;
+                target?: string;
+                download?: string;
+            };
+            iframe: IframeProps;
+            embed: UltraHTMLProps & {
+                src?: string;
+                type?: string;
+                width?: number | string;
+                height?: number | string;
+            };
+            object: UltraHTMLProps & {
+                data?: string;
+                type?: string;
+                name?: string;
+                width?: number | string;
+                height?: number | string;
+            };
+            canvas: CanvasProps;
+            table: UltraHTMLProps;
+            caption: UltraHTMLProps;
+            colgroup: UltraHTMLProps & {
+                span?: number;
+            };
+            col: UltraHTMLProps & {
+                span?: number;
+            };
+            thead: UltraHTMLProps;
+            tbody: UltraHTMLProps;
+            tfoot: UltraHTMLProps;
+            tr: UltraHTMLProps;
+            th: ThProps;
+            td: TableCellProps;
+            details: DetailsProps;
+            summary: UltraHTMLProps;
+            dialog: DialogProps;
+            svg: SvgProps;
+            path: PathProps;
+            circle: CircleProps;
+            ellipse: UltraHTMLProps & {
+                cx?: number | string;
+                cy?: number | string;
+                rx?: number | string;
+                ry?: number | string;
+                fill?: string;
+                stroke?: string;
+            };
+            rect: RectProps;
+            line: LineProps;
+            polyline: PolygonProps;
+            polygon: PolygonProps;
+            g: SvgProps;
+            defs: UltraHTMLProps;
+            symbol: SvgProps & {
+                id?: string;
+            };
+            use: UseProps;
+            text: TextSVGProps;
+            tspan: TextSVGProps;
+            linearGradient: UltraHTMLProps & {
+                id?: string;
+                x1?: string;
+                y1?: string;
+                x2?: string;
+                y2?: string;
+                gradientUnits?: string;
+            };
+            radialGradient: UltraHTMLProps & {
+                id?: string;
+                cx?: string;
+                cy?: string;
+                r?: string;
+                fx?: string;
+                fy?: string;
+                gradientUnits?: string;
+            };
+            stop: UltraHTMLProps & {
+                offset?: string | number;
+                stopColor?: string;
+                stopOpacity?: number | string;
+            };
+            clipPath: UltraHTMLProps & {
+                id?: string;
+                clipPathUnits?: string;
+            };
+            mask: UltraHTMLProps & {
+                id?: string;
+                maskUnits?: string;
+                x?: string;
+                y?: string;
+                width?: string;
+                height?: string;
+            };
+            filter: UltraHTMLProps & {
+                id?: string;
+                x?: string;
+                y?: string;
+                width?: string;
+                height?: string;
+            };
+            feGaussianBlur: UltraHTMLProps & {
+                in?: string;
+                stdDeviation?: number | string;
+                result?: string;
+            };
+            feColorMatrix: UltraHTMLProps & {
+                in?: string;
+                type?: string;
+                values?: string;
+                result?: string;
+            };
+            feComposite: UltraHTMLProps & {
+                in?: string;
+                in2?: string;
+                operator?: string;
+                result?: string;
+            };
+            feBlend: UltraHTMLProps & {
+                in?: string;
+                in2?: string;
+                mode?: string;
+                result?: string;
+            };
+            feOffset: UltraHTMLProps & {
+                in?: string;
+                dx?: number | string;
+                dy?: number | string;
+                result?: string;
+            };
+            animate: UltraHTMLProps & {
+                attributeName?: string;
+                values?: string;
+                dur?: string;
+                repeatCount?: string;
+                from?: string;
+                to?: string;
+            };
+            animateTransform: UltraHTMLProps & {
+                attributeName?: string;
+                type?: string;
+                values?: string;
+                dur?: string;
+                repeatCount?: string;
+                from?: string;
+                to?: string;
+            };
+            [tag: string]: UltraHTMLProps;
+        }
+    }
+}
+export {};
+//# sourceMappingURL=jsx.d.ts.map