@esportsplus/ui 0.51.6 → 0.51.7

package/build/components/checkbox/index.js

@@ -1,50 +1,50 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import form from '../../components/form/index.js';
+import form from '../form/index.js';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303cw = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div><input>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cu extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
-    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
+const template_0l38kpg2 = template_u1.template(`<div ><input >`);
+class ReactiveObject_0l38kpg0 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
+    #error = this[reactivity_u0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
+        return reactivity_u0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
+        reactivity_u0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
+        return reactivity_u0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
+        reactivity_u0.write(this.#error, _v1);
     }
 }
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
-        let state = attributes?.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cu();
+        let state = attributes?.state || new ReactiveObject_0l38kpg0();
         if (attributes?.checked) {
             state.active = true;
         }
         return (() => {
-            let root_0ff113fe0a6246fbbfe92857b2a0303cv = template_0ff113fe0a6246fbbfe92857b2a0303cw(), element_0ff113fe0a6246fbbfe92857b2a0303cx = root_0ff113fe0a6246fbbfe92857b2a0303cv.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303cy = element_0ff113fe0a6246fbbfe92857b2a0303cx.firstElementChild;
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303cx, 'class', (type) + (() => state.active && '--active'));
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303cx, this?.attributes && omit(this.attributes, OMIT));
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303cx, attributes && omit(attributes, OMIT));
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'checked', attributes?.checked || root(() => state.active));
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'class', `${type}-tag`);
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'change', (e) => {
+            let root_0l38kpg1 = template_0l38kpg2(), element_0l38kpg3 = root_0l38kpg1.firstChild, element_0l38kpg4 = element_0l38kpg3.firstElementChild;
+            template_u1.setList(element_0l38kpg3, 'class', (type) + (() => state.active && '--active'));
+            template_u1.setProperties(element_0l38kpg3, this?.attributes && omit(this.attributes, OMIT));
+            template_u1.setProperties(element_0l38kpg3, attributes && omit(attributes, OMIT));
+            template_u1.setProperty(element_0l38kpg4, 'checked', attributes?.checked || root(() => state.active));
+            template_u1.setList(element_0l38kpg4, 'class', `${type}-tag`);
+            template_u1.delegate(element_0l38kpg4, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303cy, form.input.onrender(state));
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303cy, 'value', attributes?.value || 1);
-            return root_0ff113fe0a6246fbbfe92857b2a0303cv;
+            template_u1.onrender(element_0l38kpg4, form.input.onrender(state));
+            template_u1.setProperty(element_0l38kpg4, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_u1.setProperty(element_0l38kpg4, 'value', attributes?.value || 1);
+            return root_0l38kpg1;
         })();
     }
     return template;

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

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

package/build/components/clipboard/onclick.js

@@ -1,28 +1,28 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
+import template from '../template/index.js';
 import write from './write.js';
-const template_0ff113fe0a6246fbbfe92857b2a0303c11 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cz extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #copied = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+const template_0g8trzu2 = template_u1.template(`<div>`);
+class ReactiveObject_0g8trzu0 extends reactivity_u0.ReactiveObject {
+    #copied = this[reactivity_u0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get copied() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#copied);
+        return reactivity_u0.read(this.#copied);
     }
     set copied(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#copied, _v0);
+        reactivity_u0.write(this.#copied, _v0);
     }
 }
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303cz(), timeout = attributes.timeout || 1000 * 2;
+    let state = new ReactiveObject_0g8trzu0(), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c10 = template_0ff113fe0a6246fbbfe92857b2a0303c11(), element_0ff113fe0a6246fbbfe92857b2a0303c12 = root_0ff113fe0a6246fbbfe92857b2a0303c10.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c12, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c12, 'click', (e) => {
+        let root_0g8trzu1 = template_0g8trzu2(), element_0g8trzu3 = root_0g8trzu1.firstChild;
+        template_u1.setProperties(element_0g8trzu3, omit(attributes, OMIT));
+        template_u1.delegate(element_0g8trzu3, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -32,7 +32,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c12, () => content(state), 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c10;
+        new template_u1.EffectSlot(element_0g8trzu3, () => content(state), 1);
+        return root_0g8trzu1;
     })();
 });

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

@@ -1,2 +1,2 @@
-declare const _default: (value: string) => Promise<boolean>;
 export default _default;
+declare function _default(value: string): Promise<boolean>;

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

@@ -1,7 +1,8 @@
-import { Attributes } from '@esportsplus/template';
+import { type Attributes } from '@esportsplus/template';
 import './scss/index.scss';
-declare const _default: (attributes: Attributes & {
-    currency?: "IGNORE" | "EUR" | "GBP" | "USD";
+export default _default;
+declare function _default(attributes: Attributes & {
+    currency?: 'IGNORE' | 'EUR' | 'GBP' | 'USD';
     decimals?: number;
     delay?: number;
     max?: number;
@@ -10,5 +11,4 @@ declare const _default: (attributes: Attributes & {
     };
     suffix?: string;
     value: number;
-}) => DocumentFragment | Text;
-export default _default;
+}): DocumentFragment | Text;

package/build/components/counter/index.js

@@ -1,41 +1,41 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c16 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<span class='counter-character counter-character--symbol'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c19 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<span>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c1c = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c1g = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='counter'>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c13 extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #value = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](-1);
+const template_00nd5up3 = template_u1.template(`<span class='counter-character counter-character--symbol'>`);
+const template_00nd5up6 = template_u1.template(`<span>`);
+const template_00nd5up9 = template_u1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0`);
+const template_00nd5upd = template_u1.template(`<div class='counter' >`);
+class ReactiveObject_00nd5up0 extends reactivity_u0.ReactiveObject {
+    #value = this[reactivity_u0.SIGNAL](-1);
     constructor() {
         super(null);
     }
     get value() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#value);
+        return reactivity_u0.read(this.#value);
     }
     set value(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#value, _v0);
+        reactivity_u0.write(this.#value, _v0);
     }
 }
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c14 extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #length = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
+class ReactiveObject_00nd5up1 extends reactivity_u0.ReactiveObject {
+    #length = this[reactivity_u0.SIGNAL](0);
     #test;
     #render;
     constructor(_p0, _p1) {
         super(null);
-        this.#test = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.COMPUTED](_p0);
-        this.#render = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.REACTIVE_ARRAY](_p1);
+        this.#test = this[reactivity_u0.COMPUTED](_p0);
+        this.#render = this[reactivity_u0.REACTIVE_ARRAY](_p1);
     }
     get length() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#length);
+        return reactivity_u0.read(this.#length);
     }
     set length(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#length, _v0);
+        reactivity_u0.write(this.#length, _v0);
     }
     get test() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#test);
+        return reactivity_u0.read(this.#test);
     }
     get render() {
         return this.#render;
@@ -44,12 +44,12 @@ class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c14 extends reactivity_0ff11
 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_0ff113fe0a6246fbbfe92857b2a0303c13(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_00nd5up0(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c14(() => 'sds', []), render = new reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveArray();
+        }), rendering = true, state = new ReactiveObject_00nd5up1(() => 'sds', []), render = new reactivity_u0.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -84,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c1f = template_0ff113fe0a6246fbbfe92857b2a0303c1g(), element_0ff113fe0a6246fbbfe92857b2a0303c1h = root_0ff113fe0a6246fbbfe92857b2a0303c1f.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1h, omit(attributes, OMIT));
-        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c1h, () => {
+        let root_00nd5upc = template_00nd5upd(), element_00nd5upe = root_00nd5upc.firstChild;
+        template_u1.setProperties(element_00nd5upe, omit(attributes, OMIT));
+        new template_u1.EffectSlot(element_00nd5upe, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_0ff113fe0a6246fbbfe92857b2a0303c1.ArraySlot(render, function (value) {
+            return new template_u1.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_0ff113fe0a6246fbbfe92857b2a0303c15 = template_0ff113fe0a6246fbbfe92857b2a0303c16(), element_0ff113fe0a6246fbbfe92857b2a0303c17 = root_0ff113fe0a6246fbbfe92857b2a0303c15.firstChild;
-                        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c17, value, 1);
-                        return root_0ff113fe0a6246fbbfe92857b2a0303c15;
+                        let root_00nd5up2 = template_00nd5up3(), element_00nd5up4 = root_00nd5up2.firstChild;
+                        template_u1.slot(element_00nd5up4, value, 1);
+                        return root_00nd5up2;
                     })();
                 }
                 return (() => {
-                    let root_0ff113fe0a6246fbbfe92857b2a0303c1b = template_0ff113fe0a6246fbbfe92857b2a0303c1c(), element_0ff113fe0a6246fbbfe92857b2a0303c1d = root_0ff113fe0a6246fbbfe92857b2a0303c1b.firstChild.firstElementChild, element_0ff113fe0a6246fbbfe92857b2a0303c1e = element_0ff113fe0a6246fbbfe92857b2a0303c1d.firstChild.nextSibling;
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c1d, 'style', `--value: ${value}`);
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1e, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_0ff113fe0a6246fbbfe92857b2a0303c18 = template_0ff113fe0a6246fbbfe92857b2a0303c19(), element_0ff113fe0a6246fbbfe92857b2a0303c1a = root_0ff113fe0a6246fbbfe92857b2a0303c18.firstChild;
-                        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1a, value, 1);
-                        return root_0ff113fe0a6246fbbfe92857b2a0303c18;
+                    let root_00nd5up8 = template_00nd5up9(), element_00nd5upa = root_00nd5up8.firstChild.firstElementChild, element_00nd5upb = element_00nd5upa.firstChild.nextSibling;
+                    template_u1.setList(element_00nd5upa, 'style', `--value: ${value}`);
+                    template_u1.slot(element_00nd5upb, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_00nd5up5 = template_00nd5up6(), element_00nd5up7 = root_00nd5up5.firstChild;
+                        template_u1.slot(element_00nd5up7, value, 1);
+                        return root_00nd5up5;
                     }));
-                    return root_0ff113fe0a6246fbbfe92857b2a0303c1b;
+                    return root_00nd5up8;
                 })();
             });
         }, 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c1f;
+        return root_00nd5upc;
     })();
 };

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

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

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c1j = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='ellipsis'><span></span><span></span><span>`);
+const template_0bfeb8u1 = template_u1.template(`<div class='ellipsis' ><span></span><span></span><span>`);
 export default (attributes) => {
-    let root_0ff113fe0a6246fbbfe92857b2a0303c1i = template_0ff113fe0a6246fbbfe92857b2a0303c1j(), element_0ff113fe0a6246fbbfe92857b2a0303c1k = root_0ff113fe0a6246fbbfe92857b2a0303c1i.firstChild;
-    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1k, attributes);
-    return root_0ff113fe0a6246fbbfe92857b2a0303c1i;
+    let root_0bfeb8u0 = template_0bfeb8u1(), element_0bfeb8u2 = root_0bfeb8u0.firstChild;
+    template_u1.setProperties(element_0bfeb8u2, attributes);
+    return root_0bfeb8u0;
 };

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

@@ -3,7 +3,8 @@ import { Attributes, Renderable } from '@esportsplus/template';
 type Errors = {
     errors: Response<unknown>['errors'];
 };
-declare const _default: <T extends Record<string, any>>(attributes: {
+export default _default;
+declare function _default<T extends Record<string, any>>(attributes: {
     action: (data: {
         input: T;
         response: typeof response;
@@ -11,5 +12,4 @@ declare const _default: <T extends Record<string, any>>(attributes: {
     state?: {
         processing: boolean;
     };
-} & Attributes, content: Renderable<any>) => DocumentFragment | Text;
-export default _default;
+} & Attributes, content: Renderable<any>): DocumentFragment | Text;

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_0ff113fe0a6246fbbfe92857b2a0303c1m = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<form class='form'>`);
+const template_1ajnoyj1 = template_u1.template(`<form class='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_0ff113fe0a6246fbbfe92857b2a0303c1l = template_0ff113fe0a6246fbbfe92857b2a0303c1m(), element_0ff113fe0a6246fbbfe92857b2a0303c1n = root_0ff113fe0a6246fbbfe92857b2a0303c1l.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1n, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c1n, 'click', function (event) {
+        let root_1ajnoyj0 = template_1ajnoyj1(), element_1ajnoyj2 = root_1ajnoyj0.firstChild;
+        template_u1.setProperties(element_1ajnoyj2, omit(attributes, OMIT));
+        template_u1.delegate(element_1ajnoyj2, '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_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c1n, 'submit', async function (event) {
+        template_u1.on(element_1ajnoyj2, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1n, content, 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c1l;
+        template_u1.slot(element_1ajnoyj2, content, 1);
+        return root_1ajnoyj0;
     })();
 };

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

@@ -5,9 +5,9 @@ declare const _default: {
             input: T;
             response: typeof import("@esportsplus/action").default;
         }) => (Promise<{
-            errors: import("@esportsplus/action").Response<unknown>["errors"];
+            errors: import("@esportsplus/action").Response<unknown>['errors'];
         }> | {
-            errors: import("@esportsplus/action").Response<unknown>["errors"];
+            errors: import("@esportsplus/action").Response<unknown>['errors'];
         });
         state?: {
             processing: boolean;

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

@@ -1,10 +1,12 @@
 import { Element } from '@esportsplus/template';
+declare const get: (element?: Element) => {
+    error: string;
+} | undefined;
+declare const onrender: (reactive: {
+    error: string;
+}) => (element: Element) => void;
 declare const _default: {
-    get: (element?: Element) => {
-        error: string;
-    } | undefined;
-    onrender: (reactive: {
-        error: string;
-    }) => (element: Element) => void;
+    get: typeof get;
+    onrender: typeof onrender;
 };
 export default _default;

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

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

package/build/components/frame/index.js

@@ -1,4 +1,4 @@
-import scrollbar from '../../components/scrollbar/index.js';
+import scrollbar from '../scrollbar/index.js';
 import './scss/index.scss';
 export default scrollbar.bind({
     attributes: {

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

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

package/build/components/highlight/index.js

@@ -1,19 +1,19 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
+import template from '../template/index.js';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c1q = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='highlight'>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c1o extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #highlight = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
+const template_0k38r592 = template_u1.template(`<div class='highlight' >`);
+class ReactiveObject_0k38r590 extends reactivity_u0.ReactiveObject {
+    #highlight = this[reactivity_u0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get highlight() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#highlight);
+        return reactivity_u0.read(this.#highlight);
     }
     set highlight(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#highlight, _v0);
+        reactivity_u0.write(this.#highlight, _v0);
     }
 }
 const OMIT = ['background'];
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c1o();
+    let state = new ReactiveObject_0k38r590();
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c1p = template_0ff113fe0a6246fbbfe92857b2a0303c1q(), element_0ff113fe0a6246fbbfe92857b2a0303c1r = root_0ff113fe0a6246fbbfe92857b2a0303c1p.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1r, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c1r, (element) => {
+        let root_0k38r591 = template_0k38r592(), element_0k38r593 = root_0k38r591.firstChild;
+        template_u1.setProperties(element_0k38r593, omit(attributes, OMIT));
+        template_u1.onrender(element_0k38r593, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c1r, 'style', [
+        template_u1.setList(element_0k38r593, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
         ]);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1r, content, 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c1p;
+        template_u1.slot(element_0k38r593, content, 1);
+        return root_0k38r591;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,15 +1,15 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import template from '../../components/template/index.js';
+import * as template_u1 from '@esportsplus/template';
+import template from '../template/index.js';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c1t = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='icon'><svg><use />`);
+const template_1lt0nhw1 = template_u1.template(`<div class='icon' ><svg><use href='' />`);
 export default template.factory((attributes, href) => {
     if (href[0] !== '#') {
         href = '#' + href;
     }
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c1s = template_0ff113fe0a6246fbbfe92857b2a0303c1t(), element_0ff113fe0a6246fbbfe92857b2a0303c1u = root_0ff113fe0a6246fbbfe92857b2a0303c1s.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c1v = element_0ff113fe0a6246fbbfe92857b2a0303c1u.firstElementChild.firstElementChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1u, attributes);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c1v, 'href', href);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c1s;
+        let root_1lt0nhw0 = template_1lt0nhw1(), element_1lt0nhw2 = root_1lt0nhw0.firstChild, element_1lt0nhw3 = element_1lt0nhw2.firstElementChild.firstElementChild;
+        template_u1.setProperties(element_1lt0nhw2, attributes);
+        template_u1.setProperty(element_1lt0nhw3, 'href', href);
+        return root_1lt0nhw0;
     })();
 });

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

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