@esportsplus/ui 0.50.12 → 0.50.13

package/build/components/loader/index.js

@@ -1,78 +1,78 @@
-import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
-import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_31dfc3aae3354e00a148889c23732a6c2v = template_31dfc3aae3354e00a148889c23732a6c1.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_31dfc3aae3354e00a148889c23732a6c32 = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
-class ReactiveObject_31dfc3aae3354e00a148889c23732a6c2t extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
-    #load = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
-    #remove = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
-    #scale = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
+const template_8d320e78acc84a40aecd0d8b5125cc232v = template_8d320e78acc84a40aecd0d8b5125cc231.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_8d320e78acc84a40aecd0d8b5125cc2332 = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232t extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #load = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+    #remove = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+    #scale = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
     constructor() {
         super(null);
     }
     get load() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#load);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#load);
     }
     set load(_v0) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#load, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#load, _v0);
     }
     get remove() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#remove);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#remove);
     }
     set remove(_v1) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#remove, _v1);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#remove, _v1);
     }
     get scale() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#scale);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#scale);
     }
     set scale(_v2) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#scale, _v2);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#scale, _v2);
     }
 }
 const OMIT = ['loader-content', 'loader-logo'];
 export default template.factory((attributes, content) => {
-    let state = new ReactiveObject_31dfc3aae3354e00a148889c23732a6c2t();
+    let state = new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232t();
     return () => {
         if (state.remove) {
             return;
         }
         let i = 0;
         return (() => {
-            let root_31dfc3aae3354e00a148889c23732a6c31 = template_31dfc3aae3354e00a148889c23732a6c32(), element_31dfc3aae3354e00a148889c23732a6c33 = root_31dfc3aae3354e00a148889c23732a6c31.firstChild, element_31dfc3aae3354e00a148889c23732a6c34 = element_31dfc3aae3354e00a148889c23732a6c33.firstElementChild, element_31dfc3aae3354e00a148889c23732a6c35 = element_31dfc3aae3354e00a148889c23732a6c34.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c36 = { "class": "loader" }, attributes_31dfc3aae3354e00a148889c23732a6c37 = { "class": "loader" };
-            template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c33, 'class', () => state.load && 'loader--load', attributes_31dfc3aae3354e00a148889c23732a6c36);
-            template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c33, 'animationend', (e) => {
+            let root_8d320e78acc84a40aecd0d8b5125cc2331 = template_8d320e78acc84a40aecd0d8b5125cc2332(), element_8d320e78acc84a40aecd0d8b5125cc2333 = root_8d320e78acc84a40aecd0d8b5125cc2331.firstChild, element_8d320e78acc84a40aecd0d8b5125cc2334 = element_8d320e78acc84a40aecd0d8b5125cc2333.firstElementChild, element_8d320e78acc84a40aecd0d8b5125cc2335 = element_8d320e78acc84a40aecd0d8b5125cc2334.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc2336 = { "class": "loader" }, attributes_8d320e78acc84a40aecd0d8b5125cc2337 = { "class": "loader" };
+            template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc2333, 'class', () => state.load && 'loader--load', attributes_8d320e78acc84a40aecd0d8b5125cc2336);
+            template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2333, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c33, omit(attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c36);
-            template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c34, 'class', () => state.load && 'loader--load', attributes_31dfc3aae3354e00a148889c23732a6c37);
-            template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c34, !content && {
+            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2333, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc2336);
+            template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc2334, 'class', () => state.load && 'loader--load', attributes_8d320e78acc84a40aecd0d8b5125cc2337);
+            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2334, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
-            }, attributes_31dfc3aae3354e00a148889c23732a6c37);
-            template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c34, attributes.loader, attributes_31dfc3aae3354e00a148889c23732a6c37);
-            template_31dfc3aae3354e00a148889c23732a6c1.slot(element_31dfc3aae3354e00a148889c23732a6c35, content && (() => {
-                let root_31dfc3aae3354e00a148889c23732a6c2u = template_31dfc3aae3354e00a148889c23732a6c2v(), element_31dfc3aae3354e00a148889c23732a6c2w = root_31dfc3aae3354e00a148889c23732a6c2u.firstChild, element_31dfc3aae3354e00a148889c23732a6c2x = element_31dfc3aae3354e00a148889c23732a6c2w.firstElementChild, element_31dfc3aae3354e00a148889c23732a6c2y = element_31dfc3aae3354e00a148889c23732a6c2x.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c2z = { "class": "loader-content" }, attributes_31dfc3aae3354e00a148889c23732a6c30 = { "class": "loader-logo text --flex-center --text-uppercase --text-600", "style": "color:;var(--color-grey-500);" };
-                template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c2w, attributes['loader-content'], attributes_31dfc3aae3354e00a148889c23732a6c2z);
-                template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c2x, attributes['loader-logo'], attributes_31dfc3aae3354e00a148889c23732a6c30);
-                template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c2x, 'class', () => state.scale && 'loader-logo--scale', attributes_31dfc3aae3354e00a148889c23732a6c30);
-                template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c2x, 'animationend', ({ animationName: name }) => {
+            }, attributes_8d320e78acc84a40aecd0d8b5125cc2337);
+            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2334, attributes.loader, attributes_8d320e78acc84a40aecd0d8b5125cc2337);
+            template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc2335, content && (() => {
+                let root_8d320e78acc84a40aecd0d8b5125cc232u = template_8d320e78acc84a40aecd0d8b5125cc232v(), element_8d320e78acc84a40aecd0d8b5125cc232w = root_8d320e78acc84a40aecd0d8b5125cc232u.firstChild, element_8d320e78acc84a40aecd0d8b5125cc232x = element_8d320e78acc84a40aecd0d8b5125cc232w.firstElementChild, element_8d320e78acc84a40aecd0d8b5125cc232y = element_8d320e78acc84a40aecd0d8b5125cc232x.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc232z = { "class": "loader-content" }, attributes_8d320e78acc84a40aecd0d8b5125cc2330 = { "class": "loader-logo text --flex-center --text-uppercase --text-600", "style": "color:;var(--color-grey-500);" };
+                template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc232w, attributes['loader-content'], attributes_8d320e78acc84a40aecd0d8b5125cc232z);
+                template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc232x, attributes['loader-logo'], attributes_8d320e78acc84a40aecd0d8b5125cc2330);
+                template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc232x, 'class', () => state.scale && 'loader-logo--scale', attributes_8d320e78acc84a40aecd0d8b5125cc2330);
+                template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc232x, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_31dfc3aae3354e00a148889c23732a6c1.onconnect(element_31dfc3aae3354e00a148889c23732a6c2x, () => {
+                template_8d320e78acc84a40aecd0d8b5125cc231.onconnect(element_8d320e78acc84a40aecd0d8b5125cc232x, () => {
                     state.scale = true;
                 });
-                template_31dfc3aae3354e00a148889c23732a6c1.slot(element_31dfc3aae3354e00a148889c23732a6c2y, content);
-                return root_31dfc3aae3354e00a148889c23732a6c2u;
+                template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc232y, content);
+                return root_8d320e78acc84a40aecd0d8b5125cc232u;
             })());
-            return root_31dfc3aae3354e00a148889c23732a6c31;
+            return root_8d320e78acc84a40aecd0d8b5125cc2331;
         })();
     };
 });

package/build/components/loading/index.js

@@ -1,10 +1,10 @@
-import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
 import './scss/index.scss';
-const template_31dfc3aae3354e00a148889c23732a6c39 = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
+const template_8d320e78acc84a40aecd0d8b5125cc2339 = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
 export default (attributes) => {
     return (() => {
-        let root_31dfc3aae3354e00a148889c23732a6c38 = template_31dfc3aae3354e00a148889c23732a6c39(), element_31dfc3aae3354e00a148889c23732a6c3a = root_31dfc3aae3354e00a148889c23732a6c38.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c3b = { "class": "loading --border-width-700 --size-800", "style": "--border-color:;var(--color-border-500);" };
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3a, attributes, attributes_31dfc3aae3354e00a148889c23732a6c3b);
-        return root_31dfc3aae3354e00a148889c23732a6c38;
+        let root_8d320e78acc84a40aecd0d8b5125cc2338 = template_8d320e78acc84a40aecd0d8b5125cc2339(), element_8d320e78acc84a40aecd0d8b5125cc233a = root_8d320e78acc84a40aecd0d8b5125cc2338.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc233b = { "class": "loading --border-width-700 --size-800", "style": "--border-color:;var(--color-border-500);" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233a, attributes, attributes_8d320e78acc84a40aecd0d8b5125cc233b);
+        return root_8d320e78acc84a40aecd0d8b5125cc2338;
     })();
 };

package/build/components/range/index.js

@@ -1,58 +1,58 @@
-import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
-import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_31dfc3aae3354e00a148889c23732a6c3e = template_31dfc3aae3354e00a148889c23732a6c1.template(`<input class='range --border-state --border-black' type='range'  />`);
-class ReactiveObject_31dfc3aae3354e00a148889c23732a6c3c extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
-    #active = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
-    #error = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL]('');
-    #value = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](0);
+const template_8d320e78acc84a40aecd0d8b5125cc233e = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<input class='range --border-state --border-black' type='range'  />`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc233c extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #active = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+    #error = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL]('');
+    #value = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](0);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#active);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#active);
     }
     set active(_v0) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#active, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#error);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#error);
     }
     set error(_v1) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#error, _v1);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#error, _v1);
     }
     get value() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#value);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#value);
     }
     set value(_v2) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#value, _v2);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#value, _v2);
     }
 }
 export default function (attributes) {
-    let { max, min } = attributes, state = attributes.state || new ReactiveObject_31dfc3aae3354e00a148889c23732a6c3c();
+    let { max, min } = attributes, state = attributes.state || new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc233c();
     if (attributes?.value) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_31dfc3aae3354e00a148889c23732a6c3d = template_31dfc3aae3354e00a148889c23732a6c3e(), element_31dfc3aae3354e00a148889c23732a6c3f = root_31dfc3aae3354e00a148889c23732a6c3d.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c3g = { "class": "range --border-state --border-black", "style": "" };
-        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c3f, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_31dfc3aae3354e00a148889c23732a6c3g);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3f, this?.attributes, attributes_31dfc3aae3354e00a148889c23732a6c3g);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3f, attributes, attributes_31dfc3aae3354e00a148889c23732a6c3g);
-        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c3f, 'class', () => state.active && '--active', attributes_31dfc3aae3354e00a148889c23732a6c3g);
-        template_31dfc3aae3354e00a148889c23732a6c1.on(element_31dfc3aae3354e00a148889c23732a6c3f, 'focusin', () => {
+        let root_8d320e78acc84a40aecd0d8b5125cc233d = template_8d320e78acc84a40aecd0d8b5125cc233e(), element_8d320e78acc84a40aecd0d8b5125cc233f = root_8d320e78acc84a40aecd0d8b5125cc233d.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc233g = { "class": "range --border-state --border-black", "style": "" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc233f, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_8d320e78acc84a40aecd0d8b5125cc233g);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233f, this?.attributes, attributes_8d320e78acc84a40aecd0d8b5125cc233g);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233f, attributes, attributes_8d320e78acc84a40aecd0d8b5125cc233g);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc233f, 'class', () => state.active && '--active', attributes_8d320e78acc84a40aecd0d8b5125cc233g);
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc233f, 'focusin', () => {
             state.active = true;
         });
-        template_31dfc3aae3354e00a148889c23732a6c1.on(element_31dfc3aae3354e00a148889c23732a6c3f, 'focusout', () => {
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc233f, 'focusout', () => {
             state.active = false;
         });
-        template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c3f, 'input', (e) => {
+        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc233f, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_31dfc3aae3354e00a148889c23732a6c1.onrender(element_31dfc3aae3354e00a148889c23732a6c3f, form.input.onrender(state));
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperty(element_31dfc3aae3354e00a148889c23732a6c3f, 'value', root(() => attributes?.value || state.value || 0));
-        return root_31dfc3aae3354e00a148889c23732a6c3d;
+        template_8d320e78acc84a40aecd0d8b5125cc231.onrender(element_8d320e78acc84a40aecd0d8b5125cc233f, form.input.onrender(state));
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc233f, 'value', root(() => attributes?.value || state.value || 0));
+        return root_8d320e78acc84a40aecd0d8b5125cc233d;
     })();
 }
 ;

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

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

package/build/components/scrollbar/index.js

@@ -1,39 +1,39 @@
-import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
-import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_31dfc3aae3354e00a148889c23732a6c3j = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
-class ReactiveObject_31dfc3aae3354e00a148889c23732a6c3h extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
-    #height = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](100);
-    #translate = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](0);
+const template_8d320e78acc84a40aecd0d8b5125cc233j = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc233h extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #height = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](100);
+    #translate = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](0);
     constructor() {
         super(null);
     }
     get height() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#height);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#height);
     }
     set height(_v0) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#height, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#height, _v0);
     }
     get translate() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#translate);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#translate);
     }
     set translate(_v1) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#translate, _v1);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.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_31dfc3aae3354e00a148889c23732a6c3h();
+    let state = new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc233h();
     return (() => {
-        let root_31dfc3aae3354e00a148889c23732a6c3i = template_31dfc3aae3354e00a148889c23732a6c3j(), element_31dfc3aae3354e00a148889c23732a6c3k = root_31dfc3aae3354e00a148889c23732a6c3i.firstChild, element_31dfc3aae3354e00a148889c23732a6c3l = element_31dfc3aae3354e00a148889c23732a6c3k.firstElementChild, element_31dfc3aae3354e00a148889c23732a6c3m = element_31dfc3aae3354e00a148889c23732a6c3l.firstChild, element_31dfc3aae3354e00a148889c23732a6c3n = element_31dfc3aae3354e00a148889c23732a6c3l.nextElementSibling, attributes_31dfc3aae3354e00a148889c23732a6c3o = { "class": "scrollbar-container" }, attributes_31dfc3aae3354e00a148889c23732a6c3p = { "class": "scrollbar-container-content" }, attributes_31dfc3aae3354e00a148889c23732a6c3q = { "class": "scrollbar" };
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3k, this?.attributes && omit(this.attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c3o);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3k, omit(attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c3o);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3l, this?.attributes?.['scrollbar-container-content'], attributes_31dfc3aae3354e00a148889c23732a6c3p);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3l, attributes['scrollbar-container-content'], attributes_31dfc3aae3354e00a148889c23732a6c3p);
-        template_31dfc3aae3354e00a148889c23732a6c1.on(element_31dfc3aae3354e00a148889c23732a6c3l, 'scroll', function () {
+        let root_8d320e78acc84a40aecd0d8b5125cc233i = template_8d320e78acc84a40aecd0d8b5125cc233j(), element_8d320e78acc84a40aecd0d8b5125cc233k = root_8d320e78acc84a40aecd0d8b5125cc233i.firstChild, element_8d320e78acc84a40aecd0d8b5125cc233l = element_8d320e78acc84a40aecd0d8b5125cc233k.firstElementChild, element_8d320e78acc84a40aecd0d8b5125cc233m = element_8d320e78acc84a40aecd0d8b5125cc233l.firstChild, element_8d320e78acc84a40aecd0d8b5125cc233n = element_8d320e78acc84a40aecd0d8b5125cc233l.nextElementSibling, attributes_8d320e78acc84a40aecd0d8b5125cc233o = { "class": "scrollbar-container" }, attributes_8d320e78acc84a40aecd0d8b5125cc233p = { "class": "scrollbar-container-content" }, attributes_8d320e78acc84a40aecd0d8b5125cc233q = { "class": "scrollbar" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233k, this?.attributes && omit(this.attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc233o);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233k, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc233o);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233l, this?.attributes?.['scrollbar-container-content'], attributes_8d320e78acc84a40aecd0d8b5125cc233p);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233l, attributes['scrollbar-container-content'], attributes_8d320e78acc84a40aecd0d8b5125cc233p);
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc233l, '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_31dfc3aae3354e00a148889c23732a6c1.slot(element_31dfc3aae3354e00a148889c23732a6c3m, content);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3n, this?.attributes?.scrollbar, attributes_31dfc3aae3354e00a148889c23732a6c3q);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3n, attributes.scrollbar, attributes_31dfc3aae3354e00a148889c23732a6c3q);
-        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c3n, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_31dfc3aae3354e00a148889c23732a6c3q);
-        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c3n, 'style', () => `
+        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc233m, content);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233n, this?.attributes?.scrollbar, attributes_8d320e78acc84a40aecd0d8b5125cc233q);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233n, attributes.scrollbar, attributes_8d320e78acc84a40aecd0d8b5125cc233q);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc233n, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_8d320e78acc84a40aecd0d8b5125cc233q);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc233n, 'style', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
-                        `, attributes_31dfc3aae3354e00a148889c23732a6c3q);
-        return root_31dfc3aae3354e00a148889c23732a6c3i;
+                        `, attributes_8d320e78acc84a40aecd0d8b5125cc233q);
+        return root_8d320e78acc84a40aecd0d8b5125cc233i;
     })();
 });

package/build/components/select/index.js

@@ -1,45 +1,45 @@
-import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
-import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 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_31dfc3aae3354e00a148889c23732a6c3t = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='link select-option '><!--$--></div>`);
-const template_31dfc3aae3354e00a148889c23732a6c3y = template_31dfc3aae3354e00a148889c23732a6c1.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'  /><!--$--></div>`);
-class ReactiveObject_31dfc3aae3354e00a148889c23732a6c3r extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
-    #active = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
-    #error = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL]('');
-    #render = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
+const template_8d320e78acc84a40aecd0d8b5125cc233t = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='link select-option '><!--$--></div>`);
+const template_8d320e78acc84a40aecd0d8b5125cc233y = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'  /><!--$--></div>`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc233r extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #active = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+    #error = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL]('');
+    #render = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
     #selected;
     constructor(_p0) {
         super(null);
-        this.#selected = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](_p0);
+        this.#selected = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](_p0);
     }
     get active() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#active);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#active);
     }
     set active(_v0) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#active, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#error);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#error);
     }
     set error(_v1) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#error, _v1);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#error, _v1);
     }
     get render() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#render);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#render);
     }
     set render(_v2) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#render, _v2);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#render, _v2);
     }
     get selected() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#selected);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#selected);
     }
     set selected(_v3) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#selected, _v3);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.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_31dfc3aae3354e00a148889c23732a6c3r(attributes.selected || Object.keys(options)[0]);
+    let { options, option } = attributes, state = attributes.state || new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc233r(attributes.selected || Object.keys(options)[0]);
     return (() => {
-        let root_31dfc3aae3354e00a148889c23732a6c3x = template_31dfc3aae3354e00a148889c23732a6c3y(), element_31dfc3aae3354e00a148889c23732a6c3z = root_31dfc3aae3354e00a148889c23732a6c3x.firstChild, element_31dfc3aae3354e00a148889c23732a6c40 = element_31dfc3aae3354e00a148889c23732a6c3z.firstChild, element_31dfc3aae3354e00a148889c23732a6c41 = element_31dfc3aae3354e00a148889c23732a6c3z.firstElementChild, element_31dfc3aae3354e00a148889c23732a6c42 = element_31dfc3aae3354e00a148889c23732a6c41.nextElementSibling, element_31dfc3aae3354e00a148889c23732a6c43 = element_31dfc3aae3354e00a148889c23732a6c40.nextSibling.nextSibling.nextSibling, attributes_31dfc3aae3354e00a148889c23732a6c44 = { "class": "select tooltip" }, attributes_31dfc3aae3354e00a148889c23732a6c45 = { "class": "select-arrow" };
-        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c3z, 'class', () => state.active && '--active', attributes_31dfc3aae3354e00a148889c23732a6c44);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3z, this?.attributes && omit(this.attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c44);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3z, omit(attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c44);
-        template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c3z, 'click', () => {
+        let root_8d320e78acc84a40aecd0d8b5125cc233x = template_8d320e78acc84a40aecd0d8b5125cc233y(), element_8d320e78acc84a40aecd0d8b5125cc233z = root_8d320e78acc84a40aecd0d8b5125cc233x.firstChild, element_8d320e78acc84a40aecd0d8b5125cc2340 = element_8d320e78acc84a40aecd0d8b5125cc233z.firstChild, element_8d320e78acc84a40aecd0d8b5125cc2341 = element_8d320e78acc84a40aecd0d8b5125cc233z.firstElementChild, element_8d320e78acc84a40aecd0d8b5125cc2342 = element_8d320e78acc84a40aecd0d8b5125cc2341.nextElementSibling, element_8d320e78acc84a40aecd0d8b5125cc2343 = element_8d320e78acc84a40aecd0d8b5125cc2340.nextSibling.nextSibling.nextSibling, attributes_8d320e78acc84a40aecd0d8b5125cc2344 = { "class": "select tooltip" }, attributes_8d320e78acc84a40aecd0d8b5125cc2345 = { "class": "select-arrow" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc233z, 'class', () => state.active && '--active', attributes_8d320e78acc84a40aecd0d8b5125cc2344);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233z, this?.attributes && omit(this.attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc2344);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233z, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc2344);
+        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc233z, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_31dfc3aae3354e00a148889c23732a6c1.EffectSlot(element_31dfc3aae3354e00a148889c23732a6c40, content ? (() => content(state)) : (() => {
+        new template_8d320e78acc84a40aecd0d8b5125cc231.EffectSlot(element_8d320e78acc84a40aecd0d8b5125cc2340, 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_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c41, this?.attributes?.arrow, attributes_31dfc3aae3354e00a148889c23732a6c45);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c41, attributes.arrow, attributes_31dfc3aae3354e00a148889c23732a6c45);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperty(element_31dfc3aae3354e00a148889c23732a6c42, 'name', attributes.name);
-        template_31dfc3aae3354e00a148889c23732a6c1.delegate(element_31dfc3aae3354e00a148889c23732a6c42, 'click', () => { });
-        template_31dfc3aae3354e00a148889c23732a6c1.onrender(element_31dfc3aae3354e00a148889c23732a6c42, form.input.onrender(state));
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperty(element_31dfc3aae3354e00a148889c23732a6c42, 'value', () => state.selected);
-        new template_31dfc3aae3354e00a148889c23732a6c1.EffectSlot(element_31dfc3aae3354e00a148889c23732a6c43, () => {
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2341, this?.attributes?.arrow, attributes_8d320e78acc84a40aecd0d8b5125cc2345);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2341, attributes.arrow, attributes_8d320e78acc84a40aecd0d8b5125cc2345);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc2342, 'name', attributes.name);
+        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2342, 'click', () => { });
+        template_8d320e78acc84a40aecd0d8b5125cc231.onrender(element_8d320e78acc84a40aecd0d8b5125cc2342, form.input.onrender(state));
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc2342, 'value', () => state.selected);
+        new template_8d320e78acc84a40aecd0d8b5125cc231.EffectSlot(element_8d320e78acc84a40aecd0d8b5125cc2343, () => {
             if (!state.render) {
                 return;
             }
-            let keys = Object.keys(options), selected = reactivity_31dfc3aae3354e00a148889c23732a6c0.reactive(Object.fromEntries(keys.map(key => [key, false])));
+            let keys = Object.keys(options), selected = reactivity_8d320e78acc84a40aecd0d8b5125cc230.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_31dfc3aae3354e00a148889c23732a6c3s = template_31dfc3aae3354e00a148889c23732a6c3t(), element_31dfc3aae3354e00a148889c23732a6c3u = root_31dfc3aae3354e00a148889c23732a6c3s.firstChild, element_31dfc3aae3354e00a148889c23732a6c3v = element_31dfc3aae3354e00a148889c23732a6c3u.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c3w = { "class": "link select-option" };
-                    template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c3u, 'class', () => selected[key] && '--active', attributes_31dfc3aae3354e00a148889c23732a6c3w);
-                    template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3u, this?.attributes?.option, attributes_31dfc3aae3354e00a148889c23732a6c3w);
-                    template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c3u, option, attributes_31dfc3aae3354e00a148889c23732a6c3w);
-                    template_31dfc3aae3354e00a148889c23732a6c1.setProperty(element_31dfc3aae3354e00a148889c23732a6c3u, 'data-key', key);
-                    template_31dfc3aae3354e00a148889c23732a6c1.slot(element_31dfc3aae3354e00a148889c23732a6c3v, content);
-                    return root_31dfc3aae3354e00a148889c23732a6c3s;
+                    let root_8d320e78acc84a40aecd0d8b5125cc233s = template_8d320e78acc84a40aecd0d8b5125cc233t(), element_8d320e78acc84a40aecd0d8b5125cc233u = root_8d320e78acc84a40aecd0d8b5125cc233s.firstChild, element_8d320e78acc84a40aecd0d8b5125cc233v = element_8d320e78acc84a40aecd0d8b5125cc233u.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc233w = { "class": "link select-option" };
+                    template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc233u, 'class', () => selected[key] && '--active', attributes_8d320e78acc84a40aecd0d8b5125cc233w);
+                    template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233u, this?.attributes?.option, attributes_8d320e78acc84a40aecd0d8b5125cc233w);
+                    template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc233u, option, attributes_8d320e78acc84a40aecd0d8b5125cc233w);
+                    template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc233u, 'data-key', key);
+                    template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc233v, content);
+                    return root_8d320e78acc84a40aecd0d8b5125cc233s;
                 })();
             }));
         });
-        return root_31dfc3aae3354e00a148889c23732a6c3x;
+        return root_8d320e78acc84a40aecd0d8b5125cc233x;
     })();
 });
 export default select;

package/build/components/switch/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.switch{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:240px;--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--height:var(--size);--opacity:var(--opacity-default);--opacity-active:var(--opacity-default);--opacity-default:1;--opacity-hover:var(--opacity-default);--opacity-pressed:var(--opacity-default);--padding-horizontal:var(--border-width-400);--padding-vertical:var(--border-width-400);--rotate:0deg;--scale:var(--scale-default);--scale-active:var(--scale-default);--scale-default:1;--scale-hover:var(--scale-default);--scale-pressed:var(--scale-default);--size:var(--size-600);--width:var(--width-switch);--width-switch:40px}.switch:before{--box-shadow:0 1px 0 #00000029;--height:calc(var(--size) - (var(--border-width)*2) - (var(--padding-vertical)*2));--translateX:0px;--translateY:0px;--width:var(--height)}.switch:not(.--active):not(:hover):before{--translateX:calc(var(--width-switch) - (var(--border-width)*2) - var(--height) - (var(--padding-horizontal)*2))}.switch:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--color:var(--color-hover);--opacity:var(--opacity-hover);--scale:var(--scale-hover)}.switch:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--color:var(--color-pressed);--opacity:var(--opacity-pressed);--scale:var(--scale-pressed)}.switch.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--opacity:var(--opacity-active);--scale:var(--scale-active)}.switch{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);position:relative}.switch:invalid,.switch:required{box-shadow:none}.switch:before{top:var(--padding-vertical);left:var(--padding-horizontal);background:var(--accent);border-radius:inherit;box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX),var(--translateY))rotate(var(--rotate))scale(var(--scale));transform-origin:50%;width:var(--width);position:absolute}.switch-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
+@layer components {.switch{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:240px;--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--height:var(--size);--opacity:var(--opacity-default);--opacity-active:var(--opacity-default);--opacity-default:1;--opacity-hover:var(--opacity-default);--opacity-pressed:var(--opacity-default);--padding-horizontal:var(--border-width-400);--padding-vertical:var(--border-width-400);--rotate:0deg;--scale:var(--scale-default);--scale-active:var(--scale-default);--scale-default:1;--scale-hover:var(--scale-default);--scale-pressed:var(--scale-default);--size:var(--size-600);--width:var(--width-switch);--width-switch:40px}.switch:before{--box-shadow:0 1px 0 #00000029;--height:calc(var(--size) - (var(--border-width)*2) - (var(--padding-vertical)*2));--translateX:0px;--translateY:0px;--width:var(--height)}.switch:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--color:var(--color-hover);--opacity:var(--opacity-hover);--scale:var(--scale-hover)}.switch:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--color:var(--color-pressed);--opacity:var(--opacity-pressed);--scale:var(--scale-pressed)}.switch.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--opacity:var(--opacity-active);--scale:var(--scale-active)}.switch.--active:before{--translateX:calc(var(--width-switch) - (var(--border-width)*2) - var(--height) - (var(--padding-horizontal)*2))}.switch{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);position:relative}.switch:invalid,.switch:required{box-shadow:none}.switch:before{top:var(--padding-vertical);left:var(--padding-horizontal);background:var(--accent);border-radius:inherit;box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX),var(--translateY))rotate(var(--rotate))scale(var(--scale));transform-origin:50%;width:var(--width);position:absolute}.switch-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
 /*$vite$:1*/

package/build/components/textarea/index.js

@@ -1,45 +1,45 @@
-import * as template_31dfc3aae3354e00a148889c23732a6c1 from '@esportsplus/template';
-import * as reactivity_31dfc3aae3354e00a148889c23732a6c0 from '@esportsplus/reactivity';
+import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_31dfc3aae3354e00a148889c23732a6c48 = template_31dfc3aae3354e00a148889c23732a6c1.template(`<textarea class='textarea'></textarea>`);
-class ReactiveObject_31dfc3aae3354e00a148889c23732a6c46 extends reactivity_31dfc3aae3354e00a148889c23732a6c0.ReactiveObject {
-    #active = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL](false);
-    #error = this[reactivity_31dfc3aae3354e00a148889c23732a6c0.SIGNAL]('');
+const template_8d320e78acc84a40aecd0d8b5125cc2348 = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<textarea class='textarea'></textarea>`);
+class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc2346 extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
+    #active = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+    #error = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#active);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#active);
     }
     set active(_v0) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#active, _v0);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_31dfc3aae3354e00a148889c23732a6c0.read(this.#error);
+        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#error);
     }
     set error(_v1) {
-        reactivity_31dfc3aae3354e00a148889c23732a6c0.write(this.#error, _v1);
+        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#error, _v1);
     }
 }
 const OMIT = ['state'];
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_31dfc3aae3354e00a148889c23732a6c46();
+    let state = attributes.state || new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc2346();
     return (() => {
-        let root_31dfc3aae3354e00a148889c23732a6c47 = template_31dfc3aae3354e00a148889c23732a6c48(), element_31dfc3aae3354e00a148889c23732a6c49 = root_31dfc3aae3354e00a148889c23732a6c47.firstChild, attributes_31dfc3aae3354e00a148889c23732a6c4a = { "class": "textarea" };
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c49, this?.attributes && omit(this.attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c4a);
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperties(element_31dfc3aae3354e00a148889c23732a6c49, omit(attributes, OMIT), attributes_31dfc3aae3354e00a148889c23732a6c4a);
-        template_31dfc3aae3354e00a148889c23732a6c1.setList(element_31dfc3aae3354e00a148889c23732a6c49, 'class', () => state.active && '--active', attributes_31dfc3aae3354e00a148889c23732a6c4a);
-        template_31dfc3aae3354e00a148889c23732a6c1.on(element_31dfc3aae3354e00a148889c23732a6c49, 'focusin', () => {
+        let root_8d320e78acc84a40aecd0d8b5125cc2347 = template_8d320e78acc84a40aecd0d8b5125cc2348(), element_8d320e78acc84a40aecd0d8b5125cc2349 = root_8d320e78acc84a40aecd0d8b5125cc2347.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc234a = { "class": "textarea" };
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2349, this?.attributes && omit(this.attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc234a);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2349, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc234a);
+        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc2349, 'class', () => state.active && '--active', attributes_8d320e78acc84a40aecd0d8b5125cc234a);
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc2349, 'focusin', () => {
             state.active = true;
         });
-        template_31dfc3aae3354e00a148889c23732a6c1.on(element_31dfc3aae3354e00a148889c23732a6c49, 'focusout', () => {
+        template_8d320e78acc84a40aecd0d8b5125cc231.on(element_8d320e78acc84a40aecd0d8b5125cc2349, 'focusout', () => {
             state.active = false;
         });
-        template_31dfc3aae3354e00a148889c23732a6c1.onrender(element_31dfc3aae3354e00a148889c23732a6c49, form.input.onrender(state));
-        template_31dfc3aae3354e00a148889c23732a6c1.setProperty(element_31dfc3aae3354e00a148889c23732a6c49, 'value', attributes?.value || '');
-        return root_31dfc3aae3354e00a148889c23732a6c47;
+        template_8d320e78acc84a40aecd0d8b5125cc231.onrender(element_8d320e78acc84a40aecd0d8b5125cc2349, form.input.onrender(state));
+        template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc2349, 'value', attributes?.value || '');
+        return root_8d320e78acc84a40aecd0d8b5125cc2347;
     })();
 }
 ;