@d34dman/flowdrop 0.0.61 → 0.0.62

package/dist/components/form/FormAutocomplete.svelte

@@ -26,6 +26,7 @@
 	import type { AutocompleteConfig, AuthProvider } from '../../types/index.js';
 	import type { FieldOption } from './types.js';
 	import { buildFetchHeaders } from '../../utils/fetchWithAuth.js';
+	import { logger } from '../../utils/logger.js';
 
 	/**
 	 * Props interface for FormAutocomplete component
@@ -162,7 +163,7 @@
 	 */
 	function mapResponse(data: unknown): FieldOption[] {
 		if (!Array.isArray(data)) {
-			console.warn('[FormAutocomplete] Response is not an array:', data);
+			logger.warn('[FormAutocomplete] Response is not an array:', data);
 			return [];
 		}
 
@@ -228,7 +229,7 @@
 				// Request was cancelled, ignore
 				return;
 			}
-			console.error('[FormAutocomplete] Fetch error:', err);
+			logger.error('[FormAutocomplete] Fetch error:', err);
 			error = err instanceof Error ? err.message : 'Failed to fetch suggestions';
 			suggestions = [];
 		} finally {
@@ -644,7 +645,7 @@
 	</div>
 
 	<!-- Dropdown popover (uses Popover API to render in top layer, bypassing stacking contexts) -->
-	<!-- svelte-ignore a11y_no_static_element_interactions -->
+	<!-- svelte-ignore a11y_no_static_element_interactions — role="presentation" container; onmousedown prevents focus loss from input -->
 	<div
 		bind:this={popoverElement}
 		id={listboxId}
@@ -675,7 +676,7 @@
 				</li>
 			{:else}
 				{#each suggestions as option, index (option.value)}
-					<!-- svelte-ignore a11y_click_events_have_key_events -->
+					<!-- svelte-ignore a11y_click_events_have_key_events — WAI-ARIA combobox: keyboard nav handled on input, not individual options -->
 					<li
 						id={getOptionId(index)}
 						class="form-autocomplete__option"
@@ -713,9 +714,9 @@
 		display: flex;
 		flex-wrap: wrap;
 		align-items: flex-start;
-		gap: var(--fd-space-1);
+		gap: var(--fd-space-3xs);
 		min-height: 2.625rem;
-		padding: var(--fd-space-1) 2.5rem var(--fd-space-1) var(--fd-space-3);
+		padding: var(--fd-space-3xs) 2.5rem var(--fd-space-3xs) var(--fd-space-md);
 		border: 1px solid var(--fd-border);
 		border-radius: var(--fd-radius-lg);
 		font-size: var(--fd-text-sm);
@@ -751,7 +752,7 @@
 	.form-autocomplete__tags {
 		display: flex;
 		flex-wrap: wrap;
-		gap: var(--fd-space-1);
+		gap: var(--fd-space-3xs);
 		align-items: center;
 	}
 
@@ -759,8 +760,8 @@
 	.form-autocomplete__tag {
 		display: inline-flex;
 		align-items: center;
-		gap: var(--fd-space-1);
-		padding: var(--fd-space-1) var(--fd-space-1) var(--fd-space-1) var(--fd-space-2);
+		gap: var(--fd-space-3xs);
+		padding: var(--fd-space-3xs) var(--fd-space-3xs) var(--fd-space-3xs) var(--fd-space-xs);
 		background-color: var(--fd-primary-muted);
 		border: 1px solid var(--fd-primary-muted);
 		border-radius: var(--fd-radius-md);
@@ -812,7 +813,7 @@
 
 	.form-autocomplete__input {
 		width: 100%;
-		padding: var(--fd-space-1) 0;
+		padding: var(--fd-space-3xs) 0;
 		border: none;
 		outline: none;
 		font-size: var(--fd-text-sm);
@@ -828,11 +829,11 @@
 	/* Status icons */
 	.form-autocomplete__icons {
 		position: absolute;
-		right: var(--fd-space-2);
+		right: var(--fd-space-xs);
 		top: 0.625rem;
 		display: flex;
 		align-items: center;
-		gap: var(--fd-space-1);
+		gap: var(--fd-space-3xs);
 	}
 
 	.form-autocomplete__chevron,
@@ -867,7 +868,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: center;
-		padding: var(--fd-space-1);
+		padding: var(--fd-space-3xs);
 		border: none;
 		border-radius: var(--fd-radius-sm);
 		background: transparent;
@@ -904,7 +905,7 @@
 	/* Dropdown listbox inside popover */
 	.form-autocomplete__listbox {
 		margin: 0;
-		padding: var(--fd-space-1);
+		padding: var(--fd-space-3xs);
 		list-style: none;
 		background-color: var(--fd-background);
 		border: 1px solid var(--fd-border);
@@ -918,7 +919,7 @@
 		display: flex;
 		align-items: center;
 		justify-content: space-between;
-		padding: var(--fd-space-2) var(--fd-space-3);
+		padding: var(--fd-space-xs) var(--fd-space-md);
 		border-radius: var(--fd-radius-md);
 		cursor: pointer;
 		transition: background-color var(--fd-transition-fast);
@@ -951,15 +952,15 @@
 		height: 1rem;
 		color: var(--fd-primary);
 		flex-shrink: 0;
-		margin-left: var(--fd-space-2);
+		margin-left: var(--fd-space-xs);
 	}
 
 	/* Status messages */
 	.form-autocomplete__status {
 		display: flex;
 		align-items: center;
-		gap: var(--fd-space-2);
-		padding: var(--fd-space-3);
+		gap: var(--fd-space-xs);
+		padding: var(--fd-space-md);
 		font-size: var(--fd-text-sm);
 		color: var(--fd-muted-foreground);
 	}
@@ -989,7 +990,7 @@
 
 	.form-autocomplete__retry {
 		margin-left: auto;
-		padding: var(--fd-space-1) var(--fd-space-2);
+		padding: var(--fd-space-3xs) var(--fd-space-xs);
 		border: 1px solid var(--fd-error);
 		border-radius: var(--fd-radius-sm);
 		background-color: transparent;

package/dist/components/form/FormCheckboxGroup.stories.svelte

@@ -0,0 +1,28 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import FormCheckboxGroup from "./FormCheckboxGroup.svelte";
+	import { fn } from "storybook/test";
+
+	const { Story } = defineMeta({
+		title: "Form/FormCheckboxGroup",
+		component: FormCheckboxGroup,
+		tags: ["autodocs"],
+		argTypes: {
+			disabled: { control: "boolean" },
+		},
+		args: {
+			id: "demo-checkbox-group",
+			options: ["Email", "SMS", "Push Notification", "Webhook"],
+			value: [],
+			onChange: fn(),
+		},
+	});
+</script>
+
+<Story name="No Selection" args={{ value: [] }} />
+
+<Story name="Pre-selected" args={{ value: ["Email", "Push Notification"] }} />
+
+<Story name="All Selected" args={{ value: ["Email", "SMS", "Push Notification", "Webhook"] }} />
+
+<Story name="Disabled" args={{ value: ["Email"], disabled: true }} />

package/dist/components/form/FormCheckboxGroup.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default FormCheckboxGroup;
+type FormCheckboxGroup = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const FormCheckboxGroup: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import FormCheckboxGroup from "./FormCheckboxGroup.svelte";
+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;
+}

package/dist/components/form/FormField.svelte

@@ -44,7 +44,7 @@
 	import type { FieldSchema } from './types.js';
 	import { getSchemaOptions } from './types.js';
 	import type { WorkflowNode, WorkflowEdge, AuthProvider } from '../../types/index.js';
-	import { resolvedTheme } from '../../stores/settingsStore.js';
+	import { getResolvedTheme } from '../../stores/settingsStore.svelte.js';
 
 	interface Props {
 		/** Unique key/id for the field */
@@ -346,7 +346,7 @@
 				placeholder={schema.placeholder ?? '{}'}
 				{required}
 				height={(schema.height as string | undefined) ?? '200px'}
-				darkTheme={(schema.darkTheme as boolean | undefined) ?? $resolvedTheme === 'dark'}
+				darkTheme={(schema.darkTheme as boolean | undefined) ?? getResolvedTheme() === 'dark'}
 				autoFormat={(schema.autoFormat as boolean | undefined) ?? true}
 				ariaDescribedBy={descriptionId}
 				disabled={isReadOnly}
@@ -374,7 +374,7 @@
 					'Enter your template here...\nUse {{ variable }} for dynamic values.'}
 				{required}
 				height={(schema.height as string | undefined) ?? '250px'}
-				darkTheme={(schema.darkTheme as boolean | undefined) ?? $resolvedTheme === 'dark'}
+				darkTheme={(schema.darkTheme as boolean | undefined) ?? getResolvedTheme() === 'dark'}
 				variables={schema.variables}
 				placeholderExample={(schema.placeholderExample as string | undefined) ??
 					'Hello {{ name }}, your order #{{ order_id }} is ready!'}

package/dist/components/form/FormFieldLight.svelte

@@ -43,7 +43,7 @@
 	import FormCheckboxGroup from './FormCheckboxGroup.svelte';
 	import FormArray from './FormArray.svelte';
 	import { resolveFieldComponent } from '../../form/fieldRegistry.js';
-	import { resolvedTheme } from '../../stores/settingsStore.js';
+	import { getResolvedTheme } from '../../stores/settingsStore.svelte.js';
 	import type { FieldSchema } from './types.js';
 	import { getSchemaOptions } from './types.js';
 
@@ -236,7 +236,7 @@
 				{required}
 				ariaDescribedBy={descriptionId}
 				height={schema.height as string | undefined}
-				darkTheme={schema.darkTheme ?? $resolvedTheme === 'dark'}
+				darkTheme={schema.darkTheme ?? getResolvedTheme() === 'dark'}
 				autoFormat={schema.autoFormat as boolean | undefined}
 				showToolbar={schema.showToolbar as boolean | undefined}
 				showStatusBar={schema.showStatusBar as boolean | undefined}

package/dist/components/form/FormFieldWrapper.stories.svelte

@@ -0,0 +1,31 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import FormFieldWrapper from "./FormFieldWrapper.svelte";
+
+	const { Story } = defineMeta({
+		title: "Form/FormFieldWrapper",
+		component: FormFieldWrapper,
+		tags: ["autodocs"],
+		argTypes: {
+			label: { control: "text" },
+			required: { control: "boolean" },
+			description: { control: "text" },
+		},
+		args: {
+			id: "demo-wrapper",
+			label: "Field Label",
+		},
+	});
+</script>
+
+<Story name="Default" args={{ label: "Username" }}>
+	<input type="text" id="demo-wrapper" placeholder="Enter username" style="width: 100%; padding: 0.625rem 0.875rem; border: 1px solid var(--fd-border); border-radius: var(--fd-radius-lg); font-size: var(--fd-text-sm);" />
+</Story>
+
+<Story name="With Description" args={{ label: "Email", description: "We'll never share your email with anyone.", required: true }}>
+	<input type="email" id="demo-wrapper" placeholder="email@example.com" style="width: 100%; padding: 0.625rem 0.875rem; border: 1px solid var(--fd-border); border-radius: var(--fd-radius-lg); font-size: var(--fd-text-sm);" />
+</Story>
+
+<Story name="Required" args={{ label: "Password", required: true }}>
+	<input type="password" id="demo-wrapper" placeholder="Enter password" style="width: 100%; padding: 0.625rem 0.875rem; border: 1px solid var(--fd-border); border-radius: var(--fd-radius-lg); font-size: var(--fd-text-sm);" />
+</Story>

package/dist/components/form/FormFieldWrapper.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default FormFieldWrapper;
+type FormFieldWrapper = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const FormFieldWrapper: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import FormFieldWrapper from "./FormFieldWrapper.svelte";
+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;
+}

package/dist/components/form/FormFieldset.svelte

@@ -67,13 +67,13 @@
 	   ============================================ */
 
 	.form-fieldset__summary {
-		gap: var(--fd-space-2);
+		gap: var(--fd-space-xs);
 	}
 
 	.form-fieldset__label {
 		display: flex;
 		align-items: center;
-		gap: var(--fd-space-2);
+		gap: var(--fd-space-xs);
 	}
 
 	.form-fieldset__title {
@@ -106,13 +106,13 @@
 	}
 
 	.form-fieldset__content {
-		padding-top: var(--fd-space-2);
+		padding-top: var(--fd-space-xs);
 	}
 
 	.form-fieldset__fields {
 		display: flex;
 		flex-direction: column;
-		gap: var(--fd-space-5);
+		gap: var(--fd-space-2xl);
 	}
 
 	/* ============================================
@@ -122,19 +122,19 @@
 	.form-fieldset--static {
 		border: 1px solid var(--fd-border-muted);
 		border-radius: var(--fd-radius-lg);
-		padding: var(--fd-space-4);
+		padding: var(--fd-space-xl);
 		margin: 0;
 	}
 
 	.form-fieldset__legend {
-		padding: 0 var(--fd-space-2);
+		padding: 0 var(--fd-space-xs);
 		font-size: var(--fd-text-sm);
 		font-weight: 600;
 		color: var(--fd-foreground);
 	}
 
 	.form-fieldset__description {
-		margin: 0 0 var(--fd-space-3) 0;
+		margin: 0 0 var(--fd-space-md) 0;
 		font-size: var(--fd-text-xs);
 		color: var(--fd-muted-foreground);
 		line-height: 1.4;

package/dist/components/form/FormNumberField.stories.svelte

@@ -0,0 +1,33 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import FormNumberField from "./FormNumberField.svelte";
+	import { fn } from "storybook/test";
+
+	const { Story } = defineMeta({
+		title: "Form/FormNumberField",
+		component: FormNumberField,
+		tags: ["autodocs"],
+		argTypes: {
+			value: { control: "number" },
+			placeholder: { control: "text" },
+			min: { control: "number" },
+			max: { control: "number" },
+			step: { control: "number" },
+			required: { control: "boolean" },
+			disabled: { control: "boolean" },
+		},
+		args: {
+			id: "demo-number-field",
+			value: "",
+			onChange: fn(),
+		},
+	});
+</script>
+
+<Story name="Default" args={{ placeholder: "Enter a number..." }} />
+
+<Story name="With Value" args={{ value: 42 }} />
+
+<Story name="With Constraints" args={{ value: 50, min: 0, max: 100, step: 5, placeholder: "0-100, step 5" }} />
+
+<Story name="Disabled" args={{ value: 10, disabled: true }} />

package/dist/components/form/FormNumberField.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default FormNumberField;
+type FormNumberField = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const FormNumberField: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import FormNumberField from "./FormNumberField.svelte";
+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;
+}

package/dist/components/form/FormRangeField.stories.svelte

@@ -0,0 +1,31 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import FormRangeField from "./FormRangeField.svelte";
+	import { fn } from "storybook/test";
+
+	const { Story } = defineMeta({
+		title: "Form/FormRangeField",
+		component: FormRangeField,
+		tags: ["autodocs"],
+		argTypes: {
+			value: { control: { type: "number" } },
+			min: { control: "number" },
+			max: { control: "number" },
+			step: { control: "number" },
+			disabled: { control: "boolean" },
+		},
+		args: {
+			id: "demo-range-field",
+			value: 50,
+			onChange: fn(),
+		},
+	});
+</script>
+
+<Story name="Default" args={{ min: 0, max: 100, step: 1 }} />
+
+<Story name="Temperature" args={{ value: 0.7, min: 0, max: 2, step: 0.05 }} />
+
+<Story name="Small Range" args={{ value: 3, min: 1, max: 10, step: 1 }} />
+
+<Story name="Disabled" args={{ value: 75, min: 0, max: 100, disabled: true }} />

package/dist/components/form/FormRangeField.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default FormRangeField;
+type FormRangeField = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const FormRangeField: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import FormRangeField from "./FormRangeField.svelte";
+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;
+}

package/dist/components/form/FormSelect.stories.svelte

@@ -0,0 +1,50 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import FormSelect from "./FormSelect.svelte";
+	import { fn } from "storybook/test";
+
+	const { Story } = defineMeta({
+		title: "Form/FormSelect",
+		component: FormSelect,
+		tags: ["autodocs"],
+		argTypes: {
+			value: { control: "text" },
+			required: { control: "boolean" },
+			disabled: { control: "boolean" },
+		},
+		args: {
+			id: "demo-select",
+			value: "",
+			onChange: fn(),
+		},
+	});
+</script>
+
+<Story
+	name="String Options"
+	args={{
+		options: ["Option A", "Option B", "Option C"],
+		value: "Option A",
+	}}
+/>
+
+<Story
+	name="FieldOption Objects"
+	args={{
+		options: [
+			{ value: "gpt-4", label: "GPT-4" },
+			{ value: "gpt-3.5", label: "GPT-3.5 Turbo" },
+			{ value: "claude-3", label: "Claude 3 Opus" },
+		],
+		value: "gpt-4",
+	}}
+/>
+
+<Story
+	name="Disabled"
+	args={{
+		options: ["Read", "Write", "Admin"],
+		value: "Read",
+		disabled: true,
+	}}
+/>

package/dist/components/form/FormSelect.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default FormSelect;
+type FormSelect = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const FormSelect: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import FormSelect from "./FormSelect.svelte";
+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;
+}

package/dist/components/form/FormTemplateEditor.svelte

@@ -45,6 +45,7 @@
 	} from '../../types/index.js';
 	import { createTemplateAutocomplete } from './templateAutocomplete.js';
 	import { getVariableSchema } from '../../services/variableService.js';
+	import { logger } from '../../utils/logger.js';
 
 	interface Props {
 		/** Field identifier */
@@ -158,7 +159,7 @@
 					authProvider
 				);
 			} catch (error) {
-				console.error('Failed to load variable schema:', error);
+				logger.error('Failed to load variable schema:', error);
 				variableLoadError = error instanceof Error ? error.message : 'Failed to load variables';
 				effectiveVariableSchema = undefined;
 			} finally {

package/dist/components/form/FormTextField.stories.svelte

@@ -0,0 +1,30 @@
+<script module>
+	import { defineMeta } from "@storybook/addon-svelte-csf";
+	import FormTextField from "./FormTextField.svelte";
+	import { fn } from "storybook/test";
+
+	const { Story } = defineMeta({
+		title: "Form/FormTextField",
+		component: FormTextField,
+		tags: ["autodocs"],
+		argTypes: {
+			value: { control: "text" },
+			placeholder: { control: "text" },
+			required: { control: "boolean" },
+			disabled: { control: "boolean" },
+		},
+		args: {
+			id: "demo-text-field",
+			value: "",
+			onChange: fn(),
+		},
+	});
+</script>
+
+<Story name="Default" args={{ placeholder: "Enter text..." }} />
+
+<Story name="With Value" args={{ value: "Hello World", placeholder: "Enter text..." }} />
+
+<Story name="Required" args={{ required: true, placeholder: "Required field" }} />
+
+<Story name="Disabled" args={{ value: "Cannot edit this", disabled: true }} />

package/dist/components/form/FormTextField.stories.svelte.d.ts

@@ -0,0 +1,27 @@
+export default FormTextField;
+type FormTextField = SvelteComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}> & {
+    $$bindings?: string | undefined;
+};
+declare const FormTextField: $$__sveltets_2_IsomorphicComponent<{
+    [x: string]: never;
+}, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+import FormTextField from "./FormTextField.svelte";
+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;
+}