@esportsplus/ui 0.53.0 → 0.54.0

package/src/tokens/scss/scale.scss

@@ -1,5 +1,5 @@
 // LiftKit golden-ratio scale engine (github.com/Chainlift/liftkit)
-// One factor drives every ratio scale: type, size, spacer, line-height.
+// One factor drives the type, size, and spacer scales.
 @use 'sass:math';
 
 $factor: 1.618;

package/src/tokens/scss/size.scss

@@ -1,5 +1,7 @@
 // Golden-ratio size ladder: 400 = 16px (1em), each key one φ half-step (×1.272).
 @use 'scale';
+@use 'sass:math';
+@use 'sass:map';
 
 $size: (
     100: scale.px(scale.step(-1.5)),
@@ -14,3 +16,8 @@ $size: (
 
     0px: 0px,
 );
+
+// Snap the derived sizes to whole CSS pixels without changing the ratio engine.
+@each $key, $value in $size {
+    $size: map.set($size, $key, math.round($value));
+}

package/src/tokens/scss/transition.scss

@@ -0,0 +1,4 @@
+$transition: (
+    duration: 0.16s,
+    timing-function: cubic-bezier(0.4, 0, 0.2, 1)
+);

package/storage/svg/arrow-left.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m10 4-4 4 4 4M6 8h8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/storage/svg/arrow-right.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m6 4 4 4-4 4M2 8h8" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/storage/svg/book.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 5.5C6 4.4 8.5 4.5 11 6v14c-2.5-1.5-5-1.6-8-.5z" fill="currentColor" opacity=".4"/><path d="M13 6c2.5-1.5 5-1.6 8-.5v14c-3-1.1-5.5-1-8 .5z" fill="currentColor"/></svg>

package/storage/svg/cube.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="m12 2 10 5-10 5L2 7z" fill="currentColor" opacity=".3"/><path d="m2 9 9 4.5V23l-9-4.5z" fill="currentColor" opacity=".6"/><path d="m13 13.5 9-4.5v9.5L13 23z" fill="currentColor"/></svg>

package/storage/svg/github.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d='M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z'></path></svg>

package/storage/svg/info.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none"><circle cx='12' cy='12' r='9' stroke='currentColor' stroke-width='1.5'/><path d='M12 11v6M12 7v1' stroke='currentColor' stroke-width='1.5'/></g></svg>

package/storage/svg/palette.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 0 20h1a3 3 0 0 0 2.3-4.9.8.8 0 0 1 .6-1.3H18a4 4 0 0 0 4-4C22 6.4 17.5 2 12 2Z" fill="currentColor" opacity=".35"/><g fill="currentColor"><circle cx="7" cy="9" r="1.6"/><circle cx="12" cy="6" r="1.6"/><circle cx="17" cy="9" r="1.6"/><circle cx="6" cy="14" r="1.6"/></g></svg>

package/storage/svg/search.svg

@@ -0,0 +1,2 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g fill="none"><circle cx='11' cy='11' r='7' stroke='currentColor' stroke-width='2'></circle>
+                    <path d='m20 20-3.5-3.5' stroke='currentColor' stroke-linecap='round' stroke-width='2'></path></g></svg>

package/storage/svg/type.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2 4h14v4h-5v13H7V8H2z" fill="currentColor"/><path d="M14 10h9v3h-3v8h-3v-8h-3z" fill="currentColor" opacity=".4"/></svg>

package/vite.config.ts

@@ -6,13 +6,15 @@ import shelljs from 'shelljs';
 
 export default defineConfig(() => {
     return {
+        base: './',
         build: {
             cssMinify: 'lightningcss',
             outDir: 'build',
             rollupOptions: {
                 input: [
                     ...glob.sync('./src/normalize/scss/index.scss'),
-                    ...glob.sync('./src/{components,css-utilities,fonts,themes/dark,themes/light}/*/scss/index.scss'),
+                    ...glob.sync('./src/{components,css-utilities,themes/dark,themes/light}/*/scss/index.scss'),
+                    ...glob.sync('./src/css-utilities/font/*/scss/index.scss'),
                     ...glob.sync('./src/css-utilities/index.scss')
                 ],
                 output: {
@@ -33,7 +35,6 @@ export default defineConfig(() => {
 
                                 if (
                                     !filename.endsWith('.scss') ||
-                                    filename.startsWith('fonts') ||
                                     file.type !== 'asset' ||
                                     typeof file.source !== 'string'
                                 ) {
@@ -66,10 +67,14 @@ export default defineConfig(() => {
                         }
                     },
                     {
-                        name: '@esportsplus/ui-svg-copy',
+                        name: '@esportsplus/ui-assets-copy',
                         writeBundle() {
                             let directories = glob.sync('./src/components/*/svg/');
 
+                            for (let license of glob.sync('./src/css-utilities/font/*/OFL.txt')) {
+                                shelljs.cp(license, license.replace('src', 'build'));
+                            }
+
                             for (let dir of directories) {
                                 shelljs.cp('-rf', dir, dir.replace('src', 'build'));
                             }

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

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

package/build/components/back/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.back-arrow{transition:color var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;transform:rotate(-90deg)}.back:not(.--active):hover .back-arrow{transform:rotate(-90deg)translateY(-2px)}}
-/*$vite$:1*/

package/build/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/build/components/bubble/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.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)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{--position-horizontal:calc(var(--size) / -2);--position-vertical:calc(var(--size) / -2)}.bubble{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width)}.bubble--bottom-left,.bubble--bottom-right,.bubble--top-left,.bubble--top-right{position:absolute}.bubble--bottom-left,.bubble--top-left{left:var(--position-horizontal)}.bubble--bottom-right,.bubble--top-right{right:var(--position-horizontal)}.bubble--bottom-left,.bubble--bottom-right{bottom:var(--position-vertical)}.bubble--top-left,.bubble--top-right{top:var(--position-vertical)}}
-/*$vite$:1*/

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

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

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;