@esportsplus/ui 0.47.2 → 0.48.1

package/README.md

@@ -10,8 +10,7 @@ pnpm add @esportsplus/ui
 
 ## Dependencies
 
-- `@esportsplus/template` - Tagged template literals with compile-time transforms
-- `@esportsplus/reactivity` - Reactive state management
+- `@esportsplus/template` - Tagged template literals with compile-time transforms and reactive state management
 - `@esportsplus/action` - Response/error handling
 - `@esportsplus/utilities` - Core utilities
 
@@ -124,7 +123,7 @@ component({ class: 'custom' }, html`<span>Content</span>`)
 Components can accept and return reactive state:
 
 ```typescript
-import { reactive } from '@esportsplus/reactivity';
+import { reactive } from '@esportsplus/template';
 
 let state = reactive({ active: false });
 

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

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

package/build/components/accordion/index.js

@@ -1,42 +1,32 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c50004 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div><!--$--></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get active() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#active, _v0);
-    }
-}
+const template_23a4f055a2904f1fa5d72b30cc2abc503 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div><!--$--></div>`);
 const OMIT = ['state'];
 let key = Symbol();
 export default template.factory(function (attributes, content) {
-    let ref, state = attributes.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50002();
+    let ref, state = attributes.state || reactive({
+        active: 0
+    });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c50003 = template_a6aeaec5a75649bd8ec693d5230c50004(), element_a6aeaec5a75649bd8ec693d5230c50005 = root_a6aeaec5a75649bd8ec693d5230c50003.firstChild, element_a6aeaec5a75649bd8ec693d5230c50006 = element_a6aeaec5a75649bd8ec693d5230c50005.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c50005, omit(attributes, OMIT));
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c50005, '', () => {
+        let root_23a4f055a2904f1fa5d72b30cc2abc502 = template_23a4f055a2904f1fa5d72b30cc2abc503(), element_23a4f055a2904f1fa5d72b30cc2abc504 = root_23a4f055a2904f1fa5d72b30cc2abc502.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc505 = element_23a4f055a2904f1fa5d72b30cc2abc504.firstChild;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc504, omit(attributes, OMIT));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc504, '', () => {
             return state.active && '--active';
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c50005, (element) => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc504, (element) => {
             (ref = element)[key] = state;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c50005, '', () => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc504, '', () => {
             let parent = ref.closest('accordion');
             if (parent && key in parent) {
                 parent[key].active = (+parent[key].active) + 1;
             }
             return state.active && `--max-height: ${ref.scrollHeight}`;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c50006, content);
-        return root_a6aeaec5a75649bd8ec693d5230c50003;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc505, content);
+        return root_23a4f055a2904f1fa5d72b30cc2abc502;
     })();
 });

package/build/components/alert/index.js

@@ -1,55 +1,19 @@
 import '@esportsplus/vite/global.d.ts';
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
-import { svg } from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import { reactive, svg } from '@esportsplus/template';
 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_a6aeaec5a75649bd8ec693d5230c50009 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='--flex-vertical'><!--$--></div>`);
-const template_a6aeaec5a75649bd8ec693d5230c5000d = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<p><!--$--></p>`);
-const template_a6aeaec5a75649bd8ec693d5230c5000h = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div class='--flex-start'><!--$--></div>`);
-const template_a6aeaec5a75649bd8ec693d5230c5000k = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+const template_23a4f055a2904f1fa5d72b30cc2abc507 = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='--flex-vertical'><!--$--></div>`);
+const template_23a4f055a2904f1fa5d72b30cc2abc50b = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<p><!--$--></p>`);
+const template_23a4f055a2904f1fa5d72b30cc2abc50f = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div class='--flex-start'><!--$--></div>`);
+const template_23a4f055a2904f1fa5d72b30cc2abc50i = template_23a4f055a2904f1fa5d72b30cc2abc501.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_a6aeaec5a75649bd8ec693d5230c50007 extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #active = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #messages;
-    #rerender = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](0);
-    #type;
-    constructor(_p0, _p1) {
-        super(null);
-        this.#messages = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](_p0);
-        this.#type = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](_p1);
-    }
-    get active() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#active, _v0);
-    }
-    get messages() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#messages);
-    }
-    set messages(_v1) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#messages, _v1);
-    }
-    get rerender() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#rerender);
-    }
-    set rerender(_v2) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#rerender, _v2);
-    }
-    get type() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#type);
-    }
-    set type(_v3) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#type, _v3);
-    }
-}
 const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
 let modifiers = {
     error: 'red',
@@ -96,7 +60,12 @@ function deactivate(state) {
     }, timeout);
 }
 export default (attributes) => {
-    let state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c50007(new Set(), '');
+    let state = reactive({
+        active: false,
+        messages: new Set(),
+        rerender: 0,
+        type: ''
+    });
     const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
     error.response = (response) => {
         if (response.ok) {
@@ -111,41 +80,41 @@ export default (attributes) => {
     };
     return {
         content: (() => {
-            let root_a6aeaec5a75649bd8ec693d5230c5000j = template_a6aeaec5a75649bd8ec693d5230c5000k(), element_a6aeaec5a75649bd8ec693d5230c5000l = root_a6aeaec5a75649bd8ec693d5230c5000j.firstChild, element_a6aeaec5a75649bd8ec693d5230c5000m = element_a6aeaec5a75649bd8ec693d5230c5000l.firstChild, element_a6aeaec5a75649bd8ec693d5230c5000n = element_a6aeaec5a75649bd8ec693d5230c5000l.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c5000o = element_a6aeaec5a75649bd8ec693d5230c5000n.firstChild, element_a6aeaec5a75649bd8ec693d5230c5000p = element_a6aeaec5a75649bd8ec693d5230c5000n.nextElementSibling.firstElementChild, element_a6aeaec5a75649bd8ec693d5230c5000q = element_a6aeaec5a75649bd8ec693d5230c5000p.firstElementChild.firstChild;
-            template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c5000l, ' --flex-row', () => state.active && '--active');
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c5000l, omit(attributes, OMIT));
-            new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c5000m, () => {
+            let root_23a4f055a2904f1fa5d72b30cc2abc50h = template_23a4f055a2904f1fa5d72b30cc2abc50i(), element_23a4f055a2904f1fa5d72b30cc2abc50j = root_23a4f055a2904f1fa5d72b30cc2abc50h.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50k = element_23a4f055a2904f1fa5d72b30cc2abc50j.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50l = element_23a4f055a2904f1fa5d72b30cc2abc50j.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc50m = element_23a4f055a2904f1fa5d72b30cc2abc50l.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50n = element_23a4f055a2904f1fa5d72b30cc2abc50l.nextElementSibling.firstElementChild, element_23a4f055a2904f1fa5d72b30cc2abc50o = element_23a4f055a2904f1fa5d72b30cc2abc50n.firstElementChild.firstChild;
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc50j, ' --flex-row', () => state.active && '--active');
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50j, omit(attributes, OMIT));
+            new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc50k, () => {
                 let type = state.type;
                 return (() => {
-                    let root_a6aeaec5a75649bd8ec693d5230c50008 = template_a6aeaec5a75649bd8ec693d5230c50009(), element_a6aeaec5a75649bd8ec693d5230c5000a = root_a6aeaec5a75649bd8ec693d5230c50008.firstChild, element_a6aeaec5a75649bd8ec693d5230c5000b = element_a6aeaec5a75649bd8ec693d5230c5000a.firstChild;
-                    template_a6aeaec5a75649bd8ec693d5230c50001.setStyle(element_a6aeaec5a75649bd8ec693d5230c5000a, ';', `--color: var(--color-${modifiers[type]}-400);`);
-                    template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c5000b, icon({ class: '--size-500' }, type === 'error' ? e : check));
-                    return root_a6aeaec5a75649bd8ec693d5230c50008;
+                    let root_23a4f055a2904f1fa5d72b30cc2abc506 = template_23a4f055a2904f1fa5d72b30cc2abc507(), element_23a4f055a2904f1fa5d72b30cc2abc508 = root_23a4f055a2904f1fa5d72b30cc2abc506.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc509 = element_23a4f055a2904f1fa5d72b30cc2abc508.firstChild;
+                    template_23a4f055a2904f1fa5d72b30cc2abc501.setStyle(element_23a4f055a2904f1fa5d72b30cc2abc508, ';', `--color: var(--color-${modifiers[type]}-400);`);
+                    template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc509, icon({ class: '--size-500' }, type === 'error' ? e : check));
+                    return root_23a4f055a2904f1fa5d72b30cc2abc506;
                 })();
             });
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c5000n, attributes['alert-messages']);
-            new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c5000o, () => {
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50l, attributes['alert-messages']);
+            new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc50m, () => {
                 let message = attributes['alert-message'];
                 return state.rerender && [...state.messages].map((content) => {
                     if (typeof content === 'string') {
                         return (() => {
-                            let root_a6aeaec5a75649bd8ec693d5230c5000c = template_a6aeaec5a75649bd8ec693d5230c5000d(), element_a6aeaec5a75649bd8ec693d5230c5000e = root_a6aeaec5a75649bd8ec693d5230c5000c.firstChild, element_a6aeaec5a75649bd8ec693d5230c5000f = element_a6aeaec5a75649bd8ec693d5230c5000e.firstChild;
-                            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c5000e, message);
-                            template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c5000f, content);
-                            return root_a6aeaec5a75649bd8ec693d5230c5000c;
+                            let root_23a4f055a2904f1fa5d72b30cc2abc50a = template_23a4f055a2904f1fa5d72b30cc2abc50b(), element_23a4f055a2904f1fa5d72b30cc2abc50c = root_23a4f055a2904f1fa5d72b30cc2abc50a.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50d = element_23a4f055a2904f1fa5d72b30cc2abc50c.firstChild;
+                            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50c, message);
+                            template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50d, content);
+                            return root_23a4f055a2904f1fa5d72b30cc2abc50a;
                         })();
                     }
                     return (() => {
-                        let root_a6aeaec5a75649bd8ec693d5230c5000g = template_a6aeaec5a75649bd8ec693d5230c5000h(), element_a6aeaec5a75649bd8ec693d5230c5000i = root_a6aeaec5a75649bd8ec693d5230c5000g.firstChild.firstChild;
-                        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c5000i, content);
-                        return root_a6aeaec5a75649bd8ec693d5230c5000g;
+                        let root_23a4f055a2904f1fa5d72b30cc2abc50e = template_23a4f055a2904f1fa5d72b30cc2abc50f(), element_23a4f055a2904f1fa5d72b30cc2abc50g = root_23a4f055a2904f1fa5d72b30cc2abc50e.firstChild.firstChild;
+                        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50g, content);
+                        return root_23a4f055a2904f1fa5d72b30cc2abc50e;
                     })();
                 });
             });
-            template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000p, 'click', () => deactivate(state));
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c5000p, attributes['alert-close']);
-            template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c5000q, svg.sprite(close));
-            return root_a6aeaec5a75649bd8ec693d5230c5000j;
+            template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50n, 'click', () => deactivate(state));
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50n, attributes['alert-close']);
+            template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50o, svg.sprite(close));
+            return root_23a4f055a2904f1fa5d72b30cc2abc50h;
         })(),
         deactivate: () => deactivate(state),
         error,

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

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

package/build/components/back/index.js

@@ -1,17 +1,17 @@
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
 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_a6aeaec5a75649bd8ec693d5230c5000s = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<a
+const template_23a4f055a2904f1fa5d72b30cc2abc50q = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<a
  class='back link --padding-0px --flex-vertical'><!--$--><!--$--></a>`);
 export default template.factory(function (attributes, content) {
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c5000r = template_a6aeaec5a75649bd8ec693d5230c5000s(), element_a6aeaec5a75649bd8ec693d5230c5000t = root_a6aeaec5a75649bd8ec693d5230c5000r.firstChild, element_a6aeaec5a75649bd8ec693d5230c5000u = element_a6aeaec5a75649bd8ec693d5230c5000t.firstChild, element_a6aeaec5a75649bd8ec693d5230c5000v = element_a6aeaec5a75649bd8ec693d5230c5000u.nextSibling;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c5000t, this.attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c5000t, attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c5000u, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
-        template_a6aeaec5a75649bd8ec693d5230c50001.slot(element_a6aeaec5a75649bd8ec693d5230c5000v, content);
-        return root_a6aeaec5a75649bd8ec693d5230c5000r;
+        let root_23a4f055a2904f1fa5d72b30cc2abc50p = template_23a4f055a2904f1fa5d72b30cc2abc50q(), element_23a4f055a2904f1fa5d72b30cc2abc50r = root_23a4f055a2904f1fa5d72b30cc2abc50p.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50s = element_23a4f055a2904f1fa5d72b30cc2abc50r.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50t = element_23a4f055a2904f1fa5d72b30cc2abc50s.nextSibling;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50r, this.attributes);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50r, attributes);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50s, icon({ class: 'back-arrow --margin-right --margin-200' }, arrow));
+        template_23a4f055a2904f1fa5d72b30cc2abc501.slot(element_23a4f055a2904f1fa5d72b30cc2abc50t, content);
+        return root_23a4f055a2904f1fa5d72b30cc2abc50p;
     })();
 });

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

@@ -1,24 +1,24 @@
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
 import { Renderable } from '@esportsplus/template';
 import './scss/index.scss';
 declare const hold: {
     (): ReturnType<(this: {
-        attributes?: template_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+        attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+    }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    <T extends template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: template_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+    <T extends template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>(attributes: T): ReturnType<(this: {
+        attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+    }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.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_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+        attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+    }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>) => Renderable<any>>;
-    (attributes: template_a6aeaec5a75649bd8ec693d5230c50001.Attributes, content: (state: {
+    (attributes: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes, content: (state: {
         holding: boolean;
         complete: boolean;
     }) => Renderable<any>): ReturnType<(this: {
-        attributes?: template_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+        attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
         content?: ((state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) | undefined;
-    }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+    }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.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_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+            attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+        }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        <T extends template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>(attributes: T): ReturnType<(this: {
-            attributes?: template_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+        <T extends template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>(attributes: T): ReturnType<(this: {
+            attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+        }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.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_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+            attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+        }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;
-        (attributes: template_a6aeaec5a75649bd8ec693d5230c50001.Attributes, content: (state: {
+        (attributes: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>): ReturnType<(this: {
-            attributes?: template_a6aeaec5a75649bd8ec693d5230c50001.Attributes | undefined;
+            attributes?: template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes | undefined;
             content?: ((state: {
                 holding: boolean;
                 complete: boolean;
             }) => Renderable<any>) | undefined;
-        }, attributes: Readonly<template_a6aeaec5a75649bd8ec693d5230c50001.Attributes>, content: (state: {
+        }, attributes: Readonly<template_23a4f055a2904f1fa5d72b30cc2abc501.Attributes>, content: (state: {
             holding: boolean;
             complete: boolean;
         }) => Renderable<any>) => Renderable<any>>;

package/build/components/button/index.js

@@ -1,61 +1,45 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import { reactive } from '@esportsplus/template';
 import template from '../template/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c5000y = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div
+const template_23a4f055a2904f1fa5d72b30cc2abc50v = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div
  class='button '><!--$--></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c5000w extends reactivity_a6aeaec5a75649bd8ec693d5230c50000.ReactiveObject {
-    #complete = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    #holding = this[reactivity_a6aeaec5a75649bd8ec693d5230c50000.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get complete() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#complete);
-    }
-    set complete(_v0) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#complete, _v0);
-    }
-    get holding() {
-        return reactivity_a6aeaec5a75649bd8ec693d5230c50000.read(this.#holding);
-    }
-    set holding(_v1) {
-        reactivity_a6aeaec5a75649bd8ec693d5230c50000.write(this.#holding, _v1);
-    }
-}
 const hold = template.factory(function (attributes, content) {
     let end = () => {
         if (!state.complete) {
             state.holding = false;
         }
-    }, state = new ReactiveObject_a6aeaec5a75649bd8ec693d5230c5000w();
+    }, state = reactive({
+        complete: false,
+        holding: false
+    });
     return (() => {
-        let root_a6aeaec5a75649bd8ec693d5230c5000x = template_a6aeaec5a75649bd8ec693d5230c5000y(), element_a6aeaec5a75649bd8ec693d5230c5000z = root_a6aeaec5a75649bd8ec693d5230c5000x.firstChild, element_a6aeaec5a75649bd8ec693d5230c500010 = element_a6aeaec5a75649bd8ec693d5230c5000z.firstChild;
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c5000z, ' ', () => state.holding && 'button--holding');
-        template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c5000z, ' ', () => state.complete && '--active');
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000z, 'mousedown', (e) => {
+        let root_23a4f055a2904f1fa5d72b30cc2abc50u = template_23a4f055a2904f1fa5d72b30cc2abc50v(), element_23a4f055a2904f1fa5d72b30cc2abc50w = root_23a4f055a2904f1fa5d72b30cc2abc50u.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc50x = element_23a4f055a2904f1fa5d72b30cc2abc50w.firstChild;
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc50w, ' ', () => state.holding && 'button--holding');
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc50w, ' ', () => state.complete && '--active');
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c5000z, attributes);
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000z, 'animationend', (e) => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc50w, attributes);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'animationend', (e) => {
             if (e.animationName === 'buttonHolding') {
                 state.complete = true;
             }
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000z, 'click', () => { });
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000z, 'mousedown', (e) => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'click', () => { });
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'mousedown', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000z, 'mouseup', end);
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000z, 'touchend', end);
-        template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c5000z, 'touchstart', (e) => {
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'mouseup', end);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'touchend', end);
+        template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc50w, 'touchstart', (e) => {
             e.preventDefault();
             state.holding = true;
         });
-        new template_a6aeaec5a75649bd8ec693d5230c50001.EffectSlot(element_a6aeaec5a75649bd8ec693d5230c500010, () => content(state));
-        return root_a6aeaec5a75649bd8ec693d5230c5000x;
+        new template_23a4f055a2904f1fa5d72b30cc2abc501.EffectSlot(element_23a4f055a2904f1fa5d72b30cc2abc50x, () => content(state));
+        return root_23a4f055a2904f1fa5d72b30cc2abc50u;
     })();
 });
 export default { hold };

package/build/components/checkbox/index.js

@@ -1,51 +1,34 @@
-import * as reactivity_a6aeaec5a75649bd8ec693d5230c50000 from '@esportsplus/reactivity';
-import { root } from '@esportsplus/reactivity';
-import * as template_a6aeaec5a75649bd8ec693d5230c50001 from '@esportsplus/template';
+import * as template_23a4f055a2904f1fa5d72b30cc2abc501 from '@esportsplus/template';
+import { reactive, root } from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_a6aeaec5a75649bd8ec693d5230c500013 = template_a6aeaec5a75649bd8ec693d5230c50001.template(`<div><input></div>`);
-class ReactiveObject_a6aeaec5a75649bd8ec693d5230c500011 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);
-    }
-}
+const template_23a4f055a2904f1fa5d72b30cc2abc50z = template_23a4f055a2904f1fa5d72b30cc2abc501.template(`<div><input></div>`);
 const OMIT = ['checked', 'value'];
 const factory = (type) => {
     function template(attributes) {
-        let state = attributes?.state || new ReactiveObject_a6aeaec5a75649bd8ec693d5230c500011();
+        let state = attributes?.state || reactive({
+            active: false,
+            error: ''
+        });
         if (attributes?.checked) {
             state.active = true;
         }
         return (() => {
-            let root_a6aeaec5a75649bd8ec693d5230c500012 = template_a6aeaec5a75649bd8ec693d5230c500013(), element_a6aeaec5a75649bd8ec693d5230c500014 = root_a6aeaec5a75649bd8ec693d5230c500012.firstChild, element_a6aeaec5a75649bd8ec693d5230c500015 = element_a6aeaec5a75649bd8ec693d5230c500014.firstElementChild;
-            template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c500014, ' ', type);
-            template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c500014, ' ', () => state.active && '--active');
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500014, this?.attributes && omit(this.attributes, OMIT));
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperties(element_a6aeaec5a75649bd8ec693d5230c500014, attributes && omit(attributes, OMIT));
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c500015, 'checked', attributes?.checked || root(() => state.active));
-            template_a6aeaec5a75649bd8ec693d5230c50001.setClass(element_a6aeaec5a75649bd8ec693d5230c500015, '', `${type}-tag`);
-            template_a6aeaec5a75649bd8ec693d5230c50001.delegate(element_a6aeaec5a75649bd8ec693d5230c500015, 'change', (e) => {
+            let root_23a4f055a2904f1fa5d72b30cc2abc50y = template_23a4f055a2904f1fa5d72b30cc2abc50z(), element_23a4f055a2904f1fa5d72b30cc2abc5010 = root_23a4f055a2904f1fa5d72b30cc2abc50y.firstChild, element_23a4f055a2904f1fa5d72b30cc2abc5011 = element_23a4f055a2904f1fa5d72b30cc2abc5010.firstElementChild;
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5010, ' ', type);
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5010, ' ', () => state.active && '--active');
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5010, this?.attributes && omit(this.attributes, OMIT));
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperties(element_23a4f055a2904f1fa5d72b30cc2abc5010, attributes && omit(attributes, OMIT));
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'checked', attributes?.checked || root(() => state.active));
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setClass(element_23a4f055a2904f1fa5d72b30cc2abc5011, '', `${type}-tag`);
+            template_23a4f055a2904f1fa5d72b30cc2abc501.delegate(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'change', (e) => {
                 state.active = e.target.checked;
             });
-            template_a6aeaec5a75649bd8ec693d5230c50001.onrender(element_a6aeaec5a75649bd8ec693d5230c500015, form.input.onrender(state));
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c500015, 'type', type === 'radio' ? 'radio' : 'checkbox');
-            template_a6aeaec5a75649bd8ec693d5230c50001.setProperty(element_a6aeaec5a75649bd8ec693d5230c500015, 'value', attributes?.value || 1);
-            return root_a6aeaec5a75649bd8ec693d5230c500012;
+            template_23a4f055a2904f1fa5d72b30cc2abc501.onrender(element_23a4f055a2904f1fa5d72b30cc2abc5011, form.input.onrender(state));
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'type', type === 'radio' ? 'radio' : 'checkbox');
+            template_23a4f055a2904f1fa5d72b30cc2abc501.setProperty(element_23a4f055a2904f1fa5d72b30cc2abc5011, 'value', attributes?.value || 1);
+            return root_23a4f055a2904f1fa5d72b30cc2abc50y;
         })();
     }
     return template;