@webamoki/web-svelte 0.8.0 → 1.0.1

package/dist/components/form/fields/SelectMultiField.svelte

@@ -1,96 +1,101 @@
 <script
-	lang="ts"
-	generics="I,V, K extends string | number,T extends Record<string, unknown>, U extends FormPath<T>, M"
+  generics="I,V, K extends number | string,T extends Record<string, unknown>, U extends FormPath<T>, M"
+  lang="ts"
 >
-	import IconInputWrapper from '../IconInputWrapper.svelte';
-	import {
-		Select,
-		SelectContent,
-		SelectGroup,
-		SelectItem,
-		SelectLabel,
-		SelectTrigger
-	} from '../../../shadcn/components/ui/select/index.js';
-	import { cn } from '../../../shadcn/utils.js';
-	import type { Component } from 'svelte';
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+  import type { Component } from 'svelte';
+  import type { FormPath } from 'sveltekit-superforms';
 
-	interface Props extends FieldWrapperProps<T, U, M> {
-		values?: V[];
-		items: readonly I[];
-		getKey: (item: I) => K;
-		getLabel: (item: I) => string;
-		getValue: (item: I) => V;
-		onchange?: (value: V[]) => void;
-		class?: string;
-		placeholder: string;
-		icon?: Component;
-	}
-	let {
-		values = $bindable([]),
-		class: className,
-		getKey: _getKey,
-		getLabel,
-		getValue,
-		onchange,
-		placeholder,
-		items,
-		icon,
-		...fieldProps
-	}: Props = $props();
-	let valueToItem: Map<V, I> = new Map(items.map((item) => [getValue(item), item] as const));
-	let keyToItem: Map<string, I> = new Map(items.map((item) => [getKey(item), item] as const));
+  import IconInputWrapper from '../IconInputWrapper.svelte';
+  import {
+    Select,
+    SelectContent,
+    SelectGroup,
+    SelectItem,
+    SelectLabel,
+    SelectTrigger
+  } from '../../../shadcn/components/ui/select/index.js';
+  import { cn } from '../../../shadcn/utils.js';
 
-	// Enforce string key function
-	function getKey(item: I) {
-		const key = _getKey(item);
-		return key.toString();
-	}
+  import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
 
-	function getKeyFromValue(): string[] {
-		return values.map((value) => {
-			const item = valueToItem.get(value)!;
-			return getKey(item)!;
-		});
-	}
+  interface Props extends FieldWrapperProps<T, U, M> {
+    class?: string;
+    getKey: (item: I) => K;
+    getLabel: (item: I) => string;
+    getValue: (item: I) => V;
+    icon?: Component;
+    items: readonly I[];
+    onchange?: (value: V[]) => void;
+    placeholder: string;
+    values?: V[];
+  }
+  let {
+    class: className,
+    getKey: _getKey,
+    getLabel,
+    getValue,
+    icon,
+    items,
+    onchange,
+    placeholder,
+    values = $bindable([]),
+    ...fieldProps
+  }: Props = $props();
+  // Items property shouldn't be updated, ignore warning
+  // svelte-ignore state_referenced_locally
+  let valueToItem: Map<V, I> = new Map(items.map((item) => [getValue(item), item] as const));
+  // svelte-ignore state_referenced_locally
+  let keyToItem: Map<string, I> = new Map(items.map((item) => [getKey(item), item] as const));
 
-	function setValueFromKey(keys: string[]) {
-		const newValues: V[] = keys
-			.map((key) => keyToItem.get(key))
-			.filter((item): item is I => item !== undefined) // filter out missing keys
-			.map((item) => getValue(item));
-		values = newValues;
-		onchange?.(newValues);
-	}
+  // Enforce string key function
+  function getKey(item: I) {
+    const key = _getKey(item);
+    return key.toString();
+  }
 
-	function getPreview() {
-		return values.length
-			? values.map((value) => getLabel(valueToItem.get(value)!)).join(', ')
-			: placeholder;
-	}
+  function getKeyFromValue(): string[] {
+    return values.map((value) => {
+      const item = valueToItem.get(value)!;
+      return getKey(item)!;
+    });
+  }
+
+  function setValueFromKey(keys: string[]) {
+    const newValues: V[] = keys
+      .map((key) => keyToItem.get(key))
+      .filter((item): item is I => item !== undefined) // filter out missing keys
+      .map((item) => getValue(item));
+    values = newValues;
+    onchange?.(newValues);
+  }
+
+  function getPreview() {
+    return values.length
+      ? values.map((value) => getLabel(valueToItem.get(value)!)).join(', ')
+      : placeholder;
+  }
 </script>
 
 <FieldWrapper {...fieldProps}>
-	{#snippet formElem(props)}
-		<Select type="multiple" {...props} bind:value={getKeyFromValue, setValueFromKey}>
-			<IconInputWrapper {icon}>
-				{#snippet children({ class: iconClass })}
-					<SelectTrigger class={cn('w-full cursor-pointer truncate', iconClass, className)}>
-						<span class="block truncate">
-							{getPreview()}
-						</span>
-					</SelectTrigger>
-				{/snippet}
-			</IconInputWrapper>
-			<SelectContent>
-				<SelectGroup>
-					<SelectLabel>{fieldProps.label}</SelectLabel>
-					{#each items as item (getKey(item))}
-						<SelectItem class="cursor-pointer" value={getKey(item)} label={getLabel(item)} />
-					{/each}
-				</SelectGroup>
-			</SelectContent>
-		</Select>
-	{/snippet}
+  {#snippet formElem(props)}
+    <Select type="multiple" {...props} bind:value={getKeyFromValue, setValueFromKey}>
+      <IconInputWrapper {icon}>
+        {#snippet children({ class: iconClass })}
+          <SelectTrigger class={cn('w-full cursor-pointer truncate', iconClass, className)}>
+            <span class="block truncate">
+              {getPreview()}
+            </span>
+          </SelectTrigger>
+        {/snippet}
+      </IconInputWrapper>
+      <SelectContent>
+        <SelectGroup>
+          <SelectLabel>{fieldProps.label}</SelectLabel>
+          {#each items as item (getKey(item))}
+            <SelectItem class="cursor-pointer" label={getLabel(item)} value={getKey(item)} />
+          {/each}
+        </SelectGroup>
+      </SelectContent>
+    </Select>
+  {/snippet}
 </FieldWrapper>

package/dist/components/form/fields/SelectMultiField.svelte.d.ts

@@ -1,37 +1,50 @@
-import type { Component } from 'svelte';
-import type { FormPath } from 'sveltekit-superforms';
-import { type FieldWrapperProps } from '../FieldWrapper.svelte';
-declare function $$render<I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
+export default SelectMultiField;
+type SelectMultiField<I, V, K extends number | string, T extends Record<string, unknown>, U extends FormPath<T>, M> = SvelteComponent<Props, {}, {}> & {
+    $$bindings?: "values" | undefined;
+} & {};
+declare const SelectMultiField: $$IsomorphicComponent;
+import { FormPath } from 'sveltekit-superforms';
+type Props = FieldWrapperProps<T, U, M> & {
+    class?: string | undefined;
+    getKey: (item: I) => K;
+    getLabel: (item: I) => string;
+    getValue: (item: I) => V;
+    icon?: Component<any, any, string> | undefined;
+    items: readonly I[];
+    onchange?: ((value: V[]) => void) | undefined;
+    placeholder: string;
+    values?: V[] | undefined;
+};
+interface $$IsomorphicComponent {
+    new <I, V, K extends number | string, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import("svelte").ComponentConstructorOptions<ReturnType<__sveltets_Render<I, V, K, T, U, M>["props"]>>): import("svelte").SvelteComponent<ReturnType<__sveltets_Render<I, V, K, T, U, M>["props"]>, ReturnType<__sveltets_Render<I, V, K, T, U, M>["events"]>, ReturnType<__sveltets_Render<I, V, K, T, U, M>["slots"]>> & {
+        $$bindings?: ReturnType<__sveltets_Render<I, V, K, T, U, M>["bindings"]>;
+    } & ReturnType<__sveltets_Render<I, V, K, T, U, M>["exports"]>;
+    <I, V, K extends number | string, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<I, V, K, T, U, M>["props"]> & {}): ReturnType<__sveltets_Render<I, V, K, T, U, M>["exports"]>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any, any, any>["bindings"]>;
+}
+declare class __sveltets_Render<I, V, K extends number | string, T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<I, V, K, T, U, M>>["props"];
+    events(): ReturnType<typeof $$render<I, V, K, T, U, M>>["events"];
+    slots(): ReturnType<typeof $$render<I, V, K, T, U, M>>["slots"];
+    bindings(): "values";
+    exports(): {};
+}
+declare function $$render<I, V, K extends number | string, T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
-        values?: V[];
-        items: readonly I[];
+        class?: string;
         getKey: (item: I) => K;
         getLabel: (item: I) => string;
         getValue: (item: I) => V;
+        icon?: Component;
+        items: readonly I[];
         onchange?: (value: V[]) => void;
-        class?: string;
         placeholder: string;
-        icon?: Component;
+        values?: V[];
     };
     exports: {};
     bindings: "values";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<I, V, K, T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<I, V, K, T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<I, V, K, T, U, M>>['slots'];
-    bindings(): "values";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<I, V, K, T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<I, V, K, T, U, M>['props']>, ReturnType<__sveltets_Render<I, V, K, T, U, M>['events']>, ReturnType<__sveltets_Render<I, V, K, T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<I, V, K, T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<I, V, K, T, U, M>['exports']>;
-    <I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<I, V, K, T, U, M>['props']> & {}): ReturnType<__sveltets_Render<I, V, K, T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any, any, any, any>['bindings']>;
-}
-declare const SelectMultiField: $$IsomorphicComponent;
-type SelectMultiField<I, V, K extends string | number, T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof SelectMultiField<I, V, K, T, U, M>>;
-export default SelectMultiField;
+import { FieldWrapperProps } from '../FieldWrapper.svelte';
+import { Component } from 'svelte';

package/dist/components/form/fields/TextField.svelte

@@ -1,34 +1,36 @@
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
-	import IconInputWrapper from '../IconInputWrapper.svelte';
-	import { Input } from '../../../shadcn/components/ui/input/index.js';
-	import { cn } from '../../../shadcn/utils.js';
-	import type { Component } from 'svelte';
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>, M" lang="ts">
+  import type { Component } from 'svelte';
+  import type { FormPath } from 'sveltekit-superforms';
 
-	interface Props extends FieldWrapperProps<T, U, M> {
-		value?: string;
-		type?: HTMLInputElement['type'];
-		class?: string;
-		placeholder?: string;
-		icon?: Component;
-	}
-	let {
-		value = $bindable(),
-		type = 'text',
-		class: className,
-		placeholder,
-		icon,
-		...fieldProps
-	}: Props = $props();
+  import IconInputWrapper from '../IconInputWrapper.svelte';
+  import { Input } from '../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../shadcn/utils.js';
+
+  import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+
+  interface Props extends FieldWrapperProps<T, U, M> {
+    class?: string;
+    icon?: Component;
+    placeholder?: string;
+    type?: HTMLInputElement['type'];
+    value?: string;
+  }
+  let {
+    class: className,
+    icon,
+    placeholder,
+    type = 'text',
+    value = $bindable(),
+    ...fieldProps
+  }: Props = $props();
 </script>
 
 <FieldWrapper {...fieldProps}>
-	{#snippet formElem(props)}
-		<IconInputWrapper {icon}>
-			{#snippet children({ class: iconClass })}
-				<Input {type} bind:value class={cn(iconClass, className)} {placeholder} {...props} />
-			{/snippet}
-		</IconInputWrapper>
-	{/snippet}
+  {#snippet formElem(props)}
+    <IconInputWrapper {icon}>
+      {#snippet children({ class: iconClass })}
+        <Input class={cn(iconClass, className)} {placeholder} {type} bind:value {...props} />
+      {/snippet}
+    </IconInputWrapper>
+  {/snippet}
 </FieldWrapper>

package/dist/components/form/fields/TextField.svelte.d.ts

@@ -1,33 +1,42 @@
-import type { Component } from 'svelte';
-import type { FormPath } from 'sveltekit-superforms';
-import { type FieldWrapperProps } from '../FieldWrapper.svelte';
+export default TextField;
+type TextField<T extends Record<string, unknown>, U extends FormPath<T>, M> = SvelteComponent<Props, {}, {}> & {
+    $$bindings?: "value" | undefined;
+} & {};
+declare const TextField: $$IsomorphicComponent;
+import { FormPath } from 'sveltekit-superforms';
+type Props = FieldWrapperProps<T, U, M> & {
+    class?: string | undefined;
+    icon?: Component<any, any, string> | undefined;
+    placeholder?: string | undefined;
+    type?: string | undefined;
+    value?: string | undefined;
+};
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import("svelte").ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>["props"]>>): import("svelte").SvelteComponent<ReturnType<__sveltets_Render<T, U, M>["props"]>, ReturnType<__sveltets_Render<T, U, M>["events"]>, ReturnType<__sveltets_Render<T, U, M>["slots"]>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U, M>["bindings"]>;
+    } & ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>["props"]> & {}): ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>["bindings"]>;
+}
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<T, U, M>>["props"];
+    events(): ReturnType<typeof $$render<T, U, M>>["events"];
+    slots(): ReturnType<typeof $$render<T, U, M>>["slots"];
+    bindings(): "value";
+    exports(): {};
+}
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
-        value?: string;
-        type?: HTMLInputElement["type"];
         class?: string;
-        placeholder?: string;
         icon?: Component;
+        placeholder?: string;
+        type?: HTMLInputElement["type"];
+        value?: string;
     };
     exports: {};
     bindings: "value";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<T, U, M>>['slots'];
-    bindings(): "value";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U, M>['props']>, ReturnType<__sveltets_Render<T, U, M>['events']>, ReturnType<__sveltets_Render<T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>['props']> & {}): ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const TextField: $$IsomorphicComponent;
-type TextField<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof TextField<T, U, M>>;
-export default TextField;
+import { FieldWrapperProps } from '../FieldWrapper.svelte';
+import { Component } from 'svelte';

package/dist/components/form/fields/TextFieldNullable.svelte

@@ -1,53 +1,55 @@
-<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>, M">
-	import { Input } from '../../../shadcn/components/ui/input/index.js';
-	import { cn } from '../../../shadcn/utils.js';
-	import type { Component } from 'svelte';
-	import type { FormPath } from 'sveltekit-superforms';
-	import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+<script generics="T extends Record<string, unknown>, U extends FormPath<T>, M" lang="ts">
+  import type { Component } from 'svelte';
+  import type { FormPath } from 'sveltekit-superforms';
 
-	interface Props extends FieldWrapperProps<T, U, M> {
-		value?: string | null;
-		type?: HTMLInputElement['type'];
-		class?: string;
-		placeholder?: string;
-		icon?: Component;
-	}
-	let {
-		value = $bindable(),
-		type = 'text',
-		class: className,
-		placeholder,
-		icon,
-		...fieldProps
-	}: Props = $props();
+  import { Input } from '../../../shadcn/components/ui/input/index.js';
+  import { cn } from '../../../shadcn/utils.js';
 
-	function get() {
-		if (!value) return '';
-		return value;
-	}
-	function set(raw: string | undefined) {
-		value = raw || null;
-	}
+  import FieldWrapper, { type FieldWrapperProps } from '../FieldWrapper.svelte';
+
+  interface Props extends FieldWrapperProps<T, U, M> {
+    class?: string;
+    icon?: Component;
+    placeholder?: string;
+    type?: HTMLInputElement['type'];
+    value?: null | string;
+  }
+  let {
+    class: className,
+    icon,
+    placeholder,
+    type = 'text',
+    value = $bindable(),
+    ...fieldProps
+  }: Props = $props();
+
+  function get() {
+    if (!value) return '';
+    return value;
+  }
+  function set(raw: string | undefined) {
+    value = raw || null;
+  }
 </script>
 
 <FieldWrapper {...fieldProps}>
-	{#snippet formElem(props)}
-		{#if icon}
-			{@const Icon = icon}
-			<div class="relative">
-				<div class="pointer-events-none absolute top-1/2 left-4 -translate-y-1/2 text-gray-500">
-					<Icon class="size-5" />
-				</div>
-				<Input
-					{type}
-					bind:value={get, set}
-					class={cn('pl-12', className)}
-					{placeholder}
-					{...props}
-				/>
-			</div>
-		{:else}
-			<Input {type} bind:value={get, set} class={className} {placeholder} {...props} />
-		{/if}
-	{/snippet}
+  {#snippet formElem(props)}
+    {#if icon}
+      {@const Icon = icon}
+      <div class="relative">
+        <div class="pointer-events-none absolute top-1/2 left-4 -translate-y-1/2 text-gray-500">
+          <Icon class="size-5" />
+        </div>
+        <Input
+          class={cn('pl-12', className)}
+          {placeholder}
+          {type}
+          bind:value={get, set}
+          {...props}
+        />
+      </div>
+    {:else}
+      <Input class={className} {placeholder} {type} bind:value={get, set} {...props} />
+    {/if}
+  {/snippet}
 </FieldWrapper>

package/dist/components/form/fields/TextFieldNullable.svelte.d.ts

@@ -1,33 +1,42 @@
-import type { Component } from 'svelte';
-import type { FormPath } from 'sveltekit-superforms';
-import { type FieldWrapperProps } from '../FieldWrapper.svelte';
+export default TextFieldNullable;
+type TextFieldNullable<T extends Record<string, unknown>, U extends FormPath<T>, M> = SvelteComponent<Props, {}, {}> & {
+    $$bindings?: "value" | undefined;
+} & {};
+declare const TextFieldNullable: $$IsomorphicComponent;
+import { FormPath } from 'sveltekit-superforms';
+type Props = FieldWrapperProps<T, U, M> & {
+    class?: string | undefined;
+    icon?: Component<any, any, string> | undefined;
+    placeholder?: string | undefined;
+    type?: string | undefined;
+    value?: string | null | undefined;
+};
+interface $$IsomorphicComponent {
+    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import("svelte").ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>["props"]>>): import("svelte").SvelteComponent<ReturnType<__sveltets_Render<T, U, M>["props"]>, ReturnType<__sveltets_Render<T, U, M>["events"]>, ReturnType<__sveltets_Render<T, U, M>["slots"]>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, U, M>["bindings"]>;
+    } & ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>["props"]> & {}): ReturnType<__sveltets_Render<T, U, M>["exports"]>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>["bindings"]>;
+}
+declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
+    props(): ReturnType<typeof $$render<T, U, M>>["props"];
+    events(): ReturnType<typeof $$render<T, U, M>>["events"];
+    slots(): ReturnType<typeof $$render<T, U, M>>["slots"];
+    bindings(): "value";
+    exports(): {};
+}
 declare function $$render<T extends Record<string, unknown>, U extends FormPath<T>, M>(): {
     props: FieldWrapperProps<T, U, M> & {
-        value?: string | null;
-        type?: HTMLInputElement["type"];
         class?: string;
-        placeholder?: string;
         icon?: Component;
+        placeholder?: string;
+        type?: HTMLInputElement["type"];
+        value?: null | string;
     };
     exports: {};
     bindings: "value";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends Record<string, unknown>, U extends FormPath<T>, M> {
-    props(): ReturnType<typeof $$render<T, U, M>>['props'];
-    events(): ReturnType<typeof $$render<T, U, M>>['events'];
-    slots(): ReturnType<typeof $$render<T, U, M>>['slots'];
-    bindings(): "value";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>, U extends FormPath<T>, M>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, U, M>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, U, M>['props']>, ReturnType<__sveltets_Render<T, U, M>['events']>, ReturnType<__sveltets_Render<T, U, M>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T, U, M>['bindings']>;
-    } & ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    <T extends Record<string, unknown>, U extends FormPath<T>, M>(internal: unknown, props: ReturnType<__sveltets_Render<T, U, M>['props']> & {}): ReturnType<__sveltets_Render<T, U, M>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any, any, any>['bindings']>;
-}
-declare const TextFieldNullable: $$IsomorphicComponent;
-type TextFieldNullable<T extends Record<string, unknown>, U extends FormPath<T>, M> = InstanceType<typeof TextFieldNullable<T, U, M>>;
-export default TextFieldNullable;
+import { FieldWrapperProps } from '../FieldWrapper.svelte';
+import { Component } from 'svelte';