@esportsplus/ui 0.56.4 → 0.57.0

package/build/components/waitlist-join/index.js

@@ -1,402 +0,0 @@
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
-import { effect, untrack } from '@esportsplus/reactivity';
-import clipboard from '../clipboard/index.js';
-import counter from '../counter/index.js';
-import form from '../form/index.js';
-import input from '../input/index.js';
-import './scss/index.scss';
-const template_1iptpxt4 = template_u1.template(`<img alt='' class='waitlist-join-face-image' draggable='false' height='36' width='36' />`);
-const template_1iptpxt6 = template_u1.template(`<svg aria-hidden='true' class='waitlist-join-face-image' viewBox='0 0 36 36'><circle cx='18' cy='14.5' r='6.5' /><path d='M5 36c1.5-8 6.5-12 13-12s11.5 4 13 12Z' />`);
-const template_1iptpxt8 = template_u1.template(`<section class='waitlist-join'><div class='waitlist-join-top'><p class='waitlist-join-product'><!--$--> · Private beta</p><button class='button waitlist-join-reset' type='button'> Not you? </button></div><h2 class='waitlist-join-title'><span class='waitlist-join-heading'>Join the waitlist</span><span class='waitlist-join-heading'><span aria-hidden='true' class='waitlist-join-spot'> You’re #</span><span class='waitlist-join-live'></span></span></h2><p class='waitlist-join-description'></p><div class='waitlist-join-queue'><ol class='waitlist-join-line'><!--$--><li aria-label='You' class='waitlist-join-person waitlist-join-person--me' hidden><span class='waitlist-join-me'></span><span aria-hidden='true' class='waitlist-join-badge'>You</span></li></ol></div><div class='waitlist-join-meta'><span class='waitlist-join-front'><svg aria-hidden='true' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 16 16'><path d='M12.5 8h-9M7 4.5 3.5 8 7 11.5' /></svg> Front of the line </span><span class='waitlist-join-count'></span></div><div class='waitlist-join-slot'><!--$--><div class='waitlist-join-share'><span class='waitlist-join-link'></span><button class='button waitlist-join-copy' type='button'><span class='waitlist-join-icons' aria-hidden='true'><svg class='waitlist-join-icon waitlist-join-icon--copy' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' viewBox='0 0 16 16'><rect height='8' rx='1.5' width='8' x='5.5' y='5.5' /><path d='M10.5 3.5v-.5a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h.5' /></svg><svg class='waitlist-join-icon waitlist-join-icon--check' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' viewBox='0 0 16 16'><path d='m3.5 8.5 3 3 6-7' /></svg></span></button></div></div><p aria-live='polite' class='waitlist-join-note'>`);
-const template_1iptpxts = template_u1.template(`<li class='waitlist-join-person'><span class='waitlist-join-face'>`);
-const template_1iptpxtw = template_u1.template(`<!--$--><button class='button waitlist-join-submit' type='submit'><span>Join</span><span class='waitlist-join-live'>`);
-class ReactiveObject_1iptpxt0 extends reactivity_u0.ReactiveObject {
-    #value;
-    constructor(_p0) {
-        super(null);
-        this.#value = this[reactivity_u0.SIGNAL](_p0);
-    }
-    get value() {
-        return reactivity_u0.read(this.#value);
-    }
-    set value(_v0) {
-        reactivity_u0.write(this.#value, _v0);
-    }
-}
-class ReactiveObject_1iptpxt1 extends reactivity_u0.ReactiveObject {
-    #bumped = this[reactivity_u0.SIGNAL](false);
-    #copied = this[reactivity_u0.SIGNAL](false);
-    #email = this[reactivity_u0.SIGNAL]('');
-    #status;
-    #touched = this[reactivity_u0.SIGNAL](false);
-    constructor(_p0) {
-        super(null);
-        this.#status = this[reactivity_u0.SIGNAL](_p0);
-    }
-    get bumped() {
-        return reactivity_u0.read(this.#bumped);
-    }
-    set bumped(_v0) {
-        reactivity_u0.write(this.#bumped, _v0);
-    }
-    get copied() {
-        return reactivity_u0.read(this.#copied);
-    }
-    set copied(_v1) {
-        reactivity_u0.write(this.#copied, _v1);
-    }
-    get email() {
-        return reactivity_u0.read(this.#email);
-    }
-    set email(_v2) {
-        reactivity_u0.write(this.#email, _v2);
-    }
-    get status() {
-        return reactivity_u0.read(this.#status);
-    }
-    set status(_v3) {
-        reactivity_u0.write(this.#status, _v3);
-    }
-    get touched() {
-        return reactivity_u0.read(this.#touched);
-    }
-    set touched(_v4) {
-        reactivity_u0.write(this.#touched, _v4);
-    }
-}
-class ReactiveObject_1iptpxt2 extends reactivity_u0.ReactiveObject {
-    #round = this[reactivity_u0.SIGNAL](0);
-    constructor() {
-        super(null);
-    }
-    get round() {
-        return reactivity_u0.read(this.#round);
-    }
-    set round(_v0) {
-        reactivity_u0.write(this.#round, _v0);
-    }
-}
-const DROP = {
-    duration: 595,
-    easing: 'linear(0, 0.051, 0.165, 0.302, 0.452, 0.593, 0.717, 0.819, 0.896, 0.956, 0.997, 1.024, 1.038, 1.044, 1.044, 1.04, 1.035, 1.028, 1.022, 1.016, 1.011, 1.006, 1.003, 1.001, 1)'
-};
-const EASE_OUT = 'cubic-bezier(0.23, 1, 0.32, 1)';
-const JOIN_MS = 650;
-const ME = 'me';
-const REDUCED_MOTION = '(prefers-reduced-motion: reduce)';
-const SHUFFLE = {
-    duration: 749,
-    easing: 'linear(0, 0.058, 0.181, 0.331, 0.474, 0.602, 0.71, 0.796, 0.863, 0.912, 0.947, 0.97, 0.987, 0.996, 1.002, 1.005, 1.006, 1.006, 1.005, 1.004, 1.003, 1.003, 1.002, 1.001, 1)'
-};
-const SLOTS = 9;
-const WAITLIST_JOIN_INPUT = Symbol.for('@esportsplus/ui/waitlist-join.input');
-function face(person) {
-    if (person.avatar) {
-        return (() => {
-            let root_1iptpxt3 = template_1iptpxt4(), element_1iptpxt5 = root_1iptpxt3.firstChild;
-            template_u1.setProperty(element_1iptpxt5, 'src', person.avatar);
-            return root_1iptpxt3;
-        })();
-    }
-    return template_1iptpxt6();
-}
-function format(value) {
-    return value.toLocaleString('en-US');
-}
-function problem(raw) {
-    let email = raw.trim();
-    if (!email) {
-        return 'Enter your email to join.';
-    }
-    if (/\s/.test(email)) {
-        return 'Emails cannot contain spaces.';
-    }
-    let at = email.lastIndexOf('@');
-    if (at === -1) {
-        return 'Add an @ and a domain, like sam@studio.com.';
-    }
-    if (at === 0) {
-        return 'Add your name before the @.';
-    }
-    let domain = email.slice(at + 1);
-    if (!domain) {
-        return 'Add the domain after the @, like gmail.com.';
-    }
-    if (!/\.[^.]{2,}$/.test(domain)) {
-        return `Finish the domain, like @${domain.replace(/\.+$/, '')}.com.`;
-    }
-    return '';
-}
-function referral(email, base) {
-    let hash = 0, local = email.split('@')[0].toLowerCase().replace(/[^a-z0-9]/g, '');
-    for (let char of email) {
-        hash = (hash * 31 + char.charCodeAt(0)) >>> 0;
-    }
-    return `${base}/${local.slice(0, 12) || 'friend'}-${hash.toString(36).slice(0, 3)}`;
-}
-function swap(container, text) {
-    let current = container.querySelector(':scope > :not([data-exiting])');
-    if (current?.textContent === text) {
-        return;
-    }
-    let next = document.createElement('span'), reduce = matchMedia(REDUCED_MOTION).matches;
-    next.className = 'waitlist-join-swap';
-    next.textContent = text;
-    container.append(next);
-    if (!current) {
-        return;
-    }
-    let previous = current;
-    previous.dataset.exiting = '';
-    previous.animate(reduce ? { opacity: [1, 0] } : { filter: ['blur(0px)', 'blur(2px)'], opacity: [1, 0], translate: ['0 0', '0 -2px'] }, { duration: 120, easing: EASE_OUT, fill: 'forwards' }).onfinish = () => previous.remove();
-    next.animate(reduce ? { opacity: [0, 1] } : { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1], translate: ['0 4px', '0 0'] }, { duration: 240, easing: EASE_OUT });
-}
-function template({ linkBase = 'parcel.so/i', onjoin, product = 'Parcel', queue, skip = 5, state, waiting, ...attributes }) {
-    let copyButton, defaults = this?.attributes, disposers = [], emailInput, hop = Math.min(skip, SLOTS - 2), id = `waitlist-join-${Math.random().toString(36).slice(2, 8)}`, people = new Map(), position = new ReactiveObject_1iptpxt0(waiting + 1), s = state || new ReactiveObject_1iptpxt1('idle'), strip, tail = queue.slice(-SLOTS), timers = [], ui = new ReactiveObject_1iptpxt2();
-    function arrange(animate) {
-        if (!strip) {
-            return;
-        }
-        let before = new Map(), ids = line(), reduce = !animate || matchMedia(REDUCED_MOTION).matches;
-        for (let [, element] of people) {
-            if (!element.hidden && !element.hasAttribute('data-exiting')) {
-                before.set(element, element.getBoundingClientRect().left);
-            }
-        }
-        for (let [key, element] of people) {
-            if (element.hidden || ids.includes(key) || element.hasAttribute('data-exiting')) {
-                continue;
-            }
-            if (reduce && !animate) {
-                element.hidden = true;
-                continue;
-            }
-            element.dataset.exiting = '';
-            element.style.left = `${element.offsetLeft}px`;
-            element.style.top = `${element.offsetTop}px`;
-            element.animate(reduce ? { opacity: [1, 0] } : { filter: ['blur(0px)', 'blur(2px)'], opacity: [1, 0], transform: ['none', 'translateX(-12px)'] }, { duration: 200, easing: EASE_OUT, fill: 'forwards' }).onfinish = function () {
-                delete element.dataset.exiting;
-                element.hidden = true;
-                element.style.left = '';
-                element.style.top = '';
-                this.cancel();
-            };
-        }
-        for (let i = 0, n = ids.length; i < n; i++) {
-            let element = people.get(ids[i]);
-            for (let animation of element.getAnimations()) {
-                animation.cancel();
-            }
-            delete element.dataset.exiting;
-            element.hidden = false;
-            element.style.left = '';
-            element.style.top = '';
-            strip.append(element);
-        }
-        if (!animate) {
-            return;
-        }
-        for (let i = 0, n = ids.length; i < n; i++) {
-            let element = people.get(ids[i]), from = before.get(element);
-            if (from === undefined) {
-                element.animate(reduce ? { opacity: [0, 1] } : { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1], transform: ['translateY(-20px)', 'none'] }, reduce ? { duration: 200, easing: EASE_OUT } : DROP);
-                continue;
-            }
-            let dx = from - element.getBoundingClientRect().left;
-            if (dx && !reduce) {
-                element.animate({ translate: [`${dx}px 0`, '0 0'] }, SHUFFLE);
-            }
-        }
-    }
-    function bump() {
-        if (s.bumped) {
-            return;
-        }
-        s.bumped = true;
-        position.value = waiting + 1 - skip;
-        arrange(true);
-        if (!matchMedia(REDUCED_MOTION).matches) {
-            people.get(ME)?.animate({ transform: ['translateY(0)', 'translateY(-10px)', 'translateY(0)'] }, { duration: 450, easing: 'cubic-bezier(0.77, 0, 0.175, 1)' });
-        }
-    }
-    function copy() {
-        void clipboard.write(`https://${link()}`);
-        s.copied = true;
-        bump();
-        timers.push(setTimeout(() => {
-            s.copied = false;
-        }, 1800));
-    }
-    function error() {
-        return s.touched ? problem(s.email) : '';
-    }
-    function join() {
-        s.touched = true;
-        if (problem(s.email) || s.status !== 'idle') {
-            emailInput?.focus();
-            return;
-        }
-        s.status = 'joining';
-        timers.push(setTimeout(() => {
-            position.value = waiting + 1;
-            s.status = 'joined';
-            ui.round++;
-            arrange(true);
-            onjoin?.(s.email.trim());
-            timers.push(setTimeout(() => copyButton?.focus(), 50));
-        }, JOIN_MS));
-    }
-    function line() {
-        if (s.status !== 'joined') {
-            return tail.map((person) => person.id);
-        }
-        let rest = queue.slice(-(SLOTS - 1)).map((person) => person.id);
-        rest.splice(rest.length - (s.bumped ? hop : 0), 0, ME);
-        return rest;
-    }
-    function link() {
-        return referral(s.email.trim(), linkBase);
-    }
-    function note() {
-        let message = error();
-        if (message) {
-            return message;
-        }
-        if (s.status !== 'joined') {
-            return 'One email when your invite is ready. Nothing else.';
-        }
-        return s.bumped
-            ? `You jumped ${skip} spots. Every friend who joins moves you up again.`
-            : `Skip ahead by sharing: your link moves you up ${skip} spots.`;
-    }
-    function register(key) {
-        return (element) => {
-            people.set(key, element);
-        };
-    }
-    function reset() {
-        s.bumped = false;
-        s.copied = false;
-        s.email = '';
-        s.status = 'idle';
-        s.touched = false;
-        arrange(true);
-        timers.push(setTimeout(() => emailInput?.focus(), 50));
-    }
-    return (() => {
-        let root_1iptpxt7 = template_1iptpxt8(), element_1iptpxt9 = root_1iptpxt7.firstChild, element_1iptpxta = element_1iptpxt9.firstElementChild.firstElementChild.firstChild, element_1iptpxtb = element_1iptpxt9.firstElementChild.firstElementChild.nextElementSibling, element_1iptpxtc = element_1iptpxt9.firstElementChild.nextElementSibling, element_1iptpxtd = element_1iptpxtc.firstElementChild, element_1iptpxte = element_1iptpxtd.nextElementSibling, element_1iptpxtf = element_1iptpxte.firstElementChild, element_1iptpxtg = element_1iptpxtf.nextElementSibling, element_1iptpxth = element_1iptpxtc.nextElementSibling, element_1iptpxti = element_1iptpxth.nextElementSibling.firstElementChild, element_1iptpxtj = element_1iptpxti.firstChild, element_1iptpxtk = element_1iptpxti.firstElementChild, element_1iptpxtl = element_1iptpxtk.firstElementChild, element_1iptpxtm = element_1iptpxth.nextElementSibling.nextElementSibling.nextElementSibling.firstChild, element_1iptpxtn = element_1iptpxth.nextElementSibling.nextElementSibling.nextElementSibling.firstElementChild, element_1iptpxto = element_1iptpxtn.firstElementChild, element_1iptpxtp = element_1iptpxto.nextElementSibling, element_1iptpxtq = element_1iptpxth.nextElementSibling.nextElementSibling.nextElementSibling.nextElementSibling;
-        template_u1.setProperty(element_1iptpxt9, 'aria-labelledby', template_u1.interpolate([(id), "-title"]));
-        template_u1.setProperties(element_1iptpxt9, defaults);
-        template_u1.setProperties(element_1iptpxt9, attributes);
-        template_u1.setList(element_1iptpxt9, 'class', () => s.status === 'joined' && '--joined');
-        template_u1.onconnect(element_1iptpxt9, (element) => {
-            let count = element.querySelector('.waitlist-join-count'), hint = element.querySelector('.waitlist-join-note');
-            emailInput = element.querySelector('.waitlist-join-input') ?? undefined;
-            if (count) {
-                disposers.push(effect(() => swap(count, s.status === 'joined' ? `${format(position.value - 1)} ahead of you` : `${format(waiting)} waiting`)));
-            }
-            if (hint) {
-                disposers.push(effect(() => swap(hint, note())));
-            }
-        });
-        template_u1.ondisconnect(element_1iptpxt9, () => {
-            for (let i = 0, n = disposers.length; i < n; i++) {
-                disposers[i]();
-            }
-            for (let i = 0, n = timers.length; i < n; i++) {
-                clearTimeout(timers[i]);
-            }
-            disposers.length = 0;
-            timers.length = 0;
-        });
-        template_u1.slot(element_1iptpxta, product);
-        template_u1.setList(element_1iptpxtb, 'class', () => s.status === 'joined' && '--active');
-        template_u1.setProperty(element_1iptpxtb, 'inert', () => s.status !== 'joined');
-        template_u1.delegate(element_1iptpxtb, 'click', reset);
-        template_u1.setProperty(element_1iptpxtc, 'id', template_u1.interpolate([(id), "-title"]));
-        template_u1.setList(element_1iptpxtd, 'class', () => s.status !== 'joined' && '--active');
-        template_u1.setList(element_1iptpxte, 'class', () => s.status === 'joined' && '--active');
-        new template_u1.EffectSlot(element_1iptpxtf, () => ui.round > 0 && untrack(() => counter({
-            class: 'counter--ticker waitlist-join-roll',
-            currency: 'IGNORE',
-            decimals: 0,
-            delay: 16,
-            state: position,
-            value: position.value
-        })), 2);
-        new template_u1.EffectSlot(element_1iptpxtg, () => `You’re #${format(position.value)} in line`, 1);
-        new template_u1.EffectSlot(element_1iptpxth, () => s.status === 'joined'
-            ? 'The next 200 people get in on Friday. You will hear from us the moment you do.'
-            : `${product} lets in 200 new people every Friday. Save your spot in line.`, 1);
-        template_u1.setProperty(element_1iptpxti, 'aria-label', () => s.status === 'joined' ? `Queue, you are number ${format(position.value)}` : `Queue, ${format(waiting)} people waiting`);
-        template_u1.onconnect(element_1iptpxti, (element) => {
-            strip = element;
-            arrange(false);
-        });
-        template_u1.slot(element_1iptpxtj, tail.map((person) => {
-            let root_1iptpxtr = template_1iptpxts(), element_1iptpxtt = root_1iptpxtr.firstChild, element_1iptpxtu = element_1iptpxtt.firstElementChild;
-            template_u1.setProperty(element_1iptpxtt, 'aria-label', person.name);
-            template_u1.onrender(element_1iptpxtt, register(person.id));
-            template_u1.setProperty(element_1iptpxtu, 'title', person.name);
-            template_u1.slot(element_1iptpxtu, face(person), 1);
-            return root_1iptpxtr;
-        }));
-        template_u1.onrender(element_1iptpxtk, register(ME));
-        new template_u1.EffectSlot(element_1iptpxtl, () => s.email.trim()[0]?.toUpperCase() ?? 'Y', 1);
-        template_u1.slot(element_1iptpxtm, form.action({
-            action: () => {
-                join();
-                return { errors: [] };
-            },
-            class: ['waitlist-join-form', () => s.status !== 'joined' && '--active'],
-            inert: () => s.status === 'joined',
-            novalidate: true
-        }, (() => {
-            let root_1iptpxtv = template_1iptpxtw(), element_1iptpxtx = root_1iptpxtv.firstChild, element_1iptpxty = element_1iptpxtx.nextSibling, element_1iptpxtz = element_1iptpxty.firstElementChild.nextElementSibling;
-            template_u1.slot(element_1iptpxtx, input({
-                'aria-describedby': `${id}-note`,
-                'aria-invalid': () => String(!!error()),
-                'aria-label': 'Email',
-                autocapitalize: 'none',
-                autocomplete: 'email',
-                class: ['waitlist-join-input', () => !!error() && '--error'],
-                disabled: () => s.status === 'joining',
-                inputmode: 'email',
-                name: 'email',
-                onblur: () => {
-                    if (s.email.trim()) {
-                        s.touched = true;
-                    }
-                },
-                oninput: (e) => {
-                    s.email = e.target.value;
-                },
-                placeholder: 'you@studio.com',
-                spellcheck: false,
-                type: 'email',
-                value: () => s.email,
-                ...defaults?.[WAITLIST_JOIN_INPUT],
-                ...attributes[WAITLIST_JOIN_INPUT]
-            }));
-            template_u1.setProperty(element_1iptpxty, 'aria-busy', () => s.status === 'joining' ? 'true' : 'false');
-            template_u1.setList(element_1iptpxty, 'class', () => s.status === 'joining' && 'button--processing');
-            new template_u1.EffectSlot(element_1iptpxtz, () => s.status === 'joining' ? 'Joining' : '', 1);
-            return root_1iptpxtv;
-        })()));
-        template_u1.setList(element_1iptpxtn, 'class', () => s.status === 'joined' && '--active');
-        template_u1.setProperty(element_1iptpxtn, 'inert', () => s.status !== 'joined');
-        new template_u1.EffectSlot(element_1iptpxto, link, 1);
-        template_u1.setProperty(element_1iptpxtp, 'aria-describedby', template_u1.interpolate([(id), "-note"]));
-        template_u1.setList(element_1iptpxtp, 'class', () => s.copied && '--copied');
-        template_u1.delegate(element_1iptpxtp, 'click', copy);
-        template_u1.onrender(element_1iptpxtp, (element) => {
-            copyButton = element;
-        });
-        new template_u1.EffectSlot(element_1iptpxtp, () => s.copied ? 'Copied' : 'Copy link', 2);
-        template_u1.setProperty(element_1iptpxtq, 'id', template_u1.interpolate([(id), "-note"]));
-        template_u1.setList(element_1iptpxtq, 'class', () => !!error() && '--error');
-        return root_1iptpxt7;
-    })();
-}
-export default Object.assign(template, { input: WAITLIST_JOIN_INPUT });

package/build/components/waitlist-join/scss/index.scss

@@ -1,2 +0,0 @@
-@layer components {.waitlist-join{--accent:var(--color-text-500);--accent-contrast:var(--color-white-300);--background:var(--color-white-300);--box-shadow:0 0 0 1px oklch(from var(--color-black-300) l c h / .06), 0 1px 2px oklch(from var(--color-black-300) l c h / .06), 0 6px 16px -6px oklch(from var(--color-black-300) l c h / .12);--color-danger:var(--color-red-500);--color-muted:var(--color-text-300);--ease:cubic-bezier(.23, 1, .32, 1);--face-background:oklch(97% 0 0);--face-ring:oklch(from var(--color-black-300) l c h / .1);--face-silhouette:oklch(84% 0 0);--face-size:36px;--focus-ring:oklch(from var(--color-text-500) l c h / .38);--font-size:calc(var(--font-size-400) * .875);--font-size-small:calc(var(--font-size-400) * .8125);--foreground:var(--color-text-500);--icon-duration:.446s;--icon-timing-function:linear(0, .118, .319, .509, .657, .769, .848, .901, .937, .96, .975, .984, .99, .994, 1);--radius:20px;--surface:var(--color-grey-400);--width:min(440px, 100%);background:var(--background);border-radius:var(--radius);box-shadow:var(--box-shadow);color:var(--foreground);font-size:var(--font-size);width:var(--width);padding:24px;display:block}.waitlist-join-badge{background:var(--background);box-shadow:0 1px 2px oklch(from var(--color-black-300) l c h/.15);color:var(--foreground);font-size:12px;font-weight:var(--font-weight-500);border-radius:999px;padding:0 6px;line-height:16px;position:absolute;bottom:-8px}.waitlist-join-copy{--background-default:var(--accent);--color-default:var(--accent-contrast);--padding-horizontal:12px;--padding-vertical:0px;font-size:var(--font-size-small);font-weight:var(--font-weight-500);border-radius:9px;flex-shrink:0;gap:6px;height:36px}.waitlist-join-copy,.waitlist-join-reset,.waitlist-join-submit{outline:0 solid var(--focus-ring);outline-offset:2px}.waitlist-join-copy:focus-visible,.waitlist-join-reset:focus-visible,.waitlist-join-submit:focus-visible{outline-width:2px}.waitlist-join-copy:active,.waitlist-join-reset:active,.waitlist-join-submit:active{scale:.96}.waitlist-join-count{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;display:block;position:relative}.waitlist-join-description{color:var(--color-muted);text-wrap:pretty;min-height:40px;margin-top:8px}.waitlist-join-face{background:var(--face-background);box-shadow:inset 0 0 0 1px var(--face-ring);height:var(--face-size);width:var(--face-size);border-radius:50%;justify-content:center;align-items:flex-end;display:flex;overflow:hidden}.waitlist-join-face-image{fill:var(--face-silhouette);width:100%;height:100%}.waitlist-join-form,.waitlist-join-share,.waitlist-join-heading,.waitlist-join-reset{filter:blur(2px);opacity:0;pointer-events:none;transition:filter .12s var(--ease), opacity .12s var(--ease), scale .15s ease-out, translate .12s var(--ease), visibility 0s .12s;visibility:hidden;translate:0 -2px}.waitlist-join-form.--active,.waitlist-join-share.--active,.waitlist-join-heading.--active,.waitlist-join-reset.--active{filter:none;opacity:1;pointer-events:auto;transition:filter .24s var(--ease), opacity .24s var(--ease), scale .15s ease-out, translate .24s var(--ease);visibility:visible;translate:0}.waitlist-join-form{--gap-horizontal:8px;flex-wrap:nowrap;margin:0;position:absolute;inset:0}.waitlist-join-front{align-items:center;gap:4px;display:flex}.waitlist-join-front svg{width:14px;height:14px}.waitlist-join-heading{white-space:nowrap;position:absolute;inset:0}.waitlist-join-icon{filter:blur(4px);opacity:0;height:14px;transition:filter var(--icon-duration) var(--icon-timing-function), opacity var(--icon-duration) var(--icon-timing-function), scale var(--icon-duration) var(--icon-timing-function);width:14px;position:absolute;inset:0;scale:.25}.waitlist-join-copy:not(.--copied) .waitlist-join-icon--copy,.waitlist-join-copy.--copied .waitlist-join-icon--check{filter:none;opacity:1;scale:1}.waitlist-join-icons{flex-shrink:0;width:14px;height:14px;position:relative}.waitlist-join-input{--background-default:var(--surface);--color-default:var(--foreground);--font-size:calc(var(--font-size-400) * .9375);--padding-horizontal:14px;--padding-vertical:0px;box-shadow:none;outline:0 solid var(--focus-ring);border-radius:12px;flex:1 1 0;height:44px;min-height:0;transition:box-shadow .15s ease-out}.waitlist-join-input::placeholder{color:var(--color-muted)}.waitlist-join-input:focus-visible{outline-width:2px}.waitlist-join-input.--error{box-shadow:inset 0 0 0 1px var(--color-danger)}.waitlist-join-line{justify-content:flex-end;gap:8px;margin:-8px 0;padding:8px 0;list-style:none;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 56px);mask-image:linear-gradient(90deg,#0000,#000 56px)}.waitlist-join-link{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--font-size-small);text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.waitlist-join-live{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.waitlist-join-me{background:var(--accent);color:var(--accent-contrast);font-weight:var(--font-weight-600);height:var(--face-size);width:var(--face-size);border-radius:50%;justify-content:center;align-items:center;display:flex}.waitlist-join-meta{color:var(--color-muted);font-size:var(--font-size-small);justify-content:space-between;align-items:center;margin-top:8px;display:flex}.waitlist-join-note{color:var(--color-muted);font-size:var(--font-size-small);height:40px;margin-top:8px;line-height:20px;transition:color .15s ease-out;position:relative}.waitlist-join-note.--error{color:var(--color-danger)}@media (width>=640px){.waitlist-join-note{height:20px}}.waitlist-join-person{width:var(--face-size);flex-shrink:0;justify-content:center;display:flex;position:relative}.waitlist-join-person[data-exiting]{pointer-events:none;position:absolute}.waitlist-join-person[hidden]{display:none}.waitlist-join-person--me{z-index:1}.waitlist-join-product{color:var(--color-muted);font-size:var(--font-size-small);width:auto}.waitlist-join-queue{background:var(--surface);border-radius:16px;margin-top:20px;padding:14px}.waitlist-join-reset{--background-hover:var(--surface);--color-default:var(--color-muted);--color-hover:var(--foreground);--padding-horizontal:8px;--padding-vertical:0px;font-size:var(--font-size-small);outline-offset:0;border-radius:8px;height:32px;margin-right:-8px}.waitlist-join-roll{--font-weight:var(--font-weight-600);--stagger:80ms;--timing-function:var(--ease);--transition-duration:.7s;display:inline-flex}.waitlist-join-share{background:var(--surface);border-radius:12px;align-items:center;gap:8px;padding:0 4px 0 14px;display:flex;position:absolute;inset:0}.waitlist-join-slot{height:44px;margin-top:20px;position:relative}.waitlist-join-spot{display:inline-flex}.waitlist-join-submit{--background-default:var(--accent);--color-default:var(--accent-contrast);--padding-horizontal:0px;--padding-vertical:0px;font-size:var(--font-size);font-weight:var(--font-weight-500);border-radius:12px;flex:0 0 84px;height:44px}.waitlist-join-submit.button--processing{--border-width:var(--border-width-500)}.waitlist-join-swap{text-wrap:pretty;display:block}.waitlist-join-swap[data-exiting]{position:absolute;inset:0 0 auto}.waitlist-join-title{color:var(--foreground);font-size:calc(var(--font-size-400) * 1.5);font-weight:var(--font-weight-600);height:32px;margin-top:8px;line-height:32px;position:relative}.waitlist-join-top{justify-content:space-between;align-items:center;height:24px;display:flex}@media (prefers-reduced-motion:reduce){.waitlist-join-form,.waitlist-join-heading,.waitlist-join-icon,.waitlist-join-reset,.waitlist-join-share{filter:none;translate:0;scale:1}}}
-/*$vite$:1*/

package/build/components/web-search/brands.d.ts

@@ -1,121 +0,0 @@
-type Brand = keyof typeof BRANDS;
-declare const BRANDS: {
-    amazon: {
-        color: string;
-        path: string;
-        viewBox: "0 0 16 16";
-    };
-    apple: {
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    auth0: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    bitbucket: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    discord: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    dropbox: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    facebook: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    figma: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    github: {
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    gitlab: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    google: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    instagram: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    linkedin: {
-        color: string;
-        path: string;
-        viewBox: "0 0 16 16";
-    };
-    microsoft: {
-        color: string;
-        path: string;
-        viewBox: "0 0 16 16";
-    };
-    notion: {
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    okta: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    reddit: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    slack: {
-        color: string;
-        path: string;
-        viewBox: "0 0 16 16";
-    };
-    spotify: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    telegram: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    tiktok: {
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    twitch: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    whatsapp: {
-        color: string;
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-    x: {
-        path: string;
-        viewBox: "0 0 24 24";
-    };
-};
-declare const logo: (brand: Brand) => DocumentFragment | Text;
-export { logo };
-export type { Brand };