@esportsplus/ui 0.54.0 → 0.56.2

package/build/components/hover-card/index.js

@@ -0,0 +1,197 @@
+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_05z96jq2 = template_u1.template(`<span class='hover-card'><button class='hover-card-trigger' type='button'></button><span class='hover-card-content hover-card-content--s' role='group'><span class='hover-card-body'>`);
+class ReactiveObject_05z96jq0 extends reactivity_u0.ReactiveObject {
+    #active = this[reactivity_u0.SIGNAL](false);
+    constructor() {
+        super(null);
+    }
+    get active() {
+        return reactivity_u0.read(this.#active);
+    }
+    set active(_v0) {
+        reactivity_u0.write(this.#active, _v0);
+    }
+}
+const CLOSE_GRACE = 150;
+const DEVELOP = { duration: 220, easing: 'cubic-bezier(0.23, 1, 0.32, 1)' };
+const EDGE = 12;
+const GAP = 8;
+const HOVER_CARD_CONTENT = Symbol.for('@esportsplus/ui/hover-card.content');
+const HOVER_CARD_TRIGGER = Symbol.for('@esportsplus/ui/hover-card.trigger');
+const OPEN_DELAY = 500;
+const SKIP_DELAY_FOR = 300;
+const TRAVEL = { duration: 260, easing: 'cubic-bezier(0.32, 0.72, 0, 1)' };
+let uid = 0;
+function group() {
+    let closeTimer, closedAt = -Infinity, current = null, last = null, openTimer;
+    function commit(next, instant = false, from) {
+        let previous = current;
+        if (previous && previous !== next) {
+            if (!next) {
+                closedAt = performance.now();
+                last = previous.rect() ?? null;
+            }
+            previous.close(next !== null);
+        }
+        current = next;
+        next?.open(instant, from);
+    }
+    return {
+        close: () => {
+            clearTimeout(closeTimer);
+            clearTimeout(openTimer);
+            if (current) {
+                commit(null);
+            }
+        },
+        release: (card) => {
+            clearTimeout(openTimer);
+            if (current !== card) {
+                return;
+            }
+            clearTimeout(closeTimer);
+            closeTimer = setTimeout(() => commit(null), CLOSE_GRACE);
+        },
+        request: (card, immediate) => {
+            clearTimeout(closeTimer);
+            if (current === card) {
+                return;
+            }
+            clearTimeout(openTimer);
+            let recent = performance.now() - closedAt < SKIP_DELAY_FOR;
+            if (current) {
+                commit(card, true, current.rect());
+            }
+            else if (recent && last) {
+                commit(card, true, last);
+            }
+            else if (immediate || recent) {
+                commit(card, false);
+            }
+            else {
+                openTimer = setTimeout(() => commit(card, false), OPEN_DELAY);
+            }
+        }
+    };
+}
+function place(element, root, trigger) {
+    let rect = trigger.getBoundingClientRect(), below = innerHeight - rect.bottom, south = below >= element.offsetHeight + GAP + EDGE || below >= rect.top, width = Math.min(element.offsetWidth, innerWidth - EDGE * 2), left = Math.min(Math.max(rect.left + rect.width / 2 - width / 2, EDGE), innerWidth - EDGE - width);
+    element.classList.toggle('hover-card-content--n', !south);
+    element.classList.toggle('hover-card-content--s', south);
+    element.style.left = `${left - root.getBoundingClientRect().left}px`;
+    element.style.transformOrigin = `${rect.left + rect.width / 2 - left}px ${south ? '0%' : '100%'}`;
+}
+function reduced() {
+    return matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
+export default Object.assign(component(function ({ card, group: shared, label, state = new ReactiveObject_05z96jq0(), ...attributes }, content) {
+    let animations = [], body, element, id = `hover-card-${++uid}`, owner = shared ?? group(), pointer = 'mouse', root, self = {
+        close: (instant) => {
+            if (!element) {
+                return;
+            }
+            element.classList.toggle('--instant', instant);
+            element.classList.remove('--active');
+            state.active = false;
+        },
+        open: (instant, from) => {
+            if (!element || !body || !root || !trigger) {
+                return;
+            }
+            for (let i = 0, n = animations.length; i < n; i++) {
+                animations[i].cancel();
+            }
+            animations = [];
+            place(element, root, trigger);
+            element.classList.toggle('--instant', instant);
+            element.classList.add('--active');
+            state.active = true;
+            if (!from) {
+                return;
+            }
+            let to = element.getBoundingClientRect(), dx = from.left - to.left, dy = from.top - to.top, still = reduced();
+            if (!still && (dx || dy)) {
+                animations.push(element.animate({ translate: [`${dx}px ${dy}px`, '0 0'] }, TRAVEL));
+            }
+            animations.push(body.animate(still ? { opacity: [0, 1] } : { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] }, DEVELOP));
+        },
+        rect: () => element?.isConnected ? element.getBoundingClientRect() : undefined
+    }, trigger;
+    return (() => {
+        let root_05z96jq1 = template_05z96jq2(), element_05z96jq3 = root_05z96jq1.firstChild, element_05z96jq4 = element_05z96jq3.firstElementChild, element_05z96jq5 = element_05z96jq4.nextElementSibling, element_05z96jq6 = element_05z96jq5.firstElementChild;
+        template_u1.setProperties(element_05z96jq3, this?.attributes);
+        template_u1.setProperties(element_05z96jq3, attributes);
+        template_u1.ondocument(element_05z96jq3, 'pointerdown', (e) => {
+            if (state.active && root && !root.contains(e.target)) {
+                owner.close();
+            }
+        });
+        template_u1.on(element_05z96jq3, 'focusin', (e) => {
+            if (e.target === trigger && trigger?.matches(':focus-visible')) {
+                owner.request(self, true);
+            }
+        });
+        template_u1.on(element_05z96jq3, 'focusout', (e) => {
+            if (!root?.contains(e.relatedTarget)) {
+                owner.release(self);
+            }
+        });
+        template_u1.delegate(element_05z96jq3, 'keydown', (e) => {
+            if (e.key !== 'Escape' || !state.active) {
+                return;
+            }
+            owner.close();
+            trigger?.focus();
+        });
+        template_u1.delegate(element_05z96jq3, 'pointerout', (e) => {
+            if (e.pointerType === 'touch' || root?.contains(e.relatedTarget)) {
+                return;
+            }
+            owner.release(self);
+        });
+        template_u1.delegate(element_05z96jq3, 'pointerover', (e) => {
+            if (e.pointerType === 'touch' || root?.contains(e.relatedTarget)) {
+                return;
+            }
+            owner.request(self);
+        });
+        template_u1.onrender(element_05z96jq3, (el) => {
+            root = el;
+        });
+        template_u1.setProperties(element_05z96jq4, this?.attributes?.[HOVER_CARD_TRIGGER]);
+        template_u1.setProperties(element_05z96jq4, attributes[HOVER_CARD_TRIGGER]);
+        template_u1.setProperty(element_05z96jq4, 'aria-controls', () => state.active ? id : undefined);
+        template_u1.setProperty(element_05z96jq4, 'aria-expanded', () => state.active ? 'true' : 'false');
+        template_u1.delegate(element_05z96jq4, 'click', (e) => {
+            if (state.active && (e.detail === 0 || pointer === 'touch')) {
+                owner.close();
+            }
+            else {
+                owner.request(self, true);
+            }
+        });
+        template_u1.delegate(element_05z96jq4, 'pointerdown', (e) => {
+            pointer = e.pointerType;
+        });
+        template_u1.onrender(element_05z96jq4, (el) => {
+            trigger = el;
+        });
+        template_u1.slot(element_05z96jq4, content, 1);
+        template_u1.setProperty(element_05z96jq5, 'aria-label', label ?? '');
+        template_u1.setProperty(element_05z96jq5, 'id', id);
+        template_u1.setProperties(element_05z96jq5, this?.attributes?.[HOVER_CARD_CONTENT]);
+        template_u1.setProperties(element_05z96jq5, attributes[HOVER_CARD_CONTENT]);
+        template_u1.ondisconnect(element_05z96jq5, () => {
+            owner.release(self);
+        });
+        template_u1.onrender(element_05z96jq5, (el) => {
+            element = el;
+        });
+        template_u1.onrender(element_05z96jq6, (el) => { body = el; });
+        template_u1.slot(element_05z96jq6, card, 1);
+        return root_05z96jq1;
+    })();
+}), { content: HOVER_CARD_CONTENT, group, trigger: HOVER_CARD_TRIGGER });

package/build/components/hover-card/scss/index.scss

@@ -0,0 +1,2 @@
+@layer components {.hover-card{--card-background:var(--color-white-300);--card-color:var(--color-text-500);--card-font-size:calc(var(--font-size-400) * .875);--card-gap:8px;--card-line-height:20px;--card-padding:var(--size-400);--card-radius:var(--size-500);--card-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);--card-width:300px;--close-duration:.1s;--open-duration:.15s;--scale:.96;--timing-function:cubic-bezier(.23, 1, .32, 1);--trigger-color:var(--color-text-500);--trigger-decoration:color-mix(in srgb, var(--color-text-500) 25%, transparent);--trigger-decoration-active:var(--color-text-500)}.hover-card--fade{--scale:1}.hover-card{display:inline-block;position:relative}.hover-card-body{display:block}.hover-card-content{background:var(--card-background);border-radius:var(--card-radius);box-shadow:var(--card-shadow);color:var(--card-color);font-size:var(--card-font-size);font-weight:var(--font-weight-400);line-height:var(--card-line-height);opacity:0;max-width:calc(100vw - 24px);padding:var(--card-padding);pointer-events:none;scale:var(--scale);text-align:left;transition:opacity var(--close-duration) var(--timing-function), scale var(--close-duration) var(--timing-function), visibility 0s linear var(--close-duration);visibility:hidden;white-space:normal;width:var(--card-width);z-index:50;display:block;position:absolute}.hover-card-content:before{content:"";height:calc(var(--card-gap) + 4px);position:absolute;inset-inline:0}.hover-card-content--n{margin-bottom:var(--card-gap);bottom:100%}.hover-card-content--n:before{bottom:calc((var(--card-gap) + 4px) * -1)}.hover-card-content--s{margin-top:var(--card-gap);top:100%}.hover-card-content--s:before{top:calc((var(--card-gap) + 4px) * -1)}.hover-card-content.--active{opacity:1;pointer-events:auto;transition:opacity var(--open-duration) var(--timing-function), scale var(--open-duration) var(--timing-function), visibility 0s;visibility:visible;scale:1}.hover-card-content.--instant,.hover-card-content.--instant.--active{transition:none}.hover-card-trigger{border-radius:var(--border-radius-200);color:var(--trigger-color);cursor:pointer;font:inherit;font-weight:var(--font-weight-500);text-decoration:underline;-webkit-text-decoration-color:var(--trigger-decoration);-webkit-text-decoration-color:var(--trigger-decoration);text-decoration-color:var(--trigger-decoration);text-underline-offset:4px;transition:text-decoration-color var(--open-duration) ease-out;white-space:nowrap;background:0 0;border:0;outline:none;padding:0;text-decoration-thickness:1px}.hover-card-trigger:focus-visible{outline:var(--border-width-500) solid var(--trigger-color);outline-offset:var(--border-width-500)}.hover-card-trigger:hover,.hover-card-trigger[aria-expanded=true]{-webkit-text-decoration-color:var(--trigger-decoration-active);-webkit-text-decoration-color:var(--trigger-decoration-active);text-decoration-color:var(--trigger-decoration-active)}@media (prefers-reduced-motion:reduce){.hover-card-content{scale:1}}}
+/*$vite$:1*/

package/build/components/icon/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/icon/index.js

@@ -1,15 +1,15 @@
-import * as template_u0 from '@esportsplus/template';
+import * as template_u1 from '@esportsplus/template';
 import { component } from '@esportsplus/template';
 import './scss/index.scss';
-const template_u17 = template_u0.template(`<div class='icon' ><svg><use />`);
+const template_1lt0nhw1 = template_u1.template(`<div class='icon'><svg><use />`);
 export default component((attributes, href) => {
     if (href[0] !== '#') {
         href = '#' + href;
     }
     return (() => {
-        let root_u16 = template_u17(), element_u18 = root_u16.firstChild, element_u19 = element_u18.firstElementChild.firstElementChild;
-        template_u0.setProperties(element_u18, attributes);
-        template_u0.setProperty(element_u19, 'href', href);
-        return root_u16;
+        let root_1lt0nhw0 = template_1lt0nhw1(), element_1lt0nhw2 = root_1lt0nhw0.firstChild, element_1lt0nhw3 = element_1lt0nhw2.firstElementChild.firstElementChild;
+        template_u1.setProperties(element_1lt0nhw2, attributes);
+        template_u1.setProperty(element_1lt0nhw3, 'href', href);
+        return root_1lt0nhw0;
     })();
 });

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

@@ -0,0 +1,14 @@
+import { type Attributes } from '@esportsplus/template';
+import './scss/index.scss';
+export default _default;
+declare function _default({ alt, fetchpriority, height, loading, placeholder, sizes, src, srcset, width, ...attributes }: Attributes & {
+    alt: string;
+    fetchpriority?: 'auto' | 'high' | 'low';
+    height: number;
+    loading?: 'eager' | 'lazy';
+    placeholder?: string;
+    sizes?: string;
+    src?: string;
+    srcset?: string;
+    width: number;
+}): DocumentFragment | Text;

package/build/components/image/index.js

@@ -0,0 +1,62 @@
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
+import './scss/index.scss';
+const template_1wzhqz22 = template_u1.template(`<div class='image'><!--$--><img class='image-source' decoding='async' draggable='false' /><div aria-hidden='true' class='image-error'><svg fill='currentColor' viewBox='0 0 256 256'><path d='M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16h64a8,8,0,0,0,7.59-5.47l14.83-44.48L163,151.43a8.07,8.07,0,0,0,4.46-4.46l14.62-36.55,44.48-14.83A8,8,0,0,0,232,88V56A16,16,0,0,0,216,40ZM112.41,157.47,98.23,200H40V172l52-52,30.42,30.42L117,152.57A8,8,0,0,0,112.41,157.47ZM216,82.23,173.47,96.41a8,8,0,0,0-4.9,4.62l-14.72,36.82L138.58,144l-35.27-35.27a16,16,0,0,0-22.62,0L40,149.37V56H216Zm12.68,33a8,8,0,0,0-7.21-1.1l-23.8,7.94a8,8,0,0,0-4.9,4.61l-14.31,35.77-35.77,14.31a8,8,0,0,0-4.61,4.9l-7.94,23.8A8,8,0,0,0,137.73,216H216a16,16,0,0,0,16-16V121.73A8,8,0,0,0,228.68,115.24ZM216,200H148.83l3.25-9.75,35.51-14.2a8.07,8.07,0,0,0,4.46-4.46l14.2-35.51,9.75-3.25Z' />`);
+const template_1wzhqz27 = template_u1.template(`<img alt='' aria-hidden='true' class='image-placeholder' draggable='false' />`);
+class ReactiveObject_1wzhqz20 extends reactivity_u0.ReactiveObject {
+    #instant = this[reactivity_u0.SIGNAL](false);
+    #status;
+    constructor(_p0) {
+        super(null);
+        this.#status = this[reactivity_u0.SIGNAL](_p0);
+    }
+    get instant() {
+        return reactivity_u0.read(this.#instant);
+    }
+    set instant(_v0) {
+        reactivity_u0.write(this.#instant, _v0);
+    }
+    get status() {
+        return reactivity_u0.read(this.#status);
+    }
+    set status(_v1) {
+        reactivity_u0.write(this.#status, _v1);
+    }
+}
+export default ({ alt, fetchpriority, height, loading = 'lazy', placeholder, sizes, src, srcset, width, ...attributes }) => {
+    let source = { fetchpriority, sizes, src, srcset }, state = new ReactiveObject_1wzhqz20('loading');
+    function settle(status, instant) {
+        state.instant = instant;
+        state.status = status;
+    }
+    return (() => {
+        let root_1wzhqz21 = template_1wzhqz22(), element_1wzhqz23 = root_1wzhqz21.firstChild, element_1wzhqz24 = element_1wzhqz23.firstChild, element_1wzhqz25 = element_1wzhqz23.firstElementChild;
+        template_u1.setProperty(element_1wzhqz23, 'aria-busy', () => String(state.status === 'loading'));
+        template_u1.setList(element_1wzhqz23, 'style', `--aspect-ratio: ${width} / ${height}`);
+        template_u1.setProperties(element_1wzhqz23, attributes);
+        template_u1.setList(element_1wzhqz23, 'class', () => `--${state.status}${state.instant ? ' --instant' : ''}`);
+        template_u1.slot(element_1wzhqz24, placeholder && (() => {
+            let root_1wzhqz26 = template_1wzhqz27(), element_1wzhqz28 = root_1wzhqz26.firstChild;
+            template_u1.setProperty(element_1wzhqz28, 'src', placeholder);
+            return root_1wzhqz26;
+        })());
+        template_u1.setProperty(element_1wzhqz25, 'alt', alt);
+        template_u1.setProperty(element_1wzhqz25, 'height', height);
+        template_u1.setProperty(element_1wzhqz25, 'loading', loading);
+        template_u1.setProperty(element_1wzhqz25, 'width', width);
+        template_u1.setProperties(element_1wzhqz25, source);
+        template_u1.on(element_1wzhqz25, 'error', () => settle('error', false));
+        template_u1.on(element_1wzhqz25, 'load', function () {
+            if (state.status === 'ready') {
+                return;
+            }
+            this.decode().then(() => settle('ready', false), () => settle('error', false));
+        });
+        template_u1.onrender(element_1wzhqz25, (img) => {
+            if (img.complete && img.naturalWidth > 0) {
+                settle('ready', true);
+            }
+        });
+        return root_1wzhqz21;
+    })();
+};

package/build/components/image/scss/index.scss

@@ -0,0 +1,2 @@
+@layer components {.image{--aspect-ratio:auto;--background:var(--color-grey-500);--blur:14px;--border-radius:var(--border-radius-600);--develop-blur:18px;--develop-saturate:.6;--develop-scale:1.06;--error-background:var(--color-white-400);--error-color:var(--color-text-300);--error-size:22px;--placeholder-scale:1.08;--timing-function:cubic-bezier(.23, 1, .32, 1);--transition-duration:.65s;aspect-ratio:var(--aspect-ratio);background:var(--background);border-radius:var(--border-radius);width:100%;position:relative;overflow:hidden}.image-error{background:var(--error-background);color:var(--error-color);opacity:0;transition:opacity var(--transition-duration) var(--timing-function);place-items:center;display:grid}.image-error svg{height:var(--error-size);width:var(--error-size)}.image-error,.image-placeholder,.image-source{width:100%;height:100%;position:absolute;inset:0}.image-placeholder{filter:blur(var(--blur));scale:var(--placeholder-scale)}.image-placeholder,.image-source{object-fit:cover;-webkit-user-select:none;user-select:none}.image-source{filter:blur(var(--develop-blur)) saturate(var(--develop-saturate));opacity:0;scale:var(--develop-scale);transition:filter var(--transition-duration) var(--timing-function), opacity var(--transition-duration) var(--timing-function), scale var(--transition-duration) var(--timing-function)}.image.--error .image-error{opacity:1}.image.--instant .image-error,.image.--instant .image-source{transition:none}.image.--ready .image-source{filter:blur()saturate();opacity:1;scale:1}@media (prefers-reduced-motion:reduce){.image-error,.image-source{transition:none}}}
+/*$vite$:1*/

package/build/components/index.d.ts

@@ -1,21 +1,116 @@
 export { default as accordion } from './accordion/index.js';
+export { default as announcementBanner } from './announcement-banner/index.js';
+export { default as autosave } from './autosave/index.js';
+export { default as backToTop } from './back-to-top/index.js';
+export { default as bentoGrid } from './bento-grid/index.js';
+export { default as bentoGridSpotlight } from './bento-grid-spotlight/index.js';
+export { default as bookmarkButton } from './bookmark-button/index.js';
+export { default as breadcrumb } from './breadcrumb/index.js';
+export { default as breadcrumbs } from './breadcrumbs/index.js';
+export { default as button } from './button/index.js';
+export { default as cardInput } from './card-input/index.js';
+export { default as carousel3d } from './carousel-3d/index.js';
 export { default as checkbox } from './checkbox/index.js';
+export { default as checkboxGroup } from './checkbox-group/index.js';
 export { default as clipboard } from './clipboard/index.js';
+export { default as codeMorph } from './code-morph/index.js';
+export { default as collapsibleSidebar } from './collapsible-sidebar/index.js';
+export { default as colorPicker } from './color-picker/index.js';
+export { default as command } from './command/index.js';
+export { default as commandPalette } from './command-palette/index.js';
+export { default as composer } from './composer/index.js';
+export { default as contributionHeatmap } from './contribution-heatmap/index.js';
 export { default as counter } from './counter/index.js';
+export { default as datalist } from './datalist/index.js';
+export { default as dateRangePicker } from './date-range-picker/index.js';
+export { default as dock } from './dock/index.js';
+export { default as dynamicIsland } from './dynamic-island/index.js';
+export { default as emailTypoFix } from './email-typo-fix/index.js';
+export { default as expandingCard } from './expanding-card/index.js';
+export { default as featureSpotlight } from './feature-spotlight/index.js';
+export { default as fileTree } from './file-tree/index.js';
+export { default as filterGrid } from './filter-grid/index.js';
 export { default as form } from './form/index.js';
+export { default as gradientText } from './gradient-text/index.js';
+export { default as header } from './header/index.js';
+export { default as highlight } from './highlight/index.js';
+export { default as hoverCard } from './hover-card/index.js';
 export { default as icon } from './icon/index.js';
+export { default as image } from './image/index.js';
+export { default as inlineEdit } from './inline-edit/index.js';
 export { default as input } from './input/index.js';
 export { default as json } from './json/index.js';
+export { default as kanbanBoard } from './kanban-board/index.js';
+export { default as lightbox } from './lightbox/index.js';
+export { default as lineShadowText } from './line-shadow-text/index.js';
 export { default as loading } from './loading/index.js';
+export { default as longPress } from './long-press/index.js';
+export { default as marquee } from './marquee/index.js';
+export { default as modal } from './modal/index.js';
+export { default as morphingButton } from './morphing-button/index.js';
+export { default as morphingNav } from './morphing-nav/index.js';
+export { default as multiStepForm } from './multi-step-form/index.js';
+export { default as nestedMenu } from './nested-menu/index.js';
+export { default as notificationBell } from './notification-bell/index.js';
 export { default as number } from './number/index.js';
+export { default as onboardingChecklist } from './onboarding-checklist/index.js';
 export { default as overlay } from './overlay/index.js';
+export { default as pageDots } from './page-dots/index.js';
+export { default as pagination } from './pagination/index.js';
+export { default as password } from './password/index.js';
+export { default as progress } from './progress/index.js';
+export { default as pullToRefresh } from './pull-to-refresh/index.js';
 export { default as radio } from './radio/index.js';
+export { default as radioCards } from './radio-cards/index.js';
 export { default as range } from './range/index.js';
+export { default as rangeFilter } from './range-filter/index.js';
+export { default as rangeSlider } from './range-slider/index.js';
+export { default as readingProgress } from './reading-progress/index.js';
+export { default as relativeTime } from './relative-time/index.js';
+export { default as scrollFade } from './scroll-fade/index.js';
+export { default as scrollSpine } from './scroll-spine/index.js';
+export { default as scrollVelocity } from './scroll-velocity/index.js';
+export { default as scrubInput } from './scrub-input/index.js';
 export { default as select } from './select/index.js';
-export { default as switch } from './switch/index.js';
+export { default as selectMenu } from './select-menu/index.js';
+export { default as selectionToolbar } from './selection-toolbar/index.js';
+export { default as settings } from './settings/index.js';
+export { default as shareButton } from './share-button/index.js';
+export { default as sheet } from './sheet/index.js';
+export { default as shinyText } from './shiny-text/index.js';
+export { default as shortcutRecorder } from './shortcut-recorder/index.js';
+export { default as shortcutSheet } from './shortcut-sheet/index.js';
 export { default as sidebar } from './sidebar/index.js';
+export { default as slider } from './slider/index.js';
+export { default as slidingTabs } from './sliding-tabs/index.js';
+export { default as snapCarousel } from './snap-carousel/index.js';
+export { default as sortable } from './sortable/index.js';
+export { default as sparkline } from './sparkline/index.js';
+export { default as stackedDrawer } from './stacked-drawer/index.js';
+export { default as statCounter } from './stat-counter/index.js';
+export { default as statusPicker } from './status-picker/index.js';
+export { default as stickyHeader } from './sticky-header/index.js';
+export { default as stickyStack } from './sticky-stack/index.js';
+export { default as storyProgress } from './story-progress/index.js';
+export { default as swipeDeck } from './swipe-deck/index.js';
+export { default as switch } from './switch/index.js';
+export { default as tagInput } from './tag-input/index.js';
+export { default as taskList } from './task-list/index.js';
+export { default as tasklist } from './tasklist/index.js';
+export { default as textAnimate } from './text-animate/index.js';
+export { default as textProgress } from './text-progress/index.js';
 export { default as textarea } from './textarea/index.js';
 export { default as toaster, toast } from './toast/index.js';
 export { default as tooltip } from './tooltip/index.js';
+export { default as tree } from './tree/index.js';
+export { default as treeView } from './tree-view/index.js';
 export { default as truncate } from './truncate/index.js';
 export { default as typewriter } from './typewriter/index.js';
+export { default as typewriterRetype } from './typewriter-retype/index.js';
+export { default as undoToast } from './undo-toast/index.js';
+export { default as uptime } from './uptime/index.js';
+export { default as usageMeter } from './usage-meter/index.js';
+export { default as valueFlash } from './value-flash/index.js';
+export { default as waitlistJoin } from './waitlist-join/index.js';
+export { default as webSearch } from './web-search/index.js';
+export { default as wordRotator } from './word-rotator/index.js';

package/build/components/index.js

@@ -1,21 +1,116 @@
 export { default as accordion } from './accordion/index.js';
+export { default as announcementBanner } from './announcement-banner/index.js';
+export { default as autosave } from './autosave/index.js';
+export { default as backToTop } from './back-to-top/index.js';
+export { default as bentoGrid } from './bento-grid/index.js';
+export { default as bentoGridSpotlight } from './bento-grid-spotlight/index.js';
+export { default as bookmarkButton } from './bookmark-button/index.js';
+export { default as breadcrumb } from './breadcrumb/index.js';
+export { default as breadcrumbs } from './breadcrumbs/index.js';
+export { default as button } from './button/index.js';
+export { default as cardInput } from './card-input/index.js';
+export { default as carousel3d } from './carousel-3d/index.js';
 export { default as checkbox } from './checkbox/index.js';
+export { default as checkboxGroup } from './checkbox-group/index.js';
 export { default as clipboard } from './clipboard/index.js';
+export { default as codeMorph } from './code-morph/index.js';
+export { default as collapsibleSidebar } from './collapsible-sidebar/index.js';
+export { default as colorPicker } from './color-picker/index.js';
+export { default as command } from './command/index.js';
+export { default as commandPalette } from './command-palette/index.js';
+export { default as composer } from './composer/index.js';
+export { default as contributionHeatmap } from './contribution-heatmap/index.js';
 export { default as counter } from './counter/index.js';
+export { default as datalist } from './datalist/index.js';
+export { default as dateRangePicker } from './date-range-picker/index.js';
+export { default as dock } from './dock/index.js';
+export { default as dynamicIsland } from './dynamic-island/index.js';
+export { default as emailTypoFix } from './email-typo-fix/index.js';
+export { default as expandingCard } from './expanding-card/index.js';
+export { default as featureSpotlight } from './feature-spotlight/index.js';
+export { default as fileTree } from './file-tree/index.js';
+export { default as filterGrid } from './filter-grid/index.js';
 export { default as form } from './form/index.js';
+export { default as gradientText } from './gradient-text/index.js';
+export { default as header } from './header/index.js';
+export { default as highlight } from './highlight/index.js';
+export { default as hoverCard } from './hover-card/index.js';
 export { default as icon } from './icon/index.js';
+export { default as image } from './image/index.js';
+export { default as inlineEdit } from './inline-edit/index.js';
 export { default as input } from './input/index.js';
 export { default as json } from './json/index.js';
+export { default as kanbanBoard } from './kanban-board/index.js';
+export { default as lightbox } from './lightbox/index.js';
+export { default as lineShadowText } from './line-shadow-text/index.js';
 export { default as loading } from './loading/index.js';
+export { default as longPress } from './long-press/index.js';
+export { default as marquee } from './marquee/index.js';
+export { default as modal } from './modal/index.js';
+export { default as morphingButton } from './morphing-button/index.js';
+export { default as morphingNav } from './morphing-nav/index.js';
+export { default as multiStepForm } from './multi-step-form/index.js';
+export { default as nestedMenu } from './nested-menu/index.js';
+export { default as notificationBell } from './notification-bell/index.js';
 export { default as number } from './number/index.js';
+export { default as onboardingChecklist } from './onboarding-checklist/index.js';
 export { default as overlay } from './overlay/index.js';
+export { default as pageDots } from './page-dots/index.js';
+export { default as pagination } from './pagination/index.js';
+export { default as password } from './password/index.js';
+export { default as progress } from './progress/index.js';
+export { default as pullToRefresh } from './pull-to-refresh/index.js';
 export { default as radio } from './radio/index.js';
+export { default as radioCards } from './radio-cards/index.js';
 export { default as range } from './range/index.js';
+export { default as rangeFilter } from './range-filter/index.js';
+export { default as rangeSlider } from './range-slider/index.js';
+export { default as readingProgress } from './reading-progress/index.js';
+export { default as relativeTime } from './relative-time/index.js';
+export { default as scrollFade } from './scroll-fade/index.js';
+export { default as scrollSpine } from './scroll-spine/index.js';
+export { default as scrollVelocity } from './scroll-velocity/index.js';
+export { default as scrubInput } from './scrub-input/index.js';
 export { default as select } from './select/index.js';
-export { default as switch } from './switch/index.js';
+export { default as selectMenu } from './select-menu/index.js';
+export { default as selectionToolbar } from './selection-toolbar/index.js';
+export { default as settings } from './settings/index.js';
+export { default as shareButton } from './share-button/index.js';
+export { default as sheet } from './sheet/index.js';
+export { default as shinyText } from './shiny-text/index.js';
+export { default as shortcutRecorder } from './shortcut-recorder/index.js';
+export { default as shortcutSheet } from './shortcut-sheet/index.js';
 export { default as sidebar } from './sidebar/index.js';
+export { default as slider } from './slider/index.js';
+export { default as slidingTabs } from './sliding-tabs/index.js';
+export { default as snapCarousel } from './snap-carousel/index.js';
+export { default as sortable } from './sortable/index.js';
+export { default as sparkline } from './sparkline/index.js';
+export { default as stackedDrawer } from './stacked-drawer/index.js';
+export { default as statCounter } from './stat-counter/index.js';
+export { default as statusPicker } from './status-picker/index.js';
+export { default as stickyHeader } from './sticky-header/index.js';
+export { default as stickyStack } from './sticky-stack/index.js';
+export { default as storyProgress } from './story-progress/index.js';
+export { default as swipeDeck } from './swipe-deck/index.js';
+export { default as switch } from './switch/index.js';
+export { default as tagInput } from './tag-input/index.js';
+export { default as taskList } from './task-list/index.js';
+export { default as tasklist } from './tasklist/index.js';
+export { default as textAnimate } from './text-animate/index.js';
+export { default as textProgress } from './text-progress/index.js';
 export { default as textarea } from './textarea/index.js';
 export { default as toaster, toast } from './toast/index.js';
 export { default as tooltip } from './tooltip/index.js';
+export { default as tree } from './tree/index.js';
+export { default as treeView } from './tree-view/index.js';
 export { default as truncate } from './truncate/index.js';
 export { default as typewriter } from './typewriter/index.js';
+export { default as typewriterRetype } from './typewriter-retype/index.js';
+export { default as undoToast } from './undo-toast/index.js';
+export { default as uptime } from './uptime/index.js';
+export { default as usageMeter } from './usage-meter/index.js';
+export { default as valueFlash } from './value-flash/index.js';
+export { default as waitlistJoin } from './waitlist-join/index.js';
+export { default as webSearch } from './web-search/index.js';
+export { default as wordRotator } from './word-rotator/index.js';

package/build/components/inline-edit/index.d.ts

@@ -0,0 +1,30 @@
+import { type Attributes } from '@esportsplus/template';
+import input from '../input/index.js';
+import './scss/index.scss';
+type A = Attributes & {
+    [INLINE_EDIT_DISPLAY]?: Attributes;
+    [INLINE_EDIT_FIELD]?: Field;
+    label: string;
+    multiline?: boolean;
+    onsave?: (value: string) => void;
+    placeholder?: string;
+    state?: State;
+    value?: string;
+};
+type D = Attributes & Pick<A, typeof INLINE_EDIT_DISPLAY | typeof INLINE_EDIT_FIELD>;
+type Field = Parameters<typeof input>[0];
+type State = {
+    editing: boolean;
+    saved: boolean;
+    value: string;
+};
+declare const INLINE_EDIT_DISPLAY: unique symbol;
+declare const INLINE_EDIT_FIELD: unique symbol;
+declare function template(this: {
+    attributes?: D;
+} | void, { label, multiline, onsave, placeholder, value, state, ...attributes }: A): DocumentFragment | Text;
+declare const _default: typeof template & {
+    readonly display: typeof INLINE_EDIT_DISPLAY;
+    readonly field: typeof INLINE_EDIT_FIELD;
+};
+export default _default;