@esportsplus/ui 0.51.4 → 0.51.6

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

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

package/build/components/ellipsis/index.js

@@ -1,8 +1,8 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db3725 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='ellipsis'><span></span><span></span><span></span></div>`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c1j = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='ellipsis'><span></span><span></span><span>`);
 export default (attributes) => {
-    let root_b7478c4a5ff041d4bc1434ee94c2db3724 = template_b7478c4a5ff041d4bc1434ee94c2db3725(), element_b7478c4a5ff041d4bc1434ee94c2db3726 = root_b7478c4a5ff041d4bc1434ee94c2db3724.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db3727 = { "class": " ellipsis" };
-    template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3726, attributes, attributes_b7478c4a5ff041d4bc1434ee94c2db3727);
-    return root_b7478c4a5ff041d4bc1434ee94c2db3724;
+    let root_0ff113fe0a6246fbbfe92857b2a0303c1i = template_0ff113fe0a6246fbbfe92857b2a0303c1j(), element_0ff113fe0a6246fbbfe92857b2a0303c1k = root_0ff113fe0a6246fbbfe92857b2a0303c1i.firstChild;
+    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1k, attributes);
+    return root_0ff113fe0a6246fbbfe92857b2a0303c1i;
 };

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

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

package/build/components/form/action.js

@@ -1,8 +1,8 @@
 import response from '@esportsplus/action';
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
 import input from './input.js';
-const template_b7478c4a5ff041d4bc1434ee94c2db3729 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<form class='form'><!--$--></form>`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c1m = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<form class='form'>`);
 const OMIT = ['action', 'state'];
 function parse(input) {
     let data = {};
@@ -29,9 +29,9 @@ function parse(input) {
 export default (attributes, content) => {
     let { action, state } = attributes;
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db3728 = template_b7478c4a5ff041d4bc1434ee94c2db3729(), element_b7478c4a5ff041d4bc1434ee94c2db372a = root_b7478c4a5ff041d4bc1434ee94c2db3728.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db372b = element_b7478c4a5ff041d4bc1434ee94c2db372a.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372c = { "class": " form" };
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372a, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db372c);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db372a, 'click', function (event) {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c1l = template_0ff113fe0a6246fbbfe92857b2a0303c1m(), element_0ff113fe0a6246fbbfe92857b2a0303c1n = root_0ff113fe0a6246fbbfe92857b2a0303c1l.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1n, omit(attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c1n, 'click', function (event) {
             let trigger = event.target;
             if (trigger?.type !== 'submit') {
                 return;
@@ -39,7 +39,7 @@ export default (attributes, content) => {
             event.preventDefault();
             this.dispatchEvent(new SubmitEvent('submit', { cancelable: true, bubbles: true, submitter: trigger }));
         });
-        template_b7478c4a5ff041d4bc1434ee94c2db371.on(element_b7478c4a5ff041d4bc1434ee94c2db372a, 'submit', async function (event) {
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c1n, 'submit', async function (event) {
             event.preventDefault();
             if (state) {
                 state.processing = true;
@@ -59,7 +59,7 @@ export default (attributes, content) => {
                 state.processing = false;
             }
         });
-        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db372b, content);
-        return root_b7478c4a5ff041d4bc1434ee94c2db3728;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1n, content, 1);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c1l;
     })();
 };

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

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

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

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

package/build/components/highlight/index.js

@@ -1,19 +1,19 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db372f = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='highlight'><!--$--></div>`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372d extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #highlight = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](0);
+const template_0ff113fe0a6246fbbfe92857b2a0303c1q = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='highlight'>`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c1o extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #highlight = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
     constructor() {
         super(null);
     }
     get highlight() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#highlight);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#highlight);
     }
     set highlight(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#highlight, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#highlight, _v0);
     }
 }
 const OMIT = ['background'];
@@ -38,19 +38,19 @@ export default template.factory((attributes, content) => {
             }
         }, { threshold: 1 });
     }
-    let state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372d();
+    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c1o();
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db372e = template_b7478c4a5ff041d4bc1434ee94c2db372f(), element_b7478c4a5ff041d4bc1434ee94c2db372g = root_b7478c4a5ff041d4bc1434ee94c2db372e.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db372h = element_b7478c4a5ff041d4bc1434ee94c2db372g.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372i = { "class": " highlight" };
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372g, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db372i);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.onrender(element_b7478c4a5ff041d4bc1434ee94c2db372g, (element) => {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c1p = template_0ff113fe0a6246fbbfe92857b2a0303c1q(), element_0ff113fe0a6246fbbfe92857b2a0303c1r = root_0ff113fe0a6246fbbfe92857b2a0303c1p.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1r, omit(attributes, OMIT));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c1r, (element) => {
             element[key] = state;
             observer.observe(element);
         });
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db372g, 'style', [
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c1r, 'style', [
             () => `--highlight: ${state.highlight}`,
             `--background: ${attributes.background}`,
-        ], attributes_b7478c4a5ff041d4bc1434ee94c2db372i);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db372h, content);
-        return root_b7478c4a5ff041d4bc1434ee94c2db372e;
+        ]);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c1r, content, 1);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c1p;
     })();
 });

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

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

package/build/components/icon/index.js

@@ -1,13 +1,15 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import { svg } from '@esportsplus/template';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db372k = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='icon'><!--$--></div>`);
-export default template.factory((attributes, icon) => {
+const template_0ff113fe0a6246fbbfe92857b2a0303c1t = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='icon'><svg><use />`);
+export default template.factory((attributes, href) => {
+    if (href[0] !== '#') {
+        href = '#' + href;
+    }
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db372j = template_b7478c4a5ff041d4bc1434ee94c2db372k(), element_b7478c4a5ff041d4bc1434ee94c2db372l = root_b7478c4a5ff041d4bc1434ee94c2db372j.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db372m = element_b7478c4a5ff041d4bc1434ee94c2db372l.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372n = { "class": " icon" };
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372l, attributes, attributes_b7478c4a5ff041d4bc1434ee94c2db372n);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db372m, svg.sprite(icon));
-        return root_b7478c4a5ff041d4bc1434ee94c2db372j;
+        let root_0ff113fe0a6246fbbfe92857b2a0303c1s = template_0ff113fe0a6246fbbfe92857b2a0303c1t(), element_0ff113fe0a6246fbbfe92857b2a0303c1u = root_0ff113fe0a6246fbbfe92857b2a0303c1s.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c1v = element_0ff113fe0a6246fbbfe92857b2a0303c1u.firstElementChild.firstElementChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1u, attributes);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c1v, 'href', href);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c1s;
     })();
 });

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

@@ -7,4 +7,4 @@ export default function (this: {
         active: boolean;
         error: string;
     };
-}): DocumentFragment;
+}): DocumentFragment | Text;

package/build/components/input/index.js

@@ -1,43 +1,43 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import form from '../../components/form/index.js';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db372q = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<input class='input' />`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372o extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #active = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
-    #error = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL]('');
+const template_0ff113fe0a6246fbbfe92857b2a0303c1y = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<input class='input' />`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c1w extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#active);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#active, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#error);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#error, _v1);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
     }
 }
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372o();
+    let state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c1w();
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db372p = template_b7478c4a5ff041d4bc1434ee94c2db372q(), element_b7478c4a5ff041d4bc1434ee94c2db372r = root_b7478c4a5ff041d4bc1434ee94c2db372p.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372s = { "class": " input" };
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372r, this?.attributes, attributes_b7478c4a5ff041d4bc1434ee94c2db372s);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372r, attributes, attributes_b7478c4a5ff041d4bc1434ee94c2db372s);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db372r, 'class', () => state.active && '--active', attributes_b7478c4a5ff041d4bc1434ee94c2db372s);
-        template_b7478c4a5ff041d4bc1434ee94c2db371.on(element_b7478c4a5ff041d4bc1434ee94c2db372r, 'focusin', () => {
+        let root_0ff113fe0a6246fbbfe92857b2a0303c1x = template_0ff113fe0a6246fbbfe92857b2a0303c1y(), element_0ff113fe0a6246fbbfe92857b2a0303c1z = root_0ff113fe0a6246fbbfe92857b2a0303c1x.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1z, this?.attributes);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c1z, attributes);
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c1z, 'class', () => state.active && '--active');
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c1z, 'focusin', () => {
             state.active = true;
         });
-        template_b7478c4a5ff041d4bc1434ee94c2db371.on(element_b7478c4a5ff041d4bc1434ee94c2db372r, 'focusout', () => {
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c1z, 'focusout', () => {
             state.active = false;
         });
-        template_b7478c4a5ff041d4bc1434ee94c2db371.onrender(element_b7478c4a5ff041d4bc1434ee94c2db372r, form.input.onrender(state));
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperty(element_b7478c4a5ff041d4bc1434ee94c2db372r, 'type', (attributes.type || 'text'));
-        return root_b7478c4a5ff041d4bc1434ee94c2db372p;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c1z, form.input.onrender(state));
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c1z, 'type', (attributes.type || 'text'));
+        return root_0ff113fe0a6246fbbfe92857b2a0303c1x;
     })();
 }
 ;

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

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

package/build/components/loader/index.js

@@ -1,78 +1,78 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
-import * as reactivity_b7478c4a5ff041d4bc1434ee94c2db370 from '@esportsplus/reactivity';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
 import template from '../../components/template/index.js';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db372v = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='loader-content'><div class='loader-logo text --flex-center --text-uppercase --text-600' style='color: var(--color-grey-500);'><!--$--></div></div>`);
-const template_b7478c4a5ff041d4bc1434ee94c2db3732 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='loader '><div class='loader '><!--$--></div></div>`);
-class ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372t extends reactivity_b7478c4a5ff041d4bc1434ee94c2db370.ReactiveObject {
-    #load = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
-    #remove = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
-    #scale = this[reactivity_b7478c4a5ff041d4bc1434ee94c2db370.SIGNAL](false);
+const template_0ff113fe0a6246fbbfe92857b2a0303c22 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='loader-content'><div class='loader-logo text --flex-center --text-uppercase --text-600' style='color: var(--color-grey-500);'>`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c26 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='loader '><div class='loader '>`);
+class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c20 extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
+    #load = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+    #remove = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+    #scale = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
     constructor() {
         super(null);
     }
     get load() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#load);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#load);
     }
     set load(_v0) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#load, _v0);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#load, _v0);
     }
     get remove() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#remove);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#remove);
     }
     set remove(_v1) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#remove, _v1);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#remove, _v1);
     }
     get scale() {
-        return reactivity_b7478c4a5ff041d4bc1434ee94c2db370.read(this.#scale);
+        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#scale);
     }
     set scale(_v2) {
-        reactivity_b7478c4a5ff041d4bc1434ee94c2db370.write(this.#scale, _v2);
+        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#scale, _v2);
     }
 }
 const OMIT = ['loader-content', 'loader-logo'];
 export default template.factory((attributes, content) => {
-    let state = new ReactiveObject_b7478c4a5ff041d4bc1434ee94c2db372t();
+    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c20();
     return () => {
         if (state.remove) {
             return;
         }
         let i = 0;
         return (() => {
-            let root_b7478c4a5ff041d4bc1434ee94c2db3731 = template_b7478c4a5ff041d4bc1434ee94c2db3732(), element_b7478c4a5ff041d4bc1434ee94c2db3733 = root_b7478c4a5ff041d4bc1434ee94c2db3731.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db3734 = element_b7478c4a5ff041d4bc1434ee94c2db3733.firstElementChild, element_b7478c4a5ff041d4bc1434ee94c2db3735 = element_b7478c4a5ff041d4bc1434ee94c2db3734.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db3736 = { "class": " loader " }, attributes_b7478c4a5ff041d4bc1434ee94c2db3737 = { "class": " loader " };
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db3733, 'class', () => state.load && 'loader--load', attributes_b7478c4a5ff041d4bc1434ee94c2db3736);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db3733, 'animationend', (e) => {
+            let root_0ff113fe0a6246fbbfe92857b2a0303c25 = template_0ff113fe0a6246fbbfe92857b2a0303c26(), element_0ff113fe0a6246fbbfe92857b2a0303c27 = root_0ff113fe0a6246fbbfe92857b2a0303c25.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c28 = element_0ff113fe0a6246fbbfe92857b2a0303c27.firstElementChild;
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c27, 'class', () => state.load && 'loader--load');
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c27, 'animationend', (e) => {
                 i++;
                 if (e.animationName === 'move' && i > 1) {
                     state.remove = true;
                 }
             });
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3733, omit(attributes, OMIT), attributes_b7478c4a5ff041d4bc1434ee94c2db3736);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db3734, 'class', () => state.load && 'loader--load', attributes_b7478c4a5ff041d4bc1434ee94c2db3737);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3734, !content && {
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c27, omit(attributes, OMIT));
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c28, 'class', () => state.load && 'loader--load');
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c28, !content && {
                 onconnect: () => {
                     state.load = true;
                 }
-            }, attributes_b7478c4a5ff041d4bc1434ee94c2db3737);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db3734, attributes.loader, attributes_b7478c4a5ff041d4bc1434ee94c2db3737);
-            template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db3735, content && (() => {
-                let root_b7478c4a5ff041d4bc1434ee94c2db372u = template_b7478c4a5ff041d4bc1434ee94c2db372v(), element_b7478c4a5ff041d4bc1434ee94c2db372w = root_b7478c4a5ff041d4bc1434ee94c2db372u.firstChild, element_b7478c4a5ff041d4bc1434ee94c2db372x = element_b7478c4a5ff041d4bc1434ee94c2db372w.firstElementChild, element_b7478c4a5ff041d4bc1434ee94c2db372y = element_b7478c4a5ff041d4bc1434ee94c2db372x.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db372z = { "class": " loader-content" }, attributes_b7478c4a5ff041d4bc1434ee94c2db3730 = { "class": " loader-logo text --flex-center --text-uppercase --text-600", "style": " color: var(--color-grey-500);" };
-                template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372w, attributes['loader-content'], attributes_b7478c4a5ff041d4bc1434ee94c2db372z);
-                template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db372x, attributes['loader-logo'], attributes_b7478c4a5ff041d4bc1434ee94c2db3730);
-                template_b7478c4a5ff041d4bc1434ee94c2db371.setList(element_b7478c4a5ff041d4bc1434ee94c2db372x, 'class', () => state.scale && 'loader-logo--scale', attributes_b7478c4a5ff041d4bc1434ee94c2db3730);
-                template_b7478c4a5ff041d4bc1434ee94c2db371.delegate(element_b7478c4a5ff041d4bc1434ee94c2db372x, 'animationend', ({ animationName: name }) => {
+            });
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c28, attributes.loader);
+            template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c28, content && (() => {
+                let root_0ff113fe0a6246fbbfe92857b2a0303c21 = template_0ff113fe0a6246fbbfe92857b2a0303c22(), element_0ff113fe0a6246fbbfe92857b2a0303c23 = root_0ff113fe0a6246fbbfe92857b2a0303c21.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c24 = element_0ff113fe0a6246fbbfe92857b2a0303c23.firstElementChild;
+                template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c23, attributes['loader-content']);
+                template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c24, attributes['loader-logo']);
+                template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c24, 'class', () => state.scale && 'loader-logo--scale');
+                template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c24, 'animationend', ({ animationName: name }) => {
                     if (name === 'scale') {
                         state.load = true;
                     }
                 });
-                template_b7478c4a5ff041d4bc1434ee94c2db371.onconnect(element_b7478c4a5ff041d4bc1434ee94c2db372x, () => {
+                template_0ff113fe0a6246fbbfe92857b2a0303c1.onconnect(element_0ff113fe0a6246fbbfe92857b2a0303c24, () => {
                     state.scale = true;
                 });
-                template_b7478c4a5ff041d4bc1434ee94c2db371.slot(element_b7478c4a5ff041d4bc1434ee94c2db372y, content);
-                return root_b7478c4a5ff041d4bc1434ee94c2db372u;
-            })());
-            return root_b7478c4a5ff041d4bc1434ee94c2db3731;
+                template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c24, content, 1);
+                return root_0ff113fe0a6246fbbfe92857b2a0303c21;
+            })(), 1);
+            return root_0ff113fe0a6246fbbfe92857b2a0303c25;
         })();
     };
 });

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

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

package/build/components/loading/index.js

@@ -1,10 +1,10 @@
-import * as template_b7478c4a5ff041d4bc1434ee94c2db371 from '@esportsplus/template';
+import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
 import './scss/index.scss';
-const template_b7478c4a5ff041d4bc1434ee94c2db3739 = template_b7478c4a5ff041d4bc1434ee94c2db371.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'></div>`);
+const template_0ff113fe0a6246fbbfe92857b2a0303c2a = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='loading --border-width-700 --size-800' style='--border-color: var(--color-border-500);'>`);
 export default (attributes) => {
     return (() => {
-        let root_b7478c4a5ff041d4bc1434ee94c2db3738 = template_b7478c4a5ff041d4bc1434ee94c2db3739(), element_b7478c4a5ff041d4bc1434ee94c2db373a = root_b7478c4a5ff041d4bc1434ee94c2db3738.firstChild, attributes_b7478c4a5ff041d4bc1434ee94c2db373b = { "class": " loading --border-width-700 --size-800", "style": " --border-color: var(--color-border-500);" };
-        template_b7478c4a5ff041d4bc1434ee94c2db371.setProperties(element_b7478c4a5ff041d4bc1434ee94c2db373a, attributes, attributes_b7478c4a5ff041d4bc1434ee94c2db373b);
-        return root_b7478c4a5ff041d4bc1434ee94c2db3738;
+        let root_0ff113fe0a6246fbbfe92857b2a0303c29 = template_0ff113fe0a6246fbbfe92857b2a0303c2a(), element_0ff113fe0a6246fbbfe92857b2a0303c2b = root_0ff113fe0a6246fbbfe92857b2a0303c29.firstChild;
+        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2b, attributes);
+        return root_0ff113fe0a6246fbbfe92857b2a0303c29;
     })();
 };

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

@@ -6,5 +6,5 @@ declare const _default: (this: {
         active: boolean;
         error: string;
     };
-}) => DocumentFragment;
+}) => DocumentFragment | Text;
 export default _default;

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

@@ -10,4 +10,4 @@ export default function (this: {
         error: string;
         value: number;
     };
-}): DocumentFragment;
+}): DocumentFragment | Text;