@spectral_labs/ui 1.7.0 → 1.8.0-next.0

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

@@ -1,74 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it } from 'vitest';
-import FieldTest from './FieldTest.svelte';
-describe('field', () => {
-    let target;
-    let instance;
-    function setup(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(FieldTest, { target, props });
-        flushSync();
-    }
-    afterEach(() => {
-        if (instance) {
-            unmount(instance);
-        }
-        instance = undefined;
-        target?.remove();
-    });
-    it('renders Field.Root container', () => {
-        setup();
-        const root = target.querySelector('.sp-field');
-        expect(root).toBeTruthy();
-    });
-    it('renders Field.Label with for attribute linking to input', () => {
-        setup({ id: 'username' });
-        const label = target.querySelector('label.sp-field-label');
-        expect(label).toBeTruthy();
-        expect(label?.getAttribute('for')).toBe('username');
-    });
-    it('renders input with matching id', () => {
-        setup({ id: 'email-input' });
-        const input = target.querySelector('input[data-testid="input"]');
-        expect(input).toBeTruthy();
-        expect(input?.id).toBe('email-input');
-    });
-    it('renders Field.Description when provided', () => {
-        setup({ description: 'Please enter a valid email' });
-        const desc = target.querySelector('.sp-field-description');
-        expect(desc).toBeTruthy();
-        expect(desc?.textContent).toContain('Please enter a valid email');
-    });
-    it('does not render Field.Description when description is empty string', () => {
-        setup({ description: '' });
-        const desc = target.querySelector('.sp-field-description');
-        expect(desc).toBeFalsy();
-    });
-    it('renders Field.Error with role="alert"', () => {
-        setup({ error: 'This field is required' });
-        const error = target.querySelector('.sp-field-error');
-        expect(error).toBeTruthy();
-        expect(error?.getAttribute('role')).toBe('alert');
-        expect(error?.textContent).toContain('This field is required');
-    });
-    it('does not render Field.Error when undefined', () => {
-        setup({ error: undefined });
-        const error = target.querySelector('.sp-field-error');
-        expect(error).toBeFalsy();
-    });
-    it('field.root renders with data-invalid attribute when invalid is true', () => {
-        setup();
-        // Modify props to test invalid state (note: FieldTest doesn't expose invalid, but we verify root structure)
-        const root = target.querySelector('.sp-field');
-        expect(root).toBeTruthy();
-        expect(root?.tagName).toBe('DIV');
-    });
-    it('field.label renders required indicator when required is true', () => {
-        setup({ required: true });
-        const requiredSpan = target.querySelector('.sp-field-required');
-        expect(requiredSpan).toBeTruthy();
-        expect(requiredSpan?.getAttribute('aria-hidden')).toBe('true');
-        expect(requiredSpan?.textContent).toContain('*');
-    });
-});

package/dist/components/grid-list/__tests__/GridListTest.svelte

@@ -1,46 +0,0 @@
-<script lang="ts">
-  import type { GridListItemData } from '../types.js'
-  import Item from '../components/grid-list-item.svelte'
-  import * as GridList from '../index.js'
-
-  interface TestItem extends GridListItemData {
-    id: string
-    label: string
-  }
-
-  let {
-    items = [
-      { id: 'a', label: 'Item A' },
-      { id: 'b', label: 'Item B' },
-      { id: 'c', label: 'Item C' },
-    ] as TestItem[],
-    selectedKeys = $bindable<Set<string>>(new Set<string>()),
-    selectionMode = 'multiple' as 'none' | 'single' | 'multiple',
-    disabled = false,
-    draggable = false,
-    onSelectionChange,
-  }: {
-    items?: TestItem[]
-    selectedKeys?: Set<string>
-    selectionMode?: 'none' | 'single' | 'multiple'
-    disabled?: boolean
-    draggable?: boolean
-    onSelectionChange?: (keys: Set<string>) => void
-  } = $props()
-</script>
-
-<GridList.Root
-  bind:selectedKeys
-  {items}
-  {selectionMode}
-  {disabled}
-  {draggable}
-  {onSelectionChange}
-  aria-label="Test grid"
->
-  {#snippet item(itemData)}
-    <Item id={itemData.id} textValue={itemData.label}>
-      {itemData.label}
-    </Item>
-  {/snippet}
-</GridList.Root>

package/dist/components/grid-list/__tests__/grid-list.test.svelte.js

@@ -1,231 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it, vi } from 'vitest';
-import GridListTest from './GridListTest.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);
-        }
-    };
-}
-describe('gridList', () => {
-    let target;
-    let instance;
-    function setup(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(GridListTest, { target, props });
-        flushSync();
-    }
-    afterEach(() => {
-        if (instance) {
-            unmount(instance);
-        }
-        instance = undefined;
-        target?.remove();
-    });
-    // ── Structure ────────────────────────────────────────────────────────────
-    it('renders a listbox container', () => {
-        setup();
-        expect(target.querySelector('[role="listbox"]')).toBeTruthy();
-    });
-    it('renders all items with role="option"', () => {
-        setup();
-        expect(target.querySelectorAll('[role="option"]').length).toBe(3);
-    });
-    it('exposes data-grid-list-item attribute matching each id', () => {
-        setup();
-        expect(target.querySelector('[data-grid-list-item="a"]')).toBeTruthy();
-        expect(target.querySelector('[data-grid-list-item="b"]')).toBeTruthy();
-        expect(target.querySelector('[data-grid-list-item="c"]')).toBeTruthy();
-    });
-    it('propagates aria-label to the listbox', () => {
-        setup();
-        const listbox = target.querySelector('[role="listbox"]');
-        expect(listbox?.getAttribute('aria-label')).toBe('Test grid');
-    });
-    it('sets aria-multiselectable on multiple mode', () => {
-        setup({ selectionMode: 'multiple' });
-        const listbox = target.querySelector('[role="listbox"]');
-        expect(listbox?.getAttribute('aria-multiselectable')).toBe('true');
-    });
-    // ── Selection — multiple ─────────────────────────────────────────────────
-    it('clicking an item selects it in multiple mode', () => {
-        setup({ selectionMode: 'multiple' });
-        target.querySelector('[role="option"]')?.click();
-        flushSync();
-        const selected = target.querySelectorAll('[aria-selected="true"]');
-        expect(selected.length).toBeGreaterThanOrEqual(1);
-    });
-    it('multiple mode with Ctrl accumulates selection across clicks', () => {
-        setup({ selectionMode: 'multiple' });
-        const options = target.querySelectorAll('[role="option"]');
-        // First plain click selects item A
-        options[0]?.click();
-        flushSync();
-        // Ctrl+click adds item B to selection
-        options[1]?.dispatchEvent(new MouseEvent('click', { bubbles: true, ctrlKey: true }));
-        flushSync();
-        expect(target.querySelectorAll('[aria-selected="true"]').length).toBeGreaterThanOrEqual(2);
-    });
-    it('ctrl+click the same item deselects it in multiple mode', () => {
-        setup({ selectionMode: 'multiple' });
-        const first = target.querySelector('[role="option"]');
-        // Select with plain click
-        first?.click();
-        flushSync();
-        // Ctrl+click same item to deselect
-        first?.dispatchEvent(new MouseEvent('click', { bubbles: true, ctrlKey: true }));
-        flushSync();
-        expect(target.querySelectorAll('[aria-selected="true"]').length).toBe(0);
-    });
-    // ── Selection — single ───────────────────────────────────────────────────
-    it('single mode replaces selection when a second item is clicked', () => {
-        setup({ selectionMode: 'single' });
-        const options = target.querySelectorAll('[role="option"]');
-        options[0]?.click();
-        flushSync();
-        options[1]?.click();
-        flushSync();
-        expect(target.querySelectorAll('[aria-selected="true"]').length).toBeLessThanOrEqual(1);
-        expect(target.querySelector('[data-grid-list-item="b"]')?.getAttribute('aria-selected')).toBe('true');
-    });
-    // ── Selection — none ─────────────────────────────────────────────────────
-    it('selectionMode="none" prevents selection on click', () => {
-        setup({ selectionMode: 'none' });
-        target.querySelector('[role="option"]')?.click();
-        flushSync();
-        expect(target.querySelector('[aria-selected="true"]')).toBeNull();
-    });
-    // ── Disabled ─────────────────────────────────────────────────────────────
-    it('disabled grid ignores item clicks', () => {
-        setup({ disabled: true, selectionMode: 'multiple' });
-        target.querySelector('[role="option"]')?.click();
-        flushSync();
-        expect(target.querySelector('[aria-selected="true"]')).toBeNull();
-    });
-    // ── Bindable selectedKeys ────────────────────────────────────────────────
-    it('respects pre-populated bindable selectedKeys', () => {
-        setup({ selectedKeys: new Set(['b']), selectionMode: 'multiple' });
-        const itemB = target.querySelector('[data-grid-list-item="b"]');
-        expect(itemB?.getAttribute('aria-selected')).toBe('true');
-    });
-    it('fires onSelectionChange callback when selection changes', () => {
-        const spy = vi.fn();
-        setup({ selectionMode: 'multiple', onSelectionChange: spy });
-        target.querySelector('[role="option"]')?.click();
-        flushSync();
-        expect(spy).toHaveBeenCalledOnce();
-        expect(spy.mock.calls[0][0]).toBeInstanceOf(Set);
-    });
-    // ── Keyboard ─────────────────────────────────────────────────────────────
-    it('enter key on a focused item selects it without throwing', () => {
-        setup({ selectionMode: 'multiple' });
-        const item = target.querySelector('[role="option"]');
-        item?.focus();
-        item?.dispatchEvent(new KeyboardEvent('keydown', { key: 'Enter', bubbles: true }));
-        flushSync();
-        expect(target.querySelector('[role="listbox"]')).toBeTruthy();
-        expect(target.querySelector('[aria-selected="true"]')).toBeTruthy();
-    });
-    it('space key on a focused item selects it without throwing', () => {
-        setup({ selectionMode: 'multiple' });
-        const item = target.querySelector('[role="option"]');
-        item?.focus();
-        item?.dispatchEvent(new KeyboardEvent('keydown', { key: ' ', bubbles: true }));
-        flushSync();
-        expect(target.querySelector('[aria-selected="true"]')).toBeTruthy();
-    });
-    it('ctrl+A selects all items in multiple mode', () => {
-        setup({ selectionMode: 'multiple' });
-        const container = target.querySelector('[role="listbox"]');
-        container.dispatchEvent(new KeyboardEvent('keydown', { key: 'a', ctrlKey: true, bubbles: true }));
-        flushSync();
-        expect(target.querySelectorAll('[aria-selected="true"]').length).toBe(3);
-    });
-    // ── Shift+click range selection ──────────────────────────────────────────
-    it('shift+click selects a range in multiple mode', () => {
-        setup({ selectionMode: 'multiple' });
-        const options = target.querySelectorAll('[role="option"]');
-        // Select first
-        options[0]?.click();
-        flushSync();
-        // Shift+click last to extend range
-        options[2]?.dispatchEvent(new MouseEvent('click', { bubbles: true, shiftKey: true }));
-        flushSync();
-        expect(target.querySelectorAll('[aria-selected="true"]').length).toBe(3);
-    });
-    // ── Typeahead ────────────────────────────────────────────────────────────
-    it('printable key dispatched on container triggers typeahead without throwing', () => {
-        setup({ selectionMode: 'multiple' });
-        const container = target.querySelector('[role="listbox"]');
-        container.dispatchEvent(new KeyboardEvent('keydown', { key: 'i', bubbles: true }));
-        flushSync();
-        // No error — typeahead ran silently (no match is fine)
-        expect(target.querySelector('[role="listbox"]')).toBeTruthy();
-    });
-    // ── Empty state ──────────────────────────────────────────────────────────
-    it('renders empty state snippet when items array is empty', () => {
-        // Pass empty items list — emptySnippet is optional so no crash expected
-        setup({ items: [] });
-        expect(target.querySelectorAll('[role="option"]').length).toBe(0);
-    });
-    // ── Draggable smoke ──────────────────────────────────────────────────────
-    it('renders all items without errors when draggable=true', () => {
-        setup({ draggable: true, selectionMode: 'multiple' });
-        expect(target.querySelectorAll('[role="option"]').length).toBe(3);
-    });
-    it('items expose data-draggable attribute when draggable=true', () => {
-        setup({ draggable: true });
-        const items = target.querySelectorAll('[data-draggable]');
-        expect(items.length).toBe(3);
-    });
-    it('draggable items get data-dnd-source attribute attached', () => {
-        setup({ draggable: true, selectionMode: 'multiple' });
-        flushSync();
-        // DragSourceState.attach sets data-dnd-source; verifies registerDragItem ran
-        const withSource = target.querySelectorAll('[data-dnd-source]');
-        expect(withSource.length).toBeGreaterThanOrEqual(3);
-    });
-    it('unmounting draggable list cleans up drag sources without throwing', () => {
-        setup({ draggable: true, selectionMode: 'multiple' });
-        flushSync();
-        // Verify items mounted with drag sources attached
-        expect(target.querySelectorAll('[data-dnd-source]').length).toBeGreaterThanOrEqual(3);
-        // Explicit unmount to exercise detachContainer for-loop (lines 315-319)
-        if (instance) {
-            unmount(instance);
-            instance = undefined;
-            flushSync();
-        }
-        // No error = detachContainer iterated itemSources and detached each
-        expect(true).toBe(true);
-    });
-    it('single mode: clicking selected item again deselects it', () => {
-        setup({ selectionMode: 'single' });
-        const item = target.querySelector('[role="option"]');
-        // First click selects
-        item.click();
-        flushSync();
-        expect(item.getAttribute('aria-selected')).toBe('true');
-        // Second click on same item deselects (single mode clears if already selected)
-        item.click();
-        flushSync();
-        expect(target.querySelectorAll('[aria-selected="true"]').length).toBe(0);
-    });
-    // ── Arrow key navigation ─────────────────────────────────────────────────
-    it('arrowDown dispatched on container does not throw', () => {
-        setup({ selectionMode: 'multiple' });
-        const container = target.querySelector('[role="listbox"]');
-        container.dispatchEvent(new KeyboardEvent('keydown', { key: 'ArrowDown', bubbles: true }));
-        flushSync();
-        expect(target.querySelector('[role="listbox"]')).toBeTruthy();
-    });
-    it('selectionMode data attribute reflects current mode', () => {
-        setup({ selectionMode: 'single' });
-        const listbox = target.querySelector('[role="listbox"]');
-        expect(listbox.getAttribute('data-selection-mode')).toBe('single');
-    });
-});

package/dist/components/hover-card/__tests__/HoverCardTest.svelte

@@ -1,30 +0,0 @@
-<script lang="ts">
-  import * as HoverCard from '../index.js'
-
-  let {
-    open = $bindable(false),
-    onOpenChange = undefined,
-    openDelay = 0,
-    closeDelay = 0,
-    portalTo = undefined,
-    disablePortal = undefined,
-    contentClass = undefined,
-  }: {
-    open?: boolean
-    onOpenChange?: (open: boolean) => void
-    openDelay?: number
-    closeDelay?: number
-    portalTo?: HTMLElement | string
-    disablePortal?: boolean
-    contentClass?: string
-  } = $props()
-</script>
-
-<HoverCard.Root bind:open {onOpenChange} {openDelay} {closeDelay}>
-  <HoverCard.Trigger>
-    <button type="button" data-testid="trigger">hover me</button>
-  </HoverCard.Trigger>
-  <HoverCard.Content {portalTo} {disablePortal} class={contentClass}>
-    <p data-testid="content">card body</p>
-  </HoverCard.Content>
-</HoverCard.Root>

package/dist/components/hover-card/__tests__/hover-card.test.svelte.js

@@ -1,236 +0,0 @@
-import { flushSync, mount, unmount } from 'svelte';
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
-import HoverCardTest from './HoverCardTest.svelte';
-// jsdom does not define PointerEvent — polyfill it for tests
-if (typeof globalThis.PointerEvent === 'undefined') {
-    // @ts-expect-error — minimal polyfill for testing
-    globalThis.PointerEvent = class PointerEvent extends MouseEvent {
-        constructor(type, init) {
-            super(type, init);
-        }
-    };
-}
-describe('hoverCard', () => {
-    let target;
-    let instance;
-    beforeEach(() => {
-        vi.useFakeTimers();
-    });
-    afterEach(() => {
-        vi.useRealTimers();
-        if (instance)
-            unmount(instance);
-        instance = undefined;
-        target?.remove();
-    });
-    it('renders trigger and stays closed by default', () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target });
-        flushSync();
-        expect(target.querySelector('[data-testid="trigger"]')).toBeTruthy();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeNull();
-    });
-    it('renders content when open=true', () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { open: true, portalTo: target } });
-        flushSync();
-        expect(target.querySelector('[data-testid="content"]')).toBeTruthy();
-    });
-    it('portals content to document.body by default when open', () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { open: true } });
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeTruthy();
-        expect(target.querySelector('[data-testid="content"]')).toBeNull();
-    });
-    it('opens after pointerenter when openDelay=0', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { openDelay: 0 } });
-        flushSync();
-        const triggerWrapper = target.querySelector('.sp-hover-card-trigger');
-        expect(triggerWrapper).toBeTruthy();
-        triggerWrapper?.dispatchEvent(new PointerEvent('pointerenter', { bubbles: true }));
-        await vi.advanceTimersByTimeAsync(10);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeTruthy();
-    });
-    it('closes after pointerleave when closeDelay=0', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { open: true, closeDelay: 0 } });
-        flushSync();
-        const triggerWrapper = target.querySelector('.sp-hover-card-trigger');
-        triggerWrapper?.dispatchEvent(new PointerEvent('pointerleave', { bubbles: true }));
-        await vi.advanceTimersByTimeAsync(10);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeNull();
-    });
-    it('respects openDelay timer before opening', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { openDelay: 50 } });
-        flushSync();
-        const triggerWrapper = target.querySelector('.sp-hover-card-trigger');
-        triggerWrapper?.dispatchEvent(new PointerEvent('pointerenter', { bubbles: true }));
-        await vi.advanceTimersByTimeAsync(10);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeNull();
-        await vi.advanceTimersByTimeAsync(60);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeTruthy();
-    });
-    it('cancels pending open if pointerleave before openDelay elapses', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { openDelay: 100 } });
-        flushSync();
-        const triggerWrapper = target.querySelector('.sp-hover-card-trigger');
-        triggerWrapper?.dispatchEvent(new PointerEvent('pointerenter', { bubbles: true }));
-        triggerWrapper?.dispatchEvent(new PointerEvent('pointerleave', { bubbles: true }));
-        await vi.advanceTimersByTimeAsync(150);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeNull();
-    });
-    it('opens on focus (keyboard accessibility)', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { openDelay: 0 } });
-        flushSync();
-        const triggerWrapper = target.querySelector('.sp-hover-card-trigger');
-        triggerWrapper?.dispatchEvent(new FocusEvent('focus', { bubbles: true }));
-        await vi.advanceTimersByTimeAsync(10);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeTruthy();
-    });
-    it('closes on blur', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { open: true, closeDelay: 0 } });
-        flushSync();
-        const triggerWrapper = target.querySelector('.sp-hover-card-trigger');
-        triggerWrapper?.dispatchEvent(new FocusEvent('blur', { bubbles: true }));
-        await vi.advanceTimersByTimeAsync(10);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeNull();
-    });
-    it('cancels close timer when pointer enters content (grace area)', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { open: true, closeDelay: 50 } });
-        flushSync();
-        const triggerWrapper = target.querySelector('.sp-hover-card-trigger');
-        triggerWrapper?.dispatchEvent(new PointerEvent('pointerleave', { bubbles: true }));
-        const contentEl = document.body.querySelector('.sp-hover-card-content');
-        contentEl?.dispatchEvent(new PointerEvent('pointerenter', { bubbles: true }));
-        await vi.advanceTimersByTimeAsync(80);
-        flushSync();
-        // Card should still be open
-        expect(document.body.querySelector('[data-testid="content"]')).toBeTruthy();
-    });
-    it('closes on Escape keydown', async () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, { target, props: { open: true, closeDelay: 0 } });
-        flushSync();
-        document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true }));
-        await vi.advanceTimersByTimeAsync(10);
-        flushSync();
-        expect(document.body.querySelector('[data-testid="content"]')).toBeNull();
-    });
-    it('portalTo override renders content in host instead of body', () => {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(HoverCardTest, {
-            target,
-            props: { open: true, portalTo: target },
-        });
-        flushSync();
-        expect(target.querySelector('[data-testid="content"]')).toBeTruthy();
-    });
-    describe('portal opt-out (disablePortal)', () => {
-        it('portals to document.body by default', () => {
-            const localTarget = document.createElement('div');
-            document.body.appendChild(localTarget);
-            const localInstance = mount(HoverCardTest, {
-                target: localTarget,
-                props: { open: true },
-            });
-            flushSync();
-            try {
-                expect(localTarget.querySelector('.sp-hover-card-content')).toBeNull();
-                expect(document.body.querySelector('.sp-hover-card-content')).toBeTruthy();
-            }
-            finally {
-                unmount(localInstance);
-                localTarget.remove();
-            }
-        });
-        it('renders inline when disablePortal={true}', () => {
-            const localTarget = document.createElement('div');
-            document.body.appendChild(localTarget);
-            const localInstance = mount(HoverCardTest, {
-                target: localTarget,
-                props: { open: true, disablePortal: true },
-            });
-            flushSync();
-            try {
-                expect(localTarget.querySelector('.sp-hover-card-content')).toBeTruthy();
-            }
-            finally {
-                unmount(localInstance);
-                localTarget.remove();
-            }
-        });
-        it('preserves consumer class on the content element when inline', () => {
-            const localTarget = document.createElement('div');
-            document.body.appendChild(localTarget);
-            const localInstance = mount(HoverCardTest, {
-                target: localTarget,
-                props: { open: true, disablePortal: true, contentClass: 'my-consumer-class' },
-            });
-            flushSync();
-            try {
-                const el = localTarget.querySelector('.sp-hover-card-content.my-consumer-class');
-                expect(el).toBeTruthy();
-            }
-            finally {
-                unmount(localInstance);
-                localTarget.remove();
-            }
-        });
-    });
-    it('calls onOpenChange with new value on each open transition', () => {
-        const calls = [];
-        const localTarget = document.createElement('div');
-        document.body.appendChild(localTarget);
-        vi.useFakeTimers();
-        const localInstance = mount(HoverCardTest, {
-            target: localTarget,
-            props: {
-                open: false,
-                onOpenChange: (open) => calls.push(open),
-            },
-        });
-        flushSync();
-        try {
-            const trigger = localTarget.querySelector('.sp-hover-card-trigger');
-            trigger.dispatchEvent(new PointerEvent('pointerenter', { bubbles: true }));
-            vi.advanceTimersByTime(800);
-            flushSync();
-            expect(calls).toEqual([true]);
-            trigger.dispatchEvent(new PointerEvent('pointerleave', { bubbles: true }));
-            vi.advanceTimersByTime(400);
-            flushSync();
-            expect(calls).toEqual([true, false]);
-        }
-        finally {
-            unmount(localInstance);
-            localTarget.remove();
-            vi.useRealTimers();
-        }
-    });
-});

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

@@ -1,30 +0,0 @@
-import { mount, unmount } from 'svelte';
-import { afterEach, describe, expect, it } from 'vitest';
-import Indicator from '../indicator.svelte';
-describe('indicator', () => {
-    let target;
-    let instance;
-    function setup(props = {}) {
-        target = document.createElement('div');
-        document.body.appendChild(target);
-        instance = mount(Indicator, { target, props });
-        return target;
-    }
-    afterEach(() => {
-        if (instance)
-            unmount(instance);
-        target?.remove();
-    });
-    it('renders with role=status', () => {
-        setup();
-        expect(target.querySelector('[role="status"]')).toBeTruthy();
-    });
-    it('has aria-live', () => {
-        setup();
-        expect(target.querySelector('[aria-live="polite"]')).toBeTruthy();
-    });
-    it('applies status class', () => {
-        setup({ status: 'success' });
-        expect(target.querySelector('.sp-indicator')?.className.includes('success')).toBeTruthy();
-    });
-});