includio-cms 0.0.68 → 0.1.0

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

@@ -30,6 +30,10 @@
 	import RequiredLabel from './required-label.svelte';
 	import { cn } from '../../../utils.js';
 	import BlockPickerModal from './block-picker-modal.svelte';
+	import GripVertical from '@tabler/icons-svelte/icons/grip-vertical';
+	import { droppable, draggable, dndState } from '@thisux/sveltednd';
+	import { flip } from 'svelte/animate';
+	import { arrayMove } from '../../utils/arrayMove.js';
 
 	const contentLanguage = getContentLanguage();
 	const interfaceLanguage = useInterfaceLanguage();
@@ -119,6 +123,17 @@
 		});
 	}
 
+	let dropProcessing = false;
+
+	function moveItem(from: number, to: number) {
+		if (!$value || from === to) return;
+		$value = arrayMove($value, from, to);
+
+		tick().then(() => {
+			openAndCloseOthers(to);
+		});
+	}
+
 	function removeItem(index: number) {
 		if (!$value) return;
 
@@ -208,80 +223,120 @@
 <Accordion.Root type="multiple" class="w-full space-y-4" bind:value={accordionOpenState}>
 	{#if $value && $value.length > 0}
 		{#each $value as item, index (item._id ?? index)}
-			{#if $value[index].data && $value[index].slug}
-				{@const item = $value[index]}
-				{@const objectField = field.of.find((option) => option.slug === item.slug)}
-
-				{#if objectField}
-					<Accordion.Item value={index.toString()} class="border-0" data-depth={depth + 1}>
-						<Accordion.Trigger
-							class="items-center border px-4 text-base font-normal data-[state=open]:rounded-b-none dark:bg-slate-800/30 dark:hover:bg-slate-700/40 dark:border-white/[0.08]"
-						>
-							<div class="flex grow items-center justify-between gap-4">
-								<div class="flex items-center gap-4">
-									<span>{index < 10 ? '0' : ''}{index + 1}</span>
-									<Badge variant="outline">{getLocalizedLabel(objectField.label, interfaceLanguage.current) || objectField.slug}</Badge>
-									<span>{getAccordionLabel($value[index])}</span>
-								</div>
-
-								<DropdownMenu.Root>
-									<DropdownMenu.Trigger
-										class="data-[state=open]:bg-muted text-muted-foreground flex size-8"
-									>
-										{#snippet child({ props })}
-											<Button variant="ghost" size="icon" {...props}>
-												<DotsVerticalIcon />
-												<span class="sr-only">Open menu</span>
-											</Button>
-										{/snippet}
-									</DropdownMenu.Trigger>
-									<DropdownMenu.Content align="end" class="w-32">
-										<DropdownMenu.Item onclick={() => duplicateItem(index)}>
-											Duplicate
-										</DropdownMenu.Item>
-										<DropdownMenu.Item onclick={() => moveItemUp(index)} disabled={index === 0}>
-											Move up
-										</DropdownMenu.Item>
-										<DropdownMenu.Item
-											onclick={() => moveItemDown(index)}
-											disabled={$value && index === $value.length - 1}
+			<div
+				use:droppable={{
+					container: index.toString(),
+					callbacks: {
+						onDrop: (state) => {
+							if (dropProcessing) return;
+							dropProcessing = true;
+
+							const dragIndex = parseInt(state.sourceContainer ?? '');
+							const dropIndex = parseInt(state.targetContainer ?? '');
+							if (!isNaN(dragIndex) && !isNaN(dropIndex)) {
+								moveItem(dragIndex, dropIndex);
+							}
+
+							// {#key index} destroys the old draggable before dragend fires,
+							// leaving isDragging stuck at true. Reset manually.
+							dndState.isDragging = false;
+							dndState.draggedItem = null;
+							dndState.sourceContainer = '';
+							dndState.targetContainer = null;
+							dndState.targetElement = null;
+
+							setTimeout(() => { dropProcessing = false; }, 50);
+						}
+					}
+				}}
+				animate:flip={{ duration: 200 }}
+			>
+			{#key index}
+				{#if $value[index].data && $value[index].slug}
+					{@const item = $value[index]}
+					{@const objectField = field.of.find((option) => option.slug === item.slug)}
+
+					{#if objectField}
+						<Accordion.Item value={index.toString()} class="border-0" data-depth={depth + 1}>
+							<Accordion.Trigger
+								class="items-center border px-4 text-base font-normal data-[state=open]:rounded-b-none dark:bg-slate-800/30 dark:hover:bg-slate-700/40 dark:border-white/[0.08]"
+							>
+								<div class="flex grow items-center justify-between gap-4">
+									<div class="flex items-center gap-4">
+										<!-- svelte-ignore a11y_no_static_element_interactions -->
+										<div
+											use:draggable={{ container: index.toString(), dragData: { id: item._id } }}
+											class="cursor-grab text-muted-foreground hover:text-foreground"
+											onmousedown={(e) => e.stopPropagation()}
+											onclick={(e) => e.stopPropagation()}
 										>
-											Move down
-										</DropdownMenu.Item>
-										<DropdownMenu.Item variant="destructive" onclick={() => removeItem(index)}>
-											Delete
-										</DropdownMenu.Item>
-									</DropdownMenu.Content>
-								</DropdownMenu.Root>
-							</div>
-						</Accordion.Trigger>
-						<Accordion.Content
-							class="space-y-4 rounded-b-md border border-t-0 dark:bg-slate-900/30 dark:shadow-[inset_0_2px_4px_rgb(0_0_0/0.1)] dark:border-white/[0.08]"
-							style="padding: {Math.max(4, 16 - depth * 3)}px;"
-						>
-							{@const itemPath = joinPath(path, index)}
-							<div data-field-path={itemPath}>
-								<FieldRenderer
-									objectFieldType="inline"
-									field={objectField}
-									form={form as SuperForm<Record<string, unknown>>}
-									path={itemPath as FormPathLeaves<T, ObjectFieldData>}
-									{focusedPath}
-									{flashingPath}
-									depth={depth + 1}
-								/>
-							</div>
-						</Accordion.Content>
-					</Accordion.Item>
+											<GripVertical class="h-4 w-4" />
+										</div>
+										<span>{index < 10 ? '0' : ''}{index + 1}</span>
+										<Badge variant="outline">{getLocalizedLabel(objectField.label, interfaceLanguage.current) || objectField.slug}</Badge>
+										<span>{getAccordionLabel($value[index])}</span>
+									</div>
+
+									<DropdownMenu.Root>
+										<DropdownMenu.Trigger
+											class="data-[state=open]:bg-muted text-muted-foreground flex size-8"
+										>
+											{#snippet child({ props })}
+												<Button variant="ghost" size="icon" {...props}>
+													<DotsVerticalIcon />
+													<span class="sr-only">Open menu</span>
+												</Button>
+											{/snippet}
+										</DropdownMenu.Trigger>
+										<DropdownMenu.Content align="end" class="w-32">
+											<DropdownMenu.Item onclick={() => duplicateItem(index)}>
+												Duplicate
+											</DropdownMenu.Item>
+											<DropdownMenu.Item onclick={() => moveItemUp(index)} disabled={index === 0}>
+												Move up
+											</DropdownMenu.Item>
+											<DropdownMenu.Item
+												onclick={() => moveItemDown(index)}
+												disabled={$value && index === $value.length - 1}
+											>
+												Move down
+											</DropdownMenu.Item>
+											<DropdownMenu.Item variant="destructive" onclick={() => removeItem(index)}>
+												Delete
+											</DropdownMenu.Item>
+										</DropdownMenu.Content>
+									</DropdownMenu.Root>
+								</div>
+							</Accordion.Trigger>
+							<Accordion.Content
+								class="space-y-4 rounded-b-md border border-t-0 dark:bg-slate-900/30 dark:shadow-[inset_0_2px_4px_rgb(0_0_0/0.1)] dark:border-white/[0.08]"
+								style="padding: {Math.max(4, 16 - depth * 3)}px;"
+							>
+								{@const itemPath = joinPath(path, index)}
+								<div data-field-path={itemPath}>
+									<FieldRenderer
+										objectFieldType="inline"
+										field={objectField}
+										form={form as SuperForm<Record<string, unknown>>}
+										path={itemPath as FormPathLeaves<T, ObjectFieldData>}
+										{focusedPath}
+										{flashingPath}
+										depth={depth + 1}
+									/>
+								</div>
+							</Accordion.Content>
+						</Accordion.Item>
+					{:else}
+						<p class="text-red-500">
+							Invalid field configuration. Unknown slug:
+							{$value[index].slug}
+						</p>
+					{/if}
 				{:else}
-					<p class="text-red-500">
-						Invalid field configuration. Unknown slug:
-						{$value[index].slug}
-					</p>
+					<p class="text-red-500">Invalid field configuration. Index: {index}</p>
 				{/if}
-			{:else}
-				<p class="text-red-500">Invalid field configuration. Index: {index}</p>
-			{/if}
+			{/key}
+			</div>
 		{/each}
 	{/if}
 </Accordion.Root>

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

@@ -27,8 +27,8 @@
 	import type { InterfaceLanguage } from '../../../types/languages.js';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
-	import { droppable } from '@thisux/sveltednd';
-	import { draggable } from '@thisux/sveltednd';
+	import { droppable, draggable } from '@thisux/sveltednd';
+	import { arrayMove } from '../../utils/arrayMove.js';
 	import { flip } from 'svelte/animate';
 	import { fade } from 'svelte/transition';
 
@@ -195,15 +195,11 @@
 							container: index.toString(),
 							callbacks: {
 								onDrop: (state) => {
-									const { targetContainer, sourceContainer } = state;
-									const dragIndex = parseInt(sourceContainer ?? '0');
-									const dropIndex = parseInt(targetContainer ?? '0');
+									const dragIndex = parseInt(state.sourceContainer ?? '');
+									const dropIndex = parseInt(state.targetContainer ?? '');
 
-									if (dragIndex !== -1 && !isNaN(dropIndex)) {
-										const arr = getArrayValue();
-										const [moved] = arr.splice(dragIndex, 1);
-										arr.splice(dropIndex, 0, moved);
-										$value = [...arr];
+									if (!isNaN(dragIndex) && !isNaN(dropIndex)) {
+										$value = [...arrayMove(getArrayValue(), dragIndex, dropIndex)];
 									}
 								}
 							}

package/dist/admin/components/layout/header-actions.svelte

@@ -2,12 +2,13 @@
 	import { toggleMode } from 'mode-watcher';
 	import Sun from '@tabler/icons-svelte/icons/sun';
 	import Moon from '@tabler/icons-svelte/icons/moon';
-	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
+	import { useInterfaceLanguage, locales } from '../../state/interface-language.svelte.js';
 
 	const interfaceLanguage = useInterfaceLanguage();
 
 	function toggleLanguage() {
-		interfaceLanguage.current = interfaceLanguage.current === 'en' ? 'pl' : 'en';
+		const idx = locales.indexOf(interfaceLanguage.current);
+		interfaceLanguage.current = locales[(idx + 1) % locales.length];
 	}
 </script>
 
@@ -23,6 +24,6 @@
 		onclick={toggleLanguage}
 		class="text-foreground/70 hover:text-foreground flex size-8 items-center justify-center rounded-md border border-black/10 text-xs font-semibold transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/10"
 	>
-		{interfaceLanguage.current === 'en' ? 'EN' : 'PL'}
+		{interfaceLanguage.current.toUpperCase()}
 	</button>
 </div>

package/dist/admin/components/layout/nav-search.svelte

@@ -28,34 +28,49 @@
 		open = false;
 		goto(url);
 	}
+
+	async function getData() {
+		const [singles, collections, forms] = await Promise.all([
+			remotes.getSingles(),
+			remotes.getCollections(),
+			remotes.getForms()
+		]);
+
+		return { singles, collections, forms };
+	}
 </script>
 
 <svelte:window {onkeydown} />
 
-<button
-	onclick={() => (open = true)}
-	class="text-muted-foreground mx-2 flex w-[calc(100%-1rem)] items-center gap-2 rounded-md border px-2.5 py-1.5 text-sm transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/10"
->
-	<SearchIcon class="size-4 shrink-0" />
-	<span class="flex-1 truncate text-left">{sidebarLang[interfaceLanguage.current].search.placeholder}</span>
-	<kbd class="bg-muted text-muted-foreground shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium">⌘K</kbd>
-</button>
+{#await getData() then { singles, collections, forms }}
+	<button
+		onclick={() => (open = true)}
+		class="text-muted-foreground mx-2 flex w-[calc(100%-1rem)] items-center gap-2 rounded-md border px-2.5 py-1.5 text-sm transition-colors hover:bg-black/5 dark:border-white/10 dark:hover:bg-white/10"
+	>
+		<SearchIcon class="size-4 shrink-0" />
+		<span class="flex-1 truncate text-left"
+			>{sidebarLang[interfaceLanguage.current].search.placeholder}</span
+		>
+		<kbd
+			class="bg-muted text-muted-foreground shrink-0 rounded px-1.5 py-0.5 text-[10px] font-medium"
+			>⌘K</kbd
+		>
+	</button>
 
-<Command.Dialog bind:open title={sidebarLang[interfaceLanguage.current].search.placeholder}>
-	<Command.Input placeholder={sidebarLang[interfaceLanguage.current].search.placeholder} />
-	<Command.List>
-		<Command.Empty>{sidebarLang[interfaceLanguage.current].search.noResults}</Command.Empty>
+	<Command.Dialog bind:open title={sidebarLang[interfaceLanguage.current].search.placeholder}>
+		<Command.Input placeholder={sidebarLang[interfaceLanguage.current].search.placeholder} />
+		<Command.List>
+			<Command.Empty>{sidebarLang[interfaceLanguage.current].search.noResults}</Command.Empty>
 
-		<Command.Group heading={sidebarLang[interfaceLanguage.current].main.platform}>
-			<Command.Item onSelect={() => navigate('/admin')}>
-				<DashboardIcon class="mr-2 size-4" />
-				{sidebarLang[interfaceLanguage.current].main.dashboard}
-			</Command.Item>
-			<Command.Item onSelect={() => navigate('/admin/media')}>
-				<CameraIcon class="mr-2 size-4" />
-				{sidebarLang[interfaceLanguage.current].main.media}
-			</Command.Item>
-			{#await remotes.getSingles() then singles}
+			<Command.Group heading={sidebarLang[interfaceLanguage.current].main.platform}>
+				<Command.Item onSelect={() => navigate('/admin')}>
+					<DashboardIcon class="mr-2 size-4" />
+					{sidebarLang[interfaceLanguage.current].main.dashboard}
+				</Command.Item>
+				<Command.Item onSelect={() => navigate('/admin/media')}>
+					<CameraIcon class="mr-2 size-4" />
+					{sidebarLang[interfaceLanguage.current].main.media}
+				</Command.Item>
 				{#each singles as item (item.slug)}
 					{@const name = getLocalizedLabel(item.label, interfaceLanguage.current) ?? item.slug}
 					<Command.Item onSelect={() => navigate(`/admin/entries/${item.slug}`)}>
@@ -67,14 +82,13 @@
 						{name}
 					</Command.Item>
 				{/each}
-			{/await}
-		</Command.Group>
+			</Command.Group>
 
-		{#await remotes.getCollections() then collections}
 			{#if collections.length > 0}
 				<Command.Group heading={sidebarLang[interfaceLanguage.current].collections.title}>
 					{#each collections as item (item.slug)}
-						{@const name = getLocalizedLabel(item.labels?.plural, interfaceLanguage.current) ?? item.slug}
+						{@const name =
+							getLocalizedLabel(item.labels?.plural, interfaceLanguage.current) ?? item.slug}
 						<Command.Item onSelect={() => navigate(`/admin/collections/${item.slug}`)}>
 							{#if item.sidebarIcon}
 								<item.sidebarIcon class="mr-2 size-4" />
@@ -86,9 +100,7 @@
 					{/each}
 				</Command.Group>
 			{/if}
-		{/await}
 
-		{#await remotes.getForms() then forms}
 			{#if forms.length > 0}
 				<Command.Group heading={sidebarLang[interfaceLanguage.current].forms.title}>
 					{#each forms as item (item.slug)}
@@ -100,6 +112,6 @@
 					{/each}
 				</Command.Group>
 			{/if}
-		{/await}
-	</Command.List>
-</Command.Dialog>
+		</Command.List>
+	</Command.Dialog>
+{/await}

package/dist/admin/components/media/media-library.svelte

@@ -65,6 +65,10 @@
 		})
 	);
 
+	const allFilesQuery = $derived(
+		remotes.getMediaFiles({ data: { mimeTypes: accept?.split(',') } })
+	);
+
 	let tagsQuery = $derived(remotes.getMediaTags());
 
 	// Multi-select with shift/ctrl
@@ -99,6 +103,7 @@
 			await remotes.deleteMediaFile(currentFile.id);
 			toast.success(lang[interfaceLanguage.current].fileDeletedToast);
 			filesQuery.refresh();
+			allFilesQuery.refresh();
 			currentFile = null;
 		}
 	}
@@ -109,6 +114,7 @@
 			const tags = (await tagsQuery) as MediaTag[];
 			currentFile = { ...currentFile, tags: tags.filter((t) => tagIds.includes(t.id)) };
 			await filesQuery.refresh();
+			await allFilesQuery.refresh();
 		}
 	}
 
@@ -133,12 +139,14 @@
 		await remotes.updateMediaTag({ id, name, color });
 		await tagsQuery.refresh();
 		await filesQuery.refresh();
+		await allFilesQuery.refresh();
 	}
 
 	async function handleDeleteTag(id: string) {
 		await remotes.deleteMediaTag(id);
 		await tagsQuery.refresh();
 		await filesQuery.refresh();
+		await allFilesQuery.refresh();
 	}
 
 	// Bulk operations
@@ -146,6 +154,7 @@
 		const fileIds = selectedFileIds;
 		await remotes.bulkSetMediaFileTags({ fileIds, tagIds });
 		await filesQuery.refresh();
+		await allFilesQuery.refresh();
 	}
 
 	async function handleBulkDelete() {
@@ -154,6 +163,7 @@
 		selectedFileIds = [];
 		currentFile = null;
 		await filesQuery.refresh();
+		await allFilesQuery.refresh();
 	}
 
 	onMount(() => {
@@ -168,10 +178,10 @@
 <div class="flex h-full" bind:this={dropZoneRef}>
 	<!-- Tag sidebar -->
 	<div class="w-48 shrink-0 border-r p-3">
-		{#await tagsQuery then tags}
+		{#await Promise.all([tagsQuery, allFilesQuery]) then [tags, allFiles]}
 			<TagSidebar
 				{tags}
-				files={[]}
+				files={allFiles}
 				activeFilter={activeTagFilter}
 				onFilterChange={(f) => (activeTagFilter = f)}
 				onCreateTag={handleCreateTag}
@@ -187,7 +197,7 @@
 			<MediaSearch bind:value={searchQuery} />
 			<MediaSort />
 			<FileUpload
-				onUpload={() => filesQuery.refresh()}
+				onUpload={() => { filesQuery.refresh(); allFilesQuery.refresh(); }}
 				{accept}
 				bind:dropZoneRef
 			/>
@@ -234,6 +244,7 @@
 							onReplace={(updated) => {
 								currentFile = updated;
 								filesQuery.refresh();
+								allFilesQuery.refresh();
 							}}
 							{onTagUpdate}
 							{onNameUpdate}
@@ -256,15 +267,15 @@
 
 <!-- Bulk action bar -->
 {#if selectedFileIds.length > 0}
-	{#await tagsQuery then tags}
+	{#await Promise.all([tagsQuery, allFilesQuery]) then [tags, allFiles]}
 		<BulkActionBar
 			selectedCount={selectedFileIds.length}
-			totalCount={0}
+			totalCount={allFiles.length}
 			{tags}
 			onBulkTag={handleBulkTag}
 			onBulkDelete={handleBulkDelete}
 			onClear={() => (selectedFileIds = [])}
-			onSelectAll={() => {}}
+			onSelectAll={() => { selectedFileIds = allFiles.map((f) => f.id); }}
 			onCreateTag={handleCreateTag}
 			onUpdateTagColor={async (id, color) => {
 				const tag = tags.find((t) => t.id === id);

package/dist/admin/remote/entry.remote.d.ts

@@ -3,7 +3,16 @@ export declare const getRawEntries: import("@sveltejs/kit").RemoteQueryFunction<
     ids?: string[] | undefined;
     slug?: string | undefined;
     onlyArchived?: boolean | undefined;
-}, RawEntry[]>;
+    limit?: number | undefined;
+    offset?: number | undefined;
+    orderBy?: {
+        column: "createdAt" | "updatedAt";
+        direction: "asc" | "desc";
+    } | undefined;
+}, {
+    entries: RawEntry[];
+    total: number;
+}>;
 export declare const getEntries: import("@sveltejs/kit").RemoteQueryFunction<{
     ids?: string[] | undefined;
     dataValues?: Record<string, unknown> | undefined;

package/dist/admin/remote/entry.remote.js

@@ -1,6 +1,6 @@
 import { command, query } from '$app/server';
 import { createEntry as createEntryOperation, createEntrySchema, createEntryVersion } from '../../core/server/entries/operations/create.js';
-import { getRawEntries as getRawEntriesOperation, getRawEntry as getRawEntryOperation, getRawEntryOrThrow, getDbEntry, getDbEntryOrThrow, getEntries as getEntriesOperation, getEntry as getEntryOperation, getEntryVersion as getEntryVersionOperation } from '../../core/server/entries/operations/get.js';
+import { getRawEntries as getRawEntriesOperation, countRawEntries as countRawEntriesOperation, getRawEntry as getRawEntryOperation, getRawEntryOrThrow, getDbEntry, getDbEntryOrThrow, getEntries as getEntriesOperation, getEntry as getEntryOperation, getEntryVersion as getEntryVersionOperation } from '../../core/server/entries/operations/get.js';
 import { getCMS } from '../../core/cms.js';
 import { pruneOldDraftVersions, unpublishEntry, updateEntry, updateEntrySchema, updateEntryVersionCommandTypes } from '../../core/server/entries/operations/update.js';
 import z from 'zod';
@@ -9,10 +9,22 @@ import { entryStatuses } from '../../types/entries.js';
 export const getRawEntries = query(z.object({
     ids: z.array(z.string().uuid()).optional(),
     slug: z.string().optional(),
-    onlyArchived: z.boolean().optional()
+    onlyArchived: z.boolean().optional(),
+    limit: z.number().int().positive().optional(),
+    offset: z.number().int().nonnegative().optional(),
+    orderBy: z
+        .object({
+        column: z.enum(['createdAt', 'updatedAt']),
+        direction: z.enum(['asc', 'desc'])
+    })
+        .optional()
 }), async (input) => {
-    // We return RawEntry[] here, transformation to populated Entry[] is done in the client
-    return getRawEntriesOperation(input);
+    const { limit, offset, orderBy, ...filterOptions } = input;
+    const [entries, total] = await Promise.all([
+        getRawEntriesOperation(input),
+        countRawEntriesOperation(filterOptions)
+    ]);
+    return { entries, total };
 });
 export const getEntries = query(z.object({
     ids: z.array(z.string().uuid()).optional(),

package/dist/admin/state/interface-language.svelte.d.ts

@@ -1,8 +1,5 @@
 import type { InterfaceLanguage as InterfaceLanguageType } from '../../types/languages.js';
-export declare class InterfaceLanguage {
-    #private;
-    constructor();
-    get current(): InterfaceLanguageType;
-    set current(value: InterfaceLanguageType);
-}
-export declare function useInterfaceLanguage(): InterfaceLanguage;
+export declare function useInterfaceLanguage(): {
+    current: InterfaceLanguageType;
+};
+export { locales } from '../../paraglide/runtime.js';

package/dist/admin/state/interface-language.svelte.js

@@ -1,25 +1,26 @@
 import { PersistedState } from 'runed';
-import { createContext } from 'svelte';
-const [getInterfaceLanguage, setInterfaceLanguage] = createContext();
-export class InterfaceLanguage {
-    #state;
-    constructor() {
-        const state = new PersistedState('interface-language', 'pl');
-        this.#state = state;
+import { locales, baseLocale } from '../../paraglide/runtime.js';
+function detectDefaultLocale() {
+    if (typeof navigator === 'undefined')
+        return baseLocale;
+    const langs = navigator.languages ?? [navigator.language];
+    for (const lang of langs) {
+        const base = lang.split('-')[0].toLowerCase();
+        if (locales.includes(base))
+            return base;
     }
+    return baseLocale;
+}
+const state = new PersistedState('interface-language', detectDefaultLocale());
+const interfaceLanguage = {
     get current() {
-        return this.#state.current;
-    }
+        return state.current;
+    },
     set current(value) {
-        this.#state.current = value;
+        state.current = value;
     }
-}
+};
 export function useInterfaceLanguage() {
-    try {
-        return getInterfaceLanguage();
-    }
-    catch {
-        setInterfaceLanguage(new InterfaceLanguage());
-        return getInterfaceLanguage();
-    }
+    return interfaceLanguage;
 }
+export { locales } from '../../paraglide/runtime.js';

package/dist/admin/utils/arrayMove.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Move an element from one index to another via splice, returning a new array.
+ * Returns the original array reference (unchanged) when `from === to`.
+ */
+export declare function arrayMove<T>(arr: T[], from: number, to: number): T[];

package/dist/admin/utils/arrayMove.js

@@ -0,0 +1,12 @@
+/**
+ * Move an element from one index to another via splice, returning a new array.
+ * Returns the original array reference (unchanged) when `from === to`.
+ */
+export function arrayMove(arr, from, to) {
+    if (from === to)
+        return arr;
+    const copy = [...arr];
+    const [moved] = copy.splice(from, 1);
+    copy.splice(to, 0, moved);
+    return copy;
+}

package/dist/admin/utils/formatDate.d.ts

@@ -1,3 +1,4 @@
 import type { InterfaceLanguage } from '../../types/languages.js';
+export declare function toLocaleCode(lang: string): string;
 export declare function formatRelativeDate(date: Date | string, lang?: InterfaceLanguage): string;
 export declare function formatAbsoluteDate(date: Date | string, lang?: InterfaceLanguage): string;

package/dist/admin/utils/formatDate.js

@@ -1,3 +1,7 @@
+export function toLocaleCode(lang) {
+    const map = { pl: 'pl-PL', en: 'en-US' };
+    return map[lang] ?? lang;
+}
 const units = [
     { unit: 'year', ms: 365 * 24 * 60 * 60 * 1000 },
     { unit: 'month', ms: 30 * 24 * 60 * 60 * 1000 },
@@ -84,7 +88,7 @@ export function formatRelativeDate(date, lang = 'en') {
 }
 export function formatAbsoluteDate(date, lang = 'en') {
     const d = typeof date === 'string' ? new Date(date) : date;
-    return d.toLocaleString(lang === 'pl' ? 'pl-PL' : 'en-US', {
+    return d.toLocaleString(toLocaleCode(lang), {
         year: 'numeric',
         month: 'short',
         day: 'numeric',