@esportsplus/ui 0.48.7 → 0.49.1

package/build/themes/dark/select.d.ts

@@ -1,15 +1,15 @@
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: (({
-            arrow?: import("@esportsplus/template").Attributes;
-            options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-                content: import("@esportsplus/template").Renderable<unknown>;
-                selected: import("@esportsplus/template").Renderable<unknown>;
+            arrow?: import("@esportsplus/frontend").Attributes;
+            options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+                content: import("@esportsplus/frontend").Renderable<unknown>;
+                selected: import("@esportsplus/frontend").Renderable<unknown>;
             }>;
-            option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-            'tooltip-content'?: import("@esportsplus/template").Attributes & {
+            option?: import("@esportsplus/frontend").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+            'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
                 direction?: string;
             };
         } & (({
@@ -25,136 +25,136 @@ 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> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
         }) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
-        }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
     }, attributes: Readonly<({
-        arrow?: import("@esportsplus/template").Attributes;
-        options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-            content: import("@esportsplus/template").Renderable<unknown>;
-            selected: import("@esportsplus/template").Renderable<unknown>;
+        arrow?: import("@esportsplus/frontend").Attributes;
+        options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+            content: import("@esportsplus/frontend").Renderable<unknown>;
+            selected: import("@esportsplus/frontend").Renderable<unknown>;
         }>;
-        option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        'tooltip-content'?: import("@esportsplus/template").Attributes & {
+        option?: import("@esportsplus/frontend").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+        'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
             direction?: string;
         };
     } & (({
@@ -170,135 +170,135 @@ 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> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
     }>, content: (state: {
         active: boolean;
         selected?: string | number;
-    }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
     <T extends ({
-        arrow?: import("@esportsplus/template").Attributes;
-        options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-            content: import("@esportsplus/template").Renderable<unknown>;
-            selected: import("@esportsplus/template").Renderable<unknown>;
+        arrow?: import("@esportsplus/frontend").Attributes;
+        options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+            content: import("@esportsplus/frontend").Renderable<unknown>;
+            selected: import("@esportsplus/frontend").Renderable<unknown>;
         }>;
-        option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        'tooltip-content'?: import("@esportsplus/template").Attributes & {
+        option?: import("@esportsplus/frontend").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+        'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
             direction?: string;
         };
     } & (({
@@ -314,132 +314,132 @@ 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> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
     }>(attributes: T): ReturnType<(this: {
         attributes?: (({
-            arrow?: import("@esportsplus/template").Attributes;
-            options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-                content: import("@esportsplus/template").Renderable<unknown>;
-                selected: import("@esportsplus/template").Renderable<unknown>;
+            arrow?: import("@esportsplus/frontend").Attributes;
+            options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+                content: import("@esportsplus/frontend").Renderable<unknown>;
+                selected: import("@esportsplus/frontend").Renderable<unknown>;
             }>;
-            option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-            'tooltip-content'?: import("@esportsplus/template").Attributes & {
+            option?: import("@esportsplus/frontend").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+            'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
                 direction?: string;
             };
         } & (({
@@ -455,136 +455,136 @@ 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> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
         }) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
-        }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
     }, attributes: Readonly<({
-        arrow?: import("@esportsplus/template").Attributes;
-        options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-            content: import("@esportsplus/template").Renderable<unknown>;
-            selected: import("@esportsplus/template").Renderable<unknown>;
+        arrow?: import("@esportsplus/frontend").Attributes;
+        options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+            content: import("@esportsplus/frontend").Renderable<unknown>;
+            selected: import("@esportsplus/frontend").Renderable<unknown>;
         }>;
-        option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        'tooltip-content'?: import("@esportsplus/template").Attributes & {
+        option?: import("@esportsplus/frontend").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+        'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
             direction?: string;
         };
     } & (({
@@ -600,139 +600,139 @@ 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> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
     }>, content: (state: {
         active: boolean;
         selected?: string | number;
-    }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
     <T extends (state: {
         active: boolean;
         selected?: string | number;
-    }) => import("@esportsplus/template").Renderable<unknown>>(content: T): ReturnType<(this: {
+    }) => import("@esportsplus/frontend").Renderable<unknown>>(content: T): ReturnType<(this: {
         attributes?: (({
-            arrow?: import("@esportsplus/template").Attributes;
-            options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-                content: import("@esportsplus/template").Renderable<unknown>;
-                selected: import("@esportsplus/template").Renderable<unknown>;
+            arrow?: import("@esportsplus/frontend").Attributes;
+            options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+                content: import("@esportsplus/frontend").Renderable<unknown>;
+                selected: import("@esportsplus/frontend").Renderable<unknown>;
             }>;
-            option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-            'tooltip-content'?: import("@esportsplus/template").Attributes & {
+            option?: import("@esportsplus/frontend").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+            'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
                 direction?: string;
             };
         } & (({
@@ -748,136 +748,136 @@ 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> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
         }) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
-        }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
     }, attributes: Readonly<({
-        arrow?: import("@esportsplus/template").Attributes;
-        options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-            content: import("@esportsplus/template").Renderable<unknown>;
-            selected: import("@esportsplus/template").Renderable<unknown>;
+        arrow?: import("@esportsplus/frontend").Attributes;
+        options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+            content: import("@esportsplus/frontend").Renderable<unknown>;
+            selected: import("@esportsplus/frontend").Renderable<unknown>;
         }>;
-        option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        'tooltip-content'?: import("@esportsplus/template").Attributes & {
+        option?: import("@esportsplus/frontend").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+        'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
             direction?: string;
         };
     } & (({
@@ -893,135 +893,135 @@ 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> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
     }>, content: (state: {
         active: boolean;
         selected?: string | number;
-    }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
     (attributes: ({
-        arrow?: import("@esportsplus/template").Attributes;
-        options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-            content: import("@esportsplus/template").Renderable<unknown>;
-            selected: import("@esportsplus/template").Renderable<unknown>;
+        arrow?: import("@esportsplus/frontend").Attributes;
+        options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+            content: import("@esportsplus/frontend").Renderable<unknown>;
+            selected: import("@esportsplus/frontend").Renderable<unknown>;
         }>;
-        option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        'tooltip-content'?: import("@esportsplus/template").Attributes & {
+        option?: import("@esportsplus/frontend").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+        'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
             direction?: string;
         };
     } & (({
@@ -1037,135 +1037,135 @@ 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> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
     }, content: (state: {
         active: boolean;
         selected?: string | number;
-    }) => import("@esportsplus/template").Renderable<unknown>): ReturnType<(this: {
+    }) => import("@esportsplus/frontend").Renderable<unknown>): ReturnType<(this: {
         attributes?: (({
-            arrow?: import("@esportsplus/template").Attributes;
-            options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-                content: import("@esportsplus/template").Renderable<unknown>;
-                selected: import("@esportsplus/template").Renderable<unknown>;
+            arrow?: import("@esportsplus/frontend").Attributes;
+            options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+                content: import("@esportsplus/frontend").Renderable<unknown>;
+                selected: import("@esportsplus/frontend").Renderable<unknown>;
             }>;
-            option?: import("@esportsplus/template").Attributes;
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-            'tooltip-content'?: import("@esportsplus/template").Attributes & {
+            option?: import("@esportsplus/frontend").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+            'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
                 direction?: string;
             };
         } & (({
@@ -1181,136 +1181,136 @@ 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> & {
-            scrollbar?: import("@esportsplus/template").Attributes;
-            'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+            scrollbar?: import("@esportsplus/frontend").Attributes;
+            'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
         }) | undefined;
         content?: ((state: {
             active: boolean;
             selected?: string | number;
-        }) => import("@esportsplus/template").Renderable<unknown>) | undefined;
+        }) => import("@esportsplus/frontend").Renderable<unknown>) | undefined;
     }, attributes: Readonly<({
-        arrow?: import("@esportsplus/template").Attributes;
-        options: Record<number | string, import("@esportsplus/template").Renderable<unknown> | {
-            content: import("@esportsplus/template").Renderable<unknown>;
-            selected: import("@esportsplus/template").Renderable<unknown>;
+        arrow?: import("@esportsplus/frontend").Attributes;
+        options: Record<number | string, import("@esportsplus/frontend").Renderable<unknown> | {
+            content: import("@esportsplus/frontend").Renderable<unknown>;
+            selected: import("@esportsplus/frontend").Renderable<unknown>;
         }>;
-        option?: import("@esportsplus/template").Attributes;
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
-        'tooltip-content'?: import("@esportsplus/template").Attributes & {
+        option?: import("@esportsplus/frontend").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
+        'tooltip-content'?: import("@esportsplus/frontend").Attributes & {
             direction?: string;
         };
     } & (({
@@ -1326,124 +1326,124 @@ 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> & {
-        scrollbar?: import("@esportsplus/template").Attributes;
-        'scrollbar-container-content'?: import("@esportsplus/template").Attributes;
+        scrollbar?: import("@esportsplus/frontend").Attributes;
+        'scrollbar-container-content'?: import("@esportsplus/frontend").Attributes;
     }>, content: (state: {
         active: boolean;
         selected?: string | number;
-    }) => import("@esportsplus/template").Renderable<unknown>) => import("@esportsplus/template").Renderable<any>>;
+    }) => import("@esportsplus/frontend").Renderable<unknown>) => import("@esportsplus/frontend").Renderable<any>>;
 };
 export default _default;