@questpie/admin 3.5.0 → 3.5.2

package/dist/client/components/primitives/asset-preview.mjs

@@ -110,10 +110,10 @@ function AssetPreview({ asset, pendingFile, onRemove, onEdit, loading = false, p
 				thumbnailUrl && !imageError ? /* @__PURE__ */ jsx("img", {
 					src: thumbnailUrl,
 					alt: asset.alt || filename,
-					className: "image-outline h-full w-full object-cover",
+					className: "image-outline size-full object-cover",
 					onError: () => setImageError(true)
 				}) : /* @__PURE__ */ jsx("div", {
-					className: "flex h-full w-full items-center justify-center",
+					className: "flex size-full items-center justify-center",
 					children: /* @__PURE__ */ jsx(Icon, {
 						icon: fileIconName,
 						className: "text-muted-foreground size-8"
@@ -221,7 +221,7 @@ function AssetPreview({ asset, pendingFile, onRemove, onEdit, loading = false, p
 					children: thumbnailUrl && !imageError ? /* @__PURE__ */ jsx("img", {
 						src: thumbnailUrl,
 						alt: asset.alt || filename,
-						className: "image-outline h-full w-full object-cover",
+						className: "image-outline size-full object-cover",
 						onError: () => setImageError(true)
 					}) : /* @__PURE__ */ jsx(Icon, {
 						icon: fileIconName,
@@ -325,10 +325,10 @@ function AssetPreview({ asset, pendingFile, onRemove, onEdit, loading = false, p
 					thumbnailUrl && !imageError ? /* @__PURE__ */ jsx("img", {
 						src: thumbnailUrl,
 						alt: asset.alt || filename,
-						className: "image-outline h-full w-full object-contain",
+						className: "image-outline size-full object-contain",
 						onError: () => setImageError(true)
 					}) : /* @__PURE__ */ jsxs("div", {
-						className: "flex h-full w-full flex-col items-center justify-center gap-2",
+						className: "flex size-full flex-col items-center justify-center gap-2",
 						children: [/* @__PURE__ */ jsx(Icon, {
 							icon: fileIconName,
 							className: "text-muted-foreground size-12"

package/dist/client/components/primitives/dropzone.mjs

@@ -189,7 +189,7 @@ function Dropzone({ onDrop, accept, maxSize, multiple = false, disabled = false,
 		onDragLeave: handleDragLeave,
 		onDragOver: handleDragOver,
 		onDrop: handleDrop,
-		className: cn("qa-dropzone control-surface relative flex cursor-pointer hover:bg-muted/40 rounded-lg border transition-colors", isCompact ? "min-h-16 flex-row items-center justify-start gap-3 border border-dashed p-3 text-left" : "min-h-[120px] flex-col items-center justify-center gap-2 border-2 p-6 text-center", isDragging && "border-border-strong bg-surface-high", error && "border-destructive/50 bg-destructive/5", (disabled || loading) && "pointer-events-none opacity-60", className),
+		className: cn("qa-dropzone control-surface hover:bg-muted/40 relative flex cursor-pointer rounded-lg border transition-colors", isCompact ? "min-h-16 flex-row items-center justify-start gap-3 border border-dashed p-3 text-left" : "min-h-[120px] flex-col items-center justify-center gap-2 border-2 p-6 text-center", isDragging && "border-border-strong bg-surface-high", error && "border-destructive/50 bg-destructive/5", (disabled || loading) && "pointer-events-none opacity-60", className),
 		"aria-disabled": disabled || loading,
 		"data-dragging": isDragging || void 0,
 		children: [

package/dist/client/components/ui/kbd.mjs

@@ -13,7 +13,7 @@ import { jsx } from "react/jsx-runtime";
 */
 function Kbd({ className, children, ...props }) {
 	return /* @__PURE__ */ jsx("kbd", {
-		className: cn("qa-kbd rounded-xs bg-muted text-muted-foreground pointer-events-none inline-flex h-5 items-center gap-1 border px-1.5 font-mono text-[10px] font-medium select-none", className),
+		className: cn("qa-kbd bg-muted text-muted-foreground pointer-events-none inline-flex h-5 items-center gap-1 rounded-xs border px-1.5 font-mono text-[10px] font-medium select-none", className),
 		...props,
 		children
 	});

package/dist/client/components/ui/scroll-fade.mjs

@@ -45,7 +45,7 @@ function ScrollFade({ orientation = "horizontal", fadeSize = 20, leftInset = 0,
 		children: [
 			children,
 			h && /* @__PURE__ */ jsx("div", {
-				className: cn(fade, "inset-y-0 bg-gradient-to-r from-background to-transparent", overflow.left ? "opacity-100" : "opacity-0"),
+				className: cn(fade, "from-background inset-y-0 bg-gradient-to-r to-transparent", overflow.left ? "opacity-100" : "opacity-0"),
 				style: {
 					left: leftInset,
 					width: fadeSize
@@ -53,17 +53,17 @@ function ScrollFade({ orientation = "horizontal", fadeSize = 20, leftInset = 0,
 				"aria-hidden": true
 			}),
 			h && /* @__PURE__ */ jsx("div", {
-				className: cn(fade, "inset-y-0 right-0 bg-gradient-to-l from-background to-transparent", overflow.right ? "opacity-100" : "opacity-0"),
+				className: cn(fade, "from-background inset-y-0 right-0 bg-gradient-to-l to-transparent", overflow.right ? "opacity-100" : "opacity-0"),
 				style: { width: fadeSize },
 				"aria-hidden": true
 			}),
 			v && /* @__PURE__ */ jsx("div", {
-				className: cn(fade, "inset-x-0 top-0 bg-gradient-to-b from-background to-transparent", overflow.top ? "opacity-100" : "opacity-0"),
+				className: cn(fade, "from-background inset-x-0 top-0 bg-gradient-to-b to-transparent", overflow.top ? "opacity-100" : "opacity-0"),
 				style: { height: fadeSize },
 				"aria-hidden": true
 			}),
 			v && /* @__PURE__ */ jsx("div", {
-				className: cn(fade, "inset-x-0 bottom-0 bg-gradient-to-t from-background to-transparent", overflow.bottom ? "opacity-100" : "opacity-0"),
+				className: cn(fade, "from-background inset-x-0 bottom-0 bg-gradient-to-t to-transparent", overflow.bottom ? "opacity-100" : "opacity-0"),
 				style: { height: fadeSize },
 				"aria-hidden": true
 			})

package/dist/client/components/ui/sidebar.mjs

@@ -105,7 +105,7 @@ function Sidebar({ side = "left", variant = "sidebar", collapsible = "offExample
 				className: "sr-only",
 				children: [/* @__PURE__ */ jsx(SheetTitle, { children: "Sidebar" }), /* @__PURE__ */ jsx(SheetDescription, { children: "Displays the mobile sidebar." })]
 			}), /* @__PURE__ */ jsx("div", {
-				className: "bg-sidebar border-sidebar-border flex h-full w-full flex-col overflow-hidden rounded-xl border shadow-lg",
+				className: "bg-sidebar border-sidebar-border flex size-full flex-col overflow-hidden rounded-xl border shadow-lg",
 				children
 			})]
 		})

package/dist/client/components/ui/skeleton.mjs

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 
 //#region src/client/components/ui/skeleton.tsx
-const skeletonVariants = cva("qa-skeleton bg-muted animate-pulse", {
+const skeletonVariants = cva("qa-skeleton bg-muted", {
 	variants: { variant: {
 		default: "rounded-sm",
 		text: "rounded-xs",

package/dist/client/components/ui/table.mjs

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 function Table({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "table-container",
-		className: "qa-table-container scrollbar-thin relative w-full min-w-0 overflow-x-auto",
+		className: "qa-table-container relative w-full min-w-0 scrollbar-thin overflow-x-auto",
 		children: /* @__PURE__ */ jsx("table", {
 			"data-slot": "table",
 			className: cn("qa-table w-full caption-bottom border-separate border-spacing-0 text-sm", className),

package/dist/client/components/widgets/quick-actions-widget.mjs

@@ -89,13 +89,13 @@ function QuickActionsWidget({ config, basePath = "/admin", navigate }) {
 		children: /* @__PURE__ */ jsx("div", {
 			className: "grid h-full grid-cols-2 gap-3",
 			children: parsedActions.map((action) => {
-				const iconElement = resolveIconElement(action.icon, { className: "h-4 w-4" });
+				const iconElement = resolveIconElement(action.icon, { className: "size-4" });
 				return /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: () => handleClick(action),
 					className: cn("flex min-h-24 flex-col items-center justify-center gap-2 rounded-md border p-3 text-center", "transition-[background-color,border-color,transform] active:scale-[0.96]", variantStyles[action.variant]),
 					children: [iconElement && /* @__PURE__ */ jsx("div", {
-						className: cn("flex h-9 w-9 items-center justify-center rounded-md", iconVariantStyles[action.variant]),
+						className: cn("flex size-9 items-center justify-center rounded-md", iconVariantStyles[action.variant]),
 						children: iconElement
 					}), /* @__PURE__ */ jsx("span", {
 						className: "text-xs leading-tight font-medium text-balance",
@@ -113,14 +113,14 @@ function QuickActionsWidget({ config, basePath = "/admin", navigate }) {
 		children: /* @__PURE__ */ jsx("div", {
 			className: "-mx-1 space-y-1",
 			children: parsedActions.map((action) => {
-				const iconElement = resolveIconElement(action.icon, { className: "h-4 w-4" });
+				const iconElement = resolveIconElement(action.icon, { className: "size-4" });
 				return /* @__PURE__ */ jsxs("button", {
 					type: "button",
 					onClick: () => handleClick(action),
-					className: cn("group flex min-h-10 w-full items-center gap-3 rounded-md px-2 py-2 text-left transition-[background-color,transform] active:scale-[0.96]", variantStyles[action.variant]),
+					className: cn("group flex min-h-10 w-full items-center gap-3 rounded-md p-2 text-left transition-[background-color,transform] active:scale-[0.96]", variantStyles[action.variant]),
 					children: [
 						iconElement && /* @__PURE__ */ jsx("div", {
-							className: cn("flex h-8 w-8 shrink-0 items-center justify-center rounded-md", iconVariantStyles[action.variant]),
+							className: cn("flex size-8 shrink-0 items-center justify-center rounded-md", iconVariantStyles[action.variant]),
 							children: iconElement
 						}),
 						/* @__PURE__ */ jsx("span", {
@@ -129,7 +129,7 @@ function QuickActionsWidget({ config, basePath = "/admin", navigate }) {
 						}),
 						/* @__PURE__ */ jsx(Icon, {
 							icon: "ph:arrow-right",
-							className: "text-muted-foreground h-4 w-4 opacity-0 transition-opacity group-hover:opacity-100"
+							className: "text-muted-foreground size-4 opacity-0 transition-opacity group-hover:opacity-100"
 						})
 					]
 				}, action.id);

package/dist/client/components/widgets/timeline-widget.mjs

@@ -114,17 +114,17 @@ function TimelineWidget({ config, navigate }) {
 	const timelineContent = items.length === 0 ? emptyContent : /* @__PURE__ */ jsx("div", {
 		className: "space-y-0",
 		children: items.map((item, index) => {
-			const iconElement = resolveIconElement(item.icon, { className: "h-3 w-3 text-white" });
+			const iconElement = resolveIconElement(item.icon, { className: "size-3 text-white" });
 			const variant = item.variant || "default";
 			const isLast = index === items.length - 1;
 			const isClickable = !!(item.href && navigate);
 			const itemContent = /* @__PURE__ */ jsxs(Fragment, { children: [
 				!isLast && /* @__PURE__ */ jsx("div", { className: "bg-border absolute top-6 bottom-0 left-[11px] w-px" }),
 				/* @__PURE__ */ jsx("div", {
-					className: cn("relative z-10 flex h-6 w-6 shrink-0 items-center justify-center rounded-full", variantStyles[variant]),
+					className: cn("relative z-10 flex size-6 shrink-0 items-center justify-center rounded-full", variantStyles[variant]),
 					children: iconElement ?? /* @__PURE__ */ jsx(Icon, {
 						icon: "ph:circle-bold",
-						className: "h-3 w-3 text-white"
+						className: "size-3 text-white"
 					})
 				}),
 				/* @__PURE__ */ jsxs("div", {

package/dist/client/components/widgets/value-widget.mjs

@@ -115,7 +115,7 @@ function ValueWidget({ config }) {
 				}),
 				data.trend && /* @__PURE__ */ jsxs("div", {
 					className: cn("flex items-center gap-1 text-sm", cls.trend),
-					children: [resolveIconElement(TrendIcon, { className: cn("h-3 w-3", cls.trendIcon) }), /* @__PURE__ */ jsx("span", { children: data.trend.value })]
+					children: [resolveIconElement(TrendIcon, { className: cn("size-3", cls.trendIcon) }), /* @__PURE__ */ jsx("span", { children: data.trend.value })]
 				}),
 				subtitle && /* @__PURE__ */ jsx("p", {
 					className: cn("text-muted-foreground text-xs", cls.subtitle),

package/dist/client/components/widgets/widget-skeletons.mjs

@@ -123,7 +123,7 @@ function TimelineSkeletonItem({ last = false }) {
 			className: "flex flex-col items-center",
 			children: [/* @__PURE__ */ jsx(Skeleton, {
 				variant: "avatar",
-				className: "h-3 w-3"
+				className: "size-3"
 			}), !last && /* @__PURE__ */ jsx(Skeleton, { className: "mt-1 w-0.5 flex-1" })]
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex-1 space-y-1 pb-4",
@@ -165,7 +165,7 @@ function ValueWidgetSkeleton({ featured = false }) {
 		className: "space-y-3",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-start gap-3",
-			children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 shrink-0" }), /* @__PURE__ */ jsxs("div", {
+			children: [/* @__PURE__ */ jsx(Skeleton, { className: "size-10 shrink-0" }), /* @__PURE__ */ jsxs("div", {
 				className: "flex-1 space-y-2",
 				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }), /* @__PURE__ */ jsx(Skeleton, { className: cn("h-8", featured ? "w-40" : "w-24") })]
 			})]

package/dist/client/hooks/typed-hooks.mjs

@@ -59,43 +59,76 @@ function createTypedHooks() {
 	function useCollectionList(collection, options, queryOptions) {
 		const client = useAdminStore(selectClient);
 		const { locale: contentLocale } = useScopedLocale();
+		const queryOpts = createQuestpieQueryOptions(client, {
+			keyPrefix: ["questpie", "collections"],
+			locale: contentLocale
+		});
 		return useQuery({
-			...createQuestpieQueryOptions(client, {
-				keyPrefix: ["questpie", "collections"],
-				locale: contentLocale
-			}).collections[collection].find({
+			...collection ? queryOpts.collections[collection].find({
 				...options,
 				locale: contentLocale
-			}),
+			}) : {
+				queryKey: [
+					"questpie",
+					"collections",
+					"__none__",
+					"find"
+				],
+				queryFn: () => ({
+					docs: [],
+					totalDocs: 0
+				})
+			},
+			enabled: !!collection && (queryOptions?.enabled ?? true),
 			...queryOptions
 		});
 	}
 	function useCollectionCount(collection, options, queryOptions) {
 		const client = useAdminStore(selectClient);
 		const { locale: contentLocale } = useScopedLocale();
+		const queryOpts = createQuestpieQueryOptions(client, {
+			keyPrefix: ["questpie", "collections"],
+			locale: contentLocale
+		});
 		return useQuery({
-			...createQuestpieQueryOptions(client, {
-				keyPrefix: ["questpie", "collections"],
-				locale: contentLocale
-			}).collections[collection].count({
+			...collection ? queryOpts.collections[collection].count({
 				...options,
 				locale: contentLocale
-			}),
+			}) : {
+				queryKey: [
+					"questpie",
+					"collections",
+					"__none__",
+					"count"
+				],
+				queryFn: () => 0
+			},
+			enabled: !!collection && (queryOptions?.enabled ?? true),
 			...queryOptions
 		});
 	}
 	function useCollectionItem(collection, id, options, queryOptions) {
 		const client = useAdminStore(selectClient);
 		const { locale: contentLocale } = useScopedLocale();
+		const queryOpts = createQuestpieQueryOptions(client, {
+			keyPrefix: ["questpie", "collections"],
+			locale: contentLocale
+		});
 		return useQuery({
-			...createQuestpieQueryOptions(client, {
-				keyPrefix: ["questpie", "collections"],
-				locale: contentLocale
-			}).collections[collection].findOne({
+			...collection ? queryOpts.collections[collection].findOne({
 				where: { id },
 				locale: contentLocale,
 				...options
-			}),
+			}) : {
+				queryKey: [
+					"questpie",
+					"collections",
+					"__none__",
+					"findOne"
+				],
+				queryFn: () => null
+			},
+			enabled: !!collection && (queryOptions?.enabled ?? true),
 			...queryOptions
 		});
 	}
@@ -259,16 +292,28 @@ function createTypedHooks() {
 	function useCollectionVersions(collection, id, options, queryOptions) {
 		const client = useAdminStore(selectClient);
 		const { locale: contentLocale } = useScopedLocale();
+		const queryOpts = createQuestpieQueryOptions(client, {
+			keyPrefix: ["questpie", "collections"],
+			locale: contentLocale
+		});
 		return useQuery({
-			...createQuestpieQueryOptions(client, {
-				keyPrefix: ["questpie", "collections"],
-				locale: contentLocale
-			}).collections[collection].findVersions({
+			...collection ? queryOpts.collections[collection].findVersions({
 				id,
 				...options?.limit !== void 0 ? { limit: options.limit } : {},
 				...options?.offset !== void 0 ? { offset: options.offset } : {}
-			}),
-			enabled: !!id && (queryOptions?.enabled ?? true),
+			}) : {
+				queryKey: [
+					"questpie",
+					"collections",
+					"__none__",
+					"findVersions"
+				],
+				queryFn: () => ({
+					docs: [],
+					totalDocs: 0
+				})
+			},
+			enabled: !!collection && !!id && (queryOptions?.enabled ?? true),
 			...queryOptions
 		});
 	}

package/dist/client/hooks/use-collection.mjs

@@ -20,7 +20,19 @@ function useCollectionList(collection, options, queryOptions, realtimeOptions) {
 		locale
 	};
 	return useQuery({
-		...queryOpts.collections[collection].find(findOptions, { realtime: realtimeOptions?.realtime }),
+		...collection ? queryOpts.collections[collection].find(findOptions, { realtime: realtimeOptions?.realtime }) : {
+			queryKey: [
+				"questpie",
+				"collections",
+				"__none__",
+				"find"
+			],
+			queryFn: () => ({
+				docs: [],
+				totalDocs: 0
+			})
+		},
+		enabled: !!collection && (queryOptions?.enabled ?? true),
 		...queryOptions
 	});
 }
@@ -48,7 +60,16 @@ function useCollectionCount(collection, options, queryOptions, realtimeOptions)
 		locale
 	};
 	return useQuery({
-		...queryOpts.collections[collection].count(countOptions, { realtime: realtimeOptions?.realtime }),
+		...collection ? queryOpts.collections[collection].count(countOptions, { realtime: realtimeOptions?.realtime }) : {
+			queryKey: [
+				"questpie",
+				"collections",
+				"__none__",
+				"count"
+			],
+			queryFn: () => 0
+		},
+		enabled: !!collection && (queryOptions?.enabled ?? true),
 		...queryOptions
 	});
 }
@@ -66,11 +87,20 @@ function useCollectionCount(collection, options, queryOptions, realtimeOptions)
 function useCollectionItem(collection, id, options, queryOptions) {
 	const { queryOpts, locale } = useQuestpieQueryOptions();
 	return useQuery({
-		...queryOpts.collections[collection].findOne({
+		...collection ? queryOpts.collections[collection].findOne({
 			where: { id },
 			locale,
 			...options
-		}),
+		}) : {
+			queryKey: [
+				"questpie",
+				"collections",
+				"__none__",
+				"findOne"
+			],
+			queryFn: () => null
+		},
+		enabled: !!collection && (queryOptions?.enabled ?? true),
 		...queryOptions
 	});
 }
@@ -289,12 +319,23 @@ function useCollectionRestore(collection, mutationOptions) {
 function useCollectionVersions(collection, id, options, queryOptions) {
 	const { queryOpts } = useQuestpieQueryOptions();
 	return useQuery({
-		...queryOpts.collections[collection].findVersions({
+		...collection ? queryOpts.collections[collection].findVersions({
 			id,
 			...options?.limit !== void 0 ? { limit: options.limit } : {},
 			...options?.offset !== void 0 ? { offset: options.offset } : {}
-		}),
-		enabled: !!id && (queryOptions?.enabled ?? true),
+		}) : {
+			queryKey: [
+				"questpie",
+				"collections",
+				"__none__",
+				"findVersions"
+			],
+			queryFn: () => ({
+				docs: [],
+				totalDocs: 0
+			})
+		},
+		enabled: !!collection && !!id && (queryOptions?.enabled ?? true),
 		...queryOptions
 	});
 }

package/dist/client/i18n/date-locale.mjs

@@ -1,20 +1,6 @@
 import { enUS } from "date-fns/locale/en-US";
 
 //#region src/client/i18n/date-locale.ts
-/**
-* date-fns locale resolver for DayPicker and date formatting.
-*
-* Only `enUS` is included by default to keep bundle size small.
-* Register additional locales at admin setup time:
-*
-* @example
-* ```ts
-* import { sk } from "date-fns/locale/sk";
-* import { registerDateFnsLocale } from "@questpie/admin/client-module";
-*
-* registerDateFnsLocale("sk", sk);
-* ```
-*/
 const localeRegistry = new Map([["en", enUS], ["en-US", enUS]]);
 /**
 * Resolve a date-fns Locale from a BCP-47 locale code (e.g. "sk", "en-US").

package/dist/client/preview/block-scope-context.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/client/preview/block-scope-context.d.ts
 
@@ -35,7 +35,7 @@ declare function BlockScopeProvider({
   blockId,
   basePath,
   children
-}: BlockScopeProviderProps): react_jsx_runtime21.JSX.Element;
+}: BlockScopeProviderProps): react_jsx_runtime20.JSX.Element;
 /**
  * Get current block scope context.
  *

package/dist/client/preview/diff.mjs

@@ -44,7 +44,7 @@ function diffSnapshotAtPath(previous, next, path) {
 		op: "remove",
 		path
 	}] : [];
-	if (previousValue.exists && isDeepEqual(previousValue.value, nextValue.value)) return [];
+	if (previousValue.exists && isPatchValueEqual(previousValue.value, nextValue.value)) return [];
 	return [{
 		op: "set",
 		path,
@@ -75,6 +75,9 @@ function isDeepEqual(left, right) {
 	}
 	return false;
 }
+function isPatchValueEqual(left, right) {
+	return Object.is(left, right);
+}
 function isArrayIndex(segment) {
 	return /^(0|[1-9]\d*)$/.test(segment);
 }

package/dist/client/preview/patch.mjs

@@ -1,7 +1,7 @@
 //#region src/client/preview/patch.ts
 function cloneSnapshot(value) {
+	if (value === null || typeof value !== "object") return value;
 	if (typeof globalThis.structuredClone === "function") return globalThis.structuredClone(value);
-	if (value === void 0) return value;
 	return JSON.parse(JSON.stringify(value));
 }
 function shouldApplyPatchBatch(lastAppliedSeq, nextSeq) {

package/dist/client/preview/paths.mjs

@@ -0,0 +1,85 @@
+//#region src/client/preview/paths.ts
+function resolveKnownPreviewPath(path, { schema, blocks, values, previousValues }) {
+	if (!schema?.fields || !isSafePreviewPath(path)) return;
+	const [fieldName, ...rest] = path.split(".");
+	if (!fieldName) return void 0;
+	const field = schema.fields[fieldName];
+	if (!field) return void 0;
+	if (rest.length === 0) return fieldName;
+	if (resolveFieldPath({
+		field,
+		fieldName,
+		segments: rest,
+		blocks,
+		values,
+		previousValues
+	})) return path;
+}
+function isSafePreviewPath(path) {
+	if (!path || path.length > 512) return false;
+	return path.split(".").every((segment) => segment.length > 0 && segment !== "__proto__" && segment !== "prototype" && segment !== "constructor");
+}
+function resolveFieldPath({ field, fieldName, segments, blocks, values, previousValues }) {
+	const metadata = field.metadata;
+	if (!metadata) return false;
+	if (metadata.type === "blocks") return resolveBlocksPath({
+		fieldName,
+		segments,
+		blocks,
+		values,
+		previousValues
+	});
+	return resolveMetadataPath(metadata, segments);
+}
+function resolveMetadataPath(metadata, segments) {
+	if (segments.length === 0) return true;
+	if (metadata.type === "richText" || metadata.type === "json") return true;
+	if (metadata.type === "object") {
+		const [fieldName, ...rest] = segments;
+		const nested = fieldName ? metadata.nestedFields?.[fieldName] : void 0;
+		return nested ? resolveMetadataPath(nested, rest) : false;
+	}
+	if (metadata.type === "array") {
+		const [first, ...rest] = segments;
+		const itemSegments = first && isArrayIndex(first) ? rest : segments;
+		if (itemSegments.length === 0) return true;
+		const [fieldName, ...fieldRest] = itemSegments;
+		const nested = fieldName ? metadata.nestedFields?.[fieldName] : void 0;
+		return nested ? resolveMetadataPath(nested, fieldRest) : false;
+	}
+	return false;
+}
+function resolveBlocksPath({ fieldName, segments, blocks, values, previousValues }) {
+	const [section, blockId, blockFieldName, ...rest] = segments;
+	if (section === "_tree") return true;
+	if (section !== "_values" || !blockId || !blockFieldName) return false;
+	const blockType = findBlockTypeById(readPath(values, `${fieldName}._tree`), blockId) ?? findBlockTypeById(readPath(previousValues, `${fieldName}._tree`), blockId);
+	if (!blockType) return false;
+	const blockField = blocks?.[blockType]?.fields?.[blockFieldName];
+	if (!blockField) return false;
+	return resolveMetadataPath(blockField.metadata, rest);
+}
+function findBlockTypeById(tree, blockId) {
+	if (!Array.isArray(tree)) return;
+	for (const node of tree) {
+		if (!node || typeof node !== "object") continue;
+		const record = node;
+		if (record.id === blockId && typeof record.type === "string") return record.type;
+		const childType = findBlockTypeById(record.children, blockId);
+		if (childType) return childType;
+	}
+}
+function readPath(value, path) {
+	let current = value;
+	for (const segment of path.split(".")) {
+		if (!current || typeof current !== "object") return;
+		current = current[segment];
+	}
+	return current;
+}
+function isArrayIndex(segment) {
+	return /^(0|[1-9]\d*)$/.test(segment);
+}
+
+//#endregion
+export { resolveKnownPreviewPath };

package/dist/client/preview/preview-banner.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-banner.d.ts
 
@@ -40,6 +40,6 @@ declare function PreviewBanner({
   isPreviewMode,
   className,
   exitPreviewUrl
-}: PreviewBannerProps): react_jsx_runtime22.JSX.Element | null;
+}: PreviewBannerProps): react_jsx_runtime21.JSX.Element | null;
 //#endregion
 export { PreviewBanner, PreviewBannerProps };

package/dist/client/preview/preview-field.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime23 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.d.ts
 
@@ -68,7 +68,7 @@ declare function PreviewProvider({
   }) => void;
   onFieldValueEdited?: (payload: PreviewFieldValueEditedPayload) => void;
   children: React.ReactNode;
-}): react_jsx_runtime23.JSX.Element;
+}): react_jsx_runtime22.JSX.Element;
 /**
  * Hook to access preview context.
  */
@@ -107,7 +107,7 @@ declare function PreviewField({
   style,
   onClick,
   onValueCommit
-}: PreviewFieldProps): react_jsx_runtime23.JSX.Element;
+}: PreviewFieldProps): react_jsx_runtime22.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
  * Useful when you can't use PreviewProvider.
@@ -131,6 +131,6 @@ declare function StandalonePreviewField({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-}): react_jsx_runtime23.JSX.Element;
+}): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };

package/dist/client/runtime/translations-provider.mjs

@@ -139,7 +139,7 @@ function LoadingFallback() {
 			className: "qp-flex qp-flex-col qp-items-center qp-gap-4",
 			children: [/* @__PURE__ */ jsx("div", { className: "qp-h-8 qp-w-8 qp-animate-spin qp-rounded-full qp-border-4 qp-border-foreground qp-border-t-transparent" }), /* @__PURE__ */ jsx("span", {
 				className: "qp-text-sm qp-text-muted-foreground",
-				children: "Loading..."
+				children: "Loading…"
 			})]
 		})
 	});