@esportsplus/ui 0.50.13 → 0.51.0

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

@@ -1,21 +1,21 @@
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
-        content?: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
-    <T extends template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
-        content?: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
-    <T extends template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
-        content?: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
-    (attributes: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
-        content?: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
+        content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
+    <T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
+        content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
+    <T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>(content: T): ReturnType<(this: {
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
+        content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
+    (attributes: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>): ReturnType<(this: {
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
+        content?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>;
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
 };
 export default _default;

package/build/components/accordion/index.js

@@ -1,42 +1,42 @@
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
-import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
+import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_8d320e78acc84a40aecd0d8b5125cc234 = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div><!--$--></div>`);
-class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232 extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
-    #active = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](0);
+const template_bfe0e7193abc4b26be22b3bb5499d3e24 = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div><!--$--></div>`);
+class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22 extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
+    #active = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](0);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#active);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#active);
     }
     set active(_v0) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#active, _v0);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
-    let ref, state = attributes.state || new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc232();
+    let ref, state = attributes.state || new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22();
     return (() => {
-        let root_8d320e78acc84a40aecd0d8b5125cc233 = template_8d320e78acc84a40aecd0d8b5125cc234(), element_8d320e78acc84a40aecd0d8b5125cc235 = root_8d320e78acc84a40aecd0d8b5125cc233.firstChild, element_8d320e78acc84a40aecd0d8b5125cc236 = element_8d320e78acc84a40aecd0d8b5125cc235.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc237 = {};
-        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc235, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc237);
-        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc235, 'class', () => {
+        let root_bfe0e7193abc4b26be22b3bb5499d3e23 = template_bfe0e7193abc4b26be22b3bb5499d3e24(), element_bfe0e7193abc4b26be22b3bb5499d3e25 = root_bfe0e7193abc4b26be22b3bb5499d3e23.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e26 = element_bfe0e7193abc4b26be22b3bb5499d3e25.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e27 = {};
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e25, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e27);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e25, 'class', () => {
             return state.active && '--active';
-        }, attributes_8d320e78acc84a40aecd0d8b5125cc237);
-        template_8d320e78acc84a40aecd0d8b5125cc231.onrender(element_8d320e78acc84a40aecd0d8b5125cc235, (element) => {
+        }, attributes_bfe0e7193abc4b26be22b3bb5499d3e27);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.onrender(element_bfe0e7193abc4b26be22b3bb5499d3e25, (element) => {
             (ref = element)[key] = state;
         });
-        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc235, 'style', () => {
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e25, 'style', () => {
             let parent = ref.closest('accordion');
             if (parent && key in parent) {
                 parent[key].active = (+parent[key].active) + 1;
             }
             return state.active && `--max-height: ${ref.scrollHeight}`;
-        }, attributes_8d320e78acc84a40aecd0d8b5125cc237);
-        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc236, content);
-        return root_8d320e78acc84a40aecd0d8b5125cc233;
+        }, attributes_bfe0e7193abc4b26be22b3bb5499d3e27);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e26, content);
+        return root_bfe0e7193abc4b26be22b3bb5499d3e23;
     })();
 });

package/build/components/alert/index.js

@@ -1,50 +1,50 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
-import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
+import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import { icon } from '@esportsplus/ui';
 import check from './svg/check.svg';
 import close from './svg/close.svg';
 import e from './svg/error.svg';
 import './scss/index.scss';
-const template_8d320e78acc84a40aecd0d8b5125cc23a = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_8d320e78acc84a40aecd0d8b5125cc23f = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<p><!--$--></p>`);
-const template_8d320e78acc84a40aecd0d8b5125cc23k = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='--flex-start'><!--$--></div>`);
-const template_8d320e78acc84a40aecd0d8b5125cc23n = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='alert anchor anchor--n  --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
-class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc238 extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
-    #active = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+const template_bfe0e7193abc4b26be22b3bb5499d3e2a = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_bfe0e7193abc4b26be22b3bb5499d3e2f = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<p><!--$--></p>`);
+const template_bfe0e7193abc4b26be22b3bb5499d3e2k = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='--flex-start'><!--$--></div>`);
+const template_bfe0e7193abc4b26be22b3bb5499d3e2n = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='alert anchor anchor--n  --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
+class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e28 extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
+    #active = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
     #messages;
-    #rerender = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](0);
+    #rerender = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](0);
     #type;
     constructor(_p0, _p1) {
         super(null);
-        this.#messages = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](_p0);
-        this.#type = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](_p1);
+        this.#messages = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](_p0);
+        this.#type = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](_p1);
     }
     get active() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#active);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#active);
     }
     set active(_v0) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#active, _v0);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#active, _v0);
     }
     get messages() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#messages);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#messages);
     }
     set messages(_v1) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#messages, _v1);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#messages, _v1);
     }
     get rerender() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#rerender);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#rerender);
     }
     set rerender(_v2) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#rerender, _v2);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#rerender, _v2);
     }
     get type() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#type);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#type);
     }
     set type(_v3) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#type, _v3);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#type, _v3);
     }
 }
 const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
@@ -93,7 +93,7 @@ function deactivate(state) {
     }, timeout);
 }
 export default (attributes) => {
-    let state = new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc238(new Set(), '');
+    let state = new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e28(new Set(), '');
     const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
     error.response = (response) => {
         if (response.ok) {
@@ -108,41 +108,41 @@ export default (attributes) => {
     };
     return {
         content: (() => {
-            let root_8d320e78acc84a40aecd0d8b5125cc23m = template_8d320e78acc84a40aecd0d8b5125cc23n(), element_8d320e78acc84a40aecd0d8b5125cc23o = root_8d320e78acc84a40aecd0d8b5125cc23m.firstChild, element_8d320e78acc84a40aecd0d8b5125cc23p = element_8d320e78acc84a40aecd0d8b5125cc23o.firstChild, element_8d320e78acc84a40aecd0d8b5125cc23q = element_8d320e78acc84a40aecd0d8b5125cc23o.firstElementChild, element_8d320e78acc84a40aecd0d8b5125cc23r = element_8d320e78acc84a40aecd0d8b5125cc23q.firstChild, element_8d320e78acc84a40aecd0d8b5125cc23s = element_8d320e78acc84a40aecd0d8b5125cc23q.nextElementSibling.firstElementChild, element_8d320e78acc84a40aecd0d8b5125cc23t = element_8d320e78acc84a40aecd0d8b5125cc23s.firstElementChild.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc23u = { "class": "alert anchor anchor--n --flex-row" }, attributes_8d320e78acc84a40aecd0d8b5125cc23v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_8d320e78acc84a40aecd0d8b5125cc23w = { "class": "alert-close button --padding-300" };
-            template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc23o, 'class', () => state.active && '--active', attributes_8d320e78acc84a40aecd0d8b5125cc23u);
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc23o, omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc23u);
-            new template_8d320e78acc84a40aecd0d8b5125cc231.EffectSlot(element_8d320e78acc84a40aecd0d8b5125cc23p, () => {
+            let root_bfe0e7193abc4b26be22b3bb5499d3e2m = template_bfe0e7193abc4b26be22b3bb5499d3e2n(), element_bfe0e7193abc4b26be22b3bb5499d3e2o = root_bfe0e7193abc4b26be22b3bb5499d3e2m.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e2p = element_bfe0e7193abc4b26be22b3bb5499d3e2o.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e2q = element_bfe0e7193abc4b26be22b3bb5499d3e2o.firstElementChild, element_bfe0e7193abc4b26be22b3bb5499d3e2r = element_bfe0e7193abc4b26be22b3bb5499d3e2q.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e2s = element_bfe0e7193abc4b26be22b3bb5499d3e2q.nextElementSibling.firstElementChild, element_bfe0e7193abc4b26be22b3bb5499d3e2t = element_bfe0e7193abc4b26be22b3bb5499d3e2s.firstElementChild.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e2u = { "class": "alert anchor anchor--n --flex-row" }, attributes_bfe0e7193abc4b26be22b3bb5499d3e2v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_bfe0e7193abc4b26be22b3bb5499d3e2w = { "class": "alert-close button --padding-300" };
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e2o, 'class', () => state.active && '--active', attributes_bfe0e7193abc4b26be22b3bb5499d3e2u);
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e2o, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e2u);
+            new template_bfe0e7193abc4b26be22b3bb5499d3e21.EffectSlot(element_bfe0e7193abc4b26be22b3bb5499d3e2p, () => {
                 let type = state.type;
                 return (() => {
-                    let root_8d320e78acc84a40aecd0d8b5125cc239 = template_8d320e78acc84a40aecd0d8b5125cc23a(), element_8d320e78acc84a40aecd0d8b5125cc23b = root_8d320e78acc84a40aecd0d8b5125cc239.firstChild, element_8d320e78acc84a40aecd0d8b5125cc23c = element_8d320e78acc84a40aecd0d8b5125cc23b.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc23d = { "class": "--flex-vertical", "style": "" };
-                    template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc23b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_8d320e78acc84a40aecd0d8b5125cc23d);
-                    template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc23c, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_8d320e78acc84a40aecd0d8b5125cc239;
+                    let root_bfe0e7193abc4b26be22b3bb5499d3e29 = template_bfe0e7193abc4b26be22b3bb5499d3e2a(), element_bfe0e7193abc4b26be22b3bb5499d3e2b = root_bfe0e7193abc4b26be22b3bb5499d3e29.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e2c = element_bfe0e7193abc4b26be22b3bb5499d3e2b.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e2d = { "class": "--flex-vertical", "style": "" };
+                    template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e2b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_bfe0e7193abc4b26be22b3bb5499d3e2d);
+                    template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e2c, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_bfe0e7193abc4b26be22b3bb5499d3e29;
                 })();
             });
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc23q, attributes['alert-messages'], attributes_8d320e78acc84a40aecd0d8b5125cc23v);
-            new template_8d320e78acc84a40aecd0d8b5125cc231.EffectSlot(element_8d320e78acc84a40aecd0d8b5125cc23r, () => {
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e2q, attributes['alert-messages'], attributes_bfe0e7193abc4b26be22b3bb5499d3e2v);
+            new template_bfe0e7193abc4b26be22b3bb5499d3e21.EffectSlot(element_bfe0e7193abc4b26be22b3bb5499d3e2r, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_8d320e78acc84a40aecd0d8b5125cc23e = template_8d320e78acc84a40aecd0d8b5125cc23f(), element_8d320e78acc84a40aecd0d8b5125cc23g = root_8d320e78acc84a40aecd0d8b5125cc23e.firstChild, element_8d320e78acc84a40aecd0d8b5125cc23h = element_8d320e78acc84a40aecd0d8b5125cc23g.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc23i = {};
-                            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc23g, message, attributes_8d320e78acc84a40aecd0d8b5125cc23i);
-                            template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc23h, content);
-                            return root_8d320e78acc84a40aecd0d8b5125cc23e;
+                            let root_bfe0e7193abc4b26be22b3bb5499d3e2e = template_bfe0e7193abc4b26be22b3bb5499d3e2f(), element_bfe0e7193abc4b26be22b3bb5499d3e2g = root_bfe0e7193abc4b26be22b3bb5499d3e2e.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e2h = element_bfe0e7193abc4b26be22b3bb5499d3e2g.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e2i = {};
+                            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e2g, message, attributes_bfe0e7193abc4b26be22b3bb5499d3e2i);
+                            template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e2h, content);
+                            return root_bfe0e7193abc4b26be22b3bb5499d3e2e;
                         })();
                     }
                     return (() => {
-                        let root_8d320e78acc84a40aecd0d8b5125cc23j = template_8d320e78acc84a40aecd0d8b5125cc23k(), element_8d320e78acc84a40aecd0d8b5125cc23l = root_8d320e78acc84a40aecd0d8b5125cc23j.firstChild.firstChild;
-                        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc23l, content);
-                        return root_8d320e78acc84a40aecd0d8b5125cc23j;
+                        let root_bfe0e7193abc4b26be22b3bb5499d3e2j = template_bfe0e7193abc4b26be22b3bb5499d3e2k(), element_bfe0e7193abc4b26be22b3bb5499d3e2l = root_bfe0e7193abc4b26be22b3bb5499d3e2j.firstChild.firstChild;
+                        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e2l, content);
+                        return root_bfe0e7193abc4b26be22b3bb5499d3e2j;
                     })();
                 });
             });
-            template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc23s, 'click', () => deactivate(state));
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc23s, attributes['alert-close'], attributes_8d320e78acc84a40aecd0d8b5125cc23w);
-            template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc23t, svg.sprite(close));
-            return root_8d320e78acc84a40aecd0d8b5125cc23m;
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e2s, 'click', () => deactivate(state));
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e2s, attributes['alert-close'], attributes_bfe0e7193abc4b26be22b3bb5499d3e2w);
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e2t, svg.sprite(close));
+            return root_bfe0e7193abc4b26be22b3bb5499d3e2m;
         })(),
         deactivate: () => deactivate(state),
         error,

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

@@ -1,18 +1,18 @@
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
 import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: Attributes;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
-    <T extends template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>(attributes: T): ReturnType<(this: {
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
+    <T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>(attributes: T): ReturnType<(this: {
         attributes?: Attributes;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
-    <T extends template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>(content: T): ReturnType<(this: {
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
+    <T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: Attributes;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
-    (attributes: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>): ReturnType<(this: {
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
+    (attributes: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>): ReturnType<(this: {
         attributes?: Attributes;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>) => template_8d320e78acc84a40aecd0d8b5125cc231.Renderable<any>>;
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>) => template_bfe0e7193abc4b26be22b3bb5499d3e21.Renderable<any>>;
 };
 export default _default;

package/build/components/back/index.js

@@ -1,16 +1,16 @@
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
 import icon from '../../components/icon/index.js';
 import template from '../../components/template/index.js';
 import arrow from './svg/arrow.svg';
 import './scss/index.scss';
-const template_8d320e78acc84a40aecd0d8b5125cc23y = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_bfe0e7193abc4b26be22b3bb5499d3e2y = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_8d320e78acc84a40aecd0d8b5125cc23x = template_8d320e78acc84a40aecd0d8b5125cc23y(), element_8d320e78acc84a40aecd0d8b5125cc23z = root_8d320e78acc84a40aecd0d8b5125cc23x.firstChild, element_8d320e78acc84a40aecd0d8b5125cc2310 = element_8d320e78acc84a40aecd0d8b5125cc23z.firstChild, element_8d320e78acc84a40aecd0d8b5125cc2311 = element_8d320e78acc84a40aecd0d8b5125cc2310.nextSibling, attributes_8d320e78acc84a40aecd0d8b5125cc2312 = { "class": "back link --padding-0px --flex-vertical" };
-        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc23z, this.attributes, attributes_8d320e78acc84a40aecd0d8b5125cc2312);
-        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc23z, attributes, attributes_8d320e78acc84a40aecd0d8b5125cc2312);
-        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc2310, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_8d320e78acc84a40aecd0d8b5125cc231.slot(element_8d320e78acc84a40aecd0d8b5125cc2311, content);
-        return root_8d320e78acc84a40aecd0d8b5125cc23x;
+        let root_bfe0e7193abc4b26be22b3bb5499d3e2x = template_bfe0e7193abc4b26be22b3bb5499d3e2y(), element_bfe0e7193abc4b26be22b3bb5499d3e2z = root_bfe0e7193abc4b26be22b3bb5499d3e2x.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e210 = element_bfe0e7193abc4b26be22b3bb5499d3e2z.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e211 = element_bfe0e7193abc4b26be22b3bb5499d3e210.nextSibling, attributes_bfe0e7193abc4b26be22b3bb5499d3e212 = { "class": "back link --padding-0px --flex-vertical" };
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e2z, this.attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e212);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e2z, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e212);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e210, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e211, content);
+        return root_bfe0e7193abc4b26be22b3bb5499d3e2x;
     })();
 });

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

@@ -1,24 +1,24 @@
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
 import { Renderable } from '@esportsplus/template';
 import './scss/index.scss';
 declare const hold: {
     (): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    <T extends template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+    <T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
@@ -26,25 +26,25 @@ declare const hold: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    (attributes: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes, content: (state: {
+    (attributes: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>): ReturnType<(this: {
-        attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+        attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+    }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
@@ -52,22 +52,22 @@ declare const hold: {
 declare const _default: {
     hold: {
         (): ReturnType<(this: {
-            attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+            attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+        }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        <T extends template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>(attributes: T): ReturnType<(this: {
-            attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+        <T extends template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>(attributes: T): ReturnType<(this: {
+            attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+        }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
@@ -75,25 +75,25 @@ declare const _default: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>>(content: T): ReturnType<(this: {
-            attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+            attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+        }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        (attributes: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes, content: (state: {
+        (attributes: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>): ReturnType<(this: {
-            attributes?: template_8d320e78acc84a40aecd0d8b5125cc231.Attributes | undefined;
+            attributes?: template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_8d320e78acc84a40aecd0d8b5125cc231.Attributes>, content: (state: {
+        }, attributes: Readonly<template_bfe0e7193abc4b26be22b3bb5499d3e21.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;

package/build/components/button/index.js

@@ -1,25 +1,25 @@
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
-import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
+import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_8d320e78acc84a40aecd0d8b5125cc2315 = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div class='button '><!--$--></div>`);
-class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc2313 extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
-    #complete = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
-    #holding = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
+const template_bfe0e7193abc4b26be22b3bb5499d3e215 = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='button '><!--$--></div>`);
+class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e213 extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
+    #complete = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
+    #holding = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
     constructor() {
         super(null);
     }
     get complete() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#complete);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#complete);
     }
     set complete(_v0) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#complete, _v0);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#complete, _v0);
     }
     get holding() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#holding);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#holding);
     }
     set holding(_v1) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#holding, _v1);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#holding, _v1);
     }
 }
 const hold = template.factory(function (attributes, content) {
@@ -27,33 +27,33 @@ const hold = template.factory(function (attributes, content) {
         if (!state.complete) {
             state.holding = false;
         }
-    }, state = new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc2313();
+    }, state = new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e213();
     return (() => {
-        let root_8d320e78acc84a40aecd0d8b5125cc2314 = template_8d320e78acc84a40aecd0d8b5125cc2315(), element_8d320e78acc84a40aecd0d8b5125cc2316 = root_8d320e78acc84a40aecd0d8b5125cc2314.firstChild, element_8d320e78acc84a40aecd0d8b5125cc2317 = element_8d320e78acc84a40aecd0d8b5125cc2316.firstChild, attributes_8d320e78acc84a40aecd0d8b5125cc2318 = { "class": "button" };
-        template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc2316, 'class', () => state.holding && 'button--holding', attributes_8d320e78acc84a40aecd0d8b5125cc2318);
-        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2316, 'mousedown', (e) => {
+        let root_bfe0e7193abc4b26be22b3bb5499d3e214 = template_bfe0e7193abc4b26be22b3bb5499d3e215(), element_bfe0e7193abc4b26be22b3bb5499d3e216 = root_bfe0e7193abc4b26be22b3bb5499d3e214.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e217 = element_bfe0e7193abc4b26be22b3bb5499d3e216.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e218 = { "class": "button" };
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'class', () => state.holding && 'button--holding', attributes_bfe0e7193abc4b26be22b3bb5499d3e218);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc2316, attributes, attributes_8d320e78acc84a40aecd0d8b5125cc2318);
-        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2316, 'animationend', (e) => {
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e216, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e218);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2316, 'click', () => { });
-        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2316, 'mousedown', (e) => {
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'click', () => { });
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2316, 'mouseup', end);
-        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2316, 'touchend', end);
-        template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc2316, 'touchstart', (e) => {
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'mouseup', end);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'touchend', end);
+        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e216, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_8d320e78acc84a40aecd0d8b5125cc231.EffectSlot(element_8d320e78acc84a40aecd0d8b5125cc2317, () => content(state));
-        return root_8d320e78acc84a40aecd0d8b5125cc2314;
+        new template_bfe0e7193abc4b26be22b3bb5499d3e21.EffectSlot(element_bfe0e7193abc4b26be22b3bb5499d3e217, () => content(state));
+        return root_bfe0e7193abc4b26be22b3bb5499d3e214;
     })();
 });
 export default { hold };

package/build/components/checkbox/index.js

@@ -1,51 +1,51 @@
-import * as template_8d320e78acc84a40aecd0d8b5125cc231 from '@esportsplus/template';
-import * as reactivity_8d320e78acc84a40aecd0d8b5125cc230 from '@esportsplus/reactivity';
+import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
+import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_8d320e78acc84a40aecd0d8b5125cc231b = template_8d320e78acc84a40aecd0d8b5125cc231.template(`<div><input></div>`);
-class ReactiveObject_8d320e78acc84a40aecd0d8b5125cc2319 extends reactivity_8d320e78acc84a40aecd0d8b5125cc230.ReactiveObject {
-    #active = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL](false);
-    #error = this[reactivity_8d320e78acc84a40aecd0d8b5125cc230.SIGNAL]('');
+const template_bfe0e7193abc4b26be22b3bb5499d3e21b = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div><input></div>`);
+class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e219 extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
+    #active = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
+    #error = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#active);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#active);
     }
     set active(_v0) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#active, _v0);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_8d320e78acc84a40aecd0d8b5125cc230.read(this.#error);
+        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#error);
     }
     set error(_v1) {
-        reactivity_8d320e78acc84a40aecd0d8b5125cc230.write(this.#error, _v1);
+        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#error, _v1);
     }
 }
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
-        let state = attributes?.state || new ReactiveObject_8d320e78acc84a40aecd0d8b5125cc2319();
+        let state = attributes?.state || new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e219();
         if (attributes?.checked) {
             state.active = true;
         }
         return (() => {
-            let root_8d320e78acc84a40aecd0d8b5125cc231a = template_8d320e78acc84a40aecd0d8b5125cc231b(), element_8d320e78acc84a40aecd0d8b5125cc231c = root_8d320e78acc84a40aecd0d8b5125cc231a.firstChild, element_8d320e78acc84a40aecd0d8b5125cc231d = element_8d320e78acc84a40aecd0d8b5125cc231c.firstElementChild, attributes_8d320e78acc84a40aecd0d8b5125cc231e = { "class": "" }, attributes_8d320e78acc84a40aecd0d8b5125cc231f = {};
-            template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc231c, 'class', type, attributes_8d320e78acc84a40aecd0d8b5125cc231e);
-            template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc231c, 'class', () => state.active && '--active', attributes_8d320e78acc84a40aecd0d8b5125cc231e);
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc231c, this?.attributes && omit(this.attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc231e);
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperties(element_8d320e78acc84a40aecd0d8b5125cc231c, attributes && omit(attributes, OMIT), attributes_8d320e78acc84a40aecd0d8b5125cc231e);
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc231d, 'checked', attributes?.checked || root(() => state.active));
-            template_8d320e78acc84a40aecd0d8b5125cc231.setList(element_8d320e78acc84a40aecd0d8b5125cc231d, 'class', `${type}-tag`, attributes_8d320e78acc84a40aecd0d8b5125cc231f);
-            template_8d320e78acc84a40aecd0d8b5125cc231.delegate(element_8d320e78acc84a40aecd0d8b5125cc231d, 'change', (e) => {
+            let root_bfe0e7193abc4b26be22b3bb5499d3e21a = template_bfe0e7193abc4b26be22b3bb5499d3e21b(), element_bfe0e7193abc4b26be22b3bb5499d3e21c = root_bfe0e7193abc4b26be22b3bb5499d3e21a.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e21d = element_bfe0e7193abc4b26be22b3bb5499d3e21c.firstElementChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e21e = { "class": "" }, attributes_bfe0e7193abc4b26be22b3bb5499d3e21f = {};
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e21c, 'class', type, attributes_bfe0e7193abc4b26be22b3bb5499d3e21e);
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e21c, 'class', () => state.active && '--active', attributes_bfe0e7193abc4b26be22b3bb5499d3e21e);
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e21c, this?.attributes && omit(this.attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e21e);
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e21c, attributes && omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e21e);
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperty(element_bfe0e7193abc4b26be22b3bb5499d3e21d, 'checked', attributes?.checked || root(() => state.active));
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e21d, 'class', `${type}-tag`, attributes_bfe0e7193abc4b26be22b3bb5499d3e21f);
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e21d, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_8d320e78acc84a40aecd0d8b5125cc231.onrender(element_8d320e78acc84a40aecd0d8b5125cc231d, form.input.onrender(state));
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc231d, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_8d320e78acc84a40aecd0d8b5125cc231.setProperty(element_8d320e78acc84a40aecd0d8b5125cc231d, 'value', attributes?.value || 1);
-            return root_8d320e78acc84a40aecd0d8b5125cc231a;
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.onrender(element_bfe0e7193abc4b26be22b3bb5499d3e21d, form.input.onrender(state));
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperty(element_bfe0e7193abc4b26be22b3bb5499d3e21d, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperty(element_bfe0e7193abc4b26be22b3bb5499d3e21d, 'value', attributes?.value || 1);
+            return root_bfe0e7193abc4b26be22b3bb5499d3e21a;
         })();
     }
     return template;