includio-cms 0.5.2 → 0.5.5

package/dist/admin/components/fields/file-field.svelte.d.ts

@@ -1,30 +1,8 @@
-import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
 import type { FileField } from '../../../types/fields.js';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        field: FileField;
-        form: SuperForm<T>;
-        path: FormPathLeaves<T, string | string[] | undefined>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+type Props = {
+    field: FileField;
+    value: string | string[] | undefined;
 };
-declare class __sveltets_Render<T extends Record<string, unknown>> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const FileField: $$IsomorphicComponent;
-type FileField<T extends Record<string, unknown>> = InstanceType<typeof FileField<T>>;
+declare const FileField: import("svelte").Component<Props, {}, "value">;
+type FileField = ReturnType<typeof FileField>;
 export default FileField;

package/dist/admin/components/fields/image-field.svelte

@@ -1,15 +1,5 @@
-<script lang="ts" module>
-	type T = Record<string, unknown>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>">
+<script lang="ts">
 	import * as Dialog from '../../../components/ui/dialog/index.js';
-	import {
-		formFieldProxy,
-		type FormFieldProxy,
-		type FormPathLeaves,
-		type SuperForm
-	} from 'sveltekit-superforms';
 	import { onMount } from 'svelte';
 	import Button from '../../../components/ui/button/button.svelte';
 	import type { ImageField } from '../../../types/fields.js';
@@ -42,31 +32,26 @@
 
 	type Props = {
 		field: ImageField;
-		form: SuperForm<T>;
-		path: FormPathLeaves<T, string | string[] | undefined>;
+		value: string | string[] | undefined;
 	};
 
-	let { field, form, path, ...props }: Props = $props();
-
-	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<
-		string | string[] | undefined
-	>;
+	let { field, value = $bindable(), ...props }: Props = $props();
 
 	onMount(() => {
-		if ($value === undefined) {
-			$value = field.multiple ? [] : '';
+		if (value === undefined) {
+			value = field.multiple ? [] : '';
 		}
 	});
 </script>
 
-{#if $value !== undefined}
+{#if value !== undefined}
 	<Dialog.Root>
 		<Dialog.Trigger>
 			{#snippet child({ props })}
-				{#if $value && ((typeof $value === 'string' && $value !== '') || (Array.isArray($value) && $value.length > 0))}
+				{#if value && ((typeof value === 'string' && value !== '') || (Array.isArray(value) && value.length > 0))}
 					<div class="group/dialog-trigger relative aspect-square max-w-64 overflow-hidden rounded-2xl border">
-						{#if typeof $value === 'string'}
-							{#await remotes.getFileById($value)}
+						{#if typeof value === 'string'}
+							{#await remotes.getFileById(value)}
 								<div class="animate-pulse bg-muted w-full h-full rounded-xl"></div>
 							{:then file}
 								{#if file}
@@ -83,8 +68,8 @@
 									</button>
 								{/if}
 							{/await}
-						{:else if Array.isArray($value) && $value.length > 0}
-							{@const valueArr = $value}
+						{:else if Array.isArray(value) && value.length > 0}
+							{@const valueArr = value}
 							{#await remotes.getMediaFiles({ data: { ids: valueArr } })}
 								<div class="animate-pulse bg-muted w-full h-full rounded-xl"></div>
 							{:then files}
@@ -151,7 +136,7 @@
 									class="h-8"
 									onclick={(e) => {
 										e.stopPropagation();
-										$value = field.multiple ? [] : '';
+										value = field.multiple ? [] : '';
 									}}
 								>
 									<X class="h-4 w-4" />
@@ -176,7 +161,7 @@
 			{/snippet}
 		</Dialog.Trigger>
 		<Dialog.Content class="h-[85vh] w-full max-w-6xl! sm:max-w-6xl! overflow-hidden p-0 flex flex-col">
-			<MediaSelector bind:selected={$value} multiple={field.multiple} accept="image/*" />
+			<MediaSelector bind:selected={value} multiple={field.multiple} accept="image/*" />
 		</Dialog.Content>
 	</Dialog.Root>
 

package/dist/admin/components/fields/image-field.svelte.d.ts

@@ -1,30 +1,8 @@
-import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
 import type { ImageField } from '../../../types/fields.js';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        field: ImageField;
-        form: SuperForm<T>;
-        path: FormPathLeaves<T, string | string[] | undefined>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+type Props = {
+    field: ImageField;
+    value: string | string[] | undefined;
 };
-declare class __sveltets_Render<T extends Record<string, unknown>> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const ImageField: $$IsomorphicComponent;
-type ImageField<T extends Record<string, unknown>> = InstanceType<typeof ImageField<T>>;
+declare const ImageField: import("svelte").Component<Props, {}, "value">;
+type ImageField = ReturnType<typeof ImageField>;
 export default ImageField;

package/dist/admin/components/fields/media-field.svelte

@@ -1,15 +1,5 @@
-<script lang="ts" module>
-	type T = Record<string, unknown>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>">
+<script lang="ts">
 	import * as Dialog from '../../../components/ui/dialog/index.js';
-	import {
-		formFieldProxy,
-		type FormFieldProxy,
-		type FormPathLeaves,
-		type SuperForm
-	} from 'sveltekit-superforms';
 	import { onMount } from 'svelte';
 	import Button from '../../../components/ui/button/button.svelte';
 	import type { MediaField } from '../../../types/fields.js';
@@ -110,19 +100,14 @@
 
 	type Props = {
 		field: MediaField;
-		form: SuperForm<T>;
-		path: FormPathLeaves<T, string | string[] | undefined>;
+		value: string | string[] | undefined;
 	};
 
-	let { field, form, path, ...props }: Props = $props();
-
-	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<
-		string | string[] | undefined
-	>;
+	let { field, value = $bindable(), ...props }: Props = $props();
 
 	onMount(() => {
-		if ($value === undefined) {
-			$value = field.multiple ? [] : '';
+		if (value === undefined) {
+			value = field.multiple ? [] : '';
 		}
 	});
 </script>
@@ -203,14 +188,14 @@
 	{/if}
 {/snippet}
 
-{#if $value !== undefined}
+{#if value !== undefined}
 	<Dialog.Root>
 		<Dialog.Trigger>
 			{#snippet child({ props })}
-				{#if $value && ((typeof $value === 'string' && $value !== '') || (Array.isArray($value) && $value.length > 0))}
+				{#if value && ((typeof value === 'string' && value !== '') || (Array.isArray(value) && value.length > 0))}
 					<div class="max-w-96">
-						{#if typeof $value === 'string'}
-							{#await remotes.getFileById($value)}
+						{#if typeof value === 'string'}
+							{#await remotes.getFileById(value)}
 								<div class="animate-pulse bg-muted w-full aspect-video rounded-xl"></div>
 							{:then file}
 								{#if file}
@@ -223,7 +208,7 @@
 													{lang[interfaceLanguage.current].change}
 												</Button>
 												{#if !field.required}
-													<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); $value = ''; }}>
+													<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); value = ''; }}>
 														<X class="h-4 w-4" />
 														{lang[interfaceLanguage.current].remove}
 													</Button>
@@ -246,7 +231,7 @@
 													{lang[interfaceLanguage.current].change}
 												</Button>
 												{#if !field.required}
-													<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); $value = ''; }}>
+													<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); value = ''; }}>
 														<X class="h-4 w-4" />
 														{lang[interfaceLanguage.current].remove}
 													</Button>
@@ -256,8 +241,8 @@
 									{/if}
 								{/if}
 							{/await}
-						{:else if Array.isArray($value) && $value.length > 0}
-							{@const valueArr = $value}
+						{:else if Array.isArray(value) && value.length > 0}
+							{@const valueArr = value}
 							{#await remotes.getMediaFiles({ data: { ids: valueArr } })}
 								<div class="animate-pulse bg-muted w-full aspect-video rounded-xl"></div>
 							{:then files}
@@ -304,7 +289,7 @@
 												{lang[interfaceLanguage.current].change}
 											</Button>
 											{#if !field.required}
-												<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); $value = field.multiple ? [] : ''; }}>
+												<Button variant="destructive" size="sm" class="h-8" onclick={(e) => { e.stopPropagation(); value = field.multiple ? [] : ''; }}>
 													<X class="h-4 w-4" />
 													{lang[interfaceLanguage.current].remove}
 												</Button>
@@ -331,7 +316,7 @@
 			{/snippet}
 		</Dialog.Trigger>
 		<Dialog.Content class="h-[85vh] w-full max-w-6xl! sm:max-w-6xl! overflow-hidden p-0 flex flex-col">
-			<MediaSelector bind:selected={$value} multiple={field.multiple} accept={field.accept} />
+			<MediaSelector bind:selected={value} multiple={field.multiple} accept={field.accept} />
 		</Dialog.Content>
 	</Dialog.Root>
 

package/dist/admin/components/fields/media-field.svelte.d.ts

@@ -1,30 +1,8 @@
-import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
 import type { MediaField } from '../../../types/fields.js';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        field: MediaField;
-        form: SuperForm<T>;
-        path: FormPathLeaves<T, string | string[] | undefined>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+type Props = {
+    field: MediaField;
+    value: string | string[] | undefined;
 };
-declare class __sveltets_Render<T extends Record<string, unknown>> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const MediaField: $$IsomorphicComponent;
-type MediaField<T extends Record<string, unknown>> = InstanceType<typeof MediaField<T>>;
+declare const MediaField: import("svelte").Component<Props, {}, "value">;
+type MediaField = ReturnType<typeof MediaField>;
 export default MediaField;

package/dist/admin/components/fields/number-field.svelte

@@ -1,34 +1,20 @@
-<script lang="ts" module>
-	type T = Record<string, unknown>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>">
+<script lang="ts">
 	import Input from '../../../components/ui/input/input.svelte';
-	import Textarea from '../../../components/ui/textarea/textarea.svelte';
 	import type { NumberField } from '../../../types/fields.js';
 	import { onMount } from 'svelte';
-	import {
-		formFieldProxy,
-		type FormFieldProxy,
-		type FormPathLeaves,
-		type SuperForm
-	} from 'sveltekit-superforms';
 
 	type Props = {
 		field: NumberField;
-		form: SuperForm<T>;
-		path: FormPathLeaves<T, number | undefined>;
+		value: number | undefined;
 	};
 
-	let { field, form, path, ...props }: Props = $props();
-
-	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<number | undefined>;
+	let { field, value = $bindable(), ...props }: Props = $props();
 
 	onMount(() => {
-		if ($value === undefined && field.defaultValue !== undefined) {
-			$value = field.defaultValue;
+		if (value === undefined && field.defaultValue !== undefined) {
+			value = field.defaultValue;
 		}
 	});
 </script>
 
-<Input {...props} bind:value={$value} type="number" min={field.min} max={field.max} step={field.step} />
+<Input {...props} bind:value type="number" min={field.min} max={field.max} step={field.step} />

package/dist/admin/components/fields/number-field.svelte.d.ts

@@ -1,30 +1,8 @@
 import type { NumberField } from '../../../types/fields.js';
-import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        field: NumberField;
-        form: SuperForm<T>;
-        path: FormPathLeaves<T, number | undefined>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+type Props = {
+    field: NumberField;
+    value: number | undefined;
 };
-declare class __sveltets_Render<T extends Record<string, unknown>> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const NumberField: $$IsomorphicComponent;
-type NumberField<T extends Record<string, unknown>> = InstanceType<typeof NumberField<T>>;
+declare const NumberField: import("svelte").Component<Props, {}, "value">;
+type NumberField = ReturnType<typeof NumberField>;
 export default NumberField;

package/dist/admin/components/fields/object-field.svelte

@@ -1,17 +1,13 @@
-<script lang="ts" module>
-	type T = Record<string, unknown>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>">
+<script lang="ts">
 	import {
 		formFieldProxy,
-		type FormFieldProxy,
 		type FormPathLeaves,
 		type SuperForm
 	} from 'sveltekit-superforms';
 	import FieldRenderer from './field-renderer.svelte';
 	import { joinPath, normalizePath } from '../../utils/objectPath.js';
 	import type { ObjectField, ObjectFieldData } from '../../../types/fields.js';
+	import { evaluateCondition } from '../../utils/fieldCondition.js';
 	import { onMount } from 'svelte';
 	import * as Item from '../../../components/ui/item/index.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
@@ -21,8 +17,8 @@
 	type Props = {
 		objectFieldType?: 'default' | 'inline';
 		field: ObjectField;
-		form: SuperForm<T>;
-		path: FormPathLeaves<T, ObjectFieldData | undefined>;
+		form: SuperForm<Record<string, unknown>>;
+		path: FormPathLeaves<Record<string, unknown>>;
 		focusedPath?: string | null;
 		flashingPath?: string | null;
 		depth?: number;
@@ -31,9 +27,8 @@
 	let { field, form, path, objectFieldType = 'default', focusedPath = null, flashingPath = null, depth = 0, ...props }: Props = $props();
 
 	const interfaceLanguage = useInterfaceLanguage();
-	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<
-		ObjectFieldData | undefined
-	>;
+	const { form: formData } = form;
+	const { value } = formFieldProxy(form, path) as { value: import('svelte/store').Writable<ObjectFieldData | undefined> };
 
 	onMount(() => {
 		if (!$value) {
@@ -64,24 +59,26 @@
 {#snippet content()}
 	<div class="space-y-4">
 		{#each field.fields as f}
-			{@const fieldPath = joinPath(path, 'data', f.slug)}
-			{@const showFlash = isFlashing(fieldPath)}
-			<div
-				data-field-path={fieldPath}
-				class={cn(
-					'rounded-lg transition-all duration-500',
-					showFlash && 'ring-2 ring-primary ring-offset-2 bg-primary/5'
-				)}
-			>
-				<FieldRenderer
-					field={f}
-					form={form as SuperForm<Record<string, unknown>>}
-					path={fieldPath}
-					{focusedPath}
-					{flashingPath}
-					depth={depth + 1}
-				/>
-			</div>
+			{#if evaluateCondition(f.showWhen, (slug) => $value?.data?.[slug] ?? $formData[slug])}
+				{@const fieldPath = joinPath(path, 'data', f.slug)}
+				{@const showFlash = isFlashing(fieldPath)}
+				<div
+					data-field-path={fieldPath}
+					class={cn(
+						'rounded-lg transition-all duration-500',
+						showFlash && 'ring-2 ring-primary ring-offset-2 bg-primary/5'
+					)}
+				>
+					<FieldRenderer
+						field={f}
+						{form}
+						path={fieldPath}
+						{focusedPath}
+						{flashingPath}
+						depth={depth + 1}
+					/>
+				</div>
+			{/if}
 		{/each}
 	</div>
 {/snippet}

package/dist/admin/components/fields/object-field.svelte.d.ts

@@ -1,34 +1,14 @@
 import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
-import type { ObjectField, ObjectFieldData } from '../../../types/fields.js';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        objectFieldType?: "default" | "inline";
-        field: ObjectField;
-        form: SuperForm<T>;
-        path: FormPathLeaves<T, ObjectFieldData | undefined>;
-        focusedPath?: string | null;
-        flashingPath?: string | null;
-        depth?: number;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+import type { ObjectField } from '../../../types/fields.js';
+type Props = {
+    objectFieldType?: 'default' | 'inline';
+    field: ObjectField;
+    form: SuperForm<Record<string, unknown>>;
+    path: FormPathLeaves<Record<string, unknown>>;
+    focusedPath?: string | null;
+    flashingPath?: string | null;
+    depth?: number;
 };
-declare class __sveltets_Render<T extends Record<string, unknown>> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const ObjectField: $$IsomorphicComponent;
-type ObjectField<T extends Record<string, unknown>> = InstanceType<typeof ObjectField<T>>;
+declare const ObjectField: import("svelte").Component<Props, {}, "">;
+type ObjectField = ReturnType<typeof ObjectField>;
 export default ObjectField;

package/dist/admin/components/fields/radio-field.svelte

@@ -1,16 +1,6 @@
-<script lang="ts" module>
-	type T = Record<string, unknown>;
-</script>
-
-<script lang="ts" generics="T extends Record<string, unknown>">
-	import {
-		formFieldProxy,
-		type FormFieldProxy,
-		type FormPathLeaves,
-		type SuperForm
-	} from 'sveltekit-superforms';
+<script lang="ts">
 	import { onMount } from 'svelte';
-	import type { BooleanField, ImageField, RadioField } from '../../../types/fields.js';
+	import type { RadioField } from '../../../types/fields.js';
 	import * as Form from '../../../components/ui/form/index.js';
 	import * as RadioGroup from '../../../components/ui/radio-group/index.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
@@ -18,24 +8,22 @@
 
 	type Props = {
 		field: RadioField;
-		form: SuperForm<T>;
-		path: FormPathLeaves<T, string | undefined>;
+		value: string | undefined;
 	};
 
-	let { field, form, path, ...props }: Props = $props();
+	let { field, value = $bindable(), ...props }: Props = $props();
 
 	const interfaceLanguage = useInterfaceLanguage();
-	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<string | undefined>;
 
 	onMount(() => {
-		if ($value === undefined) {
-			$value = field.defaultValue ?? '';
+		if (value === undefined) {
+			value = field.defaultValue ?? '';
 		}
 	});
 </script>
 
-{#if $value !== undefined}
-	<RadioGroup.Root bind:value={$value} class="flex flex-col space-y-1" name={path}>
+{#if value !== undefined}
+	<RadioGroup.Root bind:value class="flex flex-col space-y-1">
 		{#each field.options as option}
 			<div class="flex items-center space-y-0 space-x-3">
 				<Form.Control>

package/dist/admin/components/fields/radio-field.svelte.d.ts

@@ -1,30 +1,8 @@
-import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
 import type { RadioField } from '../../../types/fields.js';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        field: RadioField;
-        form: SuperForm<T>;
-        path: FormPathLeaves<T, string | undefined>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+type Props = {
+    field: RadioField;
+    value: string | undefined;
 };
-declare class __sveltets_Render<T extends Record<string, unknown>> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
-    bindings(): "";
-    exports(): {};
-}
-interface $$IsomorphicComponent {
-    new <T extends Record<string, unknown>>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends Record<string, unknown>>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const RadioField: $$IsomorphicComponent;
-type RadioField<T extends Record<string, unknown>> = InstanceType<typeof RadioField<T>>;
+declare const RadioField: import("svelte").Component<Props, {}, "value">;
+type RadioField = ReturnType<typeof RadioField>;
 export default RadioField;