@esportsplus/ui 0.47.2 → 0.48.0

package/build/components/clipboard/onclick.js

@@ -1,28 +1,18 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_a6aeaec5a75649bd8ec693d5230c500018 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div><!--$--></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c500016 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #copied = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get copied() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#copied);
-    }
-    set copied(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#copied, _v0);
-    }
-}
+const template_ed8f776bb07a460eadcbcfe445975fdf13 = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div><!--$--></div>`);
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c500016(), timeout = attributes.timeout || 1000 * 2;
+    let state = reactive({
+        copied: false
+    }), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c500017 = template_a6aeaec5a75649bd8ec693d5230c500018(), element_a6aeaec5a75649bd8ec693d5230c500019 = root_a6aeaec5a75649bd8ec693d5230c500017.firstChild, element_a6aeaec5a75649bd8ec693d5230c50001a = element_a6aeaec5a75649bd8ec693d5230c500019.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500019, omit(attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c500019, 'click', (e) => {
+        let root_ed8f776bb07a460eadcbcfe445975fdf12 = template_ed8f776bb07a460eadcbcfe445975fdf13(), element_ed8f776bb07a460eadcbcfe445975fdf14 = root_ed8f776bb07a460eadcbcfe445975fdf12.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf15 = element_ed8f776bb07a460eadcbcfe445975fdf14.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf14, omit(attributes, OMIT));
+        template_ed8f776bb07a460eadcbcfe445975fdf1.delegate(element_ed8f776bb07a460eadcbcfe445975fdf14, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -32,7 +22,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c50001a, () => content(state));
-        return root_a6aeaec5a75649bd8ec693d5230c500017;
+        new template_ed8f776bb07a460eadcbcfe445975fdf1.EffectSlot(element_ed8f776bb07a460eadcbcfe445975fdf15, () => content(state));
+        return root_ed8f776bb07a460eadcbcfe445975fdf12;
     })();
 });

package/build/components/counter/index.js

@@ -1,55 +1,24 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import { effect } from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
+import { effect, reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c50001e = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_a6aeaec5a75649bd8ec693d5230c50001h = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<span><!--$--></span>`);
-const template_a6aeaec5a75649bd8ec693d5230c50001k = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_a6aeaec5a75649bd8ec693d5230c50001o = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='counter'><!--$--></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001b extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #value = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](-1);
-    constructor() {
-        super(null);
-    }
-    get value() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#value);
-    }
-    set value(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#value, _v0);
-    }
-}
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001c extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #length = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
-    #test;
-    #render;
-    constructor(_p0, _p1) {
-        super(null);
-        this.#test = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.COMPUTED](_p0);
-        this.#render = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.REACTIVE_ARRAY](_p1);
-    }
-    get length() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#length);
-    }
-    set length(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#length, _v0);
-    }
-    get test() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#test);
-    }
-    get render() {
-        return this.#render;
-    }
-}
+const template_ed8f776bb07a460eadcbcfe445975fdf17 = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_ed8f776bb07a460eadcbcfe445975fdf1a = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<span><!--$--></span>`);
+const template_ed8f776bb07a460eadcbcfe445975fdf1d = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_ed8f776bb07a460eadcbcfe445975fdf1h = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div class='counter'><!--$--></div>`);
 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_a6aeaec5a75649bd8ec693d5230c50001b(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || reactive({ value: -1 }), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001c(() => 'sds', []), render = new reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveArray();
+        }), rendering = true, state = reactive({
+        length: 0,
+        test: () => 'sds',
+        render: []
+    }), render = reactive([]);
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -76,7 +45,7 @@ export default (attributes) => {
                 padding--;
                 value = '0';
             }
-            render.$set(i, value);
+            render[i] = value;
         }
         if (rendering === true) {
             rendering = false;
@@ -84,33 +53,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50001n = template_a6aeaec5a75649bd8ec693d5230c50001o(), element_a6aeaec5a75649bd8ec693d5230c50001p = root_a6aeaec5a75649bd8ec693d5230c50001n.firstChild, element_a6aeaec5a75649bd8ec693d5230c50001q = element_a6aeaec5a75649bd8ec693d5230c50001p.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50001p, omit(attributes, OMIT));
-        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c50001q, () => {
+        let root_ed8f776bb07a460eadcbcfe445975fdf1g = template_ed8f776bb07a460eadcbcfe445975fdf1h(), element_ed8f776bb07a460eadcbcfe445975fdf1i = root_ed8f776bb07a460eadcbcfe445975fdf1g.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf1j = element_ed8f776bb07a460eadcbcfe445975fdf1i.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf1i, omit(attributes, OMIT));
+        new template_ed8f776bb07a460eadcbcfe445975fdf1.EffectSlot(element_ed8f776bb07a460eadcbcfe445975fdf1j, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_a6aeaec5a75649bd8ec693d5230c50001.ArraySlot(render, function (value) {
+            return new template_ed8f776bb07a460eadcbcfe445975fdf1.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_a6aeaec5a75649bd8ec693d5230c50001d = template_a6aeaec5a75649bd8ec693d5230c50001e(), element_a6aeaec5a75649bd8ec693d5230c50001f = root_a6aeaec5a75649bd8ec693d5230c50001d.firstChild.firstChild;
-                        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001f, value);
-                        return root_a6aeaec5a75649bd8ec693d5230c50001d;
+                        let root_ed8f776bb07a460eadcbcfe445975fdf16 = template_ed8f776bb07a460eadcbcfe445975fdf17(), element_ed8f776bb07a460eadcbcfe445975fdf18 = root_ed8f776bb07a460eadcbcfe445975fdf16.firstChild.firstChild;
+                        template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf18, value);
+                        return root_ed8f776bb07a460eadcbcfe445975fdf16;
                     })();
                 }
                 return (() => {
-                    let root_a6aeaec5a75649bd8ec693d5230c50001j = template_a6aeaec5a75649bd8ec693d5230c50001k(), element_a6aeaec5a75649bd8ec693d5230c50001l = root_a6aeaec5a75649bd8ec693d5230c50001j.firstChild.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c50001m = element_a6aeaec5a75649bd8ec693d5230c50001l.firstChild.nextSibling;
-                    template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c50001l, ';', `--value: ${value}`);
-                    template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001m, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_a6aeaec5a75649bd8ec693d5230c50001g = template_a6aeaec5a75649bd8ec693d5230c50001h(), element_a6aeaec5a75649bd8ec693d5230c50001i = root_a6aeaec5a75649bd8ec693d5230c50001g.firstChild.firstChild;
-                        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001i, value);
-                        return root_a6aeaec5a75649bd8ec693d5230c50001g;
+                    let root_ed8f776bb07a460eadcbcfe445975fdf1c = template_ed8f776bb07a460eadcbcfe445975fdf1d(), element_ed8f776bb07a460eadcbcfe445975fdf1e = root_ed8f776bb07a460eadcbcfe445975fdf1c.firstChild.firstElementChild, element_ed8f776bb07a460eadcbcfe445975fdf1f = element_ed8f776bb07a460eadcbcfe445975fdf1e.firstChild.nextSibling;
+                    template_ed8f776bb07a460eadcbcfe445975fdf1.setStyle(element_ed8f776bb07a460eadcbcfe445975fdf1e, ';', `--value: ${value}`);
+                    template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf1f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_ed8f776bb07a460eadcbcfe445975fdf19 = template_ed8f776bb07a460eadcbcfe445975fdf1a(), element_ed8f776bb07a460eadcbcfe445975fdf1b = root_ed8f776bb07a460eadcbcfe445975fdf19.firstChild.firstChild;
+                        template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf1b, value);
+                        return root_ed8f776bb07a460eadcbcfe445975fdf19;
                     }));
-                    return root_a6aeaec5a75649bd8ec693d5230c50001j;
+                    return root_ed8f776bb07a460eadcbcfe445975fdf1c;
                 })();
             });
         });
-        return root_a6aeaec5a75649bd8ec693d5230c50001n;
+        return root_ed8f776bb07a460eadcbcfe445975fdf1g;
     })();
 };

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c50001s = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_ed8f776bb07a460eadcbcfe445975fdf1l = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_a6aeaec5a75649bd8ec693d5230c50001r = template_a6aeaec5a75649bd8ec693d5230c50001s(), element_a6aeaec5a75649bd8ec693d5230c50001t = root_a6aeaec5a75649bd8ec693d5230c50001r.firstChild;
-    template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50001t, attributes);
-    return root_a6aeaec5a75649bd8ec693d5230c50001r;
+    let root_ed8f776bb07a460eadcbcfe445975fdf1k = template_ed8f776bb07a460eadcbcfe445975fdf1l(), element_ed8f776bb07a460eadcbcfe445975fdf1m = root_ed8f776bb07a460eadcbcfe445975fdf1k.firstChild;
+    template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf1m, attributes);
+    return root_ed8f776bb07a460eadcbcfe445975fdf1k;
 };

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_a6aeaec5a75649bd8ec693d5230c50001v = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<form
+const template_ed8f776bb07a460eadcbcfe445975fdf1o = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<form
  class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
@@ -30,9 +30,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50001u = template_a6aeaec5a75649bd8ec693d5230c50001v(), element_a6aeaec5a75649bd8ec693d5230c50001w = root_a6aeaec5a75649bd8ec693d5230c50001u.firstChild, element_a6aeaec5a75649bd8ec693d5230c50001x = element_a6aeaec5a75649bd8ec693d5230c50001w.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50001w, omit(attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c50001w, 'click', function (event) {
+        let root_ed8f776bb07a460eadcbcfe445975fdf1n = template_ed8f776bb07a460eadcbcfe445975fdf1o(), element_ed8f776bb07a460eadcbcfe445975fdf1p = root_ed8f776bb07a460eadcbcfe445975fdf1n.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf1q = element_ed8f776bb07a460eadcbcfe445975fdf1p.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf1p, omit(attributes, OMIT));
+        template_ed8f776bb07a460eadcbcfe445975fdf1.delegate(element_ed8f776bb07a460eadcbcfe445975fdf1p, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -40,7 +40,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50001w, 'submit', async function (event) {
+        template_ed8f776bb07a460eadcbcfe445975fdf1.on(element_ed8f776bb07a460eadcbcfe445975fdf1p, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -60,7 +60,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001x, content);
-        return root_a6aeaec5a75649bd8ec693d5230c50001u;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf1q, content);
+        return root_ed8f776bb07a460eadcbcfe445975fdf1n;
     })();
 };

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

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

package/build/components/highlight/index.js

@@ -1,21 +1,9 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c500020 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='highlight'><!--$--></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001y extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #highlight = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get highlight() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#highlight);
-    }
-    set highlight(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#highlight, _v0);
-    }
-}
+const template_ed8f776bb07a460eadcbcfe445975fdf1s = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div class='highlight'><!--$--></div>`);
 const OMIT = ['background'];
 let key = Symbol(), observer = null;
 export default template.factory((attributes, content) => {
@@ -38,19 +26,21 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001y();
+    let state = reactive({
+        highlight: 0
+    });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50001z = template_a6aeaec5a75649bd8ec693d5230c500020(), element_a6aeaec5a75649bd8ec693d5230c500021 = root_a6aeaec5a75649bd8ec693d5230c50001z.firstChild, element_a6aeaec5a75649bd8ec693d5230c500022 = element_a6aeaec5a75649bd8ec693d5230c500021.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500021, omit(attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c500021, (element) => {
+        let root_ed8f776bb07a460eadcbcfe445975fdf1r = template_ed8f776bb07a460eadcbcfe445975fdf1s(), element_ed8f776bb07a460eadcbcfe445975fdf1t = root_ed8f776bb07a460eadcbcfe445975fdf1r.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf1u = element_ed8f776bb07a460eadcbcfe445975fdf1t.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf1t, omit(attributes, OMIT));
+        template_ed8f776bb07a460eadcbcfe445975fdf1.onrender(element_ed8f776bb07a460eadcbcfe445975fdf1t, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c500021, '', [
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setStyle(element_ed8f776bb07a460eadcbcfe445975fdf1t, '', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
         ]);
-        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c500022, content);
-        return root_a6aeaec5a75649bd8ec693d5230c50001z;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf1u, content);
+        return root_ed8f776bb07a460eadcbcfe445975fdf1r;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c500024 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='icon'><!--$--></div>`);
+const template_ed8f776bb07a460eadcbcfe445975fdf1w = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c500023 = template_a6aeaec5a75649bd8ec693d5230c500024(), element_a6aeaec5a75649bd8ec693d5230c500025 = root_a6aeaec5a75649bd8ec693d5230c500023.firstChild, element_a6aeaec5a75649bd8ec693d5230c500026 = element_a6aeaec5a75649bd8ec693d5230c500025.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500025, attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c500026, svg.sprite(icon));
-        return root_a6aeaec5a75649bd8ec693d5230c500023;
+        let root_ed8f776bb07a460eadcbcfe445975fdf1v = template_ed8f776bb07a460eadcbcfe445975fdf1w(), element_ed8f776bb07a460eadcbcfe445975fdf1x = root_ed8f776bb07a460eadcbcfe445975fdf1v.firstChild, element_ed8f776bb07a460eadcbcfe445975fdf1y = element_ed8f776bb07a460eadcbcfe445975fdf1x.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf1x, attributes);
+        template_ed8f776bb07a460eadcbcfe445975fdf1.slot(element_ed8f776bb07a460eadcbcfe445975fdf1y, svg.sprite(icon));
+        return root_ed8f776bb07a460eadcbcfe445975fdf1v;
     })();
 });

package/build/components/input/index.js

@@ -1,45 +1,29 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_ed8f776bb07a460eadcbcfe445975fdf1 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c500029 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<input
+const template_ed8f776bb07a460eadcbcfe445975fdf20 = template_ed8f776bb07a460eadcbcfe445975fdf1.template(`<input
  class='input'
  />`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c500027 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #error = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL]('');
-    constructor() {
-        super(null);
-    }
-    get active() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#active, _v0);
-    }
-    get error() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#error);
-    }
-    set error(_v1) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#error, _v1);
-    }
-}
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c500027();
+    let state = attributes.state || reactive({
+        active: false,
+        error: ''
+    });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c500028 = template_a6aeaec5a75649bd8ec693d5230c500029(), element_a6aeaec5a75649bd8ec693d5230c50002a = root_a6aeaec5a75649bd8ec693d5230c500028.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002a, this?.attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002a, attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50002a, '', () => state.active && '--active');
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50002a, 'focusin', () => {
+        let root_ed8f776bb07a460eadcbcfe445975fdf1z = template_ed8f776bb07a460eadcbcfe445975fdf20(), element_ed8f776bb07a460eadcbcfe445975fdf21 = root_ed8f776bb07a460eadcbcfe445975fdf1z.firstChild;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf21, this?.attributes);
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperties(element_ed8f776bb07a460eadcbcfe445975fdf21, attributes);
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setClass(element_ed8f776bb07a460eadcbcfe445975fdf21, '', () => state.active && '--active');
+        template_ed8f776bb07a460eadcbcfe445975fdf1.on(element_ed8f776bb07a460eadcbcfe445975fdf21, 'focusin', () => {
             state.active = true;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50002a, 'focusout', () => {
+        template_ed8f776bb07a460eadcbcfe445975fdf1.on(element_ed8f776bb07a460eadcbcfe445975fdf21, 'focusout', () => {
             state.active = false;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c50002a, form.input.onrender(state));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c50002a, 'type', (attributes.type || 'text'));
-        return root_a6aeaec5a75649bd8ec693d5230c500028;
+        template_ed8f776bb07a460eadcbcfe445975fdf1.onrender(element_ed8f776bb07a460eadcbcfe445975fdf21, form.input.onrender(state));
+        template_ed8f776bb07a460eadcbcfe445975fdf1.setProperty(element_ed8f776bb07a460eadcbcfe445975fdf21, 'type', (attributes.type || 'text'));
+        return root_ed8f776bb07a460eadcbcfe445975fdf1z;
     })();
 }
 ;

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

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