@esportsplus/ui 0.46.0 → 0.47.2

package/build/components/clipboard/onclick.d.ts

@@ -1,4 +1,4 @@
-import { type Attributes, type Renderable } from '@esportsplus/template';
+import { Attributes, Renderable } from '@esportsplus/template';
 type A = {
     timeout?: number;
     value: string;

package/build/components/clipboard/onclick.js

@@ -1,28 +1,38 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
+const template_a6aeaec5a75649bd8ec693d5230c500018 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div><!--$--></div>`);
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c500016 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #copied = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get copied() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#copied);
+    }
+    set copied(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#copied, _v0);
+    }
+}
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
-    let state = reactive({
-        copied: false
-    }), timeout = attributes.timeout || 1000 * 2;
-    return html `
-            <div
-                ${omit(attributes, OMIT)}
-                onclick=${(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        write(attributes.value).then(() => {
-            state.copied = true;
-            setTimeout(() => {
-                state.copied = false;
-            }, timeout);
+    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c500016(), timeout = attributes.timeout || 1000 * 2;
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c500017 = template_a6aeaec5a75649bd8ec693d5230c500018(), element_a6aeaec5a75649bd8ec693d5230c500019 = root_a6aeaec5a75649bd8ec693d5230c500017.firstChild, element_a6aeaec5a75649bd8ec693d5230c50001a = element_a6aeaec5a75649bd8ec693d5230c500019.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500019, omit(attributes, OMIT));
+        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c500019, 'click', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            write(attributes.value).then(() => {
+                state.copied = true;
+                setTimeout(() => {
+                    state.copied = false;
+                }, timeout);
+            });
         });
-    }}
-            >
-                ${() => content(state)}
-            </div>
-        `;
+        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c50001a, () => content(state));
+        return root_a6aeaec5a75649bd8ec693d5230c500017;
+    })();
 });

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

@@ -1,4 +1,4 @@
-import { type Attributes } from '@esportsplus/template';
+import { Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 declare const _default: (attributes: Attributes & {
     currency?: "IGNORE" | "EUR" | "GBP" | "USD";
@@ -10,5 +10,5 @@ declare const _default: (attributes: Attributes & {
     };
     suffix?: string;
     value: number;
-}) => Node;
+}) => DocumentFragment;
 export default _default;

package/build/components/counter/index.js

@@ -1,19 +1,55 @@
-import { effect, reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
+import { effect } from '@esportsplus/reactivity';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import './scss/index.scss';
+const template_a6aeaec5a75649bd8ec693d5230c50001e = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<span class='counter-character counter-character--symbol'><!--$--></span>`);
+const template_a6aeaec5a75649bd8ec693d5230c50001h = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<span><!--$--></span>`);
+const template_a6aeaec5a75649bd8ec693d5230c50001k = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class=' counter-character'><div class='counter-character-track'><span>9</span><!--$--><span>0</span></div></div>`);
+const template_a6aeaec5a75649bd8ec693d5230c50001o = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='counter'><!--$--></div>`);
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001b extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #value = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](-1);
+    constructor() {
+        super(null);
+    }
+    get value() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#value);
+    }
+    set value(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#value, _v0);
+    }
+}
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001c extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #length = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
+    #test;
+    #render;
+    constructor(_p0, _p1) {
+        super(null);
+        this.#test = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.COMPUTED](_p0);
+        this.#render = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.REACTIVE_ARRAY](_p1);
+    }
+    get length() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#length);
+    }
+    set length(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#length, _v0);
+    }
+    get test() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#test);
+    }
+    get render() {
+        return this.#render;
+    }
+}
 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 || reactive({ value: -1 }), formatter = currency === 'IGNORE'
+    let { currency, decimals, delay, max, suffix, value } = attributes, api = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001b(), formatter = currency === 'IGNORE'
         ? undefined
         : formatters[currency || 'USD'] ??= new Intl.NumberFormat('en-US', {
             style: 'currency',
             currency: currency || 'USD'
-        }), rendering = true, state = reactive({
-        length: 0,
-        render: []
-    });
+        }), rendering = true, state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001c(() => 'sds', []), render = new reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveArray();
     decimals ??= 2;
     effect(() => {
         if (api.value !== -1) {
@@ -40,41 +76,41 @@ export default (attributes) => {
                 padding--;
                 value = '0';
             }
-            state.render[i] = value;
+            render.$set(i, value);
         }
         if (rendering === true) {
             rendering = false;
             setTimeout(() => api.value = value, delay || 1000);
         }
     });
-    return html `
-        <div class='counter' ${omit(attributes, OMIT)}>
-            ${() => {
-        let n = state.length;
-        if (n === 0) {
-            return '';
-        }
-        return html.reactive(state.render, function (value, i) {
-            if (isNaN(parseInt(value, 10))) {
-                return html `
-                            <span class='counter-character counter-character--symbol'>
-                                ${value}
-                            </span>
-                        `;
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c50001n = template_a6aeaec5a75649bd8ec693d5230c50001o(), element_a6aeaec5a75649bd8ec693d5230c50001p = root_a6aeaec5a75649bd8ec693d5230c50001n.firstChild, element_a6aeaec5a75649bd8ec693d5230c50001q = element_a6aeaec5a75649bd8ec693d5230c50001p.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50001p, omit(attributes, OMIT));
+        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c50001q, () => {
+            let n = state.length;
+            if (n === 0) {
+                return '';
             }
-            return html `
-                        <div class=' counter-character' ${{
-                class: i > n - 3 && 'counter-character--fraction'
-            }}>
-                            <div class='counter-character-track' style='${`--value: ${value}`}'>
-                                <span>9</span>
-                                ${[0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => html `<span>${value}</span>`)}
-                                <span>0</span>
-                            </div>
-                        </div>
-                    `;
+            return new template_a6aeaec5a75649bd8ec693d5230c50001.ArraySlot(render, function (value) {
+                if (isNaN(parseInt(value, 10))) {
+                    return (() => {
+                        let root_a6aeaec5a75649bd8ec693d5230c50001d = template_a6aeaec5a75649bd8ec693d5230c50001e(), element_a6aeaec5a75649bd8ec693d5230c50001f = root_a6aeaec5a75649bd8ec693d5230c50001d.firstChild.firstChild;
+                        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001f, value);
+                        return root_a6aeaec5a75649bd8ec693d5230c50001d;
+                    })();
+                }
+                return (() => {
+                    let root_a6aeaec5a75649bd8ec693d5230c50001j = template_a6aeaec5a75649bd8ec693d5230c50001k(), element_a6aeaec5a75649bd8ec693d5230c50001l = root_a6aeaec5a75649bd8ec693d5230c50001j.firstChild.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c50001m = element_a6aeaec5a75649bd8ec693d5230c50001l.firstChild.nextSibling;
+                    template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c50001l, ';', `--value: ${value}`);
+                    template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001m, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9].map((value) => {
+                        let root_a6aeaec5a75649bd8ec693d5230c50001g = template_a6aeaec5a75649bd8ec693d5230c50001h(), element_a6aeaec5a75649bd8ec693d5230c50001i = root_a6aeaec5a75649bd8ec693d5230c50001g.firstChild.firstChild;
+                        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001i, value);
+                        return root_a6aeaec5a75649bd8ec693d5230c50001g;
+                    }));
+                    return root_a6aeaec5a75649bd8ec693d5230c50001j;
+                })();
+            });
         });
-    }}
-        </div>
-    `;
+        return root_a6aeaec5a75649bd8ec693d5230c50001n;
+    })();
 };

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) => Node;
+declare const _default: (attributes?: Attributes) => DocumentFragment;
 export default _default;

package/build/components/ellipsis/index.js

@@ -1,9 +1,8 @@
-import { html } from '@esportsplus/template';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import './scss/index.scss';
-export default (attributes) => html `
-    <div class='ellipsis' ${attributes}>
-        <span></span>
-        <span></span>
-        <span></span>
-    </div>
-`;
+const template_a6aeaec5a75649bd8ec693d5230c50001s = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+export default (attributes) => {
+    let root_a6aeaec5a75649bd8ec693d5230c50001r = template_a6aeaec5a75649bd8ec693d5230c50001s(), element_a6aeaec5a75649bd8ec693d5230c50001t = root_a6aeaec5a75649bd8ec693d5230c50001r.firstChild;
+    template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50001t, attributes);
+    return root_a6aeaec5a75649bd8ec693d5230c50001r;
+};

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

@@ -11,5 +11,5 @@ declare const _default: <T extends Record<string, any>>(attributes: {
     state?: {
         processing: boolean;
     };
-} & Attributes, content: Renderable<any>) => Node;
+} & Attributes, content: Renderable<any>) => DocumentFragment;
 export default _default;

package/build/components/form/action.js

@@ -1,7 +1,9 @@
 import response from '@esportsplus/action';
-import { html } from '@esportsplus/template';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
+const template_a6aeaec5a75649bd8ec693d5230c50001v = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<form
+ class='form'><!--$--></form>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
@@ -27,20 +29,18 @@ function parse(input) {
 ;
 export default (attributes, content) => {
     let { action, state } = attributes;
-    return html `
-        <form
-            class='form'
-            ${omit(attributes, OMIT)}
-            ${{
-        onclick: function (event) {
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c50001u = template_a6aeaec5a75649bd8ec693d5230c50001v(), element_a6aeaec5a75649bd8ec693d5230c50001w = root_a6aeaec5a75649bd8ec693d5230c50001u.firstChild, element_a6aeaec5a75649bd8ec693d5230c50001x = element_a6aeaec5a75649bd8ec693d5230c50001w.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50001w, omit(attributes, OMIT));
+        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c50001w, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
             }
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
-        },
-        onsubmit: async function (event) {
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50001w, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,10 +59,8 @@ export default (attributes, content) => {
             if (state) {
                 state.processing = false;
             }
-        }
-    }}
-        >
-            ${content}
-        </form>
-    `;
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50001x, content);
+        return root_a6aeaec5a75649bd8ec693d5230c50001u;
+    })();
 };

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

@@ -12,7 +12,7 @@ declare const _default: {
         state?: {
             processing: boolean;
         };
-    } & import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>) => Node;
+    } & import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>) => DocumentFragment;
     input: {
         get: (element?: import("@esportsplus/template").Element) => {
             error: string;

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

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

package/build/components/highlight/index.js

@@ -1,8 +1,21 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
+const template_a6aeaec5a75649bd8ec693d5230c500020 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='highlight'><!--$--></div>`);
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001y extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #highlight = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
+    constructor() {
+        super(null);
+    }
+    get highlight() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#highlight);
+    }
+    set highlight(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#highlight, _v0);
+    }
+}
 const OMIT = ['background'];
 let key = Symbol(), observer = null;
 export default template.factory((attributes, content) => {
@@ -25,24 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = reactive({
-        highlight: 0
-    });
-    return html `
-            <div class='highlight'
-                ${omit(attributes, OMIT)}
-                ${{
-        onrender: (element) => {
+    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50001y();
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c50001z = template_a6aeaec5a75649bd8ec693d5230c500020(), element_a6aeaec5a75649bd8ec693d5230c500021 = root_a6aeaec5a75649bd8ec693d5230c50001z.firstChild, element_a6aeaec5a75649bd8ec693d5230c500022 = element_a6aeaec5a75649bd8ec693d5230c500021.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500021, omit(attributes, OMIT));
+        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c500021, (element) => {
             element[key] = state;
             observer.observe(element);
-        },
-        style: [
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c500021, '', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ]
-    }}
-            >
-                ${content}
-            </div>
-        `;
+        ]);
+        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c500022, content);
+        return root_a6aeaec5a75649bd8ec693d5230c50001z;
+    })();
 });

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

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

package/build/components/icon/index.js

@@ -1,10 +1,13 @@
-import { html, svg } from '@esportsplus/template';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import { svg } from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
+const template_a6aeaec5a75649bd8ec693d5230c500024 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='icon'><!--$--></div>`);
 export default template.factory((attributes, icon) => {
-    return html `
-            <div class='icon' ${attributes}>
-                ${svg.sprite(icon)}
-            </div>
-        `;
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c500023 = template_a6aeaec5a75649bd8ec693d5230c500024(), element_a6aeaec5a75649bd8ec693d5230c500025 = root_a6aeaec5a75649bd8ec693d5230c500023.firstChild, element_a6aeaec5a75649bd8ec693d5230c500026 = element_a6aeaec5a75649bd8ec693d5230c500025.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500025, attributes);
+        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c500026, svg.sprite(icon));
+        return root_a6aeaec5a75649bd8ec693d5230c500023;
+    })();
 });

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

@@ -1,4 +1,4 @@
-import { type Attributes } from '@esportsplus/template';
+import { 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;
     };
-}): Node;
+}): DocumentFragment;

package/build/components/input/index.js

@@ -1,29 +1,45 @@
-import { reactive } from '@esportsplus/reactivity';
-import { html } from '@esportsplus/template';
+import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
+import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
+const template_a6aeaec5a75649bd8ec693d5230c500029 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<input
+ class='input'
+ />`);
+class ReactiveObject_a6aeaec5a75649bd8ec693d5230c500027 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
+    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
+    #error = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL]('');
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#active, _v0);
+    }
+    get error() {
+        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#error);
+    }
+    set error(_v1) {
+        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#error, _v1);
+    }
+}
 export default function (attributes) {
-    let state = attributes.state || reactive({
-        active: false,
-        error: ''
-    });
-    return html `
-        <input
-            class='input'
-            ${this?.attributes}
-            ${attributes}
-            ${{
-        class: () => state.active && '--active',
-        onfocusin: () => {
+    let state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c500027();
+    return (() => {
+        let root_a6aeaec5a75649bd8ec693d5230c500028 = template_a6aeaec5a75649bd8ec693d5230c500029(), element_a6aeaec5a75649bd8ec693d5230c50002a = root_a6aeaec5a75649bd8ec693d5230c500028.firstChild;
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002a, this?.attributes);
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50002a, attributes);
+        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50002a, '', () => state.active && '--active');
+        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50002a, 'focusin', () => {
             state.active = true;
-        },
-        onfocusout: () => {
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.on(element_a6aeaec5a75649bd8ec693d5230c50002a, 'focusout', () => {
             state.active = false;
-        },
-        onrender: form.input.onrender(state),
-        type: (attributes.type || 'text')
-    }}
-        />
-    `;
+        });
+        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c50002a, form.input.onrender(state));
+        template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c50002a, 'type', (attributes.type || 'text'));
+        return root_a6aeaec5a75649bd8ec693d5230c500028;
+    })();
 }
 ;

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

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