@esportsplus/ui 0.51.5 → 0.51.7

package/build/components/counter/index.js

@@ -1,41 +1,41 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { effect } from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f56255749631p = template_eea410626b3047bfa8387f56255749631.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
-const template_eea410626b3047bfa8387f56255749631s = template_eea410626b3047bfa8387f56255749631.template(`<span><!--$--></span>`);
-const template_eea410626b3047bfa8387f56255749631v = template_eea410626b3047bfa8387f56255749631.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
-const template_eea410626b3047bfa8387f562557496320 = template_eea410626b3047bfa8387f56255749631.template(`<div class='counter'><!--$--></div>`);
-class ReactiveObject_eea410626b3047bfa8387f56255749631m extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #value = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](-1);
+const template_00nd5up3 = template_u1.template(`<span class='counter-character counter-character--symbol'>`);
+const template_00nd5up6 = template_u1.template(`<span>`);
+const template_00nd5up9 = template_u1.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0`);
+const template_00nd5upd = template_u1.template(`<div class='counter' >`);
+class ReactiveObject_00nd5up0 extends reactivity_u0.ReactiveObject {
+    #value = this[reactivity_u0.SIGNAL](-1);
     constructor() {
         super(null);
     }
     get value() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#value);
+        return reactivity_u0.read(this.#value);
     }
     set value(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#value, _v0);
+        reactivity_u0.write(this.#value, _v0);
     }
 }
-class ReactiveObject_eea410626b3047bfa8387f56255749631n extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #length = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
+class ReactiveObject_00nd5up1 extends reactivity_u0.ReactiveObject {
+    #length = this[reactivity_u0.SIGNAL](0);
     #test;
     #render;
     constructor(_p0, _p1) {
         super(null);
-        this.#test = this[reactivity_eea410626b3047bfa8387f56255749630.COMPUTED](_p0);
-        this.#render = this[reactivity_eea410626b3047bfa8387f56255749630.REACTIVE_ARRAY](_p1);
+        this.#test = this[reactivity_u0.COMPUTED](_p0);
+        this.#render = this[reactivity_u0.REACTIVE_ARRAY](_p1);
     }
     get length() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#length);
+        return reactivity_u0.read(this.#length);
     }
     set length(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#length, _v0);
+        reactivity_u0.write(this.#length, _v0);
     }
     get test() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#test);
+        return reactivity_u0.read(this.#test);
     }
     get render() {
         return this.#render;
@@ -44,12 +44,12 @@ class ReactiveObject_eea410626b3047bfa8387f56255749631n extends reactivity_eea41
 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_eea410626b3047bfa8387f56255749631m(), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_00nd5up0(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = new ReactiveObject_eea410626b3047bfa8387f56255749631n(() => 'sds', []), render = new reactivity_eea410626b3047bfa8387f56255749630.ReactiveArray();
+        }), rendering = true, state = new ReactiveObject_00nd5up1(() => 'sds', []), render = new reactivity_u0.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -84,33 +84,33 @@ export default (attributes) => {
         }
     });
     return (() => {
-        let root_eea410626b3047bfa8387f56255749631z = template_eea410626b3047bfa8387f562557496320(), element_eea410626b3047bfa8387f562557496321 = root_eea410626b3047bfa8387f56255749631z.firstChild, element_eea410626b3047bfa8387f562557496322 = element_eea410626b3047bfa8387f562557496321.firstChild, attributes_eea410626b3047bfa8387f562557496323 = { "class": " counter" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496321, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f562557496323);
-        new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f562557496322, () => {
+        let root_00nd5upc = template_00nd5upd(), element_00nd5upe = root_00nd5upc.firstChild;
+        template_u1.setProperties(element_00nd5upe, omit(attributes, OMIT));
+        new template_u1.EffectSlot(element_00nd5upe, () => {
             let n = state.length;
             if (n === 0) {
                 return '';
             }
-            return new template_eea410626b3047bfa8387f56255749631.ArraySlot(render, function (value) {
+            return new template_u1.ArraySlot(render, function (value) {
                 if (isNaN(parseInt(value, 10))) {
                     return (() => {
-                        let root_eea410626b3047bfa8387f56255749631o = template_eea410626b3047bfa8387f56255749631p(), element_eea410626b3047bfa8387f56255749631q = root_eea410626b3047bfa8387f56255749631o.firstChild.firstChild;
-                        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749631q, value);
-                        return root_eea410626b3047bfa8387f56255749631o;
+                        let root_00nd5up2 = template_00nd5up3(), element_00nd5up4 = root_00nd5up2.firstChild;
+                        template_u1.slot(element_00nd5up4, value, 1);
+                        return root_00nd5up2;
                     })();
                 }
                 return (() => {
-                    let root_eea410626b3047bfa8387f56255749631u = template_eea410626b3047bfa8387f56255749631v(), element_eea410626b3047bfa8387f56255749631w = root_eea410626b3047bfa8387f56255749631u.firstChild.firstElementChild, element_eea410626b3047bfa8387f56255749631x = element_eea410626b3047bfa8387f56255749631w.firstChild.nextSibling, attributes_eea410626b3047bfa8387f56255749631y = { "class": " counter-character-track", "style": " " };
-                    template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749631w, 'style', `--value: ${value}`, attributes_eea410626b3047bfa8387f56255749631y);
-                    template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749631x, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
-                        let root_eea410626b3047bfa8387f56255749631r = template_eea410626b3047bfa8387f56255749631s(), element_eea410626b3047bfa8387f56255749631t = root_eea410626b3047bfa8387f56255749631r.firstChild.firstChild;
-                        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749631t, value);
-                        return root_eea410626b3047bfa8387f56255749631r;
+                    let root_00nd5up8 = template_00nd5up9(), element_00nd5upa = root_00nd5up8.firstChild.firstElementChild, element_00nd5upb = element_00nd5upa.firstChild.nextSibling;
+                    template_u1.setList(element_00nd5upa, 'style', `--value: ${value}`);
+                    template_u1.slot(element_00nd5upb, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_00nd5up5 = template_00nd5up6(), element_00nd5up7 = root_00nd5up5.firstChild;
+                        template_u1.slot(element_00nd5up7, value, 1);
+                        return root_00nd5up5;
                     }));
-                    return root_eea410626b3047bfa8387f56255749631u;
+                    return root_00nd5up8;
                 })();
             });
-        });
-        return root_eea410626b3047bfa8387f56255749631z;
+        }, 1);
+        return root_00nd5upc;
     })();
 };

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

@@ -1,4 +1,4 @@
 import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
-declare const _default: (attributes?: Attributes) => DocumentFragment;
 export default _default;
+declare function _default(attributes?: Attributes): DocumentFragment | Text;

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f562557496325 = template_eea410626b3047bfa8387f56255749631.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_0bfeb8u1 = template_u1.template(`<div class='ellipsis' ><span></span><span></span><span>`);
 export default (attributes) => {
-    let root_eea410626b3047bfa8387f562557496324 = template_eea410626b3047bfa8387f562557496325(), element_eea410626b3047bfa8387f562557496326 = root_eea410626b3047bfa8387f562557496324.firstChild, attributes_eea410626b3047bfa8387f562557496327 = { "class": " ellipsis" };
-    template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496326, attributes, attributes_eea410626b3047bfa8387f562557496327);
-    return root_eea410626b3047bfa8387f562557496324;
+    let root_0bfeb8u0 = template_0bfeb8u1(), element_0bfeb8u2 = root_0bfeb8u0.firstChild;
+    template_u1.setProperties(element_0bfeb8u2, attributes);
+    return root_0bfeb8u0;
 };

package/build/components/form/action.d.ts

@@ -3,7 +3,8 @@ import { Attributes, Renderable } from '@esportsplus/template';
 type Errors = {
     errors: Response<unknown>['errors'];
 };
-declare const _default: <T extends Record<string, any>>(attributes: {
+export default _default;
+declare function _default<T extends Record<string, any>>(attributes: {
     action: (data: {
         input: T;
         response: typeof response;
@@ -11,5 +12,4 @@ declare const _default: <T extends Record<string, any>>(attributes: {
     state?: {
         processing: boolean;
     };
-} & Attributes, content: Renderable<any>) => DocumentFragment;
-export default _default;
+} & Attributes, content: Renderable<any>): DocumentFragment | Text;

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_eea410626b3047bfa8387f562557496329 = template_eea410626b3047bfa8387f56255749631.template(`<form class='form'><!--$--></form>`);
+const template_1ajnoyj1 = template_u1.template(`<form class='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_eea410626b3047bfa8387f562557496328 = template_eea410626b3047bfa8387f562557496329(), element_eea410626b3047bfa8387f56255749632a = root_eea410626b3047bfa8387f562557496328.firstChild, element_eea410626b3047bfa8387f56255749632b = element_eea410626b3047bfa8387f56255749632a.firstChild, attributes_eea410626b3047bfa8387f56255749632c = { "class": " form" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632a, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749632c);
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f56255749632a, 'click', function (event) {
+        let root_1ajnoyj0 = template_1ajnoyj1(), element_1ajnoyj2 = root_1ajnoyj0.firstChild;
+        template_u1.setProperties(element_1ajnoyj2, omit(attributes, OMIT));
+        template_u1.delegate(element_1ajnoyj2, '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_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749632a, 'submit', async function (event) {
+        template_u1.on(element_1ajnoyj2, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749632b, content);
-        return root_eea410626b3047bfa8387f562557496328;
+        template_u1.slot(element_1ajnoyj2, content, 1);
+        return root_1ajnoyj0;
     })();
 };

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

@@ -5,14 +5,14 @@ declare const _default: {
             input: T;
             response: typeof import("@esportsplus/action").default;
         }) => (Promise<{
-            errors: import("@esportsplus/action").Response<unknown>["errors"];
+            errors: import("@esportsplus/action").Response<unknown>['errors'];
         }> | {
-            errors: import("@esportsplus/action").Response<unknown>["errors"];
+            errors: import("@esportsplus/action").Response<unknown>['errors'];
         });
         state?: {
             processing: boolean;
         };
-    } & import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>) => DocumentFragment;
+    } & import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>) => DocumentFragment | Text;
     input: {
         get: (element?: import("@esportsplus/template").Element) => {
             error: string;

package/build/components/form/input.d.ts

@@ -1,10 +1,12 @@
 import { Element } from '@esportsplus/template';
+declare const get: (element?: Element) => {
+    error: string;
+} | undefined;
+declare const onrender: (reactive: {
+    error: string;
+}) => (element: Element) => void;
 declare const _default: {
-    get: (element?: Element) => {
-        error: string;
-    } | undefined;
-    onrender: (reactive: {
-        error: string;
-    }) => (element: Element) => void;
+    get: typeof get;
+    onrender: typeof onrender;
 };
 export default _default;

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

@@ -1,20 +1,20 @@
 import './scss/index.scss';
 declare const _default: {
     (): ReturnType<(this: {
-        attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
+        attributes?: import("../scrollbar/index.js").Attributes | undefined;
         content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("../../components/scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
+    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    <T extends import("../scrollbar/index.js").Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: import("../scrollbar/index.js").Attributes | undefined;
         content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
     <T extends import("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
+        attributes?: import("../scrollbar/index.js").Attributes | undefined;
         content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("../../components/scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("../../components/scrollbar/index.js").Attributes | undefined;
+    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    (attributes: import("../scrollbar/index.js").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
+        attributes?: import("../scrollbar/index.js").Attributes | undefined;
         content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("../../components/scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
+    }, attributes: Readonly<import("../scrollbar/index.js").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
 };
 export default _default;

package/build/components/frame/index.js

@@ -1,4 +1,4 @@
-import scrollbar from '../../components/scrollbar/index.js';
+import scrollbar from '../scrollbar/index.js';
 import './scss/index.scss';
 export default scrollbar.bind({
     attributes: {

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

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

package/build/components/highlight/index.js

@@ -1,19 +1,19 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
+import template from '../template/index.js';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f56255749632f = template_eea410626b3047bfa8387f56255749631.template(`<div class='highlight'><!--$--></div>`);
-class ReactiveObject_eea410626b3047bfa8387f56255749632d extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #highlight = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
+const template_0k38r592 = template_u1.template(`<div class='highlight' >`);
+class ReactiveObject_0k38r590 extends reactivity_u0.ReactiveObject {
+    #highlight = this[reactivity_u0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get highlight() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#highlight);
+        return reactivity_u0.read(this.#highlight);
     }
     set highlight(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#highlight, _v0);
+        reactivity_u0.write(this.#highlight, _v0);
     }
 }
 const OMIT = ['background'];
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_eea410626b3047bfa8387f56255749632d();
+    let state = new ReactiveObject_0k38r590();
     return (() => {
-        let root_eea410626b3047bfa8387f56255749632e = template_eea410626b3047bfa8387f56255749632f(), element_eea410626b3047bfa8387f56255749632g = root_eea410626b3047bfa8387f56255749632e.firstChild, element_eea410626b3047bfa8387f56255749632h = element_eea410626b3047bfa8387f56255749632g.firstChild, attributes_eea410626b3047bfa8387f56255749632i = { "class": " highlight" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632g, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749632i);
-        template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f56255749632g, (element) => {
+        let root_0k38r591 = template_0k38r592(), element_0k38r593 = root_0k38r591.firstChild;
+        template_u1.setProperties(element_0k38r593, omit(attributes, OMIT));
+        template_u1.onrender(element_0k38r593, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749632g, 'style', [
+        template_u1.setList(element_0k38r593, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_eea410626b3047bfa8387f56255749632i);
-        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749632h, content);
-        return root_eea410626b3047bfa8387f56255749632e;
+        ]);
+        template_u1.slot(element_0k38r593, content, 1);
+        return root_0k38r591;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,15 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import { svg } from '@esportsplus/template';
-import template from '../../components/template/index.js';
+import * as template_u1 from '@esportsplus/template';
+import template from '../template/index.js';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f56255749632k = template_eea410626b3047bfa8387f56255749631.template(`<div class='icon'><!--$--></div>`);
-export default template.factory((attributes, icon) => {
+const template_1lt0nhw1 = template_u1.template(`<div class='icon' ><svg><use href='' />`);
+export default template.factory((attributes, href) => {
+    if (href[0] !== '#') {
+        href = '#' + href;
+    }
     return (() => {
-        let root_eea410626b3047bfa8387f56255749632j = template_eea410626b3047bfa8387f56255749632k(), element_eea410626b3047bfa8387f56255749632l = root_eea410626b3047bfa8387f56255749632j.firstChild, element_eea410626b3047bfa8387f56255749632m = element_eea410626b3047bfa8387f56255749632l.firstChild, attributes_eea410626b3047bfa8387f56255749632n = { "class": " icon" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632l, attributes, attributes_eea410626b3047bfa8387f56255749632n);
-        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749632m, svg.sprite(icon));
-        return root_eea410626b3047bfa8387f56255749632j;
+        let root_1lt0nhw0 = template_1lt0nhw1(), element_1lt0nhw2 = root_1lt0nhw0.firstChild, element_1lt0nhw3 = element_1lt0nhw2.firstElementChild.firstElementChild;
+        template_u1.setProperties(element_1lt0nhw2, attributes);
+        template_u1.setProperty(element_1lt0nhw3, 'href', href);
+        return root_1lt0nhw0;
     })();
 });

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/template';
+import { type Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 export default function (this: {
     attributes?: Attributes;
@@ -7,4 +7,4 @@ export default function (this: {
         active: boolean;
         error: string;
     };
-}): DocumentFragment;
+}): DocumentFragment | Text;

package/build/components/input/index.js

@@ -1,43 +1,43 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import * as reactivity_eea410626b3047bfa8387f56255749630 from '@esportsplus/reactivity';
-import form from '../../components/form/index.js';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
+import form from '../form/index.js';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f56255749632q = template_eea410626b3047bfa8387f56255749631.template(`<input class='input' />`);
-class ReactiveObject_eea410626b3047bfa8387f56255749632o extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
-    #error = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL]('');
+const template_0j57g2t2 = template_u1.template(`<input class='input' />`);
+class ReactiveObject_0j57g2t0 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
+    #error = this[reactivity_u0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#active);
+        return reactivity_u0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#active, _v0);
+        reactivity_u0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#error);
+        return reactivity_u0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#error, _v1);
+        reactivity_u0.write(this.#error, _v1);
     }
 }
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749632o();
+    let state = attributes.state || new ReactiveObject_0j57g2t0();
     return (() => {
-        let root_eea410626b3047bfa8387f56255749632p = template_eea410626b3047bfa8387f56255749632q(), element_eea410626b3047bfa8387f56255749632r = root_eea410626b3047bfa8387f56255749632p.firstChild, attributes_eea410626b3047bfa8387f56255749632s = { "class": " input" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632r, this?.attributes, attributes_eea410626b3047bfa8387f56255749632s);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749632r, attributes, attributes_eea410626b3047bfa8387f56255749632s);
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749632r, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f56255749632s);
-        template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749632r, 'focusin', () => {
+        let root_0j57g2t1 = template_0j57g2t2(), element_0j57g2t3 = root_0j57g2t1.firstChild;
+        template_u1.setProperties(element_0j57g2t3, this?.attributes);
+        template_u1.setProperties(element_0j57g2t3, attributes);
+        template_u1.setList(element_0j57g2t3, 'class', () => state.active && '--active');
+        template_u1.on(element_0j57g2t3, 'focusin', () => {
             state.active = true;
         });
-        template_eea410626b3047bfa8387f56255749631.on(element_eea410626b3047bfa8387f56255749632r, 'focusout', () => {
+        template_u1.on(element_0j57g2t3, 'focusout', () => {
             state.active = false;
         });
-        template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f56255749632r, form.input.onrender(state));
-        template_eea410626b3047bfa8387f56255749631.setProperty(element_eea410626b3047bfa8387f56255749632r, 'type', (attributes.type || 'text'));
-        return root_eea410626b3047bfa8387f56255749632p;
+        template_u1.onrender(element_0j57g2t3, form.input.onrender(state));
+        template_u1.setProperty(element_0j57g2t3, 'type', (attributes.type || 'text'));
+        return root_0j57g2t1;
     })();
 }
 ;

package/build/components/json/download.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (content: any[] | Record<PropertyKey, any>, name: string) => void;
 export default _default;
+declare function _default(content: any[] | Record<PropertyKey, any>, name: string): void;

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

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