@esportsplus/ui 0.53.0 → 0.55.0

package/build/components/button/index.js

@@ -1,60 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import './scss/index.scss';
-const template_1u9ndnf2 = template_u1.template(`<div class='button ' >`);
-class ReactiveObject_1u9ndnf0 extends reactivity_u0.ReactiveObject {
-    #complete = this[reactivity_u0.SIGNAL](false);
-    #holding = this[reactivity_u0.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get complete() {
-        return reactivity_u0.read(this.#complete);
-    }
-    set complete(_v0) {
-        reactivity_u0.write(this.#complete, _v0);
-    }
-    get holding() {
-        return reactivity_u0.read(this.#holding);
-    }
-    set holding(_v1) {
-        reactivity_u0.write(this.#holding, _v1);
-    }
-}
-const hold = component(function (attributes, content) {
-    let end = () => {
-        if (!state.complete) {
-            state.holding = false;
-        }
-    }, state = new ReactiveObject_1u9ndnf0();
-    return (() => {
-        let root_1u9ndnf1 = template_1u9ndnf2(), element_1u9ndnf3 = root_1u9ndnf1.firstChild;
-        template_u1.setList(element_1u9ndnf3, 'class', () => state.holding && 'button--holding');
-        template_u1.delegate(element_1u9ndnf3, 'mousedown', (e) => {
-            e.preventDefault();
-            state.holding = true;
-        });
-        template_u1.setProperties(element_1u9ndnf3, attributes);
-        template_u1.delegate(element_1u9ndnf3, 'animationend', (e) => {
-            if (e.animationName === 'buttonHolding') {
-                state.complete = true;
-            }
-        });
-        template_u1.delegate(element_1u9ndnf3, 'click', () => { });
-        template_u1.delegate(element_1u9ndnf3, 'mousedown', (e) => {
-            e.preventDefault();
-            state.holding = true;
-        });
-        template_u1.delegate(element_1u9ndnf3, 'mouseup', end);
-        template_u1.delegate(element_1u9ndnf3, 'touchend', end);
-        template_u1.delegate(element_1u9ndnf3, 'touchstart', (e) => {
-            e.preventDefault();
-            state.holding = true;
-        });
-        new template_u1.EffectSlot(element_1u9ndnf3, () => content(state), 1);
-        return root_1u9ndnf1;
-    })();
-});
-export default { hold };
-export { hold };

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

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

package/build/components/ellipsis/index.js

@@ -1,8 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import './scss/index.scss';
-const template_0bfeb8u1 = template_u1.template(`<div class='ellipsis' ><span></span><span></span><span>`);
-export default (attributes) => {
-    let root_0bfeb8u0 = template_0bfeb8u1(), element_0bfeb8u2 = root_0bfeb8u0.firstChild;
-    template_u1.setProperties(element_0bfeb8u2, attributes);
-    return root_0bfeb8u0;
-};

package/build/components/ellipsis/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.ellipsis{--animation-duration:1.24s;--margin-horizontal:var(--size-100);--size:var(--size-200)}.ellipsis span{animation:ellipsis var(--animation-duration) infinite linear;background-color:var(--color);height:var(--size);margin:0 var(--margin-horizontal);width:var(--size);border-radius:100%;display:inline-block}.ellipsis span :nth-child(2){animation-delay:.24s}.ellipsis span :nth-child(3){animation-delay:.48s}@keyframes ellipsis{0%,to{opacity:.16}20%{opacity:1}}}
-/*$vite$:1*/

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

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

package/build/components/frame/index.js

@@ -1,13 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-import './scss/index.scss';
-const template_0f2789a1 = template_u1.template(`<div class='frame --scrollbar' >`);
-export default component(function (attributes, content) {
-    return (() => {
-        let root_0f2789a0 = template_0f2789a1(), element_0f2789a2 = root_0f2789a0.firstChild;
-        template_u1.setProperties(element_0f2789a2, this?.attributes);
-        template_u1.setProperties(element_0f2789a2, attributes);
-        template_u1.slot(element_0f2789a2, content, 1);
-        return root_0f2789a0;
-    })();
-});

package/build/components/frame/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.frames{--gap:var(--size-400);--opacity:.4;gap:var(--gap);transform:translateX(calc(var(--i) * (100% + var(--gap))));transition:transform .3s;display:flex}.frames .frame{flex-shrink:0;width:100%;min-width:100%}.frames .frame:not(.--active){opacity:var(--opacity);display:flex}.frames .frame:not(.--active)>*{pointer-events:none}.frame{cursor:default;flex-wrap:wrap;justify-content:flex-start;width:100%;max-width:100%;display:none;position:relative}.frame.--active{display:flex}}
-/*$vite$:1*/

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

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

package/build/components/highlight/index.js

@@ -1,56 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import './scss/index.scss';
-const template_0k38r592 = template_u1.template(`<div class='highlight' >`);
-class ReactiveObject_0k38r590 extends reactivity_u0.ReactiveObject {
-    #highlight = this[reactivity_u0.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get highlight() {
-        return reactivity_u0.read(this.#highlight);
-    }
-    set highlight(_v0) {
-        reactivity_u0.write(this.#highlight, _v0);
-    }
-}
-const OMIT = ['background'];
-let key = Symbol(), observer = null;
-export default component((attributes, content) => {
-    if (observer === null) {
-        observer = new IntersectionObserver((entries) => {
-            let disconnected = 0, n = entries.length;
-            for (let i = 0; i < n; i++) {
-                let { isIntersecting, target } = entries[i];
-                if (target.isConnected) {
-                    target[key].highlight = +isIntersecting;
-                }
-                else {
-                    disconnected++;
-                    observer.unobserve(target);
-                }
-            }
-            if (n - disconnected === 0) {
-                observer.disconnect();
-                observer = null;
-            }
-        }, { threshold: 1 });
-    }
-    let state = new ReactiveObject_0k38r590();
-    return (() => {
-        let root_0k38r591 = template_0k38r592(), element_0k38r593 = root_0k38r591.firstChild;
-        template_u1.setProperties(element_0k38r593, omit(attributes, OMIT));
-        template_u1.onrender(element_0k38r593, (element) => {
-            element[key] = state;
-            observer.observe(element);
-        });
-        template_u1.setList(element_0k38r593, 'style', [
-            () => `--highlight: ${state.highlight}`,
-            `--background: ${attributes.background}`,
-        ]);
-        template_u1.slot(element_0k38r593, content, 1);
-        return root_0k38r591;
-    })();
-});

package/build/components/highlight/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.highlight{--background:transparent;--highlight:1;background:linear-gradient(90deg, var(--background) 50%, transparent 50%) 110% 0/200% 100% no-repeat;background-position:calc((1 - var(--highlight)) * 110%) 0;transition:background-position .32s}}
-/*$vite$:1*/

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

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

package/build/components/loader/index.js

@@ -1,78 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import './scss/index.scss';
-const template_0bvfqbq2 = template_u1.template(`<div class='loader-content' ><div class='loader-logo text --flex-center --text-uppercase --text-600' style='color: var(--color-grey-500);' >`);
-const template_0bvfqbq6 = template_u1.template(`<div class='loader '><div class='loader ' >`);
-class ReactiveObject_0bvfqbq0 extends reactivity_u0.ReactiveObject {
-    #load = this[reactivity_u0.SIGNAL](false);
-    #remove = this[reactivity_u0.SIGNAL](false);
-    #scale = this[reactivity_u0.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get load() {
-        return reactivity_u0.read(this.#load);
-    }
-    set load(_v0) {
-        reactivity_u0.write(this.#load, _v0);
-    }
-    get remove() {
-        return reactivity_u0.read(this.#remove);
-    }
-    set remove(_v1) {
-        reactivity_u0.write(this.#remove, _v1);
-    }
-    get scale() {
-        return reactivity_u0.read(this.#scale);
-    }
-    set scale(_v2) {
-        reactivity_u0.write(this.#scale, _v2);
-    }
-}
-const OMIT = ['loader-content', 'loader-logo'];
-export default component((attributes, content) => {
-    let state = new ReactiveObject_0bvfqbq0();
-    return () => {
-        if (state.remove) {
-            return;
-        }
-        let i = 0;
-        return (() => {
-            let root_0bvfqbq5 = template_0bvfqbq6(), element_0bvfqbq7 = root_0bvfqbq5.firstChild, element_0bvfqbq8 = element_0bvfqbq7.firstElementChild;
-            template_u1.setList(element_0bvfqbq7, 'class', () => state.load && 'loader--load');
-            template_u1.delegate(element_0bvfqbq7, 'animationend', ({ animationName: name }) => {
-                i++;
-                if (name === 'move' && i > 1) {
-                    state.remove = true;
-                }
-            });
-            template_u1.setProperties(element_0bvfqbq7, omit(attributes, OMIT));
-            template_u1.setList(element_0bvfqbq8, 'class', () => state.load && 'loader--load');
-            template_u1.setProperties(element_0bvfqbq8, !content && {
-                onconnect: () => {
-                    state.load = true;
-                }
-            });
-            template_u1.setProperties(element_0bvfqbq8, attributes.loader);
-            template_u1.slot(element_0bvfqbq8, content && (() => {
-                let root_0bvfqbq1 = template_0bvfqbq2(), element_0bvfqbq3 = root_0bvfqbq1.firstChild, element_0bvfqbq4 = element_0bvfqbq3.firstElementChild;
-                template_u1.setProperties(element_0bvfqbq3, attributes['loader-content']);
-                template_u1.setProperties(element_0bvfqbq4, attributes['loader-logo']);
-                template_u1.setList(element_0bvfqbq4, 'class', () => state.scale && 'loader-logo--scale');
-                template_u1.delegate(element_0bvfqbq4, 'animationend', ({ animationName: name }) => {
-                    if (name === 'scale') {
-                        state.load = true;
-                    }
-                });
-                template_u1.onconnect(element_0bvfqbq4, () => {
-                    state.scale = true;
-                });
-                template_u1.slot(element_0bvfqbq4, content, 1);
-                return root_0bvfqbq1;
-            })(), 1);
-            return root_0bvfqbq5;
-        })();
-    };
-});

package/build/components/loader/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.loader-logo{--size:10svh;--translateY:8px}.loader{opacity:1;pointer-events:none;visibility:visible;z-index:9999;background-color:#01020964;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;position:fixed;inset:0}.loader--load{animation:.4s ease-in-out .2s both loaderMove}.loader--load .loader--load{animation:.4s ease-in-out both loaderMove}@keyframes loaderMove{0%{transform:translateY(0)}80%{transform:translateY(-102%)}to{transform:translateY(-102%)}}.loader .loader{background-color:var(--color-black-400)}.loader-content{position:absolute;inset:50% auto auto 50%;transform:translate(-50%)translateY(-50%)}.loader-logo{color:#fff}.loader-logo--scale{animation:.32s both loaderLogoScale}@keyframes loaderLogoScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale3d(1.8,1.8,1.8)}}}
-/*$vite$:1*/

package/build/components/radio/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.radio{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:100%;--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--height:var(--size);--margin-horizontal:calc(var(--width-switch) - var(--width));--opacity:var(--opacity-default);--opacity-active:1;--opacity-default:.4;--opacity-hover:var(--opacity-default);--opacity-pressed:var(--opacity-default);--rotate:0deg;--scale:var(--scale-default);--scale-active:.9;--scale-default:0;--scale-hover:.8;--scale-pressed:.7;--size:var(--size-600);--width:var(--height);--width-switch:40px}.radio:before{--height:calc((var(--size) / 2) - (var(--border-width) * 2));--box-shadow:0 1px 0 #00000029;--translateX:50%;--translateY:50%;--width:var(--height)}.radio label:not(.--active):not(.--active):hover,.radio:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--opacity:var(--opacity-hover);--scale:var(--scale-hover)}.radio label:not(.--active):not(.--active):active,.radio:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--opacity:var(--opacity-pressed);--scale:var(--scale-pressed)}.radio.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--opacity:var(--opacity-active);--scale:var(--scale-active)}.radio{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);transition:background var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out, box-shadow var(--transition-duration) ease-in-out, opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;width:var(--width);position:relative}.radio:invalid,.radio:required{box-shadow:none}.radio:before{background:var(--accent);border-radius:inherit;box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX), var(--translateY)) rotate(var(--rotate)) scale(var(--scale));transform-origin:50%;width:var(--width);position:absolute;bottom:50%;right:50%}.radio-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
-/*$vite$:1*/

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

@@ -1,7 +0,0 @@
-import onclick from './onclick.js';
-import './scss/index.scss';
-declare const _default: {
-    onclick: typeof onclick;
-};
-export default _default;
-export { onclick };

package/build/components/root/index.js

@@ -1,4 +0,0 @@
-import onclick from './onclick.js';
-import './scss/index.scss';
-export default { onclick };
-export { onclick };

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

@@ -1,5 +0,0 @@
-declare function onclick(): Promise<void>;
-declare namespace onclick {
-    var push: (fn: VoidFunction) => void;
-}
-export default onclick;

package/build/components/root/onclick.js

@@ -1,12 +0,0 @@
-import factory from '@esportsplus/queue';
-let queue = factory(64);
-const onclick = async () => {
-    let item;
-    while (item = queue.next()) {
-        await item();
-    }
-};
-onclick.push = (fn) => {
-    queue.add(fn);
-};
-export default onclick;

package/build/components/switch/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.switch{--background:var(--background-default);--background-active:var(--background-default);--background-default:transparent;--background-hover:var(--background-default);--background-pressed:var(--background-default);--border-color:var(--border-color-default);--border-color-default:var(--background);--border-radius:240px;--border-style:solid;--border-width:0px;--box-shadow:var(--box-shadow-default);--box-shadow-default:none;--height:var(--size);--opacity:var(--opacity-default);--opacity-active:var(--opacity-default);--opacity-default:1;--opacity-hover:var(--opacity-default);--opacity-pressed:var(--opacity-default);--padding-horizontal:var(--border-width-400);--padding-vertical:var(--border-width-400);--rotate:0deg;--scale:var(--scale-default);--scale-active:var(--scale-default);--scale-default:1;--scale-hover:var(--scale-default);--scale-pressed:var(--scale-default);--size:var(--size-600);--width:var(--width-switch);--width-switch:40px}.switch:before{--box-shadow:0 1px 0 #00000029;--height:calc(var(--size) - (var(--border-width) * 2) - (var(--padding-vertical) * 2));--translateX:0px;--translateY:0px;--width:var(--height)}.switch:not(.--active):not(.--active):hover{--background:var(--background-hover);--border-color:var(--border-color-hover);--box-shadow:var(--box-shadow-hover);--color:var(--color-hover);--opacity:var(--opacity-hover);--scale:var(--scale-hover)}.switch:not(.--active):not(.--active):active{--background:var(--background-pressed);--border-color:var(--border-color-pressed);--box-shadow:var(--box-shadow-pressed);--color:var(--color-pressed);--opacity:var(--opacity-pressed);--scale:var(--scale-pressed)}.switch.--active{--background:var(--background-active);--border-color:var(--border-color-active);--box-shadow:var(--box-shadow-active);--opacity:var(--opacity-active);--scale:var(--scale-active)}.switch.--active:before{--translateX:calc(var(--width-switch) - (var(--border-width) * 2) - var(--height) - (var(--padding-horizontal) * 2))}.switch{background:var(--background);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);flex:0 0 var(--width);height:var(--height);transition:background var(--transition-duration) ease-in-out, border-color var(--transition-duration) ease-in-out, box-shadow var(--transition-duration) ease-in-out, opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;width:var(--width);position:relative}.switch:invalid,.switch:required{box-shadow:none}.switch:before{top:var(--padding-vertical);left:var(--padding-horizontal);background:var(--accent);border-radius:inherit;box-shadow:var(--box-shadow);content:"";height:var(--height);opacity:var(--opacity);transform:translate(var(--translateX), var(--translateY)) rotate(var(--rotate)) scale(var(--scale));transform-origin:50%;width:var(--width);position:absolute}.switch-tag{opacity:0;pointer-events:none;z-index:0;width:0;height:0;position:absolute;top:0;left:0}}
-/*$vite$:1*/

package/build/css-utilities/[margin,padding]/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--margin-border-width,.--margin-horizontal-border-width,.--margin-border-width-400,.--margin-horizontal-border-width-400,.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-500,.--margin-horizontal-border-width-500{--margin-horizontal:var(--border-width-500)}.--margin-border-width-600,.--margin-horizontal-border-width-600{--margin-horizontal:var(--border-width-600)}.--margin-border-width,.--margin-horizontal-border-width{--margin-horizontal:var(--border-width-400)}.--margin-border-width-700,.--margin-horizontal-border-width-700{--margin-horizontal:var(--border-width-700)}.--margin-spacer-100,.--margin-horizontal-spacer-100{--margin-horizontal:var(--spacer-100)}.--margin-spacer-200,.--margin-horizontal-spacer-200{--margin-horizontal:var(--spacer-200)}.--margin-spacer-300,.--margin-horizontal-spacer-300{--margin-horizontal:var(--spacer-300)}.--margin-spacer,.--margin-horizontal-spacer,.--margin-spacer-400,.--margin-horizontal-spacer-400,.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-500,.--margin-horizontal-spacer-500{--margin-horizontal:var(--spacer-500)}.--margin-spacer-600,.--margin-horizontal-spacer-600{--margin-horizontal:var(--spacer-600)}.--margin-spacer,.--margin-horizontal-spacer{--margin-horizontal:var(--spacer-400)}.--margin-spacer-700,.--margin-horizontal-spacer-700{--margin-horizontal:var(--spacer-700)}.--margin-100,.--margin-horizontal-100{--margin-horizontal:var(--size-100)}.--margin-200,.--margin-horizontal-200{--margin-horizontal:var(--size-200)}.--margin-300,.--margin-horizontal-300{--margin-horizontal:var(--size-300)}.--margin-400,.--margin-horizontal-400{--margin-horizontal:var(--size-400)}.--margin-500,.--margin-horizontal-500{--margin-horizontal:var(--size-500)}.--margin-600,.--margin-horizontal-600{--margin-horizontal:var(--size-600)}.--margin-700,.--margin-horizontal-700{--margin-horizontal:var(--size-700)}.--margin-800,.--margin-horizontal-800{--margin-horizontal:var(--size-800)}.--margin-900,.--margin-horizontal-900{--margin-horizontal:var(--size-900)}.--margin-0px,.--margin-horizontal-0px{--margin-horizontal:var(--size-0px)}.--margin-inherit,.--margin-horizontal-inherit{--margin-horizontal:inherit}.--margin-border-width,.--margin-vertical-border-width,.--margin-border-width-400,.--margin-vertical-border-width-400,.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-500,.--margin-vertical-border-width-500{--margin-vertical:var(--border-width-500)}.--margin-border-width-600,.--margin-vertical-border-width-600{--margin-vertical:var(--border-width-600)}.--margin-border-width,.--margin-vertical-border-width{--margin-vertical:var(--border-width-400)}.--margin-border-width-700,.--margin-vertical-border-width-700{--margin-vertical:var(--border-width-700)}.--margin-spacer-100,.--margin-vertical-spacer-100{--margin-vertical:var(--spacer-100)}.--margin-spacer-200,.--margin-vertical-spacer-200{--margin-vertical:var(--spacer-200)}.--margin-spacer-300,.--margin-vertical-spacer-300{--margin-vertical:var(--spacer-300)}.--margin-spacer,.--margin-vertical-spacer,.--margin-spacer-400,.--margin-vertical-spacer-400,.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-500,.--margin-vertical-spacer-500{--margin-vertical:var(--spacer-500)}.--margin-spacer-600,.--margin-vertical-spacer-600{--margin-vertical:var(--spacer-600)}.--margin-spacer,.--margin-vertical-spacer{--margin-vertical:var(--spacer-400)}.--margin-spacer-700,.--margin-vertical-spacer-700{--margin-vertical:var(--spacer-700)}.--margin-100,.--margin-vertical-100{--margin-vertical:var(--size-100)}.--margin-200,.--margin-vertical-200{--margin-vertical:var(--size-200)}.--margin-300,.--margin-vertical-300{--margin-vertical:var(--size-300)}.--margin-400,.--margin-vertical-400{--margin-vertical:var(--size-400)}.--margin-500,.--margin-vertical-500{--margin-vertical:var(--size-500)}.--margin-600,.--margin-vertical-600{--margin-vertical:var(--size-600)}.--margin-700,.--margin-vertical-700{--margin-vertical:var(--size-700)}.--margin-800,.--margin-vertical-800{--margin-vertical:var(--size-800)}.--margin-900,.--margin-vertical-900{--margin-vertical:var(--size-900)}.--margin-0px,.--margin-vertical-0px{--margin-vertical:var(--size-0px)}.--margin-inherit,.--margin-vertical-inherit{--margin-vertical:inherit}.--padding-border-width,.--padding-horizontal-border-width,.--padding-border-width-400,.--padding-horizontal-border-width-400,.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-500,.--padding-horizontal-border-width-500{--padding-horizontal:var(--border-width-500)}.--padding-border-width-600,.--padding-horizontal-border-width-600{--padding-horizontal:var(--border-width-600)}.--padding-border-width,.--padding-horizontal-border-width{--padding-horizontal:var(--border-width-400)}.--padding-border-width-700,.--padding-horizontal-border-width-700{--padding-horizontal:var(--border-width-700)}.--padding-spacer-100,.--padding-horizontal-spacer-100{--padding-horizontal:var(--spacer-100)}.--padding-spacer-200,.--padding-horizontal-spacer-200{--padding-horizontal:var(--spacer-200)}.--padding-spacer-300,.--padding-horizontal-spacer-300{--padding-horizontal:var(--spacer-300)}.--padding-spacer,.--padding-horizontal-spacer,.--padding-spacer-400,.--padding-horizontal-spacer-400,.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-500,.--padding-horizontal-spacer-500{--padding-horizontal:var(--spacer-500)}.--padding-spacer-600,.--padding-horizontal-spacer-600{--padding-horizontal:var(--spacer-600)}.--padding-spacer,.--padding-horizontal-spacer{--padding-horizontal:var(--spacer-400)}.--padding-spacer-700,.--padding-horizontal-spacer-700{--padding-horizontal:var(--spacer-700)}.--padding-100,.--padding-horizontal-100{--padding-horizontal:var(--size-100)}.--padding-200,.--padding-horizontal-200{--padding-horizontal:var(--size-200)}.--padding-300,.--padding-horizontal-300{--padding-horizontal:var(--size-300)}.--padding-400,.--padding-horizontal-400{--padding-horizontal:var(--size-400)}.--padding-500,.--padding-horizontal-500{--padding-horizontal:var(--size-500)}.--padding-600,.--padding-horizontal-600{--padding-horizontal:var(--size-600)}.--padding-700,.--padding-horizontal-700{--padding-horizontal:var(--size-700)}.--padding-800,.--padding-horizontal-800{--padding-horizontal:var(--size-800)}.--padding-900,.--padding-horizontal-900{--padding-horizontal:var(--size-900)}.--padding-0px,.--padding-horizontal-0px{--padding-horizontal:var(--size-0px)}.--padding-inherit,.--padding-horizontal-inherit{--padding-horizontal:inherit}.--padding-border-width,.--padding-vertical-border-width,.--padding-border-width-400,.--padding-vertical-border-width-400,.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-500,.--padding-vertical-border-width-500{--padding-vertical:var(--border-width-500)}.--padding-border-width-600,.--padding-vertical-border-width-600{--padding-vertical:var(--border-width-600)}.--padding-border-width,.--padding-vertical-border-width{--padding-vertical:var(--border-width-400)}.--padding-border-width-700,.--padding-vertical-border-width-700{--padding-vertical:var(--border-width-700)}.--padding-spacer-100,.--padding-vertical-spacer-100{--padding-vertical:var(--spacer-100)}.--padding-spacer-200,.--padding-vertical-spacer-200{--padding-vertical:var(--spacer-200)}.--padding-spacer-300,.--padding-vertical-spacer-300{--padding-vertical:var(--spacer-300)}.--padding-spacer,.--padding-vertical-spacer,.--padding-spacer-400,.--padding-vertical-spacer-400,.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-500,.--padding-vertical-spacer-500{--padding-vertical:var(--spacer-500)}.--padding-spacer-600,.--padding-vertical-spacer-600{--padding-vertical:var(--spacer-600)}.--padding-spacer,.--padding-vertical-spacer{--padding-vertical:var(--spacer-400)}.--padding-spacer-700,.--padding-vertical-spacer-700{--padding-vertical:var(--spacer-700)}.--padding-100,.--padding-vertical-100{--padding-vertical:var(--size-100)}.--padding-200,.--padding-vertical-200{--padding-vertical:var(--size-200)}.--padding-300,.--padding-vertical-300{--padding-vertical:var(--size-300)}.--padding-400,.--padding-vertical-400{--padding-vertical:var(--size-400)}.--padding-500,.--padding-vertical-500{--padding-vertical:var(--size-500)}.--padding-600,.--padding-vertical-600{--padding-vertical:var(--size-600)}.--padding-700,.--padding-vertical-700{--padding-vertical:var(--size-700)}.--padding-800,.--padding-vertical-800{--padding-vertical:var(--size-800)}.--padding-900,.--padding-vertical-900{--padding-vertical:var(--size-900)}.--padding-0px,.--padding-vertical-0px{--padding-vertical:var(--size-0px)}.--padding-inherit,.--padding-vertical-inherit{--padding-vertical:inherit}.--margin-auto,.--margin-horizontal-auto{--margin-horizontal:auto}.--margin-auto,.--margin-vertical-auto{--margin-vertical:auto}.--margin,.--margin-horizontal{margin-left:var(--margin-horizontal);margin-right:var(--margin-horizontal)}.--margin,.--margin-vertical{margin-bottom:var(--margin-vertical);margin-top:var(--margin-vertical)}.--margin-bottom{margin-bottom:var(--margin-vertical)}.--margin-top{margin-top:var(--margin-vertical)}.--margin-left{margin-left:var(--margin-horizontal)}.--margin-right{margin-right:var(--margin-horizontal)}.--padding,.--padding-horizontal{padding-left:var(--padding-horizontal);padding-right:var(--padding-horizontal)}.--padding.--border,.--padding-horizontal.--border{padding-left:calc(var(--padding-horizontal) - var(--border-width));padding-right:calc(var(--padding-horizontal) - var(--border-width))}.--padding,.--padding-vertical{padding-bottom:var(--padding-vertical);padding-top:var(--padding-vertical)}.--padding.--border,.--padding-vertical.--border{padding-bottom:calc(var(--padding-vertical) - var(--border-width));padding-top:calc(var(--padding-vertical) - var(--border-width))}.--padding-bottom{padding-bottom:var(--padding-vertical)}.--padding-top{padding-top:var(--padding-vertical)}.--padding-left{padding-left:var(--padding-horizontal)}.--padding-right{padding-right:var(--padding-horizontal)}}
-/*$vite$:1*/

package/build/css-utilities/error/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--error{animation:error var(--animation-duration) 1 linear}@keyframes error{0%{transform:translate(8px)}20%{transform:translate(-8px)}40%{transform:translate(4px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(0)}}}
-/*$vite$:1*/

package/build/css-utilities/flicker/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--flicker{--from:0;--to:1;--transition-duration:1s;animation:flicker var(--transition-duration) ease-in-out infinite}@keyframes flicker{0%,to{opacity:var(--from)}50%{opacity:var(--to)}}}
-/*$vite$:1*/

package/build/css-utilities/focus/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--focus-active>*{--opacity:.24}.--focus-active:has(>.--active)>:not(.--active){opacity:var(--opacity)}}
-/*$vite$:1*/

package/build/css-utilities/gap/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--gap-border-width,.--gap-horizontal-border-width,.--gap-border-width-400,.--gap-horizontal-border-width-400,.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-500,.--gap-horizontal-border-width-500{--gap-horizontal:var(--border-width-500)}.--gap-border-width-600,.--gap-horizontal-border-width-600{--gap-horizontal:var(--border-width-600)}.--gap-border-width,.--gap-horizontal-border-width{--gap-horizontal:var(--border-width-400)}.--gap-border-width-700,.--gap-horizontal-border-width-700{--gap-horizontal:var(--border-width-700)}.--gap-spacer-100,.--gap-horizontal-spacer-100{--gap-horizontal:var(--spacer-100)}.--gap-spacer-200,.--gap-horizontal-spacer-200{--gap-horizontal:var(--spacer-200)}.--gap-spacer-300,.--gap-horizontal-spacer-300{--gap-horizontal:var(--spacer-300)}.--gap-spacer,.--gap-horizontal-spacer,.--gap-spacer-400,.--gap-horizontal-spacer-400,.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-500,.--gap-horizontal-spacer-500{--gap-horizontal:var(--spacer-500)}.--gap-spacer-600,.--gap-horizontal-spacer-600{--gap-horizontal:var(--spacer-600)}.--gap-spacer,.--gap-horizontal-spacer{--gap-horizontal:var(--spacer-400)}.--gap-spacer-700,.--gap-horizontal-spacer-700{--gap-horizontal:var(--spacer-700)}.--gap-100,.--gap-horizontal-100{--gap-horizontal:var(--size-100)}.--gap-200,.--gap-horizontal-200{--gap-horizontal:var(--size-200)}.--gap-300,.--gap-horizontal-300{--gap-horizontal:var(--size-300)}.--gap-400,.--gap-horizontal-400{--gap-horizontal:var(--size-400)}.--gap-500,.--gap-horizontal-500{--gap-horizontal:var(--size-500)}.--gap-600,.--gap-horizontal-600{--gap-horizontal:var(--size-600)}.--gap-700,.--gap-horizontal-700{--gap-horizontal:var(--size-700)}.--gap-800,.--gap-horizontal-800{--gap-horizontal:var(--size-800)}.--gap-900,.--gap-horizontal-900{--gap-horizontal:var(--size-900)}.--gap-0px,.--gap-horizontal-0px{--gap-horizontal:var(--size-0px)}.--gap-inherit,.--gap-horizontal-inherit{--gap-horizontal:inherit}.--gap-border-width,.--gap-vertical-border-width,.--gap-border-width-400,.--gap-vertical-border-width-400,.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-500,.--gap-vertical-border-width-500{--gap-vertical:var(--border-width-500)}.--gap-border-width-600,.--gap-vertical-border-width-600{--gap-vertical:var(--border-width-600)}.--gap-border-width,.--gap-vertical-border-width{--gap-vertical:var(--border-width-400)}.--gap-border-width-700,.--gap-vertical-border-width-700{--gap-vertical:var(--border-width-700)}.--gap-spacer-100,.--gap-vertical-spacer-100{--gap-vertical:var(--spacer-100)}.--gap-spacer-200,.--gap-vertical-spacer-200{--gap-vertical:var(--spacer-200)}.--gap-spacer-300,.--gap-vertical-spacer-300{--gap-vertical:var(--spacer-300)}.--gap-spacer,.--gap-vertical-spacer,.--gap-spacer-400,.--gap-vertical-spacer-400,.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-500,.--gap-vertical-spacer-500{--gap-vertical:var(--spacer-500)}.--gap-spacer-600,.--gap-vertical-spacer-600{--gap-vertical:var(--spacer-600)}.--gap-spacer,.--gap-vertical-spacer{--gap-vertical:var(--spacer-400)}.--gap-spacer-700,.--gap-vertical-spacer-700{--gap-vertical:var(--spacer-700)}.--gap-100,.--gap-vertical-100{--gap-vertical:var(--size-100)}.--gap-200,.--gap-vertical-200{--gap-vertical:var(--size-200)}.--gap-300,.--gap-vertical-300{--gap-vertical:var(--size-300)}.--gap-400,.--gap-vertical-400{--gap-vertical:var(--size-400)}.--gap-500,.--gap-vertical-500{--gap-vertical:var(--size-500)}.--gap-600,.--gap-vertical-600{--gap-vertical:var(--size-600)}.--gap-700,.--gap-vertical-700{--gap-vertical:var(--size-700)}.--gap-800,.--gap-vertical-800{--gap-vertical:var(--size-800)}.--gap-900,.--gap-vertical-900{--gap-vertical:var(--size-900)}.--gap-0px,.--gap-vertical-0px{--gap-vertical:var(--size-0px)}.--gap-inherit,.--gap-vertical-inherit{--gap-vertical:inherit}.--gap{gap:var(--gap-vertical) var(--gap-horizontal)}.--gap-horizontal{gap:0px var(--gap-horizontal)}.--gap-vertical{gap:var(--gap-vertical) 0px}}
-/*$vite$:1*/

package/build/css-utilities/line-height/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--line-height-100{--line-height:var(--line-height-100)}.--line-height-200{--line-height:var(--line-height-200)}.--line-height-300{--line-height:var(--line-height-300)}.--line-height-400{--line-height:var(--line-height-400)}}
-/*$vite$:1*/

package/build/css-utilities/pointer/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--pointer-none{pointer-events:none}}
-/*$vite$:1*/

package/build/css-utilities/scroll-fade/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--scroll-fade{--scroll-fade-size:2.5rem}@property --scroll-fade-bottom{syntax:"<length>";inherits:false;initial-value:0}@property --scroll-fade-top{syntax:"<length>";inherits:false;initial-value:0}.--scroll-fade{overflow-y:auto}@supports (animation-timeline:scroll()){.--scroll-fade{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);-webkit-mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);mask-image:linear-gradient(to bottom, transparent, #000 var(--scroll-fade-top), #000 calc(100% - var(--scroll-fade-bottom)), transparent);animation:linear both scroll-fade;animation-timeline:scroll(self)}}@keyframes scroll-fade{0%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:0px}5%,95%{--scroll-fade-bottom:var(--scroll-fade-size);--scroll-fade-top:var(--scroll-fade-size)}to{--scroll-fade-bottom:0px;--scroll-fade-top:var(--scroll-fade-size)}}}
-/*$vite$:1*/

package/build/css-utilities/size/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--size{--size:var(--size-400)}.--size-100{--size:var(--size-100)}.--size-200{--size:var(--size-200)}.--size-300{--size:var(--size-300)}.--size-400{--size:var(--size-400)}.--size-500{--size:var(--size-500)}.--size-600{--size:var(--size-600)}.--size-700{--size:var(--size-700)}.--size-800{--size:var(--size-800)}.--size-900{--size:var(--size-900)}.--size-0px{--size:var(--size-0px)}}
-/*$vite$:1*/

package/build/css-utilities/viewport/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--viewport{height:calc(100svh - var(--margin-vertical,0px) * 2);width:calc(100vw - var(--margin-horizontal,0px) * 2);overflow:hidden}}
-/*$vite$:1*/

package/build/css-utilities/width/scss/index.scss

@@ -1,2 +0,0 @@
-@layer css-utilities {.--width-full{--width:100%}.--width-half{--width:50%}.--width{width:var(--width)}}
-/*$vite$:1*/

package/build/fonts/index.d.ts

@@ -1 +0,0 @@
-export * as montserrat from './montserrat/index.js';

package/build/fonts/index.js

@@ -1 +0,0 @@
-export * as montserrat from './montserrat/index.js';

package/build/fonts/montserrat/scss/index.scss

@@ -1,2 +0,0 @@
-@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local(Montserrat Regular),local(Montserrat-Regular),url(/fonts/montserrat/scss/Montserrat-Regular.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Regular.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:400;src:local(Montserrat Italic),local(Montserrat-Italic),url(/fonts/montserrat/scss/Montserrat-Italic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Italic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:local(Montserrat Medium),local(Montserrat-Medium),url(/fonts/montserrat/scss/Montserrat-Medium.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Medium.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:500;src:local(Montserrat MediumItalic),local(Montserrat-MediumItalic),url(/fonts/montserrat/scss/Montserrat-MediumItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-MediumItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:local(Montserrat SemiBold),local(Montserrat-SemiBold),url(/fonts/montserrat/scss/Montserrat-SemiBold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:600;src:local(Montserrat SemiBoldItalic),local(Montserrat-SemiBoldItalic),url(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-SemiBoldItalic.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local(Montserrat Bold),local(Montserrat Bold),url(/fonts/montserrat/scss/Montserrat-Bold.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-Bold.woff)format("woff")}@font-face{font-display:swap;font-family:Montserrat;font-style:italic;font-weight:700;src:local(Montserrat BoldItalic),local(Montserrat-BoldItalic),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff2)format("woff2"),url(/fonts/montserrat/scss/Montserrat-BoldItalic.woff)format("woff")}
-/*$vite$:1*/

package/build/themes/dark/back.d.ts

@@ -1,19 +0,0 @@
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    <T extends import("@esportsplus/template").Attributes>(attributes: T): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").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("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-    (attributes: import("@esportsplus/template").Attributes, content: import("@esportsplus/template").Renderable<any>): ReturnType<(this: {
-        attributes?: import("@esportsplus/template").Attributes | undefined;
-        content?: import("@esportsplus/template").Renderable<any>;
-    }, attributes: Readonly<import("@esportsplus/template").Attributes>, content: import("@esportsplus/template").Renderable<any>) => import("@esportsplus/template").Renderable<any>>;
-};
-export default _default;

package/build/themes/dark/back.js

@@ -1,7 +0,0 @@
-import back from '../../components/back/index.js';
-export default back.bind({
-    attributes: {
-        class: '--color-white --margin-vertical --margin-spacer-200',
-        style: '--color-default: var(--color-grey-500);'
-    }
-});

package/build/themes/dark/button/scss/index.scss

@@ -1,2 +0,0 @@
-@layer themes {.button--form,.button--primary,.button--secondary,.button--tertiary{--border-color-active:var(--color-primary-300);--color-active:var(--color-white-400);--color-default:var(--color-grey-500);--color-hover:var(--color-white-400);--color-pressed:var(--color-grey-500);--font-weight:var(--font-weight-500)}.button--form,.button--primary{--background-active:var(--color-primary-300);--background-default:var(--color-primary-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500)}.button--form{--padding-horizontal:var(--size-500);--padding-vertical:var(--size-500);--width:100%}.button--secondary{--background-active:var(--color-black-300);--background-default:var(--color-black-300);--background-hover:var(--color-primary-300);--background-pressed:var(--color-primary-500);--border-color:var(--background-color)}.button--tertiary{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500);--border-color-active:var(--color-primary-300);--border-color-default:var(--color-black-300);--border-color-hover:var(--color-black-400);--border-color-pressed:var(--color-black-500)}}
-/*$vite$:1*/

package/build/themes/dark/link/scss/index.scss

@@ -1,2 +0,0 @@
-@layer themes {.link--primary,.link--tooltip{--color-active:var(--color-white-400);--color-default:var(--color-grey-500);--color-hover:var(--color-white-400);--color-pressed:var(--color-grey-500);--font-weight:var(--font-weight-500);--gap-horizontal:0px;--gap-vertical:0px;align-items:center;gap:var(--gap-vertical) var(--gap-horizontal);flex-flow:row;display:flex}.link--tooltip{--background-active:var(--color-black-300);--background-default:var(--color-black-400);--background-hover:var(--color-black-300);--background-pressed:var(--color-black-500);--padding-horizontal:var(--size-500);--padding-vertical:var(--size-500);white-space:nowrap}}
-/*$vite$:1*/

package/src/components/back/index.ts

@@ -1,20 +0,0 @@
-import { component, html } from '@esportsplus/template';
-import icon from '~/components/icon';
-import arrow from './svg/arrow.svg';
-import './scss/index.scss';
-
-
-export default component(
-    function (this, attributes, content) {
-        return html`
-            <a
-                class='back link --padding-0px --flex-vertical'
-                ${this?.attributes}
-                ${attributes}
-            >
-                ${icon({ class: 'back-arrow --margin-right --margin-200' }, arrow)}
-                ${content}
-            </a>
-        `;
-    }
-);

package/src/components/back/scss/index.scss

@@ -1,17 +0,0 @@
-@use '@esportsplus/ui/tokens.scss';
-
-
-.back {
-    &-arrow {
-        transform: rotate(-90deg);
-        transition:
-            color var(--transition-duration) ease-in-out,
-            transform var(--transition-duration) ease-in-out;
-    }
-
-    @include tokens.state(hover) {
-        .back-arrow {
-            transform: rotate(-90deg) translateY(-2px);
-        }
-    }
-}

package/src/components/back/svg/arrow.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
-<g opacity="0.4" enable-background="new    ">
-	<path d="M12,22c-0.552,0-1-0.447-1-1v-6c0-0.553,0.448-1,1-1c0.553,0,1,0.447,1,1v6C13,21.553,12.553,22,12,22z"/>
-</g>
-<g>
-	<path d="M12,16c-0.552,0-1-0.447-1-1V5.414l-5.293,5.293c-0.391,0.391-1.023,0.391-1.414,0s-0.391-1.023,0-1.414l7-7
-		c0.096-0.096,0.208-0.169,0.326-0.218C11.735,2.027,11.863,2,11.997,2l0,0c0.002,0,0.004,0,0.006,0l0,0
-		c0.134,0,0.262,0.027,0.378,0.075c0.119,0.049,0.229,0.122,0.326,0.218l7,7c0.391,0.391,0.391,1.023,0,1.414s-1.023,0.391-1.414,0
-		L13,5.414V15C13,15.553,12.553,16,12,16z"/>
-</g>
-</svg>

package/src/components/bubble/scss/index.scss

@@ -1,32 +0,0 @@
-@use './variables';
-
-.bubble {
-    background: var(--background);
-    border-radius: var(--border-radius);
-    height: var(--height);
-    width: var(--width);
-
-
-    &--bottom,
-    &--top {
-        &-left,
-        &-right {
-            position: absolute;
-        }
-
-        @each $direction in 'left' 'right' {
-            &-#{$direction} {
-                #{$direction}: var(--position-horizontal);
-            }
-        }
-    }
-
-    @each $direction in 'bottom' 'top' {
-        &--#{$direction} {
-            &-left,
-            &-right {
-                #{$direction}: var(--position-vertical);
-            }
-        }
-    }
-}

package/src/components/bubble/scss/variables.scss

@@ -1,20 +0,0 @@
-.bubble {
-    --background: var(--background-default);
-    --background-default: var(--color-border-400);
-    --border-radius: 100%;
-    --height: var(--size);
-    --margin-horizontal: var(--size-100);
-    --size: 6px;
-    --width: var(--size);
-
-
-    &--bottom,
-    &--top {
-
-        &-left,
-        &-right {
-            --position-horizontal: calc(var(--size) / -2);
-            --position-vertical: calc(var(--size) / -2);
-        }
-    }
-}