@esportsplus/ui 0.54.0 → 0.56.2

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

@@ -0,0 +1,205 @@
+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

@@ -0,0 +1,2 @@
+@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/index.d.ts

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

package/build/components/typewriter/index.js

@@ -1,9 +1,9 @@
-import * as template_u0 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import { component } from '@esportsplus/template';
 import * as reactivity_u0 from '@esportsplus/reactivity';
 import './scss/index.scss';
-const template_u35 = template_u0.template(`<div class='typewriter' >`);
-const template_u37 = template_u0.template(``);
+const template_1i9nt0y2 = template_u1.template(`<div class='typewriter'>`);
+const template_1i9nt0y4 = template_u1.template(``);
 class ReactiveObject_1i9nt0y0 extends reactivity_u0.ReactiveObject {
     #text = this[reactivity_u0.SIGNAL]('');
     constructor() {
@@ -16,20 +16,21 @@ class ReactiveObject_1i9nt0y0 extends reactivity_u0.ReactiveObject {
         reactivity_u0.write(this.#text, _v0);
     }
 }
-const EMPTY_NODE = template_u37();
-export default component(function (_, content) {
-    let state = new ReactiveObject_1i9nt0y0();
+const EMPTY_NODE = template_1i9nt0y4();
+export default component(function (attributes, content) {
+    let state = new ReactiveObject_1i9nt0y0(), timer;
     return (() => {
-        let root_u34 = template_u35(), element_u36 = root_u34.firstChild;
-        template_u0.onconnect(element_u36, () => {
+        let root_1i9nt0y1 = template_1i9nt0y2(), element_1i9nt0y3 = root_1i9nt0y1.firstChild;
+        template_u1.setProperties(element_1i9nt0y3, attributes);
+        template_u1.onconnect(element_1i9nt0y3, () => {
             let character = 0, i = 0, isWriting = true, write = content[i];
             function play() {
-                setTimeout(() => {
+                timer = setTimeout(() => {
                     state.text = write.slice(0, character);
                     if (isWriting) {
                         if (character > write.length) {
                             isWriting = false;
-                            setTimeout(play, 2000);
+                            timer = setTimeout(play, 2000);
                             return;
                         }
                         else {
@@ -50,7 +51,10 @@ export default component(function (_, content) {
             }
             play();
         });
-        new template_u0.EffectSlot(element_u36, () => state.text || EMPTY_NODE, 1);
-        return root_u34;
+        template_u1.ondisconnect(element_1i9nt0y3, () => {
+            clearTimeout(timer);
+        });
+        new template_u1.EffectSlot(element_1i9nt0y3, () => state.text || EMPTY_NODE, 1);
+        return root_1i9nt0y1;
     })();
 });

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

@@ -1,2 +1,2 @@
-@layer components {.typewriter:after{content:"|";animation:.64s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}}
+@layer components {.typewriter{--caret:"|";--caret-color:currentColor;--caret-duration:.64s;--caret-timing-function:ease-in-out;--glow:0 0 0 transparent}.typewriter--block{--caret:""}.typewriter--glow{--glow:0 0 .4em var(--caret-color)}.typewriter--hard{--caret-duration:1s;--caret-timing-function:steps(1, end)}.typewriter--underscore{--caret:"_"}.typewriter{text-shadow:var(--glow)}.typewriter:after{animation:typewriter--blink var(--caret-duration) var(--caret-timing-function) infinite;color:var(--caret-color);content:var(--caret)}@media (prefers-reduced-motion:reduce){.typewriter:after{animation:none}}.typewriter--block:after{background:var(--caret-color);box-shadow:var(--glow);vertical-align:bottom;width:.56em;height:1lh;margin-inline-start:.08em;display:inline-block}@keyframes typewriter--blink{0%,to{opacity:1}50%{opacity:0}}}
 /*$vite$:1*/

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,122 @@
+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

@@ -0,0 +1,2 @@
+@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

@@ -0,0 +1,30 @@
+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;