@esportsplus/ui 0.51.6 → 0.53.0

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

@@ -1,3 +1,5 @@
+import onclick from './onclick.js';
+import write from './write.js';
 declare const _default: {
     onclick: {
         (): ReturnType<(this: {
@@ -5,8 +7,8 @@ declare const _default: {
                 timeout?: number;
                 value: string;
             } & {
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -128,8 +130,8 @@ declare const _default: {
             timeout?: number;
             value: string;
         } & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -250,8 +252,8 @@ declare const _default: {
             timeout?: number;
             value: string;
         } & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -370,8 +372,8 @@ declare const _default: {
                 timeout?: number;
                 value: string;
             } & {
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -493,8 +495,8 @@ declare const _default: {
             timeout?: number;
             value: string;
         } & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -618,8 +620,8 @@ declare const _default: {
                 timeout?: number;
                 value: string;
             } & {
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -741,8 +743,8 @@ declare const _default: {
             timeout?: number;
             value: string;
         } & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -863,8 +865,8 @@ declare const _default: {
             timeout?: number;
             value: string;
         } & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -985,8 +987,8 @@ declare const _default: {
                 timeout?: number;
                 value: string;
             } & {
-                [key: `aria-${string}`]: string | number | boolean | undefined;
-                [key: `data-${string}`]: string | undefined;
+                [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+                [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
                 class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
                 onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
                 ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1108,8 +1110,8 @@ declare const _default: {
             timeout?: number;
             value: string;
         } & {
-            [key: `aria-${string}`]: string | number | boolean | undefined;
-            [key: `data-${string}`]: string | undefined;
+            [key: `aria-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
+            [key: `data-${string}`]: ((element: import("@esportsplus/template").Element) => string | number | bigint | boolean | null | undefined) | (string | number | bigint | boolean | null | undefined);
             class?: import("@esportsplus/template").Attribute | import("@esportsplus/template").Attribute[];
             onconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
             ondisconnect?: ((element: import("@esportsplus/template").Element) => void) | undefined;
@@ -1230,3 +1232,4 @@ declare const _default: {
     write: (value: string) => Promise<boolean>;
 };
 export default _default;
+export { onclick, write };

package/build/components/clipboard/index.js

@@ -1,3 +1,4 @@
 import onclick from './onclick.js';
 import write from './write.js';
 export default { onclick, write };
+export { onclick, write };

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,38 +1,38 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import { component } from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import template from '../../components/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;
+export default component(function (attributes, content) {
+    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(() => {
+            void write(attributes.value).then(() => {
                 state.copied = true;
                 setTimeout(() => {
                     state.copied = false;
                 }, 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/form/input.js

@@ -1,13 +1,13 @@
-let key = Symbol();
+const KEY = Symbol();
 const get = (element) => {
     if (element) {
-        return element[key];
+        return element[KEY];
     }
     return undefined;
 };
 const onrender = (reactive) => {
     return (element) => {
-        element[key] = reactive;
+        element[KEY] = reactive;
     };
 };
 export default { get, onrender };

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

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

package/build/components/frame/index.js

@@ -1,7 +1,13 @@
-import scrollbar from '../../components/scrollbar/index.js';
+import * as template_u1 from '@esportsplus/template';
+import { component } from '@esportsplus/template';
 import './scss/index.scss';
-export default scrollbar.bind({
-    attributes: {
-        class: 'frame'
-    }
+const template_0f2789a1 = template_u1.template(`<div class='frame --scrollbar' >`);
+export default component(function (attributes, content) {
+    return (() => {
+        let root_0f2789a0 = template_0f2789a1(), element_0f2789a2 = root_0f2789a0.firstChild;
+        template_u1.setProperties(element_0f2789a2, this?.attributes);
+        template_u1.setProperties(element_0f2789a2, attributes);
+        template_u1.slot(element_0f2789a2, content, 1);
+        return root_0f2789a0;
+    })();
 });

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;