@esportsplus/ui 0.56.4 → 0.57.0

package/build/components/tree/index.js

@@ -1,182 +0,0 @@
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-import './scss/index.scss';
-const template_1n2ul8n1 = template_u1.template(`<div class='tree-item' role='none'><div class='tree-row ' role='treeitem'><!--$--><span class='tree-label'>`);
-const template_1n2ul8n7 = template_u1.template(`<span class='tree-caret ' aria-hidden='true'><svg viewBox='0 0 10 10'><path d='M3.5 2 6.5 5 3.5 8' />`);
-const template_1n2ul8n9 = template_u1.template(`<span class='tree-caret' aria-hidden='true'>`);
-const template_1n2ul8nb = template_u1.template(`<span class='tree-meta'>`);
-const template_1n2ul8ne = template_u1.template(`<div class='tree-group ' role='group'><div class='tree-group-content'>`);
-const template_1n2ul8ni = template_u1.template(`<div class='tree' role='tree'>`);
-function flatten(nodes, parent, index) {
-    for (let i = 0, n = nodes.length; i < n; i++) {
-        let node = nodes[i];
-        index.set(node.id, { node, parent });
-        if (node.children) {
-            flatten(node.children, node, index);
-        }
-    }
-    return index;
-}
-function visible(nodes, expanded, out = []) {
-    for (let i = 0, n = nodes.length; i < n; i++) {
-        let node = nodes[i];
-        out.push(node);
-        if (node.children?.length && expanded[node.id]) {
-            visible(node.children, expanded, out);
-        }
-    }
-    return out;
-}
-export default component(function ({ expanded: open = [], label, nodes, select, selected: initial, toggle, ...attributes }) {
-    let index = flatten(nodes, null, new Map()), ids = [...index.keys()], expanded = reactivity_u0.reactive(Object.fromEntries(ids.map((id) => [id, open.includes(id)]))), selected = reactivity_u0.reactive(Object.fromEntries(ids.map((id) => [id, id === initial]))), state = {
-        focused: visible(nodes, expanded).some((node) => node.id === initial) ? initial : (nodes[0]?.id ?? ''),
-        selected: initial ?? ''
-    }, tabbable = reactivity_u0.reactive(Object.fromEntries(ids.map((id) => [id, id === state.focused])));
-    function activate(id) {
-        let entry = index.get(id);
-        if (state.selected !== id) {
-            if (state.selected) {
-                selected[state.selected] = false;
-            }
-            selected[id] = true;
-            state.selected = id;
-            select?.(id);
-        }
-        if (entry.node.children?.length) {
-            set(id, !expanded[id]);
-        }
-    }
-    function focus(root, id) {
-        root.querySelector(`.tree-row[data-id="${CSS.escape(id)}"]`)?.focus();
-    }
-    function set(id, value) {
-        if (expanded[id] === value) {
-            return;
-        }
-        expanded[id] = value;
-        toggle?.(id, value);
-    }
-    function render(nodes, depth) {
-        return nodes.map((node, i) => {
-            let branch = !!node.children?.length, id = node.id;
-            return (() => {
-                let root_1n2ul8n0 = template_1n2ul8n1(), element_1n2ul8n2 = root_1n2ul8n0.firstChild.firstElementChild, element_1n2ul8n3 = element_1n2ul8n2.firstChild, element_1n2ul8n4 = element_1n2ul8n2.firstElementChild, element_1n2ul8n5 = root_1n2ul8n0.firstChild;
-                template_u1.setList(element_1n2ul8n2, 'class', () => selected[id] && '--active');
-                template_u1.setProperty(element_1n2ul8n2, 'aria-level', depth);
-                template_u1.setProperty(element_1n2ul8n2, 'aria-posinset', i + 1);
-                template_u1.setProperty(element_1n2ul8n2, 'aria-setsize', nodes.length);
-                template_u1.setProperty(element_1n2ul8n2, 'data-id', id);
-                template_u1.setProperties(element_1n2ul8n2, branch ? { 'aria-expanded': () => expanded[id] ? 'true' : 'false' } : undefined);
-                template_u1.setProperty(element_1n2ul8n2, 'aria-selected', () => selected[id] ? 'true' : 'false');
-                template_u1.setProperty(element_1n2ul8n2, 'tabindex', () => tabbable[id] ? 0 : -1);
-                element_1n2ul8n3.parentNode.insertBefore(branch
-                    ? (() => {
-                        let root_1n2ul8n6 = template_1n2ul8n7(), element_1n2ul8n8 = root_1n2ul8n6.firstChild;
-                        template_u1.setList(element_1n2ul8n8, 'class', () => expanded[id] && '--active');
-                        return root_1n2ul8n6;
-                    })()
-                    : template_1n2ul8n9(), element_1n2ul8n3);
-                template_u1.slot(element_1n2ul8n4, node.label, 1);
-                template_u1.slot(element_1n2ul8n2, node.meta !== undefined && (() => {
-                    let root_1n2ul8na = template_1n2ul8nb(), element_1n2ul8nc = root_1n2ul8na.firstChild;
-                    template_u1.slot(element_1n2ul8nc, node.meta, 1);
-                    return root_1n2ul8na;
-                })(), 2);
-                template_u1.slot(element_1n2ul8n5, branch && (() => {
-                    let root_1n2ul8nd = template_1n2ul8ne(), element_1n2ul8nf = root_1n2ul8nd.firstChild, element_1n2ul8ng = element_1n2ul8nf.firstElementChild;
-                    template_u1.setList(element_1n2ul8nf, 'class', () => expanded[id] && '--active');
-                    template_u1.setProperty(element_1n2ul8nf, 'inert', () => !expanded[id]);
-                    template_u1.slot(element_1n2ul8ng, render(node.children, depth + 1), 1);
-                    return root_1n2ul8nd;
-                })(), 2);
-                return root_1n2ul8n0;
-            })();
-        });
-    }
-    return (() => {
-        let root_1n2ul8nh = template_1n2ul8ni(), element_1n2ul8nj = root_1n2ul8nh.firstChild;
-        template_u1.setProperty(element_1n2ul8nj, 'aria-label', label);
-        template_u1.setProperties(element_1n2ul8nj, attributes);
-        template_u1.delegate(element_1n2ul8nj, 'click', (event) => {
-            let row = event.target.closest('.tree-row'), root = row?.closest('.tree');
-            if (!row || !root) {
-                return;
-            }
-            focus(root, row.dataset.id);
-            activate(row.dataset.id);
-        });
-        template_u1.on(element_1n2ul8nj, 'focusin', (event) => {
-            let id = event.target.closest('.tree-row')?.dataset.id;
-            if (id === undefined || id === state.focused) {
-                return;
-            }
-            tabbable[state.focused] = false;
-            tabbable[id] = true;
-            state.focused = id;
-        });
-        template_u1.delegate(element_1n2ul8nj, 'keydown', (event) => {
-            let root = event.target.closest('.tree');
-            if (!root || !index.has(state.focused)) {
-                return;
-            }
-            let entry = index.get(state.focused), id = state.focused, rows = visible(nodes, expanded), position = rows.indexOf(entry.node), target;
-            switch (event.key) {
-                case 'ArrowDown':
-                    target = rows[position + 1]?.id;
-                    break;
-                case 'ArrowUp':
-                    target = rows[position - 1]?.id;
-                    break;
-                case 'ArrowRight':
-                    if (!entry.node.children?.length) {
-                        break;
-                    }
-                    if (expanded[id]) {
-                        target = entry.node.children[0].id;
-                    }
-                    else {
-                        set(id, true);
-                    }
-                    break;
-                case 'ArrowLeft':
-                    if (entry.node.children?.length && expanded[id]) {
-                        set(id, false);
-                    }
-                    else {
-                        target = entry.parent?.id;
-                    }
-                    break;
-                case 'End':
-                    target = rows[rows.length - 1]?.id;
-                    break;
-                case 'Enter':
-                case ' ':
-                    activate(id);
-                    break;
-                case 'Home':
-                    target = rows[0]?.id;
-                    break;
-                default: {
-                    if (event.key.length !== 1 || event.altKey || event.ctrlKey || event.metaKey) {
-                        return;
-                    }
-                    let key = event.key.toLowerCase();
-                    for (let i = 1, n = rows.length; i < n; i++) {
-                        let row = rows[(position + i) % n];
-                        if (row.label.toLowerCase().startsWith(key)) {
-                            target = row.id;
-                            break;
-                        }
-                    }
-                }
-            }
-            event.preventDefault();
-            if (target !== undefined) {
-                focus(root, target);
-            }
-        });
-        template_u1.slot(element_1n2ul8nj, render(nodes, 1), 1);
-        return root_1n2ul8nh;
-    })();
-});

package/build/components/tree/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.tree{--background:var(--background-default);--background-active:var(--color-grey-500);--background-default:transparent;--background-hover:var(--color-grey-400);--border-radius:var(--border-radius-300);--caret-duration:.32s;--caret-size:16px;--caret-timing-function:linear(0, .2 6%, .53 13%, .8 21%, .96 30%, 1.02 38%, 1.03 45%, 1.01 60%, 1);--close-duration:.2s;--close-fade-duration:.14s;--close-timing-function:cubic-bezier(.4, 0, 1, 1);--color:var(--color-default);--color-active:var(--color-text-500);--color-default:var(--color-text-300);--color-hover:var(--color-text-400);--focus-color:var(--color-blue-400);--focus-width:1.5px;--font-size:var(--font-size-300);--font-weight:var(--font-weight-400);--font-weight-active:var(--font-weight-500);--gap:var(--size-200);--guide-color:var(--color-border-300);--guide-width:1px;--height:28px;--meta-color:var(--color-text-300);--meta-font-family:"Geist Mono", ui-monospace, monospace;--open-duration:.28s;--open-fade-duration:.18s;--open-timing-function:cubic-bezier(.22, 1, .36, 1);--padding-horizontal:var(--size-300)}.tree-row:not(.--active):hover{--background:var(--background-hover);--color:var(--color-hover)}.tree-row.--active{--background:var(--background-active);--color:var(--color-active);--font-weight:var(--font-weight-active)}.tree{font-size:var(--font-size);flex-direction:column;display:flex}.tree-caret{flex:0 0 var(--caret-size);height:var(--caret-size);transition:rotate var(--caret-duration) var(--caret-timing-function);justify-content:center;align-items:center;display:inline-flex}.tree-caret.--active{rotate:90deg}.tree-caret svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:10px;height:10px}.tree-group{transition:grid-template-rows var(--open-duration) var(--open-timing-function);grid-template-rows:1fr;display:grid}.tree-group:not(.--active){transition:grid-template-rows var(--close-duration) var(--close-timing-function);grid-template-rows:0fr}.tree-group:not(.--active) .tree-group-content{opacity:0;transition:opacity var(--close-fade-duration) var(--close-timing-function)}.tree-group-content{border-inline-start:var(--guide-width) solid var(--guide-color);opacity:1;min-height:0;transition:opacity var(--open-fade-duration) var(--open-timing-function);flex-direction:column;margin-inline-start:calc(var(--padding-horizontal) + (var(--caret-size) - var(--guide-width)) / 2);padding-inline-start:var(--size-100);display:flex;overflow:hidden}.tree-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.tree-meta{color:var(--meta-color);font-family:var(--meta-font-family);font-size:.85em;font-weight:var(--font-weight-400);flex:none}.tree-row{background:var(--background);border-radius:var(--border-radius);color:var(--color);cursor:pointer;font-weight:var(--font-weight);align-items:center;gap:var(--gap);height:var(--height);padding-inline:var(--padding-horizontal);transition:background var(--transition-duration) var(--transition-timing-function), color var(--transition-duration) var(--transition-timing-function);-webkit-user-select:none;user-select:none;outline:none;display:flex}.tree-row:focus-visible{box-shadow:inset 0 0 0 var(--focus-width) var(--focus-color)}@media (prefers-reduced-motion:reduce){.tree-caret,.tree-group,.tree-group-content{transition:none!important}}}
-/*$vite$:1*/

package/build/components/tree-view/index.d.ts

@@ -1,25 +0,0 @@
-import { type Attributes, type Renderable } from '@esportsplus/template';
-import './scss/index.scss';
-type A = Attributes & {
-    nodes: Node[];
-    open?: string[];
-    selected?: string;
-    state?: {
-        selected: string;
-    };
-};
-type Node = {
-    children?: Node[];
-    name: string;
-};
-declare const _default: {
-    (): Renderable<any>;
-    <T extends A>(attributes: T): Renderable<any>;
-    <T extends Renderable<any>>(content: T): Renderable<any>;
-    (attributes: A, content?: Renderable<any>): Renderable<any>;
-    bind(context: {
-        attributes?: Partial<A> | undefined;
-        content?: Renderable<any>;
-    }): any;
-};
-export default _default;

package/build/components/tree-view/index.js

@@ -1,205 +0,0 @@
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import * as template_u1 from '@esportsplus/template';
-import { component } from '@esportsplus/template';
-import './scss/index.scss';
-const template_172jue73 = template_u1.template(`<li class='tree-view-item' role='treeitem'><div class='tree-view-row  '><span class='tree-view-highlight'></span><span class='tree-view-chevron '></span><svg class='tree-view-icon' viewBox='0 0 16 16' aria-hidden='true' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path /></svg><span class='tree-view-name'>`);
-const template_172jue7a = template_u1.template(`<svg viewBox='0 0 16 16' aria-hidden='true' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='m6 4 4 4-4 4' />`);
-const template_172jue7c = template_u1.template(`<div class='tree-view-group  '><ul class='tree-view-group-content ' role='group'>`);
-const template_172jue7g = template_u1.template(`<ul class='tree-view' role='tree'>`);
-class ReactiveObject_172jue70 extends reactivity_u0.ReactiveObject {
-    #selected;
-    constructor(_p0) {
-        super(null);
-        this.#selected = this[reactivity_u0.SIGNAL](_p0);
-    }
-    get selected() {
-        return reactivity_u0.read(this.#selected);
-    }
-    set selected(_v0) {
-        reactivity_u0.write(this.#selected, _v0);
-    }
-}
-class ReactiveObject_172jue71 extends reactivity_u0.ReactiveObject {
-    #focused;
-    constructor(_p0) {
-        super(null);
-        this.#focused = this[reactivity_u0.SIGNAL](_p0);
-    }
-    get focused() {
-        return reactivity_u0.read(this.#focused);
-    }
-    set focused(_v0) {
-        reactivity_u0.write(this.#focused, _v0);
-    }
-}
-const TYPEAHEAD_RESET = 500;
-function folders(nodes, parent, out) {
-    for (let i = 0, n = nodes.length; i < n; i++) {
-        let node = nodes[i];
-        if (node.children) {
-            let id = join(parent, node.name);
-            out.push(id);
-            folders(node.children, id, out);
-        }
-    }
-    return out;
-}
-function join(parent, name) {
-    return parent ? `${parent}/${name}` : name;
-}
-function parentOf(id) {
-    let i = id.lastIndexOf('/');
-    return i === -1 ? null : id.slice(0, i);
-}
-function visible(nodes, open, parent, out) {
-    for (let i = 0, n = nodes.length; i < n; i++) {
-        let node = nodes[i], id = join(parent, node.name);
-        out.push({ folder: !!node.children, id, name: node.name, parent });
-        if (node.children && open[id]) {
-            visible(node.children, open, id, out);
-        }
-    }
-    return out;
-}
-export default component(function ({ nodes, open: initial = [], selected, state = new ReactiveObject_172jue70(selected ?? ''), ...attributes }) {
-    let highlights = new Map(), ids = folders(nodes, null, []), items = new Map(), open = reactivity_u0.reactive(Object.fromEntries(ids.map((id) => [id, initial.includes(id)]))), settled = reactivity_u0.reactive(Object.fromEntries(ids.map((id) => [id, initial.includes(id)]))), reachable = visible(nodes, open, null, []), typed = '', typedAt = 0, ui = new ReactiveObject_172jue71(reachable.some((item) => item.id === state.selected) ? state.selected : (reachable[0]?.id ?? ''));
-    function activate(item) {
-        if (item.folder) {
-            toggle(item.id, !open[item.id]);
-            return;
-        }
-        glide(state.selected, item.id);
-        state.selected = item.id;
-    }
-    function focus(id) {
-        ui.focused = id;
-        items.get(id)?.focus();
-    }
-    function glide(from, to) {
-        let a = highlights.get(from), b = highlights.get(to);
-        if (!a || !b || a === b) {
-            return;
-        }
-        b.style.transition = 'none';
-        b.style.translate = `0 ${a.getBoundingClientRect().top - b.getBoundingClientRect().top}px`;
-        b.getBoundingClientRect();
-        b.style.transition = '';
-        b.style.translate = '';
-    }
-    function render(nodes, depth, parent) {
-        return nodes.map((node) => {
-            let id = join(parent, node.name), item = { folder: !!node.children, id, name: node.name, parent };
-            return (() => {
-                let root_172jue72 = template_172jue73(), element_172jue74 = root_172jue72.firstChild, element_172jue75 = element_172jue74.firstElementChild, element_172jue76 = element_172jue75.firstElementChild, element_172jue77 = element_172jue76.nextElementSibling, element_172jue78 = element_172jue77.nextElementSibling.firstElementChild, element_172jue79 = element_172jue77.nextElementSibling.nextElementSibling;
-                template_u1.setList(element_172jue74, 'style', template_u1.interpolate(["--tree-view-depth: ", (depth)]));
-                template_u1.setProperties(element_172jue74, item.folder
-                    ? { 'aria-expanded': () => open[id] ? 'true' : 'false' }
-                    : { 'aria-selected': () => state.selected === id ? 'true' : 'false' });
-                template_u1.on(element_172jue74, 'focus', () => {
-                    ui.focused = id;
-                });
-                template_u1.onrender(element_172jue74, (element) => {
-                    items.set(id, element);
-                });
-                template_u1.setProperty(element_172jue74, 'tabindex', () => ui.focused === id ? 0 : -1);
-                template_u1.setList(element_172jue75, 'class', item.folder ? 'tree-view-row--folder' : '');
-                template_u1.setList(element_172jue75, 'class', () => state.selected === id && '--active');
-                template_u1.delegate(element_172jue75, 'click', () => activate(item));
-                template_u1.onrender(element_172jue76, (element) => { highlights.set(id, element); });
-                template_u1.setList(element_172jue77, 'class', () => item.folder && open[id] && '--active');
-                template_u1.slot(element_172jue77, item.folder && template_172jue7a(), 1);
-                template_u1.setProperty(element_172jue78, 'd', item.folder
-                    ? 'M2.25 4.5A1.25 1.25 0 0 1 3.5 3.25h2.6l1.4 1.5h5a1.25 1.25 0 0 1 1.25 1.25v5.5a1.25 1.25 0 0 1-1.25 1.25h-9A1.25 1.25 0 0 1 2.25 11.5z'
-                    : 'M4.25 2.25h4.5l3 3v7.25a1.25 1.25 0 0 1-1.25 1.25h-6.25A1.25 1.25 0 0 1 3 12.5v-9a1.25 1.25 0 0 1 1.25-1.25zM8.5 2.5v3h3');
-                template_u1.slot(element_172jue79, node.name, 1);
-                template_u1.slot(element_172jue74, node.children && (() => {
-                    let root_172jue7b = template_172jue7c(), element_172jue7d = root_172jue7b.firstChild, element_172jue7e = element_172jue7d.firstElementChild;
-                    template_u1.setList(element_172jue7d, 'class', () => open[id] && '--active');
-                    template_u1.setList(element_172jue7d, 'class', () => settled[id] && '--settled');
-                    template_u1.setProperty(element_172jue7d, 'inert', () => !open[id]);
-                    template_u1.delegate(element_172jue7d, 'transitionend', function (event) {
-                        if (event.target === this && event.propertyName === 'grid-template-rows' && open[id]) {
-                            settled[id] = true;
-                        }
-                    });
-                    template_u1.setList(element_172jue7e, 'class', () => parentOf(state.selected) === id && '--active');
-                    template_u1.slot(element_172jue7e, render(node.children, depth + 1, id), 1);
-                    return root_172jue7b;
-                })(), 2);
-                return root_172jue72;
-            })();
-        });
-    }
-    function toggle(id, value) {
-        open[id] = value;
-        settled[id] = false;
-    }
-    function typeahead(key, from, reachable) {
-        let now = performance.now(), next = (now - typedAt > TYPEAHEAD_RESET ? '' : typed) + key.toLowerCase(), repeat = [...next].every((c) => c === next[0]), start = repeat ? from + 1 : from;
-        typed = repeat ? next[0] : next;
-        typedAt = now;
-        for (let i = 0, n = reachable.length; i < n; i++) {
-            let item = reachable[(start + i) % n];
-            if (item.name.toLowerCase().startsWith(typed)) {
-                focus(item.id);
-                return;
-            }
-        }
-    }
-    return (() => {
-        let root_172jue7f = template_172jue7g(), element_172jue7h = root_172jue7f.firstChild;
-        template_u1.setProperties(element_172jue7h, attributes);
-        template_u1.delegate(element_172jue7h, 'keydown', (event) => {
-            let reachable = visible(nodes, open, null, []), index = reachable.findIndex((item) => item.id === ui.focused), item = reachable[index];
-            if (!item) {
-                return;
-            }
-            let target;
-            switch (event.key) {
-                case 'ArrowDown':
-                    target = reachable[index + 1];
-                    break;
-                case 'ArrowUp':
-                    target = reachable[index - 1];
-                    break;
-                case 'Home':
-                    target = reachable[0];
-                    break;
-                case 'End':
-                    target = reachable[reachable.length - 1];
-                    break;
-                case 'ArrowRight':
-                    if (item.folder && open[item.id]) {
-                        target = reachable[index + 1];
-                    }
-                    else if (item.folder) {
-                        toggle(item.id, true);
-                    }
-                    break;
-                case 'ArrowLeft':
-                    if (item.folder && open[item.id]) {
-                        toggle(item.id, false);
-                    }
-                    else if (item.parent) {
-                        focus(item.parent);
-                    }
-                    break;
-                case 'Enter':
-                case ' ':
-                    activate(item);
-                    break;
-                default:
-                    if (event.key.length !== 1 || event.metaKey || event.ctrlKey || event.altKey) {
-                        return;
-                    }
-                    typeahead(event.key, index, reachable);
-            }
-            if (target) {
-                focus(target.id);
-            }
-            event.preventDefault();
-        });
-        template_u1.slot(element_172jue7h, render(nodes, 0, null), 1);
-        return root_172jue7f;
-    })();
-});

package/build/components/tree-view/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.tree-view{--background-active:var(--color-grey-500);--background-hover:color-mix(in oklab, var(--background-active) 60%, transparent);--border-radius:var(--border-radius-300);--chevron-size:14px;--color-active:var(--color-text-500);--color-default:var(--color-text-300);--font-size:var(--font-size-400);--gap:6px;--guide-color:var(--color-border-400);--guide-color-active:color-mix(in oklab, var(--color-active) 35%, transparent);--height:32px;--icon-size:var(--size-400);--indent:var(--size-400);--outline-color:var(--color-active);--padding-horizontal:8px;--transition-ease-out:cubic-bezier(.23, 1, .32, 1);font-size:var(--font-size);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tree-view-chevron{color:var(--color-default);flex:0 0 var(--indent);height:var(--indent);justify-content:center;align-items:center;display:flex;position:relative}.tree-view-chevron svg{height:var(--chevron-size);transition:rotate .2s var(--transition-ease-out);width:var(--chevron-size)}.tree-view-chevron.--active svg{rotate:90deg}.tree-view-group{transition:grid-template-rows .2s var(--transition-ease-out);grid-template-rows:0fr;display:grid}.tree-view-group.--active{grid-template-rows:1fr;transition-duration:.25s}.tree-view-group.--active>.tree-view-group-content{filter:blur();opacity:1;transition-duration:.2s;transition-delay:50ms}.tree-view-group.--settled>.tree-view-group-content{overflow:visible}.tree-view-group-content{filter:blur(2px);opacity:0;min-height:0;margin:0;padding:0;list-style:none;transition:filter .12s ease-out,opacity .12s ease-out;position:relative;overflow:hidden}.tree-view-group-content:after{background:var(--guide-color);content:"";bottom:0;left:calc(var(--padding-horizontal) + var(--tree-view-depth) * var(--indent) + (var(--indent) - 1px) / 2);pointer-events:none;width:1px;transition:background-color .15s ease-out;position:absolute;top:0}.tree-view-group-content.--active:after{background:var(--guide-color-active)}.tree-view-highlight{background:var(--background-active);border-radius:var(--border-radius);opacity:0;transition:translate .25s var(--transition-ease-out);position:absolute;inset:0}.tree-view-icon{color:var(--color-default);flex:0 0 var(--icon-size);height:var(--icon-size);position:relative}.tree-view-item{outline:none}.tree-view-item:focus-visible>.tree-view-row{outline:2px solid var(--outline-color);outline-offset:-2px}.tree-view-name{text-overflow:ellipsis;white-space:nowrap;position:relative;overflow:hidden}.tree-view-row{border-radius:var(--border-radius);color:var(--color-default);cursor:default;align-items:center;gap:var(--gap);height:var(--height);padding:0 var(--padding-horizontal) 0 calc(var(--padding-horizontal) + var(--tree-view-depth) * var(--indent));-webkit-user-select:none;user-select:none;transition:background-color .15s ease-out,color .15s ease-out;display:flex;position:relative}.tree-view-row:hover{background:var(--background-hover);color:var(--color-active)}.tree-view-row--folder,.tree-view-row.--active{color:var(--color-active)}.tree-view-row.--active .tree-view-highlight{opacity:1}@media (prefers-reduced-motion:reduce){.tree-view-chevron svg,.tree-view-group,.tree-view-highlight{transition:none}.tree-view-group-content{transition-property:opacity}}}
-/*$vite$:1*/

package/build/components/typewriter-retype/index.d.ts

@@ -1,8 +0,0 @@
-import { type Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-type A = Attributes & {
-    prefix?: string;
-    words: string[];
-};
-export default _default;
-declare function _default({ prefix, words, ...attributes }: A): DocumentFragment | Text;

package/build/components/typewriter-retype/index.js

@@ -1,122 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { effect, onCleanup } from '@esportsplus/reactivity';
-import './scss/index.scss';
-const template_1bebg1o2 = template_u1.template(`<span class='typewriter-retype '><span class='typewriter-retype-sr'></span><span aria-hidden='true' class='typewriter-retype-sizer'></span><span aria-hidden='true' class='typewriter-retype-line'><span class='typewriter-retype-prefix'></span><span class='typewriter-retype-swap'></span><span class='typewriter-retype-word'><span class='typewriter-retype-selection'></span><span class='typewriter-retype-text'>`);
-const template_1bebg1oa = template_u1.template(`<span class='typewriter-retype-option '>`);
-class ReactiveObject_1bebg1o0 extends reactivity_u0.ReactiveObject {
-    #index = this[reactivity_u0.SIGNAL](0);
-    #reduced = this[reactivity_u0.SIGNAL](false);
-    constructor() {
-        super(null);
-    }
-    get index() {
-        return reactivity_u0.read(this.#index);
-    }
-    set index(_v0) {
-        reactivity_u0.write(this.#index, _v0);
-    }
-    get reduced() {
-        return reactivity_u0.read(this.#reduced);
-    }
-    set reduced(_v1) {
-        reactivity_u0.write(this.#reduced, _v1);
-    }
-}
-const HOLD = 1800;
-const REDUCED = '(prefers-reduced-motion: reduce)';
-const SELECTED_FOR = 620;
-const SWAP_EVERY = 2800;
-const TYPE_BASE = 62;
-const TYPE_JITTER = 64;
-function jitter(word, char) {
-    let n = Math.sin(char * 12.9898 + word * 78.233) * 43758.5453, wave = Math.sin(char * 1.9 + word * 2.7) * 0.5 + 0.5;
-    return wave * 0.7 + (n - Math.floor(n)) * 0.3;
-}
-function type(root, text, words) {
-    let length = words[0].length, timer, word = 0;
-    function key() {
-        let target = words[word];
-        if (length < target.length) {
-            strike(target[length++]);
-        }
-        let finished = length === target.length;
-        root.classList.toggle('--typing', !finished);
-        timer = finished
-            ? setTimeout(select, HOLD)
-            : setTimeout(key, TYPE_BASE + jitter(word, length) * TYPE_JITTER);
-    }
-    function select() {
-        if (words.length < 2) {
-            return;
-        }
-        root.classList.add('--selecting');
-        timer = setTimeout(() => {
-            length = 0;
-            text.textContent = '';
-            word = (word + 1) % words.length;
-            root.classList.remove('--selecting');
-            key();
-        }, SELECTED_FOR);
-    }
-    function strike(char) {
-        let letter = document.createElement('span');
-        letter.className = 'typewriter-retype-letter';
-        letter.textContent = char;
-        text.append(letter);
-    }
-    timer = setTimeout(select, HOLD);
-    return () => {
-        clearTimeout(timer);
-        root.classList.remove('--selecting', '--typing');
-        text.textContent = words[0];
-    };
-}
-export default ({ prefix = '', words, ...attributes }) => {
-    let lead = prefix ? `${prefix} ` : '', longest = words.reduce((a, b) => b.length > a.length ? b : a, ''), media, stop, view = new ReactiveObject_1bebg1o0();
-    function change() {
-        view.reduced = media?.matches ?? false;
-    }
-    return (() => {
-        let root_1bebg1o1 = template_1bebg1o2(), element_1bebg1o3 = root_1bebg1o1.firstChild, element_1bebg1o4 = element_1bebg1o3.firstElementChild, element_1bebg1o5 = element_1bebg1o4.nextElementSibling, element_1bebg1o6 = element_1bebg1o5.nextElementSibling.firstElementChild, element_1bebg1o7 = element_1bebg1o6.nextElementSibling, element_1bebg1o8 = element_1bebg1o7.nextElementSibling.firstElementChild.nextElementSibling;
-        template_u1.setList(element_1bebg1o3, 'class', () => view.reduced && '--reduced');
-        template_u1.setProperties(element_1bebg1o3, attributes);
-        template_u1.onconnect(element_1bebg1o3, (element) => {
-            let text = element.querySelector('.typewriter-retype-text');
-            media = matchMedia(REDUCED);
-            media.addEventListener('change', change);
-            change();
-            if (!text || words.length === 0) {
-                return;
-            }
-            stop = effect(() => {
-                if (!view.reduced) {
-                    onCleanup(type(element, text, words));
-                    return;
-                }
-                if (words.length < 2) {
-                    return;
-                }
-                let interval = setInterval(() => {
-                    view.index = (view.index + 1) % words.length;
-                }, SWAP_EVERY);
-                onCleanup(() => clearInterval(interval));
-            });
-        });
-        template_u1.ondisconnect(element_1bebg1o3, () => {
-            media?.removeEventListener('change', change);
-            stop?.();
-        });
-        element_1bebg1o4.appendChild(template_u1.text(`${lead}${new Intl.ListFormat('en', { type: 'disjunction' }).format(words)}.`));
-        element_1bebg1o5.appendChild(template_u1.text(`${lead}${longest}`));
-        template_u1.slot(element_1bebg1o6, lead, 1);
-        template_u1.slot(element_1bebg1o7, words.map((word, i) => {
-            let root_1bebg1o9 = template_1bebg1oa(), element_1bebg1ob = root_1bebg1o9.firstChild;
-            template_u1.setList(element_1bebg1ob, 'class', () => view.index === i && '--active');
-            template_u1.slot(element_1bebg1ob, word, 1);
-            return root_1bebg1o9;
-        }), 1);
-        template_u1.slot(element_1bebg1o8, words[0] ?? '', 1);
-        return root_1bebg1o1;
-    })();
-};

package/build/components/typewriter-retype/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.typewriter-retype{--caret:"";--caret-align:-.18em;--caret-background:var(--caret-color);--caret-color:currentColor;--caret-duration:1.06s;--caret-height:1.1em;--caret-offset:2px;--caret-radius:999px;--caret-timing-function:linear;--caret-width:2px;--ease-out:cubic-bezier(.23, 1, .32, 1);--glow:0 0 0 transparent;--ink-duration:.14s;--select-duration:.22s;--selection-color:oklch(from var(--color-text-500) l c h / .15);--selection-radius:3px;--swap-duration:.5s}.typewriter-retype--block{--caret-align:bottom;--caret-height:1lh;--caret-offset:.08em;--caret-radius:0;--caret-width:.56em}.typewriter-retype--glow{--glow:0 0 .4em var(--caret-color)}.typewriter-retype--hard{--caret-duration:1s;--caret-timing-function:steps(1, end)}.typewriter-retype--underscore{--caret:"_";--caret-align:baseline;--caret-background:transparent;--caret-height:auto;--caret-offset:.04em;--caret-radius:0;--caret-width:auto}.typewriter-retype{text-shadow:var(--glow);white-space:pre;display:inline-grid}.typewriter-retype-line:after,.typewriter-retype-sizer:after{background:var(--caret-background);border-radius:var(--caret-radius);box-shadow:var(--glow);color:var(--caret-color);content:var(--caret);height:var(--caret-height);vertical-align:var(--caret-align);width:var(--caret-width);margin-inline-start:var(--caret-offset);display:inline-block}.typewriter-retype-letter{animation:typewriter-retype--ink var(--ink-duration) var(--ease-out)}.typewriter-retype-line{text-align:left;grid-area:1/1}.typewriter-retype-line:after{animation:typewriter-retype--blink var(--caret-duration) var(--caret-timing-function) infinite}.typewriter-retype-option{opacity:0;transition:opacity var(--swap-duration) ease-in-out;grid-area:1/1}.typewriter-retype-option.--active{opacity:1}.typewriter-retype-selection{background:var(--selection-color);border-radius:var(--selection-radius);transform-origin:100%;position:absolute;inset:-.06em -1px;scale:0 1}.typewriter-retype-sizer{visibility:hidden;grid-area:1/1}.typewriter-retype-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.typewriter-retype-swap{display:none}.typewriter-retype-text{position:relative}.typewriter-retype-word{display:inline-block;position:relative}.typewriter-retype.--reduced .typewriter-retype-line:after,.typewriter-retype.--reduced .typewriter-retype-word{display:none}.typewriter-retype.--reduced .typewriter-retype-swap{display:inline-grid}.typewriter-retype.--selecting .typewriter-retype-line:after{visibility:hidden}.typewriter-retype.--selecting .typewriter-retype-selection{transition:scale var(--select-duration) var(--ease-out);scale:1}.typewriter-retype.--typing .typewriter-retype-line:after{animation:none}@media (prefers-reduced-motion:reduce){.typewriter-retype-letter,.typewriter-retype-line:after{animation:none}.typewriter-retype.--selecting .typewriter-retype-selection{transition:none}}@keyframes typewriter-retype--blink{0%,45%{opacity:1}55%,95%{opacity:0}to{opacity:1}}@keyframes typewriter-retype--ink{0%{filter:blur(2px);opacity:0}}}
-/*$vite$:1*/

package/build/components/undo-toast/index.d.ts

@@ -1,30 +0,0 @@
-import { type Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-type A = Attributes & {
-    [UNDO_TOAST_ROW]?: Attributes;
-    duration?: number;
-    emptyLabel?: string;
-    items: Item[];
-    label?: string;
-    onconnect?: never;
-    ondelete?: (items: Item[]) => void;
-    ondocumentkeydown?: never;
-    restoreLabel?: string;
-    state?: State;
-};
-type Item = {
-    id: string;
-    meta: string;
-    name: string;
-};
-type State = {
-    empty: boolean;
-    pending: number;
-};
-declare const UNDO_TOAST_ROW: unique symbol;
-declare const _default: ((this: {
-    attributes?: Partial<A>;
-} | void, { duration, emptyLabel, items, label, ondelete, restoreLabel, state, ...attributes }: A) => DocumentFragment | Text) & {
-    readonly row: typeof UNDO_TOAST_ROW;
-};
-export default _default;