includio-cms 0.6.2 → 0.7.1

package/dist/admin/client/admin/admin-layout.svelte

@@ -3,12 +3,16 @@
 	import '../../styles/admin.css';
 	import { Toaster } from '../../../components/ui/sonner/index.js';
 	import { MediaSort, setMediaSort } from '../../state/media-sort.svelte.js';
+	import { setCustomFields } from '../../state/custom-fields.svelte.js';
+	import type { CustomFieldDefinition } from '../../../types/plugins.js';
 	import AdminPreloader from './admin-preloader.svelte';
 	import { onMount } from 'svelte';
 
 	setMediaSort(new MediaSort());
 
-	let { children }: { children: Snippet } = $props();
+	let { children, customFields }: { children: Snippet; customFields?: Map<string, CustomFieldDefinition> } = $props();
+
+	setCustomFields(customFields ?? new Map());
 
 	let mounted = $state(false);
 	onMount(() => {

package/dist/admin/client/admin/admin-layout.svelte.d.ts

@@ -1,7 +1,9 @@
 import type { Snippet } from 'svelte';
 import '../../styles/admin.css';
+import type { CustomFieldDefinition } from '../../../types/plugins.js';
 type $$ComponentProps = {
     children: Snippet;
+    customFields?: Map<string, CustomFieldDefinition>;
 };
 declare const AdminLayout: import("svelte").Component<$$ComponentProps, {}, "">;
 type AdminLayout = ReturnType<typeof AdminLayout>;

package/dist/admin/client/index.d.ts

@@ -10,3 +10,4 @@ export { default as FormSubmissionPage } from './form/form-submission/form-submi
 export { default as UsersPage } from './users/users-page.svelte';
 export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
 export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';
+export { default as MediaSelector } from '../components/media/media-selector.svelte';

package/dist/admin/client/index.js

@@ -10,3 +10,4 @@ export { default as FormSubmissionPage } from './form/form-submission/form-submi
 export { default as UsersPage } from './users/users-page.svelte';
 export { default as AcceptInvitePage } from './users/accept-invite-page.svelte';
 export { default as MaintenancePage } from './maintenance/maintenance-page.svelte';
+export { default as MediaSelector } from '../components/media/media-selector.svelte';

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

@@ -299,9 +299,9 @@
 						{@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.Item value={index.toString()} class="overflow-hidden rounded-md border-0" data-depth={depth + 1}>
 								<Accordion.Trigger
-									class="items-center border px-4 text-base font-normal data-[state=open]:rounded-b-none"
+									class="items-center rounded-md border bg-card/60 px-4 text-base font-normal data-[state=open]:rounded-b-none"
 								>
 									<div class="flex grow items-center justify-between gap-4">
 										<div class="flex items-center gap-4">
@@ -373,7 +373,7 @@
 										{/if}
 									</div>
 								</Accordion.Trigger>
-								<Accordion.Content class="space-y-4 rounded-b-md border border-t-0 p-4">
+								<Accordion.Content class="space-y-4 rounded-b-md border border-t-0 bg-card/80 p-4">
 									{@const itemPath = joinPath(path, index)}
 									<div data-field-path={itemPath}>
 										<FieldRenderer

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

@@ -16,6 +16,7 @@
 	import LazyField from './lazy-field.svelte';
 	import { useInterfaceLanguage } from '../../state/interface-language.svelte.js';
 	import { getLocalizedLabel } from '../../utils/collectionLabel.js';
+	import { getCustomFields } from '../../state/custom-fields.svelte.js';
 
 	type Props = {
 		objectFieldType?: 'default' | 'inline';
@@ -31,6 +32,7 @@
 	let { field, form, path, objectFieldType = 'default', focusedPath = null, flashingPath = null, depth = 0, distributed = false, ...props }: Props = $props();
 
 	const interfaceLanguage = useInterfaceLanguage();
+	const customFieldDefs = getCustomFields();
 
 	// Bridge: SuperForm store → $bindable for leaf components
 	// Cast to any: runtime types enforced by child components via $bindable
@@ -159,6 +161,13 @@
 						<DateTimeField {field} bind:value={$value} />
 					{:else if field.type === 'select'}
 						<SelectField {field} bind:value={$value} />
+					{:else if field.type === 'custom'}
+						{@const customDef = customFieldDefs.get(field.fieldType)}
+						{#if customDef}
+							<LazyField loader={customDef.component} props={{ field, form, path }} skeletonClass="h-20" />
+						{:else}
+							<p>Nieznany custom field: {field.fieldType}</p>
+						{/if}
 					{:else}
 						<p>Nieobsługiwany typ pola: {field.type}</p>
 					{/if}

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

@@ -114,7 +114,7 @@
 									</button>
 								</div>
 								<!-- Counter -->
-								<div class="absolute top-2 right-2 rounded-full bg-black/60 px-2 py-0.5 text-xs font-medium text-white backdrop-blur">
+								<div class="absolute top-2 right-2 rounded-full bg-plum-darker/60 px-2 py-0.5 text-xs font-medium text-white backdrop-blur">
 									{currentIndex + 1} / {valueArr.length}
 								</div>
 							{/if}
@@ -122,7 +122,7 @@
 
 						<!-- Stały gradient z przyciskami na dole -->
 						<div
-							class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-black/60 to-transparent p-2 pt-8"
+							class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-plum-darker/50 to-transparent p-2 pt-8"
 						>
 							<div class="flex gap-1">
 								<Button {...props} size="sm" variant="secondary" class="h-8">

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

@@ -226,7 +226,7 @@
 										>
 											<FileMiniature {file} />
 										</button>
-										<div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-black/60 to-transparent p-2 pt-8">
+										<div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-plum-darker/50 to-transparent p-2 pt-8">
 											<Button {...props} size="sm" variant="secondary" class="h-8">
 												<Plus class="h-4 w-4" />
 												{lang[interfaceLanguage.current].change}
@@ -279,12 +279,12 @@
 													<ChevronRight class="h-5 w-5" />
 												</button>
 											</div>
-											<div class="absolute top-2 right-2 rounded-full bg-black/60 px-2 py-0.5 text-xs font-medium text-white backdrop-blur">
+											<div class="absolute top-2 right-2 rounded-full bg-plum-darker/60 px-2 py-0.5 text-xs font-medium text-white backdrop-blur">
 												{currentIndex + 1} / {valueArr.length}
 											</div>
 										{/if}
 
-										<div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-black/60 to-transparent p-2 pt-8">
+										<div class="absolute inset-x-0 bottom-0 flex items-center justify-between gap-2 bg-gradient-to-t from-plum-darker/50 to-transparent p-2 pt-8">
 											<Button {...props} size="sm" variant="secondary" class="h-8">
 												<Plus class="h-4 w-4" />
 												{lang[interfaceLanguage.current].change}
@@ -306,7 +306,7 @@
 					<button
 						{...props}
 						type="button"
-						class="flex aspect-video max-w-64 w-full flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-muted-foreground/30 bg-muted/30 p-6 transition-colors hover:border-primary/50 hover:bg-muted/50"
+						class="flex aspect-video max-w-64 w-full flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-border bg-card/80 p-6 transition-colors hover:border-primary/50 hover:bg-card"
 					>
 						<div class="rounded-full bg-muted p-3">
 							<Plus class="h-6 w-6 text-muted-foreground" />

package/dist/admin/components/media/file/file-miniature.svelte

@@ -18,10 +18,10 @@
 {#if mode === 'thumb'}
 	<!-- Thumb mode: just the media content for 120px thumb area -->
 	{#if file.type === 'image'}
-		<img class="pointer-events-none size-full object-contain" src={file.url} alt={file.name} />
+		<img class="pointer-events-none size-full object-contain m-0" src={file.url} alt={file.name} />
 	{:else if file.type === 'video'}
 		{#if file.thumbnailUrl}
-			<img class="pointer-events-none size-full object-contain" src={file.thumbnailUrl} alt={file.name} />
+			<img class="pointer-events-none size-full object-contain m-0" src={file.thumbnailUrl} alt={file.name} />
 		{/if}
 		<div class="ml-video-overlay">
 			<div class="ml-video-play">
@@ -48,12 +48,12 @@
 			<div class="absolute top-1 right-1 rounded-sm bg-background/80 backdrop-blur-sm p-0.5">
 				<Photo class="text-muted-foreground" />
 			</div>
-			<img class="pointer-events-none size-full object-contain" src={file.url} alt={file.name} />
+			<img class="pointer-events-none size-full object-contain m-0" src={file.url} alt={file.name} />
 		{:else if file.type === 'video'}
 			<div class="absolute top-1 right-1 rounded-sm bg-background/80 backdrop-blur-sm p-0.5">
 				<Video class="text-muted-foreground" />
 			</div>
-			<img class="pointer-events-none size-full object-contain" src={file.thumbnailUrl} alt={file.name} />
+			<img class="pointer-events-none size-full object-contain m-0" src={file.thumbnailUrl} alt={file.name} />
 		{:else if file.type === 'audio'}
 			<div class="absolute top-1 right-1 rounded-sm bg-background/80 backdrop-blur-sm p-0.5">
 				<Music class="text-muted-foreground" />
@@ -65,12 +65,12 @@
 			<div class="absolute top-1 right-1 rounded-sm bg-background/80 backdrop-blur-sm p-0.5">
 				<Pdf class="text-muted-foreground" />
 			</div>
-			<Pdf class="pointer-events-none size-full object-contain" />
+			<Pdf class="pointer-events-none size-full object-contain m-0" />
 		{:else}
 			<div class="absolute top-1 right-1 rounded-sm bg-background/80 backdrop-blur-sm p-0.5">
 				<File class="text-muted-foreground" />
 			</div>
-			<File class="pointer-events-none size-full object-contain" />
+			<File class="pointer-events-none size-full object-contain m-0" />
 		{/if}
 	</div>
 {/if}

package/dist/admin/helpers/build-custom-fields-map.d.ts

@@ -0,0 +1,7 @@
+import type { PluginConfig } from '../../types/plugins.js';
+import type { CustomFieldDefinition } from '../../types/plugins.js';
+/**
+ * Build a Map<fieldType, CustomFieldDefinition> from plugin configs.
+ * Use in consumer's admin layout to pass customFields to AdminLayout.
+ */
+export declare function buildCustomFieldsMap(...plugins: PluginConfig[]): Map<string, CustomFieldDefinition>;

package/dist/admin/helpers/build-custom-fields-map.js

@@ -0,0 +1,13 @@
+/**
+ * Build a Map<fieldType, CustomFieldDefinition> from plugin configs.
+ * Use in consumer's admin layout to pass customFields to AdminLayout.
+ */
+export function buildCustomFieldsMap(...plugins) {
+    const map = new Map();
+    for (const p of plugins) {
+        for (const f of p.fields ?? []) {
+            map.set(f.fieldType, f);
+        }
+    }
+    return map;
+}

package/dist/admin/helpers/index.d.ts

@@ -0,0 +1,7 @@
+export { useField } from './use-field.js';
+export { buildCustomFieldsMap } from './build-custom-fields-map.js';
+export { useInterfaceLanguage } from '../state/interface-language.svelte.js';
+export { getContentLanguage } from '../state/content-language.svelte.js';
+export { getRemotes } from '../context/remotes.js';
+export { getCustomFields } from '../state/custom-fields.svelte.js';
+export { getLocalizedLabel } from '../utils/collectionLabel.js';

package/dist/admin/helpers/index.js

@@ -0,0 +1,7 @@
+export { useField } from './use-field.js';
+export { buildCustomFieldsMap } from './build-custom-fields-map.js';
+export { useInterfaceLanguage } from '../state/interface-language.svelte.js';
+export { getContentLanguage } from '../state/content-language.svelte.js';
+export { getRemotes } from '../context/remotes.js';
+export { getCustomFields } from '../state/custom-fields.svelte.js';
+export { getLocalizedLabel } from '../utils/collectionLabel.js';

package/dist/admin/helpers/use-field.d.ts

@@ -0,0 +1,26 @@
+import { type SuperForm, type FormPathLeaves } from 'sveltekit-superforms';
+/**
+ * Simplified wrapper around sveltekit-superforms' formFieldProxy.
+ * Plugin authors don't need to know the superforms API.
+ */
+export declare function useField(form: SuperForm<Record<string, unknown>>, path: FormPathLeaves<Record<string, unknown>>): {
+    value: {
+        subscribe: (this: void, run: import("svelte/store").Subscriber<unknown>, invalidate?: () => void) => import("svelte/store").Unsubscriber;
+        set(this: void, value: unknown, options?: {
+            taint?: import("sveltekit-superforms").TaintOption;
+        }): void;
+        update(this: void, updater: import("svelte/store").Updater<unknown>, options?: {
+            taint?: import("sveltekit-superforms").TaintOption;
+        }): void;
+    };
+    errors: import("svelte/store").Writable<string[] | undefined>;
+    constraints: import("svelte/store").Writable<Partial<{
+        pattern: string;
+        min: number | string;
+        max: number | string;
+        required: boolean;
+        step: number | "any";
+        minlength: number;
+        maxlength: number;
+    }> | undefined>;
+};

package/dist/admin/helpers/use-field.js

@@ -0,0 +1,9 @@
+import { formFieldProxy } from 'sveltekit-superforms';
+/**
+ * Simplified wrapper around sveltekit-superforms' formFieldProxy.
+ * Plugin authors don't need to know the superforms API.
+ */
+export function useField(form, path) {
+    const { value, errors, constraints } = formFieldProxy(form, path);
+    return { value, errors, constraints };
+}

package/dist/admin/state/custom-fields.svelte.d.ts

@@ -0,0 +1,3 @@
+import type { CustomFieldDefinition } from '../../types/plugins.js';
+export declare function setCustomFields(defs: Map<string, CustomFieldDefinition>): void;
+export declare function getCustomFields(): Map<string, CustomFieldDefinition>;

package/dist/admin/state/custom-fields.svelte.js

@@ -0,0 +1,10 @@
+import { getContext, setContext } from 'svelte';
+import { setSchemaCustomFields } from '../../core/fields/fieldSchemaToTs.js';
+const contextKey = Symbol('customFields');
+export function setCustomFields(defs) {
+    setContext(contextKey, defs);
+    setSchemaCustomFields(defs);
+}
+export function getCustomFields() {
+    return getContext(contextKey) ?? new Map();
+}

package/dist/admin/styles/admin.css

@@ -650,7 +650,7 @@ div[data-collapsible]:not([data-collapsible='icon'])
 
 /* Checkered transparency background */
 .ml-checkered-bg {
-	background: repeating-conic-gradient(var(--muted) 0% 25%, var(--card) 0% 50%) 50% / 16px 16px;
+	background: repeating-conic-gradient(#E2DFF0 0% 25%, #F4F2FA 0% 50%) 50% / 16px 16px;
 }
 
 /* Staggered fadeUp animation for file cards */

package/dist/admin/ui/index.d.ts

@@ -0,0 +1,12 @@
+export { Button, type ButtonProps } from '../../components/ui/button/index.js';
+export * as Dialog from '../../components/ui/dialog/index.js';
+export { Input } from '../../components/ui/input/index.js';
+export * as Card from '../../components/ui/card/index.js';
+export { Label } from '../../components/ui/label/index.js';
+export { Separator } from '../../components/ui/separator/index.js';
+export { Badge } from '../../components/ui/badge/index.js';
+export { Skeleton } from '../../components/ui/skeleton/index.js';
+export * as Tabs from '../../components/ui/tabs/index.js';
+export * as Tooltip from '../../components/ui/tooltip/index.js';
+export { default as FileMiniature } from '../components/media/file/file-miniature.svelte';
+export { default as MediaSelector } from '../components/media/media-selector.svelte';

package/dist/admin/ui/index.js

@@ -0,0 +1,14 @@
+// shadcn-svelte UI primitives
+export { Button } from '../../components/ui/button/index.js';
+export * as Dialog from '../../components/ui/dialog/index.js';
+export { Input } from '../../components/ui/input/index.js';
+export * as Card from '../../components/ui/card/index.js';
+export { Label } from '../../components/ui/label/index.js';
+export { Separator } from '../../components/ui/separator/index.js';
+export { Badge } from '../../components/ui/badge/index.js';
+export { Skeleton } from '../../components/ui/skeleton/index.js';
+export * as Tabs from '../../components/ui/tabs/index.js';
+export * as Tooltip from '../../components/ui/tooltip/index.js';
+// Admin components
+export { default as FileMiniature } from '../components/media/file/file-miniature.svelte';
+export { default as MediaSelector } from '../components/media/media-selector.svelte';

package/dist/components/ui/accordion/accordion.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Accordion as AccordionPrimitive } from "bits-ui";
-declare const Accordion: import("svelte").Component<AccordionPrimitive.RootProps, {}, "ref" | "value">;
+declare const Accordion: import("svelte").Component<AccordionPrimitive.RootProps, {}, "value" | "ref">;
 type Accordion = ReturnType<typeof Accordion>;
 export default Accordion;

package/dist/components/ui/calendar/calendar.svelte.d.ts

@@ -16,6 +16,6 @@ type $$ComponentProps = WithoutChildrenOrChild<CalendarPrimitive.RootProps> & {
         outsideMonth: boolean;
     }]>;
 };
-declare const Calendar: import("svelte").Component<$$ComponentProps, {}, "ref" | "value" | "placeholder">;
+declare const Calendar: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "placeholder">;
 type Calendar = ReturnType<typeof Calendar>;
 export default Calendar;

package/dist/components/ui/command/command-dialog.svelte.d.ts

@@ -7,6 +7,6 @@ type $$ComponentProps = WithoutChildrenOrChild<DialogPrimitive.RootProps> & With
     title?: string;
     description?: string;
 };
-declare const CommandDialog: import("svelte").Component<$$ComponentProps, {}, "ref" | "value" | "open">;
+declare const CommandDialog: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "open">;
 type CommandDialog = ReturnType<typeof CommandDialog>;
 export default CommandDialog;

package/dist/components/ui/command/command-input.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Command as CommandPrimitive } from "bits-ui";
-declare const CommandInput: import("svelte").Component<CommandPrimitive.InputProps, {}, "ref" | "value">;
+declare const CommandInput: import("svelte").Component<CommandPrimitive.InputProps, {}, "value" | "ref">;
 type CommandInput = ReturnType<typeof CommandInput>;
 export default CommandInput;

package/dist/components/ui/command/command.svelte.d.ts

@@ -3,6 +3,6 @@ export type CommandRootApi = CommandPrimitive.Root;
 type $$ComponentProps = CommandPrimitive.RootProps & {
     api?: CommandRootApi | null;
 };
-declare const Command: import("svelte").Component<$$ComponentProps, {}, "api" | "ref" | "value">;
+declare const Command: import("svelte").Component<$$ComponentProps, {}, "value" | "ref" | "api">;
 type Command = ReturnType<typeof Command>;
 export default Command;

package/dist/components/ui/dropdown-menu/dropdown-menu-radio-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import { DropdownMenu as DropdownMenuPrimitive } from "bits-ui";
-declare const DropdownMenuRadioGroup: import("svelte").Component<DropdownMenuPrimitive.RadioGroupProps, {}, "ref" | "value">;
+declare const DropdownMenuRadioGroup: import("svelte").Component<DropdownMenuPrimitive.RadioGroupProps, {}, "value" | "ref">;
 type DropdownMenuRadioGroup = ReturnType<typeof DropdownMenuRadioGroup>;
 export default DropdownMenuRadioGroup;

package/dist/components/ui/input/input.svelte

@@ -25,7 +25,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"selection:bg-primary selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 pt-1.5 text-sm font-medium outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50",
+			"selection:bg-primary selection:text-primary-foreground border-input ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border bg-card px-3 pt-1.5 text-sm font-medium outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50",
 			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
 			"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
 			className
@@ -40,7 +40,7 @@
 		bind:this={ref}
 		data-slot={dataSlot}
 		class={cn(
-			"border-input bg-background selection:bg-primary selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+			"border-input bg-card selection:bg-primary selection:text-primary-foreground ring-offset-background placeholder:text-muted-foreground shadow-xs flex h-9 w-full min-w-0 rounded-md border px-3 py-1 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 			"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
 			"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
 			className

package/dist/components/ui/input/input.svelte.d.ts

@@ -8,6 +8,6 @@ type Props = WithElementRef<Omit<HTMLInputAttributes, "type"> & ({
     type?: InputType;
     files?: undefined;
 })>;
-declare const Input: import("svelte").Component<Props, {}, "files" | "ref" | "value">;
+declare const Input: import("svelte").Component<Props, {}, "files" | "value" | "ref">;
 type Input = ReturnType<typeof Input>;
 export default Input;

package/dist/components/ui/input-group/input-group-input.svelte.d.ts

@@ -2,10 +2,10 @@ declare const InputGroupInput: import("svelte").Component<(Omit<import("svelte/e
     type: "file";
     files?: FileList;
 } | {
-    type?: "number" | "image" | "url" | "text" | "date" | "radio" | "color" | "button" | "checkbox" | "search" | (string & {}) | "email" | "hidden" | "password" | "reset" | "time" | "submit" | "tel" | "datetime-local" | "month" | "range" | "week";
+    type?: "number" | "image" | "url" | "text" | "date" | "radio" | "color" | "button" | "checkbox" | "search" | (string & {}) | "email" | "time" | "password" | "hidden" | "reset" | "submit" | "tel" | "datetime-local" | "month" | "range" | "week";
     files?: undefined;
 })) & {
     ref?: HTMLElement | null | undefined;
-}, {}, "ref" | "value">;
+}, {}, "value" | "ref">;
 type InputGroupInput = ReturnType<typeof InputGroupInput>;
 export default InputGroupInput;

package/dist/components/ui/input-group/input-group-textarea.svelte.d.ts

@@ -1,3 +1,3 @@
-declare const InputGroupTextarea: import("svelte").Component<Omit<import("../../../utils.js").WithElementRef<import("svelte/elements").HTMLTextareaAttributes>, "children">, {}, "ref" | "value">;
+declare const InputGroupTextarea: import("svelte").Component<Omit<import("../../../utils.js").WithElementRef<import("svelte/elements").HTMLTextareaAttributes>, "children">, {}, "value" | "ref">;
 type InputGroupTextarea = ReturnType<typeof InputGroupTextarea>;
 export default InputGroupTextarea;

package/dist/components/ui/input-group/input-group.svelte

@@ -15,7 +15,7 @@
 	data-slot="input-group"
 	role="group"
 	class={cn(
-		"group/input-group border-input dark:bg-input/30 shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
+		"group/input-group border-input bg-card shadow-xs relative flex w-full items-center rounded-md border outline-none transition-[color,box-shadow]",
 		"h-9 has-[>textarea]:h-auto",
 
 		// Variants based on alignment.

package/dist/components/ui/radio-group/radio-group.svelte.d.ts

@@ -1,4 +1,4 @@
 import { RadioGroup as RadioGroupPrimitive } from "bits-ui";
-declare const RadioGroup: import("svelte").Component<RadioGroupPrimitive.RootProps, {}, "ref" | "value">;
+declare const RadioGroup: import("svelte").Component<RadioGroupPrimitive.RootProps, {}, "value" | "ref">;
 type RadioGroup = ReturnType<typeof RadioGroup>;
 export default RadioGroup;

package/dist/components/ui/select/select-trigger.svelte

@@ -19,7 +19,7 @@
 	data-slot="select-trigger"
 	data-size={size}
 	class={cn(
-		"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 shadow-xs flex w-fit select-none items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-transparent px-3 py-2 text-sm outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+		"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive shadow-xs flex w-fit select-none items-center justify-between gap-2 whitespace-nowrap rounded-md border bg-card px-3 py-2 text-sm outline-none transition-[color,box-shadow] focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 		className
 	)}
 	{...restProps}

package/dist/components/ui/sidebar/sidebar-input.svelte.d.ts

@@ -2,10 +2,10 @@ declare const SidebarInput: import("svelte").Component<(Omit<import("svelte/elem
     type: "file";
     files?: FileList;
 } | {
-    type?: "number" | "image" | "url" | "text" | "date" | "radio" | "color" | "button" | "checkbox" | "search" | (string & {}) | "email" | "hidden" | "password" | "reset" | "time" | "submit" | "tel" | "datetime-local" | "month" | "range" | "week";
+    type?: "number" | "image" | "url" | "text" | "date" | "radio" | "color" | "button" | "checkbox" | "search" | (string & {}) | "email" | "time" | "password" | "hidden" | "reset" | "submit" | "tel" | "datetime-local" | "month" | "range" | "week";
     files?: undefined;
 })) & {
     ref?: HTMLElement | null | undefined;
-}, {}, "ref" | "value">;
+}, {}, "value" | "ref">;
 type SidebarInput = ReturnType<typeof SidebarInput>;
 export default SidebarInput;

package/dist/components/ui/tabs/tabs.svelte.d.ts

@@ -1,4 +1,4 @@
 import { Tabs as TabsPrimitive } from "bits-ui";
-declare const Tabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "ref" | "value">;
+declare const Tabs: import("svelte").Component<TabsPrimitive.RootProps, {}, "value" | "ref">;
 type Tabs = ReturnType<typeof Tabs>;
 export default Tabs;

package/dist/components/ui/textarea/textarea.svelte

@@ -15,7 +15,7 @@
 	bind:this={ref}
 	data-slot={dataSlot}
 	class={cn(
-		"border-input placeholder:text-muted-foreground shadow-xs field-sizing-content flex min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+		"border-input placeholder:text-muted-foreground shadow-xs field-sizing-content flex min-h-16 w-full rounded-md border bg-card px-3 py-2 text-base outline-none transition-[color,box-shadow] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
 		"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
 		"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
 		className

package/dist/components/ui/textarea/textarea.svelte.d.ts

@@ -1,5 +1,5 @@
 import { type WithElementRef } from "../../../utils.js";
 import type { HTMLTextareaAttributes } from "svelte/elements";
-declare const Textarea: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "ref" | "value">;
+declare const Textarea: import("svelte").Component<Omit<WithElementRef<HTMLTextareaAttributes>, "children">, {}, "value" | "ref">;
 type Textarea = ReturnType<typeof Textarea>;
 export default Textarea;

package/dist/components/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -1,6 +1,6 @@
 import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 import { type ToggleVariants } from "../toggle/index.js";
 type $$ComponentProps = ToggleGroupPrimitive.ItemProps & ToggleVariants;
-declare const ToggleGroupItem: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
+declare const ToggleGroupItem: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
 type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
 export default ToggleGroupItem;

package/dist/components/ui/toggle-group/toggle-group.svelte.d.ts

@@ -3,6 +3,6 @@ export declare function setToggleGroupCtx(props: ToggleVariants): void;
 export declare function getToggleGroupCtx(): ToggleVariants;
 import { ToggleGroup as ToggleGroupPrimitive } from "bits-ui";
 type $$ComponentProps = ToggleGroupPrimitive.RootProps & ToggleVariants;
-declare const ToggleGroup: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
+declare const ToggleGroup: import("svelte").Component<$$ComponentProps, {}, "value" | "ref">;
 type ToggleGroup = ReturnType<typeof ToggleGroup>;
 export default ToggleGroup;

package/dist/core/cms.d.ts

@@ -1,29 +1,32 @@
 import type { DatabaseAdapter } from '../types/adapters/db.js';
 import type { FilesAdapter } from '../types/adapters/files.js';
-import type { ApiKeyConfig, CMSConfig, ICMS, MediaConfig } from '../types/cms.js';
+import type { ApiKeyConfig, AuthConfig, CMSConfig, ICMS, MediaConfig } from '../types/cms.js';
 import type { CollectionConfigWithType } from '../types/collections.js';
 import type { Language } from '../types/languages.js';
 import type { SingleConfigWithType } from '../types/singles.js';
-import type { PluginConfig } from '../types/plugins.js';
+import type { CustomFieldDefinition, PluginConfig } from '../types/plugins.js';
 import type { FormConfig } from '../types/forms.js';
 import type { AIAdapter } from '../types/adapters/ai.js';
 import type { EmailAdapter } from '../types/adapters/email.js';
-import type { AuthAdapter } from '../types/cms.js';
+import { betterAuth } from 'better-auth';
 export declare class CMS implements ICMS {
     private config;
     databaseAdapter: DatabaseAdapter;
     filesAdapter: FilesAdapter;
     emailAdapter: EmailAdapter | null;
-    auth: AuthAdapter | null;
+    authConfig: AuthConfig | null;
     aiAdapter: AIAdapter | null;
+    private _betterAuth;
     collections: Record<string, CollectionConfigWithType>;
     singles: Record<string, SingleConfigWithType>;
     forms: Record<string, FormConfig>;
     languages: Language[];
     mediaConfig: MediaConfig;
     plugins: PluginConfig[];
+    customFields: Map<string, CustomFieldDefinition>;
     apiKeys: ApiKeyConfig[];
     constructor(config: CMSConfig);
+    get auth(): ReturnType<typeof betterAuth>;
     getBySlug(slug: string): CollectionConfigWithType | SingleConfigWithType;
     getFormBySlug(slug: string): FormConfig;
 }