@esportsplus/ui 0.48.6 → 0.48.7

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

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

package/build/components/accordion/index.js

@@ -1,9 +1,9 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb953 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3633 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div><!--$--></div>`);
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
@@ -11,22 +11,22 @@ export default template.factory(function (attributes, content) {
         active: 0
     });
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb952 = template_3ea7bdb36b1e42ed846a8dc5465fdb953(), element_3ea7bdb36b1e42ed846a8dc5465fdb954 = root_3ea7bdb36b1e42ed846a8dc5465fdb952.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb955 = element_3ea7bdb36b1e42ed846a8dc5465fdb954.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb954, omit(attributes, OMIT), {});
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb954, 'class', '', () => {
+        let root_69d8ea42df6d40bfb4950d47c33fd3632 = template_69d8ea42df6d40bfb4950d47c33fd3633(), element_69d8ea42df6d40bfb4950d47c33fd3634 = root_69d8ea42df6d40bfb4950d47c33fd3632.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3635 = element_69d8ea42df6d40bfb4950d47c33fd3634.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3636 = {};
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3634, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3636);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3634, 'class', () => {
             return state.active && '--active';
-        });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.onrender(element_3ea7bdb36b1e42ed846a8dc5465fdb954, (element) => {
+        }, attributes_69d8ea42df6d40bfb4950d47c33fd3636);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.onrender(element_69d8ea42df6d40bfb4950d47c33fd3634, (element) => {
             (ref = element)[key] = state;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb954, 'style', '', () => {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3634, '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}`;
-        });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb955, content);
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb952;
+        }, attributes_69d8ea42df6d40bfb4950d47c33fd3636);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3635, content);
+        return root_69d8ea42df6d40bfb4950d47c33fd3632;
     })();
 });

package/build/components/alert/index.js

@@ -1,5 +1,5 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive, svg } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import { icon } from '@esportsplus/ui';
@@ -7,10 +7,10 @@ import check from './svg/check.svg';
 import close from './svg/close.svg';
 import e from './svg/error.svg';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb957 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_3ea7bdb36b1e42ed846a8dc5465fdb95b = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<p><!--$--></p>`);
-const template_3ea7bdb36b1e42ed846a8dc5465fdb95f = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='--flex-start'><!--$--></div>`);
-const template_3ea7bdb36b1e42ed846a8dc5465fdb95i = template_3ea7bdb36b1e42ed846a8dc5465fdb951.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>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3638 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd363d = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<p><!--$--></p>`);
+const template_69d8ea42df6d40bfb4950d47c33fd363i = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='--flex-start'><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd363l = template_69d8ea42df6d40bfb4950d47c33fd3631.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>`);
 const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
 let modifiers = {
     error: 'red',
@@ -77,41 +77,41 @@ export default (attributes) => {
     };
     return {
         content: (() => {
-            let root_3ea7bdb36b1e42ed846a8dc5465fdb95h = template_3ea7bdb36b1e42ed846a8dc5465fdb95i(), element_3ea7bdb36b1e42ed846a8dc5465fdb95j = root_3ea7bdb36b1e42ed846a8dc5465fdb95h.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95k = element_3ea7bdb36b1e42ed846a8dc5465fdb95j.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95l = element_3ea7bdb36b1e42ed846a8dc5465fdb95j.firstElementChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95m = element_3ea7bdb36b1e42ed846a8dc5465fdb95l.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95n = element_3ea7bdb36b1e42ed846a8dc5465fdb95l.nextElementSibling.firstElementChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95o = element_3ea7bdb36b1e42ed846a8dc5465fdb95n.firstElementChild.firstChild;
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb95j, 'class', '--flex-row', () => state.active && '--active');
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb95j, omit(attributes, OMIT), { "class": "--flex-row" });
-            new template_3ea7bdb36b1e42ed846a8dc5465fdb951.EffectSlot(element_3ea7bdb36b1e42ed846a8dc5465fdb95k, () => {
+            let root_69d8ea42df6d40bfb4950d47c33fd363k = template_69d8ea42df6d40bfb4950d47c33fd363l(), element_69d8ea42df6d40bfb4950d47c33fd363m = root_69d8ea42df6d40bfb4950d47c33fd363k.firstChild, element_69d8ea42df6d40bfb4950d47c33fd363n = element_69d8ea42df6d40bfb4950d47c33fd363m.firstChild, element_69d8ea42df6d40bfb4950d47c33fd363o = element_69d8ea42df6d40bfb4950d47c33fd363m.firstElementChild, element_69d8ea42df6d40bfb4950d47c33fd363p = element_69d8ea42df6d40bfb4950d47c33fd363o.firstChild, element_69d8ea42df6d40bfb4950d47c33fd363q = element_69d8ea42df6d40bfb4950d47c33fd363o.nextElementSibling.firstElementChild, element_69d8ea42df6d40bfb4950d47c33fd363r = element_69d8ea42df6d40bfb4950d47c33fd363q.firstElementChild.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd363s = { "class": "alert anchor anchor--n --flex-row" }, attributes_69d8ea42df6d40bfb4950d47c33fd363t = { "class": "alert-messages --flex-column --flex-fill" }, attributes_69d8ea42df6d40bfb4950d47c33fd363u = { "class": "alert-close button --padding-300" };
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd363m, 'class', () => state.active && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd363s);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd363m, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd363s);
+            new template_69d8ea42df6d40bfb4950d47c33fd3631.EffectSlot(element_69d8ea42df6d40bfb4950d47c33fd363n, () => {
                 let type = state.type;
                 return (() => {
-                    let root_3ea7bdb36b1e42ed846a8dc5465fdb956 = template_3ea7bdb36b1e42ed846a8dc5465fdb957(), element_3ea7bdb36b1e42ed846a8dc5465fdb958 = root_3ea7bdb36b1e42ed846a8dc5465fdb956.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb959 = element_3ea7bdb36b1e42ed846a8dc5465fdb958.firstChild;
-                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb958, 'style', '', `--color: var(--color-${modifiers[type]}-400);`);
-                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb959, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_3ea7bdb36b1e42ed846a8dc5465fdb956;
+                    let root_69d8ea42df6d40bfb4950d47c33fd3637 = template_69d8ea42df6d40bfb4950d47c33fd3638(), element_69d8ea42df6d40bfb4950d47c33fd3639 = root_69d8ea42df6d40bfb4950d47c33fd3637.firstChild, element_69d8ea42df6d40bfb4950d47c33fd363a = element_69d8ea42df6d40bfb4950d47c33fd3639.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd363b = { "class": "--flex-vertical", "style": "" };
+                    template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3639, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_69d8ea42df6d40bfb4950d47c33fd363b);
+                    template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd363a, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_69d8ea42df6d40bfb4950d47c33fd3637;
                 })();
             });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb95l, attributes['alert-messages'], { "class": "--flex-fill" });
-            new template_3ea7bdb36b1e42ed846a8dc5465fdb951.EffectSlot(element_3ea7bdb36b1e42ed846a8dc5465fdb95m, () => {
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd363o, attributes['alert-messages'], attributes_69d8ea42df6d40bfb4950d47c33fd363t);
+            new template_69d8ea42df6d40bfb4950d47c33fd3631.EffectSlot(element_69d8ea42df6d40bfb4950d47c33fd363p, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_3ea7bdb36b1e42ed846a8dc5465fdb95a = template_3ea7bdb36b1e42ed846a8dc5465fdb95b(), element_3ea7bdb36b1e42ed846a8dc5465fdb95c = root_3ea7bdb36b1e42ed846a8dc5465fdb95a.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95d = element_3ea7bdb36b1e42ed846a8dc5465fdb95c.firstChild;
-                            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb95c, message, {});
-                            template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb95d, content);
-                            return root_3ea7bdb36b1e42ed846a8dc5465fdb95a;
+                            let root_69d8ea42df6d40bfb4950d47c33fd363c = template_69d8ea42df6d40bfb4950d47c33fd363d(), element_69d8ea42df6d40bfb4950d47c33fd363e = root_69d8ea42df6d40bfb4950d47c33fd363c.firstChild, element_69d8ea42df6d40bfb4950d47c33fd363f = element_69d8ea42df6d40bfb4950d47c33fd363e.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd363g = {};
+                            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd363e, message, attributes_69d8ea42df6d40bfb4950d47c33fd363g);
+                            template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd363f, content);
+                            return root_69d8ea42df6d40bfb4950d47c33fd363c;
                         })();
                     }
                     return (() => {
-                        let root_3ea7bdb36b1e42ed846a8dc5465fdb95e = template_3ea7bdb36b1e42ed846a8dc5465fdb95f(), element_3ea7bdb36b1e42ed846a8dc5465fdb95g = root_3ea7bdb36b1e42ed846a8dc5465fdb95e.firstChild.firstChild;
-                        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb95g, content);
-                        return root_3ea7bdb36b1e42ed846a8dc5465fdb95e;
+                        let root_69d8ea42df6d40bfb4950d47c33fd363h = template_69d8ea42df6d40bfb4950d47c33fd363i(), element_69d8ea42df6d40bfb4950d47c33fd363j = root_69d8ea42df6d40bfb4950d47c33fd363h.firstChild.firstChild;
+                        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd363j, content);
+                        return root_69d8ea42df6d40bfb4950d47c33fd363h;
                     })();
                 });
             });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95n, 'click', () => deactivate(state));
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb95n, attributes['alert-close'], { "class": "--padding-300" });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb95o, svg.sprite(close));
-            return root_3ea7bdb36b1e42ed846a8dc5465fdb95h;
+            template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd363q, 'click', () => deactivate(state));
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd363q, attributes['alert-close'], attributes_69d8ea42df6d40bfb4950d47c33fd363u);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd363r, svg.sprite(close));
+            return root_69d8ea42df6d40bfb4950d47c33fd363k;
         })(),
         deactivate: () => deactivate(state),
         error,

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

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

package/build/components/back/index.js

@@ -1,16 +1,16 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 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_3ea7bdb36b1e42ed846a8dc5465fdb95q = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_69d8ea42df6d40bfb4950d47c33fd363w = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb95p = template_3ea7bdb36b1e42ed846a8dc5465fdb95q(), element_3ea7bdb36b1e42ed846a8dc5465fdb95r = root_3ea7bdb36b1e42ed846a8dc5465fdb95p.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95s = element_3ea7bdb36b1e42ed846a8dc5465fdb95r.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95t = element_3ea7bdb36b1e42ed846a8dc5465fdb95s.nextSibling;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb95r, this.attributes, { "class": "--flex-vertical" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb95r, attributes, { "class": "--flex-vertical" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb95s, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb95t, content);
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb95p;
+        let root_69d8ea42df6d40bfb4950d47c33fd363v = template_69d8ea42df6d40bfb4950d47c33fd363w(), element_69d8ea42df6d40bfb4950d47c33fd363x = root_69d8ea42df6d40bfb4950d47c33fd363v.firstChild, element_69d8ea42df6d40bfb4950d47c33fd363y = element_69d8ea42df6d40bfb4950d47c33fd363x.firstChild, element_69d8ea42df6d40bfb4950d47c33fd363z = element_69d8ea42df6d40bfb4950d47c33fd363y.nextSibling, attributes_69d8ea42df6d40bfb4950d47c33fd36310 = { "class": "back link --padding-0px --flex-vertical" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd363x, this.attributes, attributes_69d8ea42df6d40bfb4950d47c33fd36310);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd363x, attributes, attributes_69d8ea42df6d40bfb4950d47c33fd36310);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd363y, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd363z, content);
+        return root_69d8ea42df6d40bfb4950d47c33fd363v;
     })();
 });

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

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

package/build/components/button/index.js

@@ -1,8 +1,8 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb95v = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='button '><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd36312 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='button '><!--$--></div>`);
 const hold = template.factory(function (attributes, content) {
     let end = () => {
         if (!state.complete) {
@@ -13,32 +13,32 @@ const hold = template.factory(function (attributes, content) {
         holding: false
     });
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb95u = template_3ea7bdb36b1e42ed846a8dc5465fdb95v(), element_3ea7bdb36b1e42ed846a8dc5465fdb95w = root_3ea7bdb36b1e42ed846a8dc5465fdb95u.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb95x = element_3ea7bdb36b1e42ed846a8dc5465fdb95w.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'class', '', () => state.holding && 'button--holding');
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'class', '', () => state.complete && '--active');
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'mousedown', (e) => {
+        let root_69d8ea42df6d40bfb4950d47c33fd36311 = template_69d8ea42df6d40bfb4950d47c33fd36312(), element_69d8ea42df6d40bfb4950d47c33fd36313 = root_69d8ea42df6d40bfb4950d47c33fd36311.firstChild, element_69d8ea42df6d40bfb4950d47c33fd36314 = element_69d8ea42df6d40bfb4950d47c33fd36313.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd36315 = { "class": "button" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36313, 'class', () => state.holding && 'button--holding', attributes_69d8ea42df6d40bfb4950d47c33fd36315);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36313, 'class', () => state.complete && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd36315);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36313, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, attributes, { "class": "" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'animationend', (e) => {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36313, attributes, attributes_69d8ea42df6d40bfb4950d47c33fd36315);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36313, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'click', () => { });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'mousedown', (e) => {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36313, 'click', () => { });
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36313, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'mouseup', end);
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'touchend', end);
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb95w, 'touchstart', (e) => {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36313, 'mouseup', end);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36313, 'touchend', end);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36313, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_3ea7bdb36b1e42ed846a8dc5465fdb951.EffectSlot(element_3ea7bdb36b1e42ed846a8dc5465fdb95x, () => content(state));
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb95u;
+        new template_69d8ea42df6d40bfb4950d47c33fd3631.EffectSlot(element_69d8ea42df6d40bfb4950d47c33fd36314, () => content(state));
+        return root_69d8ea42df6d40bfb4950d47c33fd36311;
     })();
 });
 export default { hold };

package/build/components/checkbox/index.js

@@ -1,9 +1,9 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive, root } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb95z = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div><input></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd36317 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div><input></div>`);
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
@@ -15,20 +15,20 @@ const factory = (type) => {
             state.active = true;
         }
         return (() => {
-            let root_3ea7bdb36b1e42ed846a8dc5465fdb95y = template_3ea7bdb36b1e42ed846a8dc5465fdb95z(), element_3ea7bdb36b1e42ed846a8dc5465fdb9510 = root_3ea7bdb36b1e42ed846a8dc5465fdb95y.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb9511 = element_3ea7bdb36b1e42ed846a8dc5465fdb9510.firstElementChild;
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb9510, 'class', '', type);
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb9510, 'class', '', () => state.active && '--active');
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9510, this?.attributes && omit(this.attributes, OMIT), { "class": "" });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9510, attributes && omit(attributes, OMIT), { "class": "" });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb9511, 'checked', attributes?.checked || root(() => state.active));
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb9511, 'class', '', `${type}-tag`);
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb9511, 'change', (e) => {
+            let root_69d8ea42df6d40bfb4950d47c33fd36316 = template_69d8ea42df6d40bfb4950d47c33fd36317(), element_69d8ea42df6d40bfb4950d47c33fd36318 = root_69d8ea42df6d40bfb4950d47c33fd36316.firstChild, element_69d8ea42df6d40bfb4950d47c33fd36319 = element_69d8ea42df6d40bfb4950d47c33fd36318.firstElementChild, attributes_69d8ea42df6d40bfb4950d47c33fd3631a = { "class": "" }, attributes_69d8ea42df6d40bfb4950d47c33fd3631b = {};
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36318, 'class', type, attributes_69d8ea42df6d40bfb4950d47c33fd3631a);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36318, 'class', () => state.active && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd3631a);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36318, this?.attributes && omit(this.attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3631a);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36318, attributes && omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3631a);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperty(element_69d8ea42df6d40bfb4950d47c33fd36319, 'checked', attributes?.checked || root(() => state.active));
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36319, 'class', `${type}-tag`, attributes_69d8ea42df6d40bfb4950d47c33fd3631b);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36319, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.onrender(element_3ea7bdb36b1e42ed846a8dc5465fdb9511, form.input.onrender(state));
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb9511, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb9511, 'value', attributes?.value || 1);
-            return root_3ea7bdb36b1e42ed846a8dc5465fdb95y;
+            template_69d8ea42df6d40bfb4950d47c33fd3631.onrender(element_69d8ea42df6d40bfb4950d47c33fd36319, form.input.onrender(state));
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperty(element_69d8ea42df6d40bfb4950d47c33fd36319, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperty(element_69d8ea42df6d40bfb4950d47c33fd36319, 'value', attributes?.value || 1);
+            return root_69d8ea42df6d40bfb4950d47c33fd36316;
         })();
     }
     return template;

package/build/components/clipboard/onclick.js

@@ -1,18 +1,18 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb9513 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3631d = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div><!--$--></div>`);
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
     let state = reactive({
         copied: false
     }), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb9512 = template_3ea7bdb36b1e42ed846a8dc5465fdb9513(), element_3ea7bdb36b1e42ed846a8dc5465fdb9514 = root_3ea7bdb36b1e42ed846a8dc5465fdb9512.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb9515 = element_3ea7bdb36b1e42ed846a8dc5465fdb9514.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9514, omit(attributes, OMIT), {});
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb9514, 'click', (e) => {
+        let root_69d8ea42df6d40bfb4950d47c33fd3631c = template_69d8ea42df6d40bfb4950d47c33fd3631d(), element_69d8ea42df6d40bfb4950d47c33fd3631e = root_69d8ea42df6d40bfb4950d47c33fd3631c.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3631f = element_69d8ea42df6d40bfb4950d47c33fd3631e.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3631g = {};
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3631e, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3631g);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd3631e, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -22,7 +22,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_3ea7bdb36b1e42ed846a8dc5465fdb951.EffectSlot(element_3ea7bdb36b1e42ed846a8dc5465fdb9515, () => content(state));
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb9512;
+        new template_69d8ea42df6d40bfb4950d47c33fd3631.EffectSlot(element_69d8ea42df6d40bfb4950d47c33fd3631f, () => content(state));
+        return root_69d8ea42df6d40bfb4950d47c33fd3631c;
     })();
 });

package/build/components/counter/index.js

@@ -1,11 +1,11 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { effect, reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb9517 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_3ea7bdb36b1e42ed846a8dc5465fdb951a = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<span><!--$--></span>`);
-const template_3ea7bdb36b1e42ed846a8dc5465fdb951d = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_3ea7bdb36b1e42ed846a8dc5465fdb951h = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='counter'><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3631i = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3631l = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<span><!--$--></span>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3631o = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3631t = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='counter'><!--$--></div>`);
 const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
 let formatters = {};
 export default (attributes) => {
@@ -53,33 +53,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb951g = template_3ea7bdb36b1e42ed846a8dc5465fdb951h(), element_3ea7bdb36b1e42ed846a8dc5465fdb951i = root_3ea7bdb36b1e42ed846a8dc5465fdb951g.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb951j = element_3ea7bdb36b1e42ed846a8dc5465fdb951i.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb951i, omit(attributes, OMIT), { "class": "counter" });
-        new template_3ea7bdb36b1e42ed846a8dc5465fdb951.EffectSlot(element_3ea7bdb36b1e42ed846a8dc5465fdb951j, () => {
+        let root_69d8ea42df6d40bfb4950d47c33fd3631s = template_69d8ea42df6d40bfb4950d47c33fd3631t(), element_69d8ea42df6d40bfb4950d47c33fd3631u = root_69d8ea42df6d40bfb4950d47c33fd3631s.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3631v = element_69d8ea42df6d40bfb4950d47c33fd3631u.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3631w = { "class": "counter" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3631u, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3631w);
+        new template_69d8ea42df6d40bfb4950d47c33fd3631.EffectSlot(element_69d8ea42df6d40bfb4950d47c33fd3631v, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_3ea7bdb36b1e42ed846a8dc5465fdb951.ArraySlot(render, function (value) {
+            return new template_69d8ea42df6d40bfb4950d47c33fd3631.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_3ea7bdb36b1e42ed846a8dc5465fdb9516 = template_3ea7bdb36b1e42ed846a8dc5465fdb9517(), element_3ea7bdb36b1e42ed846a8dc5465fdb9518 = root_3ea7bdb36b1e42ed846a8dc5465fdb9516.firstChild.firstChild;
-                        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb9518, value);
-                        return root_3ea7bdb36b1e42ed846a8dc5465fdb9516;
+                        let root_69d8ea42df6d40bfb4950d47c33fd3631h = template_69d8ea42df6d40bfb4950d47c33fd3631i(), element_69d8ea42df6d40bfb4950d47c33fd3631j = root_69d8ea42df6d40bfb4950d47c33fd3631h.firstChild.firstChild;
+                        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3631j, value);
+                        return root_69d8ea42df6d40bfb4950d47c33fd3631h;
                     })();
                 }
                 return (() => {
-                    let root_3ea7bdb36b1e42ed846a8dc5465fdb951c = template_3ea7bdb36b1e42ed846a8dc5465fdb951d(), element_3ea7bdb36b1e42ed846a8dc5465fdb951e = root_3ea7bdb36b1e42ed846a8dc5465fdb951c.firstChild.firstElementChild, element_3ea7bdb36b1e42ed846a8dc5465fdb951f = element_3ea7bdb36b1e42ed846a8dc5465fdb951e.firstChild.nextSibling;
-                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb951e, 'style', '', `--value: ${value}`);
-                    template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb951f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_3ea7bdb36b1e42ed846a8dc5465fdb9519 = template_3ea7bdb36b1e42ed846a8dc5465fdb951a(), element_3ea7bdb36b1e42ed846a8dc5465fdb951b = root_3ea7bdb36b1e42ed846a8dc5465fdb9519.firstChild.firstChild;
-                        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb951b, value);
-                        return root_3ea7bdb36b1e42ed846a8dc5465fdb9519;
+                    let root_69d8ea42df6d40bfb4950d47c33fd3631n = template_69d8ea42df6d40bfb4950d47c33fd3631o(), element_69d8ea42df6d40bfb4950d47c33fd3631p = root_69d8ea42df6d40bfb4950d47c33fd3631n.firstChild.firstElementChild, element_69d8ea42df6d40bfb4950d47c33fd3631q = element_69d8ea42df6d40bfb4950d47c33fd3631p.firstChild.nextSibling, attributes_69d8ea42df6d40bfb4950d47c33fd3631r = { "class": "counter-character-track", "style": "" };
+                    template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3631p, 'style', `--value: ${value}`, attributes_69d8ea42df6d40bfb4950d47c33fd3631r);
+                    template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3631q, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_69d8ea42df6d40bfb4950d47c33fd3631k = template_69d8ea42df6d40bfb4950d47c33fd3631l(), element_69d8ea42df6d40bfb4950d47c33fd3631m = root_69d8ea42df6d40bfb4950d47c33fd3631k.firstChild.firstChild;
+                        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3631m, value);
+                        return root_69d8ea42df6d40bfb4950d47c33fd3631k;
                     }));
-                    return root_3ea7bdb36b1e42ed846a8dc5465fdb951c;
+                    return root_69d8ea42df6d40bfb4950d47c33fd3631n;
                 })();
             });
         });
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb951g;
+        return root_69d8ea42df6d40bfb4950d47c33fd3631s;
     })();
 };