@esportsplus/ui 0.51.1 → 0.51.3

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

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

package/build/components/accordion/index.js

@@ -1,42 +1,42 @@
-import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
-import * as reactivity_18172a85379e40cd839ee4bba2ddfea80 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_18172a85379e40cd839ee4bba2ddfea84 = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div><!--$--></div>`);
-class ReactiveObject_18172a85379e40cd839ee4bba2ddfea82 extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
-    #active = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](0);
+const template_eee533dd50c34162b816f8be4c855b894 = template_eee533dd50c34162b816f8be4c855b891.template(`<div><!--$--></div>`);
+class ReactiveObject_eee533dd50c34162b816f8be4c855b892 extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
+    #active = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](0);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#active);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#active);
     }
     set active(_v0) {
-        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#active, _v0);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
-    let ref, state = attributes.state || new ReactiveObject_18172a85379e40cd839ee4bba2ddfea82();
+    let ref, state = attributes.state || new ReactiveObject_eee533dd50c34162b816f8be4c855b892();
     return (() => {
-        let root_18172a85379e40cd839ee4bba2ddfea83 = template_18172a85379e40cd839ee4bba2ddfea84(), element_18172a85379e40cd839ee4bba2ddfea85 = root_18172a85379e40cd839ee4bba2ddfea83.firstChild, element_18172a85379e40cd839ee4bba2ddfea86 = element_18172a85379e40cd839ee4bba2ddfea85.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea87 = {};
-        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea85, omit(attributes, OMIT), attributes_18172a85379e40cd839ee4bba2ddfea87);
-        template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea85, 'class', () => {
+        let root_eee533dd50c34162b816f8be4c855b893 = template_eee533dd50c34162b816f8be4c855b894(), element_eee533dd50c34162b816f8be4c855b895 = root_eee533dd50c34162b816f8be4c855b893.firstChild, element_eee533dd50c34162b816f8be4c855b896 = element_eee533dd50c34162b816f8be4c855b895.firstChild, attributes_eee533dd50c34162b816f8be4c855b897 = {};
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b895, omit(attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b897);
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b895, 'class', () => {
             return state.active && '--active';
-        }, attributes_18172a85379e40cd839ee4bba2ddfea87);
-        template_18172a85379e40cd839ee4bba2ddfea81.onrender(element_18172a85379e40cd839ee4bba2ddfea85, (element) => {
+        }, attributes_eee533dd50c34162b816f8be4c855b897);
+        template_eee533dd50c34162b816f8be4c855b891.onrender(element_eee533dd50c34162b816f8be4c855b895, (element) => {
             (ref = element)[key] = state;
         });
-        template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea85, 'style', () => {
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b895, '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_18172a85379e40cd839ee4bba2ddfea87);
-        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea86, content);
-        return root_18172a85379e40cd839ee4bba2ddfea83;
+        }, attributes_eee533dd50c34162b816f8be4c855b897);
+        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b896, content);
+        return root_eee533dd50c34162b816f8be4c855b893;
     })();
 });

package/build/components/accordion/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.accordion,.accordion:not(.--active){--max-height:0}.accordion{max-height:var(--max-height);opacity:0;pointer-events:none;transition:max-height var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out}.accordion.--active{opacity:1;pointer-events:auto}}
+@layer components {.accordion,.accordion:not(.--active){--max-height:0}.accordion{max-height:var(--max-height);opacity:0;pointer-events:none;transition:max-height var(--transition-duration) ease-in-out, opacity var(--transition-duration) ease-in-out}.accordion.--active{opacity:1;pointer-events:auto}}
 /*$vite$:1*/

package/build/components/alert/index.js

@@ -1,50 +1,50 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
+import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
-import * as reactivity_18172a85379e40cd839ee4bba2ddfea80 from '@esportsplus/reactivity';
+import * as reactivity_eee533dd50c34162b816f8be4c855b890 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_18172a85379e40cd839ee4bba2ddfea8a = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_18172a85379e40cd839ee4bba2ddfea8f = template_18172a85379e40cd839ee4bba2ddfea81.template(`<p><!--$--></p>`);
-const template_18172a85379e40cd839ee4bba2ddfea8k = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class='--flex-start'><!--$--></div>`);
-const template_18172a85379e40cd839ee4bba2ddfea8n = template_18172a85379e40cd839ee4bba2ddfea81.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_18172a85379e40cd839ee4bba2ddfea88 extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
-    #active = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](false);
+const template_eee533dd50c34162b816f8be4c855b89a = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_eee533dd50c34162b816f8be4c855b89f = template_eee533dd50c34162b816f8be4c855b891.template(`<p><!--$--></p>`);
+const template_eee533dd50c34162b816f8be4c855b89k = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='--flex-start'><!--$--></div>`);
+const template_eee533dd50c34162b816f8be4c855b89n = template_eee533dd50c34162b816f8be4c855b891.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_eee533dd50c34162b816f8be4c855b898 extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
+    #active = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
     #messages;
-    #rerender = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](0);
+    #rerender = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](0);
     #type;
     constructor(_p0, _p1) {
         super(null);
-        this.#messages = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](_p0);
-        this.#type = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](_p1);
+        this.#messages = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](_p0);
+        this.#type = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](_p1);
     }
     get active() {
-        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#active);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#active);
     }
     set active(_v0) {
-        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#active, _v0);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#active, _v0);
     }
     get messages() {
-        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#messages);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#messages);
     }
     set messages(_v1) {
-        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#messages, _v1);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#messages, _v1);
     }
     get rerender() {
-        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#rerender);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#rerender);
     }
     set rerender(_v2) {
-        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#rerender, _v2);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#rerender, _v2);
     }
     get type() {
-        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#type);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#type);
     }
     set type(_v3) {
-        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#type, _v3);
+        reactivity_eee533dd50c34162b816f8be4c855b890.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_18172a85379e40cd839ee4bba2ddfea88(new Set(), '');
+    let state = new ReactiveObject_eee533dd50c34162b816f8be4c855b898(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_18172a85379e40cd839ee4bba2ddfea8m = template_18172a85379e40cd839ee4bba2ddfea8n(), element_18172a85379e40cd839ee4bba2ddfea8o = root_18172a85379e40cd839ee4bba2ddfea8m.firstChild, element_18172a85379e40cd839ee4bba2ddfea8p = element_18172a85379e40cd839ee4bba2ddfea8o.firstChild, element_18172a85379e40cd839ee4bba2ddfea8q = element_18172a85379e40cd839ee4bba2ddfea8o.firstElementChild, element_18172a85379e40cd839ee4bba2ddfea8r = element_18172a85379e40cd839ee4bba2ddfea8q.firstChild, element_18172a85379e40cd839ee4bba2ddfea8s = element_18172a85379e40cd839ee4bba2ddfea8q.nextElementSibling.firstElementChild, element_18172a85379e40cd839ee4bba2ddfea8t = element_18172a85379e40cd839ee4bba2ddfea8s.firstElementChild.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea8u = { "class": "alert anchor anchor--n --flex-row" }, attributes_18172a85379e40cd839ee4bba2ddfea8v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_18172a85379e40cd839ee4bba2ddfea8w = { "class": "alert-close button --padding-300" };
-            template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea8o, 'class', () => state.active && '--active', attributes_18172a85379e40cd839ee4bba2ddfea8u);
-            template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea8o, omit(attributes, OMIT), attributes_18172a85379e40cd839ee4bba2ddfea8u);
-            new template_18172a85379e40cd839ee4bba2ddfea81.EffectSlot(element_18172a85379e40cd839ee4bba2ddfea8p, () => {
+            let root_eee533dd50c34162b816f8be4c855b89m = template_eee533dd50c34162b816f8be4c855b89n(), element_eee533dd50c34162b816f8be4c855b89o = root_eee533dd50c34162b816f8be4c855b89m.firstChild, element_eee533dd50c34162b816f8be4c855b89p = element_eee533dd50c34162b816f8be4c855b89o.firstChild, element_eee533dd50c34162b816f8be4c855b89q = element_eee533dd50c34162b816f8be4c855b89o.firstElementChild, element_eee533dd50c34162b816f8be4c855b89r = element_eee533dd50c34162b816f8be4c855b89q.firstChild, element_eee533dd50c34162b816f8be4c855b89s = element_eee533dd50c34162b816f8be4c855b89q.nextElementSibling.firstElementChild, element_eee533dd50c34162b816f8be4c855b89t = element_eee533dd50c34162b816f8be4c855b89s.firstElementChild.firstChild, attributes_eee533dd50c34162b816f8be4c855b89u = { "class": " alert anchor anchor--n  --flex-row" }, attributes_eee533dd50c34162b816f8be4c855b89v = { "class": " alert-messages --flex-column --flex-fill" }, attributes_eee533dd50c34162b816f8be4c855b89w = { "class": " alert-close button --padding-300" };
+            template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b89o, 'class', () => state.active && '--active', attributes_eee533dd50c34162b816f8be4c855b89u);
+            template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b89o, omit(attributes, OMIT), attributes_eee533dd50c34162b816f8be4c855b89u);
+            new template_eee533dd50c34162b816f8be4c855b891.EffectSlot(element_eee533dd50c34162b816f8be4c855b89p, () => {
                 let type = state.type;
                 return (() => {
-                    let root_18172a85379e40cd839ee4bba2ddfea89 = template_18172a85379e40cd839ee4bba2ddfea8a(), element_18172a85379e40cd839ee4bba2ddfea8b = root_18172a85379e40cd839ee4bba2ddfea89.firstChild, element_18172a85379e40cd839ee4bba2ddfea8c = element_18172a85379e40cd839ee4bba2ddfea8b.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea8d = { "class": "--flex-vertical", "style": "" };
-                    template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea8b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_18172a85379e40cd839ee4bba2ddfea8d);
-                    template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea8c, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_18172a85379e40cd839ee4bba2ddfea89;
+                    let root_eee533dd50c34162b816f8be4c855b899 = template_eee533dd50c34162b816f8be4c855b89a(), element_eee533dd50c34162b816f8be4c855b89b = root_eee533dd50c34162b816f8be4c855b899.firstChild, element_eee533dd50c34162b816f8be4c855b89c = element_eee533dd50c34162b816f8be4c855b89b.firstChild, attributes_eee533dd50c34162b816f8be4c855b89d = { "class": " --flex-vertical", "style": " " };
+                    template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b89b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_eee533dd50c34162b816f8be4c855b89d);
+                    template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b89c, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_eee533dd50c34162b816f8be4c855b899;
                 })();
             });
-            template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea8q, attributes['alert-messages'], attributes_18172a85379e40cd839ee4bba2ddfea8v);
-            new template_18172a85379e40cd839ee4bba2ddfea81.EffectSlot(element_18172a85379e40cd839ee4bba2ddfea8r, () => {
+            template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b89q, attributes['alert-messages'], attributes_eee533dd50c34162b816f8be4c855b89v);
+            new template_eee533dd50c34162b816f8be4c855b891.EffectSlot(element_eee533dd50c34162b816f8be4c855b89r, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_18172a85379e40cd839ee4bba2ddfea8e = template_18172a85379e40cd839ee4bba2ddfea8f(), element_18172a85379e40cd839ee4bba2ddfea8g = root_18172a85379e40cd839ee4bba2ddfea8e.firstChild, element_18172a85379e40cd839ee4bba2ddfea8h = element_18172a85379e40cd839ee4bba2ddfea8g.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea8i = {};
-                            template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea8g, message, attributes_18172a85379e40cd839ee4bba2ddfea8i);
-                            template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea8h, content);
-                            return root_18172a85379e40cd839ee4bba2ddfea8e;
+                            let root_eee533dd50c34162b816f8be4c855b89e = template_eee533dd50c34162b816f8be4c855b89f(), element_eee533dd50c34162b816f8be4c855b89g = root_eee533dd50c34162b816f8be4c855b89e.firstChild, element_eee533dd50c34162b816f8be4c855b89h = element_eee533dd50c34162b816f8be4c855b89g.firstChild, attributes_eee533dd50c34162b816f8be4c855b89i = {};
+                            template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b89g, message, attributes_eee533dd50c34162b816f8be4c855b89i);
+                            template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b89h, content);
+                            return root_eee533dd50c34162b816f8be4c855b89e;
                         })();
                     }
                     return (() => {
-                        let root_18172a85379e40cd839ee4bba2ddfea8j = template_18172a85379e40cd839ee4bba2ddfea8k(), element_18172a85379e40cd839ee4bba2ddfea8l = root_18172a85379e40cd839ee4bba2ddfea8j.firstChild.firstChild;
-                        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea8l, content);
-                        return root_18172a85379e40cd839ee4bba2ddfea8j;
+                        let root_eee533dd50c34162b816f8be4c855b89j = template_eee533dd50c34162b816f8be4c855b89k(), element_eee533dd50c34162b816f8be4c855b89l = root_eee533dd50c34162b816f8be4c855b89j.firstChild.firstChild;
+                        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b89l, content);
+                        return root_eee533dd50c34162b816f8be4c855b89j;
                     })();
                 });
             });
-            template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea8s, 'click', () => deactivate(state));
-            template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea8s, attributes['alert-close'], attributes_18172a85379e40cd839ee4bba2ddfea8w);
-            template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea8t, svg.sprite(close));
-            return root_18172a85379e40cd839ee4bba2ddfea8m;
+            template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b89s, 'click', () => deactivate(state));
+            template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b89s, attributes['alert-close'], attributes_eee533dd50c34162b816f8be4c855b89w);
+            template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b89t, svg.sprite(close));
+            return root_eee533dd50c34162b816f8be4c855b89m;
         })(),
         deactivate: () => deactivate(state),
         error,

package/build/components/alert/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.anchor{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);max-height:calc(var(--max-height,100%) - var(--margin-vertical)*2);max-width:calc(var(--max-width,100%) - var(--margin-horizontal)*2);transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;z-index:9;position:absolute}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--n,.anchor--s{right:50%;transform:translate(50%)}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}.anchor--n{top:var(--margin-vertical)}.anchor--s{bottom:var(--margin-vertical)}.alert{--max-width:640px;max-width:var(--max-width);padding:var(--padding-vertical)var(--padding-horizontal);width:calc(100% - var(--margin-horizontal)*2);z-index:9999;position:fixed}.alert.anchor--n:not(.--active){transform:translate(50%,-100%)}.alert.anchor--ne:not(.--active){transform:translateY(-100%)}}
+@layer components {.anchor{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);max-height:calc(var(--max-height,100%) - var(--margin-vertical) * 2);max-width:calc(var(--max-width,100%) - var(--margin-horizontal) * 2);transition:opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;z-index:9;position:absolute}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--n,.anchor--s{right:50%;transform:translate(50%)}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}.anchor--n{top:var(--margin-vertical)}.anchor--s{bottom:var(--margin-vertical)}.alert{--max-width:640px;max-width:var(--max-width);padding:var(--padding-vertical) var(--padding-horizontal);width:calc(100% - var(--margin-horizontal) * 2);z-index:9999;position:fixed}.alert.anchor--n:not(.--active){transform:translate(50%,-100%)}.alert.anchor--ne:not(.--active){transform:translateY(-100%)}}
 /*$vite$:1*/

package/build/components/anchor/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.anchor{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);max-height:calc(var(--max-height,100%) - var(--margin-vertical)*2);max-width:calc(var(--max-width,100%) - var(--margin-horizontal)*2);transition:opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;z-index:9;position:absolute}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--n,.anchor--s{right:50%;transform:translate(50%)}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}.anchor--n{top:var(--margin-vertical)}.anchor--s{bottom:var(--margin-vertical)}}
+@layer components {.anchor{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);max-height:calc(var(--max-height,100%) - var(--margin-vertical) * 2);max-width:calc(var(--max-width,100%) - var(--margin-horizontal) * 2);transition:opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;z-index:9;position:absolute}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--n,.anchor--s{right:50%;transform:translate(50%)}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}.anchor--n{top:var(--margin-vertical)}.anchor--s{bottom:var(--margin-vertical)}}
 /*$vite$:1*/

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

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

package/build/components/back/index.js

@@ -1,16 +1,16 @@
-import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
+import * as template_eee533dd50c34162b816f8be4c855b891 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_18172a85379e40cd839ee4bba2ddfea8y = template_18172a85379e40cd839ee4bba2ddfea81.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_eee533dd50c34162b816f8be4c855b89y = template_eee533dd50c34162b816f8be4c855b891.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_18172a85379e40cd839ee4bba2ddfea8x = template_18172a85379e40cd839ee4bba2ddfea8y(), element_18172a85379e40cd839ee4bba2ddfea8z = root_18172a85379e40cd839ee4bba2ddfea8x.firstChild, element_18172a85379e40cd839ee4bba2ddfea810 = element_18172a85379e40cd839ee4bba2ddfea8z.firstChild, element_18172a85379e40cd839ee4bba2ddfea811 = element_18172a85379e40cd839ee4bba2ddfea810.nextSibling, attributes_18172a85379e40cd839ee4bba2ddfea812 = { "class": "back link --padding-0px --flex-vertical" };
-        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea8z, this.attributes, attributes_18172a85379e40cd839ee4bba2ddfea812);
-        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea8z, attributes, attributes_18172a85379e40cd839ee4bba2ddfea812);
-        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea810, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea811, content);
-        return root_18172a85379e40cd839ee4bba2ddfea8x;
+        let root_eee533dd50c34162b816f8be4c855b89x = template_eee533dd50c34162b816f8be4c855b89y(), element_eee533dd50c34162b816f8be4c855b89z = root_eee533dd50c34162b816f8be4c855b89x.firstChild, element_eee533dd50c34162b816f8be4c855b8910 = element_eee533dd50c34162b816f8be4c855b89z.firstChild, element_eee533dd50c34162b816f8be4c855b8911 = element_eee533dd50c34162b816f8be4c855b8910.nextSibling, attributes_eee533dd50c34162b816f8be4c855b8912 = { "class": " back link --padding-0px --flex-vertical" };
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b89z, this.attributes, attributes_eee533dd50c34162b816f8be4c855b8912);
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b89z, attributes, attributes_eee533dd50c34162b816f8be4c855b8912);
+        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b8910, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_eee533dd50c34162b816f8be4c855b891.slot(element_eee533dd50c34162b816f8be4c855b8911, content);
+        return root_eee533dd50c34162b816f8be4c855b89x;
     })();
 });

package/build/components/back/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.back-arrow{transition:color var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;transform:rotate(-90deg)}.back:not(.--active):hover .back-arrow{transform:rotate(-90deg)translateY(-2px)}}
+@layer components {.back-arrow{transition:color var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;transform:rotate(-90deg)}.back:not(.--active):hover .back-arrow{transform:rotate(-90deg)translateY(-2px)}}
 /*$vite$:1*/

package/build/components/banner/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.banner--blur{--blur:24px}.banner--gradient{--from:#03001352;--to:var(--color-black-500)}.banner{z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:0}.banner--backdrop{background-position:bottom;height:80svh}.banner--blur{filter:blur(var(--blur));top:-2svh;left:-2svh;right:-2svh}.banner--blur.banner--backdrop{height:90svh}.banner--fixed{position:fixed}.banner--gradient:before{background:radial-gradient(circle at top,transparent 64%,var(--to)88%),linear-gradient(to bottom,var(--from)0%,var(--to)100%);content:"";z-index:0;position:absolute;inset:0}}
+@layer components {.banner--blur{--blur:24px}.banner--gradient{--from:#03001352;--to:var(--color-black-500)}.banner{z-index:-1;background-position:50%;background-size:cover;position:absolute;inset:0}.banner--backdrop{background-position:bottom;height:80svh}.banner--blur{filter:blur(var(--blur));top:-2svh;left:-2svh;right:-2svh}.banner--blur.banner--backdrop{height:90svh}.banner--fixed{position:fixed}.banner--gradient:before{background:radial-gradient(circle at top, transparent 64%, var(--to) 88%), linear-gradient(to bottom, var(--from) 0%, var(--to) 100%);content:"";z-index:0;position:absolute;inset:0}}
 /*$vite$:1*/

package/build/components/border/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.border{--border-color:var(--border-color-default);--border-color-default:var(--color-border-400);--border-style:solid;--border-width:var(--border-width-400);border-top:var(--border-width)var(--border-style)var(--border-color);z-index:-1;width:100%;position:relative}.border+.border{display:none}.border--offset-top{margin-top:calc(var(--border-width)*-1)}}
+@layer components {.border{--border-color:var(--border-color-default);--border-color-default:var(--color-border-400);--border-style:solid;--border-width:var(--border-width-400);border-top:var(--border-width) var(--border-style) var(--border-color);z-index:-1;width:100%;position:relative}.border+.border{display:none}.border--offset-top{margin-top:calc(var(--border-width) * -1)}}
 /*$vite$:1*/

package/build/components/bubble/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.bubble{--background:var(--background-default);--background-default:var(--color-border-400);--border-radius:100%;--height:var(--size);--margin-horizontal:var(--size-100);--size:6px;--width:var(--size)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal:calc(var(--size)/-2);--position-vertical:calc(var(--size)/-2)}.bubble{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{position:absolute}.bubble--bottom-left,.bubble--top-left{left:var(--position-horizontal)}.bubble--bottom-right,.bubble--top-right{right:var(--position-horizontal)}.bubble--bottom-left,.bubble--bottom-right{bottom:var(--position-vertical)}.bubble--top-left,.bubble--top-right{top:var(--position-vertical)}}
+@layer components {.bubble{--background:var(--background-default);--background-default:var(--color-border-400);--border-radius:100%;--height:var(--size);--margin-horizontal:var(--size-100);--size:6px;--width:var(--size)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal:calc(var(--size) / -2);--position-vertical:calc(var(--size) / -2)}.bubble{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{position:absolute}.bubble--bottom-left,.bubble--top-left{left:var(--position-horizontal)}.bubble--bottom-right,.bubble--top-right{right:var(--position-horizontal)}.bubble--bottom-left,.bubble--bottom-right{bottom:var(--position-vertical)}.bubble--top-left,.bubble--top-right{top:var(--position-vertical)}}
 /*$vite$:1*/

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

@@ -1,24 +1,24 @@
-import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
+import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
 import { Renderable } from '@esportsplus/template';
 import './scss/index.scss';
 declare const hold: {
     (): ReturnType<(this: {
-        attributes?: template_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    <T extends template_18172a85379e40cd839ee4bba2ddfea81.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+    <T extends template_eee533dd50c34162b816f8be4c855b891.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.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_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    (attributes: template_18172a85379e40cd839ee4bba2ddfea81.Attributes, content: (state: {
+    (attributes: template_eee533dd50c34162b816f8be4c855b891.Attributes, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>): ReturnType<(this: {
-        attributes?: template_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+        attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+    }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.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_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+            attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+        }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        <T extends template_18172a85379e40cd839ee4bba2ddfea81.Attributes>(attributes: T): ReturnType<(this: {
-            attributes?: template_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+        <T extends template_eee533dd50c34162b816f8be4c855b891.Attributes>(attributes: T): ReturnType<(this: {
+            attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+        }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.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_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+            attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+        }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        (attributes: template_18172a85379e40cd839ee4bba2ddfea81.Attributes, content: (state: {
+        (attributes: template_eee533dd50c34162b816f8be4c855b891.Attributes, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>): ReturnType<(this: {
-            attributes?: template_18172a85379e40cd839ee4bba2ddfea81.Attributes | undefined;
+            attributes?: template_eee533dd50c34162b816f8be4c855b891.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_18172a85379e40cd839ee4bba2ddfea81.Attributes>, content: (state: {
+        }, attributes: Readonly<template_eee533dd50c34162b816f8be4c855b891.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;

package/build/components/button/index.js

@@ -1,25 +1,25 @@
-import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
-import * as reactivity_18172a85379e40cd839ee4bba2ddfea80 from '@esportsplus/reactivity';
+import * as template_eee533dd50c34162b816f8be4c855b891 from '@esportsplus/template';
+import * as reactivity_eee533dd50c34162b816f8be4c855b890 from '@esportsplus/reactivity';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_18172a85379e40cd839ee4bba2ddfea815 = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class='button '><!--$--></div>`);
-class ReactiveObject_18172a85379e40cd839ee4bba2ddfea813 extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
-    #complete = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](false);
-    #holding = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](false);
+const template_eee533dd50c34162b816f8be4c855b8915 = template_eee533dd50c34162b816f8be4c855b891.template(`<div class='button '><!--$--></div>`);
+class ReactiveObject_eee533dd50c34162b816f8be4c855b8913 extends reactivity_eee533dd50c34162b816f8be4c855b890.ReactiveObject {
+    #complete = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
+    #holding = this[reactivity_eee533dd50c34162b816f8be4c855b890.SIGNAL](false);
     constructor() {
         super(null);
     }
     get complete() {
-        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#complete);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#complete);
     }
     set complete(_v0) {
-        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#complete, _v0);
+        reactivity_eee533dd50c34162b816f8be4c855b890.write(this.#complete, _v0);
     }
     get holding() {
-        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#holding);
+        return reactivity_eee533dd50c34162b816f8be4c855b890.read(this.#holding);
     }
     set holding(_v1) {
-        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#holding, _v1);
+        reactivity_eee533dd50c34162b816f8be4c855b890.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_18172a85379e40cd839ee4bba2ddfea813();
+    }, state = new ReactiveObject_eee533dd50c34162b816f8be4c855b8913();
     return (() => {
-        let root_18172a85379e40cd839ee4bba2ddfea814 = template_18172a85379e40cd839ee4bba2ddfea815(), element_18172a85379e40cd839ee4bba2ddfea816 = root_18172a85379e40cd839ee4bba2ddfea814.firstChild, element_18172a85379e40cd839ee4bba2ddfea817 = element_18172a85379e40cd839ee4bba2ddfea816.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea818 = { "class": "button" };
-        template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea816, 'class', () => state.holding && 'button--holding', attributes_18172a85379e40cd839ee4bba2ddfea818);
-        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea816, 'mousedown', (e) => {
+        let root_eee533dd50c34162b816f8be4c855b8914 = template_eee533dd50c34162b816f8be4c855b8915(), element_eee533dd50c34162b816f8be4c855b8916 = root_eee533dd50c34162b816f8be4c855b8914.firstChild, element_eee533dd50c34162b816f8be4c855b8917 = element_eee533dd50c34162b816f8be4c855b8916.firstChild, attributes_eee533dd50c34162b816f8be4c855b8918 = { "class": " button " };
+        template_eee533dd50c34162b816f8be4c855b891.setList(element_eee533dd50c34162b816f8be4c855b8916, 'class', () => state.holding && 'button--holding', attributes_eee533dd50c34162b816f8be4c855b8918);
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8916, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea816, attributes, attributes_18172a85379e40cd839ee4bba2ddfea818);
-        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea816, 'animationend', (e) => {
+        template_eee533dd50c34162b816f8be4c855b891.setProperties(element_eee533dd50c34162b816f8be4c855b8916, attributes, attributes_eee533dd50c34162b816f8be4c855b8918);
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8916, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea816, 'click', () => { });
-        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea816, 'mousedown', (e) => {
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8916, 'click', () => { });
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8916, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea816, 'mouseup', end);
-        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea816, 'touchend', end);
-        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea816, 'touchstart', (e) => {
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8916, 'mouseup', end);
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8916, 'touchend', end);
+        template_eee533dd50c34162b816f8be4c855b891.delegate(element_eee533dd50c34162b816f8be4c855b8916, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_18172a85379e40cd839ee4bba2ddfea81.EffectSlot(element_18172a85379e40cd839ee4bba2ddfea817, () => content(state));
-        return root_18172a85379e40cd839ee4bba2ddfea814;
+        new template_eee533dd50c34162b816f8be4c855b891.EffectSlot(element_eee533dd50c34162b816f8be4c855b8917, () => content(state));
+        return root_eee533dd50c34162b816f8be4c855b8914;
     })();
 });
 export default { hold };