@esportsplus/ui 0.51.5 → 0.51.7

package/.github/workflows/bump.yml

@@ -4,6 +4,9 @@ on:
   push:
     branches: '**' # only trigger on branches, not on tags
 
+permissions:
+  contents: write
+
 jobs:
   bump:
-    uses: esportsplus/typescript/.github/workflows/bump.yml@main
+    uses: esportsplus/typescript/.github/workflows/bump.yml@main

package/.github/workflows/publish.yml

@@ -9,6 +9,10 @@ on:
     types:
       - completed
 
+permissions:
+  contents: read
+  id-token: write
+
 jobs:
   publish:
     secrets:

package/build/components/accordion/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/accordion/index.js

@@ -1,42 +1,42 @@
-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_eea410626b3047bfa8387f56255749634 = template_eea410626b3047bfa8387f56255749631.template(`<div><!--$--></div>`);
-class ReactiveObject_eea410626b3047bfa8387f56255749632 extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
+const template_04mlrpv2 = template_u1.template(`<div >`);
+class ReactiveObject_04mlrpv0 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](0);
     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);
     }
 }
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
-    let ref, state = attributes.state || new ReactiveObject_eea410626b3047bfa8387f56255749632();
+    let ref, state = attributes.state || new ReactiveObject_04mlrpv0();
     return (() => {
-        let root_eea410626b3047bfa8387f56255749633 = template_eea410626b3047bfa8387f56255749634(), element_eea410626b3047bfa8387f56255749635 = root_eea410626b3047bfa8387f56255749633.firstChild, element_eea410626b3047bfa8387f56255749636 = element_eea410626b3047bfa8387f56255749635.firstChild, attributes_eea410626b3047bfa8387f56255749637 = {};
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f56255749635, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f56255749637);
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749635, 'class', () => {
+        let root_04mlrpv1 = template_04mlrpv2(), element_04mlrpv3 = root_04mlrpv1.firstChild;
+        template_u1.setProperties(element_04mlrpv3, omit(attributes, OMIT));
+        template_u1.setList(element_04mlrpv3, 'class', () => {
             return state.active && '--active';
-        }, attributes_eea410626b3047bfa8387f56255749637);
-        template_eea410626b3047bfa8387f56255749631.onrender(element_eea410626b3047bfa8387f56255749635, (element) => {
+        });
+        template_u1.onrender(element_04mlrpv3, (element) => {
             (ref = element)[key] = state;
         });
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f56255749635, 'style', () => {
+        template_u1.setList(element_04mlrpv3, '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}`;
-        }, attributes_eea410626b3047bfa8387f56255749637);
-        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f56255749636, content);
-        return root_eea410626b3047bfa8387f56255749633;
+        });
+        template_u1.slot(element_04mlrpv3, content, 1);
+        return root_04mlrpv1;
     })();
 });

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

@@ -2,18 +2,18 @@ import '@esportsplus/vite/global.d.ts';
 import { Response } from '@esportsplus/action';
 import { Attributes, Renderable } from '@esportsplus/template';
 import './scss/index.scss';
-declare const _default: (attributes: Attributes & {
-    "alert-close"?: Attributes;
-    "alert-messages"?: Attributes;
-    "alert-message"?: Attributes;
-}) => {
-    content: DocumentFragment;
+export default _default;
+declare function _default(attributes: Attributes & {
+    'alert-close'?: Attributes;
+    'alert-messages'?: Attributes;
+    'alert-message'?: Attributes;
+}): {
+    content: DocumentFragment | Text;
     deactivate: () => void;
     error: {
         (messages: Renderable<any>, seconds?: number): void;
-        response(response: Response<any>): void;
+        response: (response: Response<any>) => void;
     };
     info: (messages: Renderable<any>, seconds?: number) => void;
     success: (messages: Renderable<any>, seconds?: number) => void;
 };
-export default _default;

package/build/components/alert/index.js

@@ -1,50 +1,49 @@
 import '@esportsplus/vite/global.d.ts';
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import { svg } 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 { icon } from '@esportsplus/ui';
+import icon from '../icon/index.js';
 import check from './svg/check.svg';
 import close from './svg/close.svg';
 import e from './svg/error.svg';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f5625574963a = template_eea410626b3047bfa8387f56255749631.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_eea410626b3047bfa8387f5625574963f = template_eea410626b3047bfa8387f56255749631.template(`<p><!--$--></p>`);
-const template_eea410626b3047bfa8387f5625574963k = template_eea410626b3047bfa8387f56255749631.template(`<div class='--flex-start'><!--$--></div>`);
-const template_eea410626b3047bfa8387f5625574963n = template_eea410626b3047bfa8387f56255749631.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>`);
-class ReactiveObject_eea410626b3047bfa8387f56255749638 extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #active = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
+const template_0id5jvz2 = template_u1.template(`<div class='--flex-vertical'>`);
+const template_0id5jvz5 = template_u1.template(`<p >`);
+const template_0id5jvz8 = template_u1.template(`<div class='--flex-start'>`);
+const template_0id5jvzb = template_u1.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' >`);
+class ReactiveObject_0id5jvz0 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
     #messages;
-    #rerender = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](0);
+    #rerender = this[reactivity_u0.SIGNAL](0);
     #type;
     constructor(_p0, _p1) {
         super(null);
-        this.#messages = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](_p0);
-        this.#type = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](_p1);
+        this.#messages = this[reactivity_u0.SIGNAL](_p0);
+        this.#type = this[reactivity_u0.SIGNAL](_p1);
     }
     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 messages() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#messages);
+        return reactivity_u0.read(this.#messages);
     }
     set messages(_v1) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#messages, _v1);
+        reactivity_u0.write(this.#messages, _v1);
     }
     get rerender() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#rerender);
+        return reactivity_u0.read(this.#rerender);
     }
     set rerender(_v2) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#rerender, _v2);
+        reactivity_u0.write(this.#rerender, _v2);
     }
     get type() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#type);
+        return reactivity_u0.read(this.#type);
     }
     set type(_v3) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#type, _v3);
+        reactivity_u0.write(this.#type, _v3);
     }
 }
 const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
@@ -93,7 +92,7 @@ function deactivate(state) {
     }, timeout);
 }
 export default (attributes) => {
-    let state = new ReactiveObject_eea410626b3047bfa8387f56255749638(new Set(), '');
+    let state = new ReactiveObject_0id5jvz0(new Set(), '');
     const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
     error.response = (response) => {
         if (response.ok) {
@@ -108,41 +107,41 @@ export default (attributes) => {
     };
     return {
         content: (() => {
-            let root_eea410626b3047bfa8387f5625574963m = template_eea410626b3047bfa8387f5625574963n(), element_eea410626b3047bfa8387f5625574963o = root_eea410626b3047bfa8387f5625574963m.firstChild, element_eea410626b3047bfa8387f5625574963p = element_eea410626b3047bfa8387f5625574963o.firstChild, element_eea410626b3047bfa8387f5625574963q = element_eea410626b3047bfa8387f5625574963o.firstElementChild, element_eea410626b3047bfa8387f5625574963r = element_eea410626b3047bfa8387f5625574963q.firstChild, element_eea410626b3047bfa8387f5625574963s = element_eea410626b3047bfa8387f5625574963q.nextElementSibling.firstElementChild, element_eea410626b3047bfa8387f5625574963t = element_eea410626b3047bfa8387f5625574963s.firstElementChild.firstChild, attributes_eea410626b3047bfa8387f5625574963u = { "class": " alert anchor anchor--n  --flex-row" }, attributes_eea410626b3047bfa8387f5625574963v = { "class": " alert-messages --flex-column --flex-fill" }, attributes_eea410626b3047bfa8387f5625574963w = { "class": " alert-close button --padding-300" };
-            template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f5625574963o, 'class', () => state.active && '--active', attributes_eea410626b3047bfa8387f5625574963u);
-            template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f5625574963o, omit(attributes, OMIT), attributes_eea410626b3047bfa8387f5625574963u);
-            new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f5625574963p, () => {
+            let root_0id5jvza = template_0id5jvzb(), element_0id5jvzc = root_0id5jvza.firstChild, element_0id5jvzd = element_0id5jvzc.firstChild, element_0id5jvze = element_0id5jvzc.firstElementChild, element_0id5jvzf = element_0id5jvze.nextElementSibling.firstElementChild;
+            template_u1.setList(element_0id5jvzc, 'class', () => state.active && '--active');
+            template_u1.setProperties(element_0id5jvzc, omit(attributes, OMIT));
+            new template_u1.EffectSlot(element_0id5jvzd, () => {
                 let type = state.type;
                 return (() => {
-                    let root_eea410626b3047bfa8387f56255749639 = template_eea410626b3047bfa8387f5625574963a(), element_eea410626b3047bfa8387f5625574963b = root_eea410626b3047bfa8387f56255749639.firstChild, element_eea410626b3047bfa8387f5625574963c = element_eea410626b3047bfa8387f5625574963b.firstChild, attributes_eea410626b3047bfa8387f5625574963d = { "class": " --flex-vertical", "style": " " };
-                    template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f5625574963b, 'style', `--color: var(--color-${modifiers[type]}-400);`, attributes_eea410626b3047bfa8387f5625574963d);
-                    template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f5625574963c, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_eea410626b3047bfa8387f56255749639;
+                    let root_0id5jvz1 = template_0id5jvz2(), element_0id5jvz3 = root_0id5jvz1.firstChild;
+                    template_u1.setList(element_0id5jvz3, 'style', `--color: var(--color-${modifiers[type]}-400);`);
+                    template_u1.slot(element_0id5jvz3, icon({ class: '--size-500' }, type === 'error' ? e : check), 1);
+                    return root_0id5jvz1;
                 })();
             });
-            template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f5625574963q, attributes['alert-messages'], attributes_eea410626b3047bfa8387f5625574963v);
-            new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f5625574963r, () => {
+            template_u1.setProperties(element_0id5jvze, attributes['alert-messages']);
+            new template_u1.EffectSlot(element_0id5jvze, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_eea410626b3047bfa8387f5625574963e = template_eea410626b3047bfa8387f5625574963f(), element_eea410626b3047bfa8387f5625574963g = root_eea410626b3047bfa8387f5625574963e.firstChild, element_eea410626b3047bfa8387f5625574963h = element_eea410626b3047bfa8387f5625574963g.firstChild, attributes_eea410626b3047bfa8387f5625574963i = {};
-                            template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f5625574963g, message, attributes_eea410626b3047bfa8387f5625574963i);
-                            template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f5625574963h, content);
-                            return root_eea410626b3047bfa8387f5625574963e;
+                            let root_0id5jvz4 = template_0id5jvz5(), element_0id5jvz6 = root_0id5jvz4.firstChild;
+                            template_u1.setProperties(element_0id5jvz6, message);
+                            template_u1.slot(element_0id5jvz6, content, 1);
+                            return root_0id5jvz4;
                         })();
                     }
                     return (() => {
-                        let root_eea410626b3047bfa8387f5625574963j = template_eea410626b3047bfa8387f5625574963k(), element_eea410626b3047bfa8387f5625574963l = root_eea410626b3047bfa8387f5625574963j.firstChild.firstChild;
-                        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f5625574963l, content);
-                        return root_eea410626b3047bfa8387f5625574963j;
+                        let root_0id5jvz7 = template_0id5jvz8(), element_0id5jvz9 = root_0id5jvz7.firstChild;
+                        template_u1.slot(element_0id5jvz9, content, 1);
+                        return root_0id5jvz7;
                     })();
                 });
-            });
-            template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f5625574963s, 'click', () => deactivate(state));
-            template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f5625574963s, attributes['alert-close'], attributes_eea410626b3047bfa8387f5625574963w);
-            template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f5625574963t, svg.sprite(close));
-            return root_eea410626b3047bfa8387f5625574963m;
+            }, 1);
+            template_u1.delegate(element_0id5jvzf, 'click', () => deactivate(state));
+            template_u1.setProperties(element_0id5jvzf, attributes['alert-close']);
+            template_u1.slot(element_0id5jvzf, icon({ style: '--size: 14px;' }, close), 1);
+            return root_0id5jvza;
         })(),
         deactivate: () => deactivate(state),
         error,

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

@@ -1,18 +1,18 @@
-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?: Attributes;
-    }, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
-    <T extends template_eea410626b3047bfa8387f56255749631.Attributes>(attributes: T): ReturnType<(this: {
+    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
+    <T extends Attributes>(attributes: T): ReturnType<(this: {
         attributes?: Attributes;
-    }, 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: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
+    <T extends template_u1.Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: Attributes;
-    }, 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: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
+    (attributes: Attributes, content: template_u1.Renderable<any>): ReturnType<(this: {
         attributes?: Attributes;
-    }, attributes: Readonly<template_eea410626b3047bfa8387f56255749631.Attributes>, content: template_eea410626b3047bfa8387f56255749631.Renderable<any>) => template_eea410626b3047bfa8387f56255749631.Renderable<any>>;
+    }, attributes: Readonly<Attributes>, content: template_u1.Renderable<any>) => template_u1.Renderable<any>>;
 };
 export default _default;

package/build/components/back/index.js

@@ -1,16 +1,16 @@
-import * as template_eea410626b3047bfa8387f56255749631 from '@esportsplus/template';
-import icon from '../../components/icon/index.js';
-import template from '../../components/template/index.js';
+import * as template_u1 from '@esportsplus/template';
+import icon from '../icon/index.js';
+import template from '../template/index.js';
 import arrow from './svg/arrow.svg';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f5625574963y = template_eea410626b3047bfa8387f56255749631.template(`<a class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
+const template_1hhpvdm1 = template_u1.template(`<a class='back link --padding-0px --flex-vertical' ><!--$-->`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_eea410626b3047bfa8387f5625574963x = template_eea410626b3047bfa8387f5625574963y(), element_eea410626b3047bfa8387f5625574963z = root_eea410626b3047bfa8387f5625574963x.firstChild, element_eea410626b3047bfa8387f562557496310 = element_eea410626b3047bfa8387f5625574963z.firstChild, element_eea410626b3047bfa8387f562557496311 = element_eea410626b3047bfa8387f562557496310.nextSibling, attributes_eea410626b3047bfa8387f562557496312 = { "class": " back link --padding-0px --flex-vertical" };
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f5625574963z, this.attributes, attributes_eea410626b3047bfa8387f562557496312);
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f5625574963z, attributes, attributes_eea410626b3047bfa8387f562557496312);
-        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f562557496310, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_eea410626b3047bfa8387f56255749631.slot(element_eea410626b3047bfa8387f562557496311, content);
-        return root_eea410626b3047bfa8387f5625574963x;
+        let root_1hhpvdm0 = template_1hhpvdm1(), element_1hhpvdm2 = root_1hhpvdm0.firstChild, element_1hhpvdm3 = element_1hhpvdm2.firstChild;
+        template_u1.setProperties(element_1hhpvdm2, this.attributes);
+        template_u1.setProperties(element_1hhpvdm2, attributes);
+        template_u1.slot(element_1hhpvdm3, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_u1.slot(element_1hhpvdm2, content, 2);
+        return root_1hhpvdm0;
     })();
 });

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

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

package/build/components/button/index.js

@@ -1,25 +1,25 @@
-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 template from '../template/index.js';
 import './scss/index.scss';
-const template_eea410626b3047bfa8387f562557496315 = template_eea410626b3047bfa8387f56255749631.template(`<div class='button '><!--$--></div>`);
-class ReactiveObject_eea410626b3047bfa8387f562557496313 extends reactivity_eea410626b3047bfa8387f56255749630.ReactiveObject {
-    #complete = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
-    #holding = this[reactivity_eea410626b3047bfa8387f56255749630.SIGNAL](false);
+const template_1u9ndnf2 = template_u1.template(`<div class='button ' >`);
+class ReactiveObject_1u9ndnf0 extends reactivity_u0.ReactiveObject {
+    #complete = this[reactivity_u0.SIGNAL](false);
+    #holding = this[reactivity_u0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get complete() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#complete);
+        return reactivity_u0.read(this.#complete);
     }
     set complete(_v0) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#complete, _v0);
+        reactivity_u0.write(this.#complete, _v0);
     }
     get holding() {
-        return reactivity_eea410626b3047bfa8387f56255749630.read(this.#holding);
+        return reactivity_u0.read(this.#holding);
     }
     set holding(_v1) {
-        reactivity_eea410626b3047bfa8387f56255749630.write(this.#holding, _v1);
+        reactivity_u0.write(this.#holding, _v1);
     }
 }
 const hold = template.factory(function (attributes, content) {
@@ -27,33 +27,33 @@ const hold = template.factory(function (attributes, content) {
         if (!state.complete) {
             state.holding = false;
         }
-    }, state = new ReactiveObject_eea410626b3047bfa8387f562557496313();
+    }, state = new ReactiveObject_1u9ndnf0();
     return (() => {
-        let root_eea410626b3047bfa8387f562557496314 = template_eea410626b3047bfa8387f562557496315(), element_eea410626b3047bfa8387f562557496316 = root_eea410626b3047bfa8387f562557496314.firstChild, element_eea410626b3047bfa8387f562557496317 = element_eea410626b3047bfa8387f562557496316.firstChild, attributes_eea410626b3047bfa8387f562557496318 = { "class": " button " };
-        template_eea410626b3047bfa8387f56255749631.setList(element_eea410626b3047bfa8387f562557496316, 'class', () => state.holding && 'button--holding', attributes_eea410626b3047bfa8387f562557496318);
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496316, 'mousedown', (e) => {
+        let root_1u9ndnf1 = template_1u9ndnf2(), element_1u9ndnf3 = root_1u9ndnf1.firstChild;
+        template_u1.setList(element_1u9ndnf3, 'class', () => state.holding && 'button--holding');
+        template_u1.delegate(element_1u9ndnf3, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_eea410626b3047bfa8387f56255749631.setProperties(element_eea410626b3047bfa8387f562557496316, attributes, attributes_eea410626b3047bfa8387f562557496318);
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496316, 'animationend', (e) => {
+        template_u1.setProperties(element_1u9ndnf3, attributes);
+        template_u1.delegate(element_1u9ndnf3, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496316, 'click', () => { });
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496316, 'mousedown', (e) => {
+        template_u1.delegate(element_1u9ndnf3, 'click', () => { });
+        template_u1.delegate(element_1u9ndnf3, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496316, 'mouseup', end);
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496316, 'touchend', end);
-        template_eea410626b3047bfa8387f56255749631.delegate(element_eea410626b3047bfa8387f562557496316, 'touchstart', (e) => {
+        template_u1.delegate(element_1u9ndnf3, 'mouseup', end);
+        template_u1.delegate(element_1u9ndnf3, 'touchend', end);
+        template_u1.delegate(element_1u9ndnf3, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_eea410626b3047bfa8387f56255749631.EffectSlot(element_eea410626b3047bfa8387f562557496317, () => content(state));
-        return root_eea410626b3047bfa8387f562557496314;
+        new template_u1.EffectSlot(element_1u9ndnf3, () => content(state), 1);
+        return root_1u9ndnf1;
     })();
 });
 export default { hold };

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/template';
+import { type Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 declare const factory: (type: string) => (this: {
     attributes?: Attributes;
@@ -7,7 +7,7 @@ declare const factory: (type: string) => (this: {
         active: boolean;
         error: string;
     };
-}) => DocumentFragment;
+}) => DocumentFragment | Text;
 declare const _default: (this: {
     attributes?: Attributes;
 } | any, attributes?: Attributes & {
@@ -15,6 +15,6 @@ declare const _default: (this: {
         active: boolean;
         error: string;
     };
-}) => DocumentFragment;
+}) => DocumentFragment | Text;
 export default _default;
 export { factory };