@esportsplus/ui 0.49.4 → 0.49.6

package/build/components/tooltip/onclick.js

@@ -1,9 +1,21 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { reactive } from '@esportsplus/frontend';
+import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
+import * as reactivity_2a7920412bac4009b37c4d0863a6596e0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import { root } from '@esportsplus/ui';
 import template from '../../components/template/index.js';
-const template_b5a9a3f5040540948313f36934d7b05b4e = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='tooltip'><!--$--></div>`);
+const template_2a7920412bac4009b37c4d0863a6596e4t = template_2a7920412bac4009b37c4d0863a6596e1.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_2a7920412bac4009b37c4d0863a6596e4r extends reactivity_2a7920412bac4009b37c4d0863a6596e0.ReactiveObject {
+    #active = this[reactivity_2a7920412bac4009b37c4d0863a6596e0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_2a7920412bac4009b37c4d0863a6596e0.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_2a7920412bac4009b37c4d0863a6596e0.write(this.#active, _v0);
+    }
+}
 const OMIT = ['state', 'toggle'];
 let parent = null, queue = [], running = false, scheduled = false;
 function frame() {
@@ -25,12 +37,12 @@ function frame() {
     running = false;
 }
 export default template.factory((attributes, content) => {
-    let state = attributes.state || reactive({ active: false }), toggle = attributes.toggle || false;
+    let state = attributes.state || new ReactiveObject_2a7920412bac4009b37c4d0863a6596e4r(), toggle = attributes.toggle || false;
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b4d = template_b5a9a3f5040540948313f36934d7b05b4e(), element_b5a9a3f5040540948313f36934d7b05b4f = root_b5a9a3f5040540948313f36934d7b05b4d.firstChild, element_b5a9a3f5040540948313f36934d7b05b4g = element_b5a9a3f5040540948313f36934d7b05b4f.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b4h = { "class": "tooltip" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b4f, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b4h);
-        template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b4f, 'class', () => state.active && '--active', attributes_b5a9a3f5040540948313f36934d7b05b4h);
-        template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b4f, 'click', function (e) {
+        let root_2a7920412bac4009b37c4d0863a6596e4s = template_2a7920412bac4009b37c4d0863a6596e4t(), element_2a7920412bac4009b37c4d0863a6596e4u = root_2a7920412bac4009b37c4d0863a6596e4s.firstChild, element_2a7920412bac4009b37c4d0863a6596e4v = element_2a7920412bac4009b37c4d0863a6596e4u.firstChild, attributes_2a7920412bac4009b37c4d0863a6596e4w = { "class": "tooltip" };
+        template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e4u, omit(attributes, OMIT), attributes_2a7920412bac4009b37c4d0863a6596e4w);
+        template_2a7920412bac4009b37c4d0863a6596e1.setList(element_2a7920412bac4009b37c4d0863a6596e4u, 'class', () => state.active && '--active', attributes_2a7920412bac4009b37c4d0863a6596e4w);
+        template_2a7920412bac4009b37c4d0863a6596e1.delegate(element_2a7920412bac4009b37c4d0863a6596e4u, 'click', function (e) {
             let active = true, node = e.target;
             if (this === node || (toggle && this.contains(node))) {
                 active = !state.active;
@@ -58,7 +70,7 @@ export default template.factory((attributes, content) => {
                 scheduled = true;
             }
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b4g, content);
-        return root_b5a9a3f5040540948313f36934d7b05b4d;
+        template_2a7920412bac4009b37c4d0863a6596e1.slot(element_2a7920412bac4009b37c4d0863a6596e4v, content);
+        return root_2a7920412bac4009b37c4d0863a6596e4s;
     })();
 });

package/build/components/tooltip/onhover.d.ts

@@ -1,20 +1,20 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
+import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
-        content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
-    <T extends template_b5a9a3f5040540948313f36934d7b05b1.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
-        content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
-    <T extends template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
-        content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
-    (attributes: template_b5a9a3f5040540948313f36934d7b05b1.Attributes, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
-        content?: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
+        content?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
+    <T extends template_2a7920412bac4009b37c4d0863a6596e1.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
+        content?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
+    <T extends template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
+        content?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
+    (attributes: template_2a7920412bac4009b37c4d0863a6596e1.Attributes, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>): ReturnType<(this: {
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
+        content?: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
 };
 export default _default;

package/build/components/tooltip/onhover.js

@@ -1,22 +1,34 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { reactive } from '@esportsplus/frontend';
+import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
+import * as reactivity_2a7920412bac4009b37c4d0863a6596e0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
-const template_b5a9a3f5040540948313f36934d7b05b4j = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='tooltip'><!--$--></div>`);
+const template_2a7920412bac4009b37c4d0863a6596e4z = template_2a7920412bac4009b37c4d0863a6596e1.template(`<div class='tooltip'><!--$--></div>`);
+class ReactiveObject_2a7920412bac4009b37c4d0863a6596e4x extends reactivity_2a7920412bac4009b37c4d0863a6596e0.ReactiveObject {
+    #active = this[reactivity_2a7920412bac4009b37c4d0863a6596e0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_2a7920412bac4009b37c4d0863a6596e0.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_2a7920412bac4009b37c4d0863a6596e0.write(this.#active, _v0);
+    }
+}
 const OMIT = ['state'];
 export default template.factory((attributes, content) => {
-    let state = attributes.state || reactive({ active: false });
+    let state = attributes.state || new ReactiveObject_2a7920412bac4009b37c4d0863a6596e4x();
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b4i = template_b5a9a3f5040540948313f36934d7b05b4j(), element_b5a9a3f5040540948313f36934d7b05b4k = root_b5a9a3f5040540948313f36934d7b05b4i.firstChild, element_b5a9a3f5040540948313f36934d7b05b4l = element_b5a9a3f5040540948313f36934d7b05b4k.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b4m = { "class": "tooltip" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b4k, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b4m);
-        template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b4k, 'class', () => state.active && '--active', attributes_b5a9a3f5040540948313f36934d7b05b4m);
-        template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b4k, 'mouseover', () => {
+        let root_2a7920412bac4009b37c4d0863a6596e4y = template_2a7920412bac4009b37c4d0863a6596e4z(), element_2a7920412bac4009b37c4d0863a6596e50 = root_2a7920412bac4009b37c4d0863a6596e4y.firstChild, element_2a7920412bac4009b37c4d0863a6596e51 = element_2a7920412bac4009b37c4d0863a6596e50.firstChild, attributes_2a7920412bac4009b37c4d0863a6596e52 = { "class": "tooltip" };
+        template_2a7920412bac4009b37c4d0863a6596e1.setProperties(element_2a7920412bac4009b37c4d0863a6596e50, omit(attributes, OMIT), attributes_2a7920412bac4009b37c4d0863a6596e52);
+        template_2a7920412bac4009b37c4d0863a6596e1.setList(element_2a7920412bac4009b37c4d0863a6596e50, 'class', () => state.active && '--active', attributes_2a7920412bac4009b37c4d0863a6596e52);
+        template_2a7920412bac4009b37c4d0863a6596e1.delegate(element_2a7920412bac4009b37c4d0863a6596e50, 'mouseover', () => {
             state.active = true;
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b4k, 'mouseout', () => {
+        template_2a7920412bac4009b37c4d0863a6596e1.delegate(element_2a7920412bac4009b37c4d0863a6596e50, 'mouseout', () => {
             state.active = false;
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b4l, content);
-        return root_b5a9a3f5040540948313f36934d7b05b4i;
+        template_2a7920412bac4009b37c4d0863a6596e1.slot(element_2a7920412bac4009b37c4d0863a6596e51, content);
+        return root_2a7920412bac4009b37c4d0863a6596e4y;
     })();
 });

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

@@ -1,21 +1,21 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
+import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: string[]) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
-    <T extends template_b5a9a3f5040540948313f36934d7b05b1.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: string[]) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
+    <T extends template_2a7920412bac4009b37c4d0863a6596e1.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: string[]) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: string[]) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
     <T extends string[]>(content: T): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: string[]) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
-    (attributes: template_b5a9a3f5040540948313f36934d7b05b1.Attributes, content: string[]): ReturnType<(this: {
-        attributes?: template_b5a9a3f5040540948313f36934d7b05b1.Attributes | undefined;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: string[]) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
+    (attributes: template_2a7920412bac4009b37c4d0863a6596e1.Attributes, content: string[]): ReturnType<(this: {
+        attributes?: template_2a7920412bac4009b37c4d0863a6596e1.Attributes | undefined;
         content?: string[] | undefined;
-    }, attributes: Readonly<template_b5a9a3f5040540948313f36934d7b05b1.Attributes>, content: string[]) => template_b5a9a3f5040540948313f36934d7b05b1.Renderable<any>>;
+    }, attributes: Readonly<template_2a7920412bac4009b37c4d0863a6596e1.Attributes>, content: string[]) => template_2a7920412bac4009b37c4d0863a6596e1.Renderable<any>>;
 };
 export default _default;

package/build/components/typewriter/index.js

@@ -1,15 +1,27 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { reactive } from '@esportsplus/frontend';
+import * as template_2a7920412bac4009b37c4d0863a6596e1 from '@esportsplus/template';
+import * as reactivity_2a7920412bac4009b37c4d0863a6596e0 from '@esportsplus/reactivity';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_b5a9a3f5040540948313f36934d7b05b4o = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='typewriter'><!--$--></div>`);
-const template_b5a9a3f5040540948313f36934d7b05b4r = template_b5a9a3f5040540948313f36934d7b05b1.template(``);
-const EMPTY_NODE = template_b5a9a3f5040540948313f36934d7b05b4r();
+const template_2a7920412bac4009b37c4d0863a6596e55 = template_2a7920412bac4009b37c4d0863a6596e1.template(`<div class='typewriter'><!--$--></div>`);
+const template_2a7920412bac4009b37c4d0863a6596e58 = template_2a7920412bac4009b37c4d0863a6596e1.template(``);
+class ReactiveObject_2a7920412bac4009b37c4d0863a6596e53 extends reactivity_2a7920412bac4009b37c4d0863a6596e0.ReactiveObject {
+    #text = this[reactivity_2a7920412bac4009b37c4d0863a6596e0.SIGNAL]('');
+    constructor() {
+        super(null);
+    }
+    get text() {
+        return reactivity_2a7920412bac4009b37c4d0863a6596e0.read(this.#text);
+    }
+    set text(_v0) {
+        reactivity_2a7920412bac4009b37c4d0863a6596e0.write(this.#text, _v0);
+    }
+}
+const EMPTY_NODE = template_2a7920412bac4009b37c4d0863a6596e58();
 export default template.factory(function (_, content) {
-    let state = reactive({ text: '' });
+    let state = new ReactiveObject_2a7920412bac4009b37c4d0863a6596e53();
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b4n = template_b5a9a3f5040540948313f36934d7b05b4o(), element_b5a9a3f5040540948313f36934d7b05b4p = root_b5a9a3f5040540948313f36934d7b05b4n.firstChild, element_b5a9a3f5040540948313f36934d7b05b4q = element_b5a9a3f5040540948313f36934d7b05b4p.firstChild;
-        template_b5a9a3f5040540948313f36934d7b05b1.onconnect(element_b5a9a3f5040540948313f36934d7b05b4p, () => {
+        let root_2a7920412bac4009b37c4d0863a6596e54 = template_2a7920412bac4009b37c4d0863a6596e55(), element_2a7920412bac4009b37c4d0863a6596e56 = root_2a7920412bac4009b37c4d0863a6596e54.firstChild, element_2a7920412bac4009b37c4d0863a6596e57 = element_2a7920412bac4009b37c4d0863a6596e56.firstChild;
+        template_2a7920412bac4009b37c4d0863a6596e1.onconnect(element_2a7920412bac4009b37c4d0863a6596e56, () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
                 setTimeout(() => {
@@ -38,7 +50,7 @@ export default template.factory(function (_, content) {
             }
             play();
         });
-        new template_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05b4q, () => state.text || EMPTY_NODE);
-        return root_b5a9a3f5040540948313f36934d7b05b4n;
+        new template_2a7920412bac4009b37c4d0863a6596e1.EffectSlot(element_2a7920412bac4009b37c4d0863a6596e57, () => state.text || EMPTY_NODE);
+        return root_2a7920412bac4009b37c4d0863a6596e54;
     })();
 });

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

@@ -2,10 +2,10 @@ declare const _default: {
     content: DocumentFragment;
     deactivate: () => void;
     error: {
-        (messages: import("@esportsplus/frontend").Renderable<any>, seconds?: number): void;
+        (messages: import("@esportsplus/template").Renderable<any>, seconds?: number): void;
         response(response: import("@esportsplus/action").Response<any>): void;
     };
-    info: (messages: import("@esportsplus/frontend").Renderable<any>, seconds?: number) => void;
-    success: (messages: import("@esportsplus/frontend").Renderable<any>, seconds?: number) => void;
+    info: (messages: import("@esportsplus/template").Renderable<any>, seconds?: number) => void;
+    success: (messages: import("@esportsplus/template").Renderable<any>, seconds?: number) => void;
 };
 export default _default;

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

@@ -1,15 +1,15 @@
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
-    <T extends import("@esportsplus/frontend").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
-    <T extends import("@esportsplus/frontend").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
-    (attributes: import("@esportsplus/frontend").Attributes, content: import("@esportsplus/frontend").Renderable<any>): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+        attributes?: import("@esportsplus/template").Attributes;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+        attributes?: import("@esportsplus/template").Attributes;
+    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
 };
 export default _default;

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

@@ -1,118 +1,118 @@
 declare const _default: (attributes: {
     [key: `aria-${string}`]: string | number | boolean | undefined;
     [key: `data-${string}`]: string | undefined;
-    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[];
+    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[];
 } & {
-    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;
+    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;
 } & Record<PropertyKey, unknown> & {
     state?: {
         active: boolean;