@esportsplus/ui 0.51.2 → 0.51.3

package/build/components/scrollbar/index.js

@@ -1,39 +1,39 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
-import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 from '@esportsplus/reactivity';
+import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
+import * as reactivity_eee533dd50c34162b816f8be4c855b890 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca3j = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca3h extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #height = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](100);
-    #translate = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](0);
+const template_eee533dd50c34162b816f8be4c855b893j = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
+class ReactiveObject_eee533dd50c34162b816f8be4c855b893h extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
+    #height = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](100);
+    #translate = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](0);
     constructor() {
         super(null);
     }
     get height() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#height);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#height);
     }
     set height(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#height, _v0);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#height, _v0);
     }
     get translate() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#translate);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#translate);
     }
     set translate(_v1) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#translate, _v1);
+        reactivity_eee533dd50c34162b816f8be4c855b890.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_8f9ca242f23f4b5881fed07dabd2b7ca3h();
+    let state = new ReactiveObject_eee533dd50c34162b816f8be4c855b893h();
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca3i = template_8f9ca242f23f4b5881fed07dabd2b7ca3j(), element_8f9ca242f23f4b5881fed07dabd2b7ca3k = root_8f9ca242f23f4b5881fed07dabd2b7ca3i.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca3l = element_8f9ca242f23f4b5881fed07dabd2b7ca3k.firstElementChild, element_8f9ca242f23f4b5881fed07dabd2b7ca3m = element_8f9ca242f23f4b5881fed07dabd2b7ca3l.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca3n = element_8f9ca242f23f4b5881fed07dabd2b7ca3l.nextElementSibling, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3o = { "class": "scrollbar-container" }, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3p = { "class": "scrollbar-container-content" }, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3q = { "class": "scrollbar" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3k, this?.attributes && omit(this.attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca3o);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3k, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca3o);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3l, this?.attributes?.['scrollbar-container-content'], attributes_8f9ca242f23f4b5881fed07dabd2b7ca3p);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3l, attributes['scrollbar-container-content'], attributes_8f9ca242f23f4b5881fed07dabd2b7ca3p);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.on(element_8f9ca242f23f4b5881fed07dabd2b7ca3l, 'scroll', function () {
+        let root_eee533dd50c34162b816f8be4c855b893i = template_eee533dd50c34162b816f8be4c855b893j(), element_eee533dd50c34162b816f8be4c855b893k = root_eee533dd50c34162b816f8be4c855b893i.firstChild, element_eee533dd50c34162b816f8be4c855b893l = element_eee533dd50c34162b816f8be4c855b893k.firstElementChild, element_eee533dd50c34162b816f8be4c855b893m = element_eee533dd50c34162b816f8be4c855b893l.firstChild, element_eee533dd50c34162b816f8be4c855b893n = element_eee533dd50c34162b816f8be4c855b893l.nextElementSibling, attributes_eee533dd50c34162b816f8be4c855b893o = { "class": " scrollbar-container" }, attributes_eee533dd50c34162b816f8be4c855b893p = { "class": " scrollbar-container-content" }, attributes_eee533dd50c34162b816f8be4c855b893q = { "class": " scrollbar" };
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893k, this?.attributes && omit(this.attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b893o);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893k, omit(attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b893o);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893l, this?.attributes?.['scrollbar-container-content'], attributes_eee533dd50c34162b816f8be4c855b893p);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893l, attributes['scrollbar-container-content'], attributes_eee533dd50c34162b816f8be4c855b893p);
+        template_eee533dd50c34162b816f8be4c855b891.on(element_eee533dd50c34162b816f8be4c855b893l, '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_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca3m, content);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3n, this?.attributes?.scrollbar, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3q);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3n, attributes.scrollbar, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3q);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca3n, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_8f9ca242f23f4b5881fed07dabd2b7ca3q);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca3n, 'style', () => `
+        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b893m, content);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893n, this?.attributes?.scrollbar, attributes_eee533dd50c34162b816f8be4c855b893q);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893n, attributes.scrollbar, attributes_eee533dd50c34162b816f8be4c855b893q);
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b893n, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_eee533dd50c34162b816f8be4c855b893q);
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b893n, 'style', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
-                        `, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3q);
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca3i;
+                        `, attributes_eee533dd50c34162b816f8be4c855b893q);
+        return root_eee533dd50c34162b816f8be4c855b893i;
     })();
 });

package/build/components/scrollbar/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.scrollbar{--background:var(--color-black-300);--height:0;--translate:translate3d(0,0,0);--width:4px}::-webkit-scrollbar{box-shadow:unset;background:0 0}::-webkit-scrollbar-track{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb:window-inactive{box-shadow:unset;background:0 0}.scrollbar{z-index:9;height:100%}.scrollbar,.scrollbar:before{transition:opacity var(--transition-duration)ease-in-out;width:var(--width);position:absolute;top:0;right:0}.scrollbar:before{background:var(--background);content:"";height:var(--height);transform:var(--translate);transform-origin:top;border-radius:1px 0 0 1px}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.scrollbar-container{flex-flow:column;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.scrollbar-container--full{height:100%}.scrollbar-container-content{height:100%;margin-right:calc(var(--scrollbar-width)*-1);padding-right:var(--scrollbar-width);scrollbar-gutter:stable;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width));flex-wrap:wrap;justify-content:flex-start;display:flex;overflow:hidden scroll}.scrollbar-container-content--snap{scroll-snap-type:both mandatory;overscroll-behavior-x:contain;overflow:auto}.scrollbar-container-content--snap>*{scroll-snap-stop:normal;scroll-snap-align:center}}
+@layer components {.scrollbar{--background:var(--color-black-300);--height:0;--translate:translate3d(0, 0, 0);--width:4px}::-webkit-scrollbar{box-shadow:unset;background:0 0}::-webkit-scrollbar-track{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb:window-inactive{box-shadow:unset;background:0 0}.scrollbar{z-index:9;height:100%}.scrollbar,.scrollbar:before{transition:opacity var(--transition-duration) ease-in-out;width:var(--width);position:absolute;top:0;right:0}.scrollbar:before{background:var(--background);content:"";height:var(--height);transform:var(--translate);transform-origin:top;border-radius:1px 0 0 1px}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.scrollbar-container{flex-flow:column;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.scrollbar-container--full{height:100%}.scrollbar-container-content{height:100%;margin-right:calc(var(--scrollbar-width) * -1);padding-right:var(--scrollbar-width);scrollbar-gutter:stable;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width));flex-wrap:wrap;justify-content:flex-start;display:flex;overflow:hidden scroll}.scrollbar-container-content--snap{scroll-snap-type:both mandatory;overscroll-behavior-x:contain;overflow:auto}.scrollbar-container-content--snap>*{scroll-snap-stop:normal;scroll-snap-align:center}}
 /*$vite$:1*/

package/build/components/select/index.js

@@ -1,45 +1,45 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
-import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 from '@esportsplus/reactivity';
+import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
+import * as reactivity_eee533dd50c34162b816f8be4c855b890 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_8f9ca242f23f4b5881fed07dabd2b7ca3t = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='link select-option '><!--$--></div>`);
-const template_8f9ca242f23f4b5881fed07dabd2b7ca3y = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag'  /><!--$--></div>`);
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca3r extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #active = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](false);
-    #error = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL]('');
-    #render = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](false);
+const template_eee533dd50c34162b816f8be4c855b893t = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='link select-option '><!--$--></div>`);
+const template_eee533dd50c34162b816f8be4c855b893y = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag' /><!--$--></div>`);
+class ReactiveObject_eee533dd50c34162b816f8be4c855b893r extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
+    #active = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
+    #error = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL]('');
+    #render = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
     #selected;
     constructor(_p0) {
         super(null);
-        this.#selected = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](_p0);
+        this.#selected = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](_p0);
     }
     get active() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#active);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#active);
     }
     set active(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#active, _v0);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#error);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#error);
     }
     set error(_v1) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#error, _v1);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#error, _v1);
     }
     get render() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#render);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#render);
     }
     set render(_v2) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#render, _v2);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#render, _v2);
     }
     get selected() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#selected);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#selected);
     }
     set selected(_v3) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#selected, _v3);
+        reactivity_eee533dd50c34162b816f8be4c855b890.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_8f9ca242f23f4b5881fed07dabd2b7ca3r(attributes.selected || Object.keys(options)[0]);
+    let { options, option } = attributes, state = attributes.state || new ReactiveObject_eee533dd50c34162b816f8be4c855b893r(attributes.selected || Object.keys(options)[0]);
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca3x = template_8f9ca242f23f4b5881fed07dabd2b7ca3y(), element_8f9ca242f23f4b5881fed07dabd2b7ca3z = root_8f9ca242f23f4b5881fed07dabd2b7ca3x.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca40 = element_8f9ca242f23f4b5881fed07dabd2b7ca3z.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca41 = element_8f9ca242f23f4b5881fed07dabd2b7ca3z.firstElementChild, element_8f9ca242f23f4b5881fed07dabd2b7ca42 = element_8f9ca242f23f4b5881fed07dabd2b7ca41.nextElementSibling, element_8f9ca242f23f4b5881fed07dabd2b7ca43 = element_8f9ca242f23f4b5881fed07dabd2b7ca40.nextSibling.nextSibling.nextSibling, attributes_8f9ca242f23f4b5881fed07dabd2b7ca44 = { "class": "select tooltip" }, attributes_8f9ca242f23f4b5881fed07dabd2b7ca45 = { "class": "select-arrow" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca3z, 'class', () => state.active && '--active', attributes_8f9ca242f23f4b5881fed07dabd2b7ca44);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3z, this?.attributes && omit(this.attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca44);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3z, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca44);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.delegate(element_8f9ca242f23f4b5881fed07dabd2b7ca3z, 'click', () => {
+        let root_eee533dd50c34162b816f8be4c855b893x = template_eee533dd50c34162b816f8be4c855b893y(), element_eee533dd50c34162b816f8be4c855b893z = root_eee533dd50c34162b816f8be4c855b893x.firstChild, element_eee533dd50c34162b816f8be4c855b8940 = element_eee533dd50c34162b816f8be4c855b893z.firstChild, element_eee533dd50c34162b816f8be4c855b8941 = element_eee533dd50c34162b816f8be4c855b893z.firstElementChild, element_eee533dd50c34162b816f8be4c855b8942 = element_eee533dd50c34162b816f8be4c855b8941.nextElementSibling, element_eee533dd50c34162b816f8be4c855b8943 = element_eee533dd50c34162b816f8be4c855b8940.nextSibling.nextSibling.nextSibling, attributes_eee533dd50c34162b816f8be4c855b8944 = { "class": " select tooltip " }, attributes_eee533dd50c34162b816f8be4c855b8945 = { "class": " select-arrow" };
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b893z, 'class', () => state.active && '--active', attributes_eee533dd50c34162b816f8be4c855b8944);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893z, this?.attributes && omit(this.attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b8944);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893z, omit(attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b8944);
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b893z, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_8f9ca242f23f4b5881fed07dabd2b7ca1.EffectSlot(element_8f9ca242f23f4b5881fed07dabd2b7ca40, content ? (() => content(state)) : (() => {
+        new template_eee533dd50c34162b816f8be4c855b891.EffectSlot(element_eee533dd50c34162b816f8be4c855b8940, 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_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca41, this?.attributes?.arrow, attributes_8f9ca242f23f4b5881fed07dabd2b7ca45);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca41, attributes.arrow, attributes_8f9ca242f23f4b5881fed07dabd2b7ca45);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca42, 'name', attributes.name);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.delegate(element_8f9ca242f23f4b5881fed07dabd2b7ca42, 'click', () => { });
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.onrender(element_8f9ca242f23f4b5881fed07dabd2b7ca42, form.input.onrender(state));
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca42, 'value', () => state.selected);
-        new template_8f9ca242f23f4b5881fed07dabd2b7ca1.EffectSlot(element_8f9ca242f23f4b5881fed07dabd2b7ca43, () => {
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b8941, this?.attributes?.arrow, attributes_eee533dd50c34162b816f8be4c855b8945);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b8941, attributes.arrow, attributes_eee533dd50c34162b816f8be4c855b8945);
+        template_eee533dd50c34162b816f8be4c855b891.setProperty(element_eee533dd50c34162b816f8be4c855b8942, 'name', attributes.name);
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8942, 'click', () => { });
+        template_eee533dd50c34162b816f8be4c855b891.onrender(element_eee533dd50c34162b816f8be4c855b8942, form.input.onrender(state));
+        template_eee533dd50c34162b816f8be4c855b891.setProperty(element_eee533dd50c34162b816f8be4c855b8942, 'value', () => state.selected);
+        new template_eee533dd50c34162b816f8be4c855b891.EffectSlot(element_eee533dd50c34162b816f8be4c855b8943, () => {
             if (!state.render) {
                 return;
             }
-            let keys = Object.keys(options), selected = reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.reactive(Object.fromEntries(keys.map(key => [key, false])));
+            let keys = Object.keys(options), selected = reactivity_eee533dd50c34162b816f8be4c855b890.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_8f9ca242f23f4b5881fed07dabd2b7ca3s = template_8f9ca242f23f4b5881fed07dabd2b7ca3t(), element_8f9ca242f23f4b5881fed07dabd2b7ca3u = root_8f9ca242f23f4b5881fed07dabd2b7ca3s.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca3v = element_8f9ca242f23f4b5881fed07dabd2b7ca3u.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3w = { "class": "link select-option" };
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca3u, 'class', () => selected[key] && '--active', attributes_8f9ca242f23f4b5881fed07dabd2b7ca3w);
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3u, this?.attributes?.option, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3w);
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca3u, option, attributes_8f9ca242f23f4b5881fed07dabd2b7ca3w);
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca3u, 'data-key', key);
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca3v, content);
-                    return root_8f9ca242f23f4b5881fed07dabd2b7ca3s;
+                    let root_eee533dd50c34162b816f8be4c855b893s = template_eee533dd50c34162b816f8be4c855b893t(), element_eee533dd50c34162b816f8be4c855b893u = root_eee533dd50c34162b816f8be4c855b893s.firstChild, element_eee533dd50c34162b816f8be4c855b893v = element_eee533dd50c34162b816f8be4c855b893u.firstChild, attributes_eee533dd50c34162b816f8be4c855b893w = { "class": " link select-option " };
+                    template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b893u, 'class', () => selected[key] && '--active', attributes_eee533dd50c34162b816f8be4c855b893w);
+                    template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893u, this?.attributes?.option, attributes_eee533dd50c34162b816f8be4c855b893w);
+                    template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b893u, option, attributes_eee533dd50c34162b816f8be4c855b893w);
+                    template_eee533dd50c34162b816f8be4c855b891.setProperty(element_eee533dd50c34162b816f8be4c855b893u, 'data-key', key);
+                    template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b893v, content);
+                    return root_eee533dd50c34162b816f8be4c855b893s;
                 })();
             }));
         });
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca3x;
+        return root_eee533dd50c34162b816f8be4c855b893x;
     })();
 });
 export default select;

package/build/components/select/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.select{--arrow-size:6px;--arrow-spacer:1px;--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:var(--border-radius-400);--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400)}.select: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)}.select: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)}.select.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--color:var(--color-active)}.select-arrow{--border-width:var(--border-width-500)}.select-option{--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400)}.select{background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:var(--line-height);padding:var(--padding-vertical)calc(var(--padding-horizontal)*2 + var(--arrow-size))var(--padding-vertical)var(--padding-horizontal);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;flex-wrap:wrap;width:100%;display:flex;position:relative}.select.--active .select-arrow{transform:translateY(calc(50% + var(--arrow-size)/3))scaleY(-1)rotate(45deg)}.select-arrow{right:calc(var(--padding-horizontal) + var(--arrow-spacer));bottom:calc(50% + var(--arrow-spacer));border-color:var(--color);border-style:solid;border-width:0 var(--border-width)var(--border-width)0;content:"";height:var(--arrow-size);width:var(--arrow-size);position:absolute;transform:translateY(50%)rotate(45deg)}.select-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
+@layer components {.select{--arrow-size:6px;--arrow-spacer:1px;--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:var(--border-radius-400);--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400)}.select: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)}.select: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)}.select.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--color:var(--color-active)}.select-arrow{--border-width:var(--border-width-500)}.select-option{--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400)}.select{background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-size:var(--font-size);line-height:var(--line-height);padding:var(--padding-vertical) calc(var(--padding-horizontal) * 2 + var(--arrow-size)) var(--padding-vertical) var(--padding-horizontal);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;flex-wrap:wrap;width:100%;display:flex;position:relative}.select.--active .select-arrow{transform:translateY(calc(50% + var(--arrow-size) / 3)) scaleY(-1) rotate(45deg)}.select-arrow{right:calc(var(--padding-horizontal) + var(--arrow-spacer));bottom:calc(50% + var(--arrow-spacer));border-color:var(--color);border-style:solid;border-width:0 var(--border-width) var(--border-width) 0;content:"";height:var(--arrow-size);width:var(--arrow-size);position:absolute;transform:translateY(50%)rotate(45deg)}.select-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
 /*$vite$:1*/

package/build/components/sidebar/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.sidebar{--margin-horizontal:0px;--margin-vertical:0px;--width:var(--width-default);--width-closed:var(--width-default);--width-default:320px}.sidebar:not(.--active):not(:hover){--width:var(--width-closed)}.sidebar--floating{--margin-horizontal:var(--size-100);--margin-vertical:var(--size-100)}.sidebar{top:var(--margin-vertical);bottom:var(--margin-vertical);cursor:default;height:calc(100% - var(--margin-vertical)*2);transition:max-width var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:min(var(--width),100% - var(--margin-horizontal)*2);z-index:9;position:absolute;overflow:hidden}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--margin-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){transform:translateX(var(--width))}.sidebar--w{left:var(--margin-horizontal)}.sidebar--w.sidebar--offscreen:not(.--active){transform:translateX(calc(var(--width)*-1))}.sidebar-content{flex:0 0 var(--width-default);width:var(--width-default)}}
+@layer components {.sidebar{--margin-horizontal:0px;--margin-vertical:0px;--width:var(--width-default);--width-closed:var(--width-default);--width-default:320px}.sidebar:not(.--active):not(:hover){--width:var(--width-closed)}.sidebar--floating{--margin-horizontal:var(--size-100);--margin-vertical:var(--size-100)}.sidebar{top:var(--margin-vertical);bottom:var(--margin-vertical);cursor:default;height:calc(100% - var(--margin-vertical) * 2);transition:max-width var(--transition-duration) ease-in-out, opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;width:min(var(--width), 100% - var(--margin-horizontal) * 2);z-index:9;position:absolute;overflow:hidden}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--margin-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){transform:translateX(var(--width))}.sidebar--w{left:var(--margin-horizontal)}.sidebar--w.sidebar--offscreen:not(.--active){transform:translateX(calc(var(--width) * -1))}.sidebar-content{flex:0 0 var(--width-default);width:var(--width-default)}}
 /*$vite$:1*/

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(.--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}}
+@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/text/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.text{--color:var(--color-default,inherit);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);transition:color var(--transition-duration)ease-in-out;width:var(--width);position:relative}}
+@layer components {.text{--color:var(--color-default,inherit);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--width:auto;color:var(--color);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);transition:color var(--transition-duration) ease-in-out;width:var(--width);position:relative}}
 /*$vite$:1*/

package/build/components/textarea/index.js

@@ -1,45 +1,45 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
-import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 from '@esportsplus/reactivity';
+import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
+import * as reactivity_eee533dd50c34162b816f8be4c855b890 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca48 = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<textarea class='textarea'></textarea>`);
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca46 extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #active = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](false);
-    #error = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL]('');
+const template_eee533dd50c34162b816f8be4c855b8948 = template_eee533dd50c34162b816f8be4c855b891.template(`<textarea class='textarea'></textarea>`);
+class ReactiveObject_eee533dd50c34162b816f8be4c855b8946 extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
+    #active = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
+    #error = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#active);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#active);
     }
     set active(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#active, _v0);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#error);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#error);
     }
     set error(_v1) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#error, _v1);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#error, _v1);
     }
 }
 const OMIT = ['state'];
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca46();
+    let state = attributes.state || new ReactiveObject_eee533dd50c34162b816f8be4c855b8946();
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca47 = template_8f9ca242f23f4b5881fed07dabd2b7ca48(), element_8f9ca242f23f4b5881fed07dabd2b7ca49 = root_8f9ca242f23f4b5881fed07dabd2b7ca47.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca4a = { "class": "textarea" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca49, this?.attributes && omit(this.attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca4a);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca49, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca4a);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca49, 'class', () => state.active && '--active', attributes_8f9ca242f23f4b5881fed07dabd2b7ca4a);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.on(element_8f9ca242f23f4b5881fed07dabd2b7ca49, 'focusin', () => {
+        let root_eee533dd50c34162b816f8be4c855b8947 = template_eee533dd50c34162b816f8be4c855b8948(), element_eee533dd50c34162b816f8be4c855b8949 = root_eee533dd50c34162b816f8be4c855b8947.firstChild, attributes_eee533dd50c34162b816f8be4c855b894a = { "class": " textarea" };
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b8949, this?.attributes && omit(this.attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b894a);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b8949, omit(attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b894a);
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b8949, 'class', () => state.active && '--active', attributes_eee533dd50c34162b816f8be4c855b894a);
+        template_eee533dd50c34162b816f8be4c855b891.on(element_eee533dd50c34162b816f8be4c855b8949, 'focusin', () => {
             state.active = true;
         });
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.on(element_8f9ca242f23f4b5881fed07dabd2b7ca49, 'focusout', () => {
+        template_eee533dd50c34162b816f8be4c855b891.on(element_eee533dd50c34162b816f8be4c855b8949, 'focusout', () => {
             state.active = false;
         });
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.onrender(element_8f9ca242f23f4b5881fed07dabd2b7ca49, form.input.onrender(state));
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca49, 'value', attributes?.value || '');
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca47;
+        template_eee533dd50c34162b816f8be4c855b891.onrender(element_eee533dd50c34162b816f8be4c855b8949, form.input.onrender(state));
+        template_eee533dd50c34162b816f8be4c855b891.setProperty(element_eee533dd50c34162b816f8be4c855b8949, 'value', attributes?.value || '');
+        return root_eee533dd50c34162b816f8be4c855b8947;
     })();
 }
 ;

package/build/components/textarea/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.textarea{--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:var(--border-radius-400);--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--size:var(--size-400)}.textarea: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)}.textarea: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)}.textarea.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--color:var(--color-active)}.textarea{background:var(--background);border:var(--border-width)var(--border-style)var(--border-color);border-radius:var(--border-radius);color:var(--color);cursor:text;field-sizing:content;font-size:var(--font-size);line-height:var(--line-height);min-width:0;padding:var(--padding-vertical)var(--padding-horizontal);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;white-space:normal;flex-wrap:wrap;flex:auto;align-items:center;width:100%;display:flex;position:relative}.textarea:invalid,.textarea:required{box-shadow:none}}
+@layer components {.textarea{--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:var(--border-radius-400);--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--size:var(--size-400)}.textarea: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)}.textarea: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)}.textarea.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--color:var(--color-active)}.textarea{background:var(--background);border:var(--border-width) var(--border-style) var(--border-color);border-radius:var(--border-radius);color:var(--color);cursor:text;field-sizing:content;font-size:var(--font-size);line-height:var(--line-height);min-width:0;padding:var(--padding-vertical) var(--padding-horizontal);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;white-space:normal;flex-wrap:wrap;flex:auto;align-items:center;width:100%;display:flex;position:relative}.textarea:invalid,.textarea:required{box-shadow:none}}
 /*$vite$:1*/

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

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

package/build/components/tooltip/menu.js

@@ -1,38 +1,38 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
+import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import onclick from './onclick.js';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca4c = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<a class='link --width-full' target='_blank'><!--$--></a>`);
-const template_8f9ca242f23f4b5881fed07dabd2b7ca4h = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='link --width-full'><!--$--></div>`);
-const template_8f9ca242f23f4b5881fed07dabd2b7ca4m = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<!--$--><div class='tooltip-content '><!--$--></div>`);
+const template_eee533dd50c34162b816f8be4c855b894c = template_eee533dd50c34162b816f8be4c855b891.template(`<a class='link --width-full' target='_blank'><!--$--></a>`);
+const template_eee533dd50c34162b816f8be4c855b894h = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='link --width-full'><!--$--></div>`);
+const template_eee533dd50c34162b816f8be4c855b894m = template_eee533dd50c34162b816f8be4c855b891.template(`<!--$--><div class='tooltip-content '><!--$--></div>`);
 const OMIT = ['options', 'option', 'tooltip-content'];
 const OMIT_OPTION = ['content'];
 const OMIT_TOOLTIP_CONTENT = ['direction'];
 export default template.factory((attributes, content) => {
     let options = attributes.options, option = attributes.option, tooltipContent = attributes?.['tooltip-content'], tooltipContentDirection = tooltipContent?.direction || 'nw';
     return onclick(omit(attributes, OMIT), (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca4l = template_8f9ca242f23f4b5881fed07dabd2b7ca4m(), element_8f9ca242f23f4b5881fed07dabd2b7ca4n = root_8f9ca242f23f4b5881fed07dabd2b7ca4l.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca4o = element_8f9ca242f23f4b5881fed07dabd2b7ca4n.nextSibling, element_8f9ca242f23f4b5881fed07dabd2b7ca4p = element_8f9ca242f23f4b5881fed07dabd2b7ca4o.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca4q = { "class": "tooltip-content" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca4n, content);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca4o, 'class', `tooltip-content--${tooltipContentDirection}`, attributes_8f9ca242f23f4b5881fed07dabd2b7ca4q);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca4o, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca4q);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca4p, options.map((o) => {
+        let root_eee533dd50c34162b816f8be4c855b894l = template_eee533dd50c34162b816f8be4c855b894m(), element_eee533dd50c34162b816f8be4c855b894n = root_eee533dd50c34162b816f8be4c855b894l.firstChild, element_eee533dd50c34162b816f8be4c855b894o = element_eee533dd50c34162b816f8be4c855b894n.nextSibling, element_eee533dd50c34162b816f8be4c855b894p = element_eee533dd50c34162b816f8be4c855b894o.firstChild, attributes_eee533dd50c34162b816f8be4c855b894q = { "class": " tooltip-content " };
+        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b894n, content);
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b894o, 'class', `tooltip-content--${tooltipContentDirection}`, attributes_eee533dd50c34162b816f8be4c855b894q);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b894o, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT), attributes_eee533dd50c34162b816f8be4c855b894q);
+        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b894p, options.map((o) => {
             if (o.href) {
                 return (() => {
-                    let root_8f9ca242f23f4b5881fed07dabd2b7ca4b = template_8f9ca242f23f4b5881fed07dabd2b7ca4c(), element_8f9ca242f23f4b5881fed07dabd2b7ca4d = root_8f9ca242f23f4b5881fed07dabd2b7ca4b.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca4e = element_8f9ca242f23f4b5881fed07dabd2b7ca4d.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca4f = { "class": "link --width-full" };
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca4d, omit(o, OMIT_OPTION), attributes_8f9ca242f23f4b5881fed07dabd2b7ca4f);
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca4d, option, attributes_8f9ca242f23f4b5881fed07dabd2b7ca4f);
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca4e, o.content);
-                    return root_8f9ca242f23f4b5881fed07dabd2b7ca4b;
+                    let root_eee533dd50c34162b816f8be4c855b894b = template_eee533dd50c34162b816f8be4c855b894c(), element_eee533dd50c34162b816f8be4c855b894d = root_eee533dd50c34162b816f8be4c855b894b.firstChild, element_eee533dd50c34162b816f8be4c855b894e = element_eee533dd50c34162b816f8be4c855b894d.firstChild, attributes_eee533dd50c34162b816f8be4c855b894f = { "class": " link --width-full" };
+                    template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b894d, omit(o, OMIT_OPTION), attributes_eee533dd50c34162b816f8be4c855b894f);
+                    template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b894d, option, attributes_eee533dd50c34162b816f8be4c855b894f);
+                    template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b894e, o.content);
+                    return root_eee533dd50c34162b816f8be4c855b894b;
                 })();
             }
             return (() => {
-                let root_8f9ca242f23f4b5881fed07dabd2b7ca4g = template_8f9ca242f23f4b5881fed07dabd2b7ca4h(), element_8f9ca242f23f4b5881fed07dabd2b7ca4i = root_8f9ca242f23f4b5881fed07dabd2b7ca4g.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca4j = element_8f9ca242f23f4b5881fed07dabd2b7ca4i.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca4k = { "class": "link --width-full" };
-                template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca4i, omit(o, OMIT_OPTION), attributes_8f9ca242f23f4b5881fed07dabd2b7ca4k);
-                template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca4i, option, attributes_8f9ca242f23f4b5881fed07dabd2b7ca4k);
-                template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca4j, o.content);
-                return root_8f9ca242f23f4b5881fed07dabd2b7ca4g;
+                let root_eee533dd50c34162b816f8be4c855b894g = template_eee533dd50c34162b816f8be4c855b894h(), element_eee533dd50c34162b816f8be4c855b894i = root_eee533dd50c34162b816f8be4c855b894g.firstChild, element_eee533dd50c34162b816f8be4c855b894j = element_eee533dd50c34162b816f8be4c855b894i.firstChild, attributes_eee533dd50c34162b816f8be4c855b894k = { "class": " link --width-full" };
+                template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b894i, omit(o, OMIT_OPTION), attributes_eee533dd50c34162b816f8be4c855b894k);
+                template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b894i, option, attributes_eee533dd50c34162b816f8be4c855b894k);
+                template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b894j, o.content);
+                return root_eee533dd50c34162b816f8be4c855b894g;
             })();
         }));
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca4l;
+        return root_eee533dd50c34162b816f8be4c855b894l;
     })());
 });