@esportsplus/ui 0.48.7 → 0.49.1

package/build/components/clipboard/index.d.ts

@@ -7,361 +7,361 @@ declare const _default: {
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+                onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+                style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-                onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-                onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-                onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-                ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+                onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+                onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+                onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+                ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+                onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+                onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+                onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
             } & Record<PropertyKey, unknown>) | undefined;
             content?: ((state: {
                 copied: boolean;
-            }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+            }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
         }, attributes: Readonly<{
             timeout?: number;
             value: string;
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+            style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-            onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-            onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-            onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-            ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+            onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+            onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+            onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+            ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+            onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+            onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+            onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
         } & Record<PropertyKey, unknown>>, content: (state: {
             copied: boolean;
-        }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
         <T extends {
             timeout?: number;
             value: string;
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+            style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-            onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-            onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-            onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-            ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+            onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+            onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+            onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+            ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+            onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+            onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+            onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
         } & Record<PropertyKey, unknown>>(attributes: T): ReturnType<(this: {
             attributes?: ({
                 timeout?: number;
@@ -369,853 +369,853 @@ declare const _default: {
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+                onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+                style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-                onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-                onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-                onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-                ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+                onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+                onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+                onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+                ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+                onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+                onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+                onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
             } & Record<PropertyKey, unknown>) | undefined;
             content?: ((state: {
                 copied: boolean;
-            }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+            }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
         }, attributes: Readonly<{
             timeout?: number;
             value: string;
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+            style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-            onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-            onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-            onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-            ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+            onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+            onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+            onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+            ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+            onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+            onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+            onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
         } & Record<PropertyKey, unknown>>, content: (state: {
             copied: boolean;
-        }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
         <T extends (state: {
             copied: boolean;
-        }) => import("@esportsplus/template").Renderable<unknown>>(content: T): ReturnType<(this: {
+        }) => import("@esportsplus/frontend").Renderable<unknown>>(content: T): ReturnType<(this: {
             attributes?: ({
                 timeout?: number;
                 value: string;
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+                onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+                style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-                onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-                onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-                onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-                ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+                onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+                onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+                onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+                ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+                onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+                onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+                onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
             } & Record<PropertyKey, unknown>) | undefined;
             content?: ((state: {
                 copied: boolean;
-            }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+            }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
         }, attributes: Readonly<{
             timeout?: number;
             value: string;
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+            style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-            onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-            onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-            onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-            ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+            onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+            onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+            onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+            ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+            onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+            onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+            onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
         } & Record<PropertyKey, unknown>>, content: (state: {
             copied: boolean;
-        }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
         (attributes: {
             timeout?: number;
             value: string;
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+            style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-            onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-            onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-            onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-            ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+            onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+            onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+            onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+            ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+            onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+            onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+            onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
         } & Record<PropertyKey, unknown>, content: (state: {
             copied: boolean;
-        }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
+        }) => import("@esportsplus/frontend").Renderable<unknown>): ReturnType<(this: {
             attributes?: ({
                 timeout?: number;
                 value: string;
             } & {
                 [key: `aria-${string}`]: string | number | boolean | undefined;
                 [key: `data-${string}`]: string | undefined;
-                class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+                class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+                onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+                ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+                style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-                onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-                onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-                onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-                ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-                ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-                onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-                onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+                onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+                onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+                onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+                oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+                ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+                onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+                onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+                ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+                onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+                onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+                onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+                onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+                onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+                onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+                onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+                onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+                ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+                ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+                onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+                onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
             } & Record<PropertyKey, unknown>) | undefined;
             content?: ((state: {
                 copied: boolean;
-            }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+            }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
         }, attributes: Readonly<{
             timeout?: number;
             value: string;
         } & {
             [key: `aria-${string}`]: string | number | boolean | undefined;
             [key: `data-${string}`]: string | undefined;
-            class?: import("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@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("node_modules/@esportsplus/template/build/types").Attribute | import("node_modules/@esportsplus/template/build/types").Attribute[];
+            class?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/types").Attribute[];
+            onconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ondisconnect?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            onrender?: ((element: import("@esportsplus/frontend").Element) => void) | undefined;
+            ontick?: ((dispose: VoidFunction, element: import("@esportsplus/frontend").Element) => void) | undefined;
+            style?: import("node_modules/@esportsplus/frontend/build/template/types").Attribute | import("node_modules/@esportsplus/frontend/build/template/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: PointerEvent) => void) | undefined;
-            onbeforeinput?: ((this: import("@esportsplus/template").Element, event: InputEvent) => void) | undefined;
-            onbeforematch?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onbeforetoggle?: ((this: import("@esportsplus/template").Element, event: ToggleEvent) => 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: PointerEvent) => 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: PointerEvent) => 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;
-            onpointerrawupdate?: ((this: import("@esportsplus/template").Element, event: Event) => 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: ToggleEvent) => void) | undefined;
-            ontouchcancel?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchend?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchmove?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontouchstart?: ((this: import("@esportsplus/template").Element, event: TouchEvent) => void) | undefined;
-            ontransitioncancel?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionend?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionrun?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            ontransitionstart?: ((this: import("@esportsplus/template").Element, event: TransitionEvent) => void) | undefined;
-            onvolumechange?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwaiting?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationiteration?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkitanimationstart?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwebkittransitionend?: ((this: import("@esportsplus/template").Element, event: Event) => void) | undefined;
-            onwheel?: ((this: import("@esportsplus/template").Element, event: WheelEvent) => void) | undefined;
+            onabort?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onanimationcancel?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationend?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onanimationstart?: ((this: import("@esportsplus/frontend").Element, event: AnimationEvent) => void) | undefined;
+            onauxclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onbeforeinput?: ((this: import("@esportsplus/frontend").Element, event: InputEvent) => void) | undefined;
+            onbeforematch?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onbeforetoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            onblur?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            oncancel?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncanplaythrough?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onclick?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onclose?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncompositionend?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionstart?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncompositionupdate?: ((this: import("@esportsplus/frontend").Element, event: CompositionEvent) => void) | undefined;
+            oncontextlost?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncontextmenu?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oncontextrestored?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncopy?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            oncuechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oncut?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            ondblclick?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            ondrag?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragend?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragenter?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragleave?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragover?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondragstart?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondrop?: ((this: import("@esportsplus/frontend").Element, event: DragEvent) => void) | undefined;
+            ondurationchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onemptied?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onended?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onerror?: ((this: import("@esportsplus/frontend").Element, event: ErrorEvent) => void) | undefined;
+            onfocus?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusin?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onfocusout?: ((this: import("@esportsplus/frontend").Element, event: FocusEvent) => void) | undefined;
+            onformdata?: ((this: import("@esportsplus/frontend").Element, event: FormDataEvent) => void) | undefined;
+            ongotpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            oninput?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            oninvalid?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onkeydown?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeypress?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onkeyup?: ((this: import("@esportsplus/frontend").Element, event: KeyboardEvent) => void) | undefined;
+            onload?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadeddata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadedmetadata?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onloadstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onlostpointercapture?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onmousedown?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseenter?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseleave?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmousemove?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseout?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseover?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onmouseup?: ((this: import("@esportsplus/frontend").Element, event: MouseEvent) => void) | undefined;
+            onpaste?: ((this: import("@esportsplus/frontend").Element, event: ClipboardEvent) => void) | undefined;
+            onpause?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplay?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onplaying?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointercancel?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerdown?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerenter?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerleave?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointermove?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerout?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerover?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onpointerrawupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onpointerup?: ((this: import("@esportsplus/frontend").Element, event: PointerEvent) => void) | undefined;
+            onprogress?: ((this: import("@esportsplus/frontend").Element, event: ProgressEvent<EventTarget>) => void) | undefined;
+            onratechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onreset?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onresize?: ((this: import("@esportsplus/frontend").Element, event: UIEvent) => void) | undefined;
+            onscroll?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onscrollend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsecuritypolicyviolation?: ((this: import("@esportsplus/frontend").Element, event: SecurityPolicyViolationEvent) => void) | undefined;
+            onseeked?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onseeking?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselect?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectionchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onselectstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onslotchange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onstalled?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onsubmit?: ((this: import("@esportsplus/frontend").Element, event: SubmitEvent) => void) | undefined;
+            onsuspend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontimeupdate?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            ontoggle?: ((this: import("@esportsplus/frontend").Element, event: ToggleEvent) => void) | undefined;
+            ontouchcancel?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchend?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchmove?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontouchstart?: ((this: import("@esportsplus/frontend").Element, event: TouchEvent) => void) | undefined;
+            ontransitioncancel?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionend?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionrun?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            ontransitionstart?: ((this: import("@esportsplus/frontend").Element, event: TransitionEvent) => void) | undefined;
+            onvolumechange?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwaiting?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationiteration?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkitanimationstart?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwebkittransitionend?: ((this: import("@esportsplus/frontend").Element, event: Event) => void) | undefined;
+            onwheel?: ((this: import("@esportsplus/frontend").Element, event: WheelEvent) => void) | undefined;
         } & Record<PropertyKey, unknown>>, content: (state: {
             copied: boolean;
-        }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
     };
     write: (value: string) => Promise<boolean>;
 };