@questpie/admin 3.0.4 → 3.0.6

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/runtime/index.mjs

@@ -1,4 +1,4 @@
-import { AdminProvider, selectAdmin, selectAuthClient, selectBasePath, selectBrandName, selectClient, selectContentLocale, selectNavigate, selectRealtime, selectSetContentLocale, useAdminStore } from "./provider.mjs";
+import { AdminProvider, selectAdmin, selectAuthClient, selectBasePath, selectClient, selectContentLocale, selectNavigate, selectRealtime, selectSetContentLocale, useAdminStore } from "./provider.mjs";
 import { useSafeContentLocales } from "./content-locales-provider.mjs";
 import { LocaleScopeProvider, useScopedLocale } from "./locale-scope.mjs";
 import { useShallow } from "zustand/shallow";

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

@@ -2,6 +2,7 @@ import { I18nAdapter } from "../i18n/types.mjs";
 import { AdminState as AdminState$1, BlockDefinitionMap, ComponentDefinitionMap, FieldDefinitionMap, PageDefinitionMap, TranslationsMap, ViewDefinitionMap, WidgetDefinitionMap } from "../builder/admin-types.mjs";
 import { Admin, AdminInput } from "../builder/admin.mjs";
 import { AnyQuestpieClient } from "../builder/index.mjs";
+import { BrandLogoConfig } from "../types/admin-config.mjs";
 import { NavigationGroup } from "./routes.mjs";
 import { ReactElement, ReactNode } from "react";
 import { QueryClient } from "@tanstack/react-query";
@@ -22,6 +23,9 @@ interface AdminState {
   setContentLocale: (locale: string) => void;
   navigation: NavigationGroup[];
   brandName: string;
+  brandLogo: BrandLogoConfig | null;
+  brandTagline: string | null;
+  brandFavicon: string | null;
 }
 type AdminStore = ReturnType<typeof createAdminStore>;
 interface CreateAdminStoreProps {

package/dist/client/runtime/provider.mjs

@@ -51,7 +51,10 @@ function createAdminStore({ admin, client, authClient, basePath, navigate, realt
 			set({ contentLocale: newLocale });
 		},
 		navigation: buildNavigation(admin, { basePath }),
-		brandName: "Admin"
+		brandName: "Admin",
+		brandLogo: null,
+		brandTagline: null,
+		brandFavicon: null
 	}));
 }
 const AdminStoreContext = createContext(null);
@@ -317,6 +320,28 @@ function AdminProvider(t0) {
 function _temp(s) {
 	return s.contentLocale;
 }
+function resolveBrandText(value, fallback) {
+	if (typeof value === "string") return value;
+	if (value && typeof value === "object") {
+		const obj = value;
+		if (typeof obj.en === "string") return obj.en;
+		const first = Object.values(obj).find((v) => typeof v === "string");
+		if (typeof first === "string") return first;
+	}
+	return fallback;
+}
+function applyFavicon(href) {
+	if (typeof document === "undefined" || !href) return;
+	const FAVICON_ID = "qa-brand-favicon";
+	let link = document.getElementById(FAVICON_ID);
+	if (!link) {
+		link = document.createElement("link");
+		link.id = FAVICON_ID;
+		link.rel = "icon";
+		document.head.appendChild(link);
+	}
+	link.href = href;
+}
 function BrandingSync() {
 	const $ = c(3);
 	const store = useContext(AdminStoreContext);
@@ -328,11 +353,18 @@ function BrandingSync() {
 			const client = store.getState().client;
 			if (!client || !client.routes?.getAdminConfig) return;
 			client.routes.getAdminConfig().then((config) => {
-				if (config?.branding?.name) {
-					const name = config.branding.name;
-					const resolved = typeof name === "string" ? name : typeof name === "object" && name !== null ? name.en ?? Object.values(name)[0] ?? "Admin" : "Admin";
-					store.setState({ brandName: resolved });
+				const branding = config?.branding;
+				if (!branding) return;
+				const next = {};
+				if (branding.name !== void 0) next.brandName = resolveBrandText(branding.name, "Admin");
+				if (branding.logo !== void 0) next.brandLogo = branding.logo ?? null;
+				if (branding.tagline !== void 0) next.brandTagline = branding.tagline ? resolveBrandText(branding.tagline, "") : null;
+				if (branding.favicon !== void 0) {
+					const favicon = branding.favicon ?? null;
+					next.brandFavicon = favicon;
+					applyFavicon(favicon);
 				}
+				if (Object.keys(next).length > 0) store.setState(next);
 			}).catch(_temp2);
 		};
 		t1 = [store];
@@ -393,8 +425,6 @@ const selectRealtime = (s) => s.realtime;
 const selectContentLocale = (s) => s.contentLocale;
 /** Select setContentLocale function */
 const selectSetContentLocale = (s) => s.setContentLocale;
-/** Select brand name */
-const selectBrandName = (s) => s.brandName;
 
 //#endregion
-export { AdminProvider, selectAdmin, selectAuthClient, selectBasePath, selectBrandName, selectClient, selectContentLocale, selectNavigate, selectRealtime, selectSetContentLocale, useAdminStore, useAdminStoreRaw };
+export { AdminProvider, selectAdmin, selectAuthClient, selectBasePath, selectClient, selectContentLocale, selectNavigate, selectRealtime, selectSetContentLocale, useAdminStore, useAdminStoreRaw };

package/dist/client/styles/base.css

@@ -58,6 +58,7 @@
    --font-sans           Default for all UI body text and content
    --font-mono           Technical content: code, kbd, IDs, timestamps
    --font-chrome         UI chrome (buttons, labels, inputs, tabs, badges)
+   --font-heading        Headings (h1-h6); defaults to var(--font-sans)
 
    -- Spacing ------------------------------------------------
    --spacing-card        Internal card/panel padding (default: 16px)
@@ -139,6 +140,7 @@
 	--font-mono:
 		"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;
 	--font-chrome: var(--font-sans);
+	--font-heading: var(--font-sans);
 
 	/* Spacing Scale */
 	--spacing-section: 1.5rem;
@@ -236,6 +238,7 @@
 	--font-mono:
 		"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, monospace;
 	--font-chrome: var(--font-sans);
+	--font-heading: var(--font-heading);
 
 	/* Radius: Autopilot neutral-soft ladder */
 	--radius-xs: 4px;
@@ -744,6 +747,7 @@
 	h4,
 	h5,
 	h6 {
+		font-family: var(--font-heading);
 		letter-spacing: -0.02em;
 		text-wrap: balance;
 	}

package/dist/client/types/admin-config.d.mts

@@ -0,0 +1,24 @@
+import { I18nText } from "../i18n/types.mjs";
+import "../../server/augmentation.mjs";
+import "../../server/block/index.mjs";
+
+//#region src/client/types/admin-config.d.ts
+
+type BrandLogoConfig = string | {
+  src: string;
+  srcDark?: string;
+  alt?: string;
+  width?: number;
+  height?: number;
+} | {
+  type: string;
+  props?: Record<string, unknown>;
+};
+type BrandingConfig = {
+  name?: I18nText;
+  logo?: BrandLogoConfig;
+  tagline?: I18nText;
+  favicon?: string;
+};
+//#endregion
+export { BrandLogoConfig, BrandingConfig };

package/dist/client/views/auth/auth-layout.d.mts

@@ -22,6 +22,11 @@ type AuthLayoutProps = {
   /** Additional class name for the card */
   className?: string;
 };
+declare function AuthDefaultLogo({
+  brandName
+}: {
+  brandName: string;
+}): react_jsx_runtime1.JSX.Element;
 /**
  * Minimal split layout for authentication pages (login, register, forgot password, etc.)
  *
@@ -47,4 +52,4 @@ type AuthLayoutProps = {
  */
 declare function AuthLayout(props: AuthLayoutProps): react_jsx_runtime1.JSX.Element;
 //#endregion
-export { AuthLayout, AuthLayoutProps };
+export { AuthDefaultLogo, AuthLayout, AuthLayoutProps };

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;
 }
 /**