@esportsplus/ui 0.48.4 → 0.48.5

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

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

package/build/components/accordion/index.js

@@ -1,9 +1,9 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d3 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e833 = template_6f02f170823e4558bc9ed44ffd445e831.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d2 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d3(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d5 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, omit(attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, '', () => {
+        let root_6f02f170823e4558bc9ed44ffd445e832 = template_6f02f170823e4558bc9ed44ffd445e833(), element_6f02f170823e4558bc9ed44ffd445e834 = root_6f02f170823e4558bc9ed44ffd445e832.firstChild, element_6f02f170823e4558bc9ed44ffd445e835 = element_6f02f170823e4558bc9ed44ffd445e834.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e834, omit(attributes, OMIT), {});
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e834, '', () => {
             return state.active && '--active';
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, (element) => {
+        template_6f02f170823e4558bc9ed44ffd445e831.onrender(element_6f02f170823e4558bc9ed44ffd445e834, (element) => {
             (ref = element)[key] = state;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d4, '', () => {
+        template_6f02f170823e4558bc9ed44ffd445e831.setStyle(element_6f02f170823e4558bc9ed44ffd445e834, '', () => {
             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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d5, content);
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d2;
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e835, content);
+        return root_6f02f170823e4558bc9ed44ffd445e832;
     })();
 });

package/build/components/alert/index.js

@@ -1,5 +1,5 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { reactive, svg } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import { icon } from '@esportsplus/ui';
@@ -7,13 +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_9940f1ff6ffb4f4abe1c7b9b2fa7085d7 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085db = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<p><!--$--></p>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085df = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='--flex-start'><!--$--></div>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085di = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.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_6f02f170823e4558bc9ed44ffd445e837 = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e83b = template_6f02f170823e4558bc9ed44ffd445e831.template(`<p><!--$--></p>`);
+const template_6f02f170823e4558bc9ed44ffd445e83f = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='--flex-start'><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e83i = template_6f02f170823e4558bc9ed44ffd445e831.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',
@@ -80,41 +77,41 @@ export default (attributes) => {
     };
     return {
         content: (() => {
-            let root_9940f1ff6ffb4f4abe1c7b9b2fa7085dh = template_9940f1ff6ffb4f4abe1c7b9b2fa7085di(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj = root_9940f1ff6ffb4f4abe1c7b9b2fa7085dh.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dk = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dm = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl.nextElementSibling.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085do = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn.firstElementChild.firstChild;
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj, ' --flex-row', () => state.active && '--active');
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dj, omit(attributes, OMIT));
-            new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dk, () => {
+            let root_6f02f170823e4558bc9ed44ffd445e83h = template_6f02f170823e4558bc9ed44ffd445e83i(), element_6f02f170823e4558bc9ed44ffd445e83j = root_6f02f170823e4558bc9ed44ffd445e83h.firstChild, element_6f02f170823e4558bc9ed44ffd445e83k = element_6f02f170823e4558bc9ed44ffd445e83j.firstChild, element_6f02f170823e4558bc9ed44ffd445e83l = element_6f02f170823e4558bc9ed44ffd445e83j.firstElementChild, element_6f02f170823e4558bc9ed44ffd445e83m = element_6f02f170823e4558bc9ed44ffd445e83l.firstChild, element_6f02f170823e4558bc9ed44ffd445e83n = element_6f02f170823e4558bc9ed44ffd445e83l.nextElementSibling.firstElementChild, element_6f02f170823e4558bc9ed44ffd445e83o = element_6f02f170823e4558bc9ed44ffd445e83n.firstElementChild.firstChild;
+            template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e83j, '--flex-row', () => state.active && '--active');
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e83j, omit(attributes, OMIT), { "class": "--flex-row" });
+            new template_6f02f170823e4558bc9ed44ffd445e831.EffectSlot(element_6f02f170823e4558bc9ed44ffd445e83k, () => {
                 let type = state.type;
                 return (() => {
-                    let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d6 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d7(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d8 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d6.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d9 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d8.firstChild;
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d8, ';', `--color: var(--color-${modifiers[type]}-400);`);
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d9, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d6;
+                    let root_6f02f170823e4558bc9ed44ffd445e836 = template_6f02f170823e4558bc9ed44ffd445e837(), element_6f02f170823e4558bc9ed44ffd445e838 = root_6f02f170823e4558bc9ed44ffd445e836.firstChild, element_6f02f170823e4558bc9ed44ffd445e839 = element_6f02f170823e4558bc9ed44ffd445e838.firstChild;
+                    template_6f02f170823e4558bc9ed44ffd445e831.setStyle(element_6f02f170823e4558bc9ed44ffd445e838, '', `--color: var(--color-${modifiers[type]}-400);`);
+                    template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e839, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_6f02f170823e4558bc9ed44ffd445e836;
                 })();
             });
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dl, attributes['alert-messages']);
-            new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dm, () => {
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e83l, attributes['alert-messages'], { "class": "--flex-fill" });
+            new template_6f02f170823e4558bc9ed44ffd445e831.EffectSlot(element_6f02f170823e4558bc9ed44ffd445e83m, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_9940f1ff6ffb4f4abe1c7b9b2fa7085da = template_9940f1ff6ffb4f4abe1c7b9b2fa7085db(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dc = root_9940f1ff6ffb4f4abe1c7b9b2fa7085da.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dd = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dc.firstChild;
-                            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dc, message);
-                            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dd, content);
-                            return root_9940f1ff6ffb4f4abe1c7b9b2fa7085da;
+                            let root_6f02f170823e4558bc9ed44ffd445e83a = template_6f02f170823e4558bc9ed44ffd445e83b(), element_6f02f170823e4558bc9ed44ffd445e83c = root_6f02f170823e4558bc9ed44ffd445e83a.firstChild, element_6f02f170823e4558bc9ed44ffd445e83d = element_6f02f170823e4558bc9ed44ffd445e83c.firstChild;
+                            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e83c, message, {});
+                            template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e83d, content);
+                            return root_6f02f170823e4558bc9ed44ffd445e83a;
                         })();
                     }
                     return (() => {
-                        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085de = template_9940f1ff6ffb4f4abe1c7b9b2fa7085df(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dg = root_9940f1ff6ffb4f4abe1c7b9b2fa7085de.firstChild.firstChild;
-                        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dg, content);
-                        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085de;
+                        let root_6f02f170823e4558bc9ed44ffd445e83e = template_6f02f170823e4558bc9ed44ffd445e83f(), element_6f02f170823e4558bc9ed44ffd445e83g = root_6f02f170823e4558bc9ed44ffd445e83e.firstChild.firstChild;
+                        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e83g, content);
+                        return root_6f02f170823e4558bc9ed44ffd445e83e;
                     })();
                 });
             });
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn, 'click', () => deactivate(state));
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dn, attributes['alert-close']);
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085do, svg.sprite(close));
-            return root_9940f1ff6ffb4f4abe1c7b9b2fa7085dh;
+            template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83n, 'click', () => deactivate(state));
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e83n, attributes['alert-close'], { "class": "--padding-300" });
+            template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e83o, svg.sprite(close));
+            return root_6f02f170823e4558bc9ed44ffd445e83h;
         })(),
         deactivate: () => deactivate(state),
         error,

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

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

package/build/components/back/index.js

@@ -1,17 +1,16 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 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_9940f1ff6ffb4f4abe1c7b9b2fa7085dq = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<a
- class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_6f02f170823e4558bc9ed44ffd445e83q = template_6f02f170823e4558bc9ed44ffd445e831.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085dp = template_9940f1ff6ffb4f4abe1c7b9b2fa7085dq(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr = root_9940f1ff6ffb4f4abe1c7b9b2fa7085dp.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085ds = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dt = element_9940f1ff6ffb4f4abe1c7b9b2fa7085ds.nextSibling;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr, this.attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dr, attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085ds, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dt, content);
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085dp;
+        let root_6f02f170823e4558bc9ed44ffd445e83p = template_6f02f170823e4558bc9ed44ffd445e83q(), element_6f02f170823e4558bc9ed44ffd445e83r = root_6f02f170823e4558bc9ed44ffd445e83p.firstChild, element_6f02f170823e4558bc9ed44ffd445e83s = element_6f02f170823e4558bc9ed44ffd445e83r.firstChild, element_6f02f170823e4558bc9ed44ffd445e83t = element_6f02f170823e4558bc9ed44ffd445e83s.nextSibling;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e83r, this.attributes, { "class": "--flex-vertical" });
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e83r, attributes, { "class": "--flex-vertical" });
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e83s, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e83t, content);
+        return root_6f02f170823e4558bc9ed44ffd445e83p;
     })();
 });

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

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

package/build/components/button/index.js

@@ -1,9 +1,8 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085dv = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div
- class='button '><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e83v = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='button '><!--$--></div>`);
 const hold = template.factory(function (attributes, content) {
     let end = () => {
         if (!state.complete) {
@@ -14,32 +13,32 @@ const hold = template.factory(function (attributes, content) {
         holding: false
     });
     return (() => {
-        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085du = template_9940f1ff6ffb4f4abe1c7b9b2fa7085dv(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw = root_9940f1ff6ffb4f4abe1c7b9b2fa7085du.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085dx = element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, ' ', () => state.holding && 'button--holding');
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, ' ', () => state.complete && '--active');
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'mousedown', (e) => {
+        let root_6f02f170823e4558bc9ed44ffd445e83u = template_6f02f170823e4558bc9ed44ffd445e83v(), element_6f02f170823e4558bc9ed44ffd445e83w = root_6f02f170823e4558bc9ed44ffd445e83u.firstChild, element_6f02f170823e4558bc9ed44ffd445e83x = element_6f02f170823e4558bc9ed44ffd445e83w.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e83w, '', () => state.holding && 'button--holding');
+        template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e83w, '', () => state.complete && '--active');
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83w, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, attributes);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'animationend', (e) => {
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e83w, attributes, { "class": "" });
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83w, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'click', () => { });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'mousedown', (e) => {
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83w, 'click', () => { });
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83w, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'mouseup', end);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'touchend', end);
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dw, 'touchstart', (e) => {
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83w, 'mouseup', end);
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83w, 'touchend', end);
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e83w, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085dx, () => content(state));
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085du;
+        new template_6f02f170823e4558bc9ed44ffd445e831.EffectSlot(element_6f02f170823e4558bc9ed44ffd445e83x, () => content(state));
+        return root_6f02f170823e4558bc9ed44ffd445e83u;
     })();
 });
 export default { hold };

package/build/components/checkbox/index.js

@@ -1,9 +1,9 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 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_9940f1ff6ffb4f4abe1c7b9b2fa7085dz = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div><input></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e83z = template_6f02f170823e4558bc9ed44ffd445e831.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_9940f1ff6ffb4f4abe1c7b9b2fa7085dy = template_9940f1ff6ffb4f4abe1c7b9b2fa7085dz(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085dy.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10.firstElementChild;
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, ' ', type);
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, ' ', () => state.active && '--active');
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, this?.attributes && omit(this.attributes, OMIT));
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d10, attributes && omit(attributes, OMIT));
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'checked', attributes?.checked || root(() => state.active));
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setClass(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, '', `${type}-tag`);
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'change', (e) => {
+            let root_6f02f170823e4558bc9ed44ffd445e83y = template_6f02f170823e4558bc9ed44ffd445e83z(), element_6f02f170823e4558bc9ed44ffd445e8310 = root_6f02f170823e4558bc9ed44ffd445e83y.firstChild, element_6f02f170823e4558bc9ed44ffd445e8311 = element_6f02f170823e4558bc9ed44ffd445e8310.firstElementChild;
+            template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e8310, '', type);
+            template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e8310, '', () => state.active && '--active');
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8310, this?.attributes && omit(this.attributes, OMIT), { "class": "" });
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8310, attributes && omit(attributes, OMIT), { "class": "" });
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e8311, 'checked', attributes?.checked || root(() => state.active));
+            template_6f02f170823e4558bc9ed44ffd445e831.setClass(element_6f02f170823e4558bc9ed44ffd445e8311, '', `${type}-tag`);
+            template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e8311, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.onrender(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, form.input.onrender(state));
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperty(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d11, 'value', attributes?.value || 1);
-            return root_9940f1ff6ffb4f4abe1c7b9b2fa7085dy;
+            template_6f02f170823e4558bc9ed44ffd445e831.onrender(element_6f02f170823e4558bc9ed44ffd445e8311, form.input.onrender(state));
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e8311, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_6f02f170823e4558bc9ed44ffd445e831.setProperty(element_6f02f170823e4558bc9ed44ffd445e8311, 'value', attributes?.value || 1);
+            return root_6f02f170823e4558bc9ed44ffd445e83y;
         })();
     }
     return template;

package/build/components/clipboard/onclick.js

@@ -1,18 +1,18 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 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_9940f1ff6ffb4f4abe1c7b9b2fa7085d13 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e8313 = template_6f02f170823e4558bc9ed44ffd445e831.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d12 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d13(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d12.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d15 = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14, omit(attributes, OMIT));
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.delegate(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d14, 'click', (e) => {
+        let root_6f02f170823e4558bc9ed44ffd445e8312 = template_6f02f170823e4558bc9ed44ffd445e8313(), element_6f02f170823e4558bc9ed44ffd445e8314 = root_6f02f170823e4558bc9ed44ffd445e8312.firstChild, element_6f02f170823e4558bc9ed44ffd445e8315 = element_6f02f170823e4558bc9ed44ffd445e8314.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e8314, omit(attributes, OMIT), {});
+        template_6f02f170823e4558bc9ed44ffd445e831.delegate(element_6f02f170823e4558bc9ed44ffd445e8314, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -22,7 +22,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d15, () => content(state));
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d12;
+        new template_6f02f170823e4558bc9ed44ffd445e831.EffectSlot(element_6f02f170823e4558bc9ed44ffd445e8315, () => content(state));
+        return root_6f02f170823e4558bc9ed44ffd445e8312;
     })();
 });

package/build/components/counter/index.js

@@ -1,11 +1,11 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import { effect, reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d17 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1a = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<span><!--$--></span>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1d = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1h = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='counter'><!--$--></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e8317 = template_6f02f170823e4558bc9ed44ffd445e831.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_6f02f170823e4558bc9ed44ffd445e831a = template_6f02f170823e4558bc9ed44ffd445e831.template(`<span><!--$--></span>`);
+const template_6f02f170823e4558bc9ed44ffd445e831d = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e831h = template_6f02f170823e4558bc9ed44ffd445e831.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_9940f1ff6ffb4f4abe1c7b9b2fa7085d1g = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1h(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1i = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1g.firstChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1j = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1i.firstChild;
-        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1i, omit(attributes, OMIT));
-        new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.EffectSlot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1j, () => {
+        let root_6f02f170823e4558bc9ed44ffd445e831g = template_6f02f170823e4558bc9ed44ffd445e831h(), element_6f02f170823e4558bc9ed44ffd445e831i = root_6f02f170823e4558bc9ed44ffd445e831g.firstChild, element_6f02f170823e4558bc9ed44ffd445e831j = element_6f02f170823e4558bc9ed44ffd445e831i.firstChild;
+        template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e831i, omit(attributes, OMIT), { "class": "counter" });
+        new template_6f02f170823e4558bc9ed44ffd445e831.EffectSlot(element_6f02f170823e4558bc9ed44ffd445e831j, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.ArraySlot(render, function (value) {
+            return new template_6f02f170823e4558bc9ed44ffd445e831.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d16 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d17(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d18 = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d16.firstChild.firstChild;
-                        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d18, value);
-                        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d16;
+                        let root_6f02f170823e4558bc9ed44ffd445e8316 = template_6f02f170823e4558bc9ed44ffd445e8317(), element_6f02f170823e4558bc9ed44ffd445e8318 = root_6f02f170823e4558bc9ed44ffd445e8316.firstChild.firstChild;
+                        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e8318, value);
+                        return root_6f02f170823e4558bc9ed44ffd445e8316;
                     })();
                 }
                 return (() => {
-                    let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1c = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1d(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1e = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1c.firstChild.firstElementChild, element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1f = element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1e.firstChild.nextSibling;
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setStyle(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1e, ';', `--value: ${value}`);
-                    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d19 = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1a(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1b = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d19.firstChild.firstChild;
-                        template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.slot(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1b, value);
-                        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d19;
+                    let root_6f02f170823e4558bc9ed44ffd445e831c = template_6f02f170823e4558bc9ed44ffd445e831d(), element_6f02f170823e4558bc9ed44ffd445e831e = root_6f02f170823e4558bc9ed44ffd445e831c.firstChild.firstElementChild, element_6f02f170823e4558bc9ed44ffd445e831f = element_6f02f170823e4558bc9ed44ffd445e831e.firstChild.nextSibling;
+                    template_6f02f170823e4558bc9ed44ffd445e831.setStyle(element_6f02f170823e4558bc9ed44ffd445e831e, '', `--value: ${value}`);
+                    template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e831f, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_6f02f170823e4558bc9ed44ffd445e8319 = template_6f02f170823e4558bc9ed44ffd445e831a(), element_6f02f170823e4558bc9ed44ffd445e831b = root_6f02f170823e4558bc9ed44ffd445e8319.firstChild.firstChild;
+                        template_6f02f170823e4558bc9ed44ffd445e831.slot(element_6f02f170823e4558bc9ed44ffd445e831b, value);
+                        return root_6f02f170823e4558bc9ed44ffd445e8319;
                     }));
-                    return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1c;
+                    return root_6f02f170823e4558bc9ed44ffd445e831c;
                 })();
             });
         });
-        return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1g;
+        return root_6f02f170823e4558bc9ed44ffd445e831g;
     })();
 };

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1 from '@esportsplus/template';
+import * as template_6f02f170823e4558bc9ed44ffd445e831 from '@esportsplus/template';
 import './scss/index.scss';
-const template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1l = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_6f02f170823e4558bc9ed44ffd445e831l = template_6f02f170823e4558bc9ed44ffd445e831.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1k = template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1l(), element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1m = root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1k.firstChild;
-    template_9940f1ff6ffb4f4abe1c7b9b2fa7085d1.setProperties(element_9940f1ff6ffb4f4abe1c7b9b2fa7085d1m, attributes);
-    return root_9940f1ff6ffb4f4abe1c7b9b2fa7085d1k;
+    let root_6f02f170823e4558bc9ed44ffd445e831k = template_6f02f170823e4558bc9ed44ffd445e831l(), element_6f02f170823e4558bc9ed44ffd445e831m = root_6f02f170823e4558bc9ed44ffd445e831k.firstChild;
+    template_6f02f170823e4558bc9ed44ffd445e831.setProperties(element_6f02f170823e4558bc9ed44ffd445e831m, attributes, { "class": "ellipsis" });
+    return root_6f02f170823e4558bc9ed44ffd445e831k;
 };