@esportsplus/ui 0.50.9 → 0.50.11

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

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

package/build/components/accordion/index.js

@@ -1,42 +1,42 @@
-import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
-import * as reactivity_c9c73d187a134116af27de99479178b20 from '@esportsplus/reactivity';
+import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_c9c73d187a134116af27de99479178b24 = template_c9c73d187a134116af27de99479178b21.template(`<div><!--$--></div>`);
-class ReactiveObject_c9c73d187a134116af27de99479178b22 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
-    #active = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](0);
+const template_395fa766de714d01a2177bd6e730518f4 = template_395fa766de714d01a2177bd6e730518f1.template(`<div><!--$--></div>`);
+class ReactiveObject_395fa766de714d01a2177bd6e730518f2 extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
+    #active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_c9c73d187a134116af27de99479178b20.read(this.#active);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_c9c73d187a134116af27de99479178b20.write(this.#active, _v0);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
     }
 }
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
-    let ref, state = attributes.state || new ReactiveObject_c9c73d187a134116af27de99479178b22();
+    let ref, state = attributes.state || new ReactiveObject_395fa766de714d01a2177bd6e730518f2();
     return (() => {
-        let root_c9c73d187a134116af27de99479178b23 = template_c9c73d187a134116af27de99479178b24(), element_c9c73d187a134116af27de99479178b25 = root_c9c73d187a134116af27de99479178b23.firstChild, element_c9c73d187a134116af27de99479178b26 = element_c9c73d187a134116af27de99479178b25.firstChild, attributes_c9c73d187a134116af27de99479178b27 = {};
-        template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b25, omit(attributes, OMIT), attributes_c9c73d187a134116af27de99479178b27);
-        template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b25, 'class', () => {
+        let root_395fa766de714d01a2177bd6e730518f3 = template_395fa766de714d01a2177bd6e730518f4(), element_395fa766de714d01a2177bd6e730518f5 = root_395fa766de714d01a2177bd6e730518f3.firstChild, element_395fa766de714d01a2177bd6e730518f6 = element_395fa766de714d01a2177bd6e730518f5.firstChild, attributes_395fa766de714d01a2177bd6e730518f7 = {};
+        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f5, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518f7);
+        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f5, 'class', () => {
             return state.active && '--active';
-        }, attributes_c9c73d187a134116af27de99479178b27);
-        template_c9c73d187a134116af27de99479178b21.onrender(element_c9c73d187a134116af27de99479178b25, (element) => {
+        }, attributes_395fa766de714d01a2177bd6e730518f7);
+        template_395fa766de714d01a2177bd6e730518f1.onrender(element_395fa766de714d01a2177bd6e730518f5, (element) => {
             (ref = element)[key] = state;
         });
-        template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b25, 'style', () => {
+        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f5, '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_c9c73d187a134116af27de99479178b27);
-        template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b26, content);
-        return root_c9c73d187a134116af27de99479178b23;
+        }, attributes_395fa766de714d01a2177bd6e730518f7);
+        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f6, content);
+        return root_395fa766de714d01a2177bd6e730518f3;
     })();
 });

package/build/components/alert/index.js

@@ -1,50 +1,50 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
+import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
-import * as reactivity_c9c73d187a134116af27de99479178b20 from '@esportsplus/reactivity';
+import * as reactivity_395fa766de714d01a2177bd6e730518f0 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_c9c73d187a134116af27de99479178b2a = template_c9c73d187a134116af27de99479178b21.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_c9c73d187a134116af27de99479178b2f = template_c9c73d187a134116af27de99479178b21.template(`<p><!--$--></p>`);
-const template_c9c73d187a134116af27de99479178b2k = template_c9c73d187a134116af27de99479178b21.template(`<div class='--flex-start'><!--$--></div>`);
-const template_c9c73d187a134116af27de99479178b2n = template_c9c73d187a134116af27de99479178b21.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_c9c73d187a134116af27de99479178b28 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
-    #active = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
+const template_395fa766de714d01a2177bd6e730518fa = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_395fa766de714d01a2177bd6e730518ff = template_395fa766de714d01a2177bd6e730518f1.template(`<p><!--$--></p>`);
+const template_395fa766de714d01a2177bd6e730518fk = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='--flex-start'><!--$--></div>`);
+const template_395fa766de714d01a2177bd6e730518fn = template_395fa766de714d01a2177bd6e730518f1.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_395fa766de714d01a2177bd6e730518f8 extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
+    #active = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
     #messages;
-    #rerender = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](0);
+    #rerender = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](0);
     #type;
     constructor(_p0, _p1) {
         super(null);
-        this.#messages = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](_p0);
-        this.#type = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](_p1);
+        this.#messages = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](_p0);
+        this.#type = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](_p1);
     }
     get active() {
-        return reactivity_c9c73d187a134116af27de99479178b20.read(this.#active);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_c9c73d187a134116af27de99479178b20.write(this.#active, _v0);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#active, _v0);
     }
     get messages() {
-        return reactivity_c9c73d187a134116af27de99479178b20.read(this.#messages);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#messages);
     }
     set messages(_v1) {
-        reactivity_c9c73d187a134116af27de99479178b20.write(this.#messages, _v1);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#messages, _v1);
     }
     get rerender() {
-        return reactivity_c9c73d187a134116af27de99479178b20.read(this.#rerender);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#rerender);
     }
     set rerender(_v2) {
-        reactivity_c9c73d187a134116af27de99479178b20.write(this.#rerender, _v2);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#rerender, _v2);
     }
     get type() {
-        return reactivity_c9c73d187a134116af27de99479178b20.read(this.#type);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#type);
     }
     set type(_v3) {
-        reactivity_c9c73d187a134116af27de99479178b20.write(this.#type, _v3);
+        reactivity_395fa766de714d01a2177bd6e730518f0.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_c9c73d187a134116af27de99479178b28(new Set(), '');
+    let state = new ReactiveObject_395fa766de714d01a2177bd6e730518f8(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_c9c73d187a134116af27de99479178b2m = template_c9c73d187a134116af27de99479178b2n(), element_c9c73d187a134116af27de99479178b2o = root_c9c73d187a134116af27de99479178b2m.firstChild, element_c9c73d187a134116af27de99479178b2p = element_c9c73d187a134116af27de99479178b2o.firstChild, element_c9c73d187a134116af27de99479178b2q = element_c9c73d187a134116af27de99479178b2o.firstElementChild, element_c9c73d187a134116af27de99479178b2r = element_c9c73d187a134116af27de99479178b2q.firstChild, element_c9c73d187a134116af27de99479178b2s = element_c9c73d187a134116af27de99479178b2q.nextElementSibling.firstElementChild, element_c9c73d187a134116af27de99479178b2t = element_c9c73d187a134116af27de99479178b2s.firstElementChild.firstChild, attributes_c9c73d187a134116af27de99479178b2u = { "class": "alert anchor anchor--n --flex-row" }, attributes_c9c73d187a134116af27de99479178b2v = { "class": "alert-messages --flex-column --flex-fill" }, attributes_c9c73d187a134116af27de99479178b2w = { "class": "alert-close button --padding-300" };
-            template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b2o, 'class', () => state.active && '--active', attributes_c9c73d187a134116af27de99479178b2u);
-            template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2o, omit(attributes, OMIT), attributes_c9c73d187a134116af27de99479178b2u);
-            new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b2p, () => {
+            let root_395fa766de714d01a2177bd6e730518fm = template_395fa766de714d01a2177bd6e730518fn(), element_395fa766de714d01a2177bd6e730518fo = root_395fa766de714d01a2177bd6e730518fm.firstChild, element_395fa766de714d01a2177bd6e730518fp = element_395fa766de714d01a2177bd6e730518fo.firstChild, element_395fa766de714d01a2177bd6e730518fq = element_395fa766de714d01a2177bd6e730518fo.firstElementChild, element_395fa766de714d01a2177bd6e730518fr = element_395fa766de714d01a2177bd6e730518fq.firstChild, element_395fa766de714d01a2177bd6e730518fs = element_395fa766de714d01a2177bd6e730518fq.nextElementSibling.firstElementChild, element_395fa766de714d01a2177bd6e730518ft = element_395fa766de714d01a2177bd6e730518fs.firstElementChild.firstChild, attributes_395fa766de714d01a2177bd6e730518fu = { "class": "alert anchor anchor--n --flex-row" }, attributes_395fa766de714d01a2177bd6e730518fv = { "class": "alert-messages --flex-column --flex-fill" }, attributes_395fa766de714d01a2177bd6e730518fw = { "class": "alert-close button --padding-300" };
+            template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518fo, 'class', () => state.active && '--active', attributes_395fa766de714d01a2177bd6e730518fu);
+            template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518fo, omit(attributes, OMIT), attributes_395fa766de714d01a2177bd6e730518fu);
+            new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518fp, () => {
                 let type = state.type;
                 return (() => {
-                    let root_c9c73d187a134116af27de99479178b29 = template_c9c73d187a134116af27de99479178b2a(), element_c9c73d187a134116af27de99479178b2b = root_c9c73d187a134116af27de99479178b29.firstChild, element_c9c73d187a134116af27de99479178b2c = element_c9c73d187a134116af27de99479178b2b.firstChild, attributes_c9c73d187a134116af27de99479178b2d = { "class": "--flex-vertical", "style": "" };
-                    template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b2b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_c9c73d187a134116af27de99479178b2d);
-                    template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2c, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_c9c73d187a134116af27de99479178b29;
+                    let root_395fa766de714d01a2177bd6e730518f9 = template_395fa766de714d01a2177bd6e730518fa(), element_395fa766de714d01a2177bd6e730518fb = root_395fa766de714d01a2177bd6e730518f9.firstChild, element_395fa766de714d01a2177bd6e730518fc = element_395fa766de714d01a2177bd6e730518fb.firstChild, attributes_395fa766de714d01a2177bd6e730518fd = { "class": "--flex-vertical", "style": "" };
+                    template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518fb, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_395fa766de714d01a2177bd6e730518fd);
+                    template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518fc, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_395fa766de714d01a2177bd6e730518f9;
                 })();
             });
-            template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2q, attributes['alert-messages'], attributes_c9c73d187a134116af27de99479178b2v);
-            new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b2r, () => {
+            template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518fq, attributes['alert-messages'], attributes_395fa766de714d01a2177bd6e730518fv);
+            new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518fr, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_c9c73d187a134116af27de99479178b2e = template_c9c73d187a134116af27de99479178b2f(), element_c9c73d187a134116af27de99479178b2g = root_c9c73d187a134116af27de99479178b2e.firstChild, element_c9c73d187a134116af27de99479178b2h = element_c9c73d187a134116af27de99479178b2g.firstChild, attributes_c9c73d187a134116af27de99479178b2i = {};
-                            template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2g, message, attributes_c9c73d187a134116af27de99479178b2i);
-                            template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2h, content);
-                            return root_c9c73d187a134116af27de99479178b2e;
+                            let root_395fa766de714d01a2177bd6e730518fe = template_395fa766de714d01a2177bd6e730518ff(), element_395fa766de714d01a2177bd6e730518fg = root_395fa766de714d01a2177bd6e730518fe.firstChild, element_395fa766de714d01a2177bd6e730518fh = element_395fa766de714d01a2177bd6e730518fg.firstChild, attributes_395fa766de714d01a2177bd6e730518fi = {};
+                            template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518fg, message, attributes_395fa766de714d01a2177bd6e730518fi);
+                            template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518fh, content);
+                            return root_395fa766de714d01a2177bd6e730518fe;
                         })();
                     }
                     return (() => {
-                        let root_c9c73d187a134116af27de99479178b2j = template_c9c73d187a134116af27de99479178b2k(), element_c9c73d187a134116af27de99479178b2l = root_c9c73d187a134116af27de99479178b2j.firstChild.firstChild;
-                        template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2l, content);
-                        return root_c9c73d187a134116af27de99479178b2j;
+                        let root_395fa766de714d01a2177bd6e730518fj = template_395fa766de714d01a2177bd6e730518fk(), element_395fa766de714d01a2177bd6e730518fl = root_395fa766de714d01a2177bd6e730518fj.firstChild.firstChild;
+                        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518fl, content);
+                        return root_395fa766de714d01a2177bd6e730518fj;
                     })();
                 });
             });
-            template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b2s, 'click', () => deactivate(state));
-            template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2s, attributes['alert-close'], attributes_c9c73d187a134116af27de99479178b2w);
-            template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b2t, svg.sprite(close));
-            return root_c9c73d187a134116af27de99479178b2m;
+            template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518fs, 'click', () => deactivate(state));
+            template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518fs, attributes['alert-close'], attributes_395fa766de714d01a2177bd6e730518fw);
+            template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518ft, svg.sprite(close));
+            return root_395fa766de714d01a2177bd6e730518fm;
         })(),
         deactivate: () => deactivate(state),
         error,

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

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

package/build/components/back/index.js

@@ -1,16 +1,16 @@
-import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
+import * as template_395fa766de714d01a2177bd6e730518f1 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_c9c73d187a134116af27de99479178b2y = template_c9c73d187a134116af27de99479178b21.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_395fa766de714d01a2177bd6e730518fy = template_395fa766de714d01a2177bd6e730518f1.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_c9c73d187a134116af27de99479178b2x = template_c9c73d187a134116af27de99479178b2y(), element_c9c73d187a134116af27de99479178b2z = root_c9c73d187a134116af27de99479178b2x.firstChild, element_c9c73d187a134116af27de99479178b210 = element_c9c73d187a134116af27de99479178b2z.firstChild, element_c9c73d187a134116af27de99479178b211 = element_c9c73d187a134116af27de99479178b210.nextSibling, attributes_c9c73d187a134116af27de99479178b212 = { "class": "back link --padding-0px --flex-vertical" };
-        template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2z, this.attributes, attributes_c9c73d187a134116af27de99479178b212);
-        template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b2z, attributes, attributes_c9c73d187a134116af27de99479178b212);
-        template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b210, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_c9c73d187a134116af27de99479178b21.slot(element_c9c73d187a134116af27de99479178b211, content);
-        return root_c9c73d187a134116af27de99479178b2x;
+        let root_395fa766de714d01a2177bd6e730518fx = template_395fa766de714d01a2177bd6e730518fy(), element_395fa766de714d01a2177bd6e730518fz = root_395fa766de714d01a2177bd6e730518fx.firstChild, element_395fa766de714d01a2177bd6e730518f10 = element_395fa766de714d01a2177bd6e730518fz.firstChild, element_395fa766de714d01a2177bd6e730518f11 = element_395fa766de714d01a2177bd6e730518f10.nextSibling, attributes_395fa766de714d01a2177bd6e730518f12 = { "class": "back link --padding-0px --flex-vertical" };
+        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518fz, this.attributes, attributes_395fa766de714d01a2177bd6e730518f12);
+        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518fz, attributes, attributes_395fa766de714d01a2177bd6e730518f12);
+        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f10, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_395fa766de714d01a2177bd6e730518f1.slot(element_395fa766de714d01a2177bd6e730518f11, content);
+        return root_395fa766de714d01a2177bd6e730518fx;
     })();
 });

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

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

package/build/components/button/index.js

@@ -1,25 +1,25 @@
-import * as template_c9c73d187a134116af27de99479178b21 from '@esportsplus/template';
-import * as reactivity_c9c73d187a134116af27de99479178b20 from '@esportsplus/reactivity';
+import * as template_395fa766de714d01a2177bd6e730518f1 from '@esportsplus/template';
+import * as reactivity_395fa766de714d01a2177bd6e730518f0 from '@esportsplus/reactivity';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_c9c73d187a134116af27de99479178b215 = template_c9c73d187a134116af27de99479178b21.template(`<div class='button '><!--$--></div>`);
-class ReactiveObject_c9c73d187a134116af27de99479178b213 extends reactivity_c9c73d187a134116af27de99479178b20.ReactiveObject {
-    #complete = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
-    #holding = this[reactivity_c9c73d187a134116af27de99479178b20.SIGNAL](false);
+const template_395fa766de714d01a2177bd6e730518f15 = template_395fa766de714d01a2177bd6e730518f1.template(`<div class='button '><!--$--></div>`);
+class ReactiveObject_395fa766de714d01a2177bd6e730518f13 extends reactivity_395fa766de714d01a2177bd6e730518f0.ReactiveObject {
+    #complete = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
+    #holding = this[reactivity_395fa766de714d01a2177bd6e730518f0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get complete() {
-        return reactivity_c9c73d187a134116af27de99479178b20.read(this.#complete);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#complete);
     }
     set complete(_v0) {
-        reactivity_c9c73d187a134116af27de99479178b20.write(this.#complete, _v0);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#complete, _v0);
     }
     get holding() {
-        return reactivity_c9c73d187a134116af27de99479178b20.read(this.#holding);
+        return reactivity_395fa766de714d01a2177bd6e730518f0.read(this.#holding);
     }
     set holding(_v1) {
-        reactivity_c9c73d187a134116af27de99479178b20.write(this.#holding, _v1);
+        reactivity_395fa766de714d01a2177bd6e730518f0.write(this.#holding, _v1);
     }
 }
 const hold = template.factory(function (attributes, content) {
@@ -27,34 +27,33 @@ const hold = template.factory(function (attributes, content) {
         if (!state.complete) {
             state.holding = false;
         }
-    }, state = new ReactiveObject_c9c73d187a134116af27de99479178b213();
+    }, state = new ReactiveObject_395fa766de714d01a2177bd6e730518f13();
     return (() => {
-        let root_c9c73d187a134116af27de99479178b214 = template_c9c73d187a134116af27de99479178b215(), element_c9c73d187a134116af27de99479178b216 = root_c9c73d187a134116af27de99479178b214.firstChild, element_c9c73d187a134116af27de99479178b217 = element_c9c73d187a134116af27de99479178b216.firstChild, attributes_c9c73d187a134116af27de99479178b218 = { "class": "button" };
-        template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b216, 'class', () => state.holding && 'button--holding', attributes_c9c73d187a134116af27de99479178b218);
-        template_c9c73d187a134116af27de99479178b21.setList(element_c9c73d187a134116af27de99479178b216, 'class', () => state.complete && '--active', attributes_c9c73d187a134116af27de99479178b218);
-        template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mousedown', (e) => {
+        let root_395fa766de714d01a2177bd6e730518f14 = template_395fa766de714d01a2177bd6e730518f15(), element_395fa766de714d01a2177bd6e730518f16 = root_395fa766de714d01a2177bd6e730518f14.firstChild, element_395fa766de714d01a2177bd6e730518f17 = element_395fa766de714d01a2177bd6e730518f16.firstChild, attributes_395fa766de714d01a2177bd6e730518f18 = { "class": "button" };
+        template_395fa766de714d01a2177bd6e730518f1.setList(element_395fa766de714d01a2177bd6e730518f16, 'class', () => state.holding && 'button--holding', attributes_395fa766de714d01a2177bd6e730518f18);
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f16, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_c9c73d187a134116af27de99479178b21.setProperties(element_c9c73d187a134116af27de99479178b216, attributes, attributes_c9c73d187a134116af27de99479178b218);
-        template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'animationend', (e) => {
+        template_395fa766de714d01a2177bd6e730518f1.setProperties(element_395fa766de714d01a2177bd6e730518f16, attributes, attributes_395fa766de714d01a2177bd6e730518f18);
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f16, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'click', () => { });
-        template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mousedown', (e) => {
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f16, 'click', () => { });
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f16, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'mouseup', end);
-        template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'touchend', end);
-        template_c9c73d187a134116af27de99479178b21.delegate(element_c9c73d187a134116af27de99479178b216, 'touchstart', (e) => {
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f16, 'mouseup', end);
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f16, 'touchend', end);
+        template_395fa766de714d01a2177bd6e730518f1.delegate(element_395fa766de714d01a2177bd6e730518f16, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_c9c73d187a134116af27de99479178b21.EffectSlot(element_c9c73d187a134116af27de99479178b217, () => content(state));
-        return root_c9c73d187a134116af27de99479178b214;
+        new template_395fa766de714d01a2177bd6e730518f1.EffectSlot(element_395fa766de714d01a2177bd6e730518f17, () => content(state));
+        return root_395fa766de714d01a2177bd6e730518f14;
     })();
 });
 export default { hold };

package/build/components/button/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.button{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:var(--background);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default);--border-radius:var(--border-radius-400);--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--width:auto}.button.--active{--background:var(--background-active);--border-color:var(--border-color-active);--color:var(--color-active)}.button:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--color:var(--color-hover)}.button:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--color:var(--color-pressed)}.button--holding{--animation-duration:2.4s;--background-hold:var(--background-active)}.button--processing{--animation-duration:.64s;--border-width:var(--border-width-400);--processing-color:var(--color);--size:var(--size-400)}.button--skeleton{--animation-duration:6.4s}.button{background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width))calc(var(--padding-horizontal) - var(--border-width));transition:all var(--transition-duration)ease-in-out;width:var(--width);flex-wrap:wrap;place-content:center;align-items:center;display:flex;position:relative}.button:after{border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out;z-index:-1;position:absolute;inset:0}.button--flat:after{display:none}.button--holding{overflow:hidden}.button--holding:after{animation:buttonHolding var(--animation-duration)ease-in-out forwards;box-shadow:unset;background:var(--background-hold);z-index:1;border-radius:0;width:110%;height:100%;display:block;transform:translate(-100%)}@keyframes buttonHolding{to{transform:translate(0%)}}.button--holding>*{animation:buttonHoldingContentPulse calc(var(--animation-duration)/3)infinite ease-in-out;z-index:2}@keyframes buttonHoldingContentPulse{0%,to{opacity:1}50%{opacity:.4}}.button--processing{color:#0000;pointer-events:none}.button--processing:before{animation:buttonProcessing var(--animation-duration)infinite linear;border:var(--border-width)solid color-mix(in srgb,var(--processing-color),transparent 90%);border-left-color:var(--processing-color);content:"";height:var(--size);width:var(--size);border-top-color:#0000;border-right-color:#0000;border-radius:100%;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.button--processing *{opacity:0}@keyframes buttonProcessing{0%{transform:translate(50%,50%)rotate(0)}to{transform:translate(50%,50%)rotate(359deg)}}.button--skeleton{animation:var(--animation-duration)ease-in-out infinite buttonSkeleton;background-image:linear-gradient(270deg,var(--background-pressed),var(--background-default),var(--background-default),var(--background-pressed));color:#0000;pointer-events:none;background-size:400% 100%}.button--skeleton *{opacity:0}@keyframes buttonSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.button--top-left,.button--top-right{top:calc((var(--padding-vertical) + var(--line-height)/2)*-1);position:absolute}.button--top-left{left:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--top-right{right:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--underline.--active,.button--underline:not(.--active):hover{text-decoration:underline}}
+@layer components {.button{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-active:var(--border-color-default);--border-color-default:var(--background);--border-color-hover:var(--border-color-default);--border-color-pressed:var(--border-color-default);--border-radius:var(--border-radius-400);--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--color:var(--color-default);--color-active:var(--color-default);--color-default:var(--color-text-400);--color-hover:var(--color-default);--color-pressed:var(--color-default);--font-size:var(--font-size-400);--font-weight:var(--font-weight-400);--line-height:var(--line-height-400);--padding-horizontal:var(--size-400);--padding-vertical:var(--size-400);--width:auto}.button.--active{--background:var(--background-active);--border-color:var(--border-color-active);--color:var(--color-active)}.button:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--color:var(--color-hover)}.button:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--color:var(--color-pressed)}.button--holding{--animation-duration:2.4s;--background-hold:var(--background-active)}.button--processing{--animation-duration:.64s;--border-width:var(--border-width-400);--processing-color:var(--color);--size:var(--size-400)}.button--skeleton{--animation-duration:6.4s}.button{background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height);padding:calc(var(--padding-vertical) - var(--border-width))calc(var(--padding-horizontal) - var(--border-width));transition:all var(--transition-duration)ease-in-out;width:var(--width);flex-wrap:wrap;place-content:center;align-items:center;display:flex;position:relative}.button:after{border-radius:inherit;box-shadow:var(--box-shadow);content:"";pointer-events:none;transition:box-shadow var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out;z-index:-1;position:absolute;inset:0}.button--flat:after{display:none}.button--holding{-webkit-user-select:none;user-select:none;overflow:hidden}.button--holding:after{animation:buttonHolding var(--animation-duration)ease-in-out forwards;box-shadow:unset;background:var(--background-hold);z-index:1;border-radius:0;width:110%;height:100%;display:block;transform:translate(-100%)}@keyframes buttonHolding{to{transform:translate(0%)}}.button--holding>*{animation:buttonHoldingContentPulse calc(var(--animation-duration)/3)infinite ease-in-out;z-index:2}@keyframes buttonHoldingContentPulse{0%,to{opacity:1}50%{opacity:.4}}.button--processing{color:#0000;pointer-events:none}.button--processing:before{animation:buttonProcessing var(--animation-duration)infinite linear;border:var(--border-width)solid color-mix(in srgb,var(--processing-color),transparent 90%);border-left-color:var(--processing-color);content:"";height:var(--size);width:var(--size);border-top-color:#0000;border-right-color:#0000;border-radius:100%;position:absolute;bottom:50%;right:50%;transform:translate(50%,50%)}.button--processing *{opacity:0}@keyframes buttonProcessing{0%{transform:translate(50%,50%)rotate(0)}to{transform:translate(50%,50%)rotate(359deg)}}.button--skeleton{animation:var(--animation-duration)ease-in-out infinite buttonSkeleton;background-image:linear-gradient(270deg,var(--background-pressed),var(--background-default),var(--background-default),var(--background-pressed));color:#0000;pointer-events:none;background-size:400% 100%}.button--skeleton *{opacity:0}@keyframes buttonSkeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.button--top-left,.button--top-right{top:calc((var(--padding-vertical) + var(--line-height)/2)*-1);position:absolute}.button--top-left{left:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--top-right{right:calc((var(--padding-horizontal) + var(--line-height)/2)*-1)}.button--underline.--active,.button--underline:not(.--active):hover{text-decoration:underline}}
 /*$vite$:1*/