@esportsplus/ui 0.56.3 → 0.57.0

package/build/components/undo-toast/index.js

@@ -1,262 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { toast } from '../toast/index.js';
-import './scss/index.scss';
-const template_0m6zol33 = template_u1.template(`<div class='undo-toast'><ul class='undo-toast-list' tabindex='-1'></ul><div class='undo-toast-empty '><span class='undo-toast-empty-label'></span></div><span aria-live='polite' class='undo-toast-live'>`);
-const template_0m6zol3a = template_u1.template(`<li class='undo-toast-row'><div class='undo-toast-row-text'><span class='undo-toast-row-name'></span><span class='undo-toast-row-meta'></span></div><button class='button undo-toast-delete' type='button'><svg aria-hidden='true' viewBox='0 0 16 16'><path d='M2.75 4.25h10.5M6.25 4.25v-1.5h3.5v1.5M4 4.25l.6 8.1a1 1 0 0 0 1 .9h4.8a1 1 0 0 0 1-.9l.6-8.1M6.75 7v3.75M9.25 7v3.75' />`);
-const template_0m6zol3g = template_u1.template(`<button class='button undo-toast-restore' type='button'>`);
-class ReactiveObject_0m6zol30 extends reactivity_u0.ReactiveObject {
-    #empty = this[reactivity_u0.SIGNAL](false);
-    #pending = this[reactivity_u0.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get empty() {
-        return reactivity_u0.read(this.#empty);
-    }
-    set empty(_v0) {
-        reactivity_u0.write(this.#empty, _v0);
-    }
-    get pending() {
-        return reactivity_u0.read(this.#pending);
-    }
-    set pending(_v1) {
-        reactivity_u0.write(this.#pending, _v1);
-    }
-}
-class ReactiveObject_0m6zol31 extends reactivity_u0.ReactiveObject {
-    #text = this[reactivity_u0.SIGNAL]('');
-    constructor() {
-        super(null);
-    }
-    get text() {
-        return reactivity_u0.read(this.#text);
-    }
-    set text(_v0) {
-        reactivity_u0.write(this.#text, _v0);
-    }
-}
-const EASE_OUT = 'cubic-bezier(0.23, 1, 0.32, 1)';
-const UNDO_TOAST_ROW = Symbol.for('@esportsplus/ui/undo-toast.row');
-function editable(target) {
-    return target instanceof HTMLElement && (target.isContentEditable || target.tagName === 'INPUT' || target.tagName === 'TEXTAREA');
-}
-function enter(row) {
-    let reduce = reduced();
-    row.hidden = false;
-    row.animate([
-        reduce ? { opacity: 0 } : { filter: 'blur(4px)', opacity: 0, scale: 0.98 },
-        reduce ? { opacity: 1 } : { filter: 'blur(0px)', opacity: 1, scale: 1 }
-    ], { delay: 50, duration: 250, easing: EASE_OUT, fill: 'backwards' });
-}
-function leave(row) {
-    let { offsetLeft, offsetTop, offsetWidth } = row;
-    row.classList.add('undo-toast-row--leaving');
-    row.style.left = `${offsetLeft}px`;
-    row.style.top = `${offsetTop}px`;
-    row.style.width = `${offsetWidth}px`;
-    row.animate([{}, reduced() ? { opacity: 0 } : { opacity: 0, scale: 0.98 }], { duration: 150, easing: EASE_OUT, fill: 'forwards' }).finished.then((animation) => {
-        row.classList.remove('undo-toast-row--leaving');
-        row.hidden = true;
-        row.style.left = '';
-        row.style.top = '';
-        row.style.width = '';
-        animation.cancel();
-    }, () => { });
-}
-function measure(rows) {
-    let rects = new Map();
-    for (let row of rows) {
-        if (!row.hidden) {
-            rects.set(row, row.getBoundingClientRect());
-        }
-    }
-    return rects;
-}
-function reduced() {
-    return matchMedia('(prefers-reduced-motion: reduce)').matches;
-}
-function shortcut() {
-    return /Mac|iPhone|iPad/.test(navigator.platform) ? 'Command Z' : 'Control Z';
-}
-export default Object.assign(function ({ duration = 5000, emptyLabel = 'No files left', items, label = 'Files', ondelete, restoreLabel, state = new ReactiveObject_0m6zol30(), ...attributes }) {
-    let gone = new Set(), live = new ReactiveObject_0m6zol31(), message, pending = [], root, rows = new Map(), slides = new WeakMap(), toastId;
-    function commit() {
-        toastId = undefined;
-        message = undefined;
-        if (pending.length === 0) {
-            return;
-        }
-        let committed = items.filter((item) => pending.includes(item.id)), target = inside() ? visible()[0] : undefined;
-        for (let id of pending) {
-            gone.add(id);
-        }
-        pending = [];
-        state.pending = 0;
-        state.empty = visible().length === 0;
-        ondelete?.(committed);
-        focus(target ? target.id : 'list');
-    }
-    function focus(target) {
-        if (!target || !root) {
-            return;
-        }
-        if (target === 'list') {
-            root.querySelector('.undo-toast-list')?.focus();
-            return;
-        }
-        rows.get(target)?.querySelector('.undo-toast-delete')?.focus();
-    }
-    function inside() {
-        return !!root?.contains(document.activeElement);
-    }
-    function notify(text) {
-        if (!message) {
-            message = document.createElement('span');
-            message.className = 'undo-toast-message';
-            toastId = toast.message(message, {
-                action: { label: 'Undo', onclick: undo },
-                countdown: true,
-                dismissible: false,
-                duration,
-                ondismiss: commit
-            });
-        }
-        else if (toastId) {
-            toast.update(toastId, { duration });
-        }
-        let next = document.createElement('span');
-        next.className = 'undo-toast-message-text';
-        next.textContent = text;
-        for (let old of [...message.children]) {
-            old.classList.add('undo-toast-message-text--leaving');
-            old.animate([{}, { opacity: 0 }], { duration: 120, fill: 'forwards' })
-                .finished.then(() => old.remove(), () => old.remove());
-        }
-        message.append(next);
-        if (message.children.length > 1) {
-            next.animate([
-                reduced() ? { opacity: 0 } : { filter: 'blur(4px)', opacity: 0, translate: '0 4px' },
-                { filter: 'blur(0px)', opacity: 1, translate: '0 0' }
-            ], { duration: 200, easing: EASE_OUT });
-        }
-    }
-    function remove(item) {
-        let list = visible(), index = list.findIndex((i) => i.id === item.id), row = rows.get(item.id);
-        if (!row || index === -1) {
-            return;
-        }
-        let before = measure([...rows.values()].filter((r) => r !== row)), neighbour = list[index + 1] ?? list[index - 1], refocus = inside();
-        leave(row);
-        slide(before);
-        pending.push(item.id);
-        state.pending = pending.length;
-        notify(pending.length === 1 ? `Deleted ‘${item.name}’` : `${pending.length} items deleted`);
-        live.text = `Deleted ${item.name}. Press Undo or ${shortcut()} to restore.`;
-        if (refocus) {
-            focus(neighbour ? neighbour.id : 'list');
-        }
-    }
-    function restore(ids) {
-        let before = measure([...rows.values()]);
-        for (let id of ids) {
-            let row = rows.get(id);
-            if (row) {
-                row.getAnimations().forEach((animation) => animation.cancel());
-                row.classList.remove('undo-toast-row--leaving');
-                row.style.left = '';
-                row.style.top = '';
-                row.style.width = '';
-                enter(row);
-            }
-        }
-        slide(before);
-    }
-    function slide(before) {
-        for (let [row, rect] of before) {
-            if (row.hidden || row.classList.contains('undo-toast-row--leaving')) {
-                continue;
-            }
-            let delta = rect.top - row.getBoundingClientRect().top;
-            slides.get(row)?.cancel();
-            if (delta === 0 || reduced()) {
-                continue;
-            }
-            slides.set(row, row.animate([{ translate: `0 ${delta}px` }, { translate: '0 0' }], { duration: 250, easing: EASE_OUT }));
-        }
-    }
-    function undo() {
-        if (pending.length === 0) {
-            return;
-        }
-        let restored = pending, refocus = inside();
-        pending = [];
-        state.pending = 0;
-        restore(restored);
-        live.text = restored.length === 1 ? 'Restored' : `Restored ${restored.length} items`;
-        if (refocus) {
-            focus(restored[0]);
-        }
-    }
-    function visible() {
-        return items.filter((item) => !gone.has(item.id) && !pending.includes(item.id));
-    }
-    return (() => {
-        let root_0m6zol32 = template_0m6zol33(), element_0m6zol34 = root_0m6zol32.firstChild, element_0m6zol35 = element_0m6zol34.firstElementChild, element_0m6zol36 = element_0m6zol35.nextElementSibling, element_0m6zol37 = element_0m6zol36.firstElementChild, element_0m6zol38 = element_0m6zol36.nextElementSibling;
-        template_u1.setProperties(element_0m6zol34, this?.attributes);
-        template_u1.setProperties(element_0m6zol34, attributes);
-        template_u1.onconnect(element_0m6zol34, (element) => {
-            root = element;
-            for (let row of element.querySelectorAll('.undo-toast-row')) {
-                rows.set(row.dataset.id ?? '', row);
-            }
-        });
-        template_u1.ondisconnect(element_0m6zol34, () => {
-            if (toastId) {
-                toast.dismiss(toastId);
-            }
-        });
-        template_u1.ondocument(element_0m6zol34, 'keydown', (e) => {
-            if (pending.length === 0 || e.key.toLowerCase() !== 'z' || !(e.metaKey || e.ctrlKey)) {
-                return;
-            }
-            if (e.shiftKey || e.altKey || editable(e.target) || root?.closest('[inert]')) {
-                return;
-            }
-            e.preventDefault();
-            undo();
-            if (toastId) {
-                toast.dismiss(toastId);
-            }
-        });
-        template_u1.setProperty(element_0m6zol35, 'aria-label', label);
-        template_u1.slot(element_0m6zol35, items.map((item) => {
-            let root_0m6zol39 = template_0m6zol3a(), element_0m6zol3b = root_0m6zol39.firstChild, element_0m6zol3c = element_0m6zol3b.firstElementChild.firstElementChild, element_0m6zol3d = element_0m6zol3c.nextElementSibling, element_0m6zol3e = element_0m6zol3b.firstElementChild.nextElementSibling;
-            template_u1.setProperty(element_0m6zol3b, 'data-id', item.id);
-            template_u1.setProperties(element_0m6zol3b, this?.attributes?.[UNDO_TOAST_ROW]);
-            template_u1.setProperties(element_0m6zol3b, attributes[UNDO_TOAST_ROW]);
-            template_u1.slot(element_0m6zol3c, item.name, 1);
-            template_u1.slot(element_0m6zol3d, item.meta, 1);
-            template_u1.setProperty(element_0m6zol3e, 'aria-label', template_u1.interpolate(["Delete ", (item.name)]));
-            template_u1.delegate(element_0m6zol3e, 'click', () => remove(item));
-            return root_0m6zol39;
-        }), 1);
-        template_u1.setList(element_0m6zol36, 'class', () => state.empty && '--active');
-        template_u1.setProperty(element_0m6zol36, 'inert', () => !state.empty);
-        template_u1.slot(element_0m6zol37, emptyLabel, 1);
-        template_u1.slot(element_0m6zol36, restoreLabel && (() => {
-            let root_0m6zol3f = template_0m6zol3g(), element_0m6zol3h = root_0m6zol3f.firstChild;
-            template_u1.delegate(element_0m6zol3h, 'click', () => {
-                let ids = [...gone];
-                gone.clear();
-                state.empty = false;
-                restore(ids);
-                focus(ids[0]);
-            });
-            template_u1.slot(element_0m6zol3h, restoreLabel, 1);
-            return root_0m6zol3f;
-        })(), 2);
-        new template_u1.EffectSlot(element_0m6zol38, () => live.text, 1);
-        return root_0m6zol32;
-    })();
-}, { row: UNDO_TOAST_ROW });

package/build/components/undo-toast/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.undo-toast{--undo-toast-background:var(--color-grey-400);--undo-toast-box-shadow:0 0 0 1px color-mix(in oklab, var(--color-black-300) 6%, transparent), 0 1px 2px color-mix(in oklab, var(--color-black-300) 6%, transparent), 0 6px 16px -6px color-mix(in oklab, var(--color-black-300) 12%, transparent);--undo-toast-color:var(--color-text-500);--undo-toast-color-muted:var(--color-text-300);--undo-toast-ease:cubic-bezier(.23, 1, .32, 1);--undo-toast-focus-color:color-mix(in oklab, var(--color-text-500) 38%, transparent);--undo-toast-height:240px;--undo-toast-row-background-hover:var(--color-white-300);--undo-toast-row-height:56px}.undo-toast--white{--undo-toast-background:var(--color-white-300);--undo-toast-row-background-hover:var(--color-grey-400)}.undo-toast{background:var(--undo-toast-background);box-shadow:var(--undo-toast-box-shadow);height:var(--undo-toast-height);border-radius:24px;padding:8px;position:relative}.undo-toast-delete.button{--background-default:transparent;--background-hover:color-mix(in oklab, var(--undo-toast-color) 5%, transparent);--border-radius:999px;--color-default:var(--undo-toast-color-muted);--color-hover:var(--undo-toast-color);--padding-horizontal:0px;--padding-vertical:0px;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;outline:none;flex-shrink:0;width:36px;height:36px;transition:background-color .15s ease-out,color .15s ease-out,scale .15s ease-out}.undo-toast-delete.button:active{scale:.96}.undo-toast-delete.button:focus-visible{outline:2px solid var(--undo-toast-focus-color)}.undo-toast-delete.button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:16px;height:16px}.undo-toast-empty{filter:blur(4px);opacity:0;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.undo-toast-empty.--active{filter:blur();opacity:1;pointer-events:auto;transition:filter .25s var(--undo-toast-ease) 50ms, opacity .25s var(--undo-toast-ease) 50ms}.undo-toast-empty-label{color:var(--undo-toast-color-muted);font-size:15px}.undo-toast-list{outline:none;margin:0;padding:0;list-style:none;position:relative}.undo-toast-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.undo-toast-restore.button{--background-default:var(--color-white-300);--border-radius:999px;--box-shadow-default:var(--undo-toast-box-shadow);--color-default:var(--undo-toast-color);--font-size:14px;--font-weight:var(--font-weight-500);--padding-horizontal:16px;--padding-vertical:0px;border:0;outline:none;height:36px;transition:scale .15s ease-out}.undo-toast-restore.button:active{scale:.96}.undo-toast-restore.button:focus-visible{outline:2px solid var(--undo-toast-focus-color)}.undo-toast-row{height:var(--undo-toast-row-height);border-radius:16px;align-items:center;gap:12px;padding-inline:14px 10px;transition:background-color .15s ease-out;display:flex}.undo-toast-row:hover{background:var(--undo-toast-row-background-hover)}.undo-toast-row[hidden]{display:none}.undo-toast-row--leaving{pointer-events:none;position:absolute}.undo-toast-row-meta,.undo-toast-row-name{text-overflow:ellipsis;white-space:nowrap;line-height:20px;overflow:hidden}.undo-toast-row-meta{color:var(--undo-toast-color-muted);font-size:13px}.undo-toast-row-name{color:var(--undo-toast-color);font-size:15px;font-weight:var(--font-weight-500)}.undo-toast-row-text{flex-direction:column;flex:1;min-width:0;display:flex}@media (prefers-reduced-motion:reduce){.undo-toast-delete.button{transition:background-color .15s ease-out,color .15s ease-out}.undo-toast-delete.button:active{scale:1}.undo-toast-empty{filter:none}.undo-toast-restore.button{transition:none}.undo-toast-restore.button:active{scale:1}}.undo-toast-message{min-width:0;display:flex;position:relative}.undo-toast-message-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.undo-toast-message-text--leaving{position:absolute;top:0;left:0}}
-/*$vite$:1*/

package/build/components/value-flash/index.d.ts

@@ -1,12 +0,0 @@
-import { type Attributes } from '@esportsplus/template';
-import './scss/index.scss';
-export default _default;
-declare function _default({ announceAfter, format, hold, label, state: api, ...attributes }: Attributes & {
-    announceAfter?: number;
-    format?: (value: number) => string;
-    hold?: number;
-    label?: string;
-    state: {
-        value: number;
-    };
-}): DocumentFragment | Text;

package/build/components/value-flash/index.js

@@ -1,106 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { effect, onCleanup, untrack } from '@esportsplus/reactivity';
-import './scss/index.scss';
-const template_0fbj40f2 = template_u1.template(`<span class='value-flash'><span aria-hidden='true' class='value-flash-tint'></span><span aria-hidden='true' class='value-flash-value'></span><span aria-hidden='true' class='value-flash-arrow'><svg fill='currentColor' viewBox='0 0 256 256'><path d='M128 68 L210 180 H46 Z' /></svg></span><span aria-live='polite' class='value-flash-announcement'>`);
-const template_0fbj40f7 = template_u1.template(`<span>`);
-class ReactiveObject_0fbj40f0 extends reactivity_u0.ReactiveObject {
-    #changes = this[reactivity_u0.SIGNAL](0);
-    #direction;
-    #flashing = this[reactivity_u0.SIGNAL](false);
-    #settled;
-    constructor(_p0, _p1) {
-        super(null);
-        this.#direction = this[reactivity_u0.SIGNAL](_p0);
-        this.#settled = this[reactivity_u0.SIGNAL](_p1);
-    }
-    get changes() {
-        return reactivity_u0.read(this.#changes);
-    }
-    set changes(_v0) {
-        reactivity_u0.write(this.#changes, _v0);
-    }
-    get direction() {
-        return reactivity_u0.read(this.#direction);
-    }
-    set direction(_v1) {
-        reactivity_u0.write(this.#direction, _v1);
-    }
-    get flashing() {
-        return reactivity_u0.read(this.#flashing);
-    }
-    set flashing(_v2) {
-        reactivity_u0.write(this.#flashing, _v2);
-    }
-    get settled() {
-        return reactivity_u0.read(this.#settled);
-    }
-    set settled(_v3) {
-        reactivity_u0.write(this.#settled, _v3);
-    }
-}
-export default ({ announceAfter = 700, format = String, hold = 900, label, state: api, ...attributes }) => {
-    let announcer, holder, previous = api.value, render = new reactivity_u0.ReactiveArray(), state = new ReactiveObject_0fbj40f0('', format(previous)), stop = effect(() => {
-        let value = api.value;
-        untrack(() => {
-            let prior = previous, text = format(value);
-            previous = value;
-            clearTimeout(announcer);
-            announcer = setTimeout(() => state.settled = text, announceAfter);
-            if (render.$length === 0) {
-                render.push(reactivity_u0.reactive({ direction: '', leaving: false, text }));
-                return;
-            }
-            let delta = value - prior;
-            if (!delta) {
-                if (render[render.$length - 1].text !== text) {
-                    render[render.$length - 1].text = text;
-                }
-                return;
-            }
-            let direction = delta > 0 ? 'up' : 'down';
-            for (let i = 0, n = render.$length; i < n; i++) {
-                render[i].direction = direction;
-                render[i].leaving = true;
-            }
-            render.push(reactivity_u0.reactive({ direction, leaving: false, text }));
-            state.changes++;
-            state.direction = direction;
-            state.flashing = true;
-            clearTimeout(holder);
-            holder = setTimeout(() => state.flashing = false, hold);
-        });
-    });
-    function remove(entry) {
-        let index = render.indexOf(entry);
-        if (index !== -1) {
-            render.splice(index, 1);
-        }
-    }
-    onCleanup(() => {
-        clearTimeout(announcer);
-        clearTimeout(holder);
-        stop();
-    });
-    return (() => {
-        let root_0fbj40f1 = template_0fbj40f2(), element_0fbj40f3 = root_0fbj40f1.firstChild, element_0fbj40f4 = element_0fbj40f3.firstElementChild.nextElementSibling, element_0fbj40f5 = element_0fbj40f4.nextElementSibling.nextElementSibling;
-        template_u1.setProperties(element_0fbj40f3, attributes);
-        template_u1.setProperty(element_0fbj40f3, 'data-direction', () => state.direction);
-        template_u1.setProperty(element_0fbj40f3, 'data-flash', () => state.flashing ? (state.changes % 2 ? 'odd' : 'even') : state.changes ? 'off' : '');
-        element_0fbj40f4.appendChild(new template_u1.ArraySlot(render, function (entry) {
-            return (() => {
-                let root_0fbj40f6 = template_0fbj40f7(), element_0fbj40f8 = root_0fbj40f6.firstChild;
-                template_u1.setList(element_0fbj40f8, 'class', () => `value-flash-text${entry.direction ? ` value-flash-text--${entry.direction}` : ''}${entry.leaving ? ' value-flash-text--leaving' : ''}`);
-                template_u1.delegate(element_0fbj40f8, 'animationend', () => {
-                    if (entry.leaving) {
-                        remove(entry);
-                    }
-                });
-                new template_u1.EffectSlot(element_0fbj40f8, () => entry.text, 1);
-                return root_0fbj40f6;
-            })();
-        }, true).fragment);
-        new template_u1.EffectSlot(element_0fbj40f5, () => label ? `${label}: ${state.settled}` : state.settled, 1);
-        return root_0fbj40f1;
-    })();
-};

package/build/components/value-flash/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.value-flash{--arrow-offset:.3em;--arrow-size:.68em;--border-radius:var(--border-radius-300);--cell:linear(0, .092, .262, .426, .567, .679, .764, .827, .874, .908, .933, .951, .964, .974, .981, .986, .99, .993, .995, .996, .997, .998, .999, .999, 1);--cell-duration:.36s;--clear:cubic-bezier(.4, 0, 1, 1);--clear-duration:.16s;--color-down:var(--color-red-500);--color-up:oklch(from var(--color-green-500) .6 c h);--drop-blur:4px;--drop-duration:.14s;--drop-offset:.7em;--font-size:var(--font-size-300);--font-weight:var(--font-weight-500);--gap:6px;--lift:linear(0, .06, .193, .351, .506, .644, .758, .845, .909, .954, .983, 1.001, 1.011, 1.015, 1.015, 1.014, 1.012, 1.009, 1.007, 1.005, 1.003, 1.002, 1.001, 1.001, 1);--lift-duration:.39s;--lift-scale:1.05;--padding:3px 6px;--pop:linear(0, .136, .423, .722, .953, 1.092, 1.145, 1.138, 1.1, 1.055, 1.017, .992, .98, .979, .983, .99, .996, 1, 1.003, 1.003, 1.003, 1.002, 1.001, 1, 1);--pop-duration:.46s;--roll:linear(0, .065, .201, .348, .487, .606, .703, .779, .837, .881, .913, .937, .955, .968, .977, .984, .988, .992, .994, .996, .997, .998, .999, .999, 1);--roll-blur:5px;--roll-duration:.34s;--roll-offset:.85em;--settle:linear(0, .086, .242, .399, .533, .641, .725, .79, .84, .879, .908, .93, .947, .96, .969, .977, .982, .987, .99, .992, .994, .995, .997, .997, 1);--settle-duration:.66s;--tint-opacity:14%;--tone-duration:.2s}@media (prefers-reduced-motion:reduce){.value-flash{--arrow-offset:0em;--cell-duration:1ms;--clear-duration:1ms;--drop-blur:0px;--drop-duration:1ms;--drop-offset:0em;--lift-scale:1;--pop-duration:1ms;--roll-blur:0px;--roll-duration:1ms;--roll-offset:0em}}.value-flash{border-radius:var(--border-radius);font-size:var(--font-size);font-variant-numeric:tabular-nums;font-weight:var(--font-weight);align-items:center;gap:var(--gap);padding:var(--padding);transition:color var(--tone-duration) var(--transition-timing-function), scale var(--settle-duration) var(--settle);grid-auto-flow:column;display:inline-grid;position:relative}.value-flash[data-direction=down]{--tone:var(--color-down)}.value-flash[data-direction=up]{--tone:var(--color-up)}.value-flash:is([data-flash=even],[data-flash=odd]){color:var(--tone);scale:var(--lift-scale);transition:color var(--tone-duration) var(--transition-timing-function), scale var(--lift-duration) var(--lift)}.value-flash:is([data-flash=even],[data-flash=odd]) .value-flash-tint{opacity:1;transition:opacity var(--cell-duration) var(--cell)}.value-flash[data-flash=even] .value-flash-arrow svg{animation-name:value-flash-pop-2}.value-flash[data-flash=odd] .value-flash-arrow svg{animation-name:value-flash-pop-1}.value-flash[data-flash=off] .value-flash-arrow svg{animation:value-flash-clear var(--clear-duration) var(--clear) both}.value-flash-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.value-flash-arrow{place-items:center;width:1em;height:1em;display:grid;position:relative}.value-flash-arrow svg{--from:var(--arrow-offset);animation:none var(--pop-duration) var(--pop) both;height:var(--arrow-size);opacity:0;width:var(--arrow-size);display:block}.value-flash[data-direction=down] .value-flash-arrow svg{--from:calc(var(--arrow-offset) * -1);rotate:180deg}.value-flash-text{grid-area:1/1}.value-flash-text--down,.value-flash-text--up{animation:value-flash-roll var(--roll-duration) var(--roll) both}.value-flash-text--down{--from:calc(var(--roll-offset) * -1);--to:var(--drop-offset)}.value-flash-text--up{--from:var(--roll-offset);--to:calc(var(--drop-offset) * -1)}.value-flash-text--leaving{animation:value-flash-drop var(--drop-duration) var(--clear) both;position:absolute;inset-inline-start:0}.value-flash-tint{background:color-mix(in oklch, var(--tone,transparent) var(--tint-opacity), transparent);border-radius:inherit;opacity:0;pointer-events:none;transition:opacity var(--clear-duration) var(--clear);position:absolute;inset:0}.value-flash-value{display:inline-grid;position:relative;overflow:hidden}@keyframes value-flash-clear{0%{opacity:1;scale:1}to{opacity:0;scale:.8}}@keyframes value-flash-drop{0%{filter:blur();opacity:1;translate:0}to{filter:blur(var(--drop-blur));opacity:0;translate:0 var(--to,0)}}@keyframes value-flash-pop-1{0%{opacity:0;scale:.4;translate:0 var(--from)}to{opacity:1;translate:0;scale:1}}@keyframes value-flash-pop-2{0%{opacity:0;scale:.4;translate:0 var(--from)}to{opacity:1;translate:0;scale:1}}@keyframes value-flash-roll{0%{filter:blur(var(--roll-blur));opacity:0;translate:0 var(--from)}to{filter:blur();opacity:1;translate:0}}}
-/*$vite$:1*/

package/build/components/waitlist-join/index.d.ts

@@ -1,34 +0,0 @@
-import { type Attributes } from '@esportsplus/template';
-import input from '../input/index.js';
-import './scss/index.scss';
-type A = Attributes & {
-    [WAITLIST_JOIN_INPUT]?: Parameters<typeof input>[0];
-    linkBase?: string;
-    onjoin?: (email: string) => void;
-    product?: string;
-    queue: QueuePerson[];
-    skip?: number;
-    state?: State;
-    waiting: number;
-};
-type QueuePerson = {
-    avatar?: string;
-    id: string;
-    name: string;
-};
-type State = {
-    bumped: boolean;
-    copied: boolean;
-    email: string;
-    status: 'idle' | 'joined' | 'joining';
-    touched: boolean;
-};
-declare const WAITLIST_JOIN_INPUT: unique symbol;
-declare function template(this: {
-    attributes?: Partial<A>;
-} | void, { linkBase, onjoin, product, queue, skip, state, waiting, ...attributes }: A): DocumentFragment | Text;
-declare const _default: typeof template & {
-    readonly input: typeof WAITLIST_JOIN_INPUT;
-};
-export default _default;
-export type { QueuePerson, State };