@questpie/admin 3.2.4 → 3.2.5

package/dist/client/views/layout/admin-theme.mjs

@@ -1,4 +1,3 @@
-import { c } from "react/compiler-runtime";
 import * as React from "react";
 
 //#region src/client/views/layout/admin-theme.ts
@@ -9,72 +8,39 @@ function getStoredAdminTheme() {
 	const stored = window.localStorage.getItem(ADMIN_THEME_STORAGE_KEY);
 	return stored === "light" || stored === "dark" || stored === "system" ? stored : "system";
 }
-function useManagedAdminTheme(controlledTheme, controlledSetTheme, t0) {
-	const $ = c(11);
-	let t1;
-	if ($[0] !== t0) {
-		t1 = t0 === void 0 ? {} : t0;
-		$[0] = t0;
-		$[1] = t1;
-	} else t1 = $[1];
-	const enabled = t1.enabled ?? true;
+function useManagedAdminTheme(controlledTheme, controlledSetTheme, options = {}) {
+	const enabled = options.enabled ?? true;
 	const [uncontrolledTheme, setUncontrolledTheme] = React.useState(getStoredAdminTheme);
 	const theme = controlledTheme ?? uncontrolledTheme;
-	let t2;
-	if ($[2] !== controlledSetTheme) {
-		t2 = (next) => {
-			if (controlledSetTheme) {
-				controlledSetTheme(next);
-				return;
-			}
-			setUncontrolledTheme(next);
-			try {
-				window.localStorage.setItem(ADMIN_THEME_STORAGE_KEY, next);
-			} catch {}
+	const setTheme = React.useCallback((next) => {
+		if (controlledSetTheme) {
+			controlledSetTheme(next);
+			return;
+		}
+		setUncontrolledTheme(next);
+		try {
+			window.localStorage.setItem(ADMIN_THEME_STORAGE_KEY, next);
+		} catch {}
+	}, [controlledSetTheme]);
+	React.useEffect(() => {
+		if (!enabled) return;
+		const root = document.documentElement;
+		const media = window.matchMedia("(prefers-color-scheme: dark)");
+		const applyTheme = () => {
+			const resolved = theme === "system" ? media.matches ? "dark" : "light" : theme;
+			root.classList.toggle("dark", resolved === "dark");
+			root.classList.toggle("light", resolved === "light");
+			root.style.colorScheme = resolved;
 		};
-		$[2] = controlledSetTheme;
-		$[3] = t2;
-	} else t2 = $[3];
-	const setTheme = t2;
-	let t3;
-	let t4;
-	if ($[4] !== enabled || $[5] !== theme) {
-		t3 = () => {
-			if (!enabled) return;
-			const root = document.documentElement;
-			const media = window.matchMedia("(prefers-color-scheme: dark)");
-			const applyTheme = () => {
-				const resolved = theme === "system" ? media.matches ? "dark" : "light" : theme;
-				root.classList.toggle("dark", resolved === "dark");
-				root.classList.toggle("light", resolved === "light");
-				root.style.colorScheme = resolved;
-			};
-			applyTheme();
-			if (theme !== "system") return;
-			media.addEventListener("change", applyTheme);
-			return () => media.removeEventListener("change", applyTheme);
-		};
-		t4 = [enabled, theme];
-		$[4] = enabled;
-		$[5] = theme;
-		$[6] = t3;
-		$[7] = t4;
-	} else {
-		t3 = $[6];
-		t4 = $[7];
-	}
-	React.useEffect(t3, t4);
-	let t5;
-	if ($[8] !== setTheme || $[9] !== theme) {
-		t5 = {
-			theme,
-			setTheme
-		};
-		$[8] = setTheme;
-		$[9] = theme;
-		$[10] = t5;
-	} else t5 = $[10];
-	return t5;
+		applyTheme();
+		if (theme !== "system") return;
+		media.addEventListener("change", applyTheme);
+		return () => media.removeEventListener("change", applyTheme);
+	}, [enabled, theme]);
+	return {
+		theme,
+		setTheme
+	};
 }
 function useHasManagedAdminTheme() {
 	return React.useContext(AdminThemeAppliedContext);

package/dist/client/views/layout/admin-view-layout.mjs

@@ -1,5 +1,4 @@
 import { cn } from "../../lib/utils.mjs";
-import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -7,154 +6,51 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const adminViewTitleClassName = "qa-admin-view-header__title text-foreground min-w-0 truncate text-lg font-semibold tracking-tight text-balance md:text-xl";
 const adminViewDescriptionClassName = "text-muted-foreground mt-1 line-clamp-2 text-sm";
 const adminViewMetaClassName = "text-muted-foreground mt-1 flex min-w-0 flex-wrap items-center gap-x-2 gap-y-1 font-mono text-xs tabular-nums";
-function AdminViewLayout(t0) {
-	const $ = c(13);
-	const { header, children, className, contentClassName } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = cn("qa-admin-view-layout flex h-full min-h-0 flex-col overflow-hidden", className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== header) {
-		t2 = header && /* @__PURE__ */ jsx("div", {
+function AdminViewLayout({ header, children, className, contentClassName }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("qa-admin-view-layout flex h-full min-h-0 flex-col overflow-hidden", className),
+		children: [header && /* @__PURE__ */ jsx("div", {
 			className: "shrink-0",
 			children: header
-		});
-		$[2] = header;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== contentClassName) {
-		t3 = cn("qa-admin-view-layout__content min-h-0 min-w-0 flex-1 overflow-hidden", contentClassName);
-		$[4] = contentClassName;
-		$[5] = t3;
-	} else t3 = $[5];
-	let t4;
-	if ($[6] !== children || $[7] !== t3) {
-		t4 = /* @__PURE__ */ jsx("div", {
-			className: t3,
+		}), /* @__PURE__ */ jsx("div", {
+			className: cn("qa-admin-view-layout__content min-h-0 min-w-0 flex-1 overflow-hidden", contentClassName),
 			children
-		});
-		$[6] = children;
-		$[7] = t3;
-		$[8] = t4;
-	} else t4 = $[8];
-	let t5;
-	if ($[9] !== t1 || $[10] !== t2 || $[11] !== t4) {
-		t5 = /* @__PURE__ */ jsxs("div", {
-			className: t1,
-			children: [t2, t4]
-		});
-		$[9] = t1;
-		$[10] = t2;
-		$[11] = t4;
-		$[12] = t5;
-	} else t5 = $[12];
-	return t5;
+		})]
+	});
 }
-function AdminViewHeader(t0) {
-	const $ = c(26);
-	const { title, titleAccessory, description, meta, actions, className, titleClassName } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = cn("qa-admin-view-header px-0 pt-0 pb-2", className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] !== titleClassName) {
-		t2 = cn(adminViewTitleClassName, titleClassName);
-		$[2] = titleClassName;
-		$[3] = t2;
-	} else t2 = $[3];
-	let t3;
-	if ($[4] !== t2 || $[5] !== title) {
-		t3 = /* @__PURE__ */ jsx("h1", {
-			className: t2,
-			children: title
-		});
-		$[4] = t2;
-		$[5] = title;
-		$[6] = t3;
-	} else t3 = $[6];
-	let t4;
-	if ($[7] !== t3 || $[8] !== titleAccessory) {
-		t4 = /* @__PURE__ */ jsxs("div", {
-			className: "flex min-w-0 flex-wrap items-center gap-2.5",
-			children: [t3, titleAccessory]
-		});
-		$[7] = t3;
-		$[8] = titleAccessory;
-		$[9] = t4;
-	} else t4 = $[9];
-	let t5;
-	if ($[10] !== meta) {
-		t5 = meta && /* @__PURE__ */ jsx("div", {
-			className: cn("qa-admin-view-header__meta", adminViewMetaClassName),
-			children: meta
-		});
-		$[10] = meta;
-		$[11] = t5;
-	} else t5 = $[11];
-	let t6;
-	if ($[12] !== description) {
-		t6 = description && /* @__PURE__ */ jsx("div", {
-			className: cn("qa-admin-view-header__description", adminViewDescriptionClassName),
-			children: description
-		});
-		$[12] = description;
-		$[13] = t6;
-	} else t6 = $[13];
-	let t7;
-	if ($[14] !== t4 || $[15] !== t5 || $[16] !== t6) {
-		t7 = /* @__PURE__ */ jsx("div", {
-			className: "flex min-w-0 flex-1 items-start gap-3",
-			children: /* @__PURE__ */ jsxs("div", {
-				className: "min-w-0 flex-1",
-				children: [
-					t4,
-					t5,
-					t6
-				]
-			})
-		});
-		$[14] = t4;
-		$[15] = t5;
-		$[16] = t6;
-		$[17] = t7;
-	} else t7 = $[17];
-	let t8;
-	if ($[18] !== actions) {
-		t8 = actions && /* @__PURE__ */ jsx("div", {
-			className: "qa-admin-view-header__actions flex shrink-0 flex-wrap items-center gap-1.5 sm:justify-end",
-			children: actions
-		});
-		$[18] = actions;
-		$[19] = t8;
-	} else t8 = $[19];
-	let t9;
-	if ($[20] !== t7 || $[21] !== t8) {
-		t9 = /* @__PURE__ */ jsxs("div", {
+function AdminViewHeader({ title, titleAccessory, description, meta, actions, className, titleClassName }) {
+	return /* @__PURE__ */ jsx("header", {
+		className: cn("qa-admin-view-header px-0 pt-0 pb-2", className),
+		children: /* @__PURE__ */ jsxs("div", {
 			className: "flex min-w-0 flex-col gap-2.5 sm:flex-row sm:items-start sm:justify-between sm:gap-3",
-			children: [t7, t8]
-		});
-		$[20] = t7;
-		$[21] = t8;
-		$[22] = t9;
-	} else t9 = $[22];
-	let t10;
-	if ($[23] !== t1 || $[24] !== t9) {
-		t10 = /* @__PURE__ */ jsx("header", {
-			className: t1,
-			children: t9
-		});
-		$[23] = t1;
-		$[24] = t9;
-		$[25] = t10;
-	} else t10 = $[25];
-	return t10;
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "flex min-w-0 flex-1 items-start gap-3",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "flex min-w-0 flex-wrap items-center gap-2.5",
+							children: [/* @__PURE__ */ jsx("h1", {
+								className: cn(adminViewTitleClassName, titleClassName),
+								children: title
+							}), titleAccessory]
+						}),
+						meta && /* @__PURE__ */ jsx("div", {
+							className: cn("qa-admin-view-header__meta", adminViewMetaClassName),
+							children: meta
+						}),
+						description && /* @__PURE__ */ jsx("div", {
+							className: cn("qa-admin-view-header__description", adminViewDescriptionClassName),
+							children: description
+						})
+					]
+				})
+			}), actions && /* @__PURE__ */ jsx("div", {
+				className: "qa-admin-view-header__actions flex shrink-0 flex-wrap items-center gap-1.5 sm:justify-end",
+				children: actions
+			})]
+		})
+	});
 }
 
 //#endregion

package/dist/client/views/pages/accept-invite-page.d.mts

@@ -1,5 +1,5 @@
 import * as React from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime7 from "react/jsx-runtime";
 
 //#region src/client/views/pages/accept-invite-page.d.ts
 
@@ -61,6 +61,6 @@ declare function AcceptInvitePage({
   redirectTo,
   loginPath,
   minPasswordLength
-}: AcceptInvitePageProps): react_jsx_runtime8.JSX.Element;
+}: AcceptInvitePageProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { AcceptInvitePage };