npm - @esportsplus/ui - Versions diffs - 0.19.7 → 0.20.1 - Mend

@esportsplus/ui 0.19.7 → 0.20.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/build/components/field/index.d.ts +1127 -194
package/build/components/field/index.js +3 -3
package/build/components/field/input.d.ts +11 -0
package/build/components/field/input.js +25 -22
package/build/components/field/scss/index.scss +1 -1
package/package.json +1 -1
package/src/components/field/index.ts +3 -3
package/src/components/field/input.ts +30 -22
package/src/components/field/scss/index.scss +2 -0
package/src/components/field/scss/range.scss +45 -0
package/src/components/field/scss/variables.scss +2 -0

package/build/components/field/index.d.ts CHANGED Viewed

@@ -3277,7 +3277,7 @@ declare const file: {
             };
         }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
-}, text: {
+}, range: {
     (): ReturnType<(this: {
         mask: {
             (): ReturnType<(this: {
@@ -3743,7 +3743,7 @@ declare const file: {
             };
         }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
-}, textarea: {
+}, text: {
     (): ReturnType<(this: {
         mask: {
             (): ReturnType<(this: {
@@ -4209,199 +4209,665 @@ declare const file: {
             };
         }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
-};
-declare const _default: {
-    checkbox: {
+}, textarea: {
+    (): ReturnType<(this: {
+        mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        };
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: {
         (): ReturnType<(this: {
-            mask: (attributes: {
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
-                class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
-                onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-                ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-                onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-                ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-                style?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
-            } & {
-                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;
-            } & Record<PropertyKey, unknown> & {
-                'field-mask-tag'?: import("@esportsplus/template").Attributes;
-            }, state: {
+            state: {
                 active: boolean;
-            }) => import("@esportsplus/template").Renderable<unknown>;
-        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: ((attributes: {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
-            class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
-            onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-            ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-            onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
-            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
-            style?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
-        } & {
-            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;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+    (content: (mask: {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
+        mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        };
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+    (attributes: import("@esportsplus/template").Attributes, content: (mask: {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
+        mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        };
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    } | {
+        (): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+            state: {
+                active: boolean;
+                error: string;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+};
+declare const _default: {
+    checkbox: {
+        (): ReturnType<(this: {
+            mask: (attributes: {
+                [key: `aria-${string}`]: string | number | boolean | undefined;
+                [key: `data-${string}`]: string | undefined;
+                class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+                onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+                ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+                onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+                ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
+                style?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+            } & {
+                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;
+            } & Record<PropertyKey, unknown> & {
+                'field-mask-tag'?: import("@esportsplus/template").Attributes;
+            }, state: {
+                active: boolean;
+            }) => import("@esportsplus/template").Renderable<unknown>;
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: ((attributes: {
+            [key: `aria-${string}`]: string | number | boolean | undefined;
+            [key: `data-${string}`]: string | undefined;
+            class?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/template").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/template").Element) => void) | undefined;
+            style?: import("@esportsplus/template/build/types").Attribute | import("@esportsplus/template/build/types").Attribute[];
+        } & {
+            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;
@@ -6566,6 +7032,473 @@ declare const _default: {
             'field-mask-tag'?: import("@esportsplus/template").Attributes;
         }) => import("@esportsplus/template").Renderable<unknown>)) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
     };
+    range: {
+        (): ReturnType<(this: {
+            mask: {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            } | {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            } | {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+        (content: (mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
+            mask: {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            } | {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            } | {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+        (attributes: import("@esportsplus/template").Attributes, content: (mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
+            mask: {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            } | {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            } | {
+                (): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+                (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                    state: {
+                        active: boolean;
+                        error: string;
+                    };
+                }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            };
+        }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: (mask: {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        } | {
+            (): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+            (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+                state: {
+                    active: boolean;
+                    error: string;
+                };
+            }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+    };
     select: {
         (): ReturnType<(this: {
             attributes?: ({
@@ -10457,4 +11390,4 @@ declare const _default: {
     };
 };
 export default _default;
-export { cb as checkbox, description, file, radio, select, sw as switch, textarea, text, title };
+export { cb as checkbox, description, file, radio, range, select, sw as switch, textarea, text, title };