@questpie/admin 3.2.4 → 3.2.6

package/dist/client/i18n/hooks.mjs

@@ -1,7 +1,6 @@
 import { resolveDateFnsLocale } from "./date-locale.mjs";
-import { c } from "react/compiler-runtime";
 import * as React from "react";
-import { createContext, useContext } from "react";
+import { createContext, useCallback, useContext } from "react";
 import { DEFAULT_LOCALE } from "questpie/shared";
 import { jsx } from "react/jsx-runtime";
 
@@ -29,121 +28,33 @@ const I18nContext = createContext(null);
 * </I18nProvider>
 * ```
 */
-function I18nProvider(t0) {
-	const $ = c(35);
-	const { adapter, children } = t0;
-	const [, forceUpdate] = React.useReducer(_temp, 0);
-	let t1;
-	if ($[0] !== adapter || $[1] !== forceUpdate) {
-		t1 = () => adapter.onLocaleChange(() => {
+function I18nProvider({ adapter, children }) {
+	const [, forceUpdate] = React.useReducer((x) => x + 1, 0);
+	React.useEffect(() => {
+		return adapter.onLocaleChange(() => {
 			forceUpdate();
 		});
-		$[0] = adapter;
-		$[1] = forceUpdate;
-		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== adapter) {
-		t2 = [adapter];
-		$[3] = adapter;
-		$[4] = t2;
-	} else t2 = $[4];
-	React.useEffect(t1, t2);
-	const t3 = adapter.locale;
-	const t4 = adapter.locales;
-	let t5;
-	if ($[5] !== adapter) {
-		t5 = adapter.t.bind(adapter);
-		$[5] = adapter;
-		$[6] = t5;
-	} else t5 = $[6];
-	let t6;
-	if ($[7] !== adapter) {
-		t6 = adapter.setLocale.bind(adapter);
-		$[7] = adapter;
-		$[8] = t6;
-	} else t6 = $[8];
-	let t7;
-	if ($[9] !== adapter) {
-		t7 = adapter.onLocaleChange.bind(adapter);
-		$[9] = adapter;
-		$[10] = t7;
-	} else t7 = $[10];
-	let t8;
-	if ($[11] !== adapter) {
-		t8 = adapter.formatDate.bind(adapter);
-		$[11] = adapter;
-		$[12] = t8;
-	} else t8 = $[12];
-	let t9;
-	if ($[13] !== adapter) {
-		t9 = adapter.formatNumber.bind(adapter);
-		$[13] = adapter;
-		$[14] = t9;
-	} else t9 = $[14];
-	let t10;
-	if ($[15] !== adapter) {
-		t10 = adapter.formatRelative?.bind(adapter);
-		$[15] = adapter;
-		$[16] = t10;
-	} else t10 = $[16];
-	let t11;
-	if ($[17] !== adapter) {
-		t11 = adapter.getLocaleName.bind(adapter);
-		$[17] = adapter;
-		$[18] = t11;
-	} else t11 = $[18];
-	let t12;
-	if ($[19] !== adapter) {
-		t12 = adapter.isRTL.bind(adapter);
-		$[19] = adapter;
-		$[20] = t12;
-	} else t12 = $[20];
-	let t13;
-	if ($[21] !== adapter.locale || $[22] !== adapter.locales || $[23] !== t10 || $[24] !== t11 || $[25] !== t12 || $[26] !== t5 || $[27] !== t6 || $[28] !== t7 || $[29] !== t8 || $[30] !== t9) {
-		t13 = {
-			locale: t3,
-			locales: t4,
-			t: t5,
-			setLocale: t6,
-			onLocaleChange: t7,
-			formatDate: t8,
-			formatNumber: t9,
-			formatRelative: t10,
-			getLocaleName: t11,
-			isRTL: t12
-		};
-		$[21] = adapter.locale;
-		$[22] = adapter.locales;
-		$[23] = t10;
-		$[24] = t11;
-		$[25] = t12;
-		$[26] = t5;
-		$[27] = t6;
-		$[28] = t7;
-		$[29] = t8;
-		$[30] = t9;
-		$[31] = t13;
-	} else t13 = $[31];
-	const contextValue = t13;
-	let t14;
-	if ($[32] !== children || $[33] !== contextValue) {
-		t14 = /* @__PURE__ */ jsx(I18nContext.Provider, {
-			value: contextValue,
-			children
-		});
-		$[32] = children;
-		$[33] = contextValue;
-		$[34] = t14;
-	} else t14 = $[34];
-	return t14;
+	}, [adapter]);
+	const contextValue = React.useMemo(() => ({
+		locale: adapter.locale,
+		locales: adapter.locales,
+		t: adapter.t.bind(adapter),
+		setLocale: adapter.setLocale.bind(adapter),
+		onLocaleChange: adapter.onLocaleChange.bind(adapter),
+		formatDate: adapter.formatDate.bind(adapter),
+		formatNumber: adapter.formatNumber.bind(adapter),
+		formatRelative: adapter.formatRelative?.bind(adapter),
+		getLocaleName: adapter.getLocaleName.bind(adapter),
+		isRTL: adapter.isRTL.bind(adapter)
+	}), [adapter, adapter.locale]);
+	return /* @__PURE__ */ jsx(I18nContext.Provider, {
+		value: contextValue,
+		children
+	});
 }
 /**
 * Get the i18n adapter (throws if not in provider)
 */
-function _temp(x) {
-	return x + 1;
-}
 function useI18n() {
 	const adapter = useContext(I18nContext);
 	if (!adapter) throw new Error("useI18n must be used within I18nProvider");
@@ -167,59 +78,25 @@ function useSafeI18n() {
 * ```
 */
 function useTranslation() {
-	const $ = c(11);
 	const adapter = useI18n();
-	const t0 = adapter.locale;
-	const t1 = adapter.locales;
-	const t2 = adapter.t;
-	const t3 = adapter.setLocale;
-	const t4 = adapter.formatDate;
-	const t5 = adapter.formatNumber;
-	const t6 = adapter.getLocaleName;
-	let t7;
-	if ($[0] !== adapter) {
-		t7 = adapter.isRTL();
-		$[0] = adapter;
-		$[1] = t7;
-	} else t7 = $[1];
-	let t8;
-	if ($[2] !== adapter.formatDate || $[3] !== adapter.formatNumber || $[4] !== adapter.getLocaleName || $[5] !== adapter.locale || $[6] !== adapter.locales || $[7] !== adapter.setLocale || $[8] !== adapter.t || $[9] !== t7) {
-		t8 = {
-			locale: t0,
-			locales: t1,
-			t: t2,
-			setLocale: t3,
-			formatDate: t4,
-			formatNumber: t5,
-			getLocaleName: t6,
-			isRTL: t7
-		};
-		$[2] = adapter.formatDate;
-		$[3] = adapter.formatNumber;
-		$[4] = adapter.getLocaleName;
-		$[5] = adapter.locale;
-		$[6] = adapter.locales;
-		$[7] = adapter.setLocale;
-		$[8] = adapter.t;
-		$[9] = t7;
-		$[10] = t8;
-	} else t8 = $[10];
-	return t8;
+	return {
+		locale: adapter.locale,
+		locales: adapter.locales,
+		t: adapter.t,
+		setLocale: adapter.setLocale,
+		formatDate: adapter.formatDate,
+		formatNumber: adapter.formatNumber,
+		getLocaleName: adapter.getLocaleName,
+		isRTL: adapter.isRTL()
+	};
 }
 /**
 * Returns the date-fns `Locale` object matching the current admin UI locale.
 * Only `enUS` is bundled by default — register others via `registerDateFnsLocale`.
 */
 function useDateFnsLocale() {
-	const $ = c(2);
 	const { locale } = useTranslation();
-	let t0;
-	if ($[0] !== locale) {
-		t0 = resolveDateFnsLocale(locale);
-		$[0] = locale;
-		$[1] = t0;
-	} else t0 = $[1];
-	return t0;
+	return resolveDateFnsLocale(locale);
 }
 /**
 * Check if an object is a locale map (has locale codes as keys)
@@ -250,50 +127,41 @@ function resolveLocaleMap(map, locale, fallback) {
 * ```
 */
 function useResolveText() {
-	const $ = c(2);
 	const adapter = useSafeI18n();
-	let t0;
-	if ($[0] !== adapter) {
-		t0 = (text, t1, contextValues) => {
-			const fallback = t1 === void 0 ? "" : t1;
-			const resolveValue = (value) => {
-				if (value === void 0 || value === null) return fallback;
-				if (typeof value === "string") return value;
-				if (typeof value === "function") {
-					if (!adapter && !contextValues) return fallback;
-					const i18nCtx = adapter ? {
-						locale: adapter.locale,
-						t: adapter.t,
-						formatDate: adapter.formatDate,
-						formatNumber: adapter.formatNumber
-					} : void 0;
-					const ctx = {
-						...contextValues ?? {},
-						...i18nCtx ?? {}
-					};
-					try {
-						return resolveValue(value(ctx));
-					} catch (t2) {
-						const error = t2;
-						console.error("Failed to resolve dynamic text:", error);
-						return fallback;
-					}
-				}
-				if (typeof value === "object" && "key" in value && typeof value.key === "string") {
-					const keyObj = value;
-					if (!adapter) return keyObj.fallback ?? fallback;
-					const result_0 = adapter.t(keyObj.key, keyObj.params);
-					return result_0 === keyObj.key ? keyObj.fallback ?? result_0 : result_0;
+	return useCallback((text, fallback = "", contextValues) => {
+		const resolveValue = (value) => {
+			if (value === void 0 || value === null) return fallback;
+			if (typeof value === "string") return value;
+			if (typeof value === "function") {
+				if (!adapter && !contextValues) return fallback;
+				const i18nCtx = adapter ? {
+					locale: adapter.locale,
+					t: adapter.t,
+					formatDate: adapter.formatDate,
+					formatNumber: adapter.formatNumber
+				} : void 0;
+				const ctx = {
+					...contextValues ?? {},
+					...i18nCtx ?? {}
+				};
+				try {
+					return resolveValue(value(ctx));
+				} catch (error) {
+					console.error("Failed to resolve dynamic text:", error);
+					return fallback;
 				}
-				if (typeof value === "object" && isLocaleMap(value)) return resolveLocaleMap(value, adapter?.locale ?? DEFAULT_LOCALE, fallback);
-				return fallback;
-			};
-			return resolveValue(text);
+			}
+			if (typeof value === "object" && "key" in value && typeof value.key === "string") {
+				const keyObj = value;
+				if (!adapter) return keyObj.fallback ?? fallback;
+				const result = adapter.t(keyObj.key, keyObj.params);
+				return result === keyObj.key ? keyObj.fallback ?? result : result;
+			}
+			if (typeof value === "object" && isLocaleMap(value)) return resolveLocaleMap(value, adapter?.locale ?? DEFAULT_LOCALE, fallback);
+			return fallback;
 		};
-		$[0] = adapter;
-		$[1] = t0;
-	} else t0 = $[1];
-	return t0;
+		return resolveValue(text);
+	}, [adapter]);
 }
 
 //#endregion

package/dist/client/lib/render-profiler.mjs

@@ -1,50 +1,23 @@
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { Fragment, jsx } from "react/jsx-runtime";
 
 //#region src/client/lib/render-profiler.tsx
 const LOG_MIN_INTERVAL_MS = 800;
 const lastLogAtById = /* @__PURE__ */ new Map();
-function RenderProfiler(t0) {
-	const $ = c(9);
-	const { id, children, minDurationMs: t1 } = t0;
-	const minDurationMs = t1 === void 0 ? 8 : t1;
-	let t2;
-	if ($[0] !== id || $[1] !== minDurationMs) {
-		t2 = (_profileId, phase, actualDuration, baseDuration, startTime, commitTime) => {
-			if (actualDuration < minDurationMs) return;
-			const now = commitTime || globalThis.performance?.now?.() || Date.now();
-			if (now - (lastLogAtById.get(id) ?? 0) < LOG_MIN_INTERVAL_MS) return;
-			lastLogAtById.set(id, now);
-			console.debug(`[RenderProfiler] ${id} phase=${phase} actual=${actualDuration.toFixed(1)}ms base=${baseDuration.toFixed(1)}ms start=${startTime.toFixed(1)}ms commit=${commitTime.toFixed(1)}ms`);
-		};
-		$[0] = id;
-		$[1] = minDurationMs;
-		$[2] = t2;
-	} else t2 = $[2];
-	const onRender = t2;
-	if (process.env.NODE_ENV !== "development") {
-		let t3$1;
-		if ($[3] !== children) {
-			t3$1 = /* @__PURE__ */ jsx(Fragment, { children });
-			$[3] = children;
-			$[4] = t3$1;
-		} else t3$1 = $[4];
-		return t3$1;
-	}
-	let t3;
-	if ($[5] !== children || $[6] !== id || $[7] !== onRender) {
-		t3 = /* @__PURE__ */ jsx(React.Profiler, {
-			id,
-			onRender,
-			children
-		});
-		$[5] = children;
-		$[6] = id;
-		$[7] = onRender;
-		$[8] = t3;
-	} else t3 = $[8];
-	return t3;
+function RenderProfiler({ id, children, minDurationMs = 8 }) {
+	const onRender = React.useCallback((_profileId, phase, actualDuration, baseDuration, startTime, commitTime) => {
+		if (actualDuration < minDurationMs) return;
+		const now = commitTime || globalThis.performance?.now?.() || Date.now();
+		if (now - (lastLogAtById.get(id) ?? 0) < LOG_MIN_INTERVAL_MS) return;
+		lastLogAtById.set(id, now);
+		console.debug(`[RenderProfiler] ${id} phase=${phase} actual=${actualDuration.toFixed(1)}ms base=${baseDuration.toFixed(1)}ms start=${startTime.toFixed(1)}ms commit=${commitTime.toFixed(1)}ms`);
+	}, [id, minDurationMs]);
+	if (process.env.NODE_ENV !== "development") return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(React.Profiler, {
+		id,
+		onRender,
+		children
+	});
 }
 
 //#endregion

package/dist/client/preview/block-scope-context.mjs

@@ -1,6 +1,5 @@
 "use client";
 
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 
@@ -28,32 +27,16 @@ const BlockScopeContext = React.createContext(null);
 * </BlockScopeProvider>
 * ```
 */
-function BlockScopeProvider(t0) {
-	const $ = c(6);
-	const { blockId, basePath: t1, children } = t0;
-	const fieldPrefix = `${t1 === void 0 ? "content._values" : t1}.${blockId}`;
-	let t2;
-	if ($[0] !== blockId || $[1] !== fieldPrefix) {
-		t2 = {
-			blockId,
-			fieldPrefix
-		};
-		$[0] = blockId;
-		$[1] = fieldPrefix;
-		$[2] = t2;
-	} else t2 = $[2];
-	const value = t2;
-	let t3;
-	if ($[3] !== children || $[4] !== value) {
-		t3 = /* @__PURE__ */ jsx(BlockScopeContext.Provider, {
-			value,
-			children
-		});
-		$[3] = children;
-		$[4] = value;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
+function BlockScopeProvider({ blockId, basePath = "content._values", children }) {
+	const fieldPrefix = `${basePath}.${blockId}`;
+	const value = React.useMemo(() => ({
+		blockId,
+		fieldPrefix
+	}), [blockId, fieldPrefix]);
+	return /* @__PURE__ */ jsx(BlockScopeContext.Provider, {
+		value,
+		children
+	});
 }
 /**
 * Get current block scope context.
@@ -91,15 +74,10 @@ function useBlockScope() {
 */
 function useResolveFieldPath(fieldName) {
 	const scope = useBlockScope();
-	let t0;
-	bb0: {
-		if (!scope) {
-			t0 = fieldName;
-			break bb0;
-		}
-		t0 = `${scope.fieldPrefix}.${fieldName}`;
-	}
-	return t0;
+	return React.useMemo(() => {
+		if (!scope) return fieldName;
+		return `${scope.fieldPrefix}.${fieldName}`;
+	}, [scope, fieldName]);
 }
 
 //#endregion

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime24 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_runtime24.JSX.Element | null;
+}: PreviewBannerProps): react_jsx_runtime21.JSX.Element | null;
 //#endregion
 export { PreviewBanner, PreviewBannerProps };

package/dist/client/preview/preview-banner.mjs

@@ -1,7 +1,6 @@
 "use client";
 
 import { useSafeI18n } from "../i18n/hooks.mjs";
-import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -32,23 +31,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * }
 * ```
 */
-function PreviewBanner(t0) {
-	const $ = c(19);
-	const { isPreviewMode, className, exitPreviewUrl: t1 } = t0;
-	const exitPreviewUrl = t1 === void 0 ? "/api/preview?disable=true" : t1;
+function PreviewBanner({ isPreviewMode, className, exitPreviewUrl = "/api/preview?disable=true" }) {
 	const i18n = useSafeI18n();
-	let t2;
-	if ($[0] !== i18n) {
-		t2 = (key, fallback) => i18n?.t(key) ?? fallback;
-		$[0] = i18n;
-		$[1] = t2;
-	} else t2 = $[1];
-	const t = t2;
+	const t = (key, fallback) => i18n?.t(key) ?? fallback;
 	if (!isPreviewMode) return null;
-	let t3;
-	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = {
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		style: {
 			position: "sticky",
 			top: 0,
 			left: 0,
@@ -64,99 +53,44 @@ function PreviewBanner(t0) {
 			fontSize: "0.875rem",
 			fontWeight: 500,
 			borderBottom: "1px solid var(--border)"
-		};
-		t4 = {
-			display: "flex",
-			alignItems: "center",
-			gap: "0.5rem"
-		};
-		$[2] = t3;
-		$[3] = t4;
-	} else {
-		t3 = $[2];
-		t4 = $[3];
-	}
-	let t5;
-	if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsxs("svg", {
-			xmlns: "http://www.w3.org/2000/svg",
-			width: "16",
-			height: "16",
-			viewBox: "0 0 256 256",
-			fill: "currentColor",
-			children: [/* @__PURE__ */ jsx("title", { children: "Eye icon" }), /* @__PURE__ */ jsx("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" })]
-		});
-		$[4] = t5;
-	} else t5 = $[4];
-	let t6;
-	if ($[5] !== t) {
-		t6 = t("preview.mode", "Preview Mode");
-		$[5] = t;
-		$[6] = t6;
-	} else t6 = $[6];
-	let t7;
-	if ($[7] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
-			style: t4,
-			children: [t5, /* @__PURE__ */ jsx("span", { children: t6 })]
-		});
-		$[7] = t6;
-		$[8] = t7;
-	} else t7 = $[8];
-	let t8;
-	if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = {
-			padding: "0.25rem 0.75rem",
-			backgroundColor: "rgba(255, 255, 255, 0.2)",
-			border: "1px solid rgba(255, 255, 255, 0.3)",
-			borderRadius: "4px",
-			color: "inherit",
-			textDecoration: "none",
-			fontWeight: 600,
-			fontSize: "0.875rem",
-			cursor: "pointer",
-			transition: "background-color 0.2s"
-		};
-		$[9] = t8;
-	} else t8 = $[9];
-	let t9;
-	if ($[10] !== t) {
-		t9 = t("preview.exitPreview", "Exit Preview");
-		$[10] = t;
-		$[11] = t9;
-	} else t9 = $[11];
-	let t10;
-	if ($[12] !== exitPreviewUrl || $[13] !== t9) {
-		t10 = /* @__PURE__ */ jsx("a", {
+		},
+		children: [/* @__PURE__ */ jsxs("div", {
+			style: {
+				display: "flex",
+				alignItems: "center",
+				gap: "0.5rem"
+			},
+			children: [/* @__PURE__ */ jsxs("svg", {
+				xmlns: "http://www.w3.org/2000/svg",
+				width: "16",
+				height: "16",
+				viewBox: "0 0 256 256",
+				fill: "currentColor",
+				children: [/* @__PURE__ */ jsx("title", { children: "Eye icon" }), /* @__PURE__ */ jsx("path", { d: "M247.31,124.76c-.35-.79-8.82-19.58-27.65-38.41C194.57,61.26,162.88,48,128,48S61.43,61.26,36.34,86.35C17.51,105.18,9,124,8.69,124.76a8,8,0,0,0,0,6.5c.35.79,8.82,19.57,27.65,38.4C61.43,194.74,93.12,208,128,208s66.57-13.26,91.66-38.34c18.83-18.83,27.3-37.61,27.65-38.4A8,8,0,0,0,247.31,124.76ZM128,192c-30.78,0-57.67-11.19-79.93-33.25A133.47,133.47,0,0,1,25,128,133.33,133.33,0,0,1,48.07,97.25C70.33,75.19,97.22,64,128,64s57.67,11.19,79.93,33.25A133.46,133.46,0,0,1,231.05,128C223.84,141.46,192.43,192,128,192Zm0-112a48,48,0,1,0,48,48A48.05,48.05,0,0,0,128,80Zm0,80a32,32,0,1,1,32-32A32,32,0,0,1,128,160Z" })]
+			}), /* @__PURE__ */ jsx("span", { children: t("preview.mode", "Preview Mode") })]
+		}), /* @__PURE__ */ jsx("a", {
 			href: exitPreviewUrl,
-			style: t8,
-			onMouseEnter: _temp,
-			onMouseLeave: _temp2,
-			children: t9
-		});
-		$[12] = exitPreviewUrl;
-		$[13] = t9;
-		$[14] = t10;
-	} else t10 = $[14];
-	let t11;
-	if ($[15] !== className || $[16] !== t10 || $[17] !== t7) {
-		t11 = /* @__PURE__ */ jsxs("div", {
-			className,
-			style: t3,
-			children: [t7, t10]
-		});
-		$[15] = className;
-		$[16] = t10;
-		$[17] = t7;
-		$[18] = t11;
-	} else t11 = $[18];
-	return t11;
-}
-function _temp2(e_0) {
-	e_0.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
-}
-function _temp(e) {
-	e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
+			style: {
+				padding: "0.25rem 0.75rem",
+				backgroundColor: "rgba(255, 255, 255, 0.2)",
+				border: "1px solid rgba(255, 255, 255, 0.3)",
+				borderRadius: "4px",
+				color: "inherit",
+				textDecoration: "none",
+				fontWeight: 600,
+				fontSize: "0.875rem",
+				cursor: "pointer",
+				transition: "background-color 0.2s"
+			},
+			onMouseEnter: (e) => {
+				e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.3)";
+			},
+			onMouseLeave: (e) => {
+				e.currentTarget.style.backgroundColor = "rgba(255, 255, 255, 0.2)";
+			},
+			children: t("preview.exitPreview", "Exit Preview")
+		})]
+	});
 }
 
 //#endregion

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime21 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_runtime21.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_runtime21.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_runtime21.JSX.Element;
+}): react_jsx_runtime22.JSX.Element;
 //#endregion
 export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };