@esportsplus/ui 0.51.2 → 0.51.4

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{-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}}
+@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*/

package/build/components/card/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.card{--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);--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--padding-horizontal:0px;--padding-vertical:0px;--width:auto}.card.--active{--background:var(--background-active);--border-color:var(--border-color-active)}.card:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover)}.card:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed)}.card{background:var(--background);border-radius:var(--border-radius);padding:var(--padding-vertical)var(--padding-horizontal);transition:background var(--transition-duration)ease-in-out,border-color var(--transition-duration)ease-in-out,box-shadow var(--transition-duration)ease-in-out,max-height var(--transition-duration)ease-in-out,opacity var(--transition-duration)ease-in-out,transform var(--transition-duration)ease-in-out;width:var(--width);position:relative}.card: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}.card--flat:after{display:none}.card--option{border-radius:0}.card--option.--active{z-index:2}.card--option:not(.--active):hover{z-index:1}.card--option:only-child{border-radius:var(--border-radius)}.card--option:not(:only-child):not(:first-child){margin-top:calc(var(--border-width)*-1)}.card--option:not(:only-child):first-child{border-radius:var(--border-radius)var(--border-radius)0 0}.card--option:not(:only-child):not(:has(~.card--option)){border-radius:0 0 var(--border-radius)var(--border-radius)}}
+@layer components {.card{--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);--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--padding-horizontal:0px;--padding-vertical:0px;--width:auto}.card.--active{--background:var(--background-active);--border-color:var(--border-color-active)}.card:not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover)}.card:not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed)}.card{background:var(--background);border-radius:var(--border-radius);padding:var(--padding-vertical) var(--padding-horizontal);transition:background var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out, box-shadow var(--transition-duration) ease-in-out, max-height var(--transition-duration) ease-in-out, opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;width:var(--width);position:relative}.card: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}.card--flat:after{display:none}.card--option{border-radius:0}.card--option.--active{z-index:2}.card--option:not(.--active):hover{z-index:1}.card--option:only-child{border-radius:var(--border-radius)}.card--option:not(:only-child):not(:first-child){margin-top:calc(var(--border-width) * -1)}.card--option:not(:only-child):first-child{border-radius:var(--border-radius) var(--border-radius) 0 0}.card--option:not(:only-child):not(:has(~.card--option)){border-radius:0 0 var(--border-radius) var(--border-radius)}}
 /*$vite$:1*/

package/build/components/checkbox/index.js

@@ -1,51 +1,51 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
-import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 from '@esportsplus/reactivity';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
 import { root } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca1b = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div><input></div>`);
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca19 extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #active = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](false);
-    #error = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL]('');
+const template_b7478c4a5ff041d4bc1434ee94c2db371b = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div><input></div>`);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db3719 extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #active = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
+    #error = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#active);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#active);
     }
     set active(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#active, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#error);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#error);
     }
     set error(_v1) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#error, _v1);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#error, _v1);
     }
 }
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
-        let state = attributes?.state || new ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca19();
+        let state = attributes?.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db3719();
         if (attributes?.checked) {
             state.active = true;
         }
         return (() => {
-            let root_8f9ca242f23f4b5881fed07dabd2b7ca1a = template_8f9ca242f23f4b5881fed07dabd2b7ca1b(), element_8f9ca242f23f4b5881fed07dabd2b7ca1c = root_8f9ca242f23f4b5881fed07dabd2b7ca1a.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca1d = element_8f9ca242f23f4b5881fed07dabd2b7ca1c.firstElementChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1e = { "class": "" }, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1f = {};
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca1c, 'class', type, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1e);
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca1c, 'class', () => state.active && '--active', attributes_8f9ca242f23f4b5881fed07dabd2b7ca1e);
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca1c, this?.attributes && omit(this.attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca1e);
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca1c, attributes && omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca1e);
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca1d, 'checked', attributes?.checked || root(() => state.active));
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca1d, 'class', `${type}-tag`, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1f);
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.delegate(element_8f9ca242f23f4b5881fed07dabd2b7ca1d, 'change', (e) => {
+            let root_b7478c4a5ff041d4bc1434ee94c2db371a = template_b7478c4a5ff041d4bc1434ee94c2db371b(), element_b7478c4a5ff041d4bc1434ee94c2db371c = root_b7478c4a5ff041d4bc1434ee94c2db371a.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db371d = element_b7478c4a5ff041d4bc1434ee94c2db371c.firstElementChild, attributes_b7478c4a5ff041d4bc1434ee94c2db371e = { "class": " " }, attributes_b7478c4a5ff041d4bc1434ee94c2db371f = {};
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371c, 'class', type, attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371c, 'class', () => state.active && '--active', attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db371c, this?.attributes && omit(this.attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db371c, attributes && omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db371e);
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperty(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'checked', attributes?.checked || root(() => state.active));
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'class', `${type}-tag`, attributes_b7478c4a5ff041d4bc1434ee94c2db371f);
+            template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.onrender(element_8f9ca242f23f4b5881fed07dabd2b7ca1d, form.input.onrender(state));
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca1d, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperty(element_8f9ca242f23f4b5881fed07dabd2b7ca1d, 'value', attributes?.value || 1);
-            return root_8f9ca242f23f4b5881fed07dabd2b7ca1a;
+            template_b7478c4a5ff041d4bc1434ee94c2db371.onrender(element_b7478c4a5ff041d4bc1434ee94c2db371d, form.input.onrender(state));
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperty(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperty(element_b7478c4a5ff041d4bc1434ee94c2db371d, 'value', attributes?.value || 1);
+            return root_b7478c4a5ff041d4bc1434ee94c2db371a;
         })();
     }
     return template;

package/build/components/checkbox/scss/index.scss

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

package/build/components/clipboard/onclick.js

@@ -1,28 +1,28 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
-import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 from '@esportsplus/reactivity';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca1i = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div><!--$--></div>`);
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1g extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #copied = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](false);
+const template_b7478c4a5ff041d4bc1434ee94c2db371i = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div><!--$--></div>`);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371g extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #copied = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
     constructor() {
         super(null);
     }
     get copied() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#copied);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#copied);
     }
     set copied(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#copied, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#copied, _v0);
     }
 }
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1g(), timeout = attributes.timeout || 1000 * 2;
+    let state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371g(), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca1h = template_8f9ca242f23f4b5881fed07dabd2b7ca1i(), element_8f9ca242f23f4b5881fed07dabd2b7ca1j = root_8f9ca242f23f4b5881fed07dabd2b7ca1h.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca1k = element_8f9ca242f23f4b5881fed07dabd2b7ca1j.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1l = {};
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca1j, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca1l);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.delegate(element_8f9ca242f23f4b5881fed07dabd2b7ca1j, 'click', (e) => {
+        let root_b7478c4a5ff041d4bc1434ee94c2db371h = template_b7478c4a5ff041d4bc1434ee94c2db371i(), element_b7478c4a5ff041d4bc1434ee94c2db371j = root_b7478c4a5ff041d4bc1434ee94c2db371h.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db371k = element_b7478c4a5ff041d4bc1434ee94c2db371j.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db371l = {};
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db371j, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db371l);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db371j, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -32,7 +32,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_8f9ca242f23f4b5881fed07dabd2b7ca1.EffectSlot(element_8f9ca242f23f4b5881fed07dabd2b7ca1k, () => content(state));
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca1h;
+        new template_b7478c4a5ff041d4bc1434ee94c2db371.EffectSlot(element_b7478c4a5ff041d4bc1434ee94c2db371k, () => content(state));
+        return root_b7478c4a5ff041d4bc1434ee94c2db371h;
     })();
 });

package/build/components/container/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.container{--gap-horizontal:0px;--gap-vertical:0px;--margin-horizontal:var(--size-600);--margin-vertical:0px;--max-width:1400px;gap:var(--gap-vertical)var(--gap-horizontal);margin:var(--margin-vertical)auto;width:min(var(--max-width),100% - var(--margin-horizontal)*2);flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}}
+@layer components {.container{--gap-horizontal:0px;--gap-vertical:0px;--margin-horizontal:var(--size-600);--margin-vertical:0px;--max-width:1400px;gap:var(--gap-vertical) var(--gap-horizontal);margin:var(--margin-vertical) auto;width:min(var(--max-width), 100% - var(--margin-horizontal) * 2);flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}}
 /*$vite$:1*/

package/build/components/counter/index.js

@@ -1,41 +1,41 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
-import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 from '@esportsplus/reactivity';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
 import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca1p = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_8f9ca242f23f4b5881fed07dabd2b7ca1s = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<span><!--$--></span>`);
-const template_8f9ca242f23f4b5881fed07dabd2b7ca1v = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_8f9ca242f23f4b5881fed07dabd2b7ca20 = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='counter'><!--$--></div>`);
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1m extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #value = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](-1);
+const template_b7478c4a5ff041d4bc1434ee94c2db371p = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_b7478c4a5ff041d4bc1434ee94c2db371s = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<span><!--$--></span>`);
+const template_b7478c4a5ff041d4bc1434ee94c2db371v = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_b7478c4a5ff041d4bc1434ee94c2db3720 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='counter'><!--$--></div>`);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371m extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #value = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](-1);
     constructor() {
         super(null);
     }
     get value() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#value);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#value);
     }
     set value(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#value, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#value, _v0);
     }
 }
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1n extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #length = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](0);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371n extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #length = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](0);
     #test;
     #render;
     constructor(_p0, _p1) {
         super(null);
-        this.#test = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.COMPUTED](_p0);
-        this.#render = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.REACTIVE_ARRAY](_p1);
+        this.#test = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.COMPUTED](_p0);
+        this.#render = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.REACTIVE_ARRAY](_p1);
     }
     get length() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#length);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#length);
     }
     set length(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#length, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#length, _v0);
     }
     get test() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#test);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#test);
     }
     get render() {
         return this.#render;
@@ -44,12 +44,12 @@ class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1n extends reactivity_8f9ca
 const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
 let formatters = {};
 export default (attributes) => {
-    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1m(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371m(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca1n(() => 'sds', []), render = new reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveArray();
+        }), rendering = true, state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db371n(() => 'sds', []), render = new reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -84,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca1z = template_8f9ca242f23f4b5881fed07dabd2b7ca20(), element_8f9ca242f23f4b5881fed07dabd2b7ca21 = root_8f9ca242f23f4b5881fed07dabd2b7ca1z.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca22 = element_8f9ca242f23f4b5881fed07dabd2b7ca21.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca23 = { "class": "counter" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca21, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca23);
-        new template_8f9ca242f23f4b5881fed07dabd2b7ca1.EffectSlot(element_8f9ca242f23f4b5881fed07dabd2b7ca22, () => {
+        let root_b7478c4a5ff041d4bc1434ee94c2db371z = template_b7478c4a5ff041d4bc1434ee94c2db3720(), element_b7478c4a5ff041d4bc1434ee94c2db3721 = root_b7478c4a5ff041d4bc1434ee94c2db371z.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db3722 = element_b7478c4a5ff041d4bc1434ee94c2db3721.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db3723 = { "class": " counter" };
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3721, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db3723);
+        new template_b7478c4a5ff041d4bc1434ee94c2db371.EffectSlot(element_b7478c4a5ff041d4bc1434ee94c2db3722, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_8f9ca242f23f4b5881fed07dabd2b7ca1.ArraySlot(render, function (value) {
+            return new template_b7478c4a5ff041d4bc1434ee94c2db371.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_8f9ca242f23f4b5881fed07dabd2b7ca1o = template_8f9ca242f23f4b5881fed07dabd2b7ca1p(), element_8f9ca242f23f4b5881fed07dabd2b7ca1q = root_8f9ca242f23f4b5881fed07dabd2b7ca1o.firstChild.firstChild;
-                        template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca1q, value);
-                        return root_8f9ca242f23f4b5881fed07dabd2b7ca1o;
+                        let root_b7478c4a5ff041d4bc1434ee94c2db371o = template_b7478c4a5ff041d4bc1434ee94c2db371p(), element_b7478c4a5ff041d4bc1434ee94c2db371q = root_b7478c4a5ff041d4bc1434ee94c2db371o.firstChild.firstChild;
+                        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db371q, value);
+                        return root_b7478c4a5ff041d4bc1434ee94c2db371o;
                     })();
                 }
                 return (() => {
-                    let root_8f9ca242f23f4b5881fed07dabd2b7ca1u = template_8f9ca242f23f4b5881fed07dabd2b7ca1v(), element_8f9ca242f23f4b5881fed07dabd2b7ca1w = root_8f9ca242f23f4b5881fed07dabd2b7ca1u.firstChild.firstElementChild, element_8f9ca242f23f4b5881fed07dabd2b7ca1x = element_8f9ca242f23f4b5881fed07dabd2b7ca1w.firstChild.nextSibling, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1y = { "class": "counter-character-track", "style": "" };
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca1w, 'style', `--value: ${value}`, attributes_8f9ca242f23f4b5881fed07dabd2b7ca1y);
-                    template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca1x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_8f9ca242f23f4b5881fed07dabd2b7ca1r = template_8f9ca242f23f4b5881fed07dabd2b7ca1s(), element_8f9ca242f23f4b5881fed07dabd2b7ca1t = root_8f9ca242f23f4b5881fed07dabd2b7ca1r.firstChild.firstChild;
-                        template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca1t, value);
-                        return root_8f9ca242f23f4b5881fed07dabd2b7ca1r;
+                    let root_b7478c4a5ff041d4bc1434ee94c2db371u = template_b7478c4a5ff041d4bc1434ee94c2db371v(), element_b7478c4a5ff041d4bc1434ee94c2db371w = root_b7478c4a5ff041d4bc1434ee94c2db371u.firstChild.firstElementChild, element_b7478c4a5ff041d4bc1434ee94c2db371x = element_b7478c4a5ff041d4bc1434ee94c2db371w.firstChild.nextSibling, attributes_b7478c4a5ff041d4bc1434ee94c2db371y = { "class": " counter-character-track", "style": " " };
+                    template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db371w, 'style', `--value: ${value}`, attributes_b7478c4a5ff041d4bc1434ee94c2db371y);
+                    template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db371x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_b7478c4a5ff041d4bc1434ee94c2db371r = template_b7478c4a5ff041d4bc1434ee94c2db371s(), element_b7478c4a5ff041d4bc1434ee94c2db371t = root_b7478c4a5ff041d4bc1434ee94c2db371r.firstChild.firstChild;
+                        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db371t, value);
+                        return root_b7478c4a5ff041d4bc1434ee94c2db371r;
                     }));
-                    return root_8f9ca242f23f4b5881fed07dabd2b7ca1u;
+                    return root_b7478c4a5ff041d4bc1434ee94c2db371u;
                 })();
             });
         });
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca1z;
+        return root_b7478c4a5ff041d4bc1434ee94c2db371z;
     })();
 };

package/build/components/counter/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.counter{--font-size:clamp(2rem,4vw + 1rem,8rem);--font-weight:var(--font-weight-400);--line-height:calc(var(--font-size)*1.5);--mask-size:.24;--timing-function:var(--timing-bounce-out);--transition-duration:2s}.counter-character{--scale:1}.counter-character--fraction,.counter-character--symbol{--opacity:.8}.counter-character--fraction{--font-weight:var(--font-weight-300);--scale:.75}.counter-character--symbol:first-child{--scale:.8}.counter{transition:transform calc(var(--transition-duration)/4)var(--transition-duration);transform-style:flat;place-items:center;gap:2px;display:flex}.counter-character,.counter-character-track span{color:#0000;transform-style:flat;background:linear-gradient(#fafafa 50%,#737373) fixed;-webkit-background-clip:text;background-clip:text}.counter-character{font-size:var(--font-size);font-variant:tabular-nums;font-weight:var(--font-weight);height:1lh;line-height:var(--line-height);-webkit-mask:linear-gradient(transparent,white calc(1lh*var(--mask-size))calc(100% - 1lh*var(--mask-size)),transparent);-webkit-mask:linear-gradient(transparent,white calc(1lh*var(--mask-size))calc(100% - 1lh*var(--mask-size)),transparent);mask:linear-gradient(transparent,white calc(1lh*var(--mask-size))calc(100% - 1lh*var(--mask-size)),transparent);transform-style:flat;display:grid;overflow:hidden}.counter-character--fraction{font-size:calc(var(--font-size)*var(--scale));font-weight:var(--font-weight-300);opacity:var(--opacity);height:var(--line-height);overflow:visible}.counter-character--fraction .counter-character-track span{padding:calc((var(--line-height) - var(--font-size))*.2)0;flex-direction:column;align-items:end;display:flex}.counter-character--symbol{font-size:calc(var(--font-size)*var(--scale));opacity:var(--opacity);margin-right:.1ch}.counter-character-track{translate:0 calc((var(--value) + 1)*var(--line-height)*-1);transition:translate var(--transition-duration)var(--timing-function);display:grid}.counter-character-track span{transform-style:flat;height:1lh}}
+@layer components {.counter{--font-size:clamp(2rem, 4vw + 1rem, 8rem);--font-weight:var(--font-weight-400);--line-height:calc(var(--font-size) * 1.5);--mask-size:.24;--timing-function:var(--timing-bounce-out);--transition-duration:2s}.counter-character{--scale:1}.counter-character--fraction,.counter-character--symbol{--opacity:.8}.counter-character--fraction{--font-weight:var(--font-weight-300);--scale:.75}.counter-character--symbol:first-child{--scale:.8}.counter{transition:transform calc(var(--transition-duration) / 4) var(--transition-duration);transform-style:flat;place-items:center;gap:2px;display:flex}.counter-character,.counter-character-track span{color:#0000;transform-style:flat;background:linear-gradient(#fafafa 50%,#737373) fixed;-webkit-background-clip:text;background-clip:text}.counter-character{font-size:var(--font-size);font-variant:tabular-nums;font-weight:var(--font-weight);height:1lh;line-height:var(--line-height);-webkit-mask:linear-gradient(transparent, white calc(1lh * var(--mask-size)) calc(100% - 1lh * var(--mask-size)), transparent);-webkit-mask:linear-gradient(transparent, white calc(1lh * var(--mask-size)) calc(100% - 1lh * var(--mask-size)), transparent);mask:linear-gradient(transparent, white calc(1lh * var(--mask-size)) calc(100% - 1lh * var(--mask-size)), transparent);transform-style:flat;display:grid;overflow:hidden}.counter-character--fraction{font-size:calc(var(--font-size) * var(--scale));font-weight:var(--font-weight-300);opacity:var(--opacity);height:var(--line-height);overflow:visible}.counter-character--fraction .counter-character-track span{padding:calc((var(--line-height) - var(--font-size)) * .2) 0;flex-direction:column;align-items:end;display:flex}.counter-character--symbol{font-size:calc(var(--font-size) * var(--scale));opacity:var(--opacity);margin-right:.1ch}.counter-character-track{translate:0 calc((var(--value) + 1) * var(--line-height) * -1);transition:translate var(--transition-duration) var(--timing-function);display:grid}.counter-character-track span{transform-style:flat;height:1lh}}
 /*$vite$:1*/

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
 import './scss/index.scss';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca25 = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_b7478c4a5ff041d4bc1434ee94c2db3725 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_8f9ca242f23f4b5881fed07dabd2b7ca24 = template_8f9ca242f23f4b5881fed07dabd2b7ca25(), element_8f9ca242f23f4b5881fed07dabd2b7ca26 = root_8f9ca242f23f4b5881fed07dabd2b7ca24.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca27 = { "class": "ellipsis" };
-    template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca26, attributes, attributes_8f9ca242f23f4b5881fed07dabd2b7ca27);
-    return root_8f9ca242f23f4b5881fed07dabd2b7ca24;
+    let root_b7478c4a5ff041d4bc1434ee94c2db3724 = template_b7478c4a5ff041d4bc1434ee94c2db3725(), element_b7478c4a5ff041d4bc1434ee94c2db3726 = root_b7478c4a5ff041d4bc1434ee94c2db3724.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db3727 = { "class": " ellipsis" };
+    template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3726, attributes, attributes_b7478c4a5ff041d4bc1434ee94c2db3727);
+    return root_b7478c4a5ff041d4bc1434ee94c2db3724;
 };

package/build/components/ellipsis/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.ellipsis{--animation-duration:1.24s;--margin-horizontal:var(--size-100);--size:var(--size-200)}.ellipsis span{animation:ellipsis var(--animation-duration)infinite linear;background-color:var(--color);height:var(--size);margin:0 var(--margin-horizontal);width:var(--size);border-radius:100%;display:inline-block}.ellipsis span :nth-child(2){animation-delay:.24s}.ellipsis span :nth-child(3){animation-delay:.48s}@keyframes ellipsis{0%,to{opacity:.16}20%{opacity:1}}}
+@layer components {.ellipsis{--animation-duration:1.24s;--margin-horizontal:var(--size-100);--size:var(--size-200)}.ellipsis span{animation:ellipsis var(--animation-duration) infinite linear;background-color:var(--color);height:var(--size);margin:0 var(--margin-horizontal);width:var(--size);border-radius:100%;display:inline-block}.ellipsis span :nth-child(2){animation-delay:.24s}.ellipsis span :nth-child(3){animation-delay:.48s}@keyframes ellipsis{0%,to{opacity:.16}20%{opacity:1}}}
 /*$vite$:1*/

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca29 = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<form class='form'><!--$--></form>`);
+const template_b7478c4a5ff041d4bc1434ee94c2db3729 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<form class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
@@ -29,9 +29,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca28 = template_8f9ca242f23f4b5881fed07dabd2b7ca29(), element_8f9ca242f23f4b5881fed07dabd2b7ca2a = root_8f9ca242f23f4b5881fed07dabd2b7ca28.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca2b = element_8f9ca242f23f4b5881fed07dabd2b7ca2a.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2c = { "class": "form" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2a, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca2c);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.delegate(element_8f9ca242f23f4b5881fed07dabd2b7ca2a, 'click', function (event) {
+        let root_b7478c4a5ff041d4bc1434ee94c2db3728 = template_b7478c4a5ff041d4bc1434ee94c2db3729(), element_b7478c4a5ff041d4bc1434ee94c2db372a = root_b7478c4a5ff041d4bc1434ee94c2db3728.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db372b = element_b7478c4a5ff041d4bc1434ee94c2db372a.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372c = { "class": " form" };
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372a, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db372c);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db372a, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -39,7 +39,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.on(element_8f9ca242f23f4b5881fed07dabd2b7ca2a, 'submit', async function (event) {
+        template_b7478c4a5ff041d4bc1434ee94c2db371.on(element_b7478c4a5ff041d4bc1434ee94c2db372a, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca2b, content);
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca28;
+        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db372b, content);
+        return root_b7478c4a5ff041d4bc1434ee94c2db3728;
     })();
 };

package/build/components/form/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.form{--gap-horizontal:0px;--gap-vertical:0px;--margin-horizontal:0px;--margin-vertical:0px;gap:var(--gap-vertical)var(--gap-horizontal);margin:var(--margin-vertical)var(--margin-horizontal);flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}}
+@layer components {.form{--gap-horizontal:0px;--gap-vertical:0px;--margin-horizontal:0px;--margin-vertical:0px;gap:var(--gap-vertical) var(--gap-horizontal);margin:var(--margin-vertical) var(--margin-horizontal);flex-wrap:wrap;justify-content:flex-start;display:flex;position:relative}}
 /*$vite$:1*/

package/build/components/frame/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.frames{--gap:var(--size-400);--opacity:.4;gap:var(--gap);transform:translateX(calc(var(--i)*(100% + var(--gap))));transition:transform .3s;display:flex}.frames .frame{flex-shrink:0;width:100%;min-width:100%}.frames .frame:not(.--active){opacity:var(--opacity);display:flex}.frames .frame:not(.--active)>*{pointer-events:none}.frame{cursor:default;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;display:none;position:relative}.frame.--active{display:flex}}
+@layer components {.frames{--gap:var(--size-400);--opacity:.4;gap:var(--gap);transform:translateX(calc(var(--i) * (100% + var(--gap))));transition:transform .3s;display:flex}.frames .frame{flex-shrink:0;width:100%;min-width:100%}.frames .frame:not(.--active){opacity:var(--opacity);display:flex}.frames .frame:not(.--active)>*{pointer-events:none}.frame{cursor:default;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;display:none;position:relative}.frame.--active{display:flex}}
 /*$vite$:1*/

package/build/components/grid/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.grid{--gap-horizontal:var(--size-400);--gap-vertical:var(--size-400);--max-width:1fr;--min-width:200px;grid-gap:var(--gap-horizontal)var(--gap-vertical);grid-template-columns:repeat(auto-fit,minmax(var(--min-width),var(--max-width)));display:grid;position:relative}.grid .grid-item{width:100%}}
+@layer components {.grid{--gap-horizontal:var(--size-400);--gap-vertical:var(--size-400);--max-width:1fr;--min-width:200px;grid-gap:var(--gap-horizontal) var(--gap-vertical);grid-template-columns:repeat(auto-fit, minmax(var(--min-width), var(--max-width)));display:grid;position:relative}.grid .grid-item{width:100%}}
 /*$vite$:1*/

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

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

package/build/components/highlight/index.js

@@ -1,19 +1,19 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
-import * as reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0 from '@esportsplus/reactivity';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca2f = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='highlight'><!--$--></div>`);
-class ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca2d extends reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.ReactiveObject {
-    #highlight = this[reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.SIGNAL](0);
+const template_b7478c4a5ff041d4bc1434ee94c2db372f = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='highlight'><!--$--></div>`);
+class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372d extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
+    #highlight = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](0);
     constructor() {
         super(null);
     }
     get highlight() {
-        return reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.read(this.#highlight);
+        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#highlight);
     }
     set highlight(_v0) {
-        reactivity_8f9ca242f23f4b5881fed07dabd2b7ca0.write(this.#highlight, _v0);
+        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#highlight, _v0);
     }
 }
 const OMIT = ['background'];
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_8f9ca242f23f4b5881fed07dabd2b7ca2d();
+    let state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372d();
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca2e = template_8f9ca242f23f4b5881fed07dabd2b7ca2f(), element_8f9ca242f23f4b5881fed07dabd2b7ca2g = root_8f9ca242f23f4b5881fed07dabd2b7ca2e.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca2h = element_8f9ca242f23f4b5881fed07dabd2b7ca2g.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2i = { "class": "highlight" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2g, omit(attributes, OMIT), attributes_8f9ca242f23f4b5881fed07dabd2b7ca2i);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.onrender(element_8f9ca242f23f4b5881fed07dabd2b7ca2g, (element) => {
+        let root_b7478c4a5ff041d4bc1434ee94c2db372e = template_b7478c4a5ff041d4bc1434ee94c2db372f(), element_b7478c4a5ff041d4bc1434ee94c2db372g = root_b7478c4a5ff041d4bc1434ee94c2db372e.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db372h = element_b7478c4a5ff041d4bc1434ee94c2db372g.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372i = { "class": " highlight" };
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372g, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db372i);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.onrender(element_b7478c4a5ff041d4bc1434ee94c2db372g, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setList(element_8f9ca242f23f4b5881fed07dabd2b7ca2g, 'style', [
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db372g, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_8f9ca242f23f4b5881fed07dabd2b7ca2i);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca2h, content);
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca2e;
+        ], attributes_b7478c4a5ff041d4bc1434ee94c2db372i);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db372h, content);
+        return root_b7478c4a5ff041d4bc1434ee94c2db372e;
     })();
 });

package/build/components/highlight/scss/index.scss

@@ -1,2 +1,2 @@
-@layer components {.highlight{--background:transparent;--highlight:1;background:linear-gradient(90deg,var(--background)50%,transparent 50%)110% 0/200% 100% no-repeat;background-position:calc((1 - var(--highlight))*110%)0;transition:background-position .32s}}
+@layer components {.highlight{--background:transparent;--highlight:1;background:linear-gradient(90deg, var(--background) 50%, transparent 50%) 110% 0/200% 100% no-repeat;background-position:calc((1 - var(--highlight)) * 110%) 0;transition:background-position .32s}}
 /*$vite$:1*/

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_8f9ca242f23f4b5881fed07dabd2b7ca1 from '@esportsplus/template';
+import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_8f9ca242f23f4b5881fed07dabd2b7ca2k = template_8f9ca242f23f4b5881fed07dabd2b7ca1.template(`<div class='icon'><!--$--></div>`);
+const template_b7478c4a5ff041d4bc1434ee94c2db372k = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_8f9ca242f23f4b5881fed07dabd2b7ca2j = template_8f9ca242f23f4b5881fed07dabd2b7ca2k(), element_8f9ca242f23f4b5881fed07dabd2b7ca2l = root_8f9ca242f23f4b5881fed07dabd2b7ca2j.firstChild, element_8f9ca242f23f4b5881fed07dabd2b7ca2m = element_8f9ca242f23f4b5881fed07dabd2b7ca2l.firstChild, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2n = { "class": "icon" };
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.setProperties(element_8f9ca242f23f4b5881fed07dabd2b7ca2l, attributes, attributes_8f9ca242f23f4b5881fed07dabd2b7ca2n);
-        template_8f9ca242f23f4b5881fed07dabd2b7ca1.slot(element_8f9ca242f23f4b5881fed07dabd2b7ca2m, svg.sprite(icon));
-        return root_8f9ca242f23f4b5881fed07dabd2b7ca2j;
+        let root_b7478c4a5ff041d4bc1434ee94c2db372j = template_b7478c4a5ff041d4bc1434ee94c2db372k(), element_b7478c4a5ff041d4bc1434ee94c2db372l = root_b7478c4a5ff041d4bc1434ee94c2db372j.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db372m = element_b7478c4a5ff041d4bc1434ee94c2db372l.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372n = { "class": " icon" };
+        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372l, attributes, attributes_b7478c4a5ff041d4bc1434ee94c2db372n);
+        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db372m, svg.sprite(icon));
+        return root_b7478c4a5ff041d4bc1434ee94c2db372j;
     })();
 });