@esportsplus/ui 0.56.4 → 0.57.0

package/build/components/shortcut-sheet/index.js

@@ -1,304 +0,0 @@
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { effect } from '@esportsplus/reactivity';
-import * as template_u1 from '@esportsplus/template';
-import input from '../input/index.js';
-import modal from '../modal/index.js';
-import './scss/index.scss';
-const template_0xyou7j1 = template_u1.template(`<svg aria-hidden='true' class='shortcut-sheet-search-icon' fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5' viewBox='0 0 16 16'><circle cx='7' cy='7' r='4.25' /><path d='m10.25 10.25 3 3' />`);
-const template_0xyou7j3 = template_u1.template(`<div class='shortcut-sheet'><button aria-haspopup='dialog' aria-keyshortcuts='?' class='shortcut-sheet-trigger' type='button'><!--$--><kbd class='shortcut-sheet-kbd'>?`);
-const template_0xyou7j8 = template_u1.template(`<div class='shortcut-sheet-panel'><div class='shortcut-sheet-header'><h2 class='shortcut-sheet-title'></h2><button aria-label='Close' class='shortcut-sheet-close' type='button'><svg aria-hidden='true' fill='none' stroke='currentColor' stroke-linecap='round' stroke-width='1.5' viewBox='0 0 16 16'><path d='m4.5 4.5 7 7M11.5 4.5l-7 7' /></svg></button></div><div class='shortcut-sheet-search'><!--$--></div><p aria-live='polite' class='shortcut-sheet-sr'></p><div aria-label='Shortcuts' class='shortcut-sheet-list' role='region' tabindex='0'><!--$-->`);
-const template_0xyou7ji = template_u1.template(`<section class='shortcut-sheet-group'><h3 class='shortcut-sheet-group-label'></h3><ul class='shortcut-sheet-rows'>`);
-const template_0xyou7jn = template_u1.template(`<li class='shortcut-sheet-row '><span class='shortcut-sheet-label'></span><span class='shortcut-sheet-sr'></span><span aria-hidden='true' class='shortcut-sheet-keys'>`);
-const template_0xyou7jt = template_u1.template(`<kbd class='shortcut-sheet-kbd'>`);
-const template_0xyou7jw = template_u1.template(`<p class='shortcut-sheet-empty'>No shortcuts match “<!--$-->”`);
-class ReactiveObject_0xyou7j0 extends reactivity_u0.ReactiveObject {
-    #active = this[reactivity_u0.SIGNAL](false);
-    #flash = this[reactivity_u0.SIGNAL]('');
-    #query = this[reactivity_u0.SIGNAL]('');
-    constructor() {
-        super(null);
-    }
-    get active() {
-        return reactivity_u0.read(this.#active);
-    }
-    set active(_v0) {
-        reactivity_u0.write(this.#active, _v0);
-    }
-    get flash() {
-        return reactivity_u0.read(this.#flash);
-    }
-    set flash(_v1) {
-        reactivity_u0.write(this.#flash, _v1);
-    }
-    get query() {
-        return reactivity_u0.read(this.#query);
-    }
-    set query(_v2) {
-        reactivity_u0.write(this.#query, _v2);
-    }
-}
-const FLASH = 600;
-const FOCUSABLE = 'a[href], button:not([disabled]), input:not([disabled]), [tabindex]:not([tabindex="-1"])';
-const GLYPHS = {
-    Alt: '⌥',
-    Mod: '⌘',
-    Shift: '⇧'
-};
-const SHORTCUT_SHEET_DIALOG = Symbol.for('@esportsplus/ui/shortcut-sheet.dialog');
-const SHORTCUT_SHEET_INPUT = Symbol.for('@esportsplus/ui/shortcut-sheet.input');
-const SHORTCUT_SHEET_ROW = Symbol.for('@esportsplus/ui/shortcut-sheet.row');
-const SHORTCUT_SHEET_TRIGGER = Symbol.for('@esportsplus/ui/shortcut-sheet.trigger');
-const SPOKEN = {
-    '-': 'minus',
-    '=': 'equals',
-    '?': 'question mark',
-    '[': 'left bracket',
-    ']': 'right bracket'
-};
-let uid = 0;
-function editable(target) {
-    return target instanceof HTMLElement && (target.isContentEditable || target.closest('input, textarea, select, [contenteditable]') !== null);
-}
-function filter(shortcuts, query) {
-    let count = 0, groups = [], keys = new Map(), q = query.trim().toLowerCase();
-    for (let i = 0, n = shortcuts.length; i < n; i++) {
-        let shortcut = shortcuts[i];
-        if (q && !shortcut.label.toLowerCase().includes(q) && !shortcut.group.toLowerCase().includes(q)) {
-            continue;
-        }
-        let group = keys.get(shortcut.group);
-        if (!group) {
-            group = { group: shortcut.group, items: [] };
-            groups.push(group);
-            keys.set(shortcut.group, group);
-        }
-        group.items.push(shortcut);
-        count++;
-    }
-    return { count, groups };
-}
-function glyph(key, mac) {
-    if (key === 'Mod') {
-        return mac ? '⌘' : 'Ctrl';
-    }
-    return (mac && GLYPHS[key]) || key;
-}
-function matches(e, keys, mac) {
-    let key = keys[keys.length - 1], mod = mac ? e.metaKey : e.ctrlKey, other = mac ? e.ctrlKey : e.metaKey;
-    if (other || mod !== keys.includes('Mod') || e.altKey !== keys.includes('Alt')) {
-        return false;
-    }
-    if (key === '?') {
-        return e.key === '?';
-    }
-    if (e.shiftKey !== keys.includes('Shift')) {
-        return false;
-    }
-    return e.key.toLowerCase() === key.toLowerCase();
-}
-function restore(e) {
-    e.currentTarget.classList.remove('--leaving');
-}
-function search() {
-    return template_0xyou7j1();
-}
-function spoken(keys, mac) {
-    let words = [];
-    for (let i = 0, n = keys.length; i < n; i++) {
-        let key = keys[i];
-        words.push(key === 'Mod' ? (mac ? 'Command' : 'Control') : (SPOKEN[key] ?? key));
-    }
-    return words.join(' ');
-}
-export default Object.assign(function ({ label = 'Keyboard shortcuts', shortcuts, state = new ReactiveObject_0xyou7j0(), ...attributes }) {
-    let id = `shortcut-sheet-${++uid}`, mac = /Mac|iPhone|iPad/.test(navigator.platform), overflow = '', padding = '', release, results = reactivity_u0.computed(() => filter(shortcuts, state.query)), stop, timer, trigger;
-    function lock() {
-        let body = document.body, gap = innerWidth - document.documentElement.clientWidth;
-        overflow = body.style.overflow;
-        padding = body.style.paddingRight;
-        if (gap > 0) {
-            body.style.paddingRight = `${(parseFloat(getComputedStyle(body).paddingRight) || 0) + gap}px`;
-        }
-        body.style.overflow = 'hidden';
-    }
-    function onkeydown(e) {
-        if (e.defaultPrevented) {
-            return;
-        }
-        let typing = editable(e.target);
-        if (!state.active) {
-            if (e.key !== '?' || e.metaKey || e.ctrlKey || e.altKey || e.repeat || typing || !trigger?.isConnected || trigger.closest('[inert]')) {
-                return;
-            }
-            e.preventDefault();
-            show();
-            return;
-        }
-        if (e.key === '?' && !typing && !e.metaKey && !e.ctrlKey) {
-            e.preventDefault();
-            state.active = false;
-            return;
-        }
-        let hit, groups = reactivity_u0.read(results).groups;
-        for (let i = 0, n = groups.length; i < n && !hit; i++) {
-            hit = groups[i].items.find((s) => matches(e, s.keys, mac));
-        }
-        if (!hit || (typing && !hit.keys.includes('Mod'))) {
-            return;
-        }
-        if (!(typing && /^[zZ]$/.test(e.key))) {
-            e.preventDefault();
-        }
-        e.stopPropagation();
-        clearTimeout(timer);
-        state.flash = hit.id;
-        timer = setTimeout(() => {
-            state.flash = '';
-        }, FLASH);
-        document.getElementById(`${id}-${hit.id}`)?.scrollIntoView({ block: 'nearest' });
-    }
-    function show() {
-        state.flash = '';
-        state.query = '';
-        state.active = true;
-    }
-    function unlock() {
-        document.body.style.overflow = overflow;
-        document.body.style.paddingRight = padding;
-    }
-    return (() => {
-        let root_0xyou7j2 = template_0xyou7j3(), element_0xyou7j4 = root_0xyou7j2.firstChild, element_0xyou7j5 = element_0xyou7j4.firstElementChild, element_0xyou7j6 = element_0xyou7j5.firstChild;
-        template_u1.setProperties(element_0xyou7j4, this?.attributes);
-        template_u1.setProperties(element_0xyou7j4, attributes);
-        template_u1.setProperties(element_0xyou7j5, this?.attributes?.[SHORTCUT_SHEET_TRIGGER]);
-        template_u1.setProperties(element_0xyou7j5, attributes[SHORTCUT_SHEET_TRIGGER]);
-        template_u1.setProperty(element_0xyou7j5, 'aria-expanded', () => state.active ? 'true' : 'false');
-        template_u1.delegate(element_0xyou7j5, 'click', show);
-        template_u1.onconnect(element_0xyou7j5, (element) => {
-            let locked = false;
-            trigger = element;
-            addEventListener('keydown', onkeydown, true);
-            stop = effect(() => {
-                if (state.active === locked) {
-                    return;
-                }
-                locked = state.active;
-                if (locked) {
-                    lock();
-                }
-                else {
-                    clearTimeout(timer);
-                    unlock();
-                }
-            });
-        });
-        template_u1.ondisconnect(element_0xyou7j5, () => {
-            clearTimeout(timer);
-            removeEventListener('keydown', onkeydown, true);
-            stop?.();
-            if (state.active) {
-                unlock();
-            }
-        });
-        template_u1.slot(element_0xyou7j6, label);
-        template_u1.slot(element_0xyou7j4, modal({
-            'aria-labelledby': `${id}-title`,
-            state,
-            ...this?.attributes?.[SHORTCUT_SHEET_DIALOG],
-            ...attributes[SHORTCUT_SHEET_DIALOG],
-            class: ['shortcut-sheet-dialog', this?.attributes?.[SHORTCUT_SHEET_DIALOG]?.class, attributes[SHORTCUT_SHEET_DIALOG]?.class].flat()
-        }, (() => {
-            let root_0xyou7j7 = template_0xyou7j8(), element_0xyou7j9 = root_0xyou7j7.firstChild, element_0xyou7ja = element_0xyou7j9.firstElementChild.firstElementChild, element_0xyou7jb = element_0xyou7ja.nextElementSibling, element_0xyou7jc = element_0xyou7j9.firstElementChild.nextElementSibling.firstChild, element_0xyou7jd = element_0xyou7j9.firstElementChild.nextElementSibling, element_0xyou7je = element_0xyou7jd.nextElementSibling, element_0xyou7jf = element_0xyou7je.nextElementSibling, element_0xyou7jg = element_0xyou7jf.firstChild;
-            template_u1.onconnect(element_0xyou7j9, (element) => {
-                let dialog = element.parentElement, stop = effect(() => {
-                    if (!state.active && dialog.hasAttribute('open')) {
-                        dialog.classList.add('--leaving');
-                    }
-                });
-                dialog.addEventListener('close', restore);
-                release = () => {
-                    dialog.removeEventListener('close', restore);
-                    stop();
-                };
-            });
-            template_u1.ondisconnect(element_0xyou7j9, () => {
-                release?.();
-            });
-            template_u1.delegate(element_0xyou7j9, 'keydown', (e) => {
-                if (e.key !== 'Tab') {
-                    return;
-                }
-                let items = Array.from(e.currentTarget.querySelectorAll(FOCUSABLE))
-                    .filter((element) => element.getClientRects().length > 0);
-                if (!items.length) {
-                    return;
-                }
-                let first = items[0], last = items[items.length - 1];
-                if (e.shiftKey && document.activeElement === first) {
-                    e.preventDefault();
-                    last.focus();
-                }
-                else if (!e.shiftKey && document.activeElement === last) {
-                    e.preventDefault();
-                    first.focus();
-                }
-            });
-            template_u1.setProperty(element_0xyou7ja, 'id', template_u1.interpolate([(id), "-title"]));
-            template_u1.slot(element_0xyou7ja, label, 1);
-            template_u1.delegate(element_0xyou7jb, 'click', () => state.active = false);
-            template_u1.slot(element_0xyou7jc, search());
-            template_u1.slot(element_0xyou7jd, input({
-                'aria-controls': `${id}-list`,
-                'aria-label': 'Search shortcuts',
-                autocomplete: 'off',
-                autofocus: true,
-                class: 'shortcut-sheet-input',
-                oninput: (e) => {
-                    state.query = e.target.value;
-                },
-                placeholder: 'Search shortcuts',
-                spellcheck: false,
-                type: 'search',
-                value: () => state.query,
-                ...this?.attributes?.[SHORTCUT_SHEET_INPUT],
-                ...attributes[SHORTCUT_SHEET_INPUT]
-            }), 2);
-            new template_u1.EffectSlot(element_0xyou7je, () => state.query ? `${reactivity_u0.read(results).count} ${reactivity_u0.read(results).count === 1 ? 'shortcut' : 'shortcuts'}` : '', 1);
-            template_u1.setProperty(element_0xyou7jf, 'id', template_u1.interpolate([(id), "-list"]));
-            new template_u1.EffectSlot(element_0xyou7jg, () => reactivity_u0.read(results).groups.map(({ group, items }, g) => {
-                let root_0xyou7jh = template_0xyou7ji(), element_0xyou7jj = root_0xyou7jh.firstChild, element_0xyou7jk = element_0xyou7jj.firstElementChild, element_0xyou7jl = element_0xyou7jk.nextElementSibling;
-                template_u1.setProperty(element_0xyou7jj, 'aria-labelledby', template_u1.interpolate([(id), "-group-", (g)]));
-                template_u1.setProperty(element_0xyou7jk, 'id', template_u1.interpolate([(id), "-group-", (g)]));
-                template_u1.slot(element_0xyou7jk, group, 1);
-                template_u1.slot(element_0xyou7jl, items.map((shortcut) => {
-                    let root_0xyou7jm = template_0xyou7jn(), element_0xyou7jo = root_0xyou7jm.firstChild, element_0xyou7jp = element_0xyou7jo.firstElementChild, element_0xyou7jq = element_0xyou7jp.nextElementSibling, element_0xyou7jr = element_0xyou7jq.nextElementSibling;
-                    template_u1.setList(element_0xyou7jo, 'class', () => state.flash === shortcut.id && '--active');
-                    template_u1.setProperty(element_0xyou7jo, 'id', template_u1.interpolate([(id), "-", (shortcut.id)]));
-                    template_u1.setProperties(element_0xyou7jo, this?.attributes?.[SHORTCUT_SHEET_ROW]);
-                    template_u1.setProperties(element_0xyou7jo, attributes[SHORTCUT_SHEET_ROW]);
-                    template_u1.slot(element_0xyou7jp, shortcut.label, 1);
-                    template_u1.slot(element_0xyou7jq, spoken(shortcut.keys, mac), 1);
-                    template_u1.slot(element_0xyou7jr, shortcut.keys.map((key) => {
-                        let root_0xyou7js = template_0xyou7jt(), element_0xyou7ju = root_0xyou7js.firstChild;
-                        template_u1.slot(element_0xyou7ju, glyph(key, mac), 1);
-                        return root_0xyou7js;
-                    }), 1);
-                    return root_0xyou7jm;
-                }), 1);
-                return root_0xyou7jh;
-            }));
-            new template_u1.EffectSlot(element_0xyou7jf, () => !reactivity_u0.read(results).count && (() => {
-                let root_0xyou7jv = template_0xyou7jw(), element_0xyou7jx = root_0xyou7jv.firstChild.firstChild.nextSibling;
-                template_u1.slot(element_0xyou7jx, state.query.trim());
-                return root_0xyou7jv;
-            })(), 2);
-            return root_0xyou7j7;
-        })()), 2);
-        return root_0xyou7j2;
-    })();
-}, {
-    dialog: SHORTCUT_SHEET_DIALOG,
-    input: SHORTCUT_SHEET_INPUT,
-    row: SHORTCUT_SHEET_ROW,
-    trigger: SHORTCUT_SHEET_TRIGGER
-});

package/build/components/shortcut-sheet/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.shortcut-sheet{--close-duration:.1s;--color:var(--color-text-500);--color-muted:var(--color-text-300);--dialog-backdrop:color-mix(in srgb, var(--color-text-500) 10%, transparent);--dialog-background:var(--color-white-300);--dialog-height:min(480px, calc(100dvh - (var(--size-400) * 2)));--dialog-radius:var(--size-500);--dialog-scale:.98;--dialog-width:520px;--flash-duration:.5s;--font-size:calc(var(--font-size-400) * .875);--input-font-size:calc(var(--font-size-400) * .9375);--kbd-background:var(--color-white-300);--kbd-border-color:var(--color-border-300);--kbd-duration:.3s;--kbd-font-size:calc(var(--font-size-300) * .95);--kbd-pressed-background:var(--color-text-500);--kbd-pressed-color:var(--color-white-300);--kbd-size:24px;--open-duration:.15s;--raised:0 0 0 1px oklch(from var(--color-black-300) l c h / .06), 0 1px 2px oklch(from var(--color-black-300) l c h / .06), 0 6px 16px -6px oklch(from var(--color-black-300) l c h / .12);--row-background:var(--color-grey-400);--row-height:40px;--surface:var(--color-grey-400);--timing-function:cubic-bezier(.23, 1, .32, 1);--title-font-size:calc(var(--font-size-400) * .9375)}.shortcut-sheet--blur{--dialog-backdrop:color-mix(in srgb, var(--color-black-500) 24%, transparent)}.shortcut-sheet{display:contents}.shortcut-sheet--blur .shortcut-sheet-dialog.modal::backdrop{-webkit-backdrop-filter:blur(var(--size-100));backdrop-filter:blur(var(--size-100))}.shortcut-sheet-close{color:var(--color-muted);cursor:pointer;touch-action:manipulation;height:36px;transition:background-color var(--open-duration) ease-out, color var(--open-duration) ease-out, scale var(--open-duration) ease-out;background:0 0;border:0;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.shortcut-sheet-close:active{scale:.96}.shortcut-sheet-close:focus-visible{outline:var(--border-width-500) solid var(--color)}.shortcut-sheet-close:hover{background:var(--surface);color:var(--color)}.shortcut-sheet-close svg{height:var(--size-400);width:var(--size-400)}.shortcut-sheet-dialog.modal{--backdrop:var(--dialog-backdrop);--margin-horizontal:var(--size-400);--max-width:var(--dialog-width);--scale:var(--dialog-scale);--transition-duration:var(--open-duration);--transition-timing-function:var(--timing-function);--translateY:0px;background:var(--dialog-background);border-radius:var(--dialog-radius);box-shadow:var(--raised);color:var(--color);overflow:hidden}.shortcut-sheet-dialog.modal:not(.--active){--transition-duration:var(--close-duration)}.shortcut-sheet-dialog.modal.--leaving{--scale:1}.shortcut-sheet-empty{color:var(--color-muted);font-size:var(--font-size);padding:var(--size-600) var(--size-100);text-align:center}.shortcut-sheet-group{width:100%;display:block}.shortcut-sheet-group-label{--font-size:var(--font-size-300);color:var(--color-muted);font-weight:var(--font-weight-500);padding:var(--size-400) var(--size-100) calc(var(--size-100) / 2)}.shortcut-sheet-header{height:56px;padding-inline:var(--size-500) 10px;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.shortcut-sheet-input.input{--background-default:var(--surface);--border-radius:var(--border-radius-400);--color-default:var(--color);--font-size:var(--input-font-size);--padding-horizontal:var(--size-300);--padding-vertical:0px;--size:40px;outline:none;height:40px;padding-inline-start:36px}.shortcut-sheet-input.input:focus-visible{outline:var(--border-width-500) solid var(--color)}.shortcut-sheet-input.input::placeholder{color:var(--color-muted)}.shortcut-sheet-input.input::-webkit-search-cancel-button{display:none}.shortcut-sheet-kbd{background:var(--kbd-background);border-radius:var(--border-radius-300);box-shadow:0 0 0 var(--border-width-400) var(--kbd-border-color), inset 0 calc(var(--border-width-400) * -1) 0 var(--kbd-border-color);color:var(--color-muted);font-family:inherit;font-size:var(--kbd-font-size);height:var(--kbd-size);min-width:var(--kbd-size);transition:background-color var(--kbd-duration) ease-out, box-shadow var(--kbd-duration) ease-out, color var(--kbd-duration) ease-out, translate var(--kbd-duration) ease-out;justify-content:center;align-items:center;padding-inline:6px;line-height:1;display:flex}.--active>*>.shortcut-sheet-kbd{background:var(--kbd-pressed-background);box-shadow:none;color:var(--kbd-pressed-color);transition-duration:0s;translate:0 1px}.shortcut-sheet-keys{gap:calc(var(--size-100) / 2);flex-shrink:0;display:flex}.shortcut-sheet-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shortcut-sheet-list{border-radius:0 0 var(--dialog-radius) var(--dialog-radius);overscroll-behavior:contain;min-height:0;padding:0 var(--size-300) var(--size-300);outline:none;flex:auto;overflow-y:auto}.shortcut-sheet-list:focus-visible{outline:var(--border-width-500) solid var(--color);outline-offset:calc(var(--border-width-500) * -1)}.shortcut-sheet-panel{height:var(--dialog-height);flex-direction:column;display:flex}.shortcut-sheet-row{border-radius:var(--border-radius-400);color:var(--color);font-size:var(--font-size);align-items:center;gap:var(--size-400);height:var(--row-height);padding-inline:var(--size-100);transition:background-color var(--flash-duration) ease-out;justify-content:space-between;display:flex}.shortcut-sheet-row.--active{background:var(--row-background);transition-duration:0s}.shortcut-sheet-rows{margin:0;padding:0;list-style:none}.shortcut-sheet-search{color:var(--color-muted);margin-inline:var(--size-300);flex-shrink:0;position:relative}.shortcut-sheet-search-icon{height:var(--size-400);left:var(--size-300);pointer-events:none;width:var(--size-400);z-index:1;position:absolute;top:50%;translate:0 -50%}.shortcut-sheet-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shortcut-sheet-title{--font-size:var(--title-font-size);color:var(--color);font-weight:var(--font-weight-600,var(--font-weight-500));width:auto}.shortcut-sheet-trigger{background:var(--surface);box-shadow:var(--raised);color:var(--color);cursor:pointer;font:inherit;font-size:var(--font-size);font-weight:var(--font-weight-500);height:40px;padding-inline:var(--size-400) var(--size-100);touch-action:manipulation;transition:scale var(--open-duration) ease-out;-webkit-user-select:none;user-select:none;border:0;border-radius:999px;outline:none;align-items:center;gap:10px;display:flex}.shortcut-sheet-trigger:active{scale:.96}.shortcut-sheet-trigger:focus-visible{outline:var(--border-width-500) solid var(--color);outline-offset:var(--border-width-500)}@media (prefers-reduced-motion:reduce){.shortcut-sheet-close:active,.shortcut-sheet-trigger:active{scale:1}.shortcut-sheet-dialog.modal{--scale:1;transition:opacity var(--transition-duration) var(--transition-timing-function)}.shortcut-sheet-dialog.modal::backdrop{transition:opacity var(--transition-duration) var(--transition-timing-function)}.shortcut-sheet-kbd{transition:background-color var(--kbd-duration) ease-out, color var(--kbd-duration) ease-out}.--active>*>.shortcut-sheet-kbd{translate:none}}}
-/*$vite$:1*/

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

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

package/build/components/sidebar/index.js

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

package/build/components/sidebar/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.sidebar{--margin-horizontal:0px;--margin-vertical:0px;--width:var(--width-default);--width-closed:var(--width-default);--width-default:320px}.sidebar:not(.--active):not(:hover){--width:var(--width-closed)}.sidebar--floating{--margin-horizontal:var(--size-100);--margin-vertical:var(--size-100)}.sidebar{top:var(--margin-vertical);bottom:var(--margin-vertical);cursor:default;height:calc(100% - var(--margin-vertical) * 2);transition:max-width var(--transition-duration) var(--transition-timing-function), opacity var(--transition-duration) var(--transition-timing-function), translate var(--transition-duration) var(--transition-timing-function);width:min(var(--width), 100% - var(--margin-horizontal) * 2);z-index:9;position:absolute}.sidebar:not(.--active) input[type=password]{display:none}.sidebar--e{right:var(--margin-horizontal)}.sidebar--e.sidebar--offscreen:not(.--active){translate:var(--width)}.sidebar--w{left:var(--margin-horizontal)}.sidebar--w.sidebar--offscreen:not(.--active){translate:calc(var(--width) * -1)}.sidebar-content{flex:0 0 var(--width-default);width:var(--width-default)}}
-/*$vite$:1*/

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

@@ -1,25 +0,0 @@
-import { type Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-type A = Attributes & {
-    disabled?: boolean;
-    format?: (value: number) => string;
-    label?: string;
-    largeStep?: number;
-    max?: number;
-    min?: number;
-    name?: string;
-    orientation?: 'horizontal' | 'vertical';
-    output?: boolean;
-    state?: State;
-    step?: number;
-    value?: number | [number, number];
-};
-type State = {
-    value: number;
-} | {
-    high: number;
-    low: number;
-};
-export default _default;
-declare function _default({ disabled, format, label, largeStep, max, min, name, orientation, output, state, step, value, ...attributes }: A): DocumentFragment | Text;
-export type { State as SliderState };

package/build/components/slider/index.js

@@ -1,188 +0,0 @@
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import * as template_u1 from '@esportsplus/template';
-import './scss/index.scss';
-const template_15qth6c3 = template_u1.template(`<div class='slider  '><!--$--><div class='slider-control'><div class='slider-track'><div class='slider-indicator '>`);
-const template_15qth6ca = template_u1.template(`<div class='slider-header'><!--$-->`);
-const template_15qth6ce = template_u1.template(`<span class='slider-label'>`);
-const template_15qth6ch = template_u1.template(`<output class='slider-output'>`);
-const template_15qth6ck = template_u1.template(`<div class='slider-thumb' role='slider'>`);
-const template_15qth6cn = template_u1.template(`<input type='hidden' />`);
-class ReactiveObject_15qth6c0 extends reactivity_u0.ReactiveObject {
-    #high;
-    #low;
-    #value;
-    constructor(_p0, _p1, _p2) {
-        super(null);
-        this.#high = this[reactivity_u0.SIGNAL](_p0);
-        this.#low = this[reactivity_u0.SIGNAL](_p1);
-        this.#value = this[reactivity_u0.SIGNAL](_p2);
-    }
-    get high() {
-        return reactivity_u0.read(this.#high);
-    }
-    set high(_v0) {
-        reactivity_u0.write(this.#high, _v0);
-    }
-    get low() {
-        return reactivity_u0.read(this.#low);
-    }
-    set low(_v1) {
-        reactivity_u0.write(this.#low, _v1);
-    }
-    get value() {
-        return reactivity_u0.read(this.#value);
-    }
-    set value(_v2) {
-        reactivity_u0.write(this.#value, _v2);
-    }
-}
-class ReactiveObject_15qth6c1 extends reactivity_u0.ReactiveObject {
-    #dragging = this[reactivity_u0.SIGNAL](-1);
-    constructor() {
-        super(null);
-    }
-    get dragging() {
-        return reactivity_u0.read(this.#dragging);
-    }
-    set dragging(_v0) {
-        reactivity_u0.write(this.#dragging, _v0);
-    }
-}
-function clamp(value, min, max) {
-    return Math.min(Math.max(value, min), max);
-}
-export default ({ disabled = false, format = String, label, largeStep = 10, max = 100, min = 0, name, orientation = 'horizontal', output = false, state, step = 1, value, ...attributes }) => {
-    let range = Array.isArray(value) || (!!state && 'low' in state), keys = range ? ['low', 'high'] : ['value'], s = (state ?? new ReactiveObject_15qth6c0(Array.isArray(value) ? value[1] : max, Array.isArray(value) ? value[0] : min, Array.isArray(value) ? min : (value ?? min))), control, decimals = (String(step).split('.')[1] || '').length, drag = -1, span = max - min || 1, thumbs = [], ui = new ReactiveObject_15qth6c1(), vertical = orientation === 'vertical';
-    function commit(index, raw) {
-        let next = Number((Math.round((clamp(raw, min, max) - min) / step) * step + min).toFixed(decimals));
-        if (range) {
-            next = index === 0 ? Math.min(next, s.high) : Math.max(next, s.low);
-        }
-        s[keys[index]] = next;
-    }
-    function fraction(event) {
-        if (!control) {
-            return 0;
-        }
-        let rect = control.getBoundingClientRect(), size = parseFloat(getComputedStyle(control).getPropertyValue('--thumb-size')) || 0, f = vertical
-            ? (rect.bottom - size / 2 - event.clientY) / (rect.height - size)
-            : (event.clientX - rect.left - size / 2) / (rect.width - size);
-        if (!vertical && getComputedStyle(control).direction === 'rtl') {
-            f = 1 - f;
-        }
-        return clamp(f, 0, 1);
-    }
-    function keydown(index, event) {
-        let big = largeStep, delta = {
-            ArrowDown: -(event.shiftKey ? big : step),
-            ArrowLeft: -(event.shiftKey ? big : step),
-            ArrowRight: event.shiftKey ? big : step,
-            ArrowUp: event.shiftKey ? big : step,
-            End: Infinity,
-            Home: -Infinity,
-            PageDown: -big,
-            PageUp: big
-        };
-        if (!(event.key in delta)) {
-            return;
-        }
-        event.preventDefault();
-        commit(index, clamp(s[keys[index]] + delta[event.key], min, max));
-    }
-    function percent(key) {
-        return (s[key] - min) / span;
-    }
-    function readout() {
-        return keys.map((key) => format(s[key])).join(' – ');
-    }
-    function release() {
-        drag = -1;
-        ui.dragging = -1;
-    }
-    return (() => {
-        let root_15qth6c2 = template_15qth6c3(), element_15qth6c4 = root_15qth6c2.firstChild, element_15qth6c5 = element_15qth6c4.firstChild, element_15qth6c6 = element_15qth6c4.firstElementChild, element_15qth6c7 = element_15qth6c6.firstElementChild.firstElementChild, element_15qth6c8 = element_15qth6c6.firstElementChild;
-        template_u1.setProperty(element_15qth6c4, 'aria-disabled', disabled && 'true');
-        template_u1.setList(element_15qth6c4, 'class', template_u1.interpolate(["slider--", (orientation)]));
-        template_u1.setList(element_15qth6c4, 'class', disabled && '--disabled');
-        template_u1.setProperties(element_15qth6c4, attributes);
-        template_u1.setList(element_15qth6c4, 'class', () => ui.dragging !== -1 && '--dragging');
-        template_u1.slot(element_15qth6c5, (label || output) && (() => {
-            let root_15qth6c9 = template_15qth6ca(), element_15qth6cb = root_15qth6c9.firstChild.firstChild, element_15qth6cc = root_15qth6c9.firstChild;
-            template_u1.slot(element_15qth6cb, label && (() => {
-                let root_15qth6cd = template_15qth6ce(), element_15qth6cf = root_15qth6cd.firstChild;
-                template_u1.slot(element_15qth6cf, label, 1);
-                return root_15qth6cd;
-            })());
-            template_u1.slot(element_15qth6cc, output && (() => {
-                let root_15qth6cg = template_15qth6ch(), element_15qth6ci = root_15qth6cg.firstChild;
-                new template_u1.EffectSlot(element_15qth6ci, readout, 1);
-                return root_15qth6cg;
-            })(), 2);
-            return root_15qth6c9;
-        })());
-        template_u1.delegate(element_15qth6c6, 'lostpointercapture', release);
-        template_u1.delegate(element_15qth6c6, 'pointercancel', release);
-        template_u1.delegate(element_15qth6c6, 'pointerdown', (event) => {
-            if (disabled || event.button !== 0 || !control) {
-                return;
-            }
-            let f = fraction(event), grabbed = event.target.closest('[data-thumb]'), index = 0;
-            if (grabbed) {
-                index = Number(grabbed.dataset.thumb);
-            }
-            else if (range) {
-                let high = percent('high'), low = percent('low');
-                index = Math.abs(f - low) === Math.abs(f - high) ? (f < low ? 0 : 1) : (Math.abs(f - low) < Math.abs(f - high) ? 0 : 1);
-            }
-            event.preventDefault();
-            thumbs[index]?.focus({ preventScroll: true });
-            control.setPointerCapture(event.pointerId);
-            drag = index;
-            ui.dragging = index;
-            commit(index, min + f * span);
-        });
-        template_u1.delegate(element_15qth6c6, 'pointermove', (event) => {
-            if (drag === -1) {
-                return;
-            }
-            commit(drag, min + fraction(event) * span);
-        });
-        template_u1.delegate(element_15qth6c6, 'pointerup', release);
-        template_u1.onrender(element_15qth6c6, (element) => {
-            control = element;
-        });
-        template_u1.setList(element_15qth6c7, 'class', !range && 'slider-indicator--single');
-        template_u1.setList(element_15qth6c7, 'style', () => range
-            ? `--end: ${percent('high')}; --start: ${percent('low')};`
-            : `--end: ${percent('value')};`);
-        template_u1.slot(element_15qth6c8, keys.map((key, index) => {
-            let root_15qth6cj = template_15qth6ck(), element_15qth6cl = root_15qth6cj.firstChild;
-            template_u1.setProperty(element_15qth6cl, 'aria-label', range ? `${index === 0 ? 'Minimum' : 'Maximum'}${label ? ` ${label.toLowerCase()}` : ''}` : (label ?? 'Value'));
-            template_u1.setProperty(element_15qth6cl, 'aria-orientation', orientation);
-            template_u1.setProperty(element_15qth6cl, 'aria-valuemax', max);
-            template_u1.setProperty(element_15qth6cl, 'aria-valuemin', min);
-            template_u1.setProperty(element_15qth6cl, 'data-thumb', index);
-            template_u1.setProperty(element_15qth6cl, 'tabindex', disabled ? -1 : 0);
-            template_u1.setProperty(element_15qth6cl, 'aria-valuenow', () => s[key]);
-            template_u1.setProperty(element_15qth6cl, 'aria-valuetext', () => format(s[key]));
-            template_u1.setList(element_15qth6cl, 'class', () => ui.dragging === index && '--active');
-            template_u1.delegate(element_15qth6cl, 'keydown', (event) => {
-                if (!disabled) {
-                    keydown(index, event);
-                }
-            });
-            template_u1.onrender(element_15qth6cl, (element) => {
-                thumbs[index] = element;
-            });
-            template_u1.setList(element_15qth6cl, 'style', () => `--position: ${percent(key)}`);
-            return root_15qth6cj;
-        }), 2);
-        template_u1.slot(element_15qth6c4, name && keys.map((key) => {
-            let root_15qth6cm = template_15qth6cn(), element_15qth6co = root_15qth6cm.firstChild;
-            template_u1.setProperty(element_15qth6co, 'name', name);
-            template_u1.setProperty(element_15qth6co, 'value', () => String(s[key]));
-            return root_15qth6cm;
-        }), 2);
-        return root_15qth6c2;
-    })();
-};

package/build/components/slider/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.slider{--color:var(--color-text-500);--end:0;--font-size:calc(var(--font-size-400) * .875);--indicator-color:var(--color-text-500);--rail-inset:2px;--ring:oklch(from var(--color-text-500) l c h / .24);--start:0;--thumb-background:var(--color-white-300);--thumb-border:var(--color-border-300);--thumb-shadow:0 1px 2px oklch(from var(--color-black-300) l c h / .05), 0 1px oklch(from var(--color-black-300) l c h / .04);--thumb-size:16px;--track-color:var(--color-border-300);--track-size:4px;color:var(--color);font-size:var(--font-size);flex-direction:column;gap:8px;display:flex}.slider-control{touch-action:none;-webkit-user-select:none;user-select:none;display:flex;position:relative}.slider-header{justify-content:space-between;align-items:center;gap:4px;display:flex}.slider-indicator{background:var(--indicator-color);border-radius:999px;transition:none;position:absolute}.slider-label{font-weight:var(--font-weight-500)}.slider-output{font-variant-numeric:tabular-nums;margin-inline-start:auto}.slider-thumb{background:var(--thumb-background);border:1px solid var(--thumb-border);box-shadow:var(--thumb-shadow);cursor:grab;height:var(--thumb-size);width:var(--thumb-size);border-radius:50%;outline:none;transition:box-shadow .15s ease-out,scale .15s ease-out;position:absolute}.slider-thumb:focus-visible{box-shadow:0 0 0 3px var(--ring)}.slider-thumb.--active{box-shadow:none;cursor:grabbing;scale:1.2}.slider-track{flex-grow:1;position:relative}.slider-track:before{background:var(--track-color);content:"";border-radius:999px;position:absolute}.slider--horizontal{width:100%}.slider--horizontal .slider-control{min-height:var(--thumb-size);align-items:center;width:100%;min-width:176px}.slider--horizontal .slider-indicator{inset-block:0;inset-inline-start:calc(var(--thumb-size) / 2 + var(--start) * (100% - var(--thumb-size)));inset-inline-end:calc(100% - (var(--thumb-size) / 2 + var(--end) * (100% - var(--thumb-size))))}.slider--horizontal .slider-indicator--single{inset-inline-start:var(--rail-inset)}.slider--horizontal .slider-thumb{inset-inline-start:calc(var(--thumb-size) / 2 + var(--position) * (100% - var(--thumb-size)));top:50%;translate:-50% -50%}.slider--horizontal .slider-thumb:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){translate:50% -50%}.slider--horizontal .slider-track{height:var(--track-size)}.slider--horizontal .slider-track:before{inset:0 var(--rail-inset)}.slider--vertical{align-items:center;height:100%}.slider--vertical .slider-control{flex-direction:column;justify-content:center;height:100%;min-height:176px}.slider--vertical .slider-indicator{bottom:calc(var(--thumb-size) / 2 + var(--start) * (100% - var(--thumb-size)));inset-inline:0;top:calc(100% - (var(--thumb-size) / 2 + var(--end) * (100% - var(--thumb-size))))}.slider--vertical .slider-indicator--single{bottom:var(--rail-inset)}.slider--vertical .slider-thumb{bottom:calc(var(--thumb-size) / 2 + var(--position) * (100% - var(--thumb-size)));left:50%;translate:-50% 50%}.slider--vertical .slider-track{width:var(--track-size)}.slider--vertical .slider-track:before{inset:var(--rail-inset) 0}.slider.--disabled{opacity:.64}.slider.--disabled .slider-control{pointer-events:none}@media (pointer:coarse){.slider{--thumb-size:20px}}@media (prefers-reduced-motion:reduce){.slider-thumb{transition:box-shadow .15s ease-out}.slider-thumb.--active{scale:1}}}
-/*$vite$:1*/

package/build/components/sliding-tabs/index.d.ts

@@ -1,28 +0,0 @@
-import { type Attributes, type Renderable } from '@esportsplus/template';
-import '../tabs/scss/index.scss';
-import './scss/index.scss';
-type A = Attributes & {
-    [SLIDING_TABS_PANEL]?: Attributes;
-    [SLIDING_TABS_TAB]?: Attributes;
-    label: string;
-    selected?: string;
-    state?: State;
-    tabs: Tab[];
-};
-type State = {
-    selected: string;
-};
-type Tab = {
-    content: Renderable<unknown>;
-    id: string;
-    label: string;
-};
-declare const SLIDING_TABS_PANEL: unique symbol;
-declare const SLIDING_TABS_TAB: unique symbol;
-declare const slidingTabs: ({ label, selected, state, tabs, ...attributes }: A) => DocumentFragment | Text;
-declare const _default: typeof slidingTabs & {
-    readonly panel: typeof SLIDING_TABS_PANEL;
-    readonly tab: typeof SLIDING_TABS_TAB;
-};
-export default _default;
-export type { State, Tab };