@esportsplus/ui 0.51.5 → 0.51.6

package/build/components/range/index.js

@@ -1,58 +1,58 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f56255749633e = template_eea410626b3047bfa8387f56255749631.template(`<input class='range --border-state --border-black' type='range' />`);
-class ReactiveObject_eea410626b3047bfa8387f56255749633c extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
-    #error = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL]('');
-    #value = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
+const template_0ff113fe0a6246fbbfe92857b2a0303c2e = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<input class='range --border-state --border-black' type='range' />`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2c extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
+    #value = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#active);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#active, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#error);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#error, _v1);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
     }
     get value() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#value);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#value);
     }
     set value(_v2) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#value, _v2);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#value, _v2);
     }
 }
 export default function (attributes) {
-    let { max, min } = attributes, state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749633c();
+    let { max, min } = attributes, state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2c();
     if (attributes?.value) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_eea410626b3047bfa8387f56255749633d = template_eea410626b3047bfa8387f56255749633e(), element_eea410626b3047bfa8387f56255749633f = root_eea410626b3047bfa8387f56255749633d.firstChild, attributes_eea410626b3047bfa8387f56255749633g = { "class": " range --border-state --border-black", "style": " " };
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749633f, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_eea410626b3047bfa8387f56255749633g);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633f, this?.attributes, attributes_eea410626b3047bfa8387f56255749633g);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633f, attributes, attributes_eea410626b3047bfa8387f56255749633g);
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749633f, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f56255749633g);
-        template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749633f, 'focusin', () => {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c2d = template_0ff113fe0a6246fbbfe92857b2a0303c2e(), element_0ff113fe0a6246fbbfe92857b2a0303c2f = root_0ff113fe0a6246fbbfe92857b2a0303c2d.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2f, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2f, this?.attributes);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2f, attributes);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2f, 'class', () => state.active && '--active');
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2f, 'focusin', () => {
             state.active = true;
         });
-        template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749633f, 'focusout', () => {
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2f, 'focusout', () => {
             state.active = false;
         });
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f56255749633f, 'input', (e) => {
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c2f, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f56255749633f, form.input.onrender(state));
-        template_eea410626b3047bfa8387f56255749631.setProperty(element_eea410626b3047bfa8387f56255749633f, 'value', root(() => attributes?.value || state.value || 0));
-        return root_eea410626b3047bfa8387f56255749633d;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c2f, form.input.onrender(state));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2f, 'value', root(() => attributes?.value || state.value || 0));
+        return root_0ff113fe0a6246fbbfe92857b2a0303c2d;
     })();
 }
 ;

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

@@ -1,4 +1,4 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 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_eea410626b3047bfa8387f56255749631.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
+        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
     <T extends A>(attributes: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
-    <T extends template_eea410626b3047bfa8387f56255749631.Renderable<any>>(content: T): ReturnType<(this: {
+        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
+    <T extends template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
-    (attributes: A, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>): ReturnType<(this: {
+        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
+    (attributes: A, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_eea410626b3047bfa8387f56255749631.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
+        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
+    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>;
 };
 export default _default;
 export type { A as Attributes };

package/build/components/scrollbar/index.js

@@ -1,39 +1,39 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f56255749633j = template_eea410626b3047bfa8387f56255749631.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
-class ReactiveObject_eea410626b3047bfa8387f56255749633h extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #height = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](100);
-    #translate = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
+const template_0ff113fe0a6246fbbfe92857b2a0303c2i = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'></div><div class='scrollbar'>`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2g extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #height = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](100);
+    #translate = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get height() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#height);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#height);
     }
     set height(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#height, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#height, _v0);
     }
     get translate() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#translate);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#translate);
     }
     set translate(_v1) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#translate, _v1);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.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_eea410626b3047bfa8387f56255749633h();
+    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2g();
     return (() => {
-        let root_eea410626b3047bfa8387f56255749633i = template_eea410626b3047bfa8387f56255749633j(), element_eea410626b3047bfa8387f56255749633k = root_eea410626b3047bfa8387f56255749633i.firstChild, element_eea410626b3047bfa8387f56255749633l = element_eea410626b3047bfa8387f56255749633k.firstElementChild, element_eea410626b3047bfa8387f56255749633m = element_eea410626b3047bfa8387f56255749633l.firstChild, element_eea410626b3047bfa8387f56255749633n = element_eea410626b3047bfa8387f56255749633l.nextElementSibling, attributes_eea410626b3047bfa8387f56255749633o = { "class": " scrollbar-container" }, attributes_eea410626b3047bfa8387f56255749633p = { "class": " scrollbar-container-content" }, attributes_eea410626b3047bfa8387f56255749633q = { "class": " scrollbar" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633k, this?.attributes && omit(this.attributes, OMIT), attributes_eea410626b3047bfa8387f56255749633o);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633k, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749633o);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633l, this?.attributes?.['scrollbar-container-content'], attributes_eea410626b3047bfa8387f56255749633p);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633l, attributes['scrollbar-container-content'], attributes_eea410626b3047bfa8387f56255749633p);
-        template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749633l, 'scroll', function () {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c2h = template_0ff113fe0a6246fbbfe92857b2a0303c2i(), element_0ff113fe0a6246fbbfe92857b2a0303c2j = root_0ff113fe0a6246fbbfe92857b2a0303c2h.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c2k = element_0ff113fe0a6246fbbfe92857b2a0303c2j.firstElementChild, element_0ff113fe0a6246fbbfe92857b2a0303c2l = element_0ff113fe0a6246fbbfe92857b2a0303c2k.nextElementSibling;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2j, this?.attributes && omit(this.attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2j, omit(attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2k, this?.attributes?.['scrollbar-container-content']);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2k, attributes['scrollbar-container-content']);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2k, 'scroll', function () {
             if (width === undefined) {
                 width = this.offsetWidth - this.clientWidth;
                 if (width && width !== 17) {
@@ -43,14 +43,14 @@ export default template.factory(function (attributes, content) {
             state.height = (this.clientHeight / this.scrollHeight) * 100;
             state.translate = (this.scrollTop / this.clientHeight) * 100;
         });
-        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749633m, content);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633n, this?.attributes?.scrollbar, attributes_eea410626b3047bfa8387f56255749633q);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633n, attributes.scrollbar, attributes_eea410626b3047bfa8387f56255749633q);
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749633n, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_eea410626b3047bfa8387f56255749633q);
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749633n, 'style', () => `
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c2k, content, 1);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2l, this?.attributes?.scrollbar);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2l, attributes.scrollbar);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2l, 'class', () => state.height >= 100 && 'scrollbar--hidden');
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2l, 'style', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
-                        `, attributes_eea410626b3047bfa8387f56255749633q);
-        return root_eea410626b3047bfa8387f56255749633i;
+                        `);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c2h;
     })();
 });

package/build/components/select/index.js

@@ -1,45 +1,45 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 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_eea410626b3047bfa8387f56255749633t = template_eea410626b3047bfa8387f56255749631.template(`<div class='link select-option '><!--$--></div>`);
-const template_eea410626b3047bfa8387f56255749633y = template_eea410626b3047bfa8387f56255749631.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag' /><!--$--></div>`);
-class ReactiveObject_eea410626b3047bfa8387f56255749633r extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
-    #error = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL]('');
-    #render = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
+const template_0ff113fe0a6246fbbfe92857b2a0303c2o = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='link select-option '>`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c2r = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag' />`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2m extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
+    #render = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
     #selected;
     constructor(_p0) {
         super(null);
-        this.#selected = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](_p0);
+        this.#selected = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](_p0);
     }
     get active() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#active);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#active, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#error);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#error, _v1);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
     }
     get render() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#render);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#render);
     }
     set render(_v2) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#render, _v2);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#render, _v2);
     }
     get selected() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#selected);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#selected);
     }
     set selected(_v3) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#selected, _v3);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#selected, _v3);
     }
 }
 const OMIT = [
@@ -78,19 +78,19 @@ function set(current, value) {
     }
 }
 const select = template.factory(function (attributes, content) {
-    let { options, option } = attributes, state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749633r(attributes.selected || Object.keys(options)[0]);
+    let { options, option } = attributes, state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2m(attributes.selected || Object.keys(options)[0]);
     return (() => {
-        let root_eea410626b3047bfa8387f56255749633x = template_eea410626b3047bfa8387f56255749633y(), element_eea410626b3047bfa8387f56255749633z = root_eea410626b3047bfa8387f56255749633x.firstChild, element_eea410626b3047bfa8387f562557496340 = element_eea410626b3047bfa8387f56255749633z.firstChild, element_eea410626b3047bfa8387f562557496341 = element_eea410626b3047bfa8387f56255749633z.firstElementChild, element_eea410626b3047bfa8387f562557496342 = element_eea410626b3047bfa8387f562557496341.nextElementSibling, element_eea410626b3047bfa8387f562557496343 = element_eea410626b3047bfa8387f562557496340.nextSibling.nextSibling.nextSibling, attributes_eea410626b3047bfa8387f562557496344 = { "class": " select tooltip " }, attributes_eea410626b3047bfa8387f562557496345 = { "class": " select-arrow" };
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749633z, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f562557496344);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633z, this?.attributes && omit(this.attributes, OMIT), attributes_eea410626b3047bfa8387f562557496344);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633z, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f562557496344);
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f56255749633z, 'click', () => {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c2q = template_0ff113fe0a6246fbbfe92857b2a0303c2r(), element_0ff113fe0a6246fbbfe92857b2a0303c2s = root_0ff113fe0a6246fbbfe92857b2a0303c2q.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c2t = element_0ff113fe0a6246fbbfe92857b2a0303c2s.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c2u = element_0ff113fe0a6246fbbfe92857b2a0303c2s.firstElementChild, element_0ff113fe0a6246fbbfe92857b2a0303c2v = element_0ff113fe0a6246fbbfe92857b2a0303c2u.nextElementSibling;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2s, 'class', () => state.active && '--active');
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2s, this?.attributes && omit(this.attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2s, omit(attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c2s, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f562557496340, content ? (() => content(state)) : (() => {
+        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c2t, content ? (() => content(state)) : (() => {
             let selected = options[state.selected];
             if (!selected) {
                 return '-';
@@ -100,17 +100,17 @@ const select = template.factory(function (attributes, content) {
             }
             return selected;
         }));
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496341, this?.attributes?.arrow, attributes_eea410626b3047bfa8387f562557496345);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496341, attributes.arrow, attributes_eea410626b3047bfa8387f562557496345);
-        template_eea410626b3047bfa8387f56255749631.setProperty(element_eea410626b3047bfa8387f562557496342, 'name', attributes.name);
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496342, 'click', () => { });
-        template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f562557496342, form.input.onrender(state));
-        template_eea410626b3047bfa8387f56255749631.setProperty(element_eea410626b3047bfa8387f562557496342, 'value', () => state.selected);
-        new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f562557496343, () => {
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2u, this?.attributes?.arrow);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2u, attributes.arrow);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2v, 'name', attributes.name);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c2v, 'click', () => { });
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c2v, form.input.onrender(state));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2v, 'value', () => state.selected);
+        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c2s, () => {
             if (!state.render) {
                 return;
             }
-            let keys = Object.keys(options), selected = reactivity_eea410626b3047bfa8387f56255749630.reactive(Object.fromEntries(keys.map(key => [key, false])));
+            let keys = Object.keys(options), selected = reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.reactive(Object.fromEntries(keys.map(key => [key, false])));
             return sb({
                 ...this?.attributes?.['tooltip-content'] || EMPTY_ARRAY,
                 ...attributes['tooltip-content'],
@@ -154,17 +154,17 @@ const select = template.factory(function (attributes, content) {
                     content = content.content;
                 }
                 return (() => {
-                    let root_eea410626b3047bfa8387f56255749633s = template_eea410626b3047bfa8387f56255749633t(), element_eea410626b3047bfa8387f56255749633u = root_eea410626b3047bfa8387f56255749633s.firstChild, element_eea410626b3047bfa8387f56255749633v = element_eea410626b3047bfa8387f56255749633u.firstChild, attributes_eea410626b3047bfa8387f56255749633w = { "class": " link select-option " };
-                    template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749633u, 'class', () => selected[key] && '--active', attributes_eea410626b3047bfa8387f56255749633w);
-                    template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633u, this?.attributes?.option, attributes_eea410626b3047bfa8387f56255749633w);
-                    template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749633u, option, attributes_eea410626b3047bfa8387f56255749633w);
-                    template_eea410626b3047bfa8387f56255749631.setProperty(element_eea410626b3047bfa8387f56255749633u, 'data-key', key);
-                    template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749633v, content);
-                    return root_eea410626b3047bfa8387f56255749633s;
+                    let root_0ff113fe0a6246fbbfe92857b2a0303c2n = template_0ff113fe0a6246fbbfe92857b2a0303c2o(), element_0ff113fe0a6246fbbfe92857b2a0303c2p = root_0ff113fe0a6246fbbfe92857b2a0303c2n.firstChild;
+                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2p, 'class', () => selected[key] && '--active');
+                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2p, this?.attributes?.option);
+                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2p, option);
+                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2p, 'data-key', key);
+                    template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c2p, content, 1);
+                    return root_0ff113fe0a6246fbbfe92857b2a0303c2n;
                 })();
             }));
-        });
-        return root_eea410626b3047bfa8387f56255749633x;
+        }, 2);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c2q;
     })();
 });
 export default select;

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

@@ -6,5 +6,5 @@ declare const _default: (this: {
         active: boolean;
         error: string;
     };
-}) => DocumentFragment;
+}) => DocumentFragment | Text;
 export default _default;

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

@@ -7,4 +7,4 @@ export default function (this: {
         active: boolean;
         error: string;
     };
-}): DocumentFragment;
+}): DocumentFragment | Text;

package/build/components/textarea/index.js

@@ -1,45 +1,45 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f562557496348 = template_eea410626b3047bfa8387f56255749631.template(`<textarea class='textarea'></textarea>`);
-class ReactiveObject_eea410626b3047bfa8387f562557496346 extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
-    #error = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL]('');
+const template_0ff113fe0a6246fbbfe92857b2a0303c2y = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<textarea class='textarea'>`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2w extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#active);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#active, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#error);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#error, _v1);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
     }
 }
 const OMIT = ['state'];
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f562557496346();
+    let state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2w();
     return (() => {
-        let root_eea410626b3047bfa8387f562557496347 = template_eea410626b3047bfa8387f562557496348(), element_eea410626b3047bfa8387f562557496349 = root_eea410626b3047bfa8387f562557496347.firstChild, attributes_eea410626b3047bfa8387f56255749634a = { "class": " textarea" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496349, this?.attributes && omit(this.attributes, OMIT), attributes_eea410626b3047bfa8387f56255749634a);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496349, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749634a);
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f562557496349, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f56255749634a);
-        template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f562557496349, 'focusin', () => {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c2x = template_0ff113fe0a6246fbbfe92857b2a0303c2y(), element_0ff113fe0a6246fbbfe92857b2a0303c2z = root_0ff113fe0a6246fbbfe92857b2a0303c2x.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2z, this?.attributes && omit(this.attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2z, omit(attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'class', () => state.active && '--active');
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'focusin', () => {
             state.active = true;
         });
-        template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f562557496349, 'focusout', () => {
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'focusout', () => {
             state.active = false;
         });
-        template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f562557496349, form.input.onrender(state));
-        template_eea410626b3047bfa8387f56255749631.setProperty(element_eea410626b3047bfa8387f562557496349, 'value', attributes?.value || '');
-        return root_eea410626b3047bfa8387f562557496347;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c2z, form.input.onrender(state));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'value', attributes?.value || '');
+        return root_0ff113fe0a6246fbbfe92857b2a0303c2x;
     })();
 }
 ;