@happyvertical/smrt-svelte 0.53.0 → 0.53.2

package/dist/components/forms/__tests__/SearchInput.test.js

@@ -1,79 +0,0 @@
-/**
- * Component test for SearchInput (Sweep S11, #1416).
- *
- * Follows the golden pattern (src/components/ui/__tests__/Button.test.ts).
- * A `type="search"` input surfaces as a `searchbox` role. The component is
- * Provider-free (its i18n falls back to registered defaults outside a Provider).
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import SearchInput from '../SearchInput.svelte';
-describe('SearchInput', () => {
-    it('renders a searchbox with its default accessible name', () => {
-        render(SearchInput);
-        expect(screen.getByRole('searchbox', { name: 'Search' })).toBeInTheDocument();
-    });
-    it('uses ariaLabel as the accessible name and shows the placeholder', () => {
-        render(SearchInput, {
-            props: { ariaLabel: 'Find articles', placeholder: 'Type to search…' },
-        });
-        const box = screen.getByRole('searchbox', { name: 'Find articles' });
-        expect(box).toHaveAttribute('placeholder', 'Type to search…');
-    });
-    it('reflects the value and disabled props', () => {
-        render(SearchInput, {
-            props: { ariaLabel: 'Search', value: 'hello', disabled: true },
-        });
-        const box = screen.getByRole('searchbox', { name: 'Search' });
-        expect(box).toHaveValue('hello');
-        expect(box).toBeDisabled();
-    });
-    it('fires oninput immediately while typing (no debounce)', async () => {
-        const oninput = vi.fn();
-        render(SearchInput, {
-            props: { ariaLabel: 'Search', debounce: 0, oninput },
-        });
-        await userEvent.type(screen.getByRole('searchbox', { name: 'Search' }), 'ab');
-        expect(oninput).toHaveBeenCalledTimes(2);
-        expect(oninput).toHaveBeenLastCalledWith('ab');
-    });
-    it('fires onsearch on Enter and onsubmit with the current value', async () => {
-        const onsearch = vi.fn();
-        const onsubmit = vi.fn();
-        render(SearchInput, {
-            props: { ariaLabel: 'Search', debounce: 0, onsearch, onsubmit },
-        });
-        const box = screen.getByRole('searchbox', { name: 'Search' });
-        await userEvent.type(box, 'query{Enter}');
-        expect(onsubmit).toHaveBeenCalledWith('query');
-        expect(onsearch).toHaveBeenLastCalledWith('query');
-    });
-    it('shows a clear button once there is a value and clears on click', async () => {
-        const oninput = vi.fn();
-        render(SearchInput, {
-            props: { ariaLabel: 'Search', debounce: 0, value: 'something', oninput },
-        });
-        const clear = screen.getByRole('button', { name: 'Clear search' });
-        await userEvent.click(clear);
-        expect(screen.getByRole('searchbox', { name: 'Search' })).toHaveValue('');
-        expect(oninput).toHaveBeenLastCalledWith('');
-    });
-    it('does not render a clear button when empty', () => {
-        render(SearchInput, { props: { ariaLabel: 'Search' } });
-        expect(screen.queryByRole('button', { name: 'Clear search' })).not.toBeInTheDocument();
-    });
-    it('is axe-clean in the default state', async () => {
-        const { container } = render(SearchInput, {
-            props: { ariaLabel: 'Search the catalog' },
-        });
-        await expectNoA11yViolations(container);
-    });
-    it('is axe-clean with a value (clear button visible)', async () => {
-        const { container } = render(SearchInput, {
-            props: { ariaLabel: 'Search the catalog', value: 'shoes' },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/forms/__tests__/SelectInput.behavior.test.js

@@ -1,132 +0,0 @@
-/**
- * Deep behavior tests for SelectInput (Sweep S11, #1416).
- *
- * The existing a11y suite only asserts labelling + describedby + axe. This
- * suite drives the real selection pipeline: choosing an option → handleChange →
- * updateValue → onchange + bindable value; the placeholder option (disabled +
- * selected when empty); option rendering from the options prop; and the
- * required/disabled wiring.
- *
- * SelectInput calls useAppState (it throws outside a <Provider>), so it is
- * mocked to a non-listening stub — the reference pattern from
- * rich-inputs-a11y.test.ts. (SelectInput does not use useSTT.)
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'default' }, setMode: vi.fn() }),
-}));
-import SelectInput from '../SelectInput.svelte';
-const COUNTRIES = [
-    { value: 'us', label: 'United States' },
-    { value: 'ca', label: 'Canada' },
-    { value: 'mx', label: 'Mexico' },
-];
-describe('SelectInput — selection', () => {
-    it('fires onchange with the chosen option value', async () => {
-        const onchange = vi.fn();
-        render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                options: COUNTRIES,
-                onchange,
-            },
-        });
-        await userEvent.selectOptions(screen.getByLabelText('Country'), 'ca');
-        expect(onchange).toHaveBeenCalledWith('ca');
-    });
-    it('reflects the selected value on the <select>', async () => {
-        render(SelectInput, {
-            props: { name: 'country', label: 'Country', options: COUNTRIES },
-        });
-        const select = screen.getByLabelText('Country');
-        await userEvent.selectOptions(select, 'mx');
-        expect(select).toHaveValue('mx');
-    });
-    it('renders the initial value prop as the selected option', () => {
-        render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                options: COUNTRIES,
-                value: 'us',
-            },
-        });
-        expect(screen.getByLabelText('Country')).toHaveValue('us');
-    });
-});
-describe('SelectInput — options & placeholder', () => {
-    it('renders one <option> per provided option plus the placeholder', () => {
-        render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                options: COUNTRIES,
-                placeholder: 'Choose a country…',
-            },
-        });
-        // 3 countries + 1 placeholder option.
-        expect(screen.getAllByRole('option')).toHaveLength(4);
-        expect(screen.getByRole('option', { name: 'United States' })).toBeInTheDocument();
-    });
-    it('renders the placeholder as a disabled option, selected when value is empty', () => {
-        render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                options: COUNTRIES,
-                placeholder: 'Choose a country…',
-            },
-        });
-        const placeholder = screen.getByRole('option', {
-            name: 'Choose a country…',
-        });
-        expect(placeholder).toBeDisabled();
-        expect(placeholder.value).toBe('');
-    });
-});
-describe('SelectInput — states & attributes', () => {
-    it('reflects required onto the select', () => {
-        // NOTE: with required, the "*" lives inside the <label>, so the select's
-        // accessible name becomes "Country *" — query by id rather than label.
-        const { container } = render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                options: COUNTRIES,
-                required: true,
-            },
-        });
-        expect(container.querySelector('#country')).toBeRequired();
-    });
-    it('disables the select and ignores selection when disabled', async () => {
-        const onchange = vi.fn();
-        render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                options: COUNTRIES,
-                disabled: true,
-                onchange,
-            },
-        });
-        const select = screen.getByLabelText('Country');
-        expect(select).toBeDisabled();
-        await userEvent.selectOptions(select, 'ca').catch(() => { });
-        expect(onchange).not.toHaveBeenCalled();
-    });
-    it('is axe-clean when labelled with a placeholder', async () => {
-        const { container } = render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                placeholder: 'Choose…',
-                options: COUNTRIES,
-            },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/forms/__tests__/TextInput.behavior.test.js

@@ -1,131 +0,0 @@
-/**
- * Deep behavior tests for TextInput (Sweep S11, #1416).
- *
- * The existing a11y suite only asserts labelling + describedby + axe. This
- * suite exercises the real value pipeline: typing → handleInput → updateValue →
- * onchange + bindable value, the email-validation derived state (aria-invalid,
- * the invalid-email supporting message), disabled/required wiring, and the
- * placeholder-on-focus behavior.
- *
- * TextInput calls useAppState/useSTT (they throw outside a <Provider>), so both
- * are mocked to non-listening stubs — the reference pattern from
- * rich-inputs-a11y.test.ts.
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'default' }, setMode: vi.fn() }),
-}));
-vi.mock('../../../hooks/useSTT.svelte.js', () => ({
-    useSTT: () => ({
-        isListening: false,
-        isInitializing: false,
-        isReady: false,
-        adapterType: null,
-        downloadProgress: 0,
-        lastResult: '',
-        initialize: vi.fn(),
-        start: vi.fn(),
-        stop: vi.fn(),
-    }),
-}));
-import TextInput from '../TextInput.svelte';
-describe('TextInput — typing & value', () => {
-    it('fires onchange with the current value on each keystroke', async () => {
-        const onchange = vi.fn();
-        render(TextInput, {
-            props: { name: 'fullname', label: 'Full name', onchange },
-        });
-        await userEvent.type(screen.getByLabelText('Full name'), 'Ada');
-        expect(onchange).toHaveBeenLastCalledWith('Ada');
-    });
-    it('renders the initial value prop into the input', () => {
-        render(TextInput, {
-            props: { name: 'fullname', label: 'Full name', value: 'Seed' },
-        });
-        expect(screen.getByLabelText('Full name')).toHaveValue('Seed');
-    });
-    it('updates the input value as the user types', async () => {
-        render(TextInput, { props: { name: 'fullname', label: 'Full name' } });
-        const input = screen.getByLabelText('Full name');
-        await userEvent.type(input, 'Lovelace');
-        expect(input).toHaveValue('Lovelace');
-    });
-});
-describe('TextInput — email validation', () => {
-    it('marks aria-invalid when an email value is malformed', () => {
-        render(TextInput, {
-            props: {
-                name: 'email',
-                label: 'Email',
-                type: 'email',
-                value: 'not-an-email',
-            },
-        });
-        expect(screen.getByLabelText('Email')).toHaveAttribute('aria-invalid', 'true');
-    });
-    it('shows the invalid-email supporting message for a bad address', () => {
-        render(TextInput, {
-            props: { name: 'email', label: 'Email', type: 'email', value: 'nope' },
-        });
-        expect(screen.getByText('Invalid email address')).toBeInTheDocument();
-    });
-    it('is valid (no aria-invalid) for a well-formed email', () => {
-        render(TextInput, {
-            props: {
-                name: 'email',
-                label: 'Email',
-                type: 'email',
-                value: 'ada@example.com',
-            },
-        });
-        expect(screen.getByLabelText('Email')).not.toHaveAttribute('aria-invalid', 'true');
-    });
-    it('treats an empty email as valid (no error until the user types)', () => {
-        render(TextInput, {
-            props: { name: 'email', label: 'Email', type: 'email' },
-        });
-        expect(screen.getByLabelText('Email')).not.toHaveAttribute('aria-invalid', 'true');
-    });
-});
-describe('TextInput — states & attributes', () => {
-    it('reflects required onto the input', () => {
-        // NOTE: with required, the "*" lives inside the <label>, so the input's
-        // accessible name becomes "Full name *" — query by id rather than label.
-        const { container } = render(TextInput, {
-            props: { name: 'fullname', label: 'Full name', required: true },
-        });
-        expect(container.querySelector('#fullname')).toBeRequired();
-    });
-    it('disables the input and ignores typing when disabled', async () => {
-        const onchange = vi.fn();
-        render(TextInput, {
-            props: { name: 'fullname', label: 'Full name', disabled: true, onchange },
-        });
-        const input = screen.getByLabelText('Full name');
-        expect(input).toBeDisabled();
-        await userEvent.type(input, 'ignored');
-        expect(onchange).not.toHaveBeenCalled();
-    });
-    it('reveals the placeholder only while focused', async () => {
-        render(TextInput, {
-            props: {
-                name: 'fullname',
-                label: 'Full name',
-                placeholder: 'Enter name',
-            },
-        });
-        const input = screen.getByLabelText('Full name');
-        expect(input).toHaveAttribute('placeholder', '');
-        await userEvent.click(input);
-        expect(input).toHaveAttribute('placeholder', 'Enter name');
-    });
-    it('is axe-clean when labelled', async () => {
-        const { container } = render(TextInput, {
-            props: { name: 'fullname', label: 'Full name' },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/forms/__tests__/TextareaInput.behavior.test.js

@@ -1,96 +0,0 @@
-/**
- * Deep behavior tests for TextareaInput (Sweep S11, #1416).
- *
- * The existing a11y suite only asserts labelling + describedby + axe. This
- * suite drives the real value pipeline: typing → handleInput → updateValue →
- * onchange + bindable value, plus the rows/required/disabled wiring and the
- * focus-gated placeholder.
- *
- * TextareaInput calls useAppState/useSTT (they throw outside a <Provider>), so
- * both are mocked to non-listening stubs — the reference pattern from
- * rich-inputs-a11y.test.ts.
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'default' }, setMode: vi.fn() }),
-}));
-vi.mock('../../../hooks/useSTT.svelte.js', () => ({
-    useSTT: () => ({
-        isListening: false,
-        isInitializing: false,
-        isReady: false,
-        adapterType: null,
-        downloadProgress: 0,
-        lastResult: '',
-        initialize: vi.fn(),
-        start: vi.fn(),
-        stop: vi.fn(),
-    }),
-}));
-import TextareaInput from '../TextareaInput.svelte';
-describe('TextareaInput — typing & value', () => {
-    it('fires onchange with the current value as the user types', async () => {
-        const onchange = vi.fn();
-        render(TextareaInput, { props: { name: 'bio', label: 'Bio', onchange } });
-        await userEvent.type(screen.getByLabelText('Bio'), 'Hello');
-        expect(onchange).toHaveBeenLastCalledWith('Hello');
-    });
-    it('renders the initial value prop', () => {
-        render(TextareaInput, {
-            props: { name: 'bio', label: 'Bio', value: 'Seeded text' },
-        });
-        expect(screen.getByLabelText('Bio')).toHaveValue('Seeded text');
-    });
-    it('captures multi-line input', async () => {
-        render(TextareaInput, { props: { name: 'bio', label: 'Bio' } });
-        const textarea = screen.getByLabelText('Bio');
-        await userEvent.type(textarea, 'line one{enter}line two');
-        expect(textarea).toHaveValue('line one\nline two');
-    });
-});
-describe('TextareaInput — states & attributes', () => {
-    it('forwards the rows prop onto the textarea', () => {
-        render(TextareaInput, { props: { name: 'bio', label: 'Bio', rows: 8 } });
-        expect(screen.getByLabelText('Bio')).toHaveAttribute('rows', '8');
-    });
-    it('defaults to 4 rows when not specified', () => {
-        render(TextareaInput, { props: { name: 'bio', label: 'Bio' } });
-        expect(screen.getByLabelText('Bio')).toHaveAttribute('rows', '4');
-    });
-    it('reflects required onto the textarea', () => {
-        // NOTE: with required, the "*" lives inside the <label>, so the textarea's
-        // accessible name becomes "Bio *" — query by id rather than label.
-        const { container } = render(TextareaInput, {
-            props: { name: 'bio', label: 'Bio', required: true },
-        });
-        expect(container.querySelector('#bio')).toBeRequired();
-    });
-    it('disables the textarea and ignores typing when disabled', async () => {
-        const onchange = vi.fn();
-        render(TextareaInput, {
-            props: { name: 'bio', label: 'Bio', disabled: true, onchange },
-        });
-        const textarea = screen.getByLabelText('Bio');
-        expect(textarea).toBeDisabled();
-        await userEvent.type(textarea, 'ignored');
-        expect(onchange).not.toHaveBeenCalled();
-    });
-    it('reveals the placeholder only while focused', async () => {
-        render(TextareaInput, {
-            props: { name: 'bio', label: 'Bio', placeholder: 'Tell us about you' },
-        });
-        const textarea = screen.getByLabelText('Bio');
-        expect(textarea).toHaveAttribute('placeholder', '');
-        await userEvent.click(textarea);
-        expect(textarea).toHaveAttribute('placeholder', 'Tell us about you');
-    });
-    it('is axe-clean when labelled', async () => {
-        const { container } = render(TextareaInput, {
-            props: { name: 'bio', label: 'Bio' },
-        });
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/forms/__tests__/async-invalid-field.fixture.svelte

@@ -1,30 +0,0 @@
-<script lang="ts">
-import { onMount } from 'svelte';
-import {
-  type FieldDefinition,
-  tryGetFormContext,
-} from '../../../state/form-context.js';
-
-let {
-  validate,
-}: {
-  validate: () => boolean | Promise<boolean>;
-} = $props();
-
-const formContext = tryGetFormContext();
-const label = 'Async invalid field';
-
-onMount(() => {
-  const field: FieldDefinition = {
-    name: 'async-invalid',
-    type: 'text',
-    label,
-    getValue: () => 'proposal',
-    setValue: () => {},
-    validate,
-  };
-  return formContext?.registerField(field);
-});
-</script>
-
-<input aria-label={label} value="proposal" />

package/dist/components/forms/__tests__/async-invalid-field.fixture.svelte.d.ts

@@ -1,7 +0,0 @@
-type $$ComponentProps = {
-    validate: () => boolean | Promise<boolean>;
-};
-declare const AsyncInvalidField: import("svelte").Component<$$ComponentProps, {}, "">;
-type AsyncInvalidField = ReturnType<typeof AsyncInvalidField>;
-export default AsyncInvalidField;
-//# sourceMappingURL=async-invalid-field.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/async-invalid-field.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"async-invalid-field.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/async-invalid-field.fixture.svelte.ts"],"names":[],"mappings":"AASC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAC;AA6BF,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/forms/__tests__/async-validation-form.fixture.svelte

@@ -1,19 +0,0 @@
-<script lang="ts">
-import Form from '../Form.svelte';
-import AsyncInvalidField from './async-invalid-field.fixture.svelte';
-
-let {
-  onsubmit,
-  validate,
-  webmcp = true,
-}: {
-  onsubmit: (data: Record<string, unknown>) => void | Promise<void>;
-  validate: () => boolean | Promise<boolean>;
-  webmcp?: boolean;
-} = $props();
-</script>
-
-<Form {onsubmit} {webmcp}>
-  <AsyncInvalidField {validate} />
-  <button type="submit">Submit</button>
-</Form>

package/dist/components/forms/__tests__/async-validation-form.fixture.svelte.d.ts

@@ -1,9 +0,0 @@
-type $$ComponentProps = {
-    onsubmit: (data: Record<string, unknown>) => void | Promise<void>;
-    validate: () => boolean | Promise<boolean>;
-    webmcp?: boolean;
-};
-declare const AsyncValidationForm: import("svelte").Component<$$ComponentProps, {}, "">;
-type AsyncValidationForm = ReturnType<typeof AsyncValidationForm>;
-export default AsyncValidationForm;
-//# sourceMappingURL=async-validation-form.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/async-validation-form.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"async-validation-form.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/async-validation-form.fixture.svelte.ts"],"names":[],"mappings":"AAMC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAmBF,QAAA,MAAM,mBAAmB,sDAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/components/forms/__tests__/async-validation-snapshot-form.fixture.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-import Form from '../Form.svelte';
-import TextInput from '../TextInput.svelte';
-import AsyncInvalidField from './async-invalid-field.fixture.svelte';
-
-let {
-  onsubmit,
-  validate,
-}: {
-  onsubmit: (data: Record<string, unknown>) => void | Promise<void>;
-  validate: () => boolean | Promise<boolean>;
-} = $props();
-
-let laterValue = $state('before');
-</script>
-
-<Form {onsubmit} webmcp>
-  <AsyncInvalidField {validate} />
-  <TextInput name="later" label="Later value" bind:value={laterValue} />
-  <button type="submit">Submit</button>
-</Form>

package/dist/components/forms/__tests__/async-validation-snapshot-form.fixture.svelte.d.ts

@@ -1,8 +0,0 @@
-type $$ComponentProps = {
-    onsubmit: (data: Record<string, unknown>) => void | Promise<void>;
-    validate: () => boolean | Promise<boolean>;
-};
-declare const AsyncValidationSnapshotForm: import("svelte").Component<$$ComponentProps, {}, "">;
-type AsyncValidationSnapshotForm = ReturnType<typeof AsyncValidationSnapshotForm>;
-export default AsyncValidationSnapshotForm;
-//# sourceMappingURL=async-validation-snapshot-form.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/async-validation-snapshot-form.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"async-validation-snapshot-form.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/async-validation-snapshot-form.fixture.svelte.ts"],"names":[],"mappings":"AAOC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAC5C,CAAC;AAsBF,QAAA,MAAM,2BAA2B,sDAAwC,CAAC;AAC1E,KAAK,2BAA2B,GAAG,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAClF,eAAe,2BAA2B,CAAC"}

package/dist/components/forms/__tests__/composite-inputs-a11y.test.js

@@ -1,69 +0,0 @@
-/**
- * Accessibility golden tests for the multi-field composite form inputs
- * (Sweep L1, #1420). Each sub-field is programmatically labelled and the
- * shared/validation error is associated via aria-describedby + role="alert".
- * Hooks are mocked (Provider-backed, throw otherwise).
- */
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import { describe, expect, it, vi } from 'vitest';
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'default' }, setMode: vi.fn() }),
-}));
-vi.mock('../../../hooks/useSTT.svelte.js', () => ({
-    useSTT: () => ({
-        isListening: false,
-        isInitializing: false,
-        isReady: false,
-        adapterType: null,
-        downloadProgress: 0,
-        lastResult: '',
-        initialize: vi.fn(),
-        start: vi.fn(),
-        stop: vi.fn(),
-    }),
-}));
-import AddressInput from '../AddressInput.svelte';
-import DateRangeInput from '../DateRangeInput.svelte';
-import DateTimeInput from '../DateTimeInput.svelte';
-import MeasurementInput from '../MeasurementInput.svelte';
-import MoneyInput from '../MoneyInput.svelte';
-describe('composite form inputs — accessibility', () => {
-    it('MoneyInput: labelled amount + axe-clean', async () => {
-        const { container } = render(MoneyInput, {
-            props: { name: 'price', label: 'Price' },
-        });
-        expect(screen.getByLabelText('Price')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-    it('MeasurementInput: labelled value + labelled unit select + axe-clean', async () => {
-        const { container } = render(MeasurementInput, {
-            props: { name: 'weight', label: 'Weight' },
-        });
-        expect(screen.getByLabelText('Weight')).toBeInTheDocument();
-        expect(screen.getByLabelText('Weight unit')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-    it('DateRangeInput: labelled start/end + axe-clean', async () => {
-        const { container } = render(DateRangeInput, {
-            props: { name: 'range', label: 'Dates' },
-        });
-        expect(screen.getByLabelText('Start')).toBeInTheDocument();
-        expect(screen.getByLabelText('End')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-    it('AddressInput: all fields labelled + axe-clean', async () => {
-        const { container } = render(AddressInput, {
-            props: { name: 'addr', label: 'Address' },
-        });
-        expect(screen.getAllByRole('textbox').length).toBeGreaterThan(0);
-        await expectNoA11yViolations(container);
-    });
-    it('DateTimeInput: labelled + axe-clean', async () => {
-        const { container } = render(DateTimeInput, {
-            props: { name: 'when', label: 'When' },
-        });
-        expect(screen.getByLabelText('When')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/forms/__tests__/compound-registration-wrapper.fixture.svelte

@@ -1,27 +0,0 @@
-<script lang="ts">
-import { getFormContext } from '../../../state/form-context.js';
-import CustomRegistrationField from './custom-registration-field.fixture.svelte';
-
-let {
-  showFirst,
-  showReplacement,
-  legacyCleanup,
-}: {
-  showFirst: boolean;
-  showReplacement: boolean;
-  legacyCleanup: boolean;
-} = $props();
-
-// Compound fields often read the context for their own coordination before
-// mounting nested custom fields. Their descendants must still own cleanup.
-const formId = getFormContext().formId;
-</script>
-
-<div data-compound-form={formId}>
-  {#if showFirst}
-    <CustomRegistrationField name="custom-shared" label="Custom first" {legacyCleanup} />
-  {/if}
-  {#if showReplacement}
-    <CustomRegistrationField name="custom-shared" label="Custom replacement" {legacyCleanup} />
-  {/if}
-</div>

package/dist/components/forms/__tests__/compound-registration-wrapper.fixture.svelte.d.ts

@@ -1,9 +0,0 @@
-type $$ComponentProps = {
-    showFirst: boolean;
-    showReplacement: boolean;
-    legacyCleanup: boolean;
-};
-declare const CompoundRegistrationWrapper: import("svelte").Component<$$ComponentProps, {}, "">;
-type CompoundRegistrationWrapper = ReturnType<typeof CompoundRegistrationWrapper>;
-export default CompoundRegistrationWrapper;
-//# sourceMappingURL=compound-registration-wrapper.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/compound-registration-wrapper.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compound-registration-wrapper.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/compound-registration-wrapper.fixture.svelte.ts"],"names":[],"mappings":"AAMC,KAAK,gBAAgB,GAAI;IACxB,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,aAAa,EAAE,OAAO,CAAC;CACxB,CAAC;AA2BF,QAAA,MAAM,2BAA2B,sDAAwC,CAAC;AAC1E,KAAK,2BAA2B,GAAG,UAAU,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAClF,eAAe,2BAA2B,CAAC"}