@esportsplus/ui 0.50.11 → 0.50.13

package/build/components/checkbox/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.checkbox{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:var(--border-radius-300);--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--height:var(--size);--margin-horizontal:calc(var(--width-switch) - var(--width));--opacity:var(--opacity-default);--opacity-active:var(--opacity-default);--opacity-default:1;--opacity-hover:var(--opacity-default);--opacity-pressed:var(--opacity-default);--rotate:45deg;--scale:var(--scale-default);--scale-active:1;--scale-default:0;--scale-hover:1.08;--scale-pressed:.98;--size:var(--size-600);--width:var(--height);--width-switch:40px}.checkbox:before{--border-width:5px;--box-shadow:1px 1px 0 #00000029;--height:110%;--translateX:108%;--translateY:8%;--width:50%}.field:not(.--active):not(:hover) .checkbox:before{--translateY:100%}.checkbox label:not(.--active):not(.--active):hover,.checkbox:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--opacity:var(--opacity-hover);--scale:var(--scale-hover)}.checkbox label:not(.--active):not(.--active):active,.checkbox:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--opacity:var(--opacity-pressed);--scale:var(--scale-pressed)}.checkbox.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--opacity:var(--opacity-active);--scale:var(--scale-active)}.checkbox{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);position:relative}.checkbox:invalid,.checkbox:required{box-shadow:none}.checkbox:before{border-bottom:var(--border-width)solid var(--accent);border-right:var(--border-width)solid var(--accent);box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX),var(--translateY))rotate(var(--rotate))scale(var(--scale));transform-origin:bottom;width:var(--width);position:absolute;bottom:50%;right:92%}.checkbox-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
+@layer components {.checkbox{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:var(--border-radius-300);--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--height:var(--size);--margin-horizontal:calc(var(--width-switch) - var(--width));--opacity:var(--opacity-default);--opacity-active:var(--opacity-default);--opacity-default:1;--opacity-hover:var(--opacity-default);--opacity-pressed:var(--opacity-default);--rotate:45deg;--scale:var(--scale-default);--scale-active:1;--scale-default:0;--scale-hover:1.08;--scale-pressed:.98;--size:var(--size-600);--width:var(--height);--width-switch:40px}.checkbox:before{--border-width:5px;--box-shadow:1px 1px 0 #00000029;--height:110%;--translateX:108%;--translateY:8%;--width:50%}.checkbox:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--opacity:var(--opacity-hover);--scale:var(--scale-hover)}.checkbox:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--opacity:var(--opacity-pressed);--scale:var(--scale-pressed)}.checkbox.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--opacity:var(--opacity-active);--scale:var(--scale-active)}.checkbox.--active:before{--translateY:100%}.checkbox{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);position:relative}.checkbox:invalid,.checkbox:required{box-shadow:none}.checkbox:before{border-bottom:var(--border-width)solid var(--accent);border-right:var(--border-width)solid var(--accent);box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX),var(--translateY))rotate(var(--rotate))scale(var(--scale));transform-origin:bottom;width:var(--width);position:absolute;bottom:50%;right:92%}.checkbox-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
 /*$vite$:1*/

package/build/components/clipboard/onclick.js

@@ -1,28 +1,28 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
-import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_395fa766de714d01a2177bd6e730518f1i = template_395fa766de714d01a2177bd6e730518f1.template(`<div><!--$--></div>`);
-class ReactiveObject_395fa766de714d01a2177bd6e730518f1g extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #copied = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
+const template_8d320e78acc84a40aecd0d8b5125cc231i = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div><!--$--></div>`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc231g extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #copied = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
     constructor() {
         super(null);
     }
     get copied() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#copied);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#copied);
     }
     set copied(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#copied, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#copied, _v0);
     }
 }
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_395fa766de714d01a2177bd6e730518f1g(), timeout = attributes.timeout || 1000 * 2;
+    let state = new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc231g(), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f1h = template_395fa766de714d01a2177bd6e730518f1i(), element_395fa766de714d01a2177bd6e730518f1j = root_395fa766de714d01a2177bd6e730518f1h.firstChild, element_395fa766de714d01a2177bd6e730518f1k = element_395fa766de714d01a2177bd6e730518f1j.firstChild, attributes_395fa766de714d01a2177bd6e730518f1l = {};
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f1j, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f1l);
-        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f1j, 'click', (e) => {
+        let root_8d320e78acc84a40aecd0d8b5125cc231h = template_8d320e78acc84a40aecd0d8b5125cc231i(), element_8d320e78acc84a40aecd0d8b5125cc231j = root_8d320e78acc84a40aecd0d8b5125cc231h.firstChild, element_8d320e78acc84a40aecd0d8b5125cc231k = element_8d320e78acc84a40aecd0d8b5125cc231j.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc231l = {};
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc231j, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc231l);
+        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc231j, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -32,7 +32,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518f1k, () => content(state));
-        return root_395fa766de714d01a2177bd6e730518f1h;
+        new template_8d320e78acc84a40aecd0d8b5125cc231.EffectSlot(element_8d320e78acc84a40aecd0d8b5125cc231k, () => content(state));
+        return root_8d320e78acc84a40aecd0d8b5125cc231h;
     })();
 });

package/build/components/counter/index.js

@@ -1,41 +1,41 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
-import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_395fa766de714d01a2177bd6e730518f1p = template_395fa766de714d01a2177bd6e730518f1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_395fa766de714d01a2177bd6e730518f1s = template_395fa766de714d01a2177bd6e730518f1.template(`<span><!--$--></span>`);
-const template_395fa766de714d01a2177bd6e730518f1v = template_395fa766de714d01a2177bd6e730518f1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_395fa766de714d01a2177bd6e730518f20 = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='counter'><!--$--></div>`);
-class ReactiveObject_395fa766de714d01a2177bd6e730518f1m extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #value = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](-1);
+const template_8d320e78acc84a40aecd0d8b5125cc231p = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_8d320e78acc84a40aecd0d8b5125cc231s = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<span><!--$--></span>`);
+const template_8d320e78acc84a40aecd0d8b5125cc231v = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_8d320e78acc84a40aecd0d8b5125cc2320 = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='counter'><!--$--></div>`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc231m extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #value = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](-1);
     constructor() {
         super(null);
     }
     get value() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#value);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#value);
     }
     set value(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#value, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#value, _v0);
     }
 }
-class ReactiveObject_395fa766de714d01a2177bd6e730518f1n extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #length = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](0);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc231n extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #length = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](0);
     #test;
     #render;
     constructor(_p0, _p1) {
         super(null);
-        this.#test = this[reactivity_395fa766de714d01a2177bd6e730518f0.COMPUTED](_p0);
-        this.#render = this[reactivity_395fa766de714d01a2177bd6e730518f0.REACTIVE_ARRAY](_p1);
+        this.#test = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.COMPUTED](_p0);
+        this.#render = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.REACTIVE_ARRAY](_p1);
     }
     get length() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#length);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#length);
     }
     set length(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#length, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#length, _v0);
     }
     get test() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#test);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#test);
     }
     get render() {
         return this.#render;
@@ -44,12 +44,12 @@ class ReactiveObject_395fa766de714d01a2177bd6e730518f1n extends reactivity_395fa
 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 || new ReactiveObject_395fa766de714d01a2177bd6e730518f1m(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc231m(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_395fa766de714d01a2177bd6e730518f1n(() => 'sds', []), render = new reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveArray();
+        }), rendering = true, state = new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc231n(() => 'sds', []), render = new reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -84,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f1z = template_395fa766de714d01a2177bd6e730518f20(), element_395fa766de714d01a2177bd6e730518f21 = root_395fa766de714d01a2177bd6e730518f1z.firstChild, element_395fa766de714d01a2177bd6e730518f22 = element_395fa766de714d01a2177bd6e730518f21.firstChild, attributes_395fa766de714d01a2177bd6e730518f23 = { "class": "counter" };
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f21, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f23);
-        new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518f22, () => {
+        let root_8d320e78acc84a40aecd0d8b5125cc231z = template_8d320e78acc84a40aecd0d8b5125cc2320(), element_8d320e78acc84a40aecd0d8b5125cc2321 = root_8d320e78acc84a40aecd0d8b5125cc231z.firstChild, element_8d320e78acc84a40aecd0d8b5125cc2322 = element_8d320e78acc84a40aecd0d8b5125cc2321.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc2323 = { "class": "counter" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2321, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc2323);
+        new template_8d320e78acc84a40aecd0d8b5125cc231.EffectSlot(element_8d320e78acc84a40aecd0d8b5125cc2322, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_395fa766de714d01a2177bd6e730518f1.ArraySlot(render, function (value) {
+            return new template_8d320e78acc84a40aecd0d8b5125cc231.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_395fa766de714d01a2177bd6e730518f1o = template_395fa766de714d01a2177bd6e730518f1p(), element_395fa766de714d01a2177bd6e730518f1q = root_395fa766de714d01a2177bd6e730518f1o.firstChild.firstChild;
-                        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f1q, value);
-                        return root_395fa766de714d01a2177bd6e730518f1o;
+                        let root_8d320e78acc84a40aecd0d8b5125cc231o = template_8d320e78acc84a40aecd0d8b5125cc231p(), element_8d320e78acc84a40aecd0d8b5125cc231q = root_8d320e78acc84a40aecd0d8b5125cc231o.firstChild.firstChild;
+                        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc231q, value);
+                        return root_8d320e78acc84a40aecd0d8b5125cc231o;
                     })();
                 }
                 return (() => {
-                    let root_395fa766de714d01a2177bd6e730518f1u = template_395fa766de714d01a2177bd6e730518f1v(), element_395fa766de714d01a2177bd6e730518f1w = root_395fa766de714d01a2177bd6e730518f1u.firstChild.firstElementChild, element_395fa766de714d01a2177bd6e730518f1x = element_395fa766de714d01a2177bd6e730518f1w.firstChild.nextSibling, attributes_395fa766de714d01a2177bd6e730518f1y = { "class": "counter-character-track", "style": "" };
-                    template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f1w, 'style', `--value: ${value}`, attributes_395fa766de714d01a2177bd6e730518f1y);
-                    template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f1x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_395fa766de714d01a2177bd6e730518f1r = template_395fa766de714d01a2177bd6e730518f1s(), element_395fa766de714d01a2177bd6e730518f1t = root_395fa766de714d01a2177bd6e730518f1r.firstChild.firstChild;
-                        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f1t, value);
-                        return root_395fa766de714d01a2177bd6e730518f1r;
+                    let root_8d320e78acc84a40aecd0d8b5125cc231u = template_8d320e78acc84a40aecd0d8b5125cc231v(), element_8d320e78acc84a40aecd0d8b5125cc231w = root_8d320e78acc84a40aecd0d8b5125cc231u.firstChild.firstElementChild, element_8d320e78acc84a40aecd0d8b5125cc231x = element_8d320e78acc84a40aecd0d8b5125cc231w.firstChild.nextSibling, attributes_8d320e78acc84a40aecd0d8b5125cc231y = { "class": "counter-character-track", "style": "" };
+                    template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc231w, 'style', `--value: ${value}`, attributes_8d320e78acc84a40aecd0d8b5125cc231y);
+                    template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc231x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_8d320e78acc84a40aecd0d8b5125cc231r = template_8d320e78acc84a40aecd0d8b5125cc231s(), element_8d320e78acc84a40aecd0d8b5125cc231t = root_8d320e78acc84a40aecd0d8b5125cc231r.firstChild.firstChild;
+                        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc231t, value);
+                        return root_8d320e78acc84a40aecd0d8b5125cc231r;
                     }));
-                    return root_395fa766de714d01a2177bd6e730518f1u;
+                    return root_8d320e78acc84a40aecd0d8b5125cc231u;
                 })();
             });
         });
-        return root_395fa766de714d01a2177bd6e730518f1z;
+        return root_8d320e78acc84a40aecd0d8b5125cc231z;
     })();
 };

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
 import './scss/index.scss';
-const template_395fa766de714d01a2177bd6e730518f25 = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_8d320e78acc84a40aecd0d8b5125cc2325 = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_395fa766de714d01a2177bd6e730518f24 = template_395fa766de714d01a2177bd6e730518f25(), element_395fa766de714d01a2177bd6e730518f26 = root_395fa766de714d01a2177bd6e730518f24.firstChild, attributes_395fa766de714d01a2177bd6e730518f27 = { "class": "ellipsis" };
-    template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f26, attributes, attributes_395fa766de714d01a2177bd6e730518f27);
-    return root_395fa766de714d01a2177bd6e730518f24;
+    let root_8d320e78acc84a40aecd0d8b5125cc2324 = template_8d320e78acc84a40aecd0d8b5125cc2325(), element_8d320e78acc84a40aecd0d8b5125cc2326 = root_8d320e78acc84a40aecd0d8b5125cc2324.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc2327 = { "class": "ellipsis" };
+    template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2326, attributes, attributes_8d320e78acc84a40aecd0d8b5125cc2327);
+    return root_8d320e78acc84a40aecd0d8b5125cc2324;
 };

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_395fa766de714d01a2177bd6e730518f29 = template_395fa766de714d01a2177bd6e730518f1.template(`<form class='form'><!--$--></form>`);
+const template_8d320e78acc84a40aecd0d8b5125cc2329 = template_8d320e78acc84a40aecd0d8b5125cc231.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_395fa766de714d01a2177bd6e730518f28 = template_395fa766de714d01a2177bd6e730518f29(), element_395fa766de714d01a2177bd6e730518f2a = root_395fa766de714d01a2177bd6e730518f28.firstChild, element_395fa766de714d01a2177bd6e730518f2b = element_395fa766de714d01a2177bd6e730518f2a.firstChild, attributes_395fa766de714d01a2177bd6e730518f2c = { "class": "form" };
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2a, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f2c);
-        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f2a, 'click', function (event) {
+        let root_8d320e78acc84a40aecd0d8b5125cc2328 = template_8d320e78acc84a40aecd0d8b5125cc2329(), element_8d320e78acc84a40aecd0d8b5125cc232a = root_8d320e78acc84a40aecd0d8b5125cc2328.firstChild, element_8d320e78acc84a40aecd0d8b5125cc232b = element_8d320e78acc84a40aecd0d8b5125cc232a.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc232c = { "class": "form" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc232a, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc232c);
+        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc232a, '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_395fa766de714d01a2177bd6e730518f1.on(element_395fa766de714d01a2177bd6e730518f2a, 'submit', async function (event) {
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc232a, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f2b, content);
-        return root_395fa766de714d01a2177bd6e730518f28;
+        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc232b, content);
+        return root_8d320e78acc84a40aecd0d8b5125cc2328;
     })();
 };

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

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

package/build/components/highlight/index.js

@@ -1,19 +1,19 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
-import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_395fa766de714d01a2177bd6e730518f2f = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='highlight'><!--$--></div>`);
-class ReactiveObject_395fa766de714d01a2177bd6e730518f2d extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #highlight = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](0);
+const template_8d320e78acc84a40aecd0d8b5125cc232f = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='highlight'><!--$--></div>`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232d extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #highlight = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](0);
     constructor() {
         super(null);
     }
     get highlight() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#highlight);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#highlight);
     }
     set highlight(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#highlight, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#highlight, _v0);
     }
 }
 const OMIT = ['background'];
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_395fa766de714d01a2177bd6e730518f2d();
+    let state = new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232d();
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f2e = template_395fa766de714d01a2177bd6e730518f2f(), element_395fa766de714d01a2177bd6e730518f2g = root_395fa766de714d01a2177bd6e730518f2e.firstChild, element_395fa766de714d01a2177bd6e730518f2h = element_395fa766de714d01a2177bd6e730518f2g.firstChild, attributes_395fa766de714d01a2177bd6e730518f2i = { "class": "highlight" };
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2g, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f2i);
-        template_395fa766de714d01a2177bd6e730518f1.onrender(element_395fa766de714d01a2177bd6e730518f2g, (element) => {
+        let root_8d320e78acc84a40aecd0d8b5125cc232e = template_8d320e78acc84a40aecd0d8b5125cc232f(), element_8d320e78acc84a40aecd0d8b5125cc232g = root_8d320e78acc84a40aecd0d8b5125cc232e.firstChild, element_8d320e78acc84a40aecd0d8b5125cc232h = element_8d320e78acc84a40aecd0d8b5125cc232g.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc232i = { "class": "highlight" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc232g, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc232i);
+        template_8d320e78acc84a40aecd0d8b5125cc231.onrender(element_8d320e78acc84a40aecd0d8b5125cc232g, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f2g, 'style', [
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc232g, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_395fa766de714d01a2177bd6e730518f2i);
-        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f2h, content);
-        return root_395fa766de714d01a2177bd6e730518f2e;
+        ], attributes_8d320e78acc84a40aecd0d8b5125cc232i);
+        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc232h, content);
+        return root_8d320e78acc84a40aecd0d8b5125cc232e;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_395fa766de714d01a2177bd6e730518f2k = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='icon'><!--$--></div>`);
+const template_8d320e78acc84a40aecd0d8b5125cc232k = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f2j = template_395fa766de714d01a2177bd6e730518f2k(), element_395fa766de714d01a2177bd6e730518f2l = root_395fa766de714d01a2177bd6e730518f2j.firstChild, element_395fa766de714d01a2177bd6e730518f2m = element_395fa766de714d01a2177bd6e730518f2l.firstChild, attributes_395fa766de714d01a2177bd6e730518f2n = { "class": "icon" };
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2l, attributes, attributes_395fa766de714d01a2177bd6e730518f2n);
-        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f2m, svg.sprite(icon));
-        return root_395fa766de714d01a2177bd6e730518f2j;
+        let root_8d320e78acc84a40aecd0d8b5125cc232j = template_8d320e78acc84a40aecd0d8b5125cc232k(), element_8d320e78acc84a40aecd0d8b5125cc232l = root_8d320e78acc84a40aecd0d8b5125cc232j.firstChild, element_8d320e78acc84a40aecd0d8b5125cc232m = element_8d320e78acc84a40aecd0d8b5125cc232l.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc232n = { "class": "icon" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc232l, attributes, attributes_8d320e78acc84a40aecd0d8b5125cc232n);
+        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc232m, svg.sprite(icon));
+        return root_8d320e78acc84a40aecd0d8b5125cc232j;
     })();
 });

package/build/components/input/index.js

@@ -1,43 +1,43 @@
-import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
-import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_395fa766de714d01a2177bd6e730518f2q = template_395fa766de714d01a2177bd6e730518f1.template(`<input class='input'  />`);
-class ReactiveObject_395fa766de714d01a2177bd6e730518f2o extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
-    #active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
-    #error = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL]('');
+const template_8d320e78acc84a40aecd0d8b5125cc232q = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<input class='input'  />`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232o extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #active = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+    #error = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#active);
     }
     set active(_v0) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#error);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#error);
     }
     set error(_v1) {
-        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#error, _v1);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#error, _v1);
     }
 }
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_395fa766de714d01a2177bd6e730518f2o();
+    let state = attributes.state || new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232o();
     return (() => {
-        let root_395fa766de714d01a2177bd6e730518f2p = template_395fa766de714d01a2177bd6e730518f2q(), element_395fa766de714d01a2177bd6e730518f2r = root_395fa766de714d01a2177bd6e730518f2p.firstChild, attributes_395fa766de714d01a2177bd6e730518f2s = { "class": "input" };
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2r, this?.attributes, attributes_395fa766de714d01a2177bd6e730518f2s);
-        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f2r, attributes, attributes_395fa766de714d01a2177bd6e730518f2s);
-        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f2r, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518f2s);
-        template_395fa766de714d01a2177bd6e730518f1.on(element_395fa766de714d01a2177bd6e730518f2r, 'focusin', () => {
+        let root_8d320e78acc84a40aecd0d8b5125cc232p = template_8d320e78acc84a40aecd0d8b5125cc232q(), element_8d320e78acc84a40aecd0d8b5125cc232r = root_8d320e78acc84a40aecd0d8b5125cc232p.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc232s = { "class": "input" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc232r, this?.attributes, attributes_8d320e78acc84a40aecd0d8b5125cc232s);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc232r, attributes, attributes_8d320e78acc84a40aecd0d8b5125cc232s);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc232r, 'class', () => state.active && '--active', attributes_8d320e78acc84a40aecd0d8b5125cc232s);
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc232r, 'focusin', () => {
             state.active = true;
         });
-        template_395fa766de714d01a2177bd6e730518f1.on(element_395fa766de714d01a2177bd6e730518f2r, 'focusout', () => {
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc232r, 'focusout', () => {
             state.active = false;
         });
-        template_395fa766de714d01a2177bd6e730518f1.onrender(element_395fa766de714d01a2177bd6e730518f2r, form.input.onrender(state));
-        template_395fa766de714d01a2177bd6e730518f1.setProperty(element_395fa766de714d01a2177bd6e730518f2r, 'type', (attributes.type || 'text'));
-        return root_395fa766de714d01a2177bd6e730518f2p;
+        template_8d320e78acc84a40aecd0d8b5125cc231.onrender(element_8d320e78acc84a40aecd0d8b5125cc232r, form.input.onrender(state));
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc232r, 'type', (attributes.type || 'text'));
+        return root_8d320e78acc84a40aecd0d8b5125cc232p;
     })();
 }
 ;

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

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