@esportsplus/ui 0.48.6 → 0.48.7

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb951l = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3631y = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_3ea7bdb36b1e42ed846a8dc5465fdb951k = template_3ea7bdb36b1e42ed846a8dc5465fdb951l(), element_3ea7bdb36b1e42ed846a8dc5465fdb951m = root_3ea7bdb36b1e42ed846a8dc5465fdb951k.firstChild;
-    template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb951m, attributes, { "class": "ellipsis" });
-    return root_3ea7bdb36b1e42ed846a8dc5465fdb951k;
+    let root_69d8ea42df6d40bfb4950d47c33fd3631x = template_69d8ea42df6d40bfb4950d47c33fd3631y(), element_69d8ea42df6d40bfb4950d47c33fd3631z = root_69d8ea42df6d40bfb4950d47c33fd3631x.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd36320 = { "class": "ellipsis" };
+    template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3631z, attributes, attributes_69d8ea42df6d40bfb4950d47c33fd36320);
+    return root_69d8ea42df6d40bfb4950d47c33fd3631x;
 };

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb951o = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<form class='form'><!--$--></form>`);
+const template_69d8ea42df6d40bfb4950d47c33fd36322 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<form class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
@@ -29,9 +29,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb951n = template_3ea7bdb36b1e42ed846a8dc5465fdb951o(), element_3ea7bdb36b1e42ed846a8dc5465fdb951p = root_3ea7bdb36b1e42ed846a8dc5465fdb951n.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb951q = element_3ea7bdb36b1e42ed846a8dc5465fdb951p.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb951p, omit(attributes, OMIT), { "class": "form" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb951p, 'click', function (event) {
+        let root_69d8ea42df6d40bfb4950d47c33fd36321 = template_69d8ea42df6d40bfb4950d47c33fd36322(), element_69d8ea42df6d40bfb4950d47c33fd36323 = root_69d8ea42df6d40bfb4950d47c33fd36321.firstChild, element_69d8ea42df6d40bfb4950d47c33fd36324 = element_69d8ea42df6d40bfb4950d47c33fd36323.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd36325 = { "class": "form" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36323, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd36325);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36323, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -39,7 +39,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb951p, 'submit', async function (event) {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd36323, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb951q, content);
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb951n;
+        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd36324, content);
+        return root_69d8ea42df6d40bfb4950d47c33fd36321;
     })();
 };

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

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

package/build/components/highlight/index.js

@@ -1,9 +1,9 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb951s = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='highlight'><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd36327 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='highlight'><!--$--></div>`);
 const OMIT = ['background'];
 let key = Symbol(), observer = null;
 export default template.factory((attributes, content) => {
@@ -30,17 +30,17 @@ export default template.factory((attributes, content) => {
         highlight: 0
     });
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb951r = template_3ea7bdb36b1e42ed846a8dc5465fdb951s(), element_3ea7bdb36b1e42ed846a8dc5465fdb951t = root_3ea7bdb36b1e42ed846a8dc5465fdb951r.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb951u = element_3ea7bdb36b1e42ed846a8dc5465fdb951t.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb951t, omit(attributes, OMIT), { "class": "highlight" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.onrender(element_3ea7bdb36b1e42ed846a8dc5465fdb951t, (element) => {
+        let root_69d8ea42df6d40bfb4950d47c33fd36326 = template_69d8ea42df6d40bfb4950d47c33fd36327(), element_69d8ea42df6d40bfb4950d47c33fd36328 = root_69d8ea42df6d40bfb4950d47c33fd36326.firstChild, element_69d8ea42df6d40bfb4950d47c33fd36329 = element_69d8ea42df6d40bfb4950d47c33fd36328.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3632a = { "class": "highlight" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36328, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3632a);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.onrender(element_69d8ea42df6d40bfb4950d47c33fd36328, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb951t, 'style', '', [
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36328, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ]);
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb951u, content);
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb951r;
+        ], attributes_69d8ea42df6d40bfb4950d47c33fd3632a);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd36329, content);
+        return root_69d8ea42df6d40bfb4950d47c33fd36326;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb951w = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='icon'><!--$--></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3632c = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb951v = template_3ea7bdb36b1e42ed846a8dc5465fdb951w(), element_3ea7bdb36b1e42ed846a8dc5465fdb951x = root_3ea7bdb36b1e42ed846a8dc5465fdb951v.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb951y = element_3ea7bdb36b1e42ed846a8dc5465fdb951x.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb951x, attributes, { "class": "icon" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb951y, svg.sprite(icon));
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb951v;
+        let root_69d8ea42df6d40bfb4950d47c33fd3632b = template_69d8ea42df6d40bfb4950d47c33fd3632c(), element_69d8ea42df6d40bfb4950d47c33fd3632d = root_69d8ea42df6d40bfb4950d47c33fd3632b.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3632e = element_69d8ea42df6d40bfb4950d47c33fd3632d.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3632f = { "class": "icon" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632d, attributes, attributes_69d8ea42df6d40bfb4950d47c33fd3632f);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3632e, svg.sprite(icon));
+        return root_69d8ea42df6d40bfb4950d47c33fd3632b;
     })();
 });

package/build/components/input/index.js

@@ -1,27 +1,27 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb9520 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<input class='input'  />`);
+const template_69d8ea42df6d40bfb4950d47c33fd3632h = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<input class='input'  />`);
 export default function (attributes) {
     let state = attributes.state || reactive({
         active: false,
         error: ''
     });
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb951z = template_3ea7bdb36b1e42ed846a8dc5465fdb9520(), element_3ea7bdb36b1e42ed846a8dc5465fdb9521 = root_3ea7bdb36b1e42ed846a8dc5465fdb951z.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9521, this?.attributes, { "class": "input" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9521, attributes, { "class": "input" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb9521, 'class', '', () => state.active && '--active');
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb9521, 'focusin', () => {
+        let root_69d8ea42df6d40bfb4950d47c33fd3632g = template_69d8ea42df6d40bfb4950d47c33fd3632h(), element_69d8ea42df6d40bfb4950d47c33fd3632i = root_69d8ea42df6d40bfb4950d47c33fd3632g.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3632j = { "class": "input" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632i, this?.attributes, attributes_69d8ea42df6d40bfb4950d47c33fd3632j);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632i, attributes, attributes_69d8ea42df6d40bfb4950d47c33fd3632j);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3632i, 'class', () => state.active && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd3632j);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd3632i, 'focusin', () => {
             state.active = true;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb9521, 'focusout', () => {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd3632i, 'focusout', () => {
             state.active = false;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.onrender(element_3ea7bdb36b1e42ed846a8dc5465fdb9521, form.input.onrender(state));
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb9521, 'type', (attributes.type || 'text'));
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb951z;
+        template_69d8ea42df6d40bfb4950d47c33fd3631.onrender(element_69d8ea42df6d40bfb4950d47c33fd3632i, form.input.onrender(state));
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperty(element_69d8ea42df6d40bfb4950d47c33fd3632i, 'type', (attributes.type || 'text'));
+        return root_69d8ea42df6d40bfb4950d47c33fd3632g;
     })();
 }
 ;

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

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

package/build/components/loader/index.js

@@ -1,10 +1,10 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb9523 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='loader-content'><div class='loader-logo text --flex-center --text-uppercase --text-600' style='color: var(--color-grey-500);'><!--$--></div></div>`);
-const template_3ea7bdb36b1e42ed846a8dc5465fdb9528 = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3632l = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='loader-content'><div class='loader-logo text --flex-center --text-uppercase --text-600' style='color: var(--color-grey-500);'><!--$--></div></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3632s = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
 const OMIT = ['loader-content', 'loader-logo'];
 export default template.factory((attributes, content) => {
     let state = reactive({
@@ -18,39 +18,39 @@ export default template.factory((attributes, content) => {
         }
         let i = 0;
         return (() => {
-            let root_3ea7bdb36b1e42ed846a8dc5465fdb9527 = template_3ea7bdb36b1e42ed846a8dc5465fdb9528(), element_3ea7bdb36b1e42ed846a8dc5465fdb9529 = root_3ea7bdb36b1e42ed846a8dc5465fdb9527.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952a = element_3ea7bdb36b1e42ed846a8dc5465fdb9529.firstElementChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952b = element_3ea7bdb36b1e42ed846a8dc5465fdb952a.firstChild;
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb9529, 'class', '', () => state.load && 'loader--load');
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb9529, 'animationend', (e) => {
+            let root_69d8ea42df6d40bfb4950d47c33fd3632r = template_69d8ea42df6d40bfb4950d47c33fd3632s(), element_69d8ea42df6d40bfb4950d47c33fd3632t = root_69d8ea42df6d40bfb4950d47c33fd3632r.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3632u = element_69d8ea42df6d40bfb4950d47c33fd3632t.firstElementChild, element_69d8ea42df6d40bfb4950d47c33fd3632v = element_69d8ea42df6d40bfb4950d47c33fd3632u.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3632w = { "class": "loader" }, attributes_69d8ea42df6d40bfb4950d47c33fd3632x = { "class": "loader" };
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3632t, 'class', () => state.load && 'loader--load', attributes_69d8ea42df6d40bfb4950d47c33fd3632w);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd3632t, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9529, omit(attributes, OMIT), { "class": "" });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb952a, 'class', '', () => state.load && 'loader--load');
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952a, !content && {
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632t, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3632w);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3632u, 'class', () => state.load && 'loader--load', attributes_69d8ea42df6d40bfb4950d47c33fd3632x);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632u, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
-            }, { "class": "" });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952a, attributes.loader, { "class": "" });
-            template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb952b, content && (() => {
-                let root_3ea7bdb36b1e42ed846a8dc5465fdb9522 = template_3ea7bdb36b1e42ed846a8dc5465fdb9523(), element_3ea7bdb36b1e42ed846a8dc5465fdb9524 = root_3ea7bdb36b1e42ed846a8dc5465fdb9522.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb9525 = element_3ea7bdb36b1e42ed846a8dc5465fdb9524.firstElementChild, element_3ea7bdb36b1e42ed846a8dc5465fdb9526 = element_3ea7bdb36b1e42ed846a8dc5465fdb9525.firstChild;
-                template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9524, attributes['loader-content'], { "class": "loader-content" });
-                template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb9525, attributes['loader-logo'], { "class": "--text-600", "style": "var(--color-grey-500);" });
-                template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb9525, 'class', '', () => state.scale && 'loader-logo--scale');
-                template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb9525, 'animationend', ({ animationName: name }) => {
+            }, attributes_69d8ea42df6d40bfb4950d47c33fd3632x);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632u, attributes.loader, attributes_69d8ea42df6d40bfb4950d47c33fd3632x);
+            template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3632v, content && (() => {
+                let root_69d8ea42df6d40bfb4950d47c33fd3632k = template_69d8ea42df6d40bfb4950d47c33fd3632l(), element_69d8ea42df6d40bfb4950d47c33fd3632m = root_69d8ea42df6d40bfb4950d47c33fd3632k.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3632n = element_69d8ea42df6d40bfb4950d47c33fd3632m.firstElementChild, element_69d8ea42df6d40bfb4950d47c33fd3632o = element_69d8ea42df6d40bfb4950d47c33fd3632n.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd3632p = { "class": "loader-content" }, attributes_69d8ea42df6d40bfb4950d47c33fd3632q = { "class": "loader-logo text --flex-center --text-uppercase --text-600", "style": "color:;var(--color-grey-500);" };
+                template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632m, attributes['loader-content'], attributes_69d8ea42df6d40bfb4950d47c33fd3632p);
+                template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3632n, attributes['loader-logo'], attributes_69d8ea42df6d40bfb4950d47c33fd3632q);
+                template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3632n, 'class', () => state.scale && 'loader-logo--scale', attributes_69d8ea42df6d40bfb4950d47c33fd3632q);
+                template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd3632n, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_3ea7bdb36b1e42ed846a8dc5465fdb951.onconnect(element_3ea7bdb36b1e42ed846a8dc5465fdb9525, () => {
+                template_69d8ea42df6d40bfb4950d47c33fd3631.onconnect(element_69d8ea42df6d40bfb4950d47c33fd3632n, () => {
                     state.scale = true;
                 });
-                template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb9526, content);
-                return root_3ea7bdb36b1e42ed846a8dc5465fdb9522;
+                template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3632o, content);
+                return root_69d8ea42df6d40bfb4950d47c33fd3632k;
             })());
-            return root_3ea7bdb36b1e42ed846a8dc5465fdb9527;
+            return root_69d8ea42df6d40bfb4950d47c33fd3632r;
         })();
     };
 });

package/build/components/loading/index.js

@@ -1,10 +1,10 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb952d = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd3632z = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
 export default (attributes) => {
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb952c = template_3ea7bdb36b1e42ed846a8dc5465fdb952d(), element_3ea7bdb36b1e42ed846a8dc5465fdb952e = root_3ea7bdb36b1e42ed846a8dc5465fdb952c.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952e, attributes, { "class": "--size-800", "style": "var(--color-border-500);" });
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb952c;
+        let root_69d8ea42df6d40bfb4950d47c33fd3632y = template_69d8ea42df6d40bfb4950d47c33fd3632z(), element_69d8ea42df6d40bfb4950d47c33fd36330 = root_69d8ea42df6d40bfb4950d47c33fd3632y.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd36331 = { "class": "loading --border-width-700 --size-800", "style": "--border-color:;var(--color-border-500);" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36330, attributes, attributes_69d8ea42df6d40bfb4950d47c33fd36331);
+        return root_69d8ea42df6d40bfb4950d47c33fd3632y;
     })();
 };

package/build/components/range/index.js

@@ -1,8 +1,8 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive, root } from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb952g = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<input class='range --border-state --border-black' type='range'  />`);
+const template_69d8ea42df6d40bfb4950d47c33fd36333 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<input class='range --border-state --border-black' type='range'  />`);
 export default function (attributes) {
     let { max, min } = attributes, state = attributes.state || reactive({
         active: false,
@@ -13,23 +13,23 @@ export default function (attributes) {
         state.value = Number(attributes.value);
     }
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb952f = template_3ea7bdb36b1e42ed846a8dc5465fdb952g(), element_3ea7bdb36b1e42ed846a8dc5465fdb952h = root_3ea7bdb36b1e42ed846a8dc5465fdb952f.firstChild;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, 'style', '', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`);
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, this?.attributes, { "class": "--border-black", "style": "" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, attributes, { "class": "--border-black", "style": "" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, 'class', '', () => state.active && '--active');
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, 'focusin', () => {
+        let root_69d8ea42df6d40bfb4950d47c33fd36332 = template_69d8ea42df6d40bfb4950d47c33fd36333(), element_69d8ea42df6d40bfb4950d47c33fd36334 = root_69d8ea42df6d40bfb4950d47c33fd36332.firstChild, attributes_69d8ea42df6d40bfb4950d47c33fd36335 = { "class": "range --border-state --border-black", "style": "" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36334, 'style', () => `--thumb-position: ${((state.value - min) / (max - min)) * 100}%`, attributes_69d8ea42df6d40bfb4950d47c33fd36335);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36334, this?.attributes, attributes_69d8ea42df6d40bfb4950d47c33fd36335);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36334, attributes, attributes_69d8ea42df6d40bfb4950d47c33fd36335);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd36334, 'class', () => state.active && '--active', attributes_69d8ea42df6d40bfb4950d47c33fd36335);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd36334, 'focusin', () => {
             state.active = true;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, 'focusout', () => {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd36334, 'focusout', () => {
             state.active = false;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.delegate(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, 'input', (e) => {
+        template_69d8ea42df6d40bfb4950d47c33fd3631.delegate(element_69d8ea42df6d40bfb4950d47c33fd36334, 'input', (e) => {
             state.value = Number(e.target.value);
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.onrender(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, form.input.onrender(state));
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperty(element_3ea7bdb36b1e42ed846a8dc5465fdb952h, 'value', root(() => attributes?.value || state.value || 0));
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb952f;
+        template_69d8ea42df6d40bfb4950d47c33fd3631.onrender(element_69d8ea42df6d40bfb4950d47c33fd36334, form.input.onrender(state));
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperty(element_69d8ea42df6d40bfb4950d47c33fd36334, 'value', root(() => attributes?.value || state.value || 0));
+        return root_69d8ea42df6d40bfb4950d47c33fd36332;
     })();
 }
 ;

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

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

package/build/components/scrollbar/index.js

@@ -1,9 +1,9 @@
-import * as template_3ea7bdb36b1e42ed846a8dc5465fdb951 from '@esportsplus/template';
+import * as template_69d8ea42df6d40bfb4950d47c33fd3631 from '@esportsplus/template';
 import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_3ea7bdb36b1e42ed846a8dc5465fdb952j = template_3ea7bdb36b1e42ed846a8dc5465fdb951.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
+const template_69d8ea42df6d40bfb4950d47c33fd36337 = template_69d8ea42df6d40bfb4950d47c33fd3631.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'><!--$--></div><div class='scrollbar'></div></div>`);
 const OMIT = ['scrollbar', 'scrollbar-container-content'];
 let root = document.body, width;
 export default template.factory(function (attributes, content) {
@@ -12,12 +12,12 @@ export default template.factory(function (attributes, content) {
         translate: 0
     });
     return (() => {
-        let root_3ea7bdb36b1e42ed846a8dc5465fdb952i = template_3ea7bdb36b1e42ed846a8dc5465fdb952j(), element_3ea7bdb36b1e42ed846a8dc5465fdb952k = root_3ea7bdb36b1e42ed846a8dc5465fdb952i.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952l = element_3ea7bdb36b1e42ed846a8dc5465fdb952k.firstElementChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952m = element_3ea7bdb36b1e42ed846a8dc5465fdb952l.firstChild, element_3ea7bdb36b1e42ed846a8dc5465fdb952n = element_3ea7bdb36b1e42ed846a8dc5465fdb952l.nextElementSibling;
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952k, this?.attributes && omit(this.attributes, OMIT), { "class": "scrollbar-container" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952k, omit(attributes, OMIT), { "class": "scrollbar-container" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952l, this?.attributes?.['scrollbar-container-content'], { "class": "scrollbar-container-content" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952l, attributes['scrollbar-container-content'], { "class": "scrollbar-container-content" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.on(element_3ea7bdb36b1e42ed846a8dc5465fdb952l, 'scroll', function () {
+        let root_69d8ea42df6d40bfb4950d47c33fd36336 = template_69d8ea42df6d40bfb4950d47c33fd36337(), element_69d8ea42df6d40bfb4950d47c33fd36338 = root_69d8ea42df6d40bfb4950d47c33fd36336.firstChild, element_69d8ea42df6d40bfb4950d47c33fd36339 = element_69d8ea42df6d40bfb4950d47c33fd36338.firstElementChild, element_69d8ea42df6d40bfb4950d47c33fd3633a = element_69d8ea42df6d40bfb4950d47c33fd36339.firstChild, element_69d8ea42df6d40bfb4950d47c33fd3633b = element_69d8ea42df6d40bfb4950d47c33fd36339.nextElementSibling, attributes_69d8ea42df6d40bfb4950d47c33fd3633c = { "class": "scrollbar-container" }, attributes_69d8ea42df6d40bfb4950d47c33fd3633d = { "class": "scrollbar-container-content" }, attributes_69d8ea42df6d40bfb4950d47c33fd3633e = { "class": "scrollbar" };
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36338, this?.attributes && omit(this.attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3633c);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36338, omit(attributes, OMIT), attributes_69d8ea42df6d40bfb4950d47c33fd3633c);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36339, this?.attributes?.['scrollbar-container-content'], attributes_69d8ea42df6d40bfb4950d47c33fd3633d);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd36339, attributes['scrollbar-container-content'], attributes_69d8ea42df6d40bfb4950d47c33fd3633d);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.on(element_69d8ea42df6d40bfb4950d47c33fd36339, 'scroll', function () {
             if (width === undefined) {
                 width = this.offsetWidth - this.clientWidth;
                 if (width && width !== 17) {
@@ -27,14 +27,14 @@ export default template.factory(function (attributes, content) {
             state.height = (this.clientHeight / this.scrollHeight) * 100;
             state.translate = (this.scrollTop / this.clientHeight) * 100;
         });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.slot(element_3ea7bdb36b1e42ed846a8dc5465fdb952m, content);
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952n, this?.attributes?.scrollbar, { "class": "scrollbar" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setProperties(element_3ea7bdb36b1e42ed846a8dc5465fdb952n, attributes.scrollbar, { "class": "scrollbar" });
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb952n, 'class', '', () => state.height >= 100 && 'scrollbar--hidden');
-        template_3ea7bdb36b1e42ed846a8dc5465fdb951.setList(element_3ea7bdb36b1e42ed846a8dc5465fdb952n, 'style', '', () => `
+        template_69d8ea42df6d40bfb4950d47c33fd3631.slot(element_69d8ea42df6d40bfb4950d47c33fd3633a, content);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3633b, this?.attributes?.scrollbar, attributes_69d8ea42df6d40bfb4950d47c33fd3633e);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setProperties(element_69d8ea42df6d40bfb4950d47c33fd3633b, attributes.scrollbar, attributes_69d8ea42df6d40bfb4950d47c33fd3633e);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3633b, 'class', () => state.height >= 100 && 'scrollbar--hidden', attributes_69d8ea42df6d40bfb4950d47c33fd3633e);
+        template_69d8ea42df6d40bfb4950d47c33fd3631.setList(element_69d8ea42df6d40bfb4950d47c33fd3633b, 'style', () => `
                             --translate: translate3d(0, ${state.translate}%, 0);
                             --height: ${state.height}%;
-                        `);
-        return root_3ea7bdb36b1e42ed846a8dc5465fdb952i;
+                        `, attributes_69d8ea42df6d40bfb4950d47c33fd3633e);
+        return root_69d8ea42df6d40bfb4950d47c33fd36336;
     })();
 });