@happyvertical/smrt-ui 0.53.1 → 0.53.2

package/dist/components/forms/__tests__/place-picker.fixture.svelte

@@ -1,33 +0,0 @@
-<script lang="ts">
-import { useControlRegistration } from '../index.js';
-
-type Place = { name: string; latitude: number; longitude: number };
-interface Props {
-  value: Place | null;
-}
-let { value = $bindable(null) }: Props = $props();
-
-// A composite: search text, a result list, and hidden coordinates — one value.
-useControlRegistration(() => ({
-  controlId: 'place',
-  metadata: {
-    kind: 'custom',
-    label: 'Town location',
-    valueSchema: {
-      type: 'object',
-      required: ['name', 'latitude', 'longitude'],
-      properties: {
-        name: { type: 'string' },
-        latitude: { type: 'number' },
-        longitude: { type: 'number' },
-      },
-    },
-  },
-  getValue: () => value,
-  setValue: (next) => {
-    value = next as Place;
-  },
-}));
-</script>
-
-<div class="place-picker"><span>{value?.name ?? 'Pick a town'}</span></div>

package/dist/components/forms/__tests__/place-picker.fixture.svelte.d.ts

@@ -1,12 +0,0 @@
-type Place = {
-    name: string;
-    latitude: number;
-    longitude: number;
-};
-interface Props {
-    value: Place | null;
-}
-declare const PlacePicker: import("svelte").Component<Props, {}, "value">;
-type PlacePicker = ReturnType<typeof PlacePicker>;
-export default PlacePicker;
-//# sourceMappingURL=place-picker.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/place-picker.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"place-picker.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/place-picker.fixture.svelte.ts"],"names":[],"mappings":"AAMA,KAAK,KAAK,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AACnE,UAAU,KAAK;IACb,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAkCD,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/forms/__tests__/segmented-posting.fixture.svelte

@@ -1,28 +0,0 @@
-<script lang="ts">
-import SegmentedControl from '../SegmentedControl.svelte';
-
-let {
-  required = false,
-  disabled = false,
-  outerDisabled = false,
-  initial = 'one',
-  named = true,
-  onvaluechange,
-}: {
-  required?: boolean;
-  disabled?: boolean;
-  outerDisabled?: boolean;
-  initial?: string | number;
-  named?: boolean;
-  onvaluechange?: (value: string | number) => void;
-} = $props();
-let value = $state(initial);
-</script>
-<form>
-  <fieldset disabled={outerDisabled}>
-    <SegmentedControl name={named ? 'kind' : undefined} label="Kind" bind:value {onvaluechange} {required} {disabled}
-      options={[{ value: 'one', label: 'One' }, { value: 'off', label: 'Disabled', disabled: true }, { value: 0, label: 'Zero' }]} density="touch" />
-  </fieldset>
-  <span data-bound-value data-bound-type={typeof value}>{String(value)}</span>
-  <button type="reset">Reset</button>
-</form>

package/dist/components/forms/__tests__/segmented-posting.fixture.svelte.d.ts

@@ -1,12 +0,0 @@
-type $$ComponentProps = {
-    required?: boolean;
-    disabled?: boolean;
-    outerDisabled?: boolean;
-    initial?: string | number;
-    named?: boolean;
-    onvaluechange?: (value: string | number) => void;
-};
-declare const SegmentedPosting: import("svelte").Component<$$ComponentProps, {}, "">;
-type SegmentedPosting = ReturnType<typeof SegmentedPosting>;
-export default SegmentedPosting;
-//# sourceMappingURL=segmented-posting.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/segmented-posting.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"segmented-posting.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/segmented-posting.fixture.svelte.ts"],"names":[],"mappings":"AAKC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAClD,CAAC;AAwBF,QAAA,MAAM,gBAAgB,sDAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/components/forms/__tests__/segmented-posting.test.js

@@ -1,92 +0,0 @@
-import { fireEvent, render, screen, waitFor } from '@testing-library/svelte';
-import userEvent from '@testing-library/user-event';
-import { describe, expect, it, vi } from 'vitest';
-import Fixture from './segmented-posting.fixture.svelte';
-function form(container) {
-    return container.querySelector('form');
-}
-describe('SegmentedControl native forms', () => {
-    it('posts selected values and preserves numeric zero in bindings', async () => {
-        const { container } = render(Fixture);
-        expect(new FormData(form(container)).get('kind')).toBe('one');
-        await userEvent.click(screen.getByRole('radio', { name: 'Zero' }));
-        expect(new FormData(form(container)).get('kind')).toBe('0');
-        expect(container.querySelector('[data-bound-value]')).toHaveTextContent('0');
-    });
-    it.each([
-        { disabled: true },
-        { outerDisabled: true },
-        { initial: 'off' },
-        { initial: 'missing' },
-        { named: false },
-    ])('omits disabled, unmatched, or unnamed values %j', (props) => {
-        const { container } = render(Fixture, { props });
-        expect(new FormData(form(container)).has('kind')).toBe(false);
-    });
-    it('requires an enabled selection including zero', async () => {
-        const { container } = render(Fixture, {
-            props: { required: true, initial: 'missing' },
-        });
-        expect(form(container).checkValidity()).toBe(false);
-        await userEvent.click(screen.getByRole('radio', { name: 'Zero' }));
-        expect(form(container).checkValidity()).toBe(true);
-    });
-    it('validates required unnamed controls without posting a generated field', async () => {
-        const { container } = render(Fixture, {
-            props: { required: true, named: false, initial: 'missing' },
-        });
-        expect(form(container).checkValidity()).toBe(false);
-        await userEvent.click(screen.getByRole('radio', { name: 'Zero' }));
-        expect(form(container).checkValidity()).toBe(true);
-        expect([...new FormData(form(container)).keys()]).toEqual([]);
-    });
-    it('resets to the initial selection and binding and honors reset cancellation', async () => {
-        const { container } = render(Fixture);
-        await userEvent.click(screen.getByRole('radio', { name: 'Zero' }));
-        await userEvent.click(screen.getByRole('button', { name: 'Reset' }));
-        await waitFor(() => expect(new FormData(form(container)).get('kind')).toBe('one'));
-        await waitFor(() => expect(container.querySelector('[data-bound-value]')).toHaveTextContent('one'));
-        await userEvent.click(screen.getByRole('radio', { name: 'Zero' }));
-        form(container).addEventListener('reset', (e) => e.preventDefault());
-        await userEvent.click(screen.getByRole('button', { name: 'Reset' }));
-        expect(new FormData(form(container)).get('kind')).toBe('0');
-    });
-    it('resets a numeric initial value and clears unmatched initial values', async () => {
-        const { container, unmount } = render(Fixture, { props: { initial: 0 } });
-        await userEvent.click(screen.getByRole('radio', { name: 'One' }));
-        form(container).reset();
-        await waitFor(() => expect(container.querySelector('[data-bound-value]')).toHaveTextContent('0'));
-        expect(container.querySelector('[data-bound-value]')).toHaveAttribute('data-bound-type', 'number');
-        unmount();
-        const second = render(Fixture, {
-            props: { initial: 'missing', required: true },
-        });
-        await userEvent.click(screen.getByRole('radio', { name: 'One' }));
-        form(second.container).reset();
-        await waitFor(() => expect(second.container.querySelector('[data-bound-value]')).toHaveTextContent('undefined'));
-        expect(form(second.container).checkValidity()).toBe(false);
-        expect(new FormData(form(second.container)).has('kind')).toBe(false);
-    });
-    it('emits one native change and one value callback per pointer selection', async () => {
-        const onvaluechange = vi.fn();
-        const { container } = render(Fixture, { props: { onvaluechange } });
-        const onchange = vi.fn();
-        form(container).addEventListener('change', onchange);
-        await userEvent.click(screen.getByRole('radio', { name: 'Zero' }));
-        expect(onvaluechange).toHaveBeenCalledExactlyOnceWith(0);
-        expect(onchange).toHaveBeenCalledTimes(1);
-    });
-    it('supports arrow/home/end navigation while skipping disabled options', async () => {
-        render(Fixture);
-        const one = screen.getByRole('radio', { name: 'One' });
-        one.focus();
-        await fireEvent.keyDown(one, { key: 'ArrowRight' });
-        expect(screen.getByRole('radio', { name: 'Zero' })).toBeChecked();
-        expect(screen.getByRole('radio', { name: 'Zero' })).toHaveFocus();
-        await fireEvent.keyDown(screen.getByRole('radio', { name: 'Zero' }), {
-            key: 'Home',
-        });
-        expect(one).toBeChecked();
-        expect(screen.getByRole('radio', { name: 'Disabled' })).toBeDisabled();
-    });
-});

package/dist/components/forms/__tests__/select-interaction.fixture.svelte

@@ -1,25 +0,0 @@
-<script lang="ts">
-import type { ControlInteractionRegistry } from '../control-interaction.js';
-import Form from '../Form.svelte';
-import Select from '../Select.svelte';
-
-let {
-  registry,
-  required = false,
-}: {
-  registry: ControlInteractionRegistry;
-  required?: boolean;
-} = $props();
-let role = $state('user');
-</script>
-
-<Form formId="account" interactionRegistry={registry} aria-label="Account form">
-  <Select name="role" aria-label="Role" {required} bind:value={role}>
-    <option value="">Choose a role</option>
-    <option value="user">User</option>
-    <option value="admin" disabled>Administrator</option>
-    <optgroup label="Unavailable roles" disabled>
-      <option value="owner">Owner</option>
-    </optgroup>
-  </Select>
-</Form>

package/dist/components/forms/__tests__/select-interaction.fixture.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { ControlInteractionRegistry } from '../control-interaction.js';
-type $$ComponentProps = {
-    registry: ControlInteractionRegistry;
-    required?: boolean;
-};
-declare const SelectInteraction: import("svelte").Component<$$ComponentProps, {}, "">;
-type SelectInteraction = ReturnType<typeof SelectInteraction>;
-export default SelectInteraction;
-//# sourceMappingURL=select-interaction.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/select-interaction.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"select-interaction.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/select-interaction.fixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAI3E,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,0BAA0B,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AA0BF,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/components/forms/__tests__/signature-pad-logic.test.js

@@ -1,54 +0,0 @@
-/**
- * Pure SignaturePad input logic, no DOM (smrt#3290). Ported from teamworks-os
- * `signature-pad-logic.test.ts`.
- */
-import { describe, expect, it } from 'vitest';
-import { isAcceptedPointerType, mapPointerToCanvasPoint, } from '../signature-pad-logic.js';
-describe('isAcceptedPointerType', () => {
-    it('accepts only pen input when stylusOnly is true', () => {
-        expect(isAcceptedPointerType('pen', true)).toBe(true);
-        expect(isAcceptedPointerType('touch', true)).toBe(false);
-        expect(isAcceptedPointerType('mouse', true)).toBe(false);
-    });
-    it('accepts pen, touch, and mouse when stylusOnly is false', () => {
-        expect(isAcceptedPointerType('pen', false)).toBe(true);
-        expect(isAcceptedPointerType('touch', false)).toBe(true);
-        expect(isAcceptedPointerType('mouse', false)).toBe(true);
-    });
-    it('rejects unknown and empty pointer types in both modes', () => {
-        for (const stylusOnly of [true, false]) {
-            expect(isAcceptedPointerType('unknown', stylusOnly)).toBe(false);
-            expect(isAcceptedPointerType('', stylusOnly)).toBe(false);
-        }
-    });
-});
-describe('mapPointerToCanvasPoint', () => {
-    it('subtracts the rect offset unscaled when display and backing sizes match', () => {
-        const rect = { left: 10, top: 20, width: 600, height: 240 };
-        expect(mapPointerToCanvasPoint(110, 70, rect, 600, 240)).toEqual({
-            x: 100,
-            y: 50,
-        });
-    });
-    it('scales up when displayed smaller than the backing resolution', () => {
-        const rect = { left: 0, top: 0, width: 300, height: 120 };
-        expect(mapPointerToCanvasPoint(30, 12, rect, 600, 240)).toEqual({
-            x: 60,
-            y: 24,
-        });
-    });
-    it('scales down when displayed larger than the backing resolution', () => {
-        const rect = { left: 0, top: 0, width: 1200, height: 480 };
-        expect(mapPointerToCanvasPoint(1200, 480, rect, 600, 240)).toEqual({
-            x: 600,
-            y: 240,
-        });
-    });
-    it('falls back to 1:1 for a zero-size (not laid out) rect', () => {
-        const rect = { left: 5, top: 5, width: 0, height: 0 };
-        expect(mapPointerToCanvasPoint(15, 25, rect, 600, 240)).toEqual({
-            x: 10,
-            y: 20,
-        });
-    });
-});

package/dist/components/forms/__tests__/staged-review-fieldset.fixture.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-import type { ControlInteractionRegistry } from '../control-interaction.js';
-import Form from '../Form.svelte';
-import FormGroup from '../FormGroup.svelte';
-import Input from '../Input.svelte';
-
-let {
-  registry,
-}: {
-  registry: ControlInteractionRegistry;
-} = $props();
-let displayName = $state('Ada');
-</script>
-
-<Form formId="profile" interactionRegistry={registry} aria-label="Profile form">
-  <fieldset>
-    <FormGroup label="Display name">
-      <Input name="display-name" bind:value={displayName} required minlength={3} />
-    </FormGroup>
-  </fieldset>
-</Form>

package/dist/components/forms/__tests__/staged-review-fieldset.fixture.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { ControlInteractionRegistry } from '../control-interaction.js';
-type $$ComponentProps = {
-    registry: ControlInteractionRegistry;
-};
-declare const StagedReviewFieldset: import("svelte").Component<$$ComponentProps, {}, "">;
-type StagedReviewFieldset = ReturnType<typeof StagedReviewFieldset>;
-export default StagedReviewFieldset;
-//# sourceMappingURL=staged-review-fieldset.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/staged-review-fieldset.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"staged-review-fieldset.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/staged-review-fieldset.fixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAK3E,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,0BAA0B,CAAC;CACtC,CAAC;AAuBF,QAAA,MAAM,oBAAoB,sDAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/components/forms/__tests__/staged-review-outer-fieldset.fixture.svelte

@@ -1,23 +0,0 @@
-<script lang="ts">
-import type { ControlInteractionRegistry } from '../control-interaction.js';
-import Form from '../Form.svelte';
-import FormGroup from '../FormGroup.svelte';
-import Input from '../Input.svelte';
-
-let {
-  registry,
-}: {
-  registry: ControlInteractionRegistry;
-} = $props();
-let displayName = $state('Ada');
-</script>
-
-<fieldset>
-  <fieldset>
-    <Form formId="profile" interactionRegistry={registry} aria-label="Profile form">
-      <FormGroup label="Display name">
-        <Input name="display-name" bind:value={displayName} required minlength={3} />
-      </FormGroup>
-    </Form>
-  </fieldset>
-</fieldset>

package/dist/components/forms/__tests__/staged-review-outer-fieldset.fixture.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { ControlInteractionRegistry } from '../control-interaction.js';
-type $$ComponentProps = {
-    registry: ControlInteractionRegistry;
-};
-declare const StagedReviewOuterFieldset: import("svelte").Component<$$ComponentProps, {}, "">;
-type StagedReviewOuterFieldset = ReturnType<typeof StagedReviewOuterFieldset>;
-export default StagedReviewOuterFieldset;
-//# sourceMappingURL=staged-review-outer-fieldset.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/staged-review-outer-fieldset.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"staged-review-outer-fieldset.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/staged-review-outer-fieldset.fixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AAK3E,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,0BAA0B,CAAC;CACtC,CAAC;AAyBF,QAAA,MAAM,yBAAyB,sDAAwC,CAAC;AACxE,KAAK,yBAAyB,GAAG,UAAU,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC9E,eAAe,yBAAyB,CAAC"}

package/dist/components/forms/__tests__/staged-review.fixture.svelte

@@ -1,56 +0,0 @@
-<script lang="ts">
-import type {
-  ControlInteractionRegistry,
-  ControlSubject,
-} from '../control-interaction.js';
-import Form from '../Form.svelte';
-import FormGroup from '../FormGroup.svelte';
-import Input from '../Input.svelte';
-import Slider from '../Slider.svelte';
-
-let {
-  registry,
-  subject,
-  displayNameLabel = 'Display name',
-  formOnInput,
-  formId = 'profile',
-}: {
-  registry: ControlInteractionRegistry;
-  subject?: ControlSubject;
-  displayNameLabel?: string;
-  formOnInput?: (event: Event) => void;
-  formId?: string;
-} = $props();
-let displayName = $state('Ada');
-let apiToken = $state('token');
-let volume = $state(25);
-let score = $state<string | number>(1);
-let birthday = $state('');
-let meetingTime = $state('');
-let intensity = $state(50);
-let mutableSubject = $state<ControlSubject | undefined>();
-$effect(() => {
-  mutableSubject = subject ? { ...subject } : undefined;
-});
-function mutateSubject() {
-  if (mutableSubject) mutableSubject.id = 'two';
-}
-</script>
-
-<Form {formId} interactionRegistry={registry} aria-label="Profile form" oninput={formOnInput}>
-  <FormGroup label={displayNameLabel}>
-    <Input name="display-name" interaction={mutableSubject ? { subject: mutableSubject } : undefined} bind:value={displayName} required minlength={3} />
-  </FormGroup>
-  <FormGroup label="API token" interaction={{ sensitivity: 'secret' }}>
-    <Input name="api-token" type="password" bind:value={apiToken} />
-  </FormGroup>
-  <Slider name="volume" label="Volume" bind:value={volume} />
-  <Input name="score" aria-label="Score" type="number" bind:value={score} />
-  <Input name="birthday" aria-label="Birthday" type="date" bind:value={birthday} />
-  <Input name="meeting-time" aria-label="Meeting time" type="time" bind:value={meetingTime} />
-  <Input name="intensity" aria-label="Intensity" type="range" min="10" max="90" bind:value={intensity} />
-  <button type="reset">Reset</button>
-  {#if mutableSubject}
-    <button type="button" onclick={mutateSubject}>Mutate subject</button>
-  {/if}
-</Form>

package/dist/components/forms/__tests__/staged-review.fixture.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { ControlInteractionRegistry, ControlSubject } from '../control-interaction.js';
-type $$ComponentProps = {
-    registry: ControlInteractionRegistry;
-    subject?: ControlSubject;
-    displayNameLabel?: string;
-    formOnInput?: (event: Event) => void;
-    formId?: string;
-};
-declare const StagedReview: import("svelte").Component<$$ComponentProps, {}, "">;
-type StagedReview = ReturnType<typeof StagedReview>;
-export default StagedReview;
-//# sourceMappingURL=staged-review.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/staged-review.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"staged-review.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/staged-review.fixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,0BAA0B,EAC1B,cAAc,EACf,MAAM,2BAA2B,CAAC;AAMlC,KAAK,gBAAgB,GAAI;IACxB,QAAQ,EAAE,0BAA0B,CAAC;IACrC,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAmDF,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/forms/__tests__/touch-density.fixture.svelte

@@ -1,34 +0,0 @@
-<script lang="ts">
-import ThemeProvider from '../../../themes/ThemeProvider.svelte';
-import DataTable from '../../data/DataTable.svelte';
-import FilterChips from '../../nav/FilterChips.svelte';
-import Button from '../../ui/Button.svelte';
-import Checkbox from '../Checkbox.svelte';
-import Input from '../Input.svelte';
-import Radio from '../Radio.svelte';
-import RadioGroup from '../RadioGroup.svelte';
-import SegmentedControl from '../SegmentedControl.svelte';
-import Select from '../Select.svelte';
-import Switch from '../Switch.svelte';
-import Textarea from '../Textarea.svelte';
-
-let {
-  density = 'touch',
-  target = '48px',
-}: { density?: 'comfortable' | 'touch'; target?: string } = $props();
-</script>
-<ThemeProvider {density} overrides={{ '--smrt-touch-target-min': target }} persist={false} inlineVariables>
-  <Input aria-label="Name" name="name" size={12} />
-  <Select aria-label="Choice"><option value="one">One</option></Select>
-  <Textarea aria-label="Notes" />
-  <Checkbox label="Approve" />
-  <Switch label="Enable" />
-  <RadioGroup name="radio" label="Radio"><Radio value="one" label="Option one" /></RadioGroup>
-  <Button size="sm">Save</Button>
-  <Button href="/details" size="sm">Details</Button>
-  <FilterChips size="sm" options={[{ value: 'one', label: 'One' }, { value: 'off', label: 'Disabled', disabled: true }]} selected="one" />
-  <SegmentedControl label="Segments" options={[{ value: 'one', label: 'One' }, { value: 'two', label: 'Two' }]} />
-  <DataTable data={[{ id: 'one', title: 'Item' }]} columns={[{ id: 'title', label: 'Title', sortable: true }]} sortable rowKey="id" />
-  <Input aria-label="Local touch" density="touch" />
-  <Input aria-label="Local comfortable" density="comfortable" />
-</ThemeProvider>

package/dist/components/forms/__tests__/touch-density.fixture.svelte.d.ts

@@ -1,8 +0,0 @@
-type $$ComponentProps = {
-    density?: 'comfortable' | 'touch';
-    target?: string;
-};
-declare const TouchDensity: import("svelte").Component<$$ComponentProps, {}, "">;
-type TouchDensity = ReturnType<typeof TouchDensity>;
-export default TouchDensity;
-//# sourceMappingURL=touch-density.fixture.svelte.d.ts.map

package/dist/components/forms/__tests__/touch-density.fixture.svelte.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"touch-density.fixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/components/forms/__tests__/touch-density.fixture.svelte.ts"],"names":[],"mappings":"AAgBC,KAAK,gBAAgB,GAAI;IAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC;IAAC,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAsCjF,QAAA,MAAM,YAAY,sDAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/components/forms/__tests__/touch-density.test.js

@@ -1,66 +0,0 @@
-import { render, screen } from '@testing-library/svelte';
-import { createRawSnippet } from 'svelte';
-import { beforeEach, describe, expect, it, vi } from 'vitest';
-import DataTable from '../../data/DataTable.svelte';
-import FilterChips from '../../nav/FilterChips.svelte';
-import Button from '../../ui/Button.svelte';
-import Checkbox from '../Checkbox.svelte';
-import Input from '../Input.svelte';
-import RadioGroup from '../RadioGroup.svelte';
-import SegmentedControl from '../SegmentedControl.svelte';
-import Select from '../Select.svelte';
-import Switch from '../Switch.svelte';
-import Textarea from '../Textarea.svelte';
-import TouchDensityFixture from './touch-density.fixture.svelte';
-describe('touch density', () => {
-    beforeEach(() => {
-        window.matchMedia = vi.fn().mockReturnValue({
-            matches: false,
-            addEventListener: vi.fn(),
-            removeEventListener: vi.fn(),
-        });
-    });
-    it.each([
-        ['Input', Input, {}],
-        [
-            'RadioGroup',
-            RadioGroup,
-            {
-                name: 'choice',
-                children: createRawSnippet(() => ({
-                    render: () => '<span>Options</span>',
-                })),
-            },
-        ],
-        [
-            'Select',
-            Select,
-            {
-                children: createRawSnippet(() => ({
-                    render: () => '<option value="one">One</option>',
-                })),
-            },
-        ],
-        ['Textarea', Textarea, {}],
-        ['Checkbox', Checkbox, {}],
-        ['Switch', Switch, {}],
-        ['Button', Button, {}],
-        ['FilterChips', FilterChips, { options: [], selected: '' }],
-        ['SegmentedControl', SegmentedControl, { options: [], label: 'Segments' }],
-        ['DataTable', DataTable, { columns: [], data: [] }],
-    ])('%s consumes density on its target root', (_name, component, props) => {
-        const { container } = render(component, {
-            props: { ...props, density: 'touch' },
-        });
-        expect(container.querySelector('[data-density="touch"]')).toBeTruthy();
-        expect(container.querySelector('[density]')).toBeNull();
-    });
-    it('inherits global density while preserving native size and local overrides', () => {
-        const { container } = render(TouchDensityFixture);
-        expect(container.querySelector('.smrt-theme-root')).toHaveAttribute('style', expect.stringContaining('--smrt-control-target-min: var(--smrt-touch-target-min, 48px)'));
-        expect(screen.getByRole('textbox', { name: 'Name' })).toHaveAttribute('size', '12');
-        expect(screen.getByRole('textbox', { name: 'Name' })).not.toHaveAttribute('data-density');
-        expect(screen.getByRole('textbox', { name: 'Local comfortable' })).toHaveAttribute('data-density', 'comfortable');
-        expect(screen.getByRole('textbox', { name: 'Local touch' })).toHaveAttribute('data-density', 'touch');
-    });
-});

package/dist/components/forms/form-retry/__tests__/boundaries.test.js

@@ -1,23 +0,0 @@
-/**
- * smrt-ui is the dependency leaf, and the form-retry entry is published
- * Svelte-free (#3291): its sources must never import `@sveltejs/kit` or
- * `svelte`, so plain SvelteKit apps, smrt-svelte and plain Node can load it.
- */
-import { readdirSync, readFileSync } from 'node:fs';
-import { dirname, join } from 'node:path';
-import { fileURLToPath } from 'node:url';
-import { describe, expect, it } from 'vitest';
-const root = join(dirname(fileURLToPath(import.meta.url)), '..');
-describe('form-retry import boundary', () => {
-    it('imports neither @sveltejs/kit nor svelte', () => {
-        const sources = readdirSync(root).filter((name) => name.endsWith('.ts'));
-        expect(sources.length).toBeGreaterThan(0);
-        for (const name of sources) {
-            const text = readFileSync(join(root, name), 'utf8');
-            const imports = [...text.matchAll(/from\s+['"]([^'"]+)['"]/g)].map((match) => match[1]);
-            for (const specifier of imports) {
-                expect(specifier, `${name} imports ${specifier}`).toMatch(/^\.\//);
-            }
-        }
-    });
-});