includio-cms 0.5.2 → 0.5.3

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;

package/dist/admin/components/fields/relation-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>">
+<script lang="ts">
 	import type { RelationFieldData, RelationField } from '../../../types/fields.js';
 	import type { CollectionConfig } from '../../../types/collections.js';
-	import {
-		formFieldProxy,
-		type FormFieldProxy,
-		type FormPathLeaves,
-		type SuperForm
-	} from 'sveltekit-superforms';
 	import { getRemotes } from '../../../sveltekit/index.js';
 	import { buttonVariants } from '../../../components/ui/button/button.svelte';
 	import { getCollectionEntryLabel } from '../../utils/entryLabel.js';
@@ -43,27 +33,24 @@
 
 	type Props = {
 		field: RelationField;
-		form: SuperForm<T>;
-		path: FormPathLeaves<T, RelationFieldData>;
+		value: RelationFieldData;
 	};
 
-	let { field, form, path, ...props }: Props = $props();
-
-	const { value } = formFieldProxy(form, path) satisfies FormFieldProxy<RelationFieldData>;
+	let { field, value = $bindable(), ...props }: Props = $props();
 
 	const multiple = $derived(field.multiple === true);
 
 	// Ensure value is array when multiple
 	onMount(() => {
-		if (multiple && !Array.isArray($value)) {
-			$value = $value ? [$value] : [];
+		if (multiple && !Array.isArray(value)) {
+			value = value ? [value] : [];
 		}
 	});
 
 	// Helper to get current array value safely
 	function getArrayValue(): string[] {
-		if (Array.isArray($value)) return $value;
-		return $value ? [$value] : [];
+		if (Array.isArray(value)) return value;
+		return value ? [value] : [];
 	}
 
 	function isSelected(id: string): boolean {
@@ -73,14 +60,14 @@
 	function toggleItem(id: string) {
 		const arr = getArrayValue();
 		if (arr.includes(id)) {
-			$value = arr.filter((v) => v !== id);
+			value = arr.filter((v) => v !== id);
 		} else {
-			$value = [...arr, id];
+			value = [...arr, id];
 		}
 	}
 
 	function removeItem(id: string) {
-		$value = getArrayValue().filter((v) => v !== id);
+		value = getArrayValue().filter((v) => v !== id);
 	}
 
 	type RelationOption = { label: string; value: string };
@@ -154,7 +141,6 @@
 				{/if}
 				<Selector class="opacity-50" />
 			</Popover.Trigger>
-			<input hidden value={JSON.stringify(getArrayValue())} name={path} />
 
 			<Popover.Content class="w-[200px] p-0">
 				<Command.Root>
@@ -199,7 +185,7 @@
 									const dropIndex = parseInt(state.targetContainer ?? '');
 
 									if (!isNaN(dragIndex) && !isNaN(dropIndex)) {
-										$value = [...arrayMove(getArrayValue(), dragIndex, dropIndex)];
+										value = [...arrayMove(getArrayValue(), dragIndex, dropIndex)];
 									}
 								}
 							}
@@ -231,7 +217,7 @@
 			</div>
 		{/if}
 	{:else}
-		<!-- Single-select mode (unchanged) -->
+		<!-- Single-select mode -->
 		<Popover.Root bind:open>
 			<Popover.Trigger
 				id={triggerId}
@@ -243,11 +229,10 @@
 				role="combobox"
 				{...props}
 			>
-				{options.find((f) => f.value === $value)?.label ??
+				{options.find((f) => f.value === value)?.label ??
 					`${lang[interfaceLanguage.current].select} ${getLocalizedLabel(collectionConfig.labels?.singular, interfaceLanguage.current) || collectionConfig.slug}`}
 				<Selector class="opacity-50" />
 			</Popover.Trigger>
-			<input hidden value={$value} name={path} />
 
 			<Popover.Content class="w-[200px] p-0">
 				<Command.Root>
@@ -265,12 +250,12 @@
 							<Command.Item
 								value={option.label}
 								onSelect={() => {
-									$value = option.value;
+									value = option.value;
 									closeAndFocusTrigger(triggerId);
 								}}
 							>
 								{option.label}
-								<Check class={cn('ml-auto', option.value !== $value && 'text-transparent')} />
+								<Check class={cn('ml-auto', option.value !== value && 'text-transparent')} />
 							</Command.Item>
 						{/each}
 					</Command.Group>

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

@@ -1,30 +1,8 @@
 import type { RelationFieldData, RelationField } from '../../../types/fields.js';
-import { type FormPathLeaves, type SuperForm } from 'sveltekit-superforms';
-declare function $$render<T extends Record<string, unknown>>(): {
-    props: {
-        field: RelationField;
-        form: SuperForm<T>;
-        path: FormPathLeaves<T, RelationFieldData>;
-    };
-    exports: {};
-    bindings: "";
-    slots: {};
-    events: {};
+type Props = {
+    field: RelationField;
+    value: RelationFieldData;
 };
-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 RelationField: $$IsomorphicComponent;
-type RelationField<T extends Record<string, unknown>> = InstanceType<typeof RelationField<T>>;
+declare const RelationField: import("svelte").Component<Props, {}, "value">;
+type RelationField = ReturnType<typeof RelationField>;
 export default RelationField;