@questpie/admin 1.1.0 → 2.0.0

package/dist/client/i18n/simple.mjs

@@ -0,0 +1,157 @@
+import { getDateTimeFormat, getDisplayNames, getNumberFormat, getPluralRules, getRelativeTimeFormat } from "./intl-cache.mjs";
+
+//#region src/client/i18n/simple.ts
+/**
+* Simple I18n Implementation
+*
+* A minimal i18n implementation for basic use cases.
+* For full i18n features (pluralization, ICU, etc.), use i18next or react-intl.
+*
+* Features:
+* - Basic key-value translation
+* - Simple interpolation ({{key}})
+* - Uses Intl APIs for formatting
+* - Basic pluralization via Intl.PluralRules
+*/
+const RTL_LOCALES = new Set([
+	"ar",
+	"he",
+	"fa",
+	"ur",
+	"ps",
+	"sd",
+	"yi"
+]);
+/**
+* Create a simple i18n adapter
+*
+* @example
+* ```ts
+* const i18n = createSimpleI18n({
+*   locale: "en",
+*   locales: ["en", "de"],
+*   messages: {
+*     en: {
+*       "common.save": "Save",
+*       "items.count": { one: "{{count}} item", other: "{{count}} items" }
+*     },
+*     de: {
+*       "common.save": "Speichern",
+*       "items.count": { one: "{{count}} Artikel", other: "{{count}} Artikel" }
+*     }
+*   }
+* });
+* ```
+*/
+function createSimpleI18n(options) {
+	let currentLocale = options.locale;
+	const { locales, messages, fallbackLocale = locales[0], onLocaleChange: onLocaleChangeCallback } = options;
+	const listeners = /* @__PURE__ */ new Set();
+	/**
+	* Notify all listeners about locale change
+	*/
+	function notifyListeners(locale) {
+		onLocaleChangeCallback?.(locale);
+		for (const listener of listeners) listener(locale);
+	}
+	/**
+	* Get message for key in locale
+	*/
+	function getMessage(key, locale) {
+		return messages[locale]?.[key];
+	}
+	/**
+	* Interpolate values into string
+	*/
+	function interpolate(str, params) {
+		if (!params) return str;
+		return str.replace(/\{\{(\w+)\}\}/g, (_, key) => {
+			const value = params[key];
+			return value !== void 0 ? String(value) : `{{${key}}}`;
+		});
+	}
+	/**
+	* Check if value is plural messages
+	*/
+	function isPluralMessages(value) {
+		return typeof value === "object" && value !== null && "one" in value && "other" in value;
+	}
+	/**
+	* Get plural form
+	*/
+	function getPluralForm(forms, count, locale) {
+		switch (getPluralRules(locale).select(count)) {
+			case "zero": return forms.zero ?? forms.other;
+			case "one": return forms.one;
+			case "two": return forms.two ?? forms.other;
+			case "few": return forms.few ?? forms.other;
+			case "many": return forms.many ?? forms.other;
+			default: return forms.other;
+		}
+	}
+	return {
+		get locale() {
+			return currentLocale;
+		},
+		get locales() {
+			return locales;
+		},
+		t(key, params) {
+			let value = getMessage(key, currentLocale);
+			if (value === void 0 && currentLocale !== fallbackLocale) value = getMessage(key, fallbackLocale);
+			if (value === void 0) return key;
+			if (isPluralMessages(value)) {
+				const count = typeof params?.count === "number" ? params.count : 1;
+				return interpolate(getPluralForm(value, count, currentLocale), params);
+			}
+			return interpolate(value, params);
+		},
+		setLocale(locale) {
+			if (locales.includes(locale) && locale !== currentLocale) {
+				currentLocale = locale;
+				notifyListeners(locale);
+			}
+		},
+		onLocaleChange(callback) {
+			listeners.add(callback);
+			return () => {
+				listeners.delete(callback);
+			};
+		},
+		formatDate(date, opts) {
+			const d = typeof date === "number" ? new Date(date) : date;
+			return getDateTimeFormat(currentLocale, opts).format(d);
+		},
+		formatNumber(value, opts) {
+			return getNumberFormat(currentLocale, opts).format(value);
+		},
+		formatRelative(date) {
+			const d = typeof date === "number" ? new Date(date) : date;
+			const now = Date.now();
+			const diff = d.getTime() - now;
+			const diffSeconds = Math.round(diff / 1e3);
+			const diffMinutes = Math.round(diff / 6e4);
+			const diffHours = Math.round(diff / 36e5);
+			const diffDays = Math.round(diff / 864e5);
+			const rtf = getRelativeTimeFormat(currentLocale, { numeric: "auto" });
+			if (Math.abs(diffSeconds) < 60) return rtf.format(diffSeconds, "second");
+			if (Math.abs(diffMinutes) < 60) return rtf.format(diffMinutes, "minute");
+			if (Math.abs(diffHours) < 24) return rtf.format(diffHours, "hour");
+			return rtf.format(diffDays, "day");
+		},
+		getLocaleName(locale) {
+			try {
+				return getDisplayNames(currentLocale, { type: "language" }).of(locale) ?? locale;
+			} catch {
+				return locale;
+			}
+		},
+		isRTL() {
+			return RTL_LOCALES.has(currentLocale);
+		}
+	};
+}
+
+//#endregion
+export { createSimpleI18n };
+//# sourceMappingURL=simple.mjs.map

package/dist/client/i18n/simple.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple.mjs","names":[],"sources":["../../../src/client/i18n/simple.ts"],"sourcesContent":["/**\n * Simple I18n Implementation\n *\n * A minimal i18n implementation for basic use cases.\n * For full i18n features (pluralization, ICU, etc.), use i18next or react-intl.\n *\n * Features:\n * - Basic key-value translation\n * - Simple interpolation ({{key}})\n * - Uses Intl APIs for formatting\n * - Basic pluralization via Intl.PluralRules\n */\n\nimport {\n  getDateTimeFormat,\n  getDisplayNames,\n  getNumberFormat,\n  getPluralRules,\n  getRelativeTimeFormat,\n} from \"./intl-cache\";\nimport type { I18nAdapter } from \"./types\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Simple messages format\n */\nexport type SimpleMessages = Record<string, string | PluralMessages>;\n\n/**\n * Plural messages (using Intl.PluralRules categories)\n */\nexport type PluralMessages = {\n  zero?: string;\n  one: string;\n  two?: string;\n  few?: string;\n  many?: string;\n  other: string;\n};\n\n/**\n * Options for createSimpleI18n\n */\nexport interface SimpleI18nOptions {\n  /** Initial locale */\n  locale: string;\n\n  /** Available locales */\n  locales: string[];\n\n  /** Messages per locale */\n  messages: Record<string, SimpleMessages>;\n\n  /** Fallback locale (defaults to first in locales) */\n  fallbackLocale?: string;\n\n  /** Callback when locale changes */\n  onLocaleChange?: (locale: string) => void;\n}\n\n// ============================================================================\n// RTL Detection\n// ============================================================================\n\nconst RTL_LOCALES = new Set([\"ar\", \"he\", \"fa\", \"ur\", \"ps\", \"sd\", \"yi\"]);\n\n// ============================================================================\n// Implementation\n// ============================================================================\n\n/**\n * Create a simple i18n adapter\n *\n * @example\n * ```ts\n * const i18n = createSimpleI18n({\n *   locale: \"en\",\n *   locales: [\"en\", \"de\"],\n *   messages: {\n *     en: {\n *       \"common.save\": \"Save\",\n *       \"items.count\": { one: \"{{count}} item\", other: \"{{count}} items\" }\n *     },\n *     de: {\n *       \"common.save\": \"Speichern\",\n *       \"items.count\": { one: \"{{count}} Artikel\", other: \"{{count}} Artikel\" }\n *     }\n *   }\n * });\n * ```\n */\nexport function createSimpleI18n(options: SimpleI18nOptions): I18nAdapter {\n  let currentLocale = options.locale;\n  const {\n    locales,\n    messages,\n    fallbackLocale = locales[0],\n    onLocaleChange: onLocaleChangeCallback,\n  } = options;\n\n  // Event listeners for locale changes\n  const listeners = new Set<(locale: string) => void>();\n\n  /**\n   * Notify all listeners about locale change\n   */\n  function notifyListeners(locale: string): void {\n    // Call the initial callback if provided\n    onLocaleChangeCallback?.(locale);\n    // Notify all subscribed listeners\n    for (const listener of listeners) {\n      listener(locale);\n    }\n  }\n\n  /**\n   * Get message for key in locale\n   */\n  function getMessage(\n    key: string,\n    locale: string,\n  ): string | PluralMessages | undefined {\n    return messages[locale]?.[key];\n  }\n\n  /**\n   * Interpolate values into string\n   */\n  function interpolate(str: string, params?: Record<string, unknown>): string {\n    if (!params) return str;\n    return str.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n      const value = params[key];\n      return value !== undefined ? String(value) : `{{${key}}}`;\n    });\n  }\n\n  /**\n   * Check if value is plural messages\n   */\n  function isPluralMessages(value: unknown): value is PluralMessages {\n    return (\n      typeof value === \"object\" &&\n      value !== null &&\n      \"one\" in value &&\n      \"other\" in value\n    );\n  }\n\n  /**\n   * Get plural form\n   */\n  function getPluralForm(\n    forms: PluralMessages,\n    count: number,\n    locale: string,\n  ): string {\n    const rules = getPluralRules(locale);\n    const category = rules.select(count);\n\n    switch (category) {\n      case \"zero\":\n        return forms.zero ?? forms.other;\n      case \"one\":\n        return forms.one;\n      case \"two\":\n        return forms.two ?? forms.other;\n      case \"few\":\n        return forms.few ?? forms.other;\n      case \"many\":\n        return forms.many ?? forms.other;\n      default:\n        return forms.other;\n    }\n  }\n\n  return {\n    get locale() {\n      return currentLocale;\n    },\n\n    get locales() {\n      return locales;\n    },\n\n    t(key: string, params?: Record<string, unknown>): string {\n      // Try current locale\n      let value = getMessage(key, currentLocale);\n\n      // Fallback to fallback locale\n      if (value === undefined && currentLocale !== fallbackLocale) {\n        value = getMessage(key, fallbackLocale);\n      }\n\n      // Return key if not found\n      if (value === undefined) {\n        return key;\n      }\n\n      // Handle plural forms\n      if (isPluralMessages(value)) {\n        const count = typeof params?.count === \"number\" ? params.count : 1;\n        const form = getPluralForm(value, count, currentLocale);\n        return interpolate(form, params);\n      }\n\n      // Regular string\n      return interpolate(value, params);\n    },\n\n    setLocale(locale: string): void {\n      if (locales.includes(locale) && locale !== currentLocale) {\n        currentLocale = locale;\n        notifyListeners(locale);\n      }\n    },\n\n    onLocaleChange(callback: (locale: string) => void): () => void {\n      listeners.add(callback);\n      return () => {\n        listeners.delete(callback);\n      };\n    },\n\n    formatDate(date: Date | number, opts?: Intl.DateTimeFormatOptions): string {\n      const d = typeof date === \"number\" ? new Date(date) : date;\n      return getDateTimeFormat(currentLocale, opts).format(d);\n    },\n\n    formatNumber(value: number, opts?: Intl.NumberFormatOptions): string {\n      return getNumberFormat(currentLocale, opts).format(value);\n    },\n\n    formatRelative(date: Date | number): string {\n      const d = typeof date === \"number\" ? new Date(date) : date;\n      const now = Date.now();\n      const diff = d.getTime() - now;\n      const diffSeconds = Math.round(diff / 1000);\n      const diffMinutes = Math.round(diff / 60000);\n      const diffHours = Math.round(diff / 3600000);\n      const diffDays = Math.round(diff / 86400000);\n\n      const rtf = getRelativeTimeFormat(currentLocale, {\n        numeric: \"auto\",\n      });\n\n      if (Math.abs(diffSeconds) < 60) {\n        return rtf.format(diffSeconds, \"second\");\n      }\n      if (Math.abs(diffMinutes) < 60) {\n        return rtf.format(diffMinutes, \"minute\");\n      }\n      if (Math.abs(diffHours) < 24) {\n        return rtf.format(diffHours, \"hour\");\n      }\n      return rtf.format(diffDays, \"day\");\n    },\n\n    getLocaleName(locale: string): string {\n      try {\n        return (\n          getDisplayNames(currentLocale, { type: \"language\" }).of(locale) ??\n          locale\n        );\n      } catch {\n        return locale;\n      }\n    },\n\n    isRTL(): boolean {\n      return RTL_LOCALES.has(currentLocale);\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/client/i18n/types.d.mts

@@ -0,0 +1,110 @@
+import "react";
+
+//#region src/client/i18n/types.d.ts
+
+/**
+ * I18n Adapter Interface
+ *
+ * This is the contract that any i18n implementation must fulfill.
+ * Designed to be easily implemented by wrapping i18next, react-intl, etc.
+ */
+interface I18nAdapter {
+  /**
+   * Current UI locale (e.g., "en", "de", "sk")
+   */
+  readonly locale: string;
+  /**
+   * Available locales
+   */
+  readonly locales: string[];
+  /**
+   * Translate a key
+   *
+   * @param key - Translation key (e.g., "common.save")
+   * @param params - Interpolation values (e.g., { count: 5 })
+   */
+  t(key: string, params?: Record<string, unknown>): string;
+  /**
+   * Change the current locale
+   */
+  setLocale(locale: string): void | Promise<void>;
+  /**
+   * Subscribe to locale changes
+   *
+   * @param callback - Called when locale changes
+   * @returns Unsubscribe function
+   */
+  onLocaleChange(callback: (locale: string) => void): () => void;
+  /**
+   * Format a date (uses Intl.DateTimeFormat)
+   */
+  formatDate(date: Date | number, options?: Intl.DateTimeFormatOptions): string;
+  /**
+   * Format a number (uses Intl.NumberFormat)
+   */
+  formatNumber(value: number, options?: Intl.NumberFormatOptions): string;
+  /**
+   * Format relative time (e.g., "2 days ago")
+   */
+  formatRelative?(date: Date | number): string;
+  /**
+   * Get display name for a locale (e.g., "en" -> "English")
+   */
+  getLocaleName(locale: string): string;
+  /**
+   * Check if current locale is RTL
+   */
+  isRTL(): boolean;
+}
+/**
+ * Inline translations object - maps locale codes to translated strings
+ *
+ * @example
+ * ```ts
+ * { en: "Barbers", sk: "Holiči", cz: "Holiči" }
+ * ```
+ */
+type I18nLocaleMap = {
+  [locale: string]: string;
+};
+/**
+ * I18nText - A value that can be translated
+ *
+ * Used in admin config for labels, descriptions, etc.
+ * Supports multiple formats for flexibility.
+ *
+ * @example
+ * ```ts
+ * // Simple string (no translation)
+ * label: "Posts"
+ *
+ * // Translation key
+ * label: { key: "nav.posts" }
+ *
+ * // Translation key with fallback
+ * label: { key: "nav.posts", fallback: "Posts" }
+ *
+ * // Inline translations (recommended for collection/global labels)
+ * label: { en: "Barbers", sk: "Holiči", cz: "Holiči" }
+ *
+ * // Dynamic function
+ * label: (ctx) => ctx.t("nav.posts")
+ * ```
+ */
+type I18nText = string | {
+  key: string;
+  fallback?: string;
+  params?: Record<string, unknown>;
+} | I18nLocaleMap | ((ctx: I18nContext) => string);
+/**
+ * Context passed to I18nText functions
+ */
+interface I18nContext {
+  locale: string;
+  t: I18nAdapter["t"];
+  formatDate: I18nAdapter["formatDate"];
+  formatNumber: I18nAdapter["formatNumber"];
+}
+//#endregion
+export { I18nAdapter, I18nContext, I18nText };
+//# sourceMappingURL=types.d.mts.map

package/dist/client/i18n/types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.mts","names":[],"sources":["../../../src/client/i18n/types.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;UAwDiB,WAAA;;;;;;;;;;;;;;;0BAiBS;;;;oCAKU;;;;;;;;;;;mBAajB,yBAAyB,IAAA,CAAK;;;;wCAKT,IAAA,CAAK;;;;wBAKrB;;;;;;;;;;;;;;;;;;KAyBZ,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4BA,QAAA;;;WAEmC;IAC3C,uBACO;;;;UAKM,WAAA;;KAEZ;cACS;gBACE"}

package/dist/client/lib/utils.d.mts

@@ -0,0 +1 @@
+import "clsx";

package/dist/client/lib/utils.mjs

@@ -0,0 +1,28 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/client/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+/**
+* Format a string for display by converting camelCase/PascalCase to Title Case with spaces.
+*
+* Use this for formatting field names, collection names, column headers, etc.
+*
+* @example
+* formatLabel("blogPosts") // "Blog Posts"
+* formatLabel("userSettings") // "User Settings"
+* formatLabel("firstName") // "First Name"
+*/
+function formatLabel(str) {
+	return str.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
+}
+/**
+* @deprecated Use `formatLabel` instead
+*/
+const formatCollectionName = formatLabel;
+
+//#endregion
+export { cn, formatCollectionName, formatLabel };
+//# sourceMappingURL=utils.mjs.map

package/dist/client/lib/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/client/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]): string {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Format a string for display by converting camelCase/PascalCase to Title Case with spaces.\n *\n * Use this for formatting field names, collection names, column headers, etc.\n *\n * @example\n * formatLabel(\"blogPosts\") // \"Blog Posts\"\n * formatLabel(\"userSettings\") // \"User Settings\"\n * formatLabel(\"firstName\") // \"First Name\"\n */\nexport function formatLabel(str: string): string {\n  return str\n    .replace(/([A-Z])/g, \" $1\")\n    .replace(/^./, (s) => s.toUpperCase())\n    .trim();\n}\n\n/**\n * @deprecated Use `formatLabel` instead\n */\nexport const formatCollectionName = formatLabel;\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAA8B;AAClD,QAAO,QAAQ,KAAK,OAAO,CAAC;;;;;;;;;;;;AAa9B,SAAgB,YAAY,KAAqB;AAC/C,QAAO,IACJ,QAAQ,YAAY,MAAM,CAC1B,QAAQ,OAAO,MAAM,EAAE,aAAa,CAAC,CACrC,MAAM;;;;;AAMX,MAAa,uBAAuB"}

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

@@ -0,0 +1,74 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
+
+//#region src/client/preview/block-scope-context.d.ts
+
+type BlockScopeContextValue = {
+  /** Current block ID */
+  blockId: string;
+  /** Field path prefix (e.g., "content._values.abc123") */
+  fieldPrefix: string;
+};
+type BlockScopeProviderProps = {
+  /** Block ID for this scope */
+  blockId: string;
+  /** Base path for blocks field (e.g., "content._values") */
+  basePath?: string;
+  children: React$1.ReactNode;
+};
+/**
+ * Provides block scope context for field path resolution.
+ *
+ * Automatically wraps each block in BlockRenderer to enable
+ * PreviewField components to resolve full scoped paths.
+ *
+ * @example
+ * ```tsx
+ * <BlockScopeProvider blockId="abc123" basePath="content._values">
+ *   <PreviewField field="title">
+ *     {/* Auto-resolves to: content._values.abc123.title *\/}
+ *   </PreviewField>
+ * </BlockScopeProvider>
+ * ```
+ */
+declare function BlockScopeProvider({
+  blockId,
+  basePath,
+  children
+}: BlockScopeProviderProps): react_jsx_runtime29.JSX.Element;
+/**
+ * Get current block scope context.
+ *
+ * Returns null if not inside a BlockScopeProvider.
+ *
+ * @example
+ * ```tsx
+ * const scope = useBlockScope();
+ * if (scope) {
+ *   console.log(scope.blockId); // "abc123"
+ *   console.log(scope.fieldPrefix); // "content._values.abc123"
+ * }
+ * ```
+ */
+declare function useBlockScope(): BlockScopeContextValue | null;
+/**
+ * Resolve a field name to its full scoped path.
+ *
+ * If inside a BlockScopeProvider, prepends the field prefix.
+ * Otherwise, returns the field name as-is.
+ *
+ * @example
+ * ```tsx
+ * // Inside BlockScopeProvider with blockId="abc123"
+ * const fullPath = useResolveFieldPath("title");
+ * // Returns: "content._values.abc123.title"
+ *
+ * // Outside BlockScopeProvider
+ * const fullPath = useResolveFieldPath("title");
+ * // Returns: "title"
+ * ```
+ */
+declare function useResolveFieldPath(fieldName: string): string;
+//#endregion
+export { BlockScopeContextValue, BlockScopeProvider, BlockScopeProviderProps, useBlockScope, useResolveFieldPath };
+//# sourceMappingURL=block-scope-context.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-scope-context.d.mts","names":[],"sources":["../../../src/client/preview/block-scope-context.tsx"],"sourcesContent":[],"mappings":";;;;;AA4DE,KA5CU,sBAAA,GA4CV;EACA;EACC,OAAA,EAAA,MAAA;EAAuB;EAAA,WAAA,EAAA,MAAA;AA8C1B,CAAA;AAqBgB,KA9FJ,uBAAA,GA8FuB;;;;;YAzFvB,OAAA,CAAM;;;;;;;;;;;;;;;;;iBAkBF,kBAAA;;;;GAIb,0BAAuB,mBAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;;;;iBA8CV,aAAA,CAAA,GAAiB;;;;;;;;;;;;;;;;;;iBAqBjB,mBAAA"}

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

@@ -0,0 +1,93 @@
+"use client";
+
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/client/preview/block-scope-context.tsx
+/**
+* Block Scope Context
+*
+* Provides block context for field path resolution in preview mode.
+* Allows PreviewField components to auto-resolve full scoped paths
+* like "content._values.{blockId}.title" from simple field names.
+*/
+const BlockScopeContext = React$1.createContext(null);
+/**
+* Provides block scope context for field path resolution.
+*
+* Automatically wraps each block in BlockRenderer to enable
+* PreviewField components to resolve full scoped paths.
+*
+* @example
+* ```tsx
+* <BlockScopeProvider blockId="abc123" basePath="content._values">
+*   <PreviewField field="title">
+*     {/* Auto-resolves to: content._values.abc123.title *\/}
+*   </PreviewField>
+* </BlockScopeProvider>
+* ```
+*/
+function BlockScopeProvider({ blockId, basePath = "content._values", children }) {
+	const parentScope = React$1.useContext(BlockScopeContext);
+	const fieldPrefix = React$1.useMemo(() => {
+		if (parentScope) return `${parentScope.fieldPrefix}.${blockId}`;
+		return `${basePath}.${blockId}`;
+	}, [
+		parentScope,
+		basePath,
+		blockId
+	]);
+	const value = React$1.useMemo(() => ({
+		blockId,
+		fieldPrefix
+	}), [blockId, fieldPrefix]);
+	return /* @__PURE__ */ jsx(BlockScopeContext.Provider, {
+		value,
+		children
+	});
+}
+/**
+* Get current block scope context.
+*
+* Returns null if not inside a BlockScopeProvider.
+*
+* @example
+* ```tsx
+* const scope = useBlockScope();
+* if (scope) {
+*   console.log(scope.blockId); // "abc123"
+*   console.log(scope.fieldPrefix); // "content._values.abc123"
+* }
+* ```
+*/
+function useBlockScope() {
+	return React$1.useContext(BlockScopeContext);
+}
+/**
+* Resolve a field name to its full scoped path.
+*
+* If inside a BlockScopeProvider, prepends the field prefix.
+* Otherwise, returns the field name as-is.
+*
+* @example
+* ```tsx
+* // Inside BlockScopeProvider with blockId="abc123"
+* const fullPath = useResolveFieldPath("title");
+* // Returns: "content._values.abc123.title"
+*
+* // Outside BlockScopeProvider
+* const fullPath = useResolveFieldPath("title");
+* // Returns: "title"
+* ```
+*/
+function useResolveFieldPath(fieldName) {
+	const scope = useBlockScope();
+	return React$1.useMemo(() => {
+		if (!scope) return fieldName;
+		return `${scope.fieldPrefix}.${fieldName}`;
+	}, [scope, fieldName]);
+}
+
+//#endregion
+export { BlockScopeProvider, useBlockScope, useResolveFieldPath };
+//# sourceMappingURL=block-scope-context.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"block-scope-context.mjs","names":["React"],"sources":["../../../src/client/preview/block-scope-context.tsx"],"sourcesContent":["/**\n * Block Scope Context\n *\n * Provides block context for field path resolution in preview mode.\n * Allows PreviewField components to auto-resolve full scoped paths\n * like \"content._values.{blockId}.title\" from simple field names.\n */\n\n\"use client\";\n\nimport * as React from \"react\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport type BlockScopeContextValue = {\n  /** Current block ID */\n  blockId: string;\n  /** Field path prefix (e.g., \"content._values.abc123\") */\n  fieldPrefix: string;\n};\n\n// ============================================================================\n// Context\n// ============================================================================\n\nconst BlockScopeContext = React.createContext<BlockScopeContextValue | null>(\n  null,\n);\n\n// ============================================================================\n// Provider\n// ============================================================================\n\nexport type BlockScopeProviderProps = {\n  /** Block ID for this scope */\n  blockId: string;\n  /** Base path for blocks field (e.g., \"content._values\") */\n  basePath?: string;\n  children: React.ReactNode;\n};\n\n/**\n * Provides block scope context for field path resolution.\n *\n * Automatically wraps each block in BlockRenderer to enable\n * PreviewField components to resolve full scoped paths.\n *\n * @example\n * ```tsx\n * <BlockScopeProvider blockId=\"abc123\" basePath=\"content._values\">\n *   <PreviewField field=\"title\">\n *     {/* Auto-resolves to: content._values.abc123.title *\\/}\n *   </PreviewField>\n * </BlockScopeProvider>\n * ```\n */\nexport function BlockScopeProvider({\n  blockId,\n  basePath = \"content._values\",\n  children,\n}: BlockScopeProviderProps) {\n  const parentScope = React.useContext(BlockScopeContext);\n\n  // Build field prefix based on parent scope\n  const fieldPrefix = React.useMemo(() => {\n    if (parentScope) {\n      // Nested block: append to parent prefix\n      return `${parentScope.fieldPrefix}.${blockId}`;\n    }\n    // Top-level block: use basePath\n    return `${basePath}.${blockId}`;\n  }, [parentScope, basePath, blockId]);\n\n  const value = React.useMemo<BlockScopeContextValue>(\n    () => ({\n      blockId,\n      fieldPrefix,\n    }),\n    [blockId, fieldPrefix],\n  );\n\n  return (\n    <BlockScopeContext.Provider value={value}>\n      {children}\n    </BlockScopeContext.Provider>\n  );\n}\n\n// ============================================================================\n// Hooks\n// ============================================================================\n\n/**\n * Get current block scope context.\n *\n * Returns null if not inside a BlockScopeProvider.\n *\n * @example\n * ```tsx\n * const scope = useBlockScope();\n * if (scope) {\n *   console.log(scope.blockId); // \"abc123\"\n *   console.log(scope.fieldPrefix); // \"content._values.abc123\"\n * }\n * ```\n */\nexport function useBlockScope(): BlockScopeContextValue | null {\n  return React.useContext(BlockScopeContext);\n}\n\n/**\n * Resolve a field name to its full scoped path.\n *\n * If inside a BlockScopeProvider, prepends the field prefix.\n * Otherwise, returns the field name as-is.\n *\n * @example\n * ```tsx\n * // Inside BlockScopeProvider with blockId=\"abc123\"\n * const fullPath = useResolveFieldPath(\"title\");\n * // Returns: \"content._values.abc123.title\"\n *\n * // Outside BlockScopeProvider\n * const fullPath = useResolveFieldPath(\"title\");\n * // Returns: \"title\"\n * ```\n */\nexport function useResolveFieldPath(fieldName: string): string {\n  const scope = useBlockScope();\n\n  return React.useMemo(() => {\n    if (!scope) {\n      return fieldName;\n    }\n    return `${scope.fieldPrefix}.${fieldName}`;\n  }, [scope, fieldName]);\n}\n"],"mappings":";;;;;;;;;;;;;AA2BA,MAAM,oBAAoBA,QAAM,cAC9B,KACD;;;;;;;;;;;;;;;;AA6BD,SAAgB,mBAAmB,EACjC,SACA,WAAW,mBACX,YAC0B;CAC1B,MAAM,cAAcA,QAAM,WAAW,kBAAkB;CAGvD,MAAM,cAAcA,QAAM,cAAc;AACtC,MAAI,YAEF,QAAO,GAAG,YAAY,YAAY,GAAG;AAGvC,SAAO,GAAG,SAAS,GAAG;IACrB;EAAC;EAAa;EAAU;EAAQ,CAAC;CAEpC,MAAM,QAAQA,QAAM,eACX;EACL;EACA;EACD,GACD,CAAC,SAAS,YAAY,CACvB;AAED,QACE,oBAAC,kBAAkB;EAAgB;EAChC;GAC0B;;;;;;;;;;;;;;;;AAsBjC,SAAgB,gBAA+C;AAC7D,QAAOA,QAAM,WAAW,kBAAkB;;;;;;;;;;;;;;;;;;;AAoB5C,SAAgB,oBAAoB,WAA2B;CAC7D,MAAM,QAAQ,eAAe;AAE7B,QAAOA,QAAM,cAAc;AACzB,MAAI,CAAC,MACH,QAAO;AAET,SAAO,GAAG,MAAM,YAAY,GAAG;IAC9B,CAAC,OAAO,UAAU,CAAC"}

package/dist/client/preview/index.d.mts

@@ -0,0 +1,5 @@
+import { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext } from "./preview-field.mjs";
+import { PreviewBanner, PreviewBannerProps } from "./preview-banner.mjs";
+import { BlockScopeContextValue, BlockScopeProvider, BlockScopeProviderProps, useBlockScope, useResolveFieldPath } from "./block-scope-context.mjs";
+import { AdminToPreviewMessage, BlockClickedMessage, FieldClickedMessage, FocusFieldMessage, PreviewConfig, PreviewReadyMessage, PreviewRefreshMessage, PreviewToAdminMessage, RefreshCompleteMessage, SelectBlockMessage, isAdminToPreviewMessage, isPreviewToAdminMessage } from "./types.mjs";
+import { UseCollectionPreviewOptions, UseCollectionPreviewResult, useCollectionPreview } from "./use-collection-preview.mjs";

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

@@ -0,0 +1,46 @@
+import * as react_jsx_runtime28 from "react/jsx-runtime";
+
+//#region src/client/preview/preview-banner.d.ts
+
+/**
+ * Preview Banner Component
+ *
+ * Displayed at the top of preview pages when in draft mode.
+ * Allows users to exit preview mode (clear __draft_mode cookie).
+ */
+type PreviewBannerProps = {
+  /** Whether we're in preview mode */
+  isPreviewMode: boolean;
+  /** Custom class name */
+  className?: string;
+  /** Custom exit preview URL (default: /api/preview?disable=true) */
+  exitPreviewUrl?: string;
+};
+/**
+ * Preview mode banner with exit button.
+ *
+ * Shows a sticky banner at the top of the page when in draft/preview mode.
+ * Clicking "Exit Preview" clears the draft mode cookie.
+ *
+ * @example
+ * ```tsx
+ * export default function RootLayout({ children }) {
+ *   const { isPreviewMode } = useCollectionPreview({ ... });
+ *
+ *   return (
+ *     <>
+ *       <PreviewBanner isPreviewMode={isPreviewMode} />
+ *       {children}
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+declare function PreviewBanner({
+  isPreviewMode,
+  className,
+  exitPreviewUrl
+}: PreviewBannerProps): react_jsx_runtime28.JSX.Element | null;
+//#endregion
+export { PreviewBanner, PreviewBannerProps };
+//# sourceMappingURL=preview-banner.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preview-banner.d.mts","names":[],"sources":["../../../src/client/preview/preview-banner.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAeA;AAiCA;;AAEE,KAnCU,kBAAA,GAmCV;EACA;EACC,aAAA,EAAA,OAAA;EAAkB;EAAA,SAAA,CAAA,EAAA,MAAA;;;;;;;;;;;;;;;;;;;;;;;;iBAJL,aAAA;;;;GAIb,qBAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,95 @@
+"use client";
+
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/client/preview/preview-banner.tsx
+/**
+* Preview Banner Component
+*
+* Displayed at the top of preview pages when in draft mode.
+* Allows users to exit preview mode (clear __draft_mode cookie).
+*/
+/**
+* Preview mode banner with exit button.
+*
+* Shows a sticky banner at the top of the page when in draft/preview mode.
+* Clicking "Exit Preview" clears the draft mode cookie.
+*
+* @example
+* ```tsx
+* export default function RootLayout({ children }) {
+*   const { isPreviewMode } = useCollectionPreview({ ... });
+*
+*   return (
+*     <>
+*       <PreviewBanner isPreviewMode={isPreviewMode} />
+*       {children}
+*     </>
+*   );
+* }
+* ```
+*/
+function PreviewBanner({ isPreviewMode, className, exitPreviewUrl = "/api/preview?disable=true" }) {
+	if (!isPreviewMode) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		className,
+		style: {
+			position: "sticky",
+			top: 0,
+			left: 0,
+			right: 0,
+			zIndex: 9999,
+			backgroundColor: "hsl(var(--primary))",
+			color: "hsl(var(--primary-foreground))",
+			padding: "0.5rem 1rem",
+			display: "flex",
+			alignItems: "center",
+			justifyContent: "space-between",
+			gap: "1rem",
+			fontSize: "0.875rem",
+			fontWeight: 500,
+			boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)"
+		},
+		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: "Preview Mode" })]
+		}), /* @__PURE__ */ jsx("a", {
+			href: exitPreviewUrl,
+			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: "Exit Preview"
+		})]
+	});
+}
+
+//#endregion
+export { PreviewBanner };
+//# sourceMappingURL=preview-banner.mjs.map