@questpie/admin 3.0.3 → 3.0.5

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

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

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

@@ -1,5 +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,14 +33,22 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * ```
 */
 function PreviewBanner(t0) {
-	const $ = c(9);
+	const $ = c(19);
 	const { isPreviewMode, className, exitPreviewUrl: t1 } = t0;
 	const exitPreviewUrl = t1 === void 0 ? "/api/preview?disable=true" : t1;
-	if (!isPreviewMode) return null;
+	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;
+	if (!isPreviewMode) return null;
 	let t3;
-	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = {
+	let t4;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = {
 			position: "sticky",
 			top: 0,
 			left: 0,
@@ -56,35 +65,47 @@ function PreviewBanner(t0) {
 			fontWeight: 500,
 			borderBottom: "1px solid var(--border)"
 		};
-		t3 = {
+		t4 = {
 			display: "flex",
 			alignItems: "center",
 			gap: "0.5rem"
 		};
-		$[0] = t2;
-		$[1] = t3;
+		$[2] = t3;
+		$[3] = t4;
 	} else {
-		t2 = $[0];
-		t3 = $[1];
+		t3 = $[2];
+		t4 = $[3];
 	}
-	let t4;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			style: t3,
-			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" })]
-		});
-		$[2] = t4;
-	} else t4 = $[2];
 	let t5;
-	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-		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)",
@@ -96,32 +117,40 @@ function PreviewBanner(t0) {
 			cursor: "pointer",
 			transition: "background-color 0.2s"
 		};
-		$[3] = t5;
-	} else t5 = $[3];
-	let t6;
-	if ($[4] !== exitPreviewUrl) {
-		t6 = /* @__PURE__ */ jsx("a", {
+		$[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", {
 			href: exitPreviewUrl,
-			style: t5,
+			style: t8,
 			onMouseEnter: _temp,
 			onMouseLeave: _temp2,
-			children: "Exit Preview"
+			children: t9
 		});
-		$[4] = exitPreviewUrl;
-		$[5] = t6;
-	} else t6 = $[5];
-	let t7;
-	if ($[6] !== className || $[7] !== t6) {
-		t7 = /* @__PURE__ */ jsxs("div", {
+		$[12] = exitPreviewUrl;
+		$[13] = t9;
+		$[14] = t10;
+	} else t10 = $[14];
+	let t11;
+	if ($[15] !== className || $[16] !== t10 || $[17] !== t7) {
+		t11 = /* @__PURE__ */ jsxs("div", {
 			className,
-			style: t2,
-			children: [t4, t6]
+			style: t3,
+			children: [t7, t10]
 		});
-		$[6] = className;
-		$[7] = t6;
-		$[8] = t7;
-	} else t7 = $[8];
-	return t7;
+		$[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)";

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_runtime23 from "react/jsx-runtime";
 
 //#region src/client/preview/preview-field.d.ts
 
@@ -45,7 +45,7 @@ declare function PreviewProvider({
     fieldType?: "regular" | "block" | "relation";
   }) => void;
   children: React.ReactNode;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime23.JSX.Element;
 /**
  * Hook to access preview context.
  */
@@ -81,7 +81,7 @@ declare function PreviewField({
   as: Component,
   className,
   onClick
-}: PreviewFieldProps): react_jsx_runtime21.JSX.Element;
+}: PreviewFieldProps): react_jsx_runtime23.JSX.Element;
 /**
  * Standalone PreviewField that works without context.
  * Useful when you can't use PreviewProvider.
@@ -102,6 +102,6 @@ declare function StandalonePreviewField({
     blockId?: string;
     fieldType?: "regular" | "block" | "relation";
   }) => void;
-}): react_jsx_runtime21.JSX.Element;
+}): react_jsx_runtime23.JSX.Element;
 //#endregion
 export { PreviewField, PreviewFieldProps, PreviewProvider, StandalonePreviewField, usePreviewContext };

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

@@ -125,7 +125,7 @@ function PreviewField(t0) {
 	const t5 = isFocused && "outline-primary outline outline-2 outline-offset-2";
 	let t6;
 	if ($[10] !== className || $[11] !== t5) {
-		t6 = cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
+		t6 = cn(className, "group relative cursor-pointer transition-[outline-color,outline-offset] duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
 		$[10] = className;
 		$[11] = t5;
 		$[12] = t6;
@@ -196,7 +196,7 @@ function StandalonePreviewField(t0) {
 	const t5 = isFocused && "outline-primary outline outline-2 outline-offset-2";
 	let t6;
 	if ($[9] !== className || $[10] !== t5) {
-		t6 = cn(className, "group relative cursor-pointer transition-all duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
+		t6 = cn(className, "group relative cursor-pointer transition-[outline-color,outline-offset] duration-150", "hover:outline-primary/60 hover:hover:outline hover:outline-2 hover:outline-offset-2 hover:outline-dashed", t5);
 		$[9] = className;
 		$[10] = t5;
 		$[11] = t6;

package/dist/client/runtime/provider.mjs

@@ -370,6 +370,13 @@ function useAdminStore(selector) {
 	if (!store) throw new Error("useAdminStore must be used within AdminProvider. Wrap your app with <AdminProvider admin={admin} client={client}>");
 	return useStore(store, selector);
 }
+/**
+* Get the raw store from context (or null if outside provider).
+* For advanced use cases where you need conditional store access.
+*/
+function useAdminStoreRaw() {
+	return useContext(AdminStoreContext);
+}
 /** Select admin instance */
 const selectAdmin = (s) => s.admin;
 /** Select client instance */
@@ -390,4 +397,4 @@ const selectSetContentLocale = (s) => s.setContentLocale;
 const selectBrandName = (s) => s.brandName;
 
 //#endregion
-export { AdminProvider, selectAdmin, selectAuthClient, selectBasePath, selectBrandName, selectClient, selectContentLocale, selectNavigate, selectRealtime, selectSetContentLocale, useAdminStore };
+export { AdminProvider, selectAdmin, selectAuthClient, selectBasePath, selectBrandName, selectClient, selectContentLocale, selectNavigate, selectRealtime, selectSetContentLocale, useAdminStore, useAdminStoreRaw };

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

@@ -172,7 +172,7 @@ function LoadingFallback() {
 			className: "qp-flex qp-h-screen qp-w-screen qp-items-center qp-justify-center qp-bg-background",
 			children: /* @__PURE__ */ jsxs("div", {
 				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-primary qp-border-t-transparent" }), /* @__PURE__ */ jsx("span", {
+				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..."
 				})]

package/dist/client/scope/picker.d.mts

@@ -1,5 +1,5 @@
 import { ScopePickerProps } from "./types.mjs";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
 
 //#region src/client/scope/picker.d.ts
 
@@ -48,6 +48,6 @@ declare function ScopePicker({
   clearText,
   className,
   compact
-}: ScopePickerProps): react_jsx_runtime25.JSX.Element;
+}: ScopePickerProps): react_jsx_runtime26.JSX.Element;
 //#endregion
 export { ScopePicker };

package/dist/client/scope/provider.d.mts

@@ -1,5 +1,5 @@
 import { ScopeContextValue, ScopeProviderProps } from "./types.mjs";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
 
 //#region src/client/scope/provider.d.ts
 
@@ -29,7 +29,7 @@ declare function ScopeProvider({
   headerName,
   storageKey,
   defaultScope
-}: ScopeProviderProps): react_jsx_runtime24.JSX.Element;
+}: ScopeProviderProps): react_jsx_runtime27.JSX.Element;
 /**
  * Hook to access the current scope context.
  *