@esportsplus/ui 0.49.0 → 0.49.1

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

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

package/build/components/accordion/index.js

@@ -1,33 +1,32 @@
-import { html, reactive } from '@esportsplus/frontend';
+import * as template_88a2fd04bc87484a954d07fc771290fa0 from '@esportsplus/frontend';
+import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
+const template_88a2fd04bc87484a954d07fc771290fa2 = template_88a2fd04bc87484a954d07fc771290fa0.template(`<div><!--$--></div>`);
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
     let ref, state = attributes.state || reactive({
         active: 0
     });
-    return html `
-            <div
-                ${omit(attributes, OMIT)}
-                ${{
-        class: () => {
+    return (() => {
+        let root_88a2fd04bc87484a954d07fc771290fa1 = template_88a2fd04bc87484a954d07fc771290fa2(), element_88a2fd04bc87484a954d07fc771290fa3 = root_88a2fd04bc87484a954d07fc771290fa1.firstChild, element_88a2fd04bc87484a954d07fc771290fa4 = element_88a2fd04bc87484a954d07fc771290fa3.firstChild, attributes_88a2fd04bc87484a954d07fc771290fa5 = {};
+        template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fa3, omit(attributes, OMIT), attributes_88a2fd04bc87484a954d07fc771290fa5);
+        template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa3, 'class', () => {
             return state.active && '--active';
-        },
-        onrender: (element) => {
+        }, attributes_88a2fd04bc87484a954d07fc771290fa5);
+        template_88a2fd04bc87484a954d07fc771290fa0.onrender(element_88a2fd04bc87484a954d07fc771290fa3, (element) => {
             (ref = element)[key] = state;
-        },
-        style: () => {
+        });
+        template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa3, 'style', () => {
             let parent = ref.closest('accordion');
             if (parent && key in parent) {
                 parent[key].active = (+parent[key].active) + 1;
             }
             return state.active && `--max-height: ${ref.scrollHeight}`;
-        }
-    }}
-            >
-                ${content}
-            </div>
-        `;
+        }, attributes_88a2fd04bc87484a954d07fc771290fa5);
+        template_88a2fd04bc87484a954d07fc771290fa0.slot(element_88a2fd04bc87484a954d07fc771290fa4, content);
+        return root_88a2fd04bc87484a954d07fc771290fa1;
+    })();
 });

package/build/components/alert/index.js

@@ -1,11 +1,16 @@
 import '@esportsplus/vite/global.d.ts';
-import { html, reactive, svg } from '@esportsplus/frontend';
+import * as template_88a2fd04bc87484a954d07fc771290fa0 from '@esportsplus/frontend';
+import { reactive, svg } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import { icon } from '@esportsplus/ui';
 import check from './svg/check.svg';
 import close from './svg/close.svg';
 import e from './svg/error.svg';
 import './scss/index.scss';
+const template_88a2fd04bc87484a954d07fc771290fa7 = template_88a2fd04bc87484a954d07fc771290fa0.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_88a2fd04bc87484a954d07fc771290fac = template_88a2fd04bc87484a954d07fc771290fa0.template(`<p><!--$--></p>`);
+const template_88a2fd04bc87484a954d07fc771290fah = template_88a2fd04bc87484a954d07fc771290fa0.template(`<div class='--flex-start'><!--$--></div>`);
+const template_88a2fd04bc87484a954d07fc771290fak = template_88a2fd04bc87484a954d07fc771290fa0.template(`<div class='alert anchor anchor--n  --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'><!--$--></div><div class="--flex-vertical"><div class='alert-close button --padding-300'><div class="icon" style='--size: 14px;'><!--$--></div></div></div></div>`);
 const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
 let modifiers = {
     error: 'red',
@@ -71,56 +76,43 @@ export default (attributes) => {
         }), 5);
     };
     return {
-        content: html `
-            <div
-                class='alert anchor anchor--n ${() => state.active && '--active'} --flex-row'
-                ${omit(attributes, OMIT)}
-            >
-                ${() => {
-            let type = state.type;
-            return html `
-                        <div class='--flex-vertical' style='${`--color: var(--color-${modifiers[type]}-400);`}'>
-                            ${icon({ class: '--size-500' }, type === 'error' ? e : check)}
-                        </div>
-                    `;
-        }}
-
-                <div
-                    class='alert-messages --flex-column --flex-fill'
-                    ${attributes['alert-messages']}
-                >
-                    ${() => {
-            let message = attributes['alert-message'];
-            return state.rerender && [...state.messages].map((content) => {
-                if (typeof content === 'string') {
-                    return html `
-                                    <p ${message}>
-                                        ${content}
-                                    </p>
-                                `;
-                }
-                return html `
-                                <div class='--flex-start'>
-                                    ${content}
-                                </div>
-                            `;
+        content: (() => {
+            let root_88a2fd04bc87484a954d07fc771290faj = template_88a2fd04bc87484a954d07fc771290fak(), element_88a2fd04bc87484a954d07fc771290fal = root_88a2fd04bc87484a954d07fc771290faj.firstChild, element_88a2fd04bc87484a954d07fc771290fam = element_88a2fd04bc87484a954d07fc771290fal.firstChild, element_88a2fd04bc87484a954d07fc771290fan = element_88a2fd04bc87484a954d07fc771290fal.firstElementChild, element_88a2fd04bc87484a954d07fc771290fao = element_88a2fd04bc87484a954d07fc771290fan.firstChild, element_88a2fd04bc87484a954d07fc771290fap = element_88a2fd04bc87484a954d07fc771290fan.nextElementSibling.firstElementChild, element_88a2fd04bc87484a954d07fc771290faq = element_88a2fd04bc87484a954d07fc771290fap.firstElementChild.firstChild, attributes_88a2fd04bc87484a954d07fc771290far = { "class": "alert anchor anchor--n --flex-row" }, attributes_88a2fd04bc87484a954d07fc771290fas = { "class": "alert-messages --flex-column --flex-fill" }, attributes_88a2fd04bc87484a954d07fc771290fat = { "class": "alert-close button --padding-300" };
+            template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fal, 'class', () => state.active && '--active', attributes_88a2fd04bc87484a954d07fc771290far);
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fal, omit(attributes, OMIT), attributes_88a2fd04bc87484a954d07fc771290far);
+            new template_88a2fd04bc87484a954d07fc771290fa0.EffectSlot(element_88a2fd04bc87484a954d07fc771290fam, () => {
+                let type = state.type;
+                return (() => {
+                    let root_88a2fd04bc87484a954d07fc771290fa6 = template_88a2fd04bc87484a954d07fc771290fa7(), element_88a2fd04bc87484a954d07fc771290fa8 = root_88a2fd04bc87484a954d07fc771290fa6.firstChild, element_88a2fd04bc87484a954d07fc771290fa9 = element_88a2fd04bc87484a954d07fc771290fa8.firstChild, attributes_88a2fd04bc87484a954d07fc771290faa = { "class": "--flex-vertical", "style": "" };
+                    template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa8, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_88a2fd04bc87484a954d07fc771290faa);
+                    template_88a2fd04bc87484a954d07fc771290fa0.slot(element_88a2fd04bc87484a954d07fc771290fa9, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_88a2fd04bc87484a954d07fc771290fa6;
+                })();
             });
-        }}
-                </div>
-
-                <div class="--flex-vertical">
-                    <div
-                        class='alert-close button --padding-300'
-                        onclick='${() => deactivate(state)}'
-                        ${attributes['alert-close']}
-                    >
-                        <div class="icon" style='--size: 14px;'>
-                            ${svg.sprite(close)}
-                        </div>
-                    </div>
-                </div>
-            </div>
-        `,
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fan, attributes['alert-messages'], attributes_88a2fd04bc87484a954d07fc771290fas);
+            new template_88a2fd04bc87484a954d07fc771290fa0.EffectSlot(element_88a2fd04bc87484a954d07fc771290fao, () => {
+                let message = attributes['alert-message'];
+                return state.rerender && [...state.messages].map((content) => {
+                    if (typeof content === 'string') {
+                        return (() => {
+                            let root_88a2fd04bc87484a954d07fc771290fab = template_88a2fd04bc87484a954d07fc771290fac(), element_88a2fd04bc87484a954d07fc771290fad = root_88a2fd04bc87484a954d07fc771290fab.firstChild, element_88a2fd04bc87484a954d07fc771290fae = element_88a2fd04bc87484a954d07fc771290fad.firstChild, attributes_88a2fd04bc87484a954d07fc771290faf = {};
+                            template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fad, message, attributes_88a2fd04bc87484a954d07fc771290faf);
+                            template_88a2fd04bc87484a954d07fc771290fa0.slot(element_88a2fd04bc87484a954d07fc771290fae, content);
+                            return root_88a2fd04bc87484a954d07fc771290fab;
+                        })();
+                    }
+                    return (() => {
+                        let root_88a2fd04bc87484a954d07fc771290fag = template_88a2fd04bc87484a954d07fc771290fah(), element_88a2fd04bc87484a954d07fc771290fai = root_88a2fd04bc87484a954d07fc771290fag.firstChild.firstChild;
+                        template_88a2fd04bc87484a954d07fc771290fa0.slot(element_88a2fd04bc87484a954d07fc771290fai, content);
+                        return root_88a2fd04bc87484a954d07fc771290fag;
+                    })();
+                });
+            });
+            template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fap, 'click', () => deactivate(state));
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fap, attributes['alert-close'], attributes_88a2fd04bc87484a954d07fc771290fat);
+            template_88a2fd04bc87484a954d07fc771290fa0.slot(element_88a2fd04bc87484a954d07fc771290faq, svg.sprite(close));
+            return root_88a2fd04bc87484a954d07fc771290faj;
+        })(),
         deactivate: () => deactivate(state),
         error,
         info: (messages, seconds = 0) => activate('info', messages, seconds, state),

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

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

package/build/components/back/index.js

@@ -1,17 +1,16 @@
-import { html } from '@esportsplus/frontend';
+import * as template_88a2fd04bc87484a954d07fc771290fa0 from '@esportsplus/frontend';
 import icon from '../../components/icon/index.js';
 import template from '../../components/template/index.js';
 import arrow from './svg/arrow.svg';
 import './scss/index.scss';
+const template_88a2fd04bc87484a954d07fc771290fav = template_88a2fd04bc87484a954d07fc771290fa0.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
-    return html `
-            <a
-                class='back link --padding-0px --flex-vertical'
-                ${this.attributes}
-                ${attributes}
-            >
-                ${icon({ class: 'back-arrow --margin-right --margin-200' }, arrow)}
-                ${content}
-            </a>
-        `;
+    return (() => {
+        let root_88a2fd04bc87484a954d07fc771290fau = template_88a2fd04bc87484a954d07fc771290fav(), element_88a2fd04bc87484a954d07fc771290faw = root_88a2fd04bc87484a954d07fc771290fau.firstChild, element_88a2fd04bc87484a954d07fc771290fax = element_88a2fd04bc87484a954d07fc771290faw.firstChild, element_88a2fd04bc87484a954d07fc771290fay = element_88a2fd04bc87484a954d07fc771290fax.nextSibling, attributes_88a2fd04bc87484a954d07fc771290faz = { "class": "back link --padding-0px --flex-vertical" };
+        template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290faw, this.attributes, attributes_88a2fd04bc87484a954d07fc771290faz);
+        template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290faw, attributes, attributes_88a2fd04bc87484a954d07fc771290faz);
+        template_88a2fd04bc87484a954d07fc771290fa0.slot(element_88a2fd04bc87484a954d07fc771290fax, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_88a2fd04bc87484a954d07fc771290fa0.slot(element_88a2fd04bc87484a954d07fc771290fay, content);
+        return root_88a2fd04bc87484a954d07fc771290fau;
+    })();
 });

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

@@ -1,23 +1,24 @@
-import { type Renderable } from '@esportsplus/frontend';
+import * as template_88a2fd04bc87484a954d07fc771290fa0 from '@esportsplus/frontend';
+import { Renderable } from '@esportsplus/frontend';
 import './scss/index.scss';
 declare const hold: {
     (): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes | undefined;
+        attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+    }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    <T extends import("@esportsplus/frontend").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes | undefined;
+    <T extends template_88a2fd04bc87484a954d07fc771290fa0.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+    }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
@@ -25,25 +26,25 @@ declare const hold: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes | undefined;
+        attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+    }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    (attributes: import("@esportsplus/frontend").Attributes, content: (state: {
+    (attributes: template_88a2fd04bc87484a954d07fc771290fa0.Attributes, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>): ReturnType<(this: {
-        attributes?: import("@esportsplus/frontend").Attributes | undefined;
+        attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+    }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
@@ -51,22 +52,22 @@ declare const hold: {
 declare const _default: {
     hold: {
         (): ReturnType<(this: {
-            attributes?: import("@esportsplus/frontend").Attributes | undefined;
+            attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+        }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        <T extends import("@esportsplus/frontend").Attributes>(attributes: T): ReturnType<(this: {
-            attributes?: import("@esportsplus/frontend").Attributes | undefined;
+        <T extends template_88a2fd04bc87484a954d07fc771290fa0.Attributes>(attributes: T): ReturnType<(this: {
+            attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+        }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
@@ -74,25 +75,25 @@ declare const _default: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>>(content: T): ReturnType<(this: {
-            attributes?: import("@esportsplus/frontend").Attributes | undefined;
+            attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+        }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        (attributes: import("@esportsplus/frontend").Attributes, content: (state: {
+        (attributes: template_88a2fd04bc87484a954d07fc771290fa0.Attributes, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>): ReturnType<(this: {
-            attributes?: import("@esportsplus/frontend").Attributes | undefined;
+            attributes?: template_88a2fd04bc87484a954d07fc771290fa0.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<import("@esportsplus/frontend").Attributes>, content: (state: {
+        }, attributes: Readonly<template_88a2fd04bc87484a954d07fc771290fa0.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;

package/build/components/button/index.js

@@ -1,6 +1,8 @@
-import { html, reactive } from '@esportsplus/frontend';
+import * as template_88a2fd04bc87484a954d07fc771290fa0 from '@esportsplus/frontend';
+import { reactive } from '@esportsplus/frontend';
 import template from '../template/index.js';
 import './scss/index.scss';
+const template_88a2fd04bc87484a954d07fc771290fa11 = template_88a2fd04bc87484a954d07fc771290fa0.template(`<div class='button '><!--$--></div>`);
 const hold = template.factory(function (attributes, content) {
     let end = () => {
         if (!state.complete) {
@@ -10,36 +12,34 @@ const hold = template.factory(function (attributes, content) {
         complete: false,
         holding: false
     });
-    return html `
-            <div
-                class='button ${() => state.holding && 'button--holding'} ${() => state.complete && '--active'}'
-                onmousedown='${(e) => {
-        e.preventDefault();
-        state.holding = true;
-    }}'
-                ${attributes}
-                ${{
-        onanimationend: (e) => {
+    return (() => {
+        let root_88a2fd04bc87484a954d07fc771290fa10 = template_88a2fd04bc87484a954d07fc771290fa11(), element_88a2fd04bc87484a954d07fc771290fa12 = root_88a2fd04bc87484a954d07fc771290fa10.firstChild, element_88a2fd04bc87484a954d07fc771290fa13 = element_88a2fd04bc87484a954d07fc771290fa12.firstChild, attributes_88a2fd04bc87484a954d07fc771290fa14 = { "class": "button" };
+        template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa12, 'class', () => state.holding && 'button--holding', attributes_88a2fd04bc87484a954d07fc771290fa14);
+        template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa12, 'class', () => state.complete && '--active', attributes_88a2fd04bc87484a954d07fc771290fa14);
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa12, 'mousedown', (e) => {
+            e.preventDefault();
+            state.holding = true;
+        });
+        template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fa12, attributes, attributes_88a2fd04bc87484a954d07fc771290fa14);
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa12, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
-        },
-        onclick: () => { },
-        onmousedown: (e) => {
+        });
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa12, 'click', () => { });
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa12, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
-        },
-        onmouseup: end,
-        ontouchend: end,
-        ontouchstart: (e) => {
+        });
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa12, 'mouseup', end);
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa12, 'touchend', end);
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa12, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
-        }
-    }}
-            >
-                ${() => content(state)}
-            </div>
-        `;
+        });
+        new template_88a2fd04bc87484a954d07fc771290fa0.EffectSlot(element_88a2fd04bc87484a954d07fc771290fa13, () => content(state));
+        return root_88a2fd04bc87484a954d07fc771290fa10;
+    })();
 });
 export default { hold };
 export { hold };

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

@@ -1,4 +1,4 @@
-import { type Attributes } from '@esportsplus/frontend';
+import { Attributes } from '@esportsplus/frontend';
 import './scss/index.scss';
 declare const factory: (type: string) => (this: {
     attributes?: Attributes;

package/build/components/checkbox/index.js

@@ -1,7 +1,9 @@
-import { html, reactive, root } from '@esportsplus/frontend';
+import * as template_88a2fd04bc87484a954d07fc771290fa0 from '@esportsplus/frontend';
+import { reactive, root } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
+const template_88a2fd04bc87484a954d07fc771290fa16 = template_88a2fd04bc87484a954d07fc771290fa0.template(`<div><input></div>`);
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
@@ -12,26 +14,22 @@ const factory = (type) => {
         if (attributes?.checked) {
             state.active = true;
         }
-        return html `
-            <div
-                class='${type} ${() => state.active && '--active'}'
-                ${this?.attributes && omit(this.attributes, OMIT)}
-                ${attributes && omit(attributes, OMIT)}
-            >
-                <input
-                    ${{
-            checked: attributes?.checked || root(() => state.active),
-            class: `${type}-tag`,
-            onchange: (e) => {
+        return (() => {
+            let root_88a2fd04bc87484a954d07fc771290fa15 = template_88a2fd04bc87484a954d07fc771290fa16(), element_88a2fd04bc87484a954d07fc771290fa17 = root_88a2fd04bc87484a954d07fc771290fa15.firstChild, element_88a2fd04bc87484a954d07fc771290fa18 = element_88a2fd04bc87484a954d07fc771290fa17.firstElementChild, attributes_88a2fd04bc87484a954d07fc771290fa19 = { "class": "" }, attributes_88a2fd04bc87484a954d07fc771290fa1a = {};
+            template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa17, 'class', type, attributes_88a2fd04bc87484a954d07fc771290fa19);
+            template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa17, 'class', () => state.active && '--active', attributes_88a2fd04bc87484a954d07fc771290fa19);
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fa17, this?.attributes && omit(this.attributes, OMIT), attributes_88a2fd04bc87484a954d07fc771290fa19);
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fa17, attributes && omit(attributes, OMIT), attributes_88a2fd04bc87484a954d07fc771290fa19);
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperty(element_88a2fd04bc87484a954d07fc771290fa18, 'checked', attributes?.checked || root(() => state.active));
+            template_88a2fd04bc87484a954d07fc771290fa0.setList(element_88a2fd04bc87484a954d07fc771290fa18, 'class', `${type}-tag`, attributes_88a2fd04bc87484a954d07fc771290fa1a);
+            template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa18, 'change', (e) => {
                 state.active = e.target.checked;
-            },
-            onrender: form.input.onrender(state),
-            type: type === 'radio' ? 'radio' : 'checkbox',
-            value: attributes?.value || 1
-        }}
-                >
-            </div>
-        `;
+            });
+            template_88a2fd04bc87484a954d07fc771290fa0.onrender(element_88a2fd04bc87484a954d07fc771290fa18, form.input.onrender(state));
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperty(element_88a2fd04bc87484a954d07fc771290fa18, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_88a2fd04bc87484a954d07fc771290fa0.setProperty(element_88a2fd04bc87484a954d07fc771290fa18, 'value', attributes?.value || 1);
+            return root_88a2fd04bc87484a954d07fc771290fa15;
+        })();
     }
     return template;
 };

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

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

package/build/components/clipboard/onclick.js

@@ -1,27 +1,28 @@
-import { html, reactive } from '@esportsplus/frontend';
+import * as template_88a2fd04bc87484a954d07fc771290fa0 from '@esportsplus/frontend';
+import { reactive } from '@esportsplus/frontend';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import write from './write.js';
+const template_88a2fd04bc87484a954d07fc771290fa1c = template_88a2fd04bc87484a954d07fc771290fa0.template(`<div><!--$--></div>`);
 const OMIT = ['timeout', 'value'];
 export default template.factory(function (attributes, content) {
     let state = reactive({
         copied: false
     }), timeout = attributes.timeout || 1000 * 2;
-    return html `
-            <div
-                ${omit(attributes, OMIT)}
-                onclick=${(e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        write(attributes.value).then(() => {
-            state.copied = true;
-            setTimeout(() => {
-                state.copied = false;
-            }, timeout);
+    return (() => {
+        let root_88a2fd04bc87484a954d07fc771290fa1b = template_88a2fd04bc87484a954d07fc771290fa1c(), element_88a2fd04bc87484a954d07fc771290fa1d = root_88a2fd04bc87484a954d07fc771290fa1b.firstChild, element_88a2fd04bc87484a954d07fc771290fa1e = element_88a2fd04bc87484a954d07fc771290fa1d.firstChild, attributes_88a2fd04bc87484a954d07fc771290fa1f = {};
+        template_88a2fd04bc87484a954d07fc771290fa0.setProperties(element_88a2fd04bc87484a954d07fc771290fa1d, omit(attributes, OMIT), attributes_88a2fd04bc87484a954d07fc771290fa1f);
+        template_88a2fd04bc87484a954d07fc771290fa0.delegate(element_88a2fd04bc87484a954d07fc771290fa1d, 'click', (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            write(attributes.value).then(() => {
+                state.copied = true;
+                setTimeout(() => {
+                    state.copied = false;
+                }, timeout);
+            });
         });
-    }}
-            >
-                ${() => content(state)}
-            </div>
-        `;
+        new template_88a2fd04bc87484a954d07fc771290fa0.EffectSlot(element_88a2fd04bc87484a954d07fc771290fa1e, () => content(state));
+        return root_88a2fd04bc87484a954d07fc771290fa1b;
+    })();
 });

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

@@ -1,4 +1,4 @@
-import { type Attributes } from '@esportsplus/frontend';
+import { Attributes } from '@esportsplus/frontend';
 import './scss/index.scss';
 declare const _default: (attributes: Attributes & {
     currency?: "IGNORE" | "EUR" | "GBP" | "USD";