@esportsplus/ui 0.56.3 → 0.57.0

package/build/components/image/index.js

@@ -1,62 +1,4 @@
-import * as template_u1 from '@esportsplus/template';
-import * as reactivity_u0 from '@esportsplus/reactivity';
+import lazyload from './lazyload.js';
 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;
-    })();
-};
+export default { lazyload };
+export { lazyload };

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

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

package/build/components/image/lazyload.js

@@ -0,0 +1,72 @@
+import * as template_u1 from '@esportsplus/template';
+import * as reactivity_u0 from '@esportsplus/reactivity';
+const template_1sfe53m2 = template_u1.template(`<div class='image-lazyload'><img class='image-lazyload-source' decoding='async' draggable='false' />`);
+const template_1sfe53m6 = template_u1.template(`<img alt='' aria-hidden='true' class='image-lazyload-placeholder' decoding='async' draggable='false' />`);
+class ReactiveObject_1sfe53m0 extends reactivity_u0.ReactiveObject {
+    #covered = this[reactivity_u0.SIGNAL](true);
+    #status;
+    constructor(_p0) {
+        super(null);
+        this.#status = this[reactivity_u0.SIGNAL](_p0);
+    }
+    get covered() {
+        return reactivity_u0.read(this.#covered);
+    }
+    set covered(_v0) {
+        reactivity_u0.write(this.#covered, _v0);
+    }
+    get status() {
+        return reactivity_u0.read(this.#status);
+    }
+    set status(_v1) {
+        reactivity_u0.write(this.#status, _v1);
+    }
+}
+export default ({ alt, crossorigin, fetchpriority, height, loading = 'lazy', placeholder, referrerpolicy, sizes, src, srcset, width, ...attributes }) => {
+    let source = { crossorigin, fetchpriority, referrerpolicy, sizes, srcset }, state = new ReactiveObject_1sfe53m0('loading');
+    function uncover(e) {
+        if (e.propertyName === 'opacity') {
+            state.covered = false;
+        }
+    }
+    return (() => {
+        let root_1sfe53m1 = template_1sfe53m2(), element_1sfe53m3 = root_1sfe53m1.firstChild, element_1sfe53m4 = element_1sfe53m3.firstElementChild;
+        new template_u1.EffectSlot(element_1sfe53m3, () => state.covered && (() => {
+            let root_1sfe53m5 = template_1sfe53m6(), element_1sfe53m7 = root_1sfe53m5.firstChild;
+            template_u1.setProperty(element_1sfe53m7, 'src', placeholder);
+            template_u1.delegate(element_1sfe53m7, 'transitioncancel', uncover);
+            template_u1.delegate(element_1sfe53m7, 'transitionend', uncover);
+            return root_1sfe53m5;
+        })(), 2);
+        template_u1.setProperty(element_1sfe53m4, 'alt', alt);
+        template_u1.setProperty(element_1sfe53m4, 'height', height);
+        template_u1.setProperty(element_1sfe53m4, 'loading', loading);
+        template_u1.setProperty(element_1sfe53m4, 'src', src);
+        template_u1.setProperty(element_1sfe53m4, 'width', width);
+        template_u1.setProperties(element_1sfe53m4, source);
+        template_u1.onconnect(element_1sfe53m4, (img) => {
+            if (img.complete && img.naturalWidth > 0) {
+                state.covered = false;
+                state.status = 'ready';
+            }
+        });
+        template_u1.on(element_1sfe53m4, 'error', () => {
+            state.status = 'error';
+        });
+        template_u1.on(element_1sfe53m4, 'load', function () {
+            if (state.status === 'ready') {
+                return;
+            }
+            this.decode().then(() => {
+                state.status = 'ready';
+            }, () => {
+                state.status = 'error';
+            });
+        });
+        template_u1.setProperty(element_1sfe53m3, 'aria-busy', () => String(state.status === 'loading'));
+        template_u1.setList(element_1sfe53m3, 'style', `--aspect-ratio: ${width} / ${height}`);
+        template_u1.setProperties(element_1sfe53m3, attributes);
+        template_u1.setList(element_1sfe53m3, 'class', () => `image-lazyload--${state.status}`);
+        return root_1sfe53m1;
+    })();
+};

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

@@ -1,2 +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}}}
+@layer components{.image-lazyload-placeholder,.image-lazyload-source{position:absolute;inset:0}.image{--background:transparent;--border-radius:var(--border-radius-300);--height:var(--size);--size:var(--size-700);--width:var(--size)}.image--stack{--stack-gap:var(--border-width-500);--stack-overlap:calc(var(--width) / 4)}.image--stack:has(+.image--stack){--stack-cut:calc(var(--stack-radius) + var(--stack-gap));--stack-radius:min(var(--border-radius), var(--height) / 2, var(--width) / 2);--stack-x:calc(100% - var(--stack-overlap) + var(--stack-radius))}.image--status{--status-color:var(--color-green-400);--status-gap:var(--border-width-500);--status-mask:radial-gradient(circle at calc(100% - var(--status-size) / 2) calc(100% - var(--status-size) / 2), #000 calc(var(--status-size) / 2 - .5px), transparent calc(var(--status-size) / 2 + .5px) calc(var(--status-size) / 2 + var(--status-gap) - .5px), #000 calc(var(--status-size) / 2 + var(--status-gap) + .5px));--status-size:calc(min(var(--height), var(--width)) * .3)}.image-lazyload{--aspect-ratio:auto;--background:var(--color-grey-500);--border-radius:var(--border-radius-600);--timing-function:cubic-bezier(.23, 1, .32, 1);--transition-duration:.65s}.image{background:var(--background);border-radius:var(--border-radius);height:var(--height);width:var(--width);background-position:50%;background-size:cover;position:relative}.image--stack+.image--stack{margin-left:calc(var(--stack-overlap) * -1)}.image--stack:has(+.image--stack){-webkit-mask-composite:source-out, source-over, source-over, source-over, source-over;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add;-webkit-mask-image:var(--status-mask,linear-gradient(#000 0 0)), linear-gradient(to right, transparent var(--stack-x), #000 0), linear-gradient(to right, transparent calc(100% - var(--stack-overlap) - var(--stack-gap)), #000 0), radial-gradient(circle at var(--stack-x) var(--stack-radius), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px)), radial-gradient(circle at var(--stack-x) calc(100% - var(--stack-radius)), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px));-webkit-mask-image:var(--status-mask,linear-gradient(#000 0 0)), linear-gradient(to right, transparent var(--stack-x), #000 0), linear-gradient(to right, transparent calc(100% - var(--stack-overlap) - var(--stack-gap)), #000 0), radial-gradient(circle at var(--stack-x) var(--stack-radius), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px)), radial-gradient(circle at var(--stack-x) calc(100% - var(--stack-radius)), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px));mask-image:var(--status-mask,linear-gradient(#000 0 0)), linear-gradient(to right, transparent var(--stack-x), #000 0), linear-gradient(to right, transparent calc(100% - var(--stack-overlap) - var(--stack-gap)), #000 0), radial-gradient(circle at var(--stack-x) var(--stack-radius), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px)), radial-gradient(circle at var(--stack-x) calc(100% - var(--stack-radius)), #000 calc(var(--stack-cut) - .5px), transparent calc(var(--stack-cut) + .5px));-webkit-mask-position:0 0,0 0,0,0 0,0 0;mask-position:0 0,0 0,0,0 0,0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%, 100% 100%, 100% calc(100% - var(--stack-radius) * 2), 100% 100%, 100% 100%;-webkit-mask-size:100% 100%, 100% 100%, 100% calc(100% - var(--stack-radius) * 2), 100% 100%, 100% 100%;mask-size:100% 100%, 100% 100%, 100% calc(100% - var(--stack-radius) * 2), 100% 100%, 100% 100%}.image--status{-webkit-mask-clip:no-clip;mask-clip:no-clip;-webkit-mask-image:var(--status-mask);-webkit-mask-image:var(--status-mask);mask-image:var(--status-mask)}.image--status:after{background:var(--status-color);content:"";height:calc(var(--status-size) + 1px);width:calc(var(--status-size) + 1px);border-radius:100%;position:absolute;bottom:-.5px;right:-.5px}.image-lazyload{aspect-ratio:var(--aspect-ratio);background:var(--background);border-radius:var(--border-radius);isolation:isolate;width:100%;position:relative;overflow:hidden}.image-lazyload--error{--source-visibility:hidden}.image-lazyload--ready{--placeholder-opacity:0}.image-lazyload-placeholder,.image-lazyload-source{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%}.image-lazyload-placeholder{opacity:var(--placeholder-opacity,1);pointer-events:none;transition:opacity var(--transition-duration) var(--timing-function);z-index:1}.image-lazyload-source{visibility:var(--source-visibility);z-index:0}}
 /*$vite$:1*/

package/build/components/index.d.ts

@@ -1,117 +1,55 @@
 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 announcement } from './announcement/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 capslock } from './capslock/index.js';
+export { default as card } from './card/index.js';
+export { default as cc } from './cc/index.js';
+export { default as chatMinimap } from './chat-minimap/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 copy } from './copy/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 { createFileTreeIconResolver, default as editor, EditorDocument, EditorWorkspaceModel, FileTreeDecorations, FileTreeEditor, FileTreeElements, FileTreeHistory, fileTreeIcon, isWorkspaceCodeEditor, resolveFileTreeIcon } from './editor/index.js';
+export { default as error } from './error/index.js';
+export { default as filter } from './filter/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 heatmap } from './heatmap/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 metric } from './metric/index.js';
+export { default as nav } from './nav/index.js';
+export { default as notification } from './notification/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 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 story } from './story/index.js';
 export { default as surfaceField } from './surface-field/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 toaster } 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,117 +1,55 @@
 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 announcement } from './announcement/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 capslock } from './capslock/index.js';
+export { default as card } from './card/index.js';
+export { default as cc } from './cc/index.js';
+export { default as chatMinimap } from './chat-minimap/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 copy } from './copy/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 { createFileTreeIconResolver, default as editor, EditorDocument, EditorWorkspaceModel, FileTreeDecorations, FileTreeEditor, FileTreeElements, FileTreeHistory, fileTreeIcon, isWorkspaceCodeEditor, resolveFileTreeIcon } from './editor/index.js';
+export { default as error } from './error/index.js';
+export { default as filter } from './filter/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 heatmap } from './heatmap/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 metric } from './metric/index.js';
+export { default as nav } from './nav/index.js';
+export { default as notification } from './notification/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 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 story } from './story/index.js';
 export { default as surfaceField } from './surface-field/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 toaster } 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/format.d.ts

@@ -0,0 +1,29 @@
+import { type Doc, type Edit, type Kind, type Mark, type Span } from './model.js';
+type Part = {
+    block: number;
+    from: number;
+    to: number;
+};
+declare function parts(doc: Doc, span: Span): Part[];
+declare const active: (doc: Doc, span: Span, mark: Mark) => boolean;
+declare const check: (doc: Doc, index: number, checked: boolean) => Doc;
+declare const clear: (doc: Doc, span: Span) => Edit;
+declare const extent: (doc: Doc, { end, start }: Span) => {
+    href: string;
+    span: {
+        end: {
+            block: number;
+            offset: number;
+        };
+        start: {
+            block: number;
+            offset: number;
+        };
+    };
+} | null;
+declare const kindAt: (doc: Doc, span: Span) => Kind;
+declare const link: (doc: Doc, span: Span, href: string | null) => Edit;
+declare const setKind: (doc: Doc, span: Span, target: Kind) => Edit;
+declare const toggle: (doc: Doc, span: Span, mark: Exclude<Mark, 'link'>) => Edit;
+declare const unformat: (doc: Doc, index: number) => Edit | null;
+export { active, check, clear, extent, kindAt, link, parts, setKind, toggle, unformat };

package/build/components/inline-edit/format.js

@@ -0,0 +1,112 @@
+import { caret, has, join, LAYERS, length, list, plain, restyle, sort } from './model.js';
+function last({ end, start }) {
+    return end.block > start.block && end.offset === 0 ? end.block - 1 : end.block;
+}
+function parts(doc, span) {
+    let out = [];
+    for (let i = span.start.block, n = last(span); i <= n; i++) {
+        let from = i === span.start.block ? span.start.offset : 0, to = i === span.end.block ? span.end.offset : length(doc[i].runs);
+        if (from < to) {
+            out.push({ block: i, from, to });
+        }
+    }
+    return out;
+}
+function restyled(doc, span, fn) {
+    let next = doc.slice();
+    for (let { block: i, from, to } of parts(doc, span)) {
+        next[i] = { ...next[i], runs: restyle(next[i].runs, from, to, fn) };
+    }
+    return { doc: next, selection: { anchor: span.start, focus: span.end } };
+}
+const active = (doc, span, mark) => {
+    let list = parts(doc, span);
+    if (!list.length) {
+        return false;
+    }
+    for (let { block: i, from, to } of list) {
+        let at = 0;
+        for (let run of doc[i].runs) {
+            let end = at + run.text.length;
+            if (end > from && at < to && !has(run, mark)) {
+                return false;
+            }
+            at = end;
+        }
+    }
+    return true;
+};
+const check = (doc, index, checked) => {
+    let next = doc.slice();
+    next[index] = { ...doc[index], checked };
+    return next;
+};
+const clear = (doc, span) => restyled(doc, span, (run) => ({ href: '', marks: [], text: run.text }));
+const extent = (doc, { end, start }) => {
+    if (start.block !== end.block) {
+        return null;
+    }
+    let at = 0, links = [];
+    for (let run of doc[start.block].runs) {
+        let to = at + run.text.length, previous = links[links.length - 1];
+        if (run.href && previous?.href === run.href && previous.to === at) {
+            previous.to = to;
+        }
+        else if (run.href) {
+            links.push({ from: at, href: run.href, to });
+        }
+        at = to;
+    }
+    for (let { from, href, to } of links) {
+        if (from <= start.offset && start.offset < to && end.offset <= to) {
+            return { href, span: { end: { block: start.block, offset: to }, start: { block: start.block, offset: from } } };
+        }
+    }
+    return null;
+};
+const kindAt = (doc, span) => doc[span.start.block]?.kind ?? 'paragraph';
+const link = (doc, span, href) => restyled(doc, span, (run) => ({ href: href ?? '', marks: run.marks, text: run.text }));
+const setKind = (doc, span, target) => {
+    let blocks = [], first = span.start.block, next = doc.slice(), n = last(span);
+    if (target === 'codeblock' || target === 'quote') {
+        let runs = [];
+        for (let i = first; i <= n; i++) {
+            if (i > first) {
+                runs.push([{ href: '', marks: [], text: '\n' }]);
+            }
+            runs.push(target === 'codeblock' ? plain(doc[i].runs) : doc[i].runs);
+        }
+        blocks.push({ ...doc[first], checked: false, kind: target, runs: join(...runs) });
+    }
+    else {
+        for (let i = first; i <= n; i++) {
+            blocks.push({ ...doc[i], checked: target === 'task' && doc[i].checked, kind: target });
+        }
+    }
+    next.splice(first, n - first + 1, ...blocks);
+    let end = first + blocks.length - 1;
+    return {
+        doc: next,
+        selection: { anchor: { block: first, offset: 0 }, focus: { block: end, offset: length(next[end].runs) } }
+    };
+};
+const toggle = (doc, span, mark) => {
+    let on = active(doc, span, mark), shared = LAYERS.filter((m) => m !== 'link' && m !== mark && active(doc, span, m));
+    return restyled(doc, span, (run) => {
+        let marks = run.marks.filter((m) => m !== mark);
+        if (!on) {
+            marks = sort([...(mark === 'code' ? shared : marks), mark]);
+        }
+        return { href: run.href, marks, text: run.text };
+    });
+};
+const unformat = (doc, index) => {
+    let target = doc[index];
+    if (target.kind === 'paragraph' || (!list(target.kind) && index > 0)) {
+        return null;
+    }
+    let next = doc.slice();
+    next[index] = { ...target, checked: false, kind: 'paragraph' };
+    return { doc: next, selection: caret({ block: index, offset: 0 }) };
+};
+export { active, check, clear, extent, kindAt, link, parts, setKind, toggle, unformat };

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

@@ -0,0 +1,14 @@
+import type { Doc, Selection } from './model.js';
+type Entry = {
+    doc: Doc;
+    selection: Selection | null;
+};
+type Kind = 'delete' | 'other' | 'type';
+export default _default;
+declare function _default(): {
+    clear: () => void;
+    push: (before: Entry, after: Selection, kind: Kind) => void;
+    redo: (current: Entry) => Entry | null;
+    undo: (current: Entry) => Entry | null;
+};
+export type { Entry, Kind };