@esportsplus/ui 0.18.1 → 0.19.0

package/build/components/field/select.d.ts

@@ -1,236 +1,129 @@
 import { type Attributes, type Renderable } from '@esportsplus/template';
 declare const select: {
-    (content: unknown): Renderable;
-    (attributes: {
-        class?: string | (string | (() => unknown))[];
-        style?: string | (string | (() => unknown))[];
-    } & {
-        onabort?: ((event: UIEvent) => void) | undefined;
-        onanimationcancel?: ((event: AnimationEvent) => void) | undefined;
-        onanimationend?: ((event: AnimationEvent) => void) | undefined;
-        onanimationiteration?: ((event: AnimationEvent) => void) | undefined;
-        onanimationstart?: ((event: AnimationEvent) => void) | undefined;
-        onauxclick?: ((event: MouseEvent) => void) | undefined;
-        onbeforeinput?: ((event: InputEvent) => void) | undefined;
-        onbeforetoggle?: ((event: Event) => void) | undefined;
-        onblur?: ((event: FocusEvent) => void) | undefined;
-        oncancel?: ((event: Event) => void) | undefined;
-        oncanplay?: ((event: Event) => void) | undefined;
-        oncanplaythrough?: ((event: Event) => void) | undefined;
-        onchange?: ((event: Event) => void) | undefined;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        onclose?: ((event: Event) => void) | undefined;
-        oncompositionend?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionstart?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionupdate?: ((event: CompositionEvent) => void) | undefined;
-        oncontextlost?: ((event: Event) => void) | undefined;
-        oncontextmenu?: ((event: MouseEvent) => void) | undefined;
-        oncontextrestored?: ((event: Event) => void) | undefined;
-        oncopy?: ((event: ClipboardEvent) => void) | undefined;
-        oncuechange?: ((event: Event) => void) | undefined;
-        oncut?: ((event: ClipboardEvent) => void) | undefined;
-        ondblclick?: ((event: MouseEvent) => void) | undefined;
-        ondrag?: ((event: DragEvent) => void) | undefined;
-        ondragend?: ((event: DragEvent) => void) | undefined;
-        ondragenter?: ((event: DragEvent) => void) | undefined;
-        ondragleave?: ((event: DragEvent) => void) | undefined;
-        ondragover?: ((event: DragEvent) => void) | undefined;
-        ondragstart?: ((event: DragEvent) => void) | undefined;
-        ondrop?: ((event: DragEvent) => void) | undefined;
-        ondurationchange?: ((event: Event) => void) | undefined;
-        onemptied?: ((event: Event) => void) | undefined;
-        onended?: ((event: Event) => void) | undefined;
-        onerror?: ((event: ErrorEvent) => void) | undefined;
-        onfocus?: ((event: FocusEvent) => void) | undefined;
-        onfocusin?: ((event: FocusEvent) => void) | undefined;
-        onfocusout?: ((event: FocusEvent) => void) | undefined;
-        onformdata?: ((event: FormDataEvent) => void) | undefined;
-        ongotpointercapture?: ((event: PointerEvent) => void) | undefined;
-        oninput?: ((event: Event) => void) | undefined;
-        oninvalid?: ((event: Event) => void) | undefined;
-        onkeydown?: ((event: KeyboardEvent) => void) | undefined;
-        onkeypress?: ((event: KeyboardEvent) => void) | undefined;
-        onkeyup?: ((event: KeyboardEvent) => void) | undefined;
-        onload?: ((event: Event) => void) | undefined;
-        onloadeddata?: ((event: Event) => void) | undefined;
-        onloadedmetadata?: ((event: Event) => void) | undefined;
-        onloadstart?: ((event: Event) => void) | undefined;
-        onlostpointercapture?: ((event: PointerEvent) => void) | undefined;
-        onmousedown?: ((event: MouseEvent) => void) | undefined;
-        onmouseenter?: ((event: MouseEvent) => void) | undefined;
-        onmouseleave?: ((event: MouseEvent) => void) | undefined;
-        onmousemove?: ((event: MouseEvent) => void) | undefined;
-        onmouseout?: ((event: MouseEvent) => void) | undefined;
-        onmouseover?: ((event: MouseEvent) => void) | undefined;
-        onmouseup?: ((event: MouseEvent) => void) | undefined;
-        onpaste?: ((event: ClipboardEvent) => void) | undefined;
-        onpause?: ((event: Event) => void) | undefined;
-        onplay?: ((event: Event) => void) | undefined;
-        onplaying?: ((event: Event) => void) | undefined;
-        onpointercancel?: ((event: PointerEvent) => void) | undefined;
-        onpointerdown?: ((event: PointerEvent) => void) | undefined;
-        onpointerenter?: ((event: PointerEvent) => void) | undefined;
-        onpointerleave?: ((event: PointerEvent) => void) | undefined;
-        onpointermove?: ((event: PointerEvent) => void) | undefined;
-        onpointerout?: ((event: PointerEvent) => void) | undefined;
-        onpointerover?: ((event: PointerEvent) => void) | undefined;
-        onpointerup?: ((event: PointerEvent) => void) | undefined;
-        onprogress?: ((event: ProgressEvent<EventTarget>) => void) | undefined;
-        onratechange?: ((event: Event) => void) | undefined;
-        onreset?: ((event: Event) => void) | undefined;
-        onresize?: ((event: UIEvent) => void) | undefined;
-        onscroll?: ((event: Event) => void) | undefined;
-        onscrollend?: ((event: Event) => void) | undefined;
-        onsecuritypolicyviolation?: ((event: SecurityPolicyViolationEvent) => void) | undefined;
-        onseeked?: ((event: Event) => void) | undefined;
-        onseeking?: ((event: Event) => void) | undefined;
-        onselect?: ((event: Event) => void) | undefined;
-        onselectionchange?: ((event: Event) => void) | undefined;
-        onselectstart?: ((event: Event) => void) | undefined;
-        onslotchange?: ((event: Event) => void) | undefined;
-        onstalled?: ((event: Event) => void) | undefined;
-        onsubmit?: ((event: SubmitEvent) => void) | undefined;
-        onsuspend?: ((event: Event) => void) | undefined;
-        ontimeupdate?: ((event: Event) => void) | undefined;
-        ontoggle?: ((event: Event) => void) | undefined;
-        ontouchcancel?: ((event: TouchEvent) => void) | undefined;
-        ontouchend?: ((event: TouchEvent) => void) | undefined;
-        ontouchmove?: ((event: TouchEvent) => void) | undefined;
-        ontouchstart?: ((event: TouchEvent) => void) | undefined;
-        ontransitioncancel?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionend?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionrun?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionstart?: ((event: TransitionEvent) => void) | undefined;
-        onvolumechange?: ((event: Event) => void) | undefined;
-        onwaiting?: ((event: Event) => void) | undefined;
-        onwebkitanimationend?: ((event: Event) => void) | undefined;
-        onwebkitanimationiteration?: ((event: Event) => void) | undefined;
-        onwebkitanimationstart?: ((event: Event) => void) | undefined;
-        onwebkittransitionend?: ((event: Event) => void) | undefined;
-        onwheel?: ((event: WheelEvent) => void) | undefined;
-    } & Record<PropertyKey, unknown> & {
-        scrollbar?: Attributes;
-        'scrollbar-container-content'?: Attributes;
-    } & {
-        text?: Attributes;
-        'tooltip-content'?: Attributes & {
-            direction?: string;
-        };
-    }, content: unknown): Renderable;
+    (): Renderable<unknown>;
+    (content: Renderable<unknown>): Renderable<unknown>;
+    (attributes: Attributes, content: Renderable<unknown>): Renderable<unknown>;
 };
 declare const _default: {
-    (content: (mask: typeof select) => Renderable): Renderable;
+    (): Renderable<unknown>;
+    (content: (mask: typeof select) => Renderable<unknown>): Renderable<unknown>;
     (attributes: {
-        class?: string | (string | (() => unknown))[];
-        style?: string | (string | (() => unknown))[];
+        class?: ((string | number | bigint | boolean | null | undefined) | import("@esportsplus/template/build/types").Effect<(string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined)[]>) | ((string | number | bigint | boolean | null | undefined) | import("@esportsplus/template/build/types").Effect<(string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined)[]>)[];
+        style?: ((string | number | bigint | boolean | null | undefined) | import("@esportsplus/template/build/types").Effect<(string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined)[]>) | ((string | number | bigint | boolean | null | undefined) | import("@esportsplus/template/build/types").Effect<(string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined)[]>)[];
+    } & {
+        onabort?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+        onanimationcancel?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationend?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationiteration?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onanimationstart?: ((this: import("@esportsplus/template").Element, event: AnimationEvent) => void) | undefined;
+        onauxclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
+        onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onblur?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        oncancel?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncanplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncanplaythrough?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onclose?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncompositionend?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncompositionstart?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncompositionupdate?: ((this: import("@esportsplus/template").Element, event: CompositionEvent) => void) | undefined;
+        oncontextlost?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncontextmenu?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        oncontextrestored?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncopy?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        oncuechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oncut?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        ondblclick?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        ondrag?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragend?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragenter?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragleave?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragover?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondragstart?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondrop?: ((this: import("@esportsplus/template").Element, event: DragEvent) => void) | undefined;
+        ondurationchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onemptied?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onended?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onerror?: ((this: import("@esportsplus/template").Element, event: ErrorEvent) => void) | undefined;
+        onfocus?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onfocusin?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onfocusout?: ((this: import("@esportsplus/template").Element, event: FocusEvent) => void) | undefined;
+        onformdata?: ((this: import("@esportsplus/template").Element, event: FormDataEvent) => void) | undefined;
+        ongotpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        oninput?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        oninvalid?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onkeydown?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onkeypress?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onkeyup?: ((this: import("@esportsplus/template").Element, event: KeyboardEvent) => void) | undefined;
+        onload?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadeddata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadedmetadata?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onloadstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onlostpointercapture?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onmousedown?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseenter?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseleave?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmousemove?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseout?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseover?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onmouseup?: ((this: import("@esportsplus/template").Element, event: MouseEvent) => void) | undefined;
+        onpaste?: ((this: import("@esportsplus/template").Element, event: ClipboardEvent) => void) | undefined;
+        onpause?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onplay?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onplaying?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onpointercancel?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerdown?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerenter?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerleave?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointermove?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerout?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerover?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onpointerup?: ((this: import("@esportsplus/template").Element, event: PointerEvent) => void) | undefined;
+        onprogress?: ((this: import("@esportsplus/template").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+        onratechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onreset?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onresize?: ((this: import("@esportsplus/template").Element, event: UIEvent) => void) | undefined;
+        onscroll?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onscrollend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onsecuritypolicyviolation?: ((this: import("@esportsplus/template").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+        onseeked?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onseeking?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselect?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselectionchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onselectstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onslotchange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onstalled?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onsubmit?: ((this: import("@esportsplus/template").Element, event: SubmitEvent) => void) | undefined;
+        onsuspend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontimeupdate?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontoggle?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
+        ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
+        onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
+        onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
     } & {
-        onabort?: ((event: UIEvent) => void) | undefined;
-        onanimationcancel?: ((event: AnimationEvent) => void) | undefined;
-        onanimationend?: ((event: AnimationEvent) => void) | undefined;
-        onanimationiteration?: ((event: AnimationEvent) => void) | undefined;
-        onanimationstart?: ((event: AnimationEvent) => void) | undefined;
-        onauxclick?: ((event: MouseEvent) => void) | undefined;
-        onbeforeinput?: ((event: InputEvent) => void) | undefined;
-        onbeforetoggle?: ((event: Event) => void) | undefined;
-        onblur?: ((event: FocusEvent) => void) | undefined;
-        oncancel?: ((event: Event) => void) | undefined;
-        oncanplay?: ((event: Event) => void) | undefined;
-        oncanplaythrough?: ((event: Event) => void) | undefined;
-        onchange?: ((event: Event) => void) | undefined;
-        onclick?: ((event: MouseEvent) => void) | undefined;
-        onclose?: ((event: Event) => void) | undefined;
-        oncompositionend?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionstart?: ((event: CompositionEvent) => void) | undefined;
-        oncompositionupdate?: ((event: CompositionEvent) => void) | undefined;
-        oncontextlost?: ((event: Event) => void) | undefined;
-        oncontextmenu?: ((event: MouseEvent) => void) | undefined;
-        oncontextrestored?: ((event: Event) => void) | undefined;
-        oncopy?: ((event: ClipboardEvent) => void) | undefined;
-        oncuechange?: ((event: Event) => void) | undefined;
-        oncut?: ((event: ClipboardEvent) => void) | undefined;
-        ondblclick?: ((event: MouseEvent) => void) | undefined;
-        ondrag?: ((event: DragEvent) => void) | undefined;
-        ondragend?: ((event: DragEvent) => void) | undefined;
-        ondragenter?: ((event: DragEvent) => void) | undefined;
-        ondragleave?: ((event: DragEvent) => void) | undefined;
-        ondragover?: ((event: DragEvent) => void) | undefined;
-        ondragstart?: ((event: DragEvent) => void) | undefined;
-        ondrop?: ((event: DragEvent) => void) | undefined;
-        ondurationchange?: ((event: Event) => void) | undefined;
-        onemptied?: ((event: Event) => void) | undefined;
-        onended?: ((event: Event) => void) | undefined;
-        onerror?: ((event: ErrorEvent) => void) | undefined;
-        onfocus?: ((event: FocusEvent) => void) | undefined;
-        onfocusin?: ((event: FocusEvent) => void) | undefined;
-        onfocusout?: ((event: FocusEvent) => void) | undefined;
-        onformdata?: ((event: FormDataEvent) => void) | undefined;
-        ongotpointercapture?: ((event: PointerEvent) => void) | undefined;
-        oninput?: ((event: Event) => void) | undefined;
-        oninvalid?: ((event: Event) => void) | undefined;
-        onkeydown?: ((event: KeyboardEvent) => void) | undefined;
-        onkeypress?: ((event: KeyboardEvent) => void) | undefined;
-        onkeyup?: ((event: KeyboardEvent) => void) | undefined;
-        onload?: ((event: Event) => void) | undefined;
-        onloadeddata?: ((event: Event) => void) | undefined;
-        onloadedmetadata?: ((event: Event) => void) | undefined;
-        onloadstart?: ((event: Event) => void) | undefined;
-        onlostpointercapture?: ((event: PointerEvent) => void) | undefined;
-        onmousedown?: ((event: MouseEvent) => void) | undefined;
-        onmouseenter?: ((event: MouseEvent) => void) | undefined;
-        onmouseleave?: ((event: MouseEvent) => void) | undefined;
-        onmousemove?: ((event: MouseEvent) => void) | undefined;
-        onmouseout?: ((event: MouseEvent) => void) | undefined;
-        onmouseover?: ((event: MouseEvent) => void) | undefined;
-        onmouseup?: ((event: MouseEvent) => void) | undefined;
-        onpaste?: ((event: ClipboardEvent) => void) | undefined;
-        onpause?: ((event: Event) => void) | undefined;
-        onplay?: ((event: Event) => void) | undefined;
-        onplaying?: ((event: Event) => void) | undefined;
-        onpointercancel?: ((event: PointerEvent) => void) | undefined;
-        onpointerdown?: ((event: PointerEvent) => void) | undefined;
-        onpointerenter?: ((event: PointerEvent) => void) | undefined;
-        onpointerleave?: ((event: PointerEvent) => void) | undefined;
-        onpointermove?: ((event: PointerEvent) => void) | undefined;
-        onpointerout?: ((event: PointerEvent) => void) | undefined;
-        onpointerover?: ((event: PointerEvent) => void) | undefined;
-        onpointerup?: ((event: PointerEvent) => void) | undefined;
-        onprogress?: ((event: ProgressEvent<EventTarget>) => void) | undefined;
-        onratechange?: ((event: Event) => void) | undefined;
-        onreset?: ((event: Event) => void) | undefined;
-        onresize?: ((event: UIEvent) => void) | undefined;
-        onscroll?: ((event: Event) => void) | undefined;
-        onscrollend?: ((event: Event) => void) | undefined;
-        onsecuritypolicyviolation?: ((event: SecurityPolicyViolationEvent) => void) | undefined;
-        onseeked?: ((event: Event) => void) | undefined;
-        onseeking?: ((event: Event) => void) | undefined;
-        onselect?: ((event: Event) => void) | undefined;
-        onselectionchange?: ((event: Event) => void) | undefined;
-        onselectstart?: ((event: Event) => void) | undefined;
-        onslotchange?: ((event: Event) => void) | undefined;
-        onstalled?: ((event: Event) => void) | undefined;
-        onsubmit?: ((event: SubmitEvent) => void) | undefined;
-        onsuspend?: ((event: Event) => void) | undefined;
-        ontimeupdate?: ((event: Event) => void) | undefined;
-        ontoggle?: ((event: Event) => void) | undefined;
-        ontouchcancel?: ((event: TouchEvent) => void) | undefined;
-        ontouchend?: ((event: TouchEvent) => void) | undefined;
-        ontouchmove?: ((event: TouchEvent) => void) | undefined;
-        ontouchstart?: ((event: TouchEvent) => void) | undefined;
-        ontransitioncancel?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionend?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionrun?: ((event: TransitionEvent) => void) | undefined;
-        ontransitionstart?: ((event: TransitionEvent) => void) | undefined;
-        onvolumechange?: ((event: Event) => void) | undefined;
-        onwaiting?: ((event: Event) => void) | undefined;
-        onwebkitanimationend?: ((event: Event) => void) | undefined;
-        onwebkitanimationiteration?: ((event: Event) => void) | undefined;
-        onwebkitanimationstart?: ((event: Event) => void) | undefined;
-        onwebkittransitionend?: ((event: Event) => void) | undefined;
-        onwheel?: ((event: WheelEvent) => void) | undefined;
+        [key: `aria-${string}`]: string | number | boolean | undefined;
+        [key: `data-${string}`]: string | undefined;
+        onconnect?: (element: import("@esportsplus/template").Element) => void;
+        ondisconnect?: (element: import("@esportsplus/template").Element) => void;
+        onrender?: (element: import("@esportsplus/template").Element) => void;
     } & (Record<PropertyKey, unknown> & ({
-        options: Record<number | string, number | string | (Attributes & {
+        options: Record<number | string, (number | string | (Attributes & {
             content: unknown;
-        })>;
+        }))>;
         option?: Attributes;
     } & ({
         selected?: number | string;
@@ -241,6 +134,6 @@ declare const _default: {
             error: string;
             selected?: number | string;
         };
-    }))), content: (mask: typeof select) => Renderable): Renderable;
+    }))), content: (mask: typeof select) => Renderable<unknown>): Renderable<unknown>;
 };
 export default _default;

package/build/components/field/select.js

@@ -6,7 +6,7 @@ import root from '../../components/root/index.js';
 import scrollbar from '../../components/scrollbar/index.js';
 import template from '../../components/template/index.js';
 import error from './error.js';
-const TAG_KEYS = [
+const PICK_TAG = [
     'autocomplete',
     'autofocus',
     'disabled',
@@ -14,83 +14,97 @@ const TAG_KEYS = [
     'required',
     'type'
 ];
-const select = template.factory(function (data, content) {
+const OMIT_FIELD = ['options', 'state'];
+const OMIT_MASK = [
+    ...PICK_TAG,
+    'field-mask-arrow',
+    'field-mask-text',
+    'scrollbar',
+    'scrollbar-container-content',
+    'tooltip-content',
+];
+const OMIT_OPTION = ['content'];
+const select = template.factory(function (attributes, content) {
     let { option, options, state } = this;
     return html `
             <label
                 class='field-mask field-mask--select'
-                onclick='${() => {
-        state.active = !state.active;
-        state.render = true;
-        if (state.active) {
-            root.onclick.push(() => state.active = false);
+                ${omit(attributes, OMIT_MASK)}
+                ${{
+        onclick: () => {
+            state.active = !state.active;
+            state.render = true;
+            if (state.active) {
+                root.onclick.push(() => state.active = false);
+            }
         }
-    }}'
-                ${omit(data, TAG_KEYS)}
+    }}
             >
-                <input
-                    class='field-mask-tag field-mask-tag--hidden'
-                    name='${data.name}'
-                    onclick='${() => { }}'
-                    onrender='${form.input.onrender(state)}'
-                    value='${() => state.selected}'
-                    ${pick(data, TAG_KEYS)}
+                <input class='field-mask-tag field-mask-tag--hidden'
+                    ${{
+        name: attributes.name,
+        onclick: () => { },
+        onrender: form.input.onrender(state),
+        value: () => state.selected
+    }}
+                    ${pick(attributes, PICK_TAG)}
                 >
 
                 ${content || html `
-                    <div class='field-mask-text' ${data.text}>
-                        ${() => options[state.selected] || '-'}
+                    <div class='field-mask-text' ${attributes['field-mask-text']}>
+                        ${() => (options[state.selected] || '-')}
                     </div>
                 `}
 
-                <div class='field-mask-arrow'></div>
+                <div class='field-mask-arrow' ${attributes['field-mask-arrow']}></div>
 
                 ${() => {
         if (!state.render) {
             return;
         }
-        let attributes = {
-            ...data['tooltip-content'],
-            scrollbar: { ...data['scrollbar'] },
-            'scrollbar-container-content': { ...data['scrollbar-container-content'] }
-        }, keys = Object.keys(options), selected = reactive(Object.fromEntries(keys.map(key => [key, false])));
-        attributes.class = toArray(attributes.class);
-        attributes.class.push(`tooltip-content tooltip-content--${attributes.direction || 's'} --flex-column --width-full`);
-        attributes.onclick = (e) => {
-            let key = e?.target?.dataset?.key;
-            if (key === undefined) {
-                return;
-            }
-            let previous = state.selected;
-            state.selected = key;
-            state.active = false;
-            selected[key] = true;
-            selected[previous] = false;
-        };
-        return scrollbar(attributes, keys.map((key) => html `
-                        <div
-                            class='
-                                ${() => selected[key] && '--active'}
-                                link
-                            '
-                            data-key='${key}'
-                            ${omit(options[key], ['content'])}
-                            ${option}
-                        >
-                            <span class='--text-truncate'>
-                                ${options[key]}
-                            </span>
-                        </div>
-                    `));
+        let keys = Object.keys(options), selected = reactive(Object.fromEntries(keys.map(key => [key, false])));
+        return scrollbar({
+            ...attributes['tooltip-content'],
+            class: [
+                ...toArray(attributes['tooltip-content']?.class),
+                `tooltip-content tooltip-content--${attributes['tooltip-content']?.direction || 's'} --flex-column --width-full`
+            ],
+            onclick: (e) => {
+                let key = e?.target?.dataset?.key;
+                if (key === undefined) {
+                    return;
+                }
+                let previous = state.selected;
+                state.selected = key;
+                state.active = false;
+                selected[key] = true;
+                selected[previous] = false;
+            },
+            scrollbar: attributes['scrollbar'],
+            'scrollbar-container-content': attributes['scrollbar-container-content']
+        }, keys.map((key) => html `
+                            <div class='link'
+                                ${omit(options[key], OMIT_OPTION)}
+                                ${option}
+                                ${{
+            class: () => selected[key] && '--active',
+            'data-key': key
+        }}
+                            >
+                                <span class='--text-truncate'>
+                                    ${options[key]}
+                                </span>
+                            </div>
+                        `));
     }}
             </label>
         `;
 });
-export default template.factory((data, content) => {
-    let options = data.options, state = data.state || reactive({
+export default template.factory((attributes, content) => {
+    let options = attributes.options, state = attributes.state || reactive({
         active: false,
         error: '',
-        selected: data.selected || Object.keys(options)[0]
+        selected: attributes.selected || Object.keys(options)[0]
     });
     for (let key in options) {
         if (isObject(options[key])) {
@@ -99,20 +113,18 @@ export default template.factory((data, content) => {
         options[key] = { content: options[key] };
     }
     return html `
-            <div
-                class='
-                    ${() => state.active && '--active'}
-                    field
-                    tooltip
-                '
-                ${omit(data, ['options', 'state'])}
-            >
-                ${content((...args) => select.call({
-        option: data.option,
-        options: data.options,
+        <div class='field tooltip'
+            ${omit(attributes, OMIT_FIELD)}
+            ${{
+        class: () => state.active && '--active'
+    }}
+        >
+            ${content((...args) => select.call({
+        option: attributes.option,
+        options: attributes.options,
         state
     }, ...args))}
-                ${error(state)}
-            </div>
-        `;
+            ${error(state)}
+        </div>
+    `;
 });