@questpie/admin 3.0.4 → 3.0.6

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

@@ -1,4 +1,4 @@
-import { useResolveText } from "../../i18n/hooks.mjs";
+import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { selectClient, useAdminStore } from "../../runtime/provider.mjs";
 import { resolveIconElement } from "../component-renderer.mjs";
@@ -45,10 +45,11 @@ function formatValue(value) {
 * ```
 */
 function ValueWidget(t0) {
-	const $ = c(130);
+	const $ = c(137);
 	const { config } = t0;
 	const client = useAdminStore(selectClient);
 	const resolveText = useResolveText();
+	const { t } = useTranslation();
 	const useServerData = !!config.hasLoader;
 	let t1;
 	if ($[0] !== config.refreshInterval || $[1] !== useServerData) {
@@ -183,46 +184,65 @@ function ValueWidget(t0) {
 			$[43] = resolveText;
 			$[44] = t7$1;
 		} else t7$1 = $[44];
-		const t8$1 = isFetching && !isLoading;
-		let t9$1;
+		const t8$1 = config.icon;
+		const t9$1 = config.cardVariant;
+		const t10$1 = isFetching && !isLoading;
+		let t11$1;
 		if ($[45] !== refetch) {
-			t9$1 = () => refetch();
+			t11$1 = () => refetch();
 			$[45] = refetch;
-			$[46] = t9$1;
-		} else t9$1 = $[46];
-		let t10$1;
-		if ($[47] === Symbol.for("react.memo_cache_sentinel")) {
-			t10$1 = /* @__PURE__ */ jsx(WidgetEmptyState, {
+			$[46] = t11$1;
+		} else t11$1 = $[46];
+		const t12$1 = config.actions;
+		const t13$1 = config.className;
+		let t14$1;
+		if ($[47] !== t) {
+			t14$1 = t("widget.value.emptyTitle");
+			$[47] = t;
+			$[48] = t14$1;
+		} else t14$1 = $[48];
+		let t15$1;
+		if ($[49] !== t) {
+			t15$1 = t("widget.value.emptyDescription");
+			$[49] = t;
+			$[50] = t15$1;
+		} else t15$1 = $[50];
+		let t16$1;
+		if ($[51] !== t14$1 || $[52] !== t15$1) {
+			t16$1 = /* @__PURE__ */ jsx(WidgetEmptyState, {
 				iconName: "ph:gauge",
-				title: "No value to display",
-				description: "There is no value for this card yet."
+				title: t14$1,
+				description: t15$1
 			});
-			$[47] = t10$1;
-		} else t10$1 = $[47];
-		let t11$1;
-		if ($[48] !== config.actions || $[49] !== config.cardVariant || $[50] !== config.className || $[51] !== config.icon || $[52] !== t6$1 || $[53] !== t7$1 || $[54] !== t8$1 || $[55] !== t9$1) {
-			t11$1 = /* @__PURE__ */ jsx(WidgetCard, {
+			$[51] = t14$1;
+			$[52] = t15$1;
+			$[53] = t16$1;
+		} else t16$1 = $[53];
+		let t17$1;
+		if ($[54] !== config.actions || $[55] !== config.cardVariant || $[56] !== config.className || $[57] !== config.icon || $[58] !== t10$1 || $[59] !== t11$1 || $[60] !== t16$1 || $[61] !== t6$1 || $[62] !== t7$1) {
+			t17$1 = /* @__PURE__ */ jsx(WidgetCard, {
 				title: t6$1,
 				description: t7$1,
-				icon: config.icon,
-				variant: config.cardVariant,
-				isRefreshing: t8$1,
-				onRefresh: t9$1,
-				actions: config.actions,
-				className: config.className,
-				children: t10$1
+				icon: t8$1,
+				variant: t9$1,
+				isRefreshing: t10$1,
+				onRefresh: t11$1,
+				actions: t12$1,
+				className: t13$1,
+				children: t16$1
 			});
-			$[48] = config.actions;
-			$[49] = config.cardVariant;
-			$[50] = config.className;
-			$[51] = config.icon;
-			$[52] = t6$1;
-			$[53] = t7$1;
-			$[54] = t8$1;
-			$[55] = t9$1;
-			$[56] = t11$1;
-		} else t11$1 = $[56];
-		return t11$1;
+			$[54] = config.actions;
+			$[55] = config.cardVariant;
+			$[56] = config.className;
+			$[57] = config.icon;
+			$[58] = t10$1;
+			$[59] = t11$1;
+			$[60] = t16$1;
+			$[61] = t6$1;
+			$[62] = t7$1;
+			$[63] = t17$1;
+		} else t17$1 = $[63];
+		return t17$1;
 	}
 	let T0;
 	let cls;
@@ -239,61 +259,61 @@ function ValueWidget(t0) {
 	let t7;
 	let t8;
 	let t9;
-	if ($[57] !== config.actions || $[58] !== config.cardVariant || $[59] !== config.className || $[60] !== config.description || $[61] !== config.title || $[62] !== data.classNames || $[63] !== data.footer || $[64] !== data.formatted || $[65] !== data.icon || $[66] !== data.label || $[67] !== data.subtitle || $[68] !== data.trend || $[69] !== data.value || $[70] !== isFetching || $[71] !== isLoading || $[72] !== refetch || $[73] !== resolveText) {
+	if ($[64] !== config.actions || $[65] !== config.cardVariant || $[66] !== config.className || $[67] !== config.description || $[68] !== config.title || $[69] !== data.classNames || $[70] !== data.footer || $[71] !== data.formatted || $[72] !== data.icon || $[73] !== data.label || $[74] !== data.subtitle || $[75] !== data.trend || $[76] !== data.value || $[77] !== isFetching || $[78] !== isLoading || $[79] !== refetch || $[80] !== resolveText) {
 		cls = data.classNames ?? {};
 		const Icon = data.icon;
 		const TrendIcon = data.trend?.icon;
 		let t17$1;
-		if ($[89] !== config.title || $[90] !== data.label || $[91] !== resolveText) {
+		if ($[96] !== config.title || $[97] !== data.label || $[98] !== resolveText) {
 			t17$1 = data.label ? resolveText(data.label) : config.title ? resolveText(config.title) : void 0;
-			$[89] = config.title;
-			$[90] = data.label;
-			$[91] = resolveText;
-			$[92] = t17$1;
-		} else t17$1 = $[92];
+			$[96] = config.title;
+			$[97] = data.label;
+			$[98] = resolveText;
+			$[99] = t17$1;
+		} else t17$1 = $[99];
 		const label = t17$1;
 		let t18$1;
-		if ($[93] !== data.subtitle || $[94] !== resolveText) {
+		if ($[100] !== data.subtitle || $[101] !== resolveText) {
 			t18$1 = data.subtitle ? resolveText(data.subtitle) : void 0;
-			$[93] = data.subtitle;
-			$[94] = resolveText;
-			$[95] = t18$1;
-		} else t18$1 = $[95];
+			$[100] = data.subtitle;
+			$[101] = resolveText;
+			$[102] = t18$1;
+		} else t18$1 = $[102];
 		subtitle = t18$1;
 		let t19$1;
-		if ($[96] !== data.footer || $[97] !== resolveText) {
+		if ($[103] !== data.footer || $[104] !== resolveText) {
 			t19$1 = data.footer ? resolveText(data.footer) : void 0;
-			$[96] = data.footer;
-			$[97] = resolveText;
-			$[98] = t19$1;
-		} else t19$1 = $[98];
+			$[103] = data.footer;
+			$[104] = resolveText;
+			$[105] = t19$1;
+		} else t19$1 = $[105];
 		footer = t19$1;
 		T0 = WidgetCard;
 		t9 = label;
 		t10 = Icon;
-		if ($[99] !== config.description || $[100] !== resolveText) {
+		if ($[106] !== config.description || $[107] !== resolveText) {
 			t11 = config.description ? resolveText(config.description) : void 0;
-			$[99] = config.description;
-			$[100] = resolveText;
-			$[101] = t11;
-		} else t11 = $[101];
+			$[106] = config.description;
+			$[107] = resolveText;
+			$[108] = t11;
+		} else t11 = $[108];
 		t12 = config.cardVariant;
-		if ($[102] !== refetch) {
+		if ($[109] !== refetch) {
 			t13 = () => refetch();
-			$[102] = refetch;
-			$[103] = t13;
-		} else t13 = $[103];
+			$[109] = refetch;
+			$[110] = t13;
+		} else t13 = $[110];
 		t14 = isFetching && !isLoading;
 		t15 = config.actions;
 		t16 = cn(config.className, cls.root);
 		t6 = cn("space-y-1", cls.content);
 		let t20$1;
-		if ($[104] !== data.formatted || $[105] !== data.value) {
+		if ($[111] !== data.formatted || $[112] !== data.value) {
 			t20$1 = data.formatted ?? formatValue(data.value);
-			$[104] = data.formatted;
-			$[105] = data.value;
-			$[106] = t20$1;
-		} else t20$1 = $[106];
+			$[111] = data.formatted;
+			$[112] = data.value;
+			$[113] = t20$1;
+		} else t20$1 = $[113];
 		t7 = /* @__PURE__ */ jsx("div", {
 			className: cn("text-2xl font-bold", cls.value),
 			children: t20$1
@@ -302,77 +322,77 @@ function ValueWidget(t0) {
 			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 })]
 		});
-		$[57] = config.actions;
-		$[58] = config.cardVariant;
-		$[59] = config.className;
-		$[60] = config.description;
-		$[61] = config.title;
-		$[62] = data.classNames;
-		$[63] = data.footer;
-		$[64] = data.formatted;
-		$[65] = data.icon;
-		$[66] = data.label;
-		$[67] = data.subtitle;
-		$[68] = data.trend;
-		$[69] = data.value;
-		$[70] = isFetching;
-		$[71] = isLoading;
-		$[72] = refetch;
-		$[73] = resolveText;
-		$[74] = T0;
-		$[75] = cls;
-		$[76] = footer;
-		$[77] = subtitle;
-		$[78] = t10;
-		$[79] = t11;
-		$[80] = t12;
-		$[81] = t13;
-		$[82] = t14;
-		$[83] = t15;
-		$[84] = t16;
-		$[85] = t6;
-		$[86] = t7;
-		$[87] = t8;
-		$[88] = t9;
+		$[64] = config.actions;
+		$[65] = config.cardVariant;
+		$[66] = config.className;
+		$[67] = config.description;
+		$[68] = config.title;
+		$[69] = data.classNames;
+		$[70] = data.footer;
+		$[71] = data.formatted;
+		$[72] = data.icon;
+		$[73] = data.label;
+		$[74] = data.subtitle;
+		$[75] = data.trend;
+		$[76] = data.value;
+		$[77] = isFetching;
+		$[78] = isLoading;
+		$[79] = refetch;
+		$[80] = resolveText;
+		$[81] = T0;
+		$[82] = cls;
+		$[83] = footer;
+		$[84] = subtitle;
+		$[85] = t10;
+		$[86] = t11;
+		$[87] = t12;
+		$[88] = t13;
+		$[89] = t14;
+		$[90] = t15;
+		$[91] = t16;
+		$[92] = t6;
+		$[93] = t7;
+		$[94] = t8;
+		$[95] = t9;
 	} else {
-		T0 = $[74];
-		cls = $[75];
-		footer = $[76];
-		subtitle = $[77];
-		t10 = $[78];
-		t11 = $[79];
-		t12 = $[80];
-		t13 = $[81];
-		t14 = $[82];
-		t15 = $[83];
-		t16 = $[84];
-		t6 = $[85];
-		t7 = $[86];
-		t8 = $[87];
-		t9 = $[88];
+		T0 = $[81];
+		cls = $[82];
+		footer = $[83];
+		subtitle = $[84];
+		t10 = $[85];
+		t11 = $[86];
+		t12 = $[87];
+		t13 = $[88];
+		t14 = $[89];
+		t15 = $[90];
+		t16 = $[91];
+		t6 = $[92];
+		t7 = $[93];
+		t8 = $[94];
+		t9 = $[95];
 	}
 	let t17;
-	if ($[107] !== cls || $[108] !== subtitle) {
+	if ($[114] !== cls || $[115] !== subtitle) {
 		t17 = subtitle && /* @__PURE__ */ jsx("p", {
 			className: cn("text-muted-foreground text-xs", cls.subtitle),
 			children: subtitle
 		});
-		$[107] = cls;
-		$[108] = subtitle;
-		$[109] = t17;
-	} else t17 = $[109];
+		$[114] = cls;
+		$[115] = subtitle;
+		$[116] = t17;
+	} else t17 = $[116];
 	let t18;
-	if ($[110] !== cls || $[111] !== footer) {
+	if ($[117] !== cls || $[118] !== footer) {
 		t18 = footer && /* @__PURE__ */ jsx("p", {
 			className: cn("text-muted-foreground pt-2 text-xs", cls.footer),
 			children: footer
 		});
-		$[110] = cls;
-		$[111] = footer;
-		$[112] = t18;
-	} else t18 = $[112];
+		$[117] = cls;
+		$[118] = footer;
+		$[119] = t18;
+	} else t18 = $[119];
 	let t19;
-	if ($[113] !== t17 || $[114] !== t18 || $[115] !== t6 || $[116] !== t7 || $[117] !== t8) {
+	if ($[120] !== t17 || $[121] !== t18 || $[122] !== t6 || $[123] !== t7 || $[124] !== t8) {
 		t19 = /* @__PURE__ */ jsxs("div", {
 			className: t6,
 			children: [
@@ -382,15 +402,15 @@ function ValueWidget(t0) {
 				t18
 			]
 		});
-		$[113] = t17;
-		$[114] = t18;
-		$[115] = t6;
-		$[116] = t7;
-		$[117] = t8;
-		$[118] = t19;
-	} else t19 = $[118];
+		$[120] = t17;
+		$[121] = t18;
+		$[122] = t6;
+		$[123] = t7;
+		$[124] = t8;
+		$[125] = t19;
+	} else t19 = $[125];
 	let t20;
-	if ($[119] !== T0 || $[120] !== t10 || $[121] !== t11 || $[122] !== t12 || $[123] !== t13 || $[124] !== t14 || $[125] !== t15 || $[126] !== t16 || $[127] !== t19 || $[128] !== t9) {
+	if ($[126] !== T0 || $[127] !== t10 || $[128] !== t11 || $[129] !== t12 || $[130] !== t13 || $[131] !== t14 || $[132] !== t15 || $[133] !== t16 || $[134] !== t19 || $[135] !== t9) {
 		t20 = /* @__PURE__ */ jsx(T0, {
 			title: t9,
 			icon: t10,
@@ -402,18 +422,18 @@ function ValueWidget(t0) {
 			className: t16,
 			children: t19
 		});
-		$[119] = T0;
-		$[120] = t10;
-		$[121] = t11;
-		$[122] = t12;
-		$[123] = t13;
-		$[124] = t14;
-		$[125] = t15;
-		$[126] = t16;
-		$[127] = t19;
-		$[128] = t9;
-		$[129] = t20;
-	} else t20 = $[129];
+		$[126] = T0;
+		$[127] = t10;
+		$[128] = t11;
+		$[129] = t12;
+		$[130] = t13;
+		$[131] = t14;
+		$[132] = t15;
+		$[133] = t16;
+		$[134] = t19;
+		$[135] = t9;
+		$[136] = t20;
+	} else t20 = $[136];
 	return t20;
 }
 

package/dist/client/create-admin-client.d.mts

@@ -0,0 +1,7 @@
+import { QuestpieApp, QuestpieClient, QuestpieClientConfig } from "questpie/client";
+
+//#region src/client/create-admin-client.d.ts
+
+declare function createAdminClient<TApp extends QuestpieApp>(config: QuestpieClientConfig): QuestpieClient<TApp>;
+//#endregion
+export { createAdminClient };

package/dist/client/create-admin-client.mjs

@@ -0,0 +1,25 @@
+import { withAdminRequestHeader } from "../shared/preview-utils.mjs";
+import { createClient } from "questpie/client";
+
+//#region src/client/create-admin-client.ts
+/**
+* createAdminClient — typed CMS client preconfigured for admin SPA usage.
+*
+* Wraps `createClient` from `questpie/client` and auto-injects the
+* `X-Questpie-Admin` request header on every outbound call. Server-side
+* `isAdminRequest()` (and any access rule that uses it) can then branch
+* on the header instead of relying on URL prefix matching.
+*
+* Use this for the client passed to `<AdminLayoutProvider client={...}>`.
+* Keep your public/frontend client as plain `createClient` — that one
+* MUST NOT inject the admin header.
+*/
+function createAdminClient(config) {
+	return createClient({
+		...config,
+		fetch: withAdminRequestHeader(config.fetch)
+	});
+}
+
+//#endregion
+export { createAdminClient };

package/dist/client/hooks/use-brand.d.mts

@@ -0,0 +1,22 @@
+import { BrandLogoConfig } from "../types/admin-config.mjs";
+
+//#region src/client/hooks/use-brand.d.ts
+interface BrandSnapshot {
+  name: string;
+  logo: BrandLogoConfig | null;
+  tagline: string | null;
+  favicon: string | null;
+}
+/**
+ * Read branding fields from the admin store. Safe to call outside of an
+ * `<AdminProvider>` — falls back to the default snapshot when no store is
+ * mounted (e.g. on a bare auth page).
+ */
+declare function useBrand(): BrandSnapshot;
+/**
+ * Imperative variant for code paths that cannot use hooks (callbacks,
+ * server-side helpers). Returns null when no provider is mounted.
+ */
+declare function useBrandSnapshotRef(): BrandSnapshot | null;
+//#endregion
+export { BrandSnapshot, useBrand, useBrandSnapshotRef };

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

@@ -0,0 +1,52 @@
+import { useAdminStoreRaw } from "../runtime/provider.mjs";
+import { c } from "react/compiler-runtime";
+import { createStore, useStore } from "zustand";
+
+//#region src/client/hooks/use-brand.ts
+const DEFAULT_BRAND = {
+	name: "Admin",
+	logo: null,
+	tagline: null,
+	favicon: null
+};
+const FALLBACK_STORE = createStore(() => ({
+	brandName: DEFAULT_BRAND.name,
+	brandLogo: DEFAULT_BRAND.logo,
+	brandTagline: DEFAULT_BRAND.tagline,
+	brandFavicon: DEFAULT_BRAND.favicon
+}));
+function selectBrand(state) {
+	return {
+		name: state.brandName,
+		logo: state.brandLogo,
+		tagline: state.brandTagline,
+		favicon: state.brandFavicon
+	};
+}
+/**
+* Read branding fields from the admin store. Safe to call outside of an
+* `<AdminProvider>` — falls back to the default snapshot when no store is
+* mounted (e.g. on a bare auth page).
+*/
+function useBrand() {
+	return useStore(useAdminStoreRaw() ?? FALLBACK_STORE, selectBrand);
+}
+/**
+* Imperative variant for code paths that cannot use hooks (callbacks,
+* server-side helpers). Returns null when no provider is mounted.
+*/
+function useBrandSnapshotRef() {
+	const $ = c(2);
+	const store = useAdminStoreRaw();
+	if (!store) return null;
+	let t0;
+	if ($[0] !== store) {
+		t0 = selectBrand(store.getState());
+		$[0] = store;
+		$[1] = t0;
+	} else t0 = $[1];
+	return t0;
+}
+
+//#endregion
+export { useBrand, useBrandSnapshotRef };

package/dist/client/hooks/use-server-actions.mjs

@@ -1,5 +1,6 @@
 "use client";
 
+import { useTranslation } from "../i18n/hooks.mjs";
 import { selectAdmin, selectClient, useAdminStore } from "../runtime/provider.mjs";
 import { configureField } from "../builder/field/field.mjs";
 import { useCollectionSchema } from "./use-collection-schema.mjs";
@@ -13,10 +14,10 @@ import { c } from "react/compiler-runtime";
 * Server actions have their handlers stripped during serialization; this hook
 * creates client-side wrappers that execute actions via the server API.
 */
-function getActionErrorMessage(response) {
+function getActionErrorMessage(response, t) {
 	if (response.error) return response.error;
 	if (response.result?.toast?.message) return response.result.toast.message;
-	return "Action execution failed";
+	return t("action.executionFailed");
 }
 async function applyServerActionEffects(result, ctx) {
 	if (!result) return;
@@ -54,7 +55,7 @@ function buildServerFormFields(rawFields, fieldRegistry) {
 /**
 * Map a server action definition (from collection schema) to a client ActionDefinition
 */
-function mapServerAction(serverAction, collection, fieldRegistry, client) {
+function mapServerAction(serverAction, collection, fieldRegistry, client, locale, t) {
 	const action = {
 		id: serverAction.id,
 		label: serverAction.label,
@@ -91,7 +92,7 @@ function mapServerAction(serverAction, collection, fieldRegistry, client) {
 				width: form.width,
 				onSubmit: async (data, ctx) => {
 					const routes = client?.routes;
-					if (!routes?.executeAction) throw new Error("executeAction route is not available");
+					if (!routes?.executeAction) throw new Error(t("error.serverActionFailed"));
 					const itemId = ctx.item && !Array.isArray(ctx.item) ? ctx.item.id : void 0;
 					const idsFromItems = Array.isArray(ctx.items) ? ctx.items.map((it) => it?.id).filter(Boolean) : [];
 					const idsFromItemArray = Array.isArray(ctx.item) ? ctx.item.map((it) => it?.id).filter(Boolean) : [];
@@ -101,9 +102,10 @@ function mapServerAction(serverAction, collection, fieldRegistry, client) {
 						actionId: serverAction.id,
 						itemId,
 						itemIds,
-						data
+						data,
+						locale
 					});
-					if (!response.success || response.result?.type === "error") throw new Error(getActionErrorMessage(response));
+					if (!response.success || response.result?.type === "error") throw new Error(getActionErrorMessage(response, t));
 					await applyServerActionEffects(response.result, ctx);
 				}
 			}
@@ -122,10 +124,11 @@ function mapServerAction(serverAction, collection, fieldRegistry, client) {
 * ```
 */
 function useServerActions(t0) {
-	const $ = c(11);
+	const $ = c(13);
 	const { collection, schema: schemaOverride } = t0;
 	const admin = useAdminStore(selectAdmin);
 	const client = useAdminStore(selectClient);
+	const { t, locale } = useTranslation();
 	const t1 = !schemaOverride;
 	let t2;
 	if ($[0] !== t1) {
@@ -150,28 +153,30 @@ function useServerActions(t0) {
 			break bb0;
 		}
 		let t4$1;
-		if ($[3] !== actionsConfig.custom || $[4] !== admin || $[5] !== client || $[6] !== collection) {
+		if ($[3] !== actionsConfig.custom || $[4] !== admin || $[5] !== client || $[6] !== collection || $[7] !== locale || $[8] !== t) {
 			const fieldRegistry = admin?.getFields?.() ?? null;
-			t4$1 = actionsConfig.custom.map((serverAction) => mapServerAction(serverAction, collection, fieldRegistry, client));
+			t4$1 = actionsConfig.custom.map((serverAction) => mapServerAction(serverAction, collection, fieldRegistry, client, locale, t));
 			$[3] = actionsConfig.custom;
 			$[4] = admin;
 			$[5] = client;
 			$[6] = collection;
-			$[7] = t4$1;
-		} else t4$1 = $[7];
+			$[7] = locale;
+			$[8] = t;
+			$[9] = t4$1;
+		} else t4$1 = $[9];
 		t3 = t4$1;
 	}
 	const serverActions = t3;
 	let t4;
-	if ($[8] !== isPending || $[9] !== serverActions) {
+	if ($[10] !== isPending || $[11] !== serverActions) {
 		t4 = {
 			serverActions,
 			isLoading: isPending
 		};
-		$[8] = isPending;
-		$[9] = serverActions;
-		$[10] = t4;
-	} else t4 = $[10];
+		$[10] = isPending;
+		$[11] = serverActions;
+		$[12] = t4;
+	} else t4 = $[12];
 	return t4;
 }
 /**

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime21 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_runtime22.JSX.Element;
+}: BlockScopeProviderProps): react_jsx_runtime21.JSX.Element;
 /**
  * Get current block scope context.
  *

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime21 from "react/jsx-runtime";
+import * as react_jsx_runtime22 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_runtime21.JSX.Element | null;
+}: PreviewBannerProps): react_jsx_runtime22.JSX.Element | null;
 //#endregion
 export { PreviewBanner, PreviewBannerProps };