@esportsplus/ui 0.47.2 → 0.48.1

package/build/components/loader/index.js

@@ -1,82 +1,60 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 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_a6aeaec5a75649bd8ec693d5230c50002d = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='loader-content'><div
+const template_23a4f055a2904f1fa5d72b30cc2abc5023 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='loader-content'><div
  class='loader-logo text --flex-center --text-uppercase --text-600'
  style='color: var(--color-grey-500);'><!--$--></div></div>`);
-const template_a6aeaec5a75649bd8ec693d5230c50002i = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+const template_23a4f055a2904f1fa5d72b30cc2abc5028 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
  class='loader '><div
  class='loader '><!--$--></div></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002b extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #load = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #remove = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #scale = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get load() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#load);
-    }
-    set load(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#load, _v0);
-    }
-    get remove() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#remove);
-    }
-    set remove(_v1) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#remove, _v1);
-    }
-    get scale() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#scale);
-    }
-    set scale(_v2) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#scale, _v2);
-    }
-}
 const OMIT = ['loader-content', 'loader-logo'];
 export default template.factory((attributes, content) => {
-    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002b();
+    let state = reactive({
+        load: false,
+        remove: false,
+        scale: false
+    });
     return () => {
         if (state.remove) {
             return;
         }
         let i = 0;
         return (() => {
-            let root_a6aeaec5a75649bd8ec693d5230c50002h = template_a6aeaec5a75649bd8ec693d5230c50002i(), element_a6aeaec5a75649bd8ec693d5230c50002j = root_a6aeaec5a75649bd8ec693d5230c50002h.firstChild, element_a6aeaec5a75649bd8ec693d5230c50002k = element_a6aeaec5a75649bd8ec693d5230c50002j.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c50002l = element_a6aeaec5a75649bd8ec693d5230c50002k.firstChild;
-            template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50002j, ' ', () => state.load && 'loader--load');
-            template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c50002j, 'animationend', (e) => {
+            let root_23a4f055a2904f1fa5d72b30cc2abc5027 = template_23a4f055a2904f1fa5d72b30cc2abc5028(), element_23a4f055a2904f1fa5d72b30cc2abc5029 = root_23a4f055a2904f1fa5d72b30cc2abc5027.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502a = element_23a4f055a2904f1fa5d72b30cc2abc5029.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc502b = element_23a4f055a2904f1fa5d72b30cc2abc502a.firstChild;
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5029, ' ', () => state.load && 'loader--load');
+            template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc5029, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002j, omit(attributes, OMIT));
-            template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50002k, ' ', () => state.load && 'loader--load');
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002k, !content && {
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5029, omit(attributes, OMIT));
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502a, ' ', () => state.load && 'loader--load');
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502a, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
             });
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002k, attributes.loader);
-            template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50002l, content && (() => {
-                let root_a6aeaec5a75649bd8ec693d5230c50002c = template_a6aeaec5a75649bd8ec693d5230c50002d(), element_a6aeaec5a75649bd8ec693d5230c50002e = root_a6aeaec5a75649bd8ec693d5230c50002c.firstChild, element_a6aeaec5a75649bd8ec693d5230c50002f = element_a6aeaec5a75649bd8ec693d5230c50002e.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c50002g = element_a6aeaec5a75649bd8ec693d5230c50002f.firstChild;
-                template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002e, attributes['loader-content']);
-                template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002f, attributes['loader-logo']);
-                template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50002f, '', () => state.scale && 'loader-logo--scale');
-                template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c50002f, 'animationend', ({ animationName: name }) => {
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502a, attributes.loader);
+            template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc502b, content && (() => {
+                let root_23a4f055a2904f1fa5d72b30cc2abc5022 = template_23a4f055a2904f1fa5d72b30cc2abc5023(), element_23a4f055a2904f1fa5d72b30cc2abc5024 = root_23a4f055a2904f1fa5d72b30cc2abc5022.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc5025 = element_23a4f055a2904f1fa5d72b30cc2abc5024.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc5026 = element_23a4f055a2904f1fa5d72b30cc2abc5025.firstChild;
+                template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5024, attributes['loader-content']);
+                template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5025, attributes['loader-logo']);
+                template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5025, '', () => state.scale && 'loader-logo--scale');
+                template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc5025, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_a6aeaec5a75649bd8ec693d5230c50001.onconnect(element_a6aeaec5a75649bd8ec693d5230c50002f, () => {
+                template_23a4f055a2904f1fa5d72b30cc2abc501.onconnect(element_23a4f055a2904f1fa5d72b30cc2abc5025, () => {
                     state.scale = true;
                 });
-                template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50002g, content);
-                return root_a6aeaec5a75649bd8ec693d5230c50002c;
+                template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc5026, content);
+                return root_23a4f055a2904f1fa5d72b30cc2abc5022;
             })());
-            return root_a6aeaec5a75649bd8ec693d5230c50002h;
+            return root_23a4f055a2904f1fa5d72b30cc2abc5027;
         })();
     };
 });

package/build/components/loading/index.js

@@ -1,12 +1,12 @@
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c50002n = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+const template_23a4f055a2904f1fa5d72b30cc2abc502d = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
  class='loading --border-width-700 --size-800'
  style='--border-color: var(--color-border-500);'></div>`);
 export default (attributes) => {
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50002m = template_a6aeaec5a75649bd8ec693d5230c50002n(), element_a6aeaec5a75649bd8ec693d5230c50002o = root_a6aeaec5a75649bd8ec693d5230c50002m.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002o, attributes);
-        return root_a6aeaec5a75649bd8ec693d5230c50002m;
+        let root_23a4f055a2904f1fa5d72b30cc2abc502c = template_23a4f055a2904f1fa5d72b30cc2abc502d(), element_23a4f055a2904f1fa5d72b30cc2abc502e = root_23a4f055a2904f1fa5d72b30cc2abc502c.firstChild;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502e, attributes);
+        return root_23a4f055a2904f1fa5d72b30cc2abc502c;
     })();
 };

package/build/components/range/index.js

@@ -1,61 +1,38 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import { root } from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import { reactive, root } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c50002r = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<input
+const template_23a4f055a2904f1fa5d72b30cc2abc502g = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<input
  class='range --border-state --border-black'
  type='range'
  />`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002p extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #error = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL]('');
-    #value = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
-    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);
-    }
-    get value() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#value);
-    }
-    set value(_v2) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#value, _v2);
-    }
-}
 export default function (attributes) {
-    let { max, min } = attributes, state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002p();
+    let { max, min } = attributes, state = attributes.state || reactive({
+        active: false,
+        error: '',
+        value: 0
+    });
     if (attributes?.value) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50002q = template_a6aeaec5a75649bd8ec693d5230c50002r(), element_a6aeaec5a75649bd8ec693d5230c50002s = root_a6aeaec5a75649bd8ec693d5230c50002q.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c50002s, ';', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002s, this?.attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002s, attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50002s, '', () => state.active && '--active');
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50002s, 'focusin', () => {
+        let root_23a4f055a2904f1fa5d72b30cc2abc502f = template_23a4f055a2904f1fa5d72b30cc2abc502g(), element_23a4f055a2904f1fa5d72b30cc2abc502h = root_23a4f055a2904f1fa5d72b30cc2abc502f.firstChild;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc502h, ';', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502h, this?.attributes);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502h, attributes);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502h, '', () => state.active && '--active');
+        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'focusin', () => {
             state.active = true;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50002s, 'focusout', () => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'focusout', () => {
             state.active = false;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c50002s, 'input', (e) => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c50002s, form.input.onrender(state));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c50002s, 'value', root(() => attributes?.value || state.value || 0));
-        return root_a6aeaec5a75649bd8ec693d5230c50002q;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc502h, form.input.onrender(state));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc502h, 'value', root(() => attributes?.value || state.value || 0));
+        return root_23a4f055a2904f1fa5d72b30cc2abc502f;
     })();
 }
 ;

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

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

package/build/components/scrollbar/index.js

@@ -1,42 +1,26 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 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_a6aeaec5a75649bd8ec693d5230c50002v = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+const template_23a4f055a2904f1fa5d72b30cc2abc502j = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
  class='scrollbar-container'><div
  class='scrollbar-container-content'><!--$--></div><div
  class='scrollbar'></div></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002t extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #height = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](100);
-    #translate = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get height() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#height);
-    }
-    set height(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#height, _v0);
-    }
-    get translate() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#translate);
-    }
-    set translate(_v1) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#translate, _v1);
-    }
-}
 const OMIT = ['scrollbar', 'scrollbar-container-content'];
 let root = document.body, width;
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002t();
+    let state = reactive({
+        height: 100,
+        translate: 0
+    });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50002u = template_a6aeaec5a75649bd8ec693d5230c50002v(), element_a6aeaec5a75649bd8ec693d5230c50002w = root_a6aeaec5a75649bd8ec693d5230c50002u.firstChild, element_a6aeaec5a75649bd8ec693d5230c50002x = element_a6aeaec5a75649bd8ec693d5230c50002w.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c50002y = element_a6aeaec5a75649bd8ec693d5230c50002x.firstChild, element_a6aeaec5a75649bd8ec693d5230c50002z = element_a6aeaec5a75649bd8ec693d5230c50002x.nextElementSibling;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002w, this?.attributes && omit(this.attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002w, omit(attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002x, this?.attributes?.['scrollbar-container-content']);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002x, attributes['scrollbar-container-content']);
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50002x, 'scroll', function () {
+        let root_23a4f055a2904f1fa5d72b30cc2abc502i = template_23a4f055a2904f1fa5d72b30cc2abc502j(), element_23a4f055a2904f1fa5d72b30cc2abc502k = root_23a4f055a2904f1fa5d72b30cc2abc502i.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502l = element_23a4f055a2904f1fa5d72b30cc2abc502k.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc502m = element_23a4f055a2904f1fa5d72b30cc2abc502l.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502n = element_23a4f055a2904f1fa5d72b30cc2abc502l.nextElementSibling;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502k, this?.attributes && omit(this.attributes, OMIT));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502k, omit(attributes, OMIT));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502l, this?.attributes?.['scrollbar-container-content']);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502l, attributes['scrollbar-container-content']);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc502l, 'scroll', function () {
             if (width === undefined) {
                 width = this.offsetWidth - this.clientWidth;
                 if (width && width !== 17) {
@@ -46,14 +30,14 @@ export default template.factory(function (attributes, content) {
             state.height = (this.clientHeight / this.scrollHeight) * 100;
             state.translate = (this.scrollTop / this.clientHeight) * 100;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50002y, content);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002z, this?.attributes?.scrollbar);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002z, attributes.scrollbar);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50002z, '', () => state.height >= 100 && 'scrollbar--hidden');
-        template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c50002z, '', () => `
+        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc502m, content);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502n, this?.attributes?.scrollbar);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502n, attributes.scrollbar);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502n, '', () => state.height >= 100 && 'scrollbar--hidden');
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc502n, '', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
                         `);
-        return root_a6aeaec5a75649bd8ec693d5230c50002u;
+        return root_23a4f055a2904f1fa5d72b30cc2abc502i;
     })();
 });

package/build/components/select/index.js

@@ -1,50 +1,16 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import { EMPTY_ARRAY, omit, toArray } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import root from '../../components/root/index.js';
 import scrollbar from '../../components/scrollbar/index.js';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c500032 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+const template_23a4f055a2904f1fa5d72b30cc2abc502p = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
  class='link select-option '><!--$--></div>`);
-const template_a6aeaec5a75649bd8ec693d5230c500036 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+const template_23a4f055a2904f1fa5d72b30cc2abc502t = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
  class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'
  /><!--$--></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c500030 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #error = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL]('');
-    #render = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #selected;
-    constructor(_p0) {
-        super(null);
-        this.#selected = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](_p0);
-    }
-    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);
-    }
-    get render() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#render);
-    }
-    set render(_v2) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#render, _v2);
-    }
-    get selected() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#selected);
-    }
-    set selected(_v3) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#selected, _v3);
-    }
-}
 const OMIT = [
     'arrow',
     'options',
@@ -81,19 +47,24 @@ function set(current, value) {
     }
 }
 const select = template.factory(function (attributes, content) {
-    let { options, option } = attributes, state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c500030(attributes.selected || Object.keys(options)[0]);
+    let { options, option } = attributes, state = attributes.state || reactive({
+        active: false,
+        error: '',
+        render: false,
+        selected: attributes.selected || Object.keys(options)[0]
+    });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c500035 = template_a6aeaec5a75649bd8ec693d5230c500036(), element_a6aeaec5a75649bd8ec693d5230c500037 = root_a6aeaec5a75649bd8ec693d5230c500035.firstChild, element_a6aeaec5a75649bd8ec693d5230c500038 = element_a6aeaec5a75649bd8ec693d5230c500037.firstChild, element_a6aeaec5a75649bd8ec693d5230c500039 = element_a6aeaec5a75649bd8ec693d5230c500037.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c50003a = element_a6aeaec5a75649bd8ec693d5230c500039.nextElementSibling, element_a6aeaec5a75649bd8ec693d5230c50003b = element_a6aeaec5a75649bd8ec693d5230c500038.nextSibling.nextSibling.nextSibling;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c500037, ' ', () => state.active && '--active');
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500037, this?.attributes && omit(this.attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500037, omit(attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c500037, 'click', () => {
+        let root_23a4f055a2904f1fa5d72b30cc2abc502s = template_23a4f055a2904f1fa5d72b30cc2abc502t(), element_23a4f055a2904f1fa5d72b30cc2abc502u = root_23a4f055a2904f1fa5d72b30cc2abc502s.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502v = element_23a4f055a2904f1fa5d72b30cc2abc502u.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502w = element_23a4f055a2904f1fa5d72b30cc2abc502u.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc502x = element_23a4f055a2904f1fa5d72b30cc2abc502w.nextElementSibling, element_23a4f055a2904f1fa5d72b30cc2abc502y = element_23a4f055a2904f1fa5d72b30cc2abc502v.nextSibling.nextSibling.nextSibling;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502u, ' ', () => state.active && '--active');
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502u, this?.attributes && omit(this.attributes, OMIT));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502u, omit(attributes, OMIT));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc502u, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c500038, content ? (() => content(state)) : (() => {
+        new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc502v, content ? (() => content(state)) : (() => {
             let selected = options[state.selected];
             if (!selected) {
                 return '-';
@@ -103,17 +74,17 @@ const select = template.factory(function (attributes, content) {
             }
             return selected;
         }));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500039, this?.attributes?.arrow);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500039, attributes.arrow);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c50003a, 'name', attributes.name);
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c50003a, 'click', () => { });
-        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c50003a, form.input.onrender(state));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c50003a, 'value', () => state.selected);
-        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c50003b, () => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502w, this?.attributes?.arrow);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502w, attributes.arrow);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc502x, 'name', attributes.name);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc502x, 'click', () => { });
+        template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc502x, form.input.onrender(state));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc502x, 'value', () => state.selected);
+        new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc502y, () => {
             if (!state.render) {
                 return;
             }
-            let keys = Object.keys(options), selected = reactivity_a6aeaec5a75649bd8ec693d5230c50000.signal(Object.fromEntries(keys.map(key => [key, false])));
+            let keys = Object.keys(options), selected = reactive(Object.fromEntries(keys.map(key => [key, false])));
             return sb({
                 ...this?.attributes?.['tooltip-content'] || EMPTY_ARRAY,
                 ...attributes['tooltip-content'],
@@ -138,8 +109,8 @@ const select = template.factory(function (attributes, content) {
                     let previous = state.selected;
                     set(state, false);
                     state.selected = key;
-                    reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(selected)[key] = true;
-                    reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(selected)[previous] = false;
+                    selected[key] = true;
+                    selected[previous] = false;
                 },
                 onconnect: () => {
                     set(state, true);
@@ -152,17 +123,17 @@ const select = template.factory(function (attributes, content) {
                     content = content.content;
                 }
                 return (() => {
-                    let root_a6aeaec5a75649bd8ec693d5230c500031 = template_a6aeaec5a75649bd8ec693d5230c500032(), element_a6aeaec5a75649bd8ec693d5230c500033 = root_a6aeaec5a75649bd8ec693d5230c500031.firstChild, element_a6aeaec5a75649bd8ec693d5230c500034 = element_a6aeaec5a75649bd8ec693d5230c500033.firstChild;
-                    template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c500033, ' ', () => reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(selected)[key] && '--active');
-                    template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500033, this?.attributes?.option);
-                    template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500033, option);
-                    template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c500033, 'data-key', key);
-                    template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c500034, content);
-                    return root_a6aeaec5a75649bd8ec693d5230c500031;
+                    let root_23a4f055a2904f1fa5d72b30cc2abc502o = template_23a4f055a2904f1fa5d72b30cc2abc502p(), element_23a4f055a2904f1fa5d72b30cc2abc502q = root_23a4f055a2904f1fa5d72b30cc2abc502o.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc502r = element_23a4f055a2904f1fa5d72b30cc2abc502q.firstChild;
+                    template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc502q, ' ', () => selected[key] && '--active');
+                    template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502q, this?.attributes?.option);
+                    template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc502q, option);
+                    template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc502q, 'data-key', key);
+                    template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc502r, content);
+                    return root_23a4f055a2904f1fa5d72b30cc2abc502o;
                 })();
             }));
         });
-        return root_a6aeaec5a75649bd8ec693d5230c500035;
+        return root_23a4f055a2904f1fa5d72b30cc2abc502s;
     })();
 });
 export default select;

package/build/components/textarea/index.js

@@ -1,46 +1,30 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c50003e = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<textarea
+const template_23a4f055a2904f1fa5d72b30cc2abc5030 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<textarea
  class='textarea'></textarea>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50003c 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);
-    }
-}
 const OMIT = ['state'];
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50003c();
+    let state = attributes.state || reactive({
+        active: false,
+        error: ''
+    });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50003d = template_a6aeaec5a75649bd8ec693d5230c50003e(), element_a6aeaec5a75649bd8ec693d5230c50003f = root_a6aeaec5a75649bd8ec693d5230c50003d.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50003f, this?.attributes && omit(this.attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50003f, omit(attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50003f, '', () => state.active && '--active');
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50003f, 'focusin', () => {
+        let root_23a4f055a2904f1fa5d72b30cc2abc502z = template_23a4f055a2904f1fa5d72b30cc2abc5030(), element_23a4f055a2904f1fa5d72b30cc2abc5031 = root_23a4f055a2904f1fa5d72b30cc2abc502z.firstChild;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5031, this?.attributes && omit(this.attributes, OMIT));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5031, omit(attributes, OMIT));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5031, '', () => state.active && '--active');
+        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc5031, 'focusin', () => {
             state.active = true;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50003f, 'focusout', () => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.on(element_23a4f055a2904f1fa5d72b30cc2abc5031, 'focusout', () => {
             state.active = false;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c50003f, form.input.onrender(state));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c50003f, 'value', attributes?.value || '');
-        return root_a6aeaec5a75649bd8ec693d5230c50003d;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc5031, form.input.onrender(state));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5031, 'value', attributes?.value || '');
+        return root_23a4f055a2904f1fa5d72b30cc2abc502z;
     })();
 }
 ;

package/build/components/tooltip/menu.d.ts

@@ -1,4 +1,4 @@
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
 import { Attributes, Renderable } from '@esportsplus/template';
 type A = Attributes & {
     options: (Attributes & {
@@ -16,19 +16,19 @@ type A = Attributes & {
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>) => Renderable<any>>;
+        content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => Renderable<any>>;
     <T extends A>(attributes: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>) => Renderable<any>>;
-    <T extends template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>>(content: T): ReturnType<(this: {
+        content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => Renderable<any>>;
+    <T extends template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>) => Renderable<any>>;
-    (attributes: A, content: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>): ReturnType<(this: {
+        content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => Renderable<any>>;
+    (attributes: A, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_a6aeaec5a75649bd8ec693d5230c50001.Renderable<any>) => Renderable<any>>;
+        content?: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_23a4f055a2904f1fa5d72b30cc2abc501.Renderable<any>) => Renderable<any>>;
 };
 export default _default;