@happyvertical/smrt-svelte 0.53.1 → 0.53.2

package/dist/components/forms/__tests__/form-with-ui-controls.fixture.svelte

@@ -1,84 +0,0 @@
-<script lang="ts">
-/** Rich Form hosting smrt-ui primitives, native attributes, and `enhance`. */
-import {
-  Combobox,
-  type ControlInteractionRegistry,
-  FormGroup,
-  Input,
-  Select,
-} from '@happyvertical/smrt-ui/forms';
-import type { Attachment } from 'svelte/attachments';
-import Form, { type FormEnhance } from '../Form.svelte';
-import TextInput from '../TextInput.svelte';
-
-let {
-  enhance = undefined,
-  attach = undefined,
-  interactionRegistry = undefined,
-  nameValue = $bindable(''),
-}: {
-  enhance?: FormEnhance;
-  attach?: Attachment<HTMLFormElement>;
-  interactionRegistry?: ControlInteractionRegistry;
-  nameValue?: string;
-} = $props();
-let kind = $state('news');
-let town = $state('lacombe');
-let tagline = $state('');
-</script>
-
-{#if attach}
-  <Form
-    formId="setup-network"
-    webmcp
-    method="POST"
-    action="?/create"
-    enctype="multipart/form-data"
-    novalidate
-    aria-label="Set up your network"
-    data-testid="network-form"
-    {enhance}
-    {interactionRegistry}
-    {@attach attach}
-  >
-    {@render fields()}
-  </Form>
-{:else}
-  <Form
-    formId="setup-network"
-    webmcp
-    method="POST"
-    action="?/create"
-    enctype="multipart/form-data"
-    novalidate
-    aria-label="Set up your network"
-    data-testid="network-form"
-    {enhance}
-    {interactionRegistry}
-  >
-    {@render fields()}
-  </Form>
-{/if}
-
-{#snippet fields()}
-  <FormGroup label="Network name" id="name">
-    <Input name="name" bind:value={nameValue} />
-  </FormGroup>
-  <FormGroup label="Kind of network" id="kind">
-    <Select name="kind" bind:value={kind}>
-      <option value="news">News</option>
-      <option value="aggregator">Roundup</option>
-    </Select>
-  </FormGroup>
-  <Combobox
-    name="town"
-    label="Home town"
-    options={[
-      { value: 'lacombe', label: 'Lacombe' },
-      { value: 'blackfalds', label: 'Blackfalds' },
-    ]}
-    bind:value={town}
-  />
-  <TextInput name="tagline" label="Tagline" bind:value={tagline} />
-  <button type="submit">Create</button>
-{/snippet}

package/dist/components/forms/__tests__/form-with-ui-controls.fixture.svelte.d.ts

@@ -1,14 +0,0 @@
-/** Rich Form hosting smrt-ui primitives, native attributes, and `enhance`. */
-import { type ControlInteractionRegistry } from '@happyvertical/smrt-ui/forms';
-import type { Attachment } from 'svelte/attachments';
-import { type FormEnhance } from '../Form.svelte';
-type $$ComponentProps = {
-    enhance?: FormEnhance;
-    attach?: Attachment<HTMLFormElement>;
-    interactionRegistry?: ControlInteractionRegistry;
-    nameValue?: string;
-};
-declare const FormWithUiControls: import("svelte").Component<$$ComponentProps, {}, "nameValue">;
-type FormWithUiControls = ReturnType<typeof FormWithUiControls>;
-export default FormWithUiControls;
-//# sourceMappingURL=form-with-ui-controls.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/form-with-ui-controls.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-with-ui-controls.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/form-with-ui-controls.fixture.svelte.ts"],"names":[],"mappings":"AAGA,8EAA8E;AAC9E,OAAO,EAEL,KAAK,0BAA0B,EAIhC,MAAM,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAa,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGvD,KAAK,gBAAgB,GAAI;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,MAAM,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACrC,mBAAmB,CAAC,EAAE,0BAA0B,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAiDF,QAAA,MAAM,kBAAkB,+DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/components/forms/__tests__/legacy-form-context.fixture.svelte

@@ -1,44 +0,0 @@
-<script lang="ts">
-import { createControlInteractionRegistry } from '@happyvertical/smrt-ui/forms';
-import {
-  type FieldDefinition,
-  type SMRTFormContext,
-  setFormContext,
-} from '../../../state/form-context.js';
-import TextInput from '../TextInput.svelte';
-
-let {
-  showField = true,
-  onregister,
-  onunregister,
-}: {
-  showField?: boolean;
-  onregister?: (name: string) => void;
-  onunregister?: (name: string) => void;
-} = $props();
-
-const fields = new Map<string, FieldDefinition>();
-const legacyContext: SMRTFormContext = {
-  mode: 'default',
-  registerField(field) {
-    fields.set(field.name, field);
-    onregister?.(field.name);
-  },
-  unregisterField(name) {
-    fields.delete(name);
-    onunregister?.(name);
-  },
-  getFieldSchema: () => Array.from(fields.values()),
-  isFormListening: false,
-  isExtracting: false,
-  toggleListening: () => {},
-  interactionRegistry: createControlInteractionRegistry(),
-  formId: 'legacy-context',
-};
-
-setFormContext(legacyContext);
-</script>
-
-{#if showField}
-  <TextInput name="legacy-field" label="Legacy field" />
-{/if}

package/dist/components/forms/__tests__/legacy-form-context.fixture.svelte.d.ts

@@ -1,9 +0,0 @@
-type $$ComponentProps = {
-    showField?: boolean;
-    onregister?: (name: string) => void;
-    onunregister?: (name: string) => void;
-};
-declare const LegacyFormContext: import("svelte").Component<$$ComponentProps, {}, "">;
-type LegacyFormContext = ReturnType<typeof LegacyFormContext>;
-export default LegacyFormContext;
-//# sourceMappingURL=legacy-form-context.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/legacy-form-context.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"legacy-form-context.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/legacy-form-context.fixture.svelte.ts"],"names":[],"mappings":"AAWC,KAAK,gBAAgB,GAAI;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC,CAAC;AAwCF,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/forms/__tests__/mic-keyboard-a11y.test.js

@@ -1,74 +0,0 @@
-/**
- * Regression: per-field voice mics are keyboard-operable (C1, WCAG 2.1.1).
- *
- * Before the fix the mic <button>s were bound only to mousedown/up + touch
- * handlers (onclick was a no-op preventDefault), so a keyboard user could focus
- * the mic but never record. The fix adds Enter/Space toggle activation, mirror-
- * ing FormMicButton. TextInput is the representative editable field;
- * DateTimeInput is covered too because its SMRT-mode text input is read-only —
- * the mic is the ONLY keyboard entry path there.
- *
- * useAppState/useSTT throw outside a <Provider>, so both are mocked. The STT
- * stub starts `isReady: true` so the hold flow skips initialize() and the
- * start()/stop() spies fire synchronously enough to assert.
- */
-import { render, screen } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-const sttStub = {
-    isListening: false,
-    isInitializing: false,
-    isReady: true,
-    adapterType: 'whisper-wasm',
-    downloadProgress: 0,
-    lastResult: '',
-    initialize: vi.fn(async () => { }),
-    start: vi.fn(async () => { }),
-    stop: vi.fn(async () => { }),
-};
-vi.mock('../../../hooks/useAppState.svelte.js', () => ({
-    useAppState: () => ({ state: { mode: 'smrt' }, setMode: vi.fn() }),
-}));
-vi.mock('../../../hooks/useSTT.svelte.js', () => ({
-    useSTT: () => sttStub,
-}));
-import DateTimeInput from '../DateTimeInput.svelte';
-import TextInput from '../TextInput.svelte';
-beforeEach(() => {
-    vi.clearAllMocks();
-    sttStub.adapterType = 'whisper-wasm';
-});
-describe('TextInput mic — keyboard activation (C1)', () => {
-    it('exposes the mic as a focusable button with an accessible name', () => {
-        render(TextInput, { props: { name: 'note', label: 'Note' } });
-        const mic = screen.getByRole('button', { name: /speak|mic|voice/i });
-        expect(mic).toBeInTheDocument();
-        // Native <button> => in the tab order (not an empty/dead tab stop).
-        expect(mic).not.toHaveAttribute('tabindex', '-1');
-    });
-    it('starts recording on Enter and stops on the next Enter (toggle)', async () => {
-        render(TextInput, { props: { name: 'note', label: 'Note' } });
-        const mic = screen.getByRole('button', { name: /speak|mic|voice/i });
-        mic.focus();
-        await userEvent.keyboard('{Enter}');
-        expect(sttStub.start).toHaveBeenCalledTimes(1);
-        await userEvent.keyboard('{Enter}');
-        expect(sttStub.stop).toHaveBeenCalledTimes(1);
-    });
-    it('starts recording on Space', async () => {
-        render(TextInput, { props: { name: 'note', label: 'Note' } });
-        const mic = screen.getByRole('button', { name: /speak|mic|voice/i });
-        mic.focus();
-        await userEvent.keyboard(' ');
-        expect(sttStub.start).toHaveBeenCalledTimes(1);
-    });
-});
-describe('DateTimeInput mic — keyboard activation (C1)', () => {
-    it('records via keyboard even though the text field is read-only', async () => {
-        render(DateTimeInput, { props: { name: 'when', label: 'When' } });
-        const mic = screen.getByRole('button', { name: /speak|mic|voice|date/i });
-        mic.focus();
-        await userEvent.keyboard('{Enter}');
-        expect(sttStub.start).toHaveBeenCalledTimes(1);
-    });
-});

package/dist/components/forms/__tests__/policy-field.fixture.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">
-import { onMount } from 'svelte';
-import { tryGetFormContext } from '../../../state/form-context.js';
-
-let {
-  sensitivity = 'public',
-  writable = true,
-}: {
-  sensitivity?: 'public' | 'secret';
-  writable?: boolean;
-} = $props();
-let value = $state('Ada');
-const policyLabel = 'Policy field';
-const formContext = tryGetFormContext();
-
-onMount(() => {
-  return formContext?.registerField({
-    name: 'policy',
-    type: 'text',
-    label: policyLabel,
-    get sensitivity() {
-      return sensitivity;
-    },
-    get writable() {
-      return writable;
-    },
-    setValue: (next) => {
-      value = String(next ?? '');
-    },
-    getValue: () => value,
-  });
-});
-</script>
-
-<input name="policy" aria-label={policyLabel} bind:value />

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

@@ -1,8 +0,0 @@
-type $$ComponentProps = {
-    sensitivity?: 'public' | 'secret';
-    writable?: boolean;
-};
-declare const PolicyField: import("svelte").Component<$$ComponentProps, {}, "">;
-type PolicyField = ReturnType<typeof PolicyField>;
-export default PolicyField;
-//# sourceMappingURL=policy-field.fixture.svelte.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"policy-field.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/policy-field.fixture.svelte.ts"],"names":[],"mappings":"AAMC,KAAK,gBAAgB,GAAI;IACxB,WAAW,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoCF,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

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

@@ -1,87 +0,0 @@
-/**
- * Accessibility golden tests for the standalone rich form inputs (Sweep L1,
- * #1420). These inputs carry their own <label> + supporting/error text (they do
- * NOT compose the base primitives), so each was given aria-describedby →
- * supporting text and aria-invalid on its error state.
- *
- * They depend on the Provider-backed useAppState/useSTT hooks (which throw
- * outside a <Provider>), so both are mocked once here to non-listening stubs.
- */
-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 NumberInput from '../NumberInput.svelte';
-import PhoneInput from '../PhoneInput.svelte';
-import SelectInput from '../SelectInput.svelte';
-import TextareaInput from '../TextareaInput.svelte';
-import TextInput from '../TextInput.svelte';
-describe('rich form inputs — accessibility', () => {
-    it('TextInput: labelled + describedby + axe-clean', async () => {
-        const { container } = render(TextInput, {
-            props: { name: 'fullname', label: 'Full name' },
-        });
-        const input = screen.getByLabelText('Full name');
-        expect(input).toHaveAttribute('aria-describedby', 'fullname-supporting');
-        await expectNoA11yViolations(container);
-    });
-    it('TextareaInput: labelled + describedby + axe-clean', async () => {
-        const { container } = render(TextareaInput, {
-            props: { name: 'bio', label: 'Bio' },
-        });
-        const input = screen.getByLabelText('Bio');
-        expect(input).toHaveAttribute('aria-describedby', 'bio-supporting');
-        await expectNoA11yViolations(container);
-    });
-    it('SelectInput: labelled + describedby + axe-clean', async () => {
-        const { container } = render(SelectInput, {
-            props: {
-                name: 'country',
-                label: 'Country',
-                placeholder: 'Choose…',
-                options: [{ value: 'us', label: 'United States' }],
-            },
-        });
-        const select = screen.getByLabelText('Country');
-        expect(select).toHaveAttribute('aria-describedby', 'country-supporting');
-        await expectNoA11yViolations(container);
-    });
-    it('PhoneInput: labelled + axe-clean', async () => {
-        const { container } = render(PhoneInput, {
-            props: { name: 'phone', label: 'Phone' },
-        });
-        expect(screen.getByLabelText('Phone')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-    it('NumberInput: labelled + axe-clean', async () => {
-        const { container } = render(NumberInput, {
-            props: { name: 'age', label: 'Age' },
-        });
-        expect(screen.getByLabelText('Age')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-    it('NumberInput: sets aria-invalid + links the error when out of range', () => {
-        render(NumberInput, {
-            props: { name: 'age', label: 'Age', max: 10, value: 99 },
-        });
-        const input = screen.getByLabelText('Age');
-        expect(input).toHaveAttribute('aria-invalid', 'true');
-        expect(input).toHaveAttribute('aria-describedby', 'age-error');
-        expect(document.getElementById('age-error')).toHaveAttribute('role', 'alert');
-    });
-});

package/dist/components/settings/__tests__/SettingsCatalog.test.js

@@ -1,69 +0,0 @@
-import { expectNoA11yViolations } from '@happyvertical/smrt-ui/test-support/a11y';
-import { render, screen } from '@testing-library/svelte';
-import { createRawSnippet } from 'svelte';
-import { describe, expect, it } from 'vitest';
-import SettingsCatalog from '../SettingsCatalog.svelte';
-const first = {
-    id: 'first',
-    label: 'First setting',
-    description: 'First description',
-    eyebrow: 'General',
-    status: 'Default',
-    template: 'First template',
-};
-const second = {
-    id: 'second',
-    label: 'Second setting',
-    description: 'Second description',
-    eyebrow: 'Advanced',
-    status: 'Override',
-    template: 'Second template',
-};
-function detailSnippet() {
-    return createRawSnippet((context) => ({
-        render: () => `<h2>${context().item.label} editor</h2><p>${context().item.template}</p>`,
-    }));
-}
-describe('SettingsCatalog', () => {
-    it('renders a compact page, selected detail, and query-preserving links', () => {
-        const { container } = render((SettingsCatalog), {
-            props: {
-                baseUrl: '/settings/prompts',
-                detail: detailSnippet(),
-                preservedParams: { locale: 'fr-CA' },
-                page: {
-                    items: [first, second],
-                    selected: second,
-                    query: 'tenant copy',
-                    page: 2,
-                    pageSize: 2,
-                    total: 6,
-                },
-            },
-        });
-        expect(screen.getByRole('searchbox')).toHaveValue('tenant copy');
-        expect(screen.getByRole('heading', { name: 'Second setting editor' })).toBeInTheDocument();
-        expect(container.querySelector('a[aria-current="true"]')).toHaveAttribute('href', '/settings/prompts?locale=fr-CA&q=tenant+copy&page=2&selected=second');
-        expect(screen.getByRole('link', { name: 'Previous' })).toHaveAttribute('href', '/settings/prompts?locale=fr-CA&q=tenant+copy');
-        expect(screen.getByRole('link', { name: 'Next' })).toHaveAttribute('href', '/settings/prompts?locale=fr-CA&q=tenant+copy&page=3');
-    });
-    it('renders an empty state and remains axe-clean', async () => {
-        const { container } = render((SettingsCatalog), {
-            props: {
-                baseUrl: '/settings/prompts',
-                detail: detailSnippet(),
-                page: {
-                    items: [],
-                    selected: null,
-                    query: 'missing',
-                    page: 1,
-                    pageSize: 50,
-                    total: 0,
-                },
-            },
-        });
-        expect(screen.getByText('No settings match this search.')).toBeInTheDocument();
-        expect(screen.getByText('Select a setting to edit.')).toBeInTheDocument();
-        await expectNoA11yViolations(container);
-    });
-});

package/dist/components/settings/__tests__/catalog.test.js

@@ -1,46 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { paginateSettingsCatalog } from '../catalog.js';
-const items = Array.from({ length: 125 }, (_, index) => ({
-    id: `setting-${index + 1}`,
-    label: `Setting ${index + 1}`,
-    description: index % 2 === 0 ? 'Alpha group' : 'Beta group',
-}));
-describe('paginateSettingsCatalog', () => {
-    it('filters before paging and keeps the DOM-sized slice bounded', () => {
-        const page = paginateSettingsCatalog(items, {
-            query: 'alpha',
-            page: 2,
-            pageSize: 20,
-        });
-        expect(page.total).toBe(63);
-        expect(page.items).toHaveLength(20);
-        expect(page.page).toBe(2);
-        expect(page.items.every((item) => item.description === 'Alpha group')).toBe(true);
-    });
-    it('clamps invalid pages and page sizes', () => {
-        const page = paginateSettingsCatalog(items, {
-            page: 999,
-            pageSize: 1_000,
-        });
-        expect(page.pageSize).toBe(100);
-        expect(page.page).toBe(2);
-        expect(page.items).toHaveLength(25);
-    });
-    it('selects an explicit item or falls back to the first visible item', () => {
-        expect(paginateSettingsCatalog(items, { selectedId: 'setting-73' }).selected?.id).toBe('setting-73');
-        expect(paginateSettingsCatalog(items).selected?.id).toBe('setting-1');
-    });
-    it('keeps a very large code-first registry to one bounded result page', () => {
-        const largeRegistry = Array.from({ length: 10_000 }, (_, index) => ({
-            id: `large-${index}`,
-            label: `Large setting ${index}`,
-        }));
-        const page = paginateSettingsCatalog(largeRegistry, {
-            page: 100,
-            pageSize: 50,
-        });
-        expect(page.total).toBe(10_000);
-        expect(page.items).toHaveLength(50);
-        expect(page.items[0]?.id).toBe('large-4950');
-    });
-});