@questpie/admin 3.0.5 → 3.0.6

package/dist/client/views/auth/auth-layout.mjs

@@ -2,7 +2,9 @@ import { cn } from "../../lib/utils.mjs";
 import { useAdminStoreRaw } from "../../runtime/provider.mjs";
 import { Card, CardContent } from "../../components/ui/card.mjs";
 import { useLazyComponent } from "../../utils/use-lazy-component.mjs";
+import { BrandLogoMark } from "../../components/brand-logo.mjs";
 import { useHasManagedAdminTheme, useManagedAdminTheme } from "../layout/admin-theme.mjs";
+import { useBrand } from "../../hooks/use-brand.mjs";
 import { c } from "react/compiler-runtime";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -20,77 +22,68 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * `adminAuthLayout` override can replace the built-in layout.
 */
 function AuthBrandMark(t0) {
-	const $ = c(9);
-	const { className, decorative: t1 } = t0;
-	const decorative = t1 === void 0 ? false : t1;
-	let t2;
+	const $ = c(7);
+	const { className } = t0;
+	let t1;
 	if ($[0] !== className) {
-		t2 = cn("text-foreground size-16 shrink-0", className);
+		t1 = cn("text-foreground size-16 shrink-0", className);
 		$[0] = className;
-		$[1] = t2;
-	} else t2 = $[1];
-	const t3 = decorative ? true : void 0;
-	const t4 = decorative ? void 0 : "QUESTPIE";
-	let t5;
-	let t6;
-	let t7;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	let t3;
+	let t4;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx("path", {
+		t2 = /* @__PURE__ */ jsx("path", {
 			d: "M2 2H22V10",
 			stroke: "currentColor",
 			strokeWidth: "2",
 			strokeLinecap: "square"
 		});
-		t6 = /* @__PURE__ */ jsx("path", {
+		t3 = /* @__PURE__ */ jsx("path", {
 			d: "M2 2V22H10",
 			stroke: "currentColor",
 			strokeWidth: "2",
 			strokeLinecap: "square"
 		});
-		t7 = /* @__PURE__ */ jsx("path", {
+		t4 = /* @__PURE__ */ jsx("path", {
 			d: "M23 13H13V23H23V13Z",
 			fill: "currentColor",
 			opacity: "0.72"
 		});
-		$[2] = t5;
-		$[3] = t6;
-		$[4] = t7;
+		$[2] = t2;
+		$[3] = t3;
+		$[4] = t4;
 	} else {
-		t5 = $[2];
-		t6 = $[3];
-		t7 = $[4];
+		t2 = $[2];
+		t3 = $[3];
+		t4 = $[4];
 	}
-	let t8;
-	if ($[5] !== t2 || $[6] !== t3 || $[7] !== t4) {
-		t8 = /* @__PURE__ */ jsxs("svg", {
+	let t5;
+	if ($[5] !== t1) {
+		t5 = /* @__PURE__ */ jsxs("svg", {
 			xmlns: "http://www.w3.org/2000/svg",
 			viewBox: "0 0 24 24",
 			fill: "none",
-			className: t2,
-			"aria-hidden": t3,
-			"aria-label": t4,
+			className: t1,
+			"aria-hidden": true,
 			children: [
-				t5,
-				t6,
-				t7
+				t2,
+				t3,
+				t4
 			]
 		});
-		$[5] = t2;
-		$[6] = t3;
-		$[7] = t4;
-		$[8] = t8;
-	} else t8 = $[8];
-	return t8;
+		$[5] = t1;
+		$[6] = t5;
+	} else t5 = $[6];
+	return t5;
 }
 function AuthDefaultLogo(t0) {
 	const $ = c(3);
 	const { brandName } = t0;
 	let t1;
 	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-		t1 = /* @__PURE__ */ jsx(AuthBrandMark, {
-			className: "size-9",
-			decorative: true
-		});
+		t1 = /* @__PURE__ */ jsx(AuthBrandMark, { className: "size-9" });
 		$[0] = t1;
 	} else t1 = $[0];
 	let t2;
@@ -111,36 +104,53 @@ function AuthDefaultLogo(t0) {
 	return t2;
 }
 function AuthLogo(t0) {
-	const $ = c(7);
+	const $ = c(8);
 	const { logo, className } = t0;
+	const brand = useBrand();
 	let t1;
-	if ($[0] !== className) {
-		t1 = cn("qa-auth-layout__logo flex min-w-0 items-center justify-start text-left", className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
+	if ($[0] !== brand || $[1] !== logo) {
+		t1 = logo ?? (brand.logo ? /* @__PURE__ */ jsxs("div", {
+			className: "qa-auth-layout__default-logo flex max-w-full min-w-0 items-center gap-3 text-left",
+			children: [/* @__PURE__ */ jsx(BrandLogoMark, {
+				logo: brand.logo,
+				alt: brand.name,
+				className: "size-9"
+			}), /* @__PURE__ */ jsx("div", {
+				className: "min-w-0",
+				children: /* @__PURE__ */ jsx("div", {
+					className: "text-foreground truncate text-sm font-semibold tracking-tight",
+					children: brand.name
+				})
+			})]
+		}) : /* @__PURE__ */ jsx(AuthDefaultLogo, { brandName: brand.name }));
+		$[0] = brand;
+		$[1] = logo;
+		$[2] = t1;
+	} else t1 = $[2];
+	const resolved = t1;
 	let t2;
-	if ($[2] !== logo) {
-		t2 = logo ?? /* @__PURE__ */ jsx(AuthDefaultLogo, { brandName: "QUESTPIE" });
-		$[2] = logo;
-		$[3] = t2;
-	} else t2 = $[3];
+	if ($[3] !== className) {
+		t2 = cn("qa-auth-layout__logo flex min-w-0 items-center justify-start text-left", className);
+		$[3] = className;
+		$[4] = t2;
+	} else t2 = $[4];
 	let t3;
-	if ($[4] !== t1 || $[5] !== t2) {
+	if ($[5] !== resolved || $[6] !== t2) {
 		t3 = /* @__PURE__ */ jsx("div", {
-			className: t1,
-			children: t2
+			className: t2,
+			children: resolved
 		});
-		$[4] = t1;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
+		$[5] = resolved;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
 	return t3;
 }
 /** Built-in minimal split layout (fallback when no override is registered). */
 function AuthLayoutBuiltIn(t0) {
-	const $ = c(21);
+	const $ = c(25);
 	const { logo, footer, children, className } = t0;
+	const { tagline } = useBrand();
 	let t1;
 	if ($[0] !== logo) {
 		t1 = /* @__PURE__ */ jsx(AuthLogo, {
@@ -151,66 +161,69 @@ function AuthLayoutBuiltIn(t0) {
 		$[1] = t1;
 	} else t1 = $[1];
 	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ jsx("p", {
-			className: "text-muted-foreground hidden text-xs tracking-[0.14em] uppercase lg:block",
-			children: "Built with QUESTPIE"
+	if ($[2] !== tagline) {
+		t2 = tagline && /* @__PURE__ */ jsx("p", {
+			className: "qa-auth-layout__tagline text-muted-foreground hidden text-xs tracking-[0.14em] uppercase lg:block",
+			children: tagline
 		});
-		$[2] = t2;
-	} else t2 = $[2];
+		$[2] = tagline;
+		$[3] = t2;
+	} else t2 = $[3];
 	let t3;
-	if ($[3] !== t1) {
+	if ($[4] !== t1 || $[5] !== t2) {
 		t3 = /* @__PURE__ */ jsxs("aside", {
 			className: "qa-auth-layout__brand flex flex-col items-center justify-center gap-8",
 			children: [t1, t2]
 		});
-		$[3] = t1;
-		$[4] = t3;
-	} else t3 = $[4];
+		$[4] = t1;
+		$[5] = t2;
+		$[6] = t3;
+	} else t3 = $[6];
 	let t4;
-	if ($[5] !== className) {
+	if ($[7] !== className) {
 		t4 = cn("qa-auth-layout__card border-border-subtle w-full shadow-none", className);
-		$[5] = className;
-		$[6] = t4;
-	} else t4 = $[6];
+		$[7] = className;
+		$[8] = t4;
+	} else t4 = $[8];
 	let t5;
-	if ($[7] !== children) {
+	if ($[9] !== children) {
 		t5 = /* @__PURE__ */ jsx(CardContent, {
 			className: "qa-auth-layout__card-content",
 			children
 		});
-		$[7] = children;
-		$[8] = t5;
-	} else t5 = $[8];
+		$[9] = children;
+		$[10] = t5;
+	} else t5 = $[10];
 	let t6;
-	if ($[9] !== t4 || $[10] !== t5) {
+	if ($[11] !== t4 || $[12] !== t5) {
 		t6 = /* @__PURE__ */ jsx(Card, {
 			className: t4,
 			children: t5
 		});
-		$[9] = t4;
-		$[10] = t5;
-		$[11] = t6;
-	} else t6 = $[11];
+		$[11] = t4;
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
 	let t7;
-	if ($[12] !== footer) {
+	if ($[14] !== footer) {
 		t7 = footer && /* @__PURE__ */ jsx("div", {
 			className: "qa-auth-layout__footer text-muted-foreground text-center text-xs",
 			children: footer
 		});
-		$[12] = footer;
-		$[13] = t7;
-	} else t7 = $[13];
+		$[14] = footer;
+		$[15] = t7;
+	} else t7 = $[15];
 	let t8;
-	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground text-center text-[11px] tracking-[0.14em] uppercase lg:hidden",
-			children: "Built with QUESTPIE"
+	if ($[16] !== tagline) {
+		t8 = tagline && /* @__PURE__ */ jsx("div", {
+			className: "qa-auth-layout__tagline qa-auth-layout__tagline--mobile text-muted-foreground text-center text-[11px] tracking-[0.14em] uppercase lg:hidden",
+			children: tagline
 		});
-		$[14] = t8;
-	} else t8 = $[14];
+		$[16] = tagline;
+		$[17] = t8;
+	} else t8 = $[17];
 	let t9;
-	if ($[15] !== t6 || $[16] !== t7) {
+	if ($[18] !== t6 || $[19] !== t7 || $[20] !== t8) {
 		t9 = /* @__PURE__ */ jsx("main", {
 			className: "qa-auth-layout__form-panel flex items-center justify-center",
 			children: /* @__PURE__ */ jsxs("div", {
@@ -222,12 +235,13 @@ function AuthLayoutBuiltIn(t0) {
 				]
 			})
 		});
-		$[15] = t6;
-		$[16] = t7;
-		$[17] = t9;
-	} else t9 = $[17];
+		$[18] = t6;
+		$[19] = t7;
+		$[20] = t8;
+		$[21] = t9;
+	} else t9 = $[21];
 	let t10;
-	if ($[18] !== t3 || $[19] !== t9) {
+	if ($[22] !== t3 || $[23] !== t9) {
 		t10 = /* @__PURE__ */ jsx("div", {
 			className: "qa-auth-layout bg-background text-foreground relative flex min-h-screen items-center justify-center overflow-hidden px-5 py-8 sm:px-8",
 			children: /* @__PURE__ */ jsxs("div", {
@@ -235,10 +249,10 @@ function AuthLayoutBuiltIn(t0) {
 				children: [t3, t9]
 			})
 		});
-		$[18] = t3;
-		$[19] = t9;
-		$[20] = t10;
-	} else t10 = $[20];
+		$[22] = t3;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
 	return t10;
 }
 /**

package/dist/client/views/auth/forgot-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/client/views/auth/forgot-password-form.d.ts
 /**
@@ -53,6 +53,6 @@ declare function ForgotPasswordForm({
   defaultValues,
   className,
   error
-}: ForgotPasswordFormProps): react_jsx_runtime4.JSX.Element;
+}: ForgotPasswordFormProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { ForgotPasswordForm };

package/dist/client/views/auth/login-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/client/views/auth/login-form.d.ts
 /**
@@ -70,6 +70,6 @@ declare function LoginForm({
   className,
   error,
   minPasswordLength
-}: LoginFormProps): react_jsx_runtime3.JSX.Element;
+}: LoginFormProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { LoginForm };

package/dist/client/views/auth/reset-password-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/client/views/auth/reset-password-form.d.ts
 /**
@@ -60,6 +60,6 @@ declare function ResetPasswordForm({
   minPasswordLength,
   className,
   error
-}: ResetPasswordFormProps): react_jsx_runtime6.JSX.Element;
+}: ResetPasswordFormProps): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ResetPasswordForm };

package/dist/client/views/auth/setup-form.d.mts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
 
 //#region src/client/views/auth/setup-form.d.ts
 /**
@@ -55,6 +55,6 @@ declare function SetupForm({
   className,
   error,
   minPasswordLength
-}: SetupFormProps): react_jsx_runtime5.JSX.Element;
+}: SetupFormProps): react_jsx_runtime6.JSX.Element;
 //#endregion
 export { SetupForm, SetupFormValues };

package/dist/client/views/collection/auto-form-fields.mjs

@@ -84,6 +84,7 @@ function renderFields({ fieldItems, fields, collection, mode = "collection", reg
 			allCollectionsConfig,
 			entityMeta,
 			className: cn(item.className, spanClass),
+			extraProps: item.props,
 			renderEmbeddedFields: ({ embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex }) => /* @__PURE__ */ jsx(AutoFormFields, {
 				collection: embeddedCollection,
 				mode: "collection",
@@ -149,6 +150,7 @@ function FieldLayoutItems(t0) {
 						allCollectionsConfig,
 						entityMeta,
 						className: typeof item === "object" && "className" in item ? item.className : void 0,
+						extraProps: typeof item === "object" && "props" in item ? item.props : void 0,
 						renderEmbeddedFields: (t4) => {
 							const { embeddedCollection, embeddedCollectionConfig, fullFieldName, index: embeddedIndex } = t4;
 							return /* @__PURE__ */ jsx(AutoFormFields, {

package/dist/client/views/collection/field-renderer.mjs

@@ -144,7 +144,7 @@ function renderEmbeddedField({ context, registry, allCollectionsConfig, componen
 */
 function FieldRenderer(t0) {
 	const $ = c(31);
-	const { fieldName, fieldDef, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp } = t0;
+	const { fieldName, fieldDef, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp, extraProps } = t0;
 	const mode = t1 === void 0 ? "collection" : t1;
 	const form = useFormContext();
 	const { locale } = useScopedLocale();
@@ -271,7 +271,8 @@ function FieldRenderer(t0) {
 		readOnly: rawComponentProps.readOnly || isComputed,
 		label: resolveText(rawComponentProps.label, "", formValues),
 		description: resolveText(rawComponentProps.description, "", formValues),
-		placeholder: resolveText(rawComponentProps.placeholder, "", formValues)
+		placeholder: resolveText(rawComponentProps.placeholder, "", formValues),
+		...extraProps ?? {}
 	};
 	let content = null;
 	if (context.type === "embedded") content = renderEmbeddedField({