@spectral_labs/ui 1.7.0 → 1.8.0-next.0

package/dist/components/tooltip/__tests__/tooltip.test.svelte.js

@@ -1,225 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import { resetDismissibleLayerStack } from '../../../internal/dismissible-layer/index.js';
-import TooltipRoot from '../components/tooltip-root.svelte';
-import { createTooltipProviderState } from '../tooltip-provider.svelte.js';
-import TooltipTest from './TooltipTest.svelte';
-// jsdom does not define PointerEvent — polyfill it for tests
-if (typeof globalThis.PointerEvent === 'undefined') {
-    // @ts-expect-error polyfill
-    globalThis.PointerEvent = class PointerEvent extends MouseEvent {
-        constructor(type, init) {
-            super(type, init);
-        }
-    };
-}
-function pointerDownOutside(x = 500, y = 500) {
-    document.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, clientX: x, clientY: y }));
-}
-describe('tooltip', () => {
-    let target;
-    let instance;
-    function setup(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(TooltipTest, { target, props: { portalTo: target, ...props } });
-        flushSync();
-        return target;
-    }
-    function setupRoot(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(TooltipRoot, { target, props });
-        return target;
-    }
-    afterEach(() => {
-        if (instance)
-            unmount(instance);
-        target?.remove();
-    });
-    // --- Basic rendering ---
-    it('renders root', () => {
-        setupRoot();
-        expect(target.querySelector('.sp-tooltip-root')).toBeTruthy();
-    });
-    it('renders trigger with role="presentation"', () => {
-        setup();
-        const trigger = target.querySelector('.sp-tooltip-trigger');
-        expect(trigger?.getAttribute('role')).toBe('presentation');
-    });
-    it('root has data-state="closed" by default', () => {
-        setup();
-        const root = target.querySelector('.sp-tooltip-root');
-        expect(root?.getAttribute('data-state')).toBe('closed');
-    });
-    // --- ARIA attributes ---
-    it('trigger has no aria-describedby when tooltip is closed', () => {
-        setup();
-        const trigger = target.querySelector('.sp-tooltip-trigger');
-        expect(trigger?.getAttribute('aria-describedby')).toBeNull();
-    });
-    it('content has role="tooltip" when visible', () => {
-        vi.useFakeTimers();
-        setup({ openDelay: 0, closeDelay: 0 });
-        const trigger = target.querySelector('.sp-tooltip-trigger');
-        trigger.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        const content = target.querySelector('[role="tooltip"]');
-        expect(content).toBeTruthy();
-        vi.useRealTimers();
-    });
-    it('content has data-side attribute', () => {
-        vi.useFakeTimers();
-        setup({ openDelay: 0 });
-        const trigger = target.querySelector('.sp-tooltip-trigger');
-        trigger.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-        vi.advanceTimersByTime(710);
-        flushSync();
-        const content = target.querySelector('[role="tooltip"]');
-        expect(content?.getAttribute('data-side')).toBe('top');
-        vi.useRealTimers();
-    });
-    // --- Open/close behavior ---
-    it('opens on mouseenter and closes on mouseleave', () => {
-        vi.useFakeTimers();
-        setup({ openDelay: 0, closeDelay: 0 });
-        const trigger = target.querySelector('.sp-tooltip-trigger');
-        trigger.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        expect(target.querySelector('[role="tooltip"]')).toBeTruthy();
-        // Mouseleave triggers grace area timeout (500ms) then close delay (0ms)
-        trigger.dispatchEvent(new MouseEvent('mouseleave', { bubbles: true, clientX: -100, clientY: -100 }));
-        vi.advanceTimersByTime(510);
-        flushSync();
-        expect(target.querySelector('[role="tooltip"]')).toBeNull();
-        vi.useRealTimers();
-    });
-    it('opens on focus and closes on blur', () => {
-        vi.useFakeTimers();
-        setup({ openDelay: 0, closeDelay: 0 });
-        const trigger = target.querySelector('.sp-tooltip-trigger');
-        trigger.dispatchEvent(new FocusEvent('focus', { bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        expect(target.querySelector('[role="tooltip"]')).toBeTruthy();
-        trigger.dispatchEvent(new FocusEvent('blur', { bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        expect(target.querySelector('[role="tooltip"]')).toBeNull();
-        vi.useRealTimers();
-    });
-    it('closes on Escape key when open', () => {
-        vi.useFakeTimers();
-        // Use the shared target/instance so afterEach handles cleanup correctly
-        setup();
-        const trigger = target.querySelector('.sp-tooltip-trigger');
-        // Open the tooltip via mouseenter
-        trigger.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        expect(target.querySelector('[role="tooltip"]')).toBeTruthy();
-        // Dispatch Escape key — should close the tooltip
-        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        expect(target.querySelector('[role="tooltip"]')).toBeNull();
-        vi.useRealTimers();
-    });
-    it('closes on outside pointerdown when closeOnOutsideClick is true', () => {
-        vi.useFakeTimers();
-        const t = document.createElement('div');
-        document.body.appendChild(t);
-        const inst = mount(TooltipTest, {
-            target: t,
-            props: { openDelay: 0, closeDelay: 0, closeOnOutsideClick: true, portalTo: t },
-        });
-        flushSync();
-        const trigger = t.querySelector('.sp-tooltip-trigger');
-        trigger.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        try {
-            expect(t.querySelector('[role="tooltip"]')).toBeTruthy();
-            pointerDownOutside();
-            vi.advanceTimersByTime(10); // close timer (closeDelay: 0) fires
-            flushSync();
-            expect(t.querySelector('[role="tooltip"]')).toBeNull();
-        }
-        finally {
-            unmount(inst);
-            resetDismissibleLayerStack();
-            t.remove();
-            vi.useRealTimers();
-        }
-    });
-    it('does NOT close on outside pointerdown when closeOnOutsideClick is false (default)', () => {
-        vi.useFakeTimers();
-        const t = document.createElement('div');
-        document.body.appendChild(t);
-        const inst = mount(TooltipTest, {
-            target: t,
-            props: { openDelay: 0, closeDelay: 0, portalTo: t },
-        });
-        flushSync();
-        const trigger = t.querySelector('.sp-tooltip-trigger');
-        trigger.dispatchEvent(new MouseEvent('mouseenter', { bubbles: true }));
-        vi.advanceTimersByTime(10);
-        flushSync();
-        try {
-            expect(t.querySelector('[role="tooltip"]')).toBeTruthy();
-            pointerDownOutside();
-            vi.advanceTimersByTime(10);
-            flushSync();
-            expect(t.querySelector('[role="tooltip"]')).toBeTruthy();
-        }
-        finally {
-            unmount(inst);
-            resetDismissibleLayerStack();
-            t.remove();
-            vi.useRealTimers();
-        }
-    });
-});
-describe('tooltip provider state', () => {
-    it('isOpenDelayed is true initially', () => {
-        const state = createTooltipProviderState();
-        expect(state.isOpenDelayed).toBe(true);
-    });
-    it('isOpenDelayed becomes false after onOpen', () => {
-        const state = createTooltipProviderState();
-        state.onOpen();
-        expect(state.isOpenDelayed).toBe(false);
-    });
-    it('isOpenDelayed resets to true after skipDelayDuration', () => {
-        vi.useFakeTimers();
-        const state = createTooltipProviderState({ skipDelayDuration: 100 });
-        state.onOpen();
-        expect(state.isOpenDelayed).toBe(false);
-        state.onClose();
-        expect(state.isOpenDelayed).toBe(false); // still false during skip window
-        vi.advanceTimersByTime(100);
-        expect(state.isOpenDelayed).toBe(true); // reset after skip duration
-        vi.useRealTimers();
-    });
-    it('opening within skipDelayDuration keeps isOpenDelayed false', () => {
-        vi.useFakeTimers();
-        const state = createTooltipProviderState({ skipDelayDuration: 300 });
-        state.onOpen();
-        state.onClose();
-        // Within skip window, open again
-        vi.advanceTimersByTime(100);
-        expect(state.isOpenDelayed).toBe(false);
-        state.onOpen(); // opening cancels the reset timer
-        vi.advanceTimersByTime(300);
-        expect(state.isOpenDelayed).toBe(false); // still false because onOpen cleared the timer
-        vi.useRealTimers();
-    });
-    it('skipDelayDuration: 0 resets immediately', () => {
-        const state = createTooltipProviderState({ skipDelayDuration: 0 });
-        state.onOpen();
-        state.onClose();
-        expect(state.isOpenDelayed).toBe(true); // immediate reset
-    });
-});

package/dist/components/tree/__tests__/TreeLabelContentTest.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-  import * as Tree from '../index.js'
-</script>
-
-<!--
-  Test fixture for the `labelContent` snippet on Tree.Item. Renders a
-  custom HTML structure (icon stand-in + text span) in place of the
-  built-in plain-text label, so the test can assert that the snippet
-  output reaches the DOM exactly where the `label` string used to.
--->
-<Tree.Root selectionMode="single" aria-label="Label-content tree">
-  <Tree.Item id="lib" hasChildren textValue="My Library">
-    {#snippet labelContent()}
-      <svg data-testid="lib-icon" aria-hidden="true" width="16" height="16" viewBox="0 0 24 24">
-        <path d="M3 21h18M5 21V7l7-4 7 4v14" />
-      </svg>
-      <span data-testid="lib-label">My Library</span>
-    {/snippet}
-    <Tree.Item id="col-1" label="Design" />
-  </Tree.Item>
-</Tree.Root>

package/dist/components/tree/__tests__/TreeTest.svelte

@@ -1,24 +0,0 @@
-<script lang="ts">
-  import * as Tree from '../index.js'
-
-  let {
-    selectionMode = 'multiple' as 'none' | 'single' | 'multiple',
-    selectedKeys = $bindable<Set<string>>(new Set<string>()),
-    expandedKeys = $bindable<Set<string>>(new Set<string>()),
-    disabled = false,
-  }: {
-    selectionMode?: 'none' | 'single' | 'multiple'
-    selectedKeys?: Set<string>
-    expandedKeys?: Set<string>
-    disabled?: boolean
-  } = $props()
-</script>
-
-<Tree.Root bind:selectedKeys bind:expandedKeys {selectionMode} {disabled} aria-label="Test tree">
-  <Tree.Item id="root-a" label="Folder A" hasChildren={true}>
-    <Tree.Item id="root-a-1" label="Item A1" />
-    <Tree.Item id="root-a-2" label="Item A2" />
-  </Tree.Item>
-  <Tree.Item id="root-b" label="Item B" />
-  <Tree.Item id="root-c" label="Item C (disabled)" disabled={true} />
-</Tree.Root>

package/dist/components/tree/__tests__/tree.test.svelte.js

@@ -1,229 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it } from 'vitest';
-import TreeLabelContentTest from './TreeLabelContentTest.svelte';
-import TreeTest from './TreeTest.svelte';
-describe('tree', () => {
-    let target;
-    let instance;
-    function setup(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(TreeTest, { target, props });
-        flushSync();
-    }
-    afterEach(() => {
-        if (instance)
-            unmount(instance);
-        instance = undefined;
-        target?.remove();
-    });
-    it('renders tree with role="tree"', () => {
-        setup();
-        expect(target.querySelector('[role="tree"]')).toBeTruthy();
-    });
-    it('renders root items as treeitems', () => {
-        setup();
-        // At minimum: root-a, root-b, root-c (children of root-a are hidden by default)
-        expect(target.querySelectorAll('[role="treeitem"]').length).toBeGreaterThanOrEqual(3);
-    });
-    it('parent item with hasChildren has aria-expanded attribute', () => {
-        setup();
-        const folder = target.querySelector('[data-tree-item="root-a"]');
-        expect(folder).toBeTruthy();
-        expect(folder?.hasAttribute('aria-expanded')).toBe(true);
-    });
-    it('parent item starts collapsed (aria-expanded="false")', () => {
-        setup();
-        const folder = target.querySelector('[data-tree-item="root-a"]');
-        expect(folder?.getAttribute('aria-expanded')).toBe('false');
-    });
-    it('expanding folder via expandedKeys reveals nested items', () => {
-        setup({ expandedKeys: new Set(['root-a']) });
-        // root-a, root-a-1, root-a-2, root-b, root-c = 5
-        expect(target.querySelectorAll('[role="treeitem"]').length).toBeGreaterThanOrEqual(5);
-    });
-    it('expanded folder shows aria-expanded="true"', () => {
-        setup({ expandedKeys: new Set(['root-a']) });
-        const folder = target.querySelector('[data-tree-item="root-a"]');
-        expect(folder?.getAttribute('aria-expanded')).toBe('true');
-    });
-    it('collapsing folder hides nested items', () => {
-        // First mount with expansion, then without
-        setup({ expandedKeys: new Set(['root-a']) });
-        const countExpanded = target.querySelectorAll('[role="treeitem"]').length;
-        unmount(instance);
-        instance = mount(TreeTest, { target, props: { expandedKeys: new Set() } });
-        flushSync();
-        const countCollapsed = target.querySelectorAll('[role="treeitem"]').length;
-        expect(countCollapsed).toBeLessThan(countExpanded);
-    });
-    it('clicking leaf item adds it to selected state (multiple mode)', () => {
-        setup({ selectionMode: 'multiple' });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        itemB?.click();
-        flushSync();
-        expect(target.querySelector('[data-selected]')).toBeTruthy();
-    });
-    it('selectionMode "none" disables click selection', () => {
-        setup({ selectionMode: 'none' });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        itemB?.click();
-        flushSync();
-        expect(target.querySelector('[data-selected]')).toBeNull();
-    });
-    it('selectionMode "single" replaces selection on each click', () => {
-        setup({ selectionMode: 'single' });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        const itemC = target.querySelector('[data-tree-item="root-c"]');
-        itemB?.click();
-        flushSync();
-        itemC?.click();
-        flushSync();
-        // At most one item selected in single mode
-        const selected = target.querySelectorAll('[data-selected]');
-        expect(selected.length).toBeLessThanOrEqual(1);
-    });
-    it('disabled tree ignores clicks on items', () => {
-        setup({ disabled: true });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        itemB?.click();
-        flushSync();
-        expect(target.querySelector('[data-selected]')).toBeNull();
-    });
-    it('disabled item has data-disabled attribute', () => {
-        setup({ selectionMode: 'multiple' });
-        const itemC = target.querySelector('[data-tree-item="root-c"]');
-        expect(itemC?.getAttribute('data-disabled')).toBeTruthy();
-    });
-    it('respects bindable selectedKeys initial value', () => {
-        setup({ selectedKeys: new Set(['root-b']) });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        expect(itemB?.hasAttribute('data-selected')).toBe(true);
-    });
-    it('tree has aria-label', () => {
-        setup();
-        const tree = target.querySelector('[role="tree"]');
-        expect(tree?.getAttribute('aria-label')).toBe('Test tree');
-    });
-    it('multiple-mode tree has aria-multiselectable', () => {
-        setup({ selectionMode: 'multiple' });
-        const tree = target.querySelector('[role="tree"]');
-        expect(tree?.getAttribute('aria-multiselectable')).toBe('true');
-    });
-    it('enter key selects focused item', () => {
-        setup({ selectionMode: 'multiple' });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        itemB?.focus();
-        itemB?.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        flushSync();
-        expect(target.querySelector('[data-selected]')).toBeTruthy();
-    });
-    it('space key selects focused item', () => {
-        setup({ selectionMode: 'multiple' });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        itemB?.focus();
-        itemB?.dispatchEvent(new KeyboardEvent('keydown', { key: ' ', bubbles: true }));
-        flushSync();
-        expect(target.querySelector('[data-selected]')).toBeTruthy();
-    });
-    it('arrowRight key on collapsed folder triggers expand handler', () => {
-        setup();
-        const folderA = target.querySelector('[data-tree-item="root-a"]');
-        folderA?.focus();
-        folderA?.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowRight', bubbles: true }));
-        flushSync();
-        expect(folderA).toBeTruthy();
-    });
-    it('arrowLeft key on expanded folder triggers collapse handler', () => {
-        setup({ expandedKeys: new Set(['root-a']) });
-        const folderA = target.querySelector('[data-tree-item="root-a"]');
-        folderA?.focus();
-        folderA?.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowLeft', bubbles: true }));
-        flushSync();
-        expect(folderA).toBeTruthy();
-    });
-    it('arrowDown key does not throw (moves focus to next visible item)', () => {
-        setup();
-        const items = target.querySelectorAll('[role="treeitem"]');
-        const first = items[0];
-        first?.focus();
-        first?.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        flushSync();
-        expect(items.length).toBeGreaterThan(0);
-    });
-    it('arrowUp key does not throw (moves focus to previous item)', () => {
-        setup();
-        const items = target.querySelectorAll('[role="treeitem"]');
-        const second = items[1];
-        second?.focus();
-        second?.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowUp', bubbles: true }));
-        flushSync();
-        expect(items.length).toBeGreaterThan(1);
-    });
-    it('home key moves focus to first item', () => {
-        setup();
-        const items = target.querySelectorAll('[role="treeitem"]');
-        const last = items[items.length - 1];
-        last?.focus();
-        last?.dispatchEvent(new KeyboardEvent('keydown', { key: 'Home', bubbles: true }));
-        flushSync();
-        expect(items.length).toBeGreaterThan(0);
-    });
-    it('end key moves focus to last item', () => {
-        setup();
-        const items = target.querySelectorAll('[role="treeitem"]');
-        const first = items[0];
-        first?.focus();
-        first?.dispatchEvent(new KeyboardEvent('keydown', { key: 'End', bubbles: true }));
-        flushSync();
-        expect(items.length).toBeGreaterThan(0);
-    });
-    it('keyboard events are ignored when tree is disabled', () => {
-        setup({ disabled: true, selectionMode: 'multiple' });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        itemB?.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        flushSync();
-        expect(target.querySelector('[data-selected]')).toBeNull();
-    });
-    it('ctrl+click in multiple mode toggles individual item off', () => {
-        setup({ selectionMode: 'multiple' });
-        const itemB = target.querySelector('[data-tree-item="root-b"]');
-        // First click to select
-        itemB?.click();
-        flushSync();
-        expect(target.querySelector('[data-selected]')).toBeTruthy();
-        // Ctrl+click to deselect
-        itemB?.dispatchEvent(new MouseEvent('click', { ctrlKey: true, bubbles: true }));
-        flushSync();
-        expect(target.querySelector('[data-tree-item="root-b"][data-selected]')).toBeNull();
-    });
-    describe('labelContent snippet', () => {
-        let snippetTarget;
-        let snippetInstance;
-        function setupSnippet() {
-            snippetTarget = document.createElement('div');
-            document.body.appendChild(snippetTarget);
-            snippetInstance = mount(TreeLabelContentTest, { target: snippetTarget });
-            flushSync();
-        }
-        afterEach(() => {
-            if (snippetInstance)
-                unmount(snippetInstance);
-            snippetInstance = undefined;
-            snippetTarget?.remove();
-        });
-        it('renders the labelContent snippet inside .sp-tree-item-content', () => {
-            setupSnippet();
-            const item = snippetTarget.querySelector('[data-tree-item="lib"]');
-            const content = item?.querySelector('.sp-tree-item-content');
-            expect(content).toBeTruthy();
-            // The custom snippet's children land inside the content slot —
-            // both the icon and the named label span are reachable.
-            expect(content?.querySelector('[data-testid="lib-icon"]')).toBeTruthy();
-            expect(content?.querySelector('[data-testid="lib-label"]')?.textContent).toBe('My Library');
-            // The plain-text label fallback path is bypassed when the snippet
-            // is provided — the content slot has no stray text-only child.
-            expect(content?.textContent?.trim()).toBe('My Library');
-        });
-    });
-});

package/dist/components/virtualizer/__tests__/waterfall-layout.test.js

@@ -1,82 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { WaterfallLayout } from '../layouts/waterfall-layout.js';
-function makeItems(count, width = 800, height = 600) {
-    return Array.from({ length: count }, (_, i) => ({
-        id: `item-${i}`,
-        width,
-        height,
-    }));
-}
-describe('waterfallLayout', () => {
-    it('creates without error', () => {
-        const layout = new WaterfallLayout();
-        expect(layout).toBeDefined();
-    });
-    it('handles empty items', () => {
-        const layout = new WaterfallLayout();
-        layout.update([], 500);
-        expect(layout.getContentSize()).toEqual({ width: 500, height: 0 });
-        expect(layout.getVisibleLayoutInfos({ x: 0, y: 0, width: 500, height: 500 })).toEqual([]);
-    });
-    it('computes layout for uniform items', () => {
-        const layout = new WaterfallLayout({ minItemSize: 200, gap: 10 });
-        const items = makeItems(4, 400, 300); // 4:3 aspect ratio
-        layout.update(items, 420); // fits 2 columns: 2 * 200 + 1 * 10 = 410
-        const size = layout.getContentSize();
-        expect(size.width).toBe(420);
-        expect(size.height).toBeGreaterThan(0);
-        // All 4 items should have layout info
-        for (let i = 0; i < 4; i++) {
-            const info = layout.getLayoutInfo(`item-${i}`);
-            expect(info).not.toBeNull();
-            expect(info.key).toBe(`item-${i}`);
-            expect(info.rect.width).toBeGreaterThan(0);
-            expect(info.rect.height).toBeGreaterThan(0);
-        }
-    });
-    it('returns only visible items', () => {
-        const layout = new WaterfallLayout({ minItemSize: 100, gap: 10 });
-        const items = makeItems(100, 400, 300);
-        layout.update(items, 500);
-        // Only get items in the first 300px
-        const visible = layout.getVisibleLayoutInfos({ x: 0, y: 0, width: 500, height: 300 });
-        expect(visible.length).toBeLessThan(100);
-        expect(visible.length).toBeGreaterThan(0);
-        // All visible items should be within the rect
-        for (const info of visible) {
-            const bottom = info.rect.y + info.rect.height;
-            expect(bottom).toBeGreaterThanOrEqual(0);
-            expect(info.rect.y).toBeLessThanOrEqual(300);
-        }
-    });
-    it('handles single column', () => {
-        const layout = new WaterfallLayout({ minItemSize: 400 });
-        const items = makeItems(3, 400, 300);
-        layout.update(items, 300); // narrower than minItemSize → 1 column
-        const visible = layout.getVisibleLayoutInfos({ x: 0, y: 0, width: 300, height: 9999 });
-        expect(visible.length).toBe(3);
-        // All items should be in column 0 (same x)
-        const xs = new Set(visible.map((v) => v.rect.x));
-        expect(xs.size).toBe(1);
-    });
-    it('distributes items to shortest column', () => {
-        const layout = new WaterfallLayout({ minItemSize: 100, gap: 0 });
-        // Items with different heights
-        const items = [
-            { id: 'tall', width: 100, height: 200 }, // tall
-            { id: 'short', width: 100, height: 50 }, // short
-            { id: 'medium', width: 100, height: 100 }, // medium — should go in shortest column
-        ];
-        layout.update(items, 200); // 2 columns
-        const _tall = layout.getLayoutInfo('tall');
-        const short = layout.getLayoutInfo('short');
-        const medium = layout.getLayoutInfo('medium');
-        // medium should be placed in the column with 'short' (shorter column)
-        expect(medium.rect.x).toBe(short.rect.x);
-    });
-    it('getLayoutInfo returns null for unknown key', () => {
-        const layout = new WaterfallLayout();
-        layout.update(makeItems(3), 500);
-        expect(layout.getLayoutInfo('nonexistent')).toBeNull();
-    });
-});

package/dist/internal/announcer/__tests__/announcer.test.js

@@ -1,42 +0,0 @@
-import { afterEach, describe, expect, it } from 'vitest';
-import { AnnouncerState } from '../announcer.svelte.js';
-describe('announcerState', () => {
-    let announcer;
-    afterEach(() => {
-        announcer?.unmount();
-    });
-    it('creates a live region on mount', () => {
-        announcer = new AnnouncerState();
-        announcer.mount();
-        const region = document.querySelector('[aria-live="polite"]');
-        expect(region).not.toBeNull();
-        expect(region?.getAttribute('role')).toBe('status');
-    });
-    it('supports assertive politeness', () => {
-        announcer = new AnnouncerState({ politeness: 'assertive' });
-        announcer.mount();
-        const region = document.querySelector('[aria-live="assertive"]');
-        expect(region).not.toBeNull();
-    });
-    it('clears announcement', () => {
-        announcer = new AnnouncerState();
-        announcer.mount();
-        announcer.clear();
-        const region = document.querySelector('[aria-live="polite"]');
-        expect(region?.textContent).toBe('');
-    });
-    it('removes the live region on unmount', () => {
-        announcer = new AnnouncerState();
-        announcer.mount();
-        announcer.unmount();
-        const region = document.querySelector('[aria-live="polite"]');
-        expect(region).toBeNull();
-    });
-    it('does not create duplicate regions', () => {
-        announcer = new AnnouncerState();
-        announcer.mount();
-        announcer.mount();
-        const regions = document.querySelectorAll('[aria-live="polite"]');
-        expect(regions.length).toBe(1);
-    });
-});