@esportsplus/ui 0.51.0 → 0.51.1

package/build/components/clipboard/onclick.js

@@ -1,28 +1,28 @@
-import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
-import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
+import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
+import * as reactivity_18172a85379e40cd839ee4bba2ddfea80 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
-const template_bfe0e7193abc4b26be22b3bb5499d3e21i = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div><!--$--></div>`);
-class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21g extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
-    #copied = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
+const template_18172a85379e40cd839ee4bba2ddfea81i = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div><!--$--></div>`);
+class ReactiveObject_18172a85379e40cd839ee4bba2ddfea81g extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
+    #copied = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](false);
     constructor() {
         super(null);
     }
     get copied() {
-        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#copied);
+        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#copied);
     }
     set copied(_v0) {
-        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#copied, _v0);
+        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#copied, _v0);
     }
 }
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21g(), timeout = attributes.timeout || 1000 * 2;
+    let state = new ReactiveObject_18172a85379e40cd839ee4bba2ddfea81g(), timeout = attributes.timeout || 1000 * 2;
     return (() => {
-        let root_bfe0e7193abc4b26be22b3bb5499d3e21h = template_bfe0e7193abc4b26be22b3bb5499d3e21i(), element_bfe0e7193abc4b26be22b3bb5499d3e21j = root_bfe0e7193abc4b26be22b3bb5499d3e21h.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e21k = element_bfe0e7193abc4b26be22b3bb5499d3e21j.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e21l = {};
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e21j, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e21l);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e21j, 'click', (e) => {
+        let root_18172a85379e40cd839ee4bba2ddfea81h = template_18172a85379e40cd839ee4bba2ddfea81i(), element_18172a85379e40cd839ee4bba2ddfea81j = root_18172a85379e40cd839ee4bba2ddfea81h.firstChild, element_18172a85379e40cd839ee4bba2ddfea81k = element_18172a85379e40cd839ee4bba2ddfea81j.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea81l = {};
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea81j, omit(attributes, OMIT), attributes_18172a85379e40cd839ee4bba2ddfea81l);
+        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea81j, 'click', (e) => {
             e.preventDefault();
             e.stopPropagation();
             write(attributes.value).then(() => {
@@ -32,7 +32,7 @@ export default template.factory(function (attributes, content) {
                 }, timeout);
             });
         });
-        new template_bfe0e7193abc4b26be22b3bb5499d3e21.EffectSlot(element_bfe0e7193abc4b26be22b3bb5499d3e21k, () => content(state));
-        return root_bfe0e7193abc4b26be22b3bb5499d3e21h;
+        new template_18172a85379e40cd839ee4bba2ddfea81.EffectSlot(element_18172a85379e40cd839ee4bba2ddfea81k, () => content(state));
+        return root_18172a85379e40cd839ee4bba2ddfea81h;
     })();
 });

package/build/components/counter/index.js

@@ -1,41 +1,41 @@
-import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
-import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
+import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
+import * as reactivity_18172a85379e40cd839ee4bba2ddfea80 from '@esportsplus/reactivity';
 import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_bfe0e7193abc4b26be22b3bb5499d3e21p = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_bfe0e7193abc4b26be22b3bb5499d3e21s = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<span><!--$--></span>`);
-const template_bfe0e7193abc4b26be22b3bb5499d3e21v = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_bfe0e7193abc4b26be22b3bb5499d3e220 = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='counter'><!--$--></div>`);
-class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21m extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
-    #value = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](-1);
+const template_18172a85379e40cd839ee4bba2ddfea81p = template_18172a85379e40cd839ee4bba2ddfea81.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_18172a85379e40cd839ee4bba2ddfea81s = template_18172a85379e40cd839ee4bba2ddfea81.template(`<span><!--$--></span>`);
+const template_18172a85379e40cd839ee4bba2ddfea81v = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_18172a85379e40cd839ee4bba2ddfea820 = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class='counter'><!--$--></div>`);
+class ReactiveObject_18172a85379e40cd839ee4bba2ddfea81m extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
+    #value = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](-1);
     constructor() {
         super(null);
     }
     get value() {
-        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#value);
+        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#value);
     }
     set value(_v0) {
-        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#value, _v0);
+        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#value, _v0);
     }
 }
-class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21n extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
-    #length = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](0);
+class ReactiveObject_18172a85379e40cd839ee4bba2ddfea81n extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
+    #length = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](0);
     #test;
     #render;
     constructor(_p0, _p1) {
         super(null);
-        this.#test = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.COMPUTED](_p0);
-        this.#render = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.REACTIVE_ARRAY](_p1);
+        this.#test = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.COMPUTED](_p0);
+        this.#render = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.REACTIVE_ARRAY](_p1);
     }
     get length() {
-        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#length);
+        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#length);
     }
     set length(_v0) {
-        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#length, _v0);
+        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#length, _v0);
     }
     get test() {
-        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#test);
+        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#test);
     }
     get render() {
         return this.#render;
@@ -44,12 +44,12 @@ class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21n extends reactivity_bfe0e
 const OMIT = ['currency', 'decimals', 'delay', 'max', 'state', 'suffix', 'value'];
 let formatters = {};
 export default (attributes) => {
-    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21m(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_18172a85379e40cd839ee4bba2ddfea81m(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e21n(() => 'sds', []), render = new reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveArray();
+        }), rendering = true, state = new ReactiveObject_18172a85379e40cd839ee4bba2ddfea81n(() => 'sds', []), render = new reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -84,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_bfe0e7193abc4b26be22b3bb5499d3e21z = template_bfe0e7193abc4b26be22b3bb5499d3e220(), element_bfe0e7193abc4b26be22b3bb5499d3e221 = root_bfe0e7193abc4b26be22b3bb5499d3e21z.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e222 = element_bfe0e7193abc4b26be22b3bb5499d3e221.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e223 = { "class": "counter" };
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e221, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e223);
-        new template_bfe0e7193abc4b26be22b3bb5499d3e21.EffectSlot(element_bfe0e7193abc4b26be22b3bb5499d3e222, () => {
+        let root_18172a85379e40cd839ee4bba2ddfea81z = template_18172a85379e40cd839ee4bba2ddfea820(), element_18172a85379e40cd839ee4bba2ddfea821 = root_18172a85379e40cd839ee4bba2ddfea81z.firstChild, element_18172a85379e40cd839ee4bba2ddfea822 = element_18172a85379e40cd839ee4bba2ddfea821.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea823 = { "class": "counter" };
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea821, omit(attributes, OMIT), attributes_18172a85379e40cd839ee4bba2ddfea823);
+        new template_18172a85379e40cd839ee4bba2ddfea81.EffectSlot(element_18172a85379e40cd839ee4bba2ddfea822, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_bfe0e7193abc4b26be22b3bb5499d3e21.ArraySlot(render, function (value) {
+            return new template_18172a85379e40cd839ee4bba2ddfea81.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_bfe0e7193abc4b26be22b3bb5499d3e21o = template_bfe0e7193abc4b26be22b3bb5499d3e21p(), element_bfe0e7193abc4b26be22b3bb5499d3e21q = root_bfe0e7193abc4b26be22b3bb5499d3e21o.firstChild.firstChild;
-                        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e21q, value);
-                        return root_bfe0e7193abc4b26be22b3bb5499d3e21o;
+                        let root_18172a85379e40cd839ee4bba2ddfea81o = template_18172a85379e40cd839ee4bba2ddfea81p(), element_18172a85379e40cd839ee4bba2ddfea81q = root_18172a85379e40cd839ee4bba2ddfea81o.firstChild.firstChild;
+                        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea81q, value);
+                        return root_18172a85379e40cd839ee4bba2ddfea81o;
                     })();
                 }
                 return (() => {
-                    let root_bfe0e7193abc4b26be22b3bb5499d3e21u = template_bfe0e7193abc4b26be22b3bb5499d3e21v(), element_bfe0e7193abc4b26be22b3bb5499d3e21w = root_bfe0e7193abc4b26be22b3bb5499d3e21u.firstChild.firstElementChild, element_bfe0e7193abc4b26be22b3bb5499d3e21x = element_bfe0e7193abc4b26be22b3bb5499d3e21w.firstChild.nextSibling, attributes_bfe0e7193abc4b26be22b3bb5499d3e21y = { "class": "counter-character-track", "style": "" };
-                    template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e21w, 'style', `--value: ${value}`, attributes_bfe0e7193abc4b26be22b3bb5499d3e21y);
-                    template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e21x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_bfe0e7193abc4b26be22b3bb5499d3e21r = template_bfe0e7193abc4b26be22b3bb5499d3e21s(), element_bfe0e7193abc4b26be22b3bb5499d3e21t = root_bfe0e7193abc4b26be22b3bb5499d3e21r.firstChild.firstChild;
-                        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e21t, value);
-                        return root_bfe0e7193abc4b26be22b3bb5499d3e21r;
+                    let root_18172a85379e40cd839ee4bba2ddfea81u = template_18172a85379e40cd839ee4bba2ddfea81v(), element_18172a85379e40cd839ee4bba2ddfea81w = root_18172a85379e40cd839ee4bba2ddfea81u.firstChild.firstElementChild, element_18172a85379e40cd839ee4bba2ddfea81x = element_18172a85379e40cd839ee4bba2ddfea81w.firstChild.nextSibling, attributes_18172a85379e40cd839ee4bba2ddfea81y = { "class": "counter-character-track", "style": "" };
+                    template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea81w, 'style', `--value: ${value}`, attributes_18172a85379e40cd839ee4bba2ddfea81y);
+                    template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea81x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_18172a85379e40cd839ee4bba2ddfea81r = template_18172a85379e40cd839ee4bba2ddfea81s(), element_18172a85379e40cd839ee4bba2ddfea81t = root_18172a85379e40cd839ee4bba2ddfea81r.firstChild.firstChild;
+                        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea81t, value);
+                        return root_18172a85379e40cd839ee4bba2ddfea81r;
                     }));
-                    return root_bfe0e7193abc4b26be22b3bb5499d3e21u;
+                    return root_18172a85379e40cd839ee4bba2ddfea81u;
                 })();
             });
         });
-        return root_bfe0e7193abc4b26be22b3bb5499d3e21z;
+        return root_18172a85379e40cd839ee4bba2ddfea81z;
     })();
 };

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
+import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
 import './scss/index.scss';
-const template_bfe0e7193abc4b26be22b3bb5499d3e225 = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_18172a85379e40cd839ee4bba2ddfea825 = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
 export default (attributes) => {
-    let root_bfe0e7193abc4b26be22b3bb5499d3e224 = template_bfe0e7193abc4b26be22b3bb5499d3e225(), element_bfe0e7193abc4b26be22b3bb5499d3e226 = root_bfe0e7193abc4b26be22b3bb5499d3e224.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e227 = { "class": "ellipsis" };
-    template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e226, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e227);
-    return root_bfe0e7193abc4b26be22b3bb5499d3e224;
+    let root_18172a85379e40cd839ee4bba2ddfea824 = template_18172a85379e40cd839ee4bba2ddfea825(), element_18172a85379e40cd839ee4bba2ddfea826 = root_18172a85379e40cd839ee4bba2ddfea824.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea827 = { "class": "ellipsis" };
+    template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea826, attributes, attributes_18172a85379e40cd839ee4bba2ddfea827);
+    return root_18172a85379e40cd839ee4bba2ddfea824;
 };

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
+import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_bfe0e7193abc4b26be22b3bb5499d3e229 = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<form class='form'><!--$--></form>`);
+const template_18172a85379e40cd839ee4bba2ddfea829 = template_18172a85379e40cd839ee4bba2ddfea81.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_bfe0e7193abc4b26be22b3bb5499d3e228 = template_bfe0e7193abc4b26be22b3bb5499d3e229(), element_bfe0e7193abc4b26be22b3bb5499d3e22a = root_bfe0e7193abc4b26be22b3bb5499d3e228.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e22b = element_bfe0e7193abc4b26be22b3bb5499d3e22a.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22c = { "class": "form" };
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22a, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e22c);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.delegate(element_bfe0e7193abc4b26be22b3bb5499d3e22a, 'click', function (event) {
+        let root_18172a85379e40cd839ee4bba2ddfea828 = template_18172a85379e40cd839ee4bba2ddfea829(), element_18172a85379e40cd839ee4bba2ddfea82a = root_18172a85379e40cd839ee4bba2ddfea828.firstChild, element_18172a85379e40cd839ee4bba2ddfea82b = element_18172a85379e40cd839ee4bba2ddfea82a.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea82c = { "class": "form" };
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea82a, omit(attributes, OMIT), attributes_18172a85379e40cd839ee4bba2ddfea82c);
+        template_18172a85379e40cd839ee4bba2ddfea81.delegate(element_18172a85379e40cd839ee4bba2ddfea82a, '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_bfe0e7193abc4b26be22b3bb5499d3e21.on(element_bfe0e7193abc4b26be22b3bb5499d3e22a, 'submit', async function (event) {
+        template_18172a85379e40cd839ee4bba2ddfea81.on(element_18172a85379e40cd839ee4bba2ddfea82a, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e22b, content);
-        return root_bfe0e7193abc4b26be22b3bb5499d3e228;
+        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea82b, content);
+        return root_18172a85379e40cd839ee4bba2ddfea828;
     })();
 };

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

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

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

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

package/build/components/highlight/index.js

@@ -1,19 +1,19 @@
-import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
-import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
+import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
+import * as reactivity_18172a85379e40cd839ee4bba2ddfea80 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_bfe0e7193abc4b26be22b3bb5499d3e22f = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='highlight'><!--$--></div>`);
-class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22d extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
-    #highlight = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](0);
+const template_18172a85379e40cd839ee4bba2ddfea82f = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class='highlight'><!--$--></div>`);
+class ReactiveObject_18172a85379e40cd839ee4bba2ddfea82d extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
+    #highlight = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](0);
     constructor() {
         super(null);
     }
     get highlight() {
-        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#highlight);
+        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#highlight);
     }
     set highlight(_v0) {
-        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#highlight, _v0);
+        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#highlight, _v0);
     }
 }
 const OMIT = ['background'];
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22d();
+    let state = new ReactiveObject_18172a85379e40cd839ee4bba2ddfea82d();
     return (() => {
-        let root_bfe0e7193abc4b26be22b3bb5499d3e22e = template_bfe0e7193abc4b26be22b3bb5499d3e22f(), element_bfe0e7193abc4b26be22b3bb5499d3e22g = root_bfe0e7193abc4b26be22b3bb5499d3e22e.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e22h = element_bfe0e7193abc4b26be22b3bb5499d3e22g.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22i = { "class": "highlight" };
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22g, omit(attributes, OMIT), attributes_bfe0e7193abc4b26be22b3bb5499d3e22i);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.onrender(element_bfe0e7193abc4b26be22b3bb5499d3e22g, (element) => {
+        let root_18172a85379e40cd839ee4bba2ddfea82e = template_18172a85379e40cd839ee4bba2ddfea82f(), element_18172a85379e40cd839ee4bba2ddfea82g = root_18172a85379e40cd839ee4bba2ddfea82e.firstChild, element_18172a85379e40cd839ee4bba2ddfea82h = element_18172a85379e40cd839ee4bba2ddfea82g.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea82i = { "class": "highlight" };
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea82g, omit(attributes, OMIT), attributes_18172a85379e40cd839ee4bba2ddfea82i);
+        template_18172a85379e40cd839ee4bba2ddfea81.onrender(element_18172a85379e40cd839ee4bba2ddfea82g, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e22g, 'style', [
+        template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea82g, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_bfe0e7193abc4b26be22b3bb5499d3e22i);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e22h, content);
-        return root_bfe0e7193abc4b26be22b3bb5499d3e22e;
+        ], attributes_18172a85379e40cd839ee4bba2ddfea82i);
+        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea82h, content);
+        return root_18172a85379e40cd839ee4bba2ddfea82e;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,13 @@
-import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
+import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
 import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_bfe0e7193abc4b26be22b3bb5499d3e22k = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<div class='icon'><!--$--></div>`);
+const template_18172a85379e40cd839ee4bba2ddfea82k = template_18172a85379e40cd839ee4bba2ddfea81.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
     return (() => {
-        let root_bfe0e7193abc4b26be22b3bb5499d3e22j = template_bfe0e7193abc4b26be22b3bb5499d3e22k(), element_bfe0e7193abc4b26be22b3bb5499d3e22l = root_bfe0e7193abc4b26be22b3bb5499d3e22j.firstChild, element_bfe0e7193abc4b26be22b3bb5499d3e22m = element_bfe0e7193abc4b26be22b3bb5499d3e22l.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22n = { "class": "icon" };
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22l, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e22n);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.slot(element_bfe0e7193abc4b26be22b3bb5499d3e22m, svg.sprite(icon));
-        return root_bfe0e7193abc4b26be22b3bb5499d3e22j;
+        let root_18172a85379e40cd839ee4bba2ddfea82j = template_18172a85379e40cd839ee4bba2ddfea82k(), element_18172a85379e40cd839ee4bba2ddfea82l = root_18172a85379e40cd839ee4bba2ddfea82j.firstChild, element_18172a85379e40cd839ee4bba2ddfea82m = element_18172a85379e40cd839ee4bba2ddfea82l.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea82n = { "class": "icon" };
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea82l, attributes, attributes_18172a85379e40cd839ee4bba2ddfea82n);
+        template_18172a85379e40cd839ee4bba2ddfea81.slot(element_18172a85379e40cd839ee4bba2ddfea82m, svg.sprite(icon));
+        return root_18172a85379e40cd839ee4bba2ddfea82j;
     })();
 });

package/build/components/input/index.js

@@ -1,43 +1,43 @@
-import * as template_bfe0e7193abc4b26be22b3bb5499d3e21 from '@esportsplus/template';
-import * as reactivity_bfe0e7193abc4b26be22b3bb5499d3e20 from '@esportsplus/reactivity';
+import * as template_18172a85379e40cd839ee4bba2ddfea81 from '@esportsplus/template';
+import * as reactivity_18172a85379e40cd839ee4bba2ddfea80 from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_bfe0e7193abc4b26be22b3bb5499d3e22q = template_bfe0e7193abc4b26be22b3bb5499d3e21.template(`<input class='input'  />`);
-class ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22o extends reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.ReactiveObject {
-    #active = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL](false);
-    #error = this[reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.SIGNAL]('');
+const template_18172a85379e40cd839ee4bba2ddfea82q = template_18172a85379e40cd839ee4bba2ddfea81.template(`<input class='input'  />`);
+class ReactiveObject_18172a85379e40cd839ee4bba2ddfea82o extends reactivity_18172a85379e40cd839ee4bba2ddfea80.ReactiveObject {
+    #active = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL](false);
+    #error = this[reactivity_18172a85379e40cd839ee4bba2ddfea80.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#active);
+        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#active);
     }
     set active(_v0) {
-        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#active, _v0);
+        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.read(this.#error);
+        return reactivity_18172a85379e40cd839ee4bba2ddfea80.read(this.#error);
     }
     set error(_v1) {
-        reactivity_bfe0e7193abc4b26be22b3bb5499d3e20.write(this.#error, _v1);
+        reactivity_18172a85379e40cd839ee4bba2ddfea80.write(this.#error, _v1);
     }
 }
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_bfe0e7193abc4b26be22b3bb5499d3e22o();
+    let state = attributes.state || new ReactiveObject_18172a85379e40cd839ee4bba2ddfea82o();
     return (() => {
-        let root_bfe0e7193abc4b26be22b3bb5499d3e22p = template_bfe0e7193abc4b26be22b3bb5499d3e22q(), element_bfe0e7193abc4b26be22b3bb5499d3e22r = root_bfe0e7193abc4b26be22b3bb5499d3e22p.firstChild, attributes_bfe0e7193abc4b26be22b3bb5499d3e22s = { "class": "input" };
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22r, this?.attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e22s);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperties(element_bfe0e7193abc4b26be22b3bb5499d3e22r, attributes, attributes_bfe0e7193abc4b26be22b3bb5499d3e22s);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setList(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'class', () => state.active && '--active', attributes_bfe0e7193abc4b26be22b3bb5499d3e22s);
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.on(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'focusin', () => {
+        let root_18172a85379e40cd839ee4bba2ddfea82p = template_18172a85379e40cd839ee4bba2ddfea82q(), element_18172a85379e40cd839ee4bba2ddfea82r = root_18172a85379e40cd839ee4bba2ddfea82p.firstChild, attributes_18172a85379e40cd839ee4bba2ddfea82s = { "class": "input" };
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea82r, this?.attributes, attributes_18172a85379e40cd839ee4bba2ddfea82s);
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperties(element_18172a85379e40cd839ee4bba2ddfea82r, attributes, attributes_18172a85379e40cd839ee4bba2ddfea82s);
+        template_18172a85379e40cd839ee4bba2ddfea81.setList(element_18172a85379e40cd839ee4bba2ddfea82r, 'class', () => state.active && '--active', attributes_18172a85379e40cd839ee4bba2ddfea82s);
+        template_18172a85379e40cd839ee4bba2ddfea81.on(element_18172a85379e40cd839ee4bba2ddfea82r, 'focusin', () => {
             state.active = true;
         });
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.on(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'focusout', () => {
+        template_18172a85379e40cd839ee4bba2ddfea81.on(element_18172a85379e40cd839ee4bba2ddfea82r, 'focusout', () => {
             state.active = false;
         });
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.onrender(element_bfe0e7193abc4b26be22b3bb5499d3e22r, form.input.onrender(state));
-        template_bfe0e7193abc4b26be22b3bb5499d3e21.setProperty(element_bfe0e7193abc4b26be22b3bb5499d3e22r, 'type', (attributes.type || 'text'));
-        return root_bfe0e7193abc4b26be22b3bb5499d3e22p;
+        template_18172a85379e40cd839ee4bba2ddfea81.onrender(element_18172a85379e40cd839ee4bba2ddfea82r, form.input.onrender(state));
+        template_18172a85379e40cd839ee4bba2ddfea81.setProperty(element_18172a85379e40cd839ee4bba2ddfea82r, 'type', (attributes.type || 'text'));
+        return root_18172a85379e40cd839ee4bba2ddfea82p;
     })();
 }
 ;

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

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