@esportsplus/ui 0.51.6 → 0.53.0

package/src/tokens/scss/scale.scss

@@ -0,0 +1,22 @@
+// LiftKit golden-ratio scale engine (github.com/Chainlift/liftkit)
+// One factor drives every ratio scale: type, size, spacer, line-height.
+@use 'sass:math';
+
+$factor: 1.618;
+
+$eighth: math.pow($factor, 0.125);
+$half: math.pow($factor, 0.5);
+$quarter: math.pow($factor, 0.25);
+$whole: $factor;
+
+@function step($n) {
+    @return math.pow($factor, $n);
+}
+
+@function px($n, $base: 16) {
+    @return math.div(math.round($n * $base * 100), 100) * 1px;
+}
+
+@function rem($n) {
+    @return math.div(math.round($n * 1000), 1000) * 1rem;
+}

package/src/tokens/scss/size.scss

@@ -1,13 +1,16 @@
+// Golden-ratio size ladder: 400 = 16px (1em), each key one φ half-step (×1.272).
+@use 'scale';
+
 $size: (
-    100: 4px,
-    200: 8px,
-    300: 12px,
-    400: 16px,
-    500: 20px,
-    600: 24px,
-    700: 32px,
-    800: 40px,
-    900: 48px,
+    100: scale.px(scale.step(-1.5)),
+    200: scale.px(scale.step(-1)),
+    300: scale.px(scale.step(-0.5)),
+    400: scale.px(scale.step(0)),
+    500: scale.px(scale.step(0.5)),
+    600: scale.px(scale.step(1)),
+    700: scale.px(scale.step(1.5)),
+    800: scale.px(scale.step(2)),
+    900: scale.px(scale.step(2.5)),
 
     0px: 0px,
 );

package/src/tokens/scss/spacer.scss

@@ -1,12 +1,12 @@
-@use '../../lib';
-@use 'size';
+// Golden-ratio spacer ladder: 400 = 120px, each key one φ half-step (×1.272).
+@use 'scale';
 
 $spacer: (
-    100: 40px,
-    200: 60px,
-    300: 80px,
-    400: 120px,
-    500: 160px,
-    600: 180px,
-    700: 220px,
+    100: scale.px(scale.step(-1.5), 120),
+    200: scale.px(scale.step(-1), 120),
+    300: scale.px(scale.step(-0.5), 120),
+    400: scale.px(scale.step(0), 120),
+    500: scale.px(scale.step(0.5), 120),
+    600: scale.px(scale.step(1), 120),
+    700: scale.px(scale.step(1.5), 120),
 );

package/storage/svg/bolt.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M13 2L3 14h7l-1 8 10-12h-7z"/></svg>

package/storage/svg/star.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2l2.9 6.9 7.1.6-5.4 4.7 1.6 7L12 18l-6.2 3.2 1.6-7L2 9.5l7.1-.6z"/></svg>

package/tsconfig.json

@@ -4,5 +4,9 @@
         "plugins": [
             { "transform": "@esportsplus/template/compiler/tsc" }
         ]
-    }
-}
+    },
+    "include": [
+        "src/**/*",
+        "vite-env.d.ts"
+    ]
+}

package/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/vite.config.ts

@@ -1,89 +1,90 @@
 import { glob } from 'glob';
 import { defineConfig } from 'vite';
 import autoprefixer from 'autoprefixer';
-import { join } from 'path';
 import shelljs from 'shelljs';
 
 
-export default defineConfig({
-    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/css-utilities/index.scss')
-            ],
-            output: {
-                assetFileNames: ({ originalFileNames: [filename] }) => {
-                    if (filename) {
-                        return filename.split('src/').pop()!;
-                    }
+export default defineConfig(() => {
+    return {
+        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/css-utilities/index.scss')
+                ],
+                output: {
+                    assetFileNames: ({ originalFileNames: [filename] }) => {
+                        if (filename) {
+                            return filename.split('src/').pop()!;
+                        }
 
-                    return '[name].[ext]';
+                        return '[name].[ext]';
+                    },
                 },
-            },
-            plugins: [
-                {
-                    name: '@esportsplus/ui-layers',
-                    generateBundle(_, bundle) {
-                        for (let filename in bundle) {
-                            let file = bundle[filename];
+                plugins: [
+                    {
+                        name: '@esportsplus/ui-layers',
+                        generateBundle(_, bundle) {
+                            for (let filename in bundle) {
+                                let file = bundle[filename];
 
-                            if (
-                                !filename.endsWith('.scss') ||
-                                filename.startsWith('fonts') ||
-                                file.type !== 'asset' ||
-                                typeof file.source !== 'string'
-                            ) {
-                                continue;
-                            }
+                                if (
+                                    !filename.endsWith('.scss') ||
+                                    filename.startsWith('fonts') ||
+                                    file.type !== 'asset' ||
+                                    typeof file.source !== 'string'
+                                ) {
+                                    continue;
+                                }
 
-                            let layer: string,
-                                segments = file.source.split('\n'),
-                                // Vite appends a value on bundle
-                                vite = segments.pop();
+                                let layer: string,
+                                    segments = file.source.split('\n'),
+                                    // Vite appends a value on bundle
+                                    vite = segments.pop();
 
-                            if (filename.startsWith('css-utilities')) {
-                                layer = 'css-utilities';
-                            }
-                            else if (filename.startsWith('components')) {
-                                layer = 'components';
-                            }
-                            else if (filename.startsWith('themes')) {
-                                layer = 'themes';
-                            }
-                            else if (filename.startsWith('normalize')) {
-                                layer = 'normalize';
-                            }
-                            else {
-                                continue;
-                            }
+                                if (filename.startsWith('css-utilities')) {
+                                    layer = 'css-utilities';
+                                }
+                                else if (filename.startsWith('components')) {
+                                    layer = 'components';
+                                }
+                                else if (filename.startsWith('themes')) {
+                                    layer = 'themes';
+                                }
+                                else if (filename.startsWith('normalize')) {
+                                    layer = 'normalize';
+                                }
+                                else {
+                                    continue;
+                                }
 
-                            file.source = `@layer ${layer} {${segments.join('\n')}}\n${vite}`;
+                                file.source = `@layer ${layer} {${segments.join('\n')}}\n${vite}`;
+                            }
                         }
-                    }
-                },
-                {
-                    name: '@esportsplus/ui-svg-copy',
-                    writeBundle() {
-                        let directories = glob.sync('./src/components/*/svg/');
+                    },
+                    {
+                        name: '@esportsplus/ui-svg-copy',
+                        writeBundle() {
+                            let directories = glob.sync('./src/components/*/svg/');
 
-                        for (let dir of directories) {
-                            shelljs.cp('-rf', dir, dir.replace('src', 'build'));
+                            for (let dir of directories) {
+                                shelljs.cp('-rf', dir, dir.replace('src', 'build'));
+                            }
                         }
                     }
-                }
-            ]
-        }
-    },
-    css: {
-        postcss: {
-            plugins: [
-                autoprefixer()
-            ]
+                ]
+            }
+        },
+        css: {
+            postcss: {
+                plugins: [
+                    autoprefixer()
+                ]
+            },
+            transformer: 'lightningcss'
         },
-        transformer: 'lightningcss'
-    },
-});
+    };
+});

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

@@ -1,19 +0,0 @@
-import '@esportsplus/vite/global.d.ts';
-import { Response } from '@esportsplus/action';
-import { Attributes, Renderable } from '@esportsplus/template';
-import './scss/index.scss';
-declare const _default: (attributes: Attributes & {
-    "alert-close"?: Attributes;
-    "alert-messages"?: Attributes;
-    "alert-message"?: Attributes;
-}) => {
-    content: DocumentFragment | Text;
-    deactivate: () => void;
-    error: {
-        (messages: Renderable<any>, seconds?: number): void;
-        response(response: Response<any>): void;
-    };
-    info: (messages: Renderable<any>, seconds?: number) => void;
-    success: (messages: Renderable<any>, seconds?: number) => void;
-};
-export default _default;

package/build/components/alert/index.js

@@ -1,151 +0,0 @@
-import '@esportsplus/vite/global.d.ts';
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import { icon } from '@esportsplus/ui';
-import check from './svg/check.svg';
-import close from './svg/close.svg';
-import e from './svg/error.svg';
-import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c8 = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='--flex-vertical'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303cb = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<p>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303ce = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='--flex-start'>`);
-const template_0ff113fe0a6246fbbfe92857b2a0303ch = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='alert anchor anchor--n --flex-row'><!--$--><div class='alert-messages --flex-column --flex-fill'></div><div class=--flex-vertical><div class='alert-close button --padding-300'>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c6 extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #active = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](false);
-    #messages;
-    #rerender = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
-    #type;
-    constructor(_p0, _p1) {
-        super(null);
-        this.#messages = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](_p0);
-        this.#type = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](_p1);
-    }
-    get active() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#active, _v0);
-    }
-    get messages() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#messages);
-    }
-    set messages(_v1) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#messages, _v1);
-    }
-    get rerender() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#rerender);
-    }
-    set rerender(_v2) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#rerender, _v2);
-    }
-    get type() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#type);
-    }
-    set type(_v3) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#type, _v3);
-    }
-}
-const OMIT = ['alert-close', 'alert-messages', 'alert-message'];
-let modifiers = {
-    error: 'red',
-    info: 'black',
-    success: 'green'
-}, timeout = 250;
-function activate(key, messages, seconds, state) {
-    if (!Array.isArray(messages)) {
-        messages = [messages];
-    }
-    if (!messages.length) {
-        return;
-    }
-    if (state.type !== key) {
-        state.active = false;
-        state.messages.clear();
-    }
-    state.type = key;
-    for (let message of messages) {
-        state.messages.add(message);
-    }
-    if (state.active) {
-        state.rerender++;
-        if (!seconds) {
-            return;
-        }
-        setTimeout(deactivate, timeout + (500 * seconds));
-    }
-    else {
-        setTimeout(() => {
-            state.active = true;
-            state.rerender++;
-            state.type = key;
-            if (seconds) {
-                setTimeout(deactivate, 500 * seconds);
-            }
-        }, timeout);
-    }
-}
-function deactivate(state) {
-    state.active = false;
-    setTimeout(() => {
-        state.messages.clear();
-    }, timeout);
-}
-export default (attributes) => {
-    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c6(new Set(), '');
-    const error = (messages, seconds = 0) => activate('error', messages, seconds, state);
-    error.response = (response) => {
-        if (response.ok) {
-            return;
-        }
-        error(response.errors.map(({ message, path }) => {
-            if (!path) {
-                return message;
-            }
-            return `${String(path).split('.').join(' ')} ${message}`;
-        }), 5);
-    };
-    return {
-        content: (() => {
-            let root_0ff113fe0a6246fbbfe92857b2a0303cg = template_0ff113fe0a6246fbbfe92857b2a0303ch(), element_0ff113fe0a6246fbbfe92857b2a0303ci = root_0ff113fe0a6246fbbfe92857b2a0303cg.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303cj = element_0ff113fe0a6246fbbfe92857b2a0303ci.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303ck = element_0ff113fe0a6246fbbfe92857b2a0303ci.firstElementChild, element_0ff113fe0a6246fbbfe92857b2a0303cl = element_0ff113fe0a6246fbbfe92857b2a0303ck.nextElementSibling.firstElementChild;
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303ci, 'class', () => state.active && '--active');
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303ci, omit(attributes, OMIT));
-            new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303cj, () => {
-                let type = state.type;
-                return (() => {
-                    let root_0ff113fe0a6246fbbfe92857b2a0303c7 = template_0ff113fe0a6246fbbfe92857b2a0303c8(), element_0ff113fe0a6246fbbfe92857b2a0303c9 = root_0ff113fe0a6246fbbfe92857b2a0303c7.firstChild;
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c9, 'style', `--color: var(--color-${modifiers[type]}-400);`);
-                    template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c9, icon({ class: '--size-500' }, type === 'error' ? e : check), 1);
-                    return root_0ff113fe0a6246fbbfe92857b2a0303c7;
-                })();
-            });
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303ck, attributes['alert-messages']);
-            new template_0ff113fe0a6246fbbfe92857b2a0303c1.EffectSlot(element_0ff113fe0a6246fbbfe92857b2a0303ck, () => {
-                let message = attributes['alert-message'];
-                return state.rerender && [...state.messages].map((content) => {
-                    if (typeof content === 'string') {
-                        return (() => {
-                            let root_0ff113fe0a6246fbbfe92857b2a0303ca = template_0ff113fe0a6246fbbfe92857b2a0303cb(), element_0ff113fe0a6246fbbfe92857b2a0303cc = root_0ff113fe0a6246fbbfe92857b2a0303ca.firstChild;
-                            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303cc, message);
-                            template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303cc, content, 1);
-                            return root_0ff113fe0a6246fbbfe92857b2a0303ca;
-                        })();
-                    }
-                    return (() => {
-                        let root_0ff113fe0a6246fbbfe92857b2a0303cd = template_0ff113fe0a6246fbbfe92857b2a0303ce(), element_0ff113fe0a6246fbbfe92857b2a0303cf = root_0ff113fe0a6246fbbfe92857b2a0303cd.firstChild;
-                        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303cf, content, 1);
-                        return root_0ff113fe0a6246fbbfe92857b2a0303cd;
-                    })();
-                });
-            }, 1);
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.delegate(element_0ff113fe0a6246fbbfe92857b2a0303cl, 'click', () => deactivate(state));
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303cl, attributes['alert-close']);
-            template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303cl, icon({ style: '--size: 14px;' }, close), 1);
-            return root_0ff113fe0a6246fbbfe92857b2a0303cg;
-        })(),
-        deactivate: () => deactivate(state),
-        error,
-        info: (messages, seconds = 0) => activate('info', messages, seconds, state),
-        success: (messages, seconds = 0) => activate('success', messages, seconds, state)
-    };
-};

package/build/components/alert/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.anchor{--margin-horizontal:var(--size-400);--margin-vertical:var(--size-400);max-height:calc(var(--max-height,100%) - var(--margin-vertical) * 2);max-width:calc(var(--max-width,100%) - var(--margin-horizontal) * 2);transition:opacity var(--transition-duration) ease-in-out, transform var(--transition-duration) ease-in-out;z-index:9;position:absolute}.anchor:not(.--active){opacity:0}.anchor:not(.--active),.anchor:not(.--active) *{pointer-events:none}.anchor--n,.anchor--s{right:50%;transform:translate(50%)}.anchor--ne,.anchor--nw{top:var(--margin-vertical)}.anchor--se,.anchor--sw{bottom:var(--margin-vertical)}.anchor--ne,.anchor--se{right:var(--margin-horizontal)}.anchor--nw,.anchor--sw{left:var(--margin-horizontal)}.anchor--n{top:var(--margin-vertical)}.anchor--s{bottom:var(--margin-vertical)}.alert{--max-width:640px;max-width:var(--max-width);padding:var(--padding-vertical) var(--padding-horizontal);width:calc(100% - var(--margin-horizontal) * 2);z-index:9999;position:fixed}.alert.anchor--n:not(.--active){transform:translate(50%,-100%)}.alert.anchor--ne:not(.--active){transform:translateY(-100%)}}
-/*$vite$:1*/

package/build/components/alert/svg/check.svg

@@ -1,11 +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>
-	<path d="M9,19.5c-0.397,0-0.779-0.158-1.061-0.439l-5-5c-0.586-0.586-0.586-1.535,0-2.121s1.535-0.586,2.121,0l3.893,3.893
-		l9.941-10.846c0.561-0.611,1.509-0.651,2.119-0.092c0.61,0.56,0.651,1.509,0.092,2.12l-11,12c-0.277,0.302-0.665,0.478-1.073,0.486
-		C9.022,19.5,9.011,19.5,9,19.5z"/>
-</g>
-</svg>

package/build/components/alert/svg/close.svg

@@ -1,12 +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>
-	<path d="M18,19.5c-0.384,0-0.768-0.146-1.061-0.439L12,14.121l-4.939,4.939c-0.586,0.586-1.535,0.586-2.121,0s-0.586-1.535,0-2.121
-		L9.879,12L4.939,7.061c-0.586-0.585-0.586-1.536,0-2.121c0.586-0.586,1.535-0.586,2.121,0L12,9.879l4.939-4.939
-		c0.586-0.586,1.535-0.586,2.121,0c0.586,0.585,0.586,1.536,0,2.121L14.121,12l4.939,4.939c0.586,0.586,0.586,1.535,0,2.121
-		C18.768,19.354,18.384,19.5,18,19.5z"/>
-</g>
-</svg>

package/build/components/alert/svg/error.svg

@@ -1,18 +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>
-	<path d="M12.351,23h-0.702c-4.697,0-7.055,0-8.626-1.132c-1.368-0.986-2.262-2.512-2.454-4.186
-		c-0.22-1.925,0.932-3.981,3.227-8.079l0.352-0.628c2.386-4.26,3.583-6.398,5.383-7.211c1.57-0.708,3.369-0.708,4.939,0
-		c1.8,0.813,2.997,2.95,5.383,7.209l0.352,0.629l-0.873,0.488l0.881-0.474c2.29,4.09,3.439,6.143,3.219,8.064
-		c-0.191,1.675-1.086,3.201-2.453,4.187C19.405,23,17.048,23,12.351,23z M12,3.233c-0.562,0-1.123,0.118-1.646,0.354
-		c-1.2,0.542-2.358,2.61-4.46,6.364L5.542,10.58c-2.02,3.606-3.132,5.592-2.985,6.875c0.128,1.116,0.724,2.133,1.636,2.79
-		C5.24,21,7.516,21,11.649,21h0.702c4.132,0,6.41,0,7.457-0.755c0.912-0.657,1.509-1.674,1.637-2.791
-		c0.146-1.28-0.963-3.262-2.978-6.86l-0.009-0.015l-0.351-0.627c-2.103-3.755-3.261-5.823-4.461-6.365
-		C13.123,3.352,12.562,3.233,12,3.233z M12,18c-0.827,0-1.499-0.672-1.5-1.498c0-0.002,0-0.002,0-0.004
-		C10.501,15.672,11.173,15,12,15c0.826,0,1.499,0.672,1.5,1.498c0,0.002,0,0.002,0,0.004C13.499,17.328,12.826,18,12,18z M12,14
-		c-0.552,0-1-0.447-1-1V9c0-0.552,0.448-1,1-1c0.553,0,1,0.448,1,1v4C13,13.553,12.553,14,12,14z"/>
-</g>
-</svg>

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

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

package/build/components/scrollbar/index.js

@@ -1,56 +0,0 @@
-import * as template_0ff113fe0a6246fbbfe92857b2a0303c1 from '@esportsplus/template';
-import * as reactivity_0ff113fe0a6246fbbfe92857b2a0303c0 from '@esportsplus/reactivity';
-import { omit } from '@esportsplus/utilities';
-import template from '../../components/template/index.js';
-import './scss/index.scss';
-const template_0ff113fe0a6246fbbfe92857b2a0303c2i = template_0ff113fe0a6246fbbfe92857b2a0303c1.template(`<div class='scrollbar-container'><div class='scrollbar-container-content'></div><div class='scrollbar'>`);
-class ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2g extends reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.ReactiveObject {
-    #height = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](100);
-    #translate = this[reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get height() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#height);
-    }
-    set height(_v0) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#height, _v0);
-    }
-    get translate() {
-        return reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.read(this.#translate);
-    }
-    set translate(_v1) {
-        reactivity_0ff113fe0a6246fbbfe92857b2a0303c0.write(this.#translate, _v1);
-    }
-}
-const OMIT = ['scrollbar', 'scrollbar-container-content'];
-let root = document.body, width;
-export default template.factory(function (attributes, content) {
-    let state = new ReactiveObject_0ff113fe0a6246fbbfe92857b2a0303c2g();
-    return (() => {
-        let root_0ff113fe0a6246fbbfe92857b2a0303c2h = template_0ff113fe0a6246fbbfe92857b2a0303c2i(), element_0ff113fe0a6246fbbfe92857b2a0303c2j = root_0ff113fe0a6246fbbfe92857b2a0303c2h.firstChild, element_0ff113fe0a6246fbbfe92857b2a0303c2k = element_0ff113fe0a6246fbbfe92857b2a0303c2j.firstElementChild, element_0ff113fe0a6246fbbfe92857b2a0303c2l = element_0ff113fe0a6246fbbfe92857b2a0303c2k.nextElementSibling;
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2j, this?.attributes && omit(this.attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2j, omit(attributes, OMIT));
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2k, this?.attributes?.['scrollbar-container-content']);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2k, attributes['scrollbar-container-content']);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.on(element_0ff113fe0a6246fbbfe92857b2a0303c2k, 'scroll', function () {
-            if (width === undefined) {
-                width = this.offsetWidth - this.clientWidth;
-                if (width && width !== 17) {
-                    root.style.setProperty('--scrollbar-width', `${width}px`);
-                }
-            }
-            state.height = (this.clientHeight / this.scrollHeight) * 100;
-            state.translate = (this.scrollTop / this.clientHeight) * 100;
-        });
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.slot(element_0ff113fe0a6246fbbfe92857b2a0303c2k, content, 1);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2l, this?.attributes?.scrollbar);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setProperties(element_0ff113fe0a6246fbbfe92857b2a0303c2l, attributes.scrollbar);
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2l, 'class', () => state.height >= 100 && 'scrollbar--hidden');
-        template_0ff113fe0a6246fbbfe92857b2a0303c1.setList(element_0ff113fe0a6246fbbfe92857b2a0303c2l, 'style', () => `
-                            --translate: translate3d(0, ${state.translate}%, 0);
-                            --height: ${state.height}%;
-                        `);
-        return root_0ff113fe0a6246fbbfe92857b2a0303c2h;
-    })();
-});

package/build/components/scrollbar/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.scrollbar{--background:var(--color-black-300);--height:0;--translate:translate3d(0, 0, 0);--width:4px}::-webkit-scrollbar{box-shadow:unset;background:0 0}::-webkit-scrollbar-track{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb{box-shadow:unset;background:0 0}::-webkit-scrollbar-thumb:window-inactive{box-shadow:unset;background:0 0}.scrollbar{z-index:9;height:100%}.scrollbar,.scrollbar:before{transition:opacity var(--transition-duration) ease-in-out;width:var(--width);position:absolute;top:0;right:0}.scrollbar:before{background:var(--background);content:"";height:var(--height);transform:var(--translate);transform-origin:top;border-radius:1px 0 0 1px}.scrollbar--fixed{position:fixed}.scrollbar--hidden{opacity:0}.scrollbar-container{flex-flow:column;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.scrollbar-container--full{height:100%}.scrollbar-container-content{height:100%;margin-right:calc(var(--scrollbar-width) * -1);padding-right:var(--scrollbar-width);scrollbar-gutter:stable;scroll-behavior:smooth;width:calc(100% + var(--scrollbar-width));flex-wrap:wrap;justify-content:flex-start;display:flex;overflow:hidden scroll}.scrollbar-container-content--snap{scroll-snap-type:both mandatory;overscroll-behavior-x:contain;overflow:auto}.scrollbar-container-content--snap>*{scroll-snap-stop:normal;scroll-snap-align:center}}
-/*$vite$:1*/

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

@@ -1,20 +0,0 @@
-import './scss/index.scss';
-declare const _default: {
-    (): ReturnType<(this: {
-        attributes?: import("../../components/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;
-        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("@esportsplus/template").Renderable<any>>(content: T): ReturnType<(this: {
-        attributes?: import("../../components/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;
-        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>>;
-};
-export default _default;

package/build/components/site/index.js

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

package/build/components/site/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.site{z-index:0}}
-/*$vite$:1*/

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

@@ -1,13 +0,0 @@
-import { Attributes, Renderable } from '@esportsplus/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>;
-    };
-};
-export default _default;