@happyvertical/smrt-fields 0.40.60 → 0.40.61

package/dist/svelte/__tests__/PolicyField.test.js

@@ -0,0 +1,373 @@
+// @vitest-environment jsdom
+/**
+ * Component tests for FieldPolicyProvider + PolicyField (#2048).
+ *
+ * Covers the acceptance criteria:
+ * - PolicyField adoption with no layout change; unwrapped fields keep working
+ * - Basic mode hides advanced-tier fields; disclosure reveals them
+ * - Required-with-default fields prefill; loaded-record edits never overwritten
+ * - Help hint renders from resolved help (manifest description → org override)
+ * - Graceful degradation outside a Provider
+ * - Snippet escape hatch
+ * - a11y (axe-clean)
+ */
+import { expectNoA11yViolations, render, screen, userEvent, } from '@happyvertical/smrt-vitest/svelte';
+import { tick } from 'svelte';
+import { describe, expect, it } from 'vitest';
+import FieldPolicyProvider from '../components/FieldPolicyProvider.svelte';
+import PolicyField from '../components/PolicyField.svelte';
+import DomPrefillFixture from './fixtures/DomPrefillFixture.svelte';
+import GracefulDegradeFixture from './fixtures/GracefulDegradeFixture.svelte';
+import NoIdFixture from './fixtures/NoIdFixture.svelte';
+import PrefillFixture from './fixtures/PrefillFixture.svelte';
+import ProviderFieldFixture from './fixtures/ProviderFieldFixture.svelte';
+import RevealPrefillFixture from './fixtures/RevealPrefillFixture.svelte';
+import SnippetFixture from './fixtures/SnippetFixture.svelte';
+import TooltipFixture from './fixtures/TooltipFixture.svelte';
+function makePolicy(overrides = {}) {
+    return {
+        objectRef: '@test:Widget',
+        fields: {
+            name: {
+                fieldName: 'name',
+                hasDefault: false,
+                defaultValue: undefined,
+                visibility: 'basic',
+                help: 'The widget name',
+                label: 'Name',
+                order: 1,
+                group: null,
+                locked: false,
+                required: true,
+            },
+            sku: {
+                fieldName: 'sku',
+                hasDefault: true,
+                defaultValue: 'WIDG-001',
+                visibility: 'basic',
+                help: null,
+                label: 'SKU',
+                order: 2,
+                group: null,
+                locked: false,
+                required: false,
+            },
+            wholesalePrice: {
+                fieldName: 'wholesalePrice',
+                hasDefault: true,
+                defaultValue: 0,
+                visibility: 'advanced',
+                help: 'Price for wholesale customers',
+                label: 'Wholesale Price',
+                order: 3,
+                group: 'pricing',
+                locked: false,
+                required: false,
+            },
+            internalNotes: {
+                fieldName: 'internalNotes',
+                hasDefault: false,
+                defaultValue: undefined,
+                visibility: 'hidden',
+                help: 'Internal only',
+                label: 'Internal Notes',
+                order: 4,
+                group: null,
+                locked: false,
+                required: false,
+            },
+        },
+        ...overrides,
+    };
+}
+describe('FieldPolicyProvider + PolicyField', () => {
+    it('renders basic fields in basic mode', () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        expect(screen.getByRole('textbox', { name: /Name/ })).toBeInTheDocument();
+        expect(screen.getByRole('textbox', { name: /SKU/ })).toBeInTheDocument();
+    });
+    it('hides advanced fields in basic mode', () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        // wholesalePrice is type=number → role is spinbutton, not textbox
+        expect(screen.queryByRole('spinbutton', { name: /Wholesale Price/ })).not.toBeInTheDocument();
+    });
+    it('reveals advanced fields in advanced mode', async () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'advanced' },
+        });
+        // Wait for the provider's mode-sync $effect to flush (the untrack() seed
+        // reflects the requested mode on first paint, but $effect reactivity in
+        // jsdom needs a tick for the DOM to settle).
+        await tick();
+        // wholesalePrice is type=number → role is spinbutton, not textbox
+        expect(screen.getByRole('spinbutton', { name: /Wholesale Price/ })).toBeInTheDocument();
+    });
+    it('never renders hidden-tier fields', () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'advanced' },
+        });
+        expect(screen.queryByText('Internal Notes')).not.toBeInTheDocument();
+    });
+    it('renders help hint from resolved help text', () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        expect(screen.getByText('The widget name')).toBeInTheDocument();
+    });
+    it('renders required marker for required fields', () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        const nameField = screen.getByText('Name').closest('.policy-field');
+        expect(nameField?.querySelector('.policy-field__required')).not.toBeNull();
+    });
+    it('does not render required marker for optional fields', () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        const skuField = screen.getByText('SKU').closest('.policy-field');
+        expect(skuField?.querySelector('.policy-field__required')).toBeNull();
+    });
+    it('exposes default value via snippet props for prefill signal', () => {
+        const policy = makePolicy();
+        render(PrefillFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        // The fixture renders the default value text from snippet props
+        expect(screen.getByText('Default: WIDG-001')).toBeInTheDocument();
+    });
+    it('degrades gracefully outside a Provider (renders children verbatim)', () => {
+        render(GracefulDegradeFixture);
+        // Should render the input even without a provider
+        expect(screen.getByRole('textbox')).toBeInTheDocument();
+    });
+    it('snippet escape hatch receives resolved policy data', () => {
+        const policy = makePolicy();
+        render(SnippetFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        expect(screen.getByTestId('field-label')).toHaveTextContent('Name');
+        expect(screen.getByTestId('field-help')).toHaveTextContent('The widget name');
+        expect(screen.getByTestId('field-required')).toHaveTextContent('true');
+    });
+    it('helpDensity tooltip attaches help to the label title and hides the hint', () => {
+        const policy = makePolicy();
+        render(TooltipFixture, {
+            props: { policy, helpDensity: 'tooltip' },
+        });
+        // Help moves to the label's title attribute
+        const label = screen.getByText('Name').closest('label');
+        expect(label).not.toBeNull();
+        expect(label?.getAttribute('title')).toBe('The widget name');
+        // The help text is no longer rendered as visible text content
+        expect(screen.queryByText('The widget name')).not.toBeInTheDocument();
+        // No visible hint element (query the component's stable class rather than
+        // a role — `<p>` has no ARIA role, so a role query is unreliable).
+        expect(document.querySelectorAll('.policy-field__hint').length).toBe(0);
+    });
+    it('links the help hint to the input via aria-describedby', async () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        await tick();
+        // `name` has resolved help rendered as the hint paragraph #name-help —
+        // the input must reference it for screen readers.
+        const input = screen.getByRole('textbox', { name: /Name/ });
+        expect(input.getAttribute('aria-describedby')).toBe('name-help');
+        expect(document.getElementById('name-help')).not.toBeNull();
+        // `sku` has no resolved help → no hint id, no dangling aria reference.
+        const skuInput = screen.getByRole('textbox', { name: /SKU/ });
+        expect(skuInput.hasAttribute('aria-describedby')).toBe(false);
+    });
+    it('associates the label with the wrapped control via for/id', async () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        await tick();
+        // The fixture inputs carry id={name} — the label's `for` must match it so
+        // the accessible name comes from the rendered label.
+        const label = screen.getByText('Name').closest('label');
+        expect(label?.getAttribute('for')).toBe('name');
+        expect(document.getElementById('name')).not.toBeNull();
+        const skuLabel = screen.getByText('SKU').closest('label');
+        expect(skuLabel?.getAttribute('for')).toBe('sku');
+    });
+    it('assigns an id to a wrapped control that has none (for never dangles)', async () => {
+        const policy = makePolicy();
+        render(NoIdFixture, { props: { policy, mode: 'basic' } });
+        await tick();
+        const label = screen.getByText('Name').closest('label');
+        const forTarget = label?.getAttribute('for');
+        expect(forTarget).toBe('name');
+        // The wrapper must have given the id-less control an id the label hits.
+        expect(document.getElementById(forTarget)).not.toBeNull();
+    });
+    it('helpDensity tooltip falls back to a visible hint when there is no label', () => {
+        // Policy with no resolved label → label === null → help must still render
+        const policy = makePolicy({
+            fields: {
+                name: {
+                    fieldName: 'name',
+                    hasDefault: false,
+                    defaultValue: undefined,
+                    visibility: 'basic',
+                    help: 'Orphan help text',
+                    label: null,
+                    order: 1,
+                    group: null,
+                    locked: false,
+                    required: false,
+                },
+            },
+        });
+        render(TooltipFixture, {
+            props: { policy, helpDensity: 'tooltip' },
+        });
+        expect(screen.getByText('Orphan help text')).toBeInTheDocument();
+    });
+    it('mode toggle reveals advanced fields', async () => {
+        const policy = makePolicy();
+        render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        // Advanced field not visible initially
+        expect(screen.queryByRole('spinbutton', { name: /Wholesale/ })).not.toBeInTheDocument();
+        // Toggle mode (the fixture's button calls modeStore.toggle() via context)
+        await userEvent.click(screen.getByRole('button', { name: 'Toggle Mode' }));
+        expect(screen.getByRole('spinbutton', { name: /Wholesale Price/ })).toBeInTheDocument();
+    });
+    it('is axe-clean', async () => {
+        const policy = makePolicy();
+        const { container } = render(ProviderFieldFixture, {
+            props: { policy, mode: 'basic' },
+        });
+        await expectNoA11yViolations(container);
+    });
+});
+describe('PolicyField default prefill (new records only)', () => {
+    it('prefills an empty input with the resolved default for a new record', async () => {
+        const policy = makePolicy();
+        render(DomPrefillFixture, {
+            props: { policy, isNewRecord: true, skuValue: '' },
+        });
+        await tick();
+        // The sku field has a resolved default of 'WIDG-001'; the empty input
+        // should be prefilled with it.
+        const input = screen.getByRole('textbox', {
+            name: /SKU/,
+        });
+        expect(input.value).toBe('WIDG-001');
+        // The bound state should pick up the prefilled value too
+        expect(screen.getByTestId('sku-state')).toHaveTextContent('WIDG-001');
+    });
+    it('does NOT clobber a loaded record with an existing value', async () => {
+        const policy = makePolicy();
+        render(DomPrefillFixture, {
+            props: { policy, isNewRecord: true, skuValue: 'EXISTING-999' },
+        });
+        await tick();
+        // The input already has a value (loaded record); the default must NOT
+        // overwrite it.
+        const input = screen.getByRole('textbox', {
+            name: /SKU/,
+        });
+        expect(input.value).toBe('EXISTING-999');
+        expect(screen.getByTestId('sku-state')).toHaveTextContent('EXISTING-999');
+    });
+    it('does NOT prefill when isNewRecord is false', async () => {
+        const policy = makePolicy();
+        render(DomPrefillFixture, {
+            props: { policy, isNewRecord: false, skuValue: '' },
+        });
+        await tick();
+        // isNewRecord=false → no prefill even though the field is empty and has a
+        // resolved default.
+        const input = screen.getByRole('textbox', {
+            name: /SKU/,
+        });
+        expect(input.value).toBe('');
+    });
+});
+describe('PolicyField prefill on reveal (advanced-tier fields)', () => {
+    it('prefills an advanced field when the mode switch reveals it', async () => {
+        const policy = makePolicy();
+        render(RevealPrefillFixture, {
+            props: { policy, isNewRecord: true },
+        });
+        await tick();
+        // Hidden in basic mode: no input to prefill yet.
+        expect(screen.queryByRole('spinbutton', { name: /Wholesale Price/ })).not.toBeInTheDocument();
+        // Reveal the advanced tier.
+        await userEvent.click(screen.getByRole('button', { name: 'Toggle Mode' }));
+        await tick();
+        // wholesalePrice resolves default 0 — a legitimate integer default that
+        // must survive the undefined/null guards.
+        const input = screen.getByRole('spinbutton', {
+            name: /Wholesale Price/,
+        });
+        expect(input.value).toBe('0');
+        // The bound state picked up the prefilled value via the dispatched event.
+        expect(screen.getByTestId('wholesale-state')).toHaveTextContent('0');
+    });
+    it('does NOT prefill a revealed advanced field when isNewRecord is false', async () => {
+        const policy = makePolicy();
+        render(RevealPrefillFixture, {
+            props: { policy, isNewRecord: false },
+        });
+        await tick();
+        await userEvent.click(screen.getByRole('button', { name: 'Toggle Mode' }));
+        await tick();
+        const input = screen.getByRole('spinbutton', {
+            name: /Wholesale Price/,
+        });
+        expect(input.value).toBe('');
+    });
+    it('prefills only once — a deliberately cleared input is never re-filled', async () => {
+        const policy = makePolicy();
+        render(RevealPrefillFixture, {
+            props: { policy, isNewRecord: true },
+        });
+        await tick();
+        // Reveal → prefill runs once.
+        await userEvent.click(screen.getByRole('button', { name: 'Toggle Mode' }));
+        await tick();
+        const input = screen.getByRole('spinbutton', {
+            name: /Wholesale Price/,
+        });
+        expect(input.value).toBe('0');
+        // The user deliberately clears the field.
+        await userEvent.clear(input);
+        await tick();
+        // Hide and reveal again: the one-shot guard must prevent a re-prefill.
+        await userEvent.click(screen.getByRole('button', { name: 'Toggle Mode' }));
+        await userEvent.click(screen.getByRole('button', { name: 'Toggle Mode' }));
+        await tick();
+        const revealed = screen.getByRole('spinbutton', {
+            name: /Wholesale Price/,
+        });
+        expect(revealed.value).toBe('');
+    });
+});
+describe('PolicyField standalone', () => {
+    it('renders without a provider (no crash)', () => {
+        render(PolicyField, {
+            props: { name: 'test' },
+            target: document.body,
+        });
+        // No label wrapping since no context, just children area
+        // Should not throw
+    });
+});

package/dist/svelte/__tests__/fixtures/AdvancedFieldsFixture.svelte

@@ -0,0 +1,30 @@
+<script lang="ts">
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+import AdvancedFields from '../../components/AdvancedFields.svelte';
+import FieldPolicyProvider from '../../components/FieldPolicyProvider.svelte';
+import PolicyField from '../../components/PolicyField.svelte';
+
+let {
+  policy,
+  mode = 'advanced',
+}: {
+  policy: ResolvedObjectFieldPolicy;
+  mode?: 'basic' | 'advanced';
+} = $props();
+</script>
+
+<FieldPolicyProvider {policy} {mode}>
+  <PolicyField name="name">
+    <input id="name" name="name" type="text" />
+  </PolicyField>
+  <AdvancedFields>
+    <PolicyField name="secretKey">
+      <input id="secretKey" name="secretKey" type="text" />
+    </PolicyField>
+    {#if policy.fields.another}
+      <PolicyField name="another">
+        <input id="another" name="another" type="text" />
+      </PolicyField>
+    {/if}
+  </AdvancedFields>
+</FieldPolicyProvider>

package/dist/svelte/__tests__/fixtures/AdvancedFieldsFixture.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+type $$ComponentProps = {
+    policy: ResolvedObjectFieldPolicy;
+    mode?: 'basic' | 'advanced';
+};
+declare const AdvancedFieldsFixture: import("svelte").Component<$$ComponentProps, {}, "">;
+type AdvancedFieldsFixture = ReturnType<typeof AdvancedFieldsFixture>;
+export default AdvancedFieldsFixture;
+//# sourceMappingURL=AdvancedFieldsFixture.svelte.d.ts.map

package/dist/svelte/__tests__/fixtures/AdvancedFieldsFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdvancedFieldsFixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/__tests__/fixtures/AdvancedFieldsFixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAKlE,KAAK,gBAAgB,GAAI;IACxB,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC7B,CAAC;AA+BF,QAAA,MAAM,qBAAqB,sDAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/svelte/__tests__/fixtures/DomPrefillFixture.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+/**
+ * Test fixture: PolicyField with bind:value inputs to verify prefill.
+ * - New record with default → input prefilled from resolved default
+ * - Loaded record with existing value → input NOT clobbered by default
+ */
+import { untrack } from 'svelte';
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+import FieldPolicyProvider from '../../components/FieldPolicyProvider.svelte';
+import PolicyField from '../../components/PolicyField.svelte';
+
+let {
+  policy,
+  isNewRecord = true,
+  skuValue = '',
+}: {
+  policy: ResolvedObjectFieldPolicy;
+  isNewRecord?: boolean;
+  skuValue?: string;
+} = $props();
+
+// Seed the bound value once from the prop (untrack makes the one-shot capture
+// explicit, mirroring ThemeProvider's SSR-seeding pattern — a loaded record's
+// existing value must never be re-synced from the prop).
+let sku = $state(untrack(() => skuValue));
+</script>
+
+<FieldPolicyProvider {policy} mode="basic">
+  <PolicyField name="sku" {isNewRecord}>
+    <input id="sku" name="sku" type="text" bind:value={sku} />
+  </PolicyField>
+  <div data-testid="sku-state">{sku}</div>
+</FieldPolicyProvider>

package/dist/svelte/__tests__/fixtures/DomPrefillFixture.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+type $$ComponentProps = {
+    policy: ResolvedObjectFieldPolicy;
+    isNewRecord?: boolean;
+    skuValue?: string;
+};
+declare const DomPrefillFixture: import("svelte").Component<$$ComponentProps, {}, "">;
+type DomPrefillFixture = ReturnType<typeof DomPrefillFixture>;
+export default DomPrefillFixture;
+//# sourceMappingURL=DomPrefillFixture.svelte.d.ts.map

package/dist/svelte/__tests__/fixtures/DomPrefillFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DomPrefillFixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/__tests__/fixtures/DomPrefillFixture.svelte.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAIlE,KAAK,gBAAgB,GAAI;IACxB,MAAM,EAAE,yBAAyB,CAAC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AA6BF,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/svelte/__tests__/fixtures/FormHelpFixture.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+import FieldPolicyProvider from '../../components/FieldPolicyProvider.svelte';
+import FormHelp from '../../components/FormHelp.svelte';
+
+let {
+  policy,
+  objectDescription,
+  mode = 'basic',
+}: {
+  policy: ResolvedObjectFieldPolicy;
+  objectDescription?: string;
+  mode?: 'basic' | 'advanced';
+} = $props();
+</script>
+
+<FieldPolicyProvider {policy} {mode}>
+  <FormHelp {objectDescription} />
+</FieldPolicyProvider>

package/dist/svelte/__tests__/fixtures/FormHelpFixture.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+type $$ComponentProps = {
+    policy: ResolvedObjectFieldPolicy;
+    objectDescription?: string;
+    mode?: 'basic' | 'advanced';
+};
+declare const FormHelpFixture: import("svelte").Component<$$ComponentProps, {}, "">;
+type FormHelpFixture = ReturnType<typeof FormHelpFixture>;
+export default FormHelpFixture;
+//# sourceMappingURL=FormHelpFixture.svelte.d.ts.map

package/dist/svelte/__tests__/fixtures/FormHelpFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHelpFixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/__tests__/fixtures/FormHelpFixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAIlE,KAAK,gBAAgB,GAAI;IACxB,MAAM,EAAE,yBAAyB,CAAC;IAClC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC7B,CAAC;AAmBF,QAAA,MAAM,eAAe,sDAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/svelte/__tests__/fixtures/GeneratedApiGearFixture.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+import FieldPolicyGearButton from '../../components/FieldPolicyGearButton.svelte';
+import FieldPolicyGearProvider from '../../components/FieldPolicyGearProvider.svelte';
+import type { FieldPolicyEditorAdapter } from '../../field-policy-editor.js';
+import type { ObjectFormFieldDefinition } from '../../types.js';
+
+interface Props {
+  objectRef: string;
+  fields: Record<string, ObjectFormFieldDefinition>;
+  adapter: FieldPolicyEditorAdapter;
+}
+
+let { objectRef, fields, adapter }: Props = $props();
+</script>
+
+<FieldPolicyGearProvider {objectRef} {fields} {adapter}>
+  <FieldPolicyGearButton />
+</FieldPolicyGearProvider>

package/dist/svelte/__tests__/fixtures/GeneratedApiGearFixture.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { FieldPolicyEditorAdapter } from '../../field-policy-editor.js';
+import type { ObjectFormFieldDefinition } from '../../types.js';
+interface Props {
+    objectRef: string;
+    fields: Record<string, ObjectFormFieldDefinition>;
+    adapter: FieldPolicyEditorAdapter;
+}
+declare const GeneratedApiGearFixture: import("svelte").Component<Props, {}, "">;
+type GeneratedApiGearFixture = ReturnType<typeof GeneratedApiGearFixture>;
+export default GeneratedApiGearFixture;
+//# sourceMappingURL=GeneratedApiGearFixture.svelte.d.ts.map

package/dist/svelte/__tests__/fixtures/GeneratedApiGearFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GeneratedApiGearFixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/__tests__/fixtures/GeneratedApiGearFixture.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AAC7E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAGhE,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,yBAAyB,CAAC,CAAC;IAClD,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAiBD,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}

package/dist/svelte/__tests__/fixtures/GracefulDegradeFixture.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+/**
+ * Test fixture: PolicyField rendered WITHOUT a FieldPolicyProvider.
+ * Verifies graceful degradation — children render verbatim.
+ */
+import PolicyField from '../../components/PolicyField.svelte';
+</script>
+
+<PolicyField name="standalone">
+  <input type="text" />
+</PolicyField>

package/dist/svelte/__tests__/fixtures/GracefulDegradeFixture.svelte.d.ts

@@ -0,0 +1,19 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const GracefulDegradeFixture: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type GracefulDegradeFixture = InstanceType<typeof GracefulDegradeFixture>;
+export default GracefulDegradeFixture;
+//# sourceMappingURL=GracefulDegradeFixture.svelte.d.ts.map

package/dist/svelte/__tests__/fixtures/GracefulDegradeFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GracefulDegradeFixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/__tests__/fixtures/GracefulDegradeFixture.svelte.ts"],"names":[],"mappings":"AAoBA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,sBAAsB;;kBAA+E,CAAC;AAC1F,KAAK,sBAAsB,GAAG,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC;AAC5E,eAAe,sBAAsB,CAAC"}

package/dist/svelte/__tests__/fixtures/ModeSwitchFixture.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+import FieldPolicyProvider from '../../components/FieldPolicyProvider.svelte';
+import ModeSwitch from '../../components/ModeSwitch.svelte';
+import PolicyField from '../../components/PolicyField.svelte';
+
+let { policy }: { policy: ResolvedObjectFieldPolicy } = $props();
+</script>
+
+<FieldPolicyProvider {policy} mode="basic">
+  <ModeSwitch />
+  <PolicyField name="name">
+    <input id="name" name="name" type="text" />
+  </PolicyField>
+  <PolicyField name="secretKey">
+    <input id="secretKey" name="secretKey" type="text" />
+  </PolicyField>
+</FieldPolicyProvider>

package/dist/svelte/__tests__/fixtures/ModeSwitchFixture.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+type $$ComponentProps = {
+    policy: ResolvedObjectFieldPolicy;
+};
+declare const ModeSwitchFixture: import("svelte").Component<$$ComponentProps, {}, "">;
+type ModeSwitchFixture = ReturnType<typeof ModeSwitchFixture>;
+export default ModeSwitchFixture;
+//# sourceMappingURL=ModeSwitchFixture.svelte.d.ts.map

package/dist/svelte/__tests__/fixtures/ModeSwitchFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModeSwitchFixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/__tests__/fixtures/ModeSwitchFixture.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAKlE,KAAK,gBAAgB,GAAI;IAAE,MAAM,EAAE,yBAAyB,CAAA;CAAE,CAAC;AAsBhE,QAAA,MAAM,iBAAiB,sDAAwC,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/svelte/__tests__/fixtures/NoIdFixture.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+/**
+ * Test fixture: PolicyField wrapping a control with NO id attribute — the
+ * wrapper must assign one so the label's `for` never dangles.
+ */
+
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+import FieldPolicyProvider from '../../components/FieldPolicyProvider.svelte';
+import PolicyField from '../../components/PolicyField.svelte';
+
+let {
+  policy,
+  mode = 'basic',
+}: {
+  policy: ResolvedObjectFieldPolicy;
+  mode?: 'basic' | 'advanced';
+} = $props();
+</script>
+
+<FieldPolicyProvider {policy} {mode}>
+  <PolicyField name="name">
+    <input type="text" />
+  </PolicyField>
+</FieldPolicyProvider>

package/dist/svelte/__tests__/fixtures/NoIdFixture.svelte.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Test fixture: PolicyField wrapping a control with NO id attribute — the
+ * wrapper must assign one so the label's `for` never dangles.
+ */
+import type { ResolvedObjectFieldPolicy } from '../../../types.js';
+type $$ComponentProps = {
+    policy: ResolvedObjectFieldPolicy;
+    mode?: 'basic' | 'advanced';
+};
+declare const NoIdFixture: import("svelte").Component<$$ComponentProps, {}, "">;
+type NoIdFixture = ReturnType<typeof NoIdFixture>;
+export default NoIdFixture;
+//# sourceMappingURL=NoIdFixture.svelte.d.ts.map

package/dist/svelte/__tests__/fixtures/NoIdFixture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoIdFixture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/svelte/__tests__/fixtures/NoIdFixture.svelte.ts"],"names":[],"mappings":"AAGA;;;GAGG;AACH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAIlE,KAAK,gBAAgB,GAAI;IACxB,MAAM,EAAE,yBAAyB,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;CAC7B,CAAC;AAsBF,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}