@esportsplus/ui 0.51.6 → 0.51.7

package/build/components/select/index.js

@@ -1,45 +1,45 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { EMPTY_ARRAY, omit, toArray } from '@esportsplus/utilities';
-import form from '../../components/form/index.js';
-import root from '../../components/root/index.js';
-import scrollbar from '../../components/scrollbar/index.js';
-import template from '../../components/template/index.js';
+import form from '../form/index.js';
+import root from '../root/index.js';
+import scrollbar from '../scrollbar/index.js';
+import template from '../template/index.js';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c2o = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='link select-option '>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c2r = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='select tooltip '><!--$--><div class='select-arrow'></div><input class='select-tag' />`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2m extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
-    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
-    #render = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
+const template_167mg1f2 = template_u1.template(`<div class='link select-option ' data-key='' >`);
+const template_167mg1f5 = template_u1.template(`<div class='select tooltip '><!--$--><div class='select-arrow' ></div><input class='select-tag' />`);
+class ReactiveObject_167mg1f0 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
+    #error = this[reactivity_u0.SIGNAL]('');
+    #render = this[reactivity_u0.SIGNAL](false);
     #selected;
     constructor(_p0) {
         super(null);
-        this.#selected = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](_p0);
+        this.#selected = this[reactivity_u0.SIGNAL](_p0);
     }
     get active() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
+        return reactivity_u0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
+        reactivity_u0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
+        return reactivity_u0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
+        reactivity_u0.write(this.#error, _v1);
     }
     get render() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#render);
+        return reactivity_u0.read(this.#render);
     }
     set render(_v2) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#render, _v2);
+        reactivity_u0.write(this.#render, _v2);
     }
     get selected() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#selected);
+        return reactivity_u0.read(this.#selected);
     }
     set selected(_v3) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#selected, _v3);
+        reactivity_u0.write(this.#selected, _v3);
     }
 }
 const OMIT = [
@@ -78,19 +78,19 @@ function set(current, value) {
     }
 }
 const select = template.factory(function (attributes, content) {
-    let { options, option } = attributes, state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2m(attributes.selected || Object.keys(options)[0]);
+    let { options, option } = attributes, state = attributes.state || new ReactiveObject_167mg1f0(attributes.selected || Object.keys(options)[0]);
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c2q = template_0ff113fe0a6246fbbfe92857b2a0303c2r(), element_0ff113fe0a6246fbbfe92857b2a0303c2s = root_0ff113fe0a6246fbbfe92857b2a0303c2q.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c2t = element_0ff113fe0a6246fbbfe92857b2a0303c2s.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c2u = element_0ff113fe0a6246fbbfe92857b2a0303c2s.firstElementChild, element_0ff113fe0a6246fbbfe92857b2a0303c2v = element_0ff113fe0a6246fbbfe92857b2a0303c2u.nextElementSibling;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2s, 'class', () => state.active && '--active');
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2s, this?.attributes && omit(this.attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2s, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c2s, 'click', () => {
+        let root_167mg1f4 = template_167mg1f5(), element_167mg1f6 = root_167mg1f4.firstChild, element_167mg1f7 = element_167mg1f6.firstChild, element_167mg1f8 = element_167mg1f6.firstElementChild, element_167mg1f9 = element_167mg1f8.nextElementSibling;
+        template_u1.setList(element_167mg1f6, 'class', () => state.active && '--active');
+        template_u1.setProperties(element_167mg1f6, this?.attributes && omit(this.attributes, OMIT));
+        template_u1.setProperties(element_167mg1f6, omit(attributes, OMIT));
+        template_u1.delegate(element_167mg1f6, 'click', () => {
             if (state.render) {
                 set(state, !state.active);
             }
             state.render = true;
         });
-        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c2t, content ? (() => content(state)) : (() => {
+        new template_u1.EffectSlot(element_167mg1f7, content ? (() => content(state)) : (() => {
             let selected = options[state.selected];
             if (!selected) {
                 return '-';
@@ -100,17 +100,17 @@ const select = template.factory(function (attributes, content) {
             }
             return selected;
         }));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2u, this?.attributes?.arrow);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2u, attributes.arrow);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2v, 'name', attributes.name);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303c2v, 'click', () => { });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c2v, form.input.onrender(state));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2v, 'value', () => state.selected);
-        new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303c2s, () => {
+        template_u1.setProperties(element_167mg1f8, this?.attributes?.arrow);
+        template_u1.setProperties(element_167mg1f8, attributes.arrow);
+        template_u1.setProperty(element_167mg1f9, 'name', attributes.name);
+        template_u1.delegate(element_167mg1f9, 'click', () => { });
+        template_u1.onrender(element_167mg1f9, form.input.onrender(state));
+        template_u1.setProperty(element_167mg1f9, 'value', () => state.selected);
+        new template_u1.EffectSlot(element_167mg1f6, () => {
             if (!state.render) {
                 return;
             }
-            let keys = Object.keys(options), selected = reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.reactive(Object.fromEntries(keys.map(key => [key, false])));
+            let keys = Object.keys(options), selected = reactivity_u0.reactive(Object.fromEntries(keys.map(key => [key, false])));
             return sb({
                 ...this?.attributes?.['tooltip-content'] || EMPTY_ARRAY,
                 ...attributes['tooltip-content'],
@@ -154,17 +154,17 @@ const select = template.factory(function (attributes, content) {
                     content = content.content;
                 }
                 return (() => {
-                    let root_0ff113fe0a6246fbbfe92857b2a0303c2n = template_0ff113fe0a6246fbbfe92857b2a0303c2o(), element_0ff113fe0a6246fbbfe92857b2a0303c2p = root_0ff113fe0a6246fbbfe92857b2a0303c2n.firstChild;
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2p, 'class', () => selected[key] && '--active');
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2p, this?.attributes?.option);
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2p, option);
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2p, 'data-key', key);
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c2p, content, 1);
-                    return root_0ff113fe0a6246fbbfe92857b2a0303c2n;
+                    let root_167mg1f1 = template_167mg1f2(), element_167mg1f3 = root_167mg1f1.firstChild;
+                    template_u1.setList(element_167mg1f3, 'class', () => selected[key] && '--active');
+                    template_u1.setProperties(element_167mg1f3, this?.attributes?.option);
+                    template_u1.setProperties(element_167mg1f3, option);
+                    template_u1.setProperty(element_167mg1f3, 'data-key', key);
+                    template_u1.slot(element_167mg1f3, content, 1);
+                    return root_167mg1f1;
                 })();
             }));
         }, 2);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c2q;
+        return root_167mg1f4;
     })();
 });
 export default select;

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

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

package/build/components/sidebar/index.js

@@ -1,4 +1,4 @@
-import scrollbar from '../../components/scrollbar/index.js';
+import scrollbar from '../scrollbar/index.js';
 import './scss/index.scss';
 export default scrollbar.bind({
     attributes: {

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

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

package/build/components/site/index.js

@@ -1,5 +1,5 @@
-import { onclick } from '../../components/root/index.js';
-import scrollbar from '../../components/scrollbar/index.js';
+import { onclick } from '../root/index.js';
+import scrollbar from '../scrollbar/index.js';
 import './scss/index.scss';
 export default scrollbar.bind({
     attributes: {

package/build/components/switch/index.js

@@ -1,3 +1,3 @@
-import { factory } from '../../components/checkbox/index.js';
+import { factory } from '../checkbox/index.js';
 import './scss/index.scss';
 export default factory('switch');

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

@@ -1,13 +1,14 @@
 import { Attributes, Renderable } from '@esportsplus/template';
+declare const factory: <A extends Attributes, C = Renderable<any>, Context = {
+    attributes?: A;
+    content?: C;
+}>(template: (this: Context, attributes: Readonly<A>, content: C) => Renderable<any>) => {
+    (): ReturnType<typeof template>;
+    <T extends A>(attributes: T): ReturnType<typeof template>;
+    <T extends C>(content: T): ReturnType<typeof template>;
+    (attributes: A, content: C): ReturnType<typeof template>;
+};
 declare const _default: {
-    factory: <A extends Attributes, C = Renderable<any>, Context = {
-        attributes?: A;
-        content?: C;
-    }>(template: (this: Context, attributes: Readonly<A>, content: C) => Renderable<any>) => {
-        (): ReturnType<typeof template>;
-        <T extends A>(attributes: T): ReturnType<typeof template>;
-        <T extends C>(content: T): ReturnType<typeof template>;
-        (attributes: A, content: C): ReturnType<typeof template>;
-    };
+    factory: typeof factory;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import { Attributes } from '@esportsplus/template';
+import { type Attributes } from '@esportsplus/template';
 import './scss/index.scss';
 export default function (this: {
     attributes?: Attributes;

package/build/components/textarea/index.js

@@ -1,45 +1,45 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
 import { omit } from '@esportsplus/utilities';
-import form from '../../components/form/index.js';
+import form from '../form/index.js';
 import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c2y = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<textarea class='textarea'>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2w extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
-    #error = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL]('');
+const template_1x5yfkx2 = template_u1.template(`<textarea class='textarea' >`);
+class ReactiveObject_1x5yfkx0 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
+    #error = this[reactivity_u0.SIGNAL]('');
     constructor() {
         super(null);
     }
     get active() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
+        return reactivity_u0.read(this.#active);
     }
     set active(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
+        reactivity_u0.write(this.#active, _v0);
     }
     get error() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#error);
+        return reactivity_u0.read(this.#error);
     }
     set error(_v1) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#error, _v1);
+        reactivity_u0.write(this.#error, _v1);
     }
 }
 const OMIT = ['state'];
 export default function (attributes) {
-    let state = attributes.state || new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2w();
+    let state = attributes.state || new ReactiveObject_1x5yfkx0();
     return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c2x = template_0ff113fe0a6246fbbfe92857b2a0303c2y(), element_0ff113fe0a6246fbbfe92857b2a0303c2z = root_0ff113fe0a6246fbbfe92857b2a0303c2x.firstChild;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2z, this?.attributes && omit(this.attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2z, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'class', () => state.active && '--active');
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'focusin', () => {
+        let root_1x5yfkx1 = template_1x5yfkx2(), element_1x5yfkx3 = root_1x5yfkx1.firstChild;
+        template_u1.setProperties(element_1x5yfkx3, this?.attributes && omit(this.attributes, OMIT));
+        template_u1.setProperties(element_1x5yfkx3, omit(attributes, OMIT));
+        template_u1.setList(element_1x5yfkx3, 'class', () => state.active && '--active');
+        template_u1.on(element_1x5yfkx3, 'focusin', () => {
             state.active = true;
         });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'focusout', () => {
+        template_u1.on(element_1x5yfkx3, 'focusout', () => {
             state.active = false;
         });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.onrender(element_0ff113fe0a6246fbbfe92857b2a0303c2z, form.input.onrender(state));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperty(element_0ff113fe0a6246fbbfe92857b2a0303c2z, 'value', attributes?.value || '');
-        return root_0ff113fe0a6246fbbfe92857b2a0303c2x;
+        template_u1.onrender(element_1x5yfkx3, form.input.onrender(state));
+        template_u1.setProperty(element_1x5yfkx3, 'value', attributes?.value || '');
+        return root_1x5yfkx1;
     })();
 }
 ;

package/build/components/tooltip/menu.d.ts

@@ -1,5 +1,4 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import { Attributes, Renderable } from '@esportsplus/template';
+import { type Attributes, type Renderable } from '@esportsplus/template';
 type A = Attributes & {
     options: (Attributes & {
         content: Renderable<unknown>;
@@ -16,19 +15,19 @@ type A = Attributes & {
 declare const _default: {
     (): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
     <T extends A>(attributes: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
-    <T extends template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>>(content: T): ReturnType<(this: {
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
+    <T extends Renderable<any>>(content: T): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
-    (attributes: A, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>): ReturnType<(this: {
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
+    (attributes: A, content: Renderable<any>): ReturnType<(this: {
         attributes?: A | undefined;
-        content?: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>;
-    }, attributes: Readonly<A>, content: template_0ff113fe0a6246fbbfe92857b2a0303c1.Renderable<any>) => Renderable<any>>;
+        content?: Renderable<any>;
+    }, attributes: Readonly<A>, content: Renderable<any>) => Renderable<any>>;
 };
 export default _default;

package/build/components/tooltip/menu.js

@@ -1,38 +1,38 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
+import template from '../template/index.js';
 import onclick from './onclick.js';
-const template_0ff113fe0a6246fbbfe92857b2a0303c31 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<a class='link --width-full' target='_blank'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c34 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='link --width-full'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303c37 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<!--$--><div class='tooltip-content '>`);
+const template_0p4v5171 = template_u1.template(`<a class='link --width-full' target='_blank' >`);
+const template_0p4v5174 = template_u1.template(`<div class='link --width-full' >`);
+const template_0p4v5177 = template_u1.template(`<!--$--><div class='tooltip-content ' >`);
 const OMIT = ['options', 'option', 'tooltip-content'];
 const OMIT_OPTION = ['content'];
 const OMIT_TOOLTIP_CONTENT = ['direction'];
 export default template.factory((attributes, content) => {
     let options = attributes.options, option = attributes.option, tooltipContent = attributes?.['tooltip-content'], tooltipContentDirection = tooltipContent?.direction || 'nw';
     return onclick(omit(attributes, OMIT), (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c36 = template_0ff113fe0a6246fbbfe92857b2a0303c37(), element_0ff113fe0a6246fbbfe92857b2a0303c38 = root_0ff113fe0a6246fbbfe92857b2a0303c36.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c39 = element_0ff113fe0a6246fbbfe92857b2a0303c38.nextSibling;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c38, content);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c39, 'class', `tooltip-content--${tooltipContentDirection}`);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c39, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c39, options.map((o) => {
+        let root_0p4v5176 = template_0p4v5177(), element_0p4v5178 = root_0p4v5176.firstChild, element_0p4v5179 = element_0p4v5178.nextSibling;
+        template_u1.slot(element_0p4v5178, content);
+        template_u1.setList(element_0p4v5179, 'class', `tooltip-content--${tooltipContentDirection}`);
+        template_u1.setProperties(element_0p4v5179, tooltipContent && omit(tooltipContent, OMIT_TOOLTIP_CONTENT));
+        template_u1.slot(element_0p4v5179, options.map((o) => {
             if (o.href) {
                 return (() => {
-                    let root_0ff113fe0a6246fbbfe92857b2a0303c30 = template_0ff113fe0a6246fbbfe92857b2a0303c31(), element_0ff113fe0a6246fbbfe92857b2a0303c32 = root_0ff113fe0a6246fbbfe92857b2a0303c30.firstChild;
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c32, omit(o, OMIT_OPTION));
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c32, option);
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c32, o.content, 1);
-                    return root_0ff113fe0a6246fbbfe92857b2a0303c30;
+                    let root_0p4v5170 = template_0p4v5171(), element_0p4v5172 = root_0p4v5170.firstChild;
+                    template_u1.setProperties(element_0p4v5172, omit(o, OMIT_OPTION));
+                    template_u1.setProperties(element_0p4v5172, option);
+                    template_u1.slot(element_0p4v5172, o.content, 1);
+                    return root_0p4v5170;
                 })();
             }
             return (() => {
-                let root_0ff113fe0a6246fbbfe92857b2a0303c33 = template_0ff113fe0a6246fbbfe92857b2a0303c34(), element_0ff113fe0a6246fbbfe92857b2a0303c35 = root_0ff113fe0a6246fbbfe92857b2a0303c33.firstChild;
-                template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c35, omit(o, OMIT_OPTION));
-                template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c35, option);
-                template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c35, o.content, 1);
-                return root_0ff113fe0a6246fbbfe92857b2a0303c33;
+                let root_0p4v5173 = template_0p4v5174(), element_0p4v5175 = root_0p4v5173.firstChild;
+                template_u1.setProperties(element_0p4v5175, omit(o, OMIT_OPTION));
+                template_u1.setProperties(element_0p4v5175, option);
+                template_u1.slot(element_0p4v5175, o.content, 1);
+                return root_0p4v5173;
             })();
         }), 1);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c36;
+        return root_0p4v5176;
     })());
 });