@esportsplus/ui 0.49.2 → 0.49.3

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

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

package/build/components/accordion/index.js

@@ -1,9 +1,9 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b3 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111803 = template_6f5bab561bca4d9ab40f79d00d2111801.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_0d7f5d57c4bb40d69aedf451c3798d4b2 = template_0d7f5d57c4bb40d69aedf451c3798d4b3(), element_0d7f5d57c4bb40d69aedf451c3798d4b4 = root_0d7f5d57c4bb40d69aedf451c3798d4b2.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b5 = element_0d7f5d57c4bb40d69aedf451c3798d4b4.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b6 = {};
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b4, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b6);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b4, 'class', () => {
+        let root_6f5bab561bca4d9ab40f79d00d2111802 = template_6f5bab561bca4d9ab40f79d00d2111803(), element_6f5bab561bca4d9ab40f79d00d2111804 = root_6f5bab561bca4d9ab40f79d00d2111802.firstChild, element_6f5bab561bca4d9ab40f79d00d2111805 = element_6f5bab561bca4d9ab40f79d00d2111804.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111806 = {};
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111804, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111806);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111804, 'class', () => {
             return state.active && '--active';
-        }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b6);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.onrender(element_0d7f5d57c4bb40d69aedf451c3798d4b4, (element) => {
+        }, attributes_6f5bab561bca4d9ab40f79d00d2111806);
+        template_6f5bab561bca4d9ab40f79d00d2111801.onrender(element_6f5bab561bca4d9ab40f79d00d2111804, (element) => {
             (ref = element)[key] = state;
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b4, 'style', () => {
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111804, 'style', () => {
             let parent = ref.closest('accordion');
             if (parent && key in parent) {
                 parent[key].active = (+parent[key].active) + 1;
             }
             return state.active && `--max-height: ${ref.scrollHeight}`;
-        }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b6);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b5, content);
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b2;
+        }, attributes_6f5bab561bca4d9ab40f79d00d2111806);
+        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111805, content);
+        return root_6f5bab561bca4d9ab40f79d00d2111802;
     })();
 });

package/build/components/alert/index.js

@@ -1,5 +1,5 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive, svg } from '@esportsplus/frontend';
 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_0d7f5d57c4bb40d69aedf451c3798d4b8 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_0d7f5d57c4bb40d69aedf451c3798d4bd = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<p><!--$--></p>`);
-const template_0d7f5d57c4bb40d69aedf451c3798d4bi = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='--flex-start'><!--$--></div>`);
-const template_0d7f5d57c4bb40d69aedf451c3798d4bl = template_0d7f5d57c4bb40d69aedf451c3798d4b1.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_6f5bab561bca4d9ab40f79d00d2111808 = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d211180d = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<p><!--$--></p>`);
+const template_6f5bab561bca4d9ab40f79d00d211180i = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class='--flex-start'><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d211180l = template_6f5bab561bca4d9ab40f79d00d2111801.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_0d7f5d57c4bb40d69aedf451c3798d4bk = template_0d7f5d57c4bb40d69aedf451c3798d4bl(), element_0d7f5d57c4bb40d69aedf451c3798d4bm = root_0d7f5d57c4bb40d69aedf451c3798d4bk.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4bn = element_0d7f5d57c4bb40d69aedf451c3798d4bm.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4bo = element_0d7f5d57c4bb40d69aedf451c3798d4bm.firstElementChild, element_0d7f5d57c4bb40d69aedf451c3798d4bp = element_0d7f5d57c4bb40d69aedf451c3798d4bo.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4bq = element_0d7f5d57c4bb40d69aedf451c3798d4bo.nextElementSibling.firstElementChild, element_0d7f5d57c4bb40d69aedf451c3798d4br = element_0d7f5d57c4bb40d69aedf451c3798d4bq.firstElementChild.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4bs = { "class": "alert anchor anchor--n --flex-row" }, attributes_0d7f5d57c4bb40d69aedf451c3798d4bt = { "class": "alert-messages --flex-column --flex-fill" }, attributes_0d7f5d57c4bb40d69aedf451c3798d4bu = { "class": "alert-close button --padding-300" };
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4bm, 'class', () => state.active && '--active', attributes_0d7f5d57c4bb40d69aedf451c3798d4bs);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4bm, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4bs);
-            new template_0d7f5d57c4bb40d69aedf451c3798d4b1.EffectSlot(element_0d7f5d57c4bb40d69aedf451c3798d4bn, () => {
+            let root_6f5bab561bca4d9ab40f79d00d211180k = template_6f5bab561bca4d9ab40f79d00d211180l(), element_6f5bab561bca4d9ab40f79d00d211180m = root_6f5bab561bca4d9ab40f79d00d211180k.firstChild, element_6f5bab561bca4d9ab40f79d00d211180n = element_6f5bab561bca4d9ab40f79d00d211180m.firstChild, element_6f5bab561bca4d9ab40f79d00d211180o = element_6f5bab561bca4d9ab40f79d00d211180m.firstElementChild, element_6f5bab561bca4d9ab40f79d00d211180p = element_6f5bab561bca4d9ab40f79d00d211180o.firstChild, element_6f5bab561bca4d9ab40f79d00d211180q = element_6f5bab561bca4d9ab40f79d00d211180o.nextElementSibling.firstElementChild, element_6f5bab561bca4d9ab40f79d00d211180r = element_6f5bab561bca4d9ab40f79d00d211180q.firstElementChild.firstChild, attributes_6f5bab561bca4d9ab40f79d00d211180s = { "class": "alert anchor anchor--n --flex-row" }, attributes_6f5bab561bca4d9ab40f79d00d211180t = { "class": "alert-messages --flex-column --flex-fill" }, attributes_6f5bab561bca4d9ab40f79d00d211180u = { "class": "alert-close button --padding-300" };
+            template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d211180m, 'class', () => state.active && '--active', attributes_6f5bab561bca4d9ab40f79d00d211180s);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d211180m, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d211180s);
+            new template_6f5bab561bca4d9ab40f79d00d2111801.EffectSlot(element_6f5bab561bca4d9ab40f79d00d211180n, () => {
                 let type = state.type;
                 return (() => {
-                    let root_0d7f5d57c4bb40d69aedf451c3798d4b7 = template_0d7f5d57c4bb40d69aedf451c3798d4b8(), element_0d7f5d57c4bb40d69aedf451c3798d4b9 = root_0d7f5d57c4bb40d69aedf451c3798d4b7.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4ba = element_0d7f5d57c4bb40d69aedf451c3798d4b9.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4bb = { "class": "--flex-vertical", "style": "" };
-                    template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b9, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_0d7f5d57c4bb40d69aedf451c3798d4bb);
-                    template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4ba, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_0d7f5d57c4bb40d69aedf451c3798d4b7;
+                    let root_6f5bab561bca4d9ab40f79d00d2111807 = template_6f5bab561bca4d9ab40f79d00d2111808(), element_6f5bab561bca4d9ab40f79d00d2111809 = root_6f5bab561bca4d9ab40f79d00d2111807.firstChild, element_6f5bab561bca4d9ab40f79d00d211180a = element_6f5bab561bca4d9ab40f79d00d2111809.firstChild, attributes_6f5bab561bca4d9ab40f79d00d211180b = { "class": "--flex-vertical", "style": "" };
+                    template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111809, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_6f5bab561bca4d9ab40f79d00d211180b);
+                    template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d211180a, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_6f5bab561bca4d9ab40f79d00d2111807;
                 })();
             });
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4bo, attributes['alert-messages'], attributes_0d7f5d57c4bb40d69aedf451c3798d4bt);
-            new template_0d7f5d57c4bb40d69aedf451c3798d4b1.EffectSlot(element_0d7f5d57c4bb40d69aedf451c3798d4bp, () => {
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d211180o, attributes['alert-messages'], attributes_6f5bab561bca4d9ab40f79d00d211180t);
+            new template_6f5bab561bca4d9ab40f79d00d2111801.EffectSlot(element_6f5bab561bca4d9ab40f79d00d211180p, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_0d7f5d57c4bb40d69aedf451c3798d4bc = template_0d7f5d57c4bb40d69aedf451c3798d4bd(), element_0d7f5d57c4bb40d69aedf451c3798d4be = root_0d7f5d57c4bb40d69aedf451c3798d4bc.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4bf = element_0d7f5d57c4bb40d69aedf451c3798d4be.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4bg = {};
-                            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4be, message, attributes_0d7f5d57c4bb40d69aedf451c3798d4bg);
-                            template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4bf, content);
-                            return root_0d7f5d57c4bb40d69aedf451c3798d4bc;
+                            let root_6f5bab561bca4d9ab40f79d00d211180c = template_6f5bab561bca4d9ab40f79d00d211180d(), element_6f5bab561bca4d9ab40f79d00d211180e = root_6f5bab561bca4d9ab40f79d00d211180c.firstChild, element_6f5bab561bca4d9ab40f79d00d211180f = element_6f5bab561bca4d9ab40f79d00d211180e.firstChild, attributes_6f5bab561bca4d9ab40f79d00d211180g = {};
+                            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d211180e, message, attributes_6f5bab561bca4d9ab40f79d00d211180g);
+                            template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d211180f, content);
+                            return root_6f5bab561bca4d9ab40f79d00d211180c;
                         })();
                     }
                     return (() => {
-                        let root_0d7f5d57c4bb40d69aedf451c3798d4bh = template_0d7f5d57c4bb40d69aedf451c3798d4bi(), element_0d7f5d57c4bb40d69aedf451c3798d4bj = root_0d7f5d57c4bb40d69aedf451c3798d4bh.firstChild.firstChild;
-                        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4bj, content);
-                        return root_0d7f5d57c4bb40d69aedf451c3798d4bh;
+                        let root_6f5bab561bca4d9ab40f79d00d211180h = template_6f5bab561bca4d9ab40f79d00d211180i(), element_6f5bab561bca4d9ab40f79d00d211180j = root_6f5bab561bca4d9ab40f79d00d211180h.firstChild.firstChild;
+                        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d211180j, content);
+                        return root_6f5bab561bca4d9ab40f79d00d211180h;
                     })();
                 });
             });
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4bq, 'click', () => deactivate(state));
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4bq, attributes['alert-close'], attributes_0d7f5d57c4bb40d69aedf451c3798d4bu);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4br, svg.sprite(close));
-            return root_0d7f5d57c4bb40d69aedf451c3798d4bk;
+            template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d211180q, 'click', () => deactivate(state));
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d211180q, attributes['alert-close'], attributes_6f5bab561bca4d9ab40f79d00d211180u);
+            template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d211180r, svg.sprite(close));
+            return root_6f5bab561bca4d9ab40f79d00d211180k;
         })(),
         deactivate: () => deactivate(state),
         error,

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

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

package/build/components/back/index.js

@@ -1,16 +1,16 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 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_0d7f5d57c4bb40d69aedf451c3798d4bw = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_6f5bab561bca4d9ab40f79d00d211180w = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_0d7f5d57c4bb40d69aedf451c3798d4bv = template_0d7f5d57c4bb40d69aedf451c3798d4bw(), element_0d7f5d57c4bb40d69aedf451c3798d4bx = root_0d7f5d57c4bb40d69aedf451c3798d4bv.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4by = element_0d7f5d57c4bb40d69aedf451c3798d4bx.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4bz = element_0d7f5d57c4bb40d69aedf451c3798d4by.nextSibling, attributes_0d7f5d57c4bb40d69aedf451c3798d4b10 = { "class": "back link --padding-0px --flex-vertical" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4bx, this.attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b10);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4bx, attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b10);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4by, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4bz, content);
-        return root_0d7f5d57c4bb40d69aedf451c3798d4bv;
+        let root_6f5bab561bca4d9ab40f79d00d211180v = template_6f5bab561bca4d9ab40f79d00d211180w(), element_6f5bab561bca4d9ab40f79d00d211180x = root_6f5bab561bca4d9ab40f79d00d211180v.firstChild, element_6f5bab561bca4d9ab40f79d00d211180y = element_6f5bab561bca4d9ab40f79d00d211180x.firstChild, element_6f5bab561bca4d9ab40f79d00d211180z = element_6f5bab561bca4d9ab40f79d00d211180y.nextSibling, attributes_6f5bab561bca4d9ab40f79d00d21118010 = { "class": "back link --padding-0px --flex-vertical" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d211180x, this.attributes, attributes_6f5bab561bca4d9ab40f79d00d21118010);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d211180x, attributes, attributes_6f5bab561bca4d9ab40f79d00d21118010);
+        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d211180y, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d211180z, content);
+        return root_6f5bab561bca4d9ab40f79d00d211180v;
     })();
 });

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

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

package/build/components/button/index.js

@@ -1,8 +1,8 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive } from '@esportsplus/frontend';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b12 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='button '><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d21118012 = template_6f5bab561bca4d9ab40f79d00d2111801.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_0d7f5d57c4bb40d69aedf451c3798d4b11 = template_0d7f5d57c4bb40d69aedf451c3798d4b12(), element_0d7f5d57c4bb40d69aedf451c3798d4b13 = root_0d7f5d57c4bb40d69aedf451c3798d4b11.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b14 = element_0d7f5d57c4bb40d69aedf451c3798d4b13.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b15 = { "class": "button" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'class', () => state.holding && 'button--holding', attributes_0d7f5d57c4bb40d69aedf451c3798d4b15);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'class', () => state.complete && '--active', attributes_0d7f5d57c4bb40d69aedf451c3798d4b15);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'mousedown', (e) => {
+        let root_6f5bab561bca4d9ab40f79d00d21118011 = template_6f5bab561bca4d9ab40f79d00d21118012(), element_6f5bab561bca4d9ab40f79d00d21118013 = root_6f5bab561bca4d9ab40f79d00d21118011.firstChild, element_6f5bab561bca4d9ab40f79d00d21118014 = element_6f5bab561bca4d9ab40f79d00d21118013.firstChild, attributes_6f5bab561bca4d9ab40f79d00d21118015 = { "class": "button" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118013, 'class', () => state.holding && 'button--holding', attributes_6f5bab561bca4d9ab40f79d00d21118015);
+        template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118013, 'class', () => state.complete && '--active', attributes_6f5bab561bca4d9ab40f79d00d21118015);
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118013, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b13, attributes, attributes_0d7f5d57c4bb40d69aedf451c3798d4b15);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'animationend', (e) => {
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118013, attributes, attributes_6f5bab561bca4d9ab40f79d00d21118015);
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118013, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'click', () => { });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'mousedown', (e) => {
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118013, 'click', () => { });
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118013, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'mouseup', end);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'touchend', end);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b13, 'touchstart', (e) => {
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118013, 'mouseup', end);
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118013, 'touchend', end);
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118013, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_0d7f5d57c4bb40d69aedf451c3798d4b1.EffectSlot(element_0d7f5d57c4bb40d69aedf451c3798d4b14, () => content(state));
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b11;
+        new template_6f5bab561bca4d9ab40f79d00d2111801.EffectSlot(element_6f5bab561bca4d9ab40f79d00d21118014, () => content(state));
+        return root_6f5bab561bca4d9ab40f79d00d21118011;
     })();
 });
 export default { hold };

package/build/components/checkbox/index.js

@@ -1,9 +1,9 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive, root } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b17 = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div><input></div>`);
+const template_6f5bab561bca4d9ab40f79d00d21118017 = template_6f5bab561bca4d9ab40f79d00d2111801.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_0d7f5d57c4bb40d69aedf451c3798d4b16 = template_0d7f5d57c4bb40d69aedf451c3798d4b17(), element_0d7f5d57c4bb40d69aedf451c3798d4b18 = root_0d7f5d57c4bb40d69aedf451c3798d4b16.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b19 = element_0d7f5d57c4bb40d69aedf451c3798d4b18.firstElementChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1a = { "class": "" }, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1b = {};
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b18, 'class', type, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1a);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b18, 'class', () => state.active && '--active', attributes_0d7f5d57c4bb40d69aedf451c3798d4b1a);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b18, this?.attributes && omit(this.attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b1a);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b18, attributes && omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b1a);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperty(element_0d7f5d57c4bb40d69aedf451c3798d4b19, 'checked', attributes?.checked || root(() => state.active));
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b19, 'class', `${type}-tag`, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1b);
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b19, 'change', (e) => {
+            let root_6f5bab561bca4d9ab40f79d00d21118016 = template_6f5bab561bca4d9ab40f79d00d21118017(), element_6f5bab561bca4d9ab40f79d00d21118018 = root_6f5bab561bca4d9ab40f79d00d21118016.firstChild, element_6f5bab561bca4d9ab40f79d00d21118019 = element_6f5bab561bca4d9ab40f79d00d21118018.firstElementChild, attributes_6f5bab561bca4d9ab40f79d00d2111801a = { "class": "" }, attributes_6f5bab561bca4d9ab40f79d00d2111801b = {};
+            template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118018, 'class', type, attributes_6f5bab561bca4d9ab40f79d00d2111801a);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118018, 'class', () => state.active && '--active', attributes_6f5bab561bca4d9ab40f79d00d2111801a);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118018, this?.attributes && omit(this.attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111801a);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d21118018, attributes && omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111801a);
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d21118019, 'checked', attributes?.checked || root(() => state.active));
+            template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d21118019, 'class', `${type}-tag`, attributes_6f5bab561bca4d9ab40f79d00d2111801b);
+            template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d21118019, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.onrender(element_0d7f5d57c4bb40d69aedf451c3798d4b19, form.input.onrender(state));
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperty(element_0d7f5d57c4bb40d69aedf451c3798d4b19, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperty(element_0d7f5d57c4bb40d69aedf451c3798d4b19, 'value', attributes?.value || 1);
-            return root_0d7f5d57c4bb40d69aedf451c3798d4b16;
+            template_6f5bab561bca4d9ab40f79d00d2111801.onrender(element_6f5bab561bca4d9ab40f79d00d21118019, form.input.onrender(state));
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d21118019, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_6f5bab561bca4d9ab40f79d00d2111801.setProperty(element_6f5bab561bca4d9ab40f79d00d21118019, 'value', attributes?.value || 1);
+            return root_6f5bab561bca4d9ab40f79d00d21118016;
         })();
     }
     return template;

package/build/components/clipboard/onclick.js

@@ -1,18 +1,18 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b1d = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111801d = template_6f5bab561bca4d9ab40f79d00d2111801.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_0d7f5d57c4bb40d69aedf451c3798d4b1c = template_0d7f5d57c4bb40d69aedf451c3798d4b1d(), element_0d7f5d57c4bb40d69aedf451c3798d4b1e = root_0d7f5d57c4bb40d69aedf451c3798d4b1c.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b1f = element_0d7f5d57c4bb40d69aedf451c3798d4b1e.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1g = {};
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b1e, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b1g);
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.delegate(element_0d7f5d57c4bb40d69aedf451c3798d4b1e, 'click', (e) => {
+        let root_6f5bab561bca4d9ab40f79d00d2111801c = template_6f5bab561bca4d9ab40f79d00d2111801d(), element_6f5bab561bca4d9ab40f79d00d2111801e = root_6f5bab561bca4d9ab40f79d00d2111801c.firstChild, element_6f5bab561bca4d9ab40f79d00d2111801f = element_6f5bab561bca4d9ab40f79d00d2111801e.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111801g = {};
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111801e, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111801g);
+        template_6f5bab561bca4d9ab40f79d00d2111801.delegate(element_6f5bab561bca4d9ab40f79d00d2111801e, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -22,7 +22,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_0d7f5d57c4bb40d69aedf451c3798d4b1.EffectSlot(element_0d7f5d57c4bb40d69aedf451c3798d4b1f, () => content(state));
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b1c;
+        new template_6f5bab561bca4d9ab40f79d00d2111801.EffectSlot(element_6f5bab561bca4d9ab40f79d00d2111801f, () => content(state));
+        return root_6f5bab561bca4d9ab40f79d00d2111801c;
     })();
 });

package/build/components/counter/index.js

@@ -1,11 +1,11 @@
-import * as template_0d7f5d57c4bb40d69aedf451c3798d4b1 from '@esportsplus/frontend';
+import * as template_6f5bab561bca4d9ab40f79d00d2111801 from '@esportsplus/frontend';
 import { effect, reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_0d7f5d57c4bb40d69aedf451c3798d4b1i = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_0d7f5d57c4bb40d69aedf451c3798d4b1l = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<span><!--$--></span>`);
-const template_0d7f5d57c4bb40d69aedf451c3798d4b1o = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_0d7f5d57c4bb40d69aedf451c3798d4b1t = template_0d7f5d57c4bb40d69aedf451c3798d4b1.template(`<div class='counter'><!--$--></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111801i = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_6f5bab561bca4d9ab40f79d00d2111801l = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<span><!--$--></span>`);
+const template_6f5bab561bca4d9ab40f79d00d2111801o = template_6f5bab561bca4d9ab40f79d00d2111801.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_6f5bab561bca4d9ab40f79d00d2111801t = template_6f5bab561bca4d9ab40f79d00d2111801.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_0d7f5d57c4bb40d69aedf451c3798d4b1s = template_0d7f5d57c4bb40d69aedf451c3798d4b1t(), element_0d7f5d57c4bb40d69aedf451c3798d4b1u = root_0d7f5d57c4bb40d69aedf451c3798d4b1s.firstChild, element_0d7f5d57c4bb40d69aedf451c3798d4b1v = element_0d7f5d57c4bb40d69aedf451c3798d4b1u.firstChild, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1w = { "class": "counter" };
-        template_0d7f5d57c4bb40d69aedf451c3798d4b1.setProperties(element_0d7f5d57c4bb40d69aedf451c3798d4b1u, omit(attributes, OMIT), attributes_0d7f5d57c4bb40d69aedf451c3798d4b1w);
-        new template_0d7f5d57c4bb40d69aedf451c3798d4b1.EffectSlot(element_0d7f5d57c4bb40d69aedf451c3798d4b1v, () => {
+        let root_6f5bab561bca4d9ab40f79d00d2111801s = template_6f5bab561bca4d9ab40f79d00d2111801t(), element_6f5bab561bca4d9ab40f79d00d2111801u = root_6f5bab561bca4d9ab40f79d00d2111801s.firstChild, element_6f5bab561bca4d9ab40f79d00d2111801v = element_6f5bab561bca4d9ab40f79d00d2111801u.firstChild, attributes_6f5bab561bca4d9ab40f79d00d2111801w = { "class": "counter" };
+        template_6f5bab561bca4d9ab40f79d00d2111801.setProperties(element_6f5bab561bca4d9ab40f79d00d2111801u, omit(attributes, OMIT), attributes_6f5bab561bca4d9ab40f79d00d2111801w);
+        new template_6f5bab561bca4d9ab40f79d00d2111801.EffectSlot(element_6f5bab561bca4d9ab40f79d00d2111801v, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_0d7f5d57c4bb40d69aedf451c3798d4b1.ArraySlot(render, function (value) {
+            return new template_6f5bab561bca4d9ab40f79d00d2111801.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_0d7f5d57c4bb40d69aedf451c3798d4b1h = template_0d7f5d57c4bb40d69aedf451c3798d4b1i(), element_0d7f5d57c4bb40d69aedf451c3798d4b1j = root_0d7f5d57c4bb40d69aedf451c3798d4b1h.firstChild.firstChild;
-                        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b1j, value);
-                        return root_0d7f5d57c4bb40d69aedf451c3798d4b1h;
+                        let root_6f5bab561bca4d9ab40f79d00d2111801h = template_6f5bab561bca4d9ab40f79d00d2111801i(), element_6f5bab561bca4d9ab40f79d00d2111801j = root_6f5bab561bca4d9ab40f79d00d2111801h.firstChild.firstChild;
+                        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111801j, value);
+                        return root_6f5bab561bca4d9ab40f79d00d2111801h;
                     })();
                 }
                 return (() => {
-                    let root_0d7f5d57c4bb40d69aedf451c3798d4b1n = template_0d7f5d57c4bb40d69aedf451c3798d4b1o(), element_0d7f5d57c4bb40d69aedf451c3798d4b1p = root_0d7f5d57c4bb40d69aedf451c3798d4b1n.firstChild.firstElementChild, element_0d7f5d57c4bb40d69aedf451c3798d4b1q = element_0d7f5d57c4bb40d69aedf451c3798d4b1p.firstChild.nextSibling, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1r = { "class": "counter-character-track", "style": "" };
-                    template_0d7f5d57c4bb40d69aedf451c3798d4b1.setList(element_0d7f5d57c4bb40d69aedf451c3798d4b1p, 'style', `--value: ${value}`, attributes_0d7f5d57c4bb40d69aedf451c3798d4b1r);
-                    template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b1q, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_0d7f5d57c4bb40d69aedf451c3798d4b1k = template_0d7f5d57c4bb40d69aedf451c3798d4b1l(), element_0d7f5d57c4bb40d69aedf451c3798d4b1m = root_0d7f5d57c4bb40d69aedf451c3798d4b1k.firstChild.firstChild;
-                        template_0d7f5d57c4bb40d69aedf451c3798d4b1.slot(element_0d7f5d57c4bb40d69aedf451c3798d4b1m, value);
-                        return root_0d7f5d57c4bb40d69aedf451c3798d4b1k;
+                    let root_6f5bab561bca4d9ab40f79d00d2111801n = template_6f5bab561bca4d9ab40f79d00d2111801o(), element_6f5bab561bca4d9ab40f79d00d2111801p = root_6f5bab561bca4d9ab40f79d00d2111801n.firstChild.firstElementChild, element_6f5bab561bca4d9ab40f79d00d2111801q = element_6f5bab561bca4d9ab40f79d00d2111801p.firstChild.nextSibling, attributes_6f5bab561bca4d9ab40f79d00d2111801r = { "class": "counter-character-track", "style": "" };
+                    template_6f5bab561bca4d9ab40f79d00d2111801.setList(element_6f5bab561bca4d9ab40f79d00d2111801p, 'style', `--value: ${value}`, attributes_6f5bab561bca4d9ab40f79d00d2111801r);
+                    template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111801q, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_6f5bab561bca4d9ab40f79d00d2111801k = template_6f5bab561bca4d9ab40f79d00d2111801l(), element_6f5bab561bca4d9ab40f79d00d2111801m = root_6f5bab561bca4d9ab40f79d00d2111801k.firstChild.firstChild;
+                        template_6f5bab561bca4d9ab40f79d00d2111801.slot(element_6f5bab561bca4d9ab40f79d00d2111801m, value);
+                        return root_6f5bab561bca4d9ab40f79d00d2111801k;
                     }));
-                    return root_0d7f5d57c4bb40d69aedf451c3798d4b1n;
+                    return root_6f5bab561bca4d9ab40f79d00d2111801n;
                 })();
             });
         });
-        return root_0d7f5d57c4bb40d69aedf451c3798d4b1s;
+        return root_6f5bab561bca4d9ab40f79d00d2111801s;
     })();
 };