@esportsplus/ui 0.49.4 → 0.49.5

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

@@ -1,4 +1,4 @@
-import { Attributes, Renderable } from '@esportsplus/frontend';
+import { Attributes, Renderable } from '@esportsplus/template';
 type A = {
     timeout?: number;
     value: string;

package/build/components/clipboard/onclick.js

@@ -1,18 +1,28 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { reactive } from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
+import * as reactivity_767c0c17891c439fbbf0bdc72f24ab6c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_b5a9a3f5040540948313f36934d7b05b1d = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div><!--$--></div>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c1i = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<div><!--$--></div>`);
+class ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c1g extends reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.ReactiveObject {
+    #copied = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get copied() {
+        return reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.read(this.#copied);
+    }
+    set copied(_v0) {
+        reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.write(this.#copied, _v0);
+    }
+}
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = reactive({
-        copied: false
-    }), timeout = attributes.timeout || 1000 * 2;
+    let state = new ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c1g(), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b1c = template_b5a9a3f5040540948313f36934d7b05b1d(), element_b5a9a3f5040540948313f36934d7b05b1e = root_b5a9a3f5040540948313f36934d7b05b1c.firstChild, element_b5a9a3f5040540948313f36934d7b05b1f = element_b5a9a3f5040540948313f36934d7b05b1e.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b1g = {};
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b1e, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b1g);
-        template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b1e, 'click', (e) => {
+        let root_767c0c17891c439fbbf0bdc72f24ab6c1h = template_767c0c17891c439fbbf0bdc72f24ab6c1i(), element_767c0c17891c439fbbf0bdc72f24ab6c1j = root_767c0c17891c439fbbf0bdc72f24ab6c1h.firstChild, element_767c0c17891c439fbbf0bdc72f24ab6c1k = element_767c0c17891c439fbbf0bdc72f24ab6c1j.firstChild, attributes_767c0c17891c439fbbf0bdc72f24ab6c1l = {};
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c1j, omit(attributes, OMIT), attributes_767c0c17891c439fbbf0bdc72f24ab6c1l);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.delegate(element_767c0c17891c439fbbf0bdc72f24ab6c1j, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -22,7 +32,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05b1f, () => content(state));
-        return root_b5a9a3f5040540948313f36934d7b05b1c;
+        new template_767c0c17891c439fbbf0bdc72f24ab6c1.EffectSlot(element_767c0c17891c439fbbf0bdc72f24ab6c1k, () => content(state));
+        return root_767c0c17891c439fbbf0bdc72f24ab6c1h;
     })();
 });

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/frontend';
+import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: (attributes: Attributes & {
     currency?: "IGNORE" | "EUR" | "GBP" | "USD";

package/build/components/counter/index.js

@@ -1,24 +1,55 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { effect, reactive } from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
+import * as reactivity_767c0c17891c439fbbf0bdc72f24ab6c0 from '@esportsplus/reactivity';
+import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_b5a9a3f5040540948313f36934d7b05b1i = template_b5a9a3f5040540948313f36934d7b05b1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_b5a9a3f5040540948313f36934d7b05b1l = template_b5a9a3f5040540948313f36934d7b05b1.template(`<span><!--$--></span>`);
-const template_b5a9a3f5040540948313f36934d7b05b1o = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_b5a9a3f5040540948313f36934d7b05b1t = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='counter'><!--$--></div>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c1p = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c1s = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<span><!--$--></span>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c1v = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c20 = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<div class='counter'><!--$--></div>`);
+class ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c1m extends reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.ReactiveObject {
+    #value = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.SIGNAL](-1);
+    constructor() {
+        super(null);
+    }
+    get value() {
+        return reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.read(this.#value);
+    }
+    set value(_v0) {
+        reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.write(this.#value, _v0);
+    }
+}
+class ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c1n extends reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.ReactiveObject {
+    #length = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.SIGNAL](0);
+    #test;
+    #render;
+    constructor(_p0, _p1) {
+        super(null);
+        this.#test = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.COMPUTED](_p0);
+        this.#render = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.REACTIVE_ARRAY](_p1);
+    }
+    get length() {
+        return reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.read(this.#length);
+    }
+    set length(_v0) {
+        reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.write(this.#length, _v0);
+    }
+    get test() {
+        return reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.read(this.#test);
+    }
+    get render() {
+        return this.#render;
+    }
+}
 const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
 let formatters = {};
 export default (attributes) => {
-    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || reactive({ value: -1 }), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c1m(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = reactive({
-        length: 0,
-        test: () => 'sds',
-        render: []
-    }), render = reactive([]);
+        }), rendering = true, state = new ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c1n(() => 'sds', []), render = new reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -45,7 +76,7 @@ export default (attributes) => {
                 padding--;
                 value = '0';
             }
-            render[i] = value;
+            render.$set(i, value);
         }
         if (rendering === true) {
             rendering = false;
@@ -53,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b1s = template_b5a9a3f5040540948313f36934d7b05b1t(), element_b5a9a3f5040540948313f36934d7b05b1u = root_b5a9a3f5040540948313f36934d7b05b1s.firstChild, element_b5a9a3f5040540948313f36934d7b05b1v = element_b5a9a3f5040540948313f36934d7b05b1u.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b1w = { "class": "counter" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b1u, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b1w);
-        new template_b5a9a3f5040540948313f36934d7b05b1.EffectSlot(element_b5a9a3f5040540948313f36934d7b05b1v, () => {
+        let root_767c0c17891c439fbbf0bdc72f24ab6c1z = template_767c0c17891c439fbbf0bdc72f24ab6c20(), element_767c0c17891c439fbbf0bdc72f24ab6c21 = root_767c0c17891c439fbbf0bdc72f24ab6c1z.firstChild, element_767c0c17891c439fbbf0bdc72f24ab6c22 = element_767c0c17891c439fbbf0bdc72f24ab6c21.firstChild, attributes_767c0c17891c439fbbf0bdc72f24ab6c23 = { "class": "counter" };
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c21, omit(attributes, OMIT), attributes_767c0c17891c439fbbf0bdc72f24ab6c23);
+        new template_767c0c17891c439fbbf0bdc72f24ab6c1.EffectSlot(element_767c0c17891c439fbbf0bdc72f24ab6c22, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_b5a9a3f5040540948313f36934d7b05b1.ArraySlot(render, function (value) {
+            return new template_767c0c17891c439fbbf0bdc72f24ab6c1.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_b5a9a3f5040540948313f36934d7b05b1h = template_b5a9a3f5040540948313f36934d7b05b1i(), element_b5a9a3f5040540948313f36934d7b05b1j = root_b5a9a3f5040540948313f36934d7b05b1h.firstChild.firstChild;
-                        template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b1j, value);
-                        return root_b5a9a3f5040540948313f36934d7b05b1h;
+                        let root_767c0c17891c439fbbf0bdc72f24ab6c1o = template_767c0c17891c439fbbf0bdc72f24ab6c1p(), element_767c0c17891c439fbbf0bdc72f24ab6c1q = root_767c0c17891c439fbbf0bdc72f24ab6c1o.firstChild.firstChild;
+                        template_767c0c17891c439fbbf0bdc72f24ab6c1.slot(element_767c0c17891c439fbbf0bdc72f24ab6c1q, value);
+                        return root_767c0c17891c439fbbf0bdc72f24ab6c1o;
                     })();
                 }
                 return (() => {
-                    let root_b5a9a3f5040540948313f36934d7b05b1n = template_b5a9a3f5040540948313f36934d7b05b1o(), element_b5a9a3f5040540948313f36934d7b05b1p = root_b5a9a3f5040540948313f36934d7b05b1n.firstChild.firstElementChild, element_b5a9a3f5040540948313f36934d7b05b1q = element_b5a9a3f5040540948313f36934d7b05b1p.firstChild.nextSibling, attributes_b5a9a3f5040540948313f36934d7b05b1r = { "class": "counter-character-track", "style": "" };
-                    template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b1p, 'style', `--value: ${value}`, attributes_b5a9a3f5040540948313f36934d7b05b1r);
-                    template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b1q, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_b5a9a3f5040540948313f36934d7b05b1k = template_b5a9a3f5040540948313f36934d7b05b1l(), element_b5a9a3f5040540948313f36934d7b05b1m = root_b5a9a3f5040540948313f36934d7b05b1k.firstChild.firstChild;
-                        template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b1m, value);
-                        return root_b5a9a3f5040540948313f36934d7b05b1k;
+                    let root_767c0c17891c439fbbf0bdc72f24ab6c1u = template_767c0c17891c439fbbf0bdc72f24ab6c1v(), element_767c0c17891c439fbbf0bdc72f24ab6c1w = root_767c0c17891c439fbbf0bdc72f24ab6c1u.firstChild.firstElementChild, element_767c0c17891c439fbbf0bdc72f24ab6c1x = element_767c0c17891c439fbbf0bdc72f24ab6c1w.firstChild.nextSibling, attributes_767c0c17891c439fbbf0bdc72f24ab6c1y = { "class": "counter-character-track", "style": "" };
+                    template_767c0c17891c439fbbf0bdc72f24ab6c1.setList(element_767c0c17891c439fbbf0bdc72f24ab6c1w, 'style', `--value: ${value}`, attributes_767c0c17891c439fbbf0bdc72f24ab6c1y);
+                    template_767c0c17891c439fbbf0bdc72f24ab6c1.slot(element_767c0c17891c439fbbf0bdc72f24ab6c1x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_767c0c17891c439fbbf0bdc72f24ab6c1r = template_767c0c17891c439fbbf0bdc72f24ab6c1s(), element_767c0c17891c439fbbf0bdc72f24ab6c1t = root_767c0c17891c439fbbf0bdc72f24ab6c1r.firstChild.firstChild;
+                        template_767c0c17891c439fbbf0bdc72f24ab6c1.slot(element_767c0c17891c439fbbf0bdc72f24ab6c1t, value);
+                        return root_767c0c17891c439fbbf0bdc72f24ab6c1r;
                     }));
-                    return root_b5a9a3f5040540948313f36934d7b05b1n;
+                    return root_767c0c17891c439fbbf0bdc72f24ab6c1u;
                 })();
             });
         });
-        return root_b5a9a3f5040540948313f36934d7b05b1s;
+        return root_767c0c17891c439fbbf0bdc72f24ab6c1z;
     })();
 };

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/frontend';
+import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: (attributes?: Attributes) => DocumentFragment;
 export default _default;

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
 import './scss/index.scss';
-const template_b5a9a3f5040540948313f36934d7b05b1y = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c25 = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_b5a9a3f5040540948313f36934d7b05b1x = template_b5a9a3f5040540948313f36934d7b05b1y(), element_b5a9a3f5040540948313f36934d7b05b1z = root_b5a9a3f5040540948313f36934d7b05b1x.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b20 = { "class": "ellipsis" };
-    template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b1z, attributes, attributes_b5a9a3f5040540948313f36934d7b05b20);
-    return root_b5a9a3f5040540948313f36934d7b05b1x;
+    let root_767c0c17891c439fbbf0bdc72f24ab6c24 = template_767c0c17891c439fbbf0bdc72f24ab6c25(), element_767c0c17891c439fbbf0bdc72f24ab6c26 = root_767c0c17891c439fbbf0bdc72f24ab6c24.firstChild, attributes_767c0c17891c439fbbf0bdc72f24ab6c27 = { "class": "ellipsis" };
+    template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c26, attributes, attributes_767c0c17891c439fbbf0bdc72f24ab6c27);
+    return root_767c0c17891c439fbbf0bdc72f24ab6c24;
 };

package/build/components/form/action.d.ts

@@ -1,5 +1,5 @@
 import response, { Response } from '@esportsplus/action';
-import { Attributes, Renderable } from '@esportsplus/frontend';
+import { Attributes, Renderable } from '@esportsplus/template';
 type Errors = {
     errors: Response<unknown>['errors'];
 };

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_b5a9a3f5040540948313f36934d7b05b22 = template_b5a9a3f5040540948313f36934d7b05b1.template(`<form class='form'><!--$--></form>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c29 = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<form class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
@@ -29,9 +29,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b21 = template_b5a9a3f5040540948313f36934d7b05b22(), element_b5a9a3f5040540948313f36934d7b05b23 = root_b5a9a3f5040540948313f36934d7b05b21.firstChild, element_b5a9a3f5040540948313f36934d7b05b24 = element_b5a9a3f5040540948313f36934d7b05b23.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b25 = { "class": "form" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b23, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b25);
-        template_b5a9a3f5040540948313f36934d7b05b1.delegate(element_b5a9a3f5040540948313f36934d7b05b23, 'click', function (event) {
+        let root_767c0c17891c439fbbf0bdc72f24ab6c28 = template_767c0c17891c439fbbf0bdc72f24ab6c29(), element_767c0c17891c439fbbf0bdc72f24ab6c2a = root_767c0c17891c439fbbf0bdc72f24ab6c28.firstChild, element_767c0c17891c439fbbf0bdc72f24ab6c2b = element_767c0c17891c439fbbf0bdc72f24ab6c2a.firstChild, attributes_767c0c17891c439fbbf0bdc72f24ab6c2c = { "class": "form" };
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c2a, omit(attributes, OMIT), attributes_767c0c17891c439fbbf0bdc72f24ab6c2c);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.delegate(element_767c0c17891c439fbbf0bdc72f24ab6c2a, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -39,7 +39,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.on(element_b5a9a3f5040540948313f36934d7b05b23, 'submit', async function (event) {
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.on(element_767c0c17891c439fbbf0bdc72f24ab6c2a, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b24, content);
-        return root_b5a9a3f5040540948313f36934d7b05b21;
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.slot(element_767c0c17891c439fbbf0bdc72f24ab6c2b, content);
+        return root_767c0c17891c439fbbf0bdc72f24ab6c28;
     })();
 };

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

@@ -12,14 +12,14 @@ declare const _default: {
         state?: {
             processing: boolean;
         };
-    } & import("@esportsplus/frontend").Attributes, content: import("@esportsplus/frontend").Renderable<any>) => DocumentFragment;
+    } & import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>) => DocumentFragment;
     input: {
-        get: (element?: import("@esportsplus/frontend").Element) => {
+        get: (element?: import("@esportsplus/template").Element) => {
             error: string;
         } | undefined;
         onrender: (reactive: {
             error: string;
-        }) => (element: import("@esportsplus/frontend").Element) => void;
+        }) => (element: import("@esportsplus/template").Element) => void;
     };
 };
 export default _default;

package/build/components/form/input.d.ts

@@ -1,4 +1,4 @@
-import { Element } from '@esportsplus/frontend';
+import { Element } from '@esportsplus/template';
 declare const _default: {
     get: (element?: Element) => {
         error: string;

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

@@ -2,19 +2,19 @@ import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     <T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
-    <T extends import("@esportsplus/frontend").Renderable<any>>(content: T): ReturnType<(this: {
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").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("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
-    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/frontend").Renderable<any>): ReturnType<(this: {
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
         attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
-        content?: import("@esportsplus/frontend").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/frontend").Renderable<any>) => import("@esportsplus/frontend").Renderable<any>>;
+        content?: import("@esportsplus/template").Renderable<any>;
+    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
 };
 export default _default;

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

@@ -1,21 +1,21 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
 import './scss/index.scss';
 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_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
+    <T extends template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
+    <T extends template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
+    (attributes: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>): ReturnType<(this: {
+        attributes?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
 };
 export default _default;

package/build/components/highlight/index.js

@@ -1,9 +1,21 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { reactive } from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
+import * as reactivity_767c0c17891c439fbbf0bdc72f24ab6c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_b5a9a3f5040540948313f36934d7b05b27 = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='highlight'><!--$--></div>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c2f = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<div class='highlight'><!--$--></div>`);
+class ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c2d extends reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.ReactiveObject {
+    #highlight = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.SIGNAL](0);
+    constructor() {
+        super(null);
+    }
+    get highlight() {
+        return reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.read(this.#highlight);
+    }
+    set highlight(_v0) {
+        reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.write(this.#highlight, _v0);
+    }
+}
 const OMIT = ['background'];
 let key = Symbol(), observer = null;
 export default template.factory((attributes, content) => {
@@ -26,21 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = reactive({
-        highlight: 0
-    });
+    let state = new ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c2d();
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b26 = template_b5a9a3f5040540948313f36934d7b05b27(), element_b5a9a3f5040540948313f36934d7b05b28 = root_b5a9a3f5040540948313f36934d7b05b26.firstChild, element_b5a9a3f5040540948313f36934d7b05b29 = element_b5a9a3f5040540948313f36934d7b05b28.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b2a = { "class": "highlight" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b28, omit(attributes, OMIT), attributes_b5a9a3f5040540948313f36934d7b05b2a);
-        template_b5a9a3f5040540948313f36934d7b05b1.onrender(element_b5a9a3f5040540948313f36934d7b05b28, (element) => {
+        let root_767c0c17891c439fbbf0bdc72f24ab6c2e = template_767c0c17891c439fbbf0bdc72f24ab6c2f(), element_767c0c17891c439fbbf0bdc72f24ab6c2g = root_767c0c17891c439fbbf0bdc72f24ab6c2e.firstChild, element_767c0c17891c439fbbf0bdc72f24ab6c2h = element_767c0c17891c439fbbf0bdc72f24ab6c2g.firstChild, attributes_767c0c17891c439fbbf0bdc72f24ab6c2i = { "class": "highlight" };
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c2g, omit(attributes, OMIT), attributes_767c0c17891c439fbbf0bdc72f24ab6c2i);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.onrender(element_767c0c17891c439fbbf0bdc72f24ab6c2g, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b28, 'style', [
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setList(element_767c0c17891c439fbbf0bdc72f24ab6c2g, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_b5a9a3f5040540948313f36934d7b05b2a);
-        template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b29, content);
-        return root_b5a9a3f5040540948313f36934d7b05b26;
+        ], attributes_767c0c17891c439fbbf0bdc72f24ab6c2i);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.slot(element_767c0c17891c439fbbf0bdc72f24ab6c2h, content);
+        return root_767c0c17891c439fbbf0bdc72f24ab6c2e;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { svg } from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
+import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_b5a9a3f5040540948313f36934d7b05b2c = template_b5a9a3f5040540948313f36934d7b05b1.template(`<div class='icon'><!--$--></div>`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c2k = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b2b = template_b5a9a3f5040540948313f36934d7b05b2c(), element_b5a9a3f5040540948313f36934d7b05b2d = root_b5a9a3f5040540948313f36934d7b05b2b.firstChild, element_b5a9a3f5040540948313f36934d7b05b2e = element_b5a9a3f5040540948313f36934d7b05b2d.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b2f = { "class": "icon" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b2d, attributes, attributes_b5a9a3f5040540948313f36934d7b05b2f);
-        template_b5a9a3f5040540948313f36934d7b05b1.slot(element_b5a9a3f5040540948313f36934d7b05b2e, svg.sprite(icon));
-        return root_b5a9a3f5040540948313f36934d7b05b2b;
+        let root_767c0c17891c439fbbf0bdc72f24ab6c2j = template_767c0c17891c439fbbf0bdc72f24ab6c2k(), element_767c0c17891c439fbbf0bdc72f24ab6c2l = root_767c0c17891c439fbbf0bdc72f24ab6c2j.firstChild, element_767c0c17891c439fbbf0bdc72f24ab6c2m = element_767c0c17891c439fbbf0bdc72f24ab6c2l.firstChild, attributes_767c0c17891c439fbbf0bdc72f24ab6c2n = { "class": "icon" };
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c2l, attributes, attributes_767c0c17891c439fbbf0bdc72f24ab6c2n);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.slot(element_767c0c17891c439fbbf0bdc72f24ab6c2m, svg.sprite(icon));
+        return root_767c0c17891c439fbbf0bdc72f24ab6c2j;
     })();
 });

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/frontend';
+import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 export default function (this: {
     attributes?: Attributes;

package/build/components/input/index.js

@@ -1,27 +1,43 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
-import { reactive } from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
+import * as reactivity_767c0c17891c439fbbf0bdc72f24ab6c0 from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_b5a9a3f5040540948313f36934d7b05b2h = template_b5a9a3f5040540948313f36934d7b05b1.template(`<input class='input'  />`);
+const template_767c0c17891c439fbbf0bdc72f24ab6c2q = template_767c0c17891c439fbbf0bdc72f24ab6c1.template(`<input class='input'  />`);
+class ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c2o extends reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.ReactiveObject {
+    #active = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.SIGNAL](false);
+    #error = this[reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.SIGNAL]('');
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.write(this.#active, _v0);
+    }
+    get error() {
+        return reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.read(this.#error);
+    }
+    set error(_v1) {
+        reactivity_767c0c17891c439fbbf0bdc72f24ab6c0.write(this.#error, _v1);
+    }
+}
 export default function (attributes) {
-    let state = attributes.state || reactive({
-        active: false,
-        error: ''
-    });
+    let state = attributes.state || new ReactiveObject_767c0c17891c439fbbf0bdc72f24ab6c2o();
     return (() => {
-        let root_b5a9a3f5040540948313f36934d7b05b2g = template_b5a9a3f5040540948313f36934d7b05b2h(), element_b5a9a3f5040540948313f36934d7b05b2i = root_b5a9a3f5040540948313f36934d7b05b2g.firstChild, attributes_b5a9a3f5040540948313f36934d7b05b2j = { "class": "input" };
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b2i, this?.attributes, attributes_b5a9a3f5040540948313f36934d7b05b2j);
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperties(element_b5a9a3f5040540948313f36934d7b05b2i, attributes, attributes_b5a9a3f5040540948313f36934d7b05b2j);
-        template_b5a9a3f5040540948313f36934d7b05b1.setList(element_b5a9a3f5040540948313f36934d7b05b2i, 'class', () => state.active && '--active', attributes_b5a9a3f5040540948313f36934d7b05b2j);
-        template_b5a9a3f5040540948313f36934d7b05b1.on(element_b5a9a3f5040540948313f36934d7b05b2i, 'focusin', () => {
+        let root_767c0c17891c439fbbf0bdc72f24ab6c2p = template_767c0c17891c439fbbf0bdc72f24ab6c2q(), element_767c0c17891c439fbbf0bdc72f24ab6c2r = root_767c0c17891c439fbbf0bdc72f24ab6c2p.firstChild, attributes_767c0c17891c439fbbf0bdc72f24ab6c2s = { "class": "input" };
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c2r, this?.attributes, attributes_767c0c17891c439fbbf0bdc72f24ab6c2s);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperties(element_767c0c17891c439fbbf0bdc72f24ab6c2r, attributes, attributes_767c0c17891c439fbbf0bdc72f24ab6c2s);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setList(element_767c0c17891c439fbbf0bdc72f24ab6c2r, 'class', () => state.active && '--active', attributes_767c0c17891c439fbbf0bdc72f24ab6c2s);
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.on(element_767c0c17891c439fbbf0bdc72f24ab6c2r, 'focusin', () => {
             state.active = true;
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.on(element_b5a9a3f5040540948313f36934d7b05b2i, 'focusout', () => {
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.on(element_767c0c17891c439fbbf0bdc72f24ab6c2r, 'focusout', () => {
             state.active = false;
         });
-        template_b5a9a3f5040540948313f36934d7b05b1.onrender(element_b5a9a3f5040540948313f36934d7b05b2i, form.input.onrender(state));
-        template_b5a9a3f5040540948313f36934d7b05b1.setProperty(element_b5a9a3f5040540948313f36934d7b05b2i, 'type', (attributes.type || 'text'));
-        return root_b5a9a3f5040540948313f36934d7b05b2g;
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.onrender(element_767c0c17891c439fbbf0bdc72f24ab6c2r, form.input.onrender(state));
+        template_767c0c17891c439fbbf0bdc72f24ab6c1.setProperty(element_767c0c17891c439fbbf0bdc72f24ab6c2r, 'type', (attributes.type || 'text'));
+        return root_767c0c17891c439fbbf0bdc72f24ab6c2p;
     })();
 }
 ;

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

@@ -1,21 +1,21 @@
-import * as template_b5a9a3f5040540948313f36934d7b05b1 from '@esportsplus/frontend';
+import * as template_767c0c17891c439fbbf0bdc72f24ab6c1 from '@esportsplus/template';
 import './scss/index.scss';
 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_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
+    <T extends template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
+    <T extends template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
+    (attributes: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>): ReturnType<(this: {
+        attributes?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes | undefined;
+        content?: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>;
+    }, attributes: Readonly<template_767c0c17891c439fbbf0bdc72f24ab6c1.Attributes>, content: template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>) => template_767c0c17891c439fbbf0bdc72f24ab6c1.Renderable<any>>;
 };
 export default _default;