@questpie/admin 3.0.3 → 3.0.4

package/dist/client/components/actions/action-dialog.mjs

@@ -3,11 +3,12 @@
 import { useResolveText, useTranslation } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Button } from "../ui/button.mjs";
+import { Skeleton } from "../ui/skeleton.mjs";
 import { buildValidationSchema } from "../../builder/validation.mjs";
+import { useValidationErrorMap } from "../../hooks/use-validation-error-map.mjs";
 import { AutoFormFields } from "../../views/collection/auto-form-fields.mjs";
 import { ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle } from "../ui/responsive-dialog.mjs";
 import { c } from "react/compiler-runtime";
-import { Icon } from "@iconify/react";
 import * as React from "react";
 import { useQueryClient } from "@tanstack/react-query";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -26,7 +27,7 @@ import { toast } from "sonner";
 * Create a custom resolver for action form validation
 * Uses buildValidationSchema and handles Zod v4 compatibility
 */
-function createActionFormResolver(fields) {
+function createActionFormResolver(fields, errorMap) {
 	const schema = buildValidationSchema(fields);
 	return async (values) => {
 		const result = schema.safeParse(values);
@@ -37,10 +38,13 @@ function createActionFormResolver(fields) {
 		const errors = {};
 		for (const issue of result.error.issues) {
 			const path = issue.path.join(".");
-			if (path && !errors[path]) errors[path] = {
-				type: issue.code,
-				message: issue.message
-			};
+			if (path && !errors[path]) {
+				const { message } = errorMap(issue);
+				errors[path] = {
+					type: issue.code,
+					message
+				};
+			}
 		}
 		return {
 			values: {},
@@ -55,41 +59,64 @@ function createActionFormResolver(fields) {
 * from field definitions, providing full field system support.
 */
 function FormDialogContent(t0) {
-	const $ = c(60);
+	const $ = c(66);
 	const { action, ctx, onClose } = t0;
 	const { config } = action.handler;
 	const resolveText = useResolveText();
 	const { t } = useTranslation();
-	let t1;
+	const errorMap = useValidationErrorMap();
+	let values;
 	if ($[0] !== config.fields) {
-		t1 = createActionFormResolver(config.fields);
+		values = {};
+		for (const [fieldName, fieldDef] of Object.entries(config.fields)) {
+			const options = fieldDef["~options"];
+			if (options?.defaultValue !== void 0) values[fieldName] = options.defaultValue;
+		}
 		$[0] = config.fields;
-		$[1] = t1;
-	} else t1 = $[1];
-	const resolver = t1;
-	let t2;
+		$[1] = values;
+	} else values = $[1];
+	let t1;
 	if ($[2] !== config.defaultValues) {
-		t2 = config.defaultValues || {};
+		t1 = config.defaultValues || {};
 		$[2] = config.defaultValues;
-		$[3] = t2;
-	} else t2 = $[3];
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t1 || $[5] !== values) {
+		t2 = {
+			...values,
+			...t1
+		};
+		$[4] = t1;
+		$[5] = values;
+		$[6] = t2;
+	} else t2 = $[6];
+	const defaultValues = t2;
 	let t3;
-	if ($[4] !== resolver || $[5] !== t2) {
-		t3 = {
-			defaultValues: t2,
+	if ($[7] !== config.fields || $[8] !== errorMap) {
+		t3 = createActionFormResolver(config.fields, errorMap);
+		$[7] = config.fields;
+		$[8] = errorMap;
+		$[9] = t3;
+	} else t3 = $[9];
+	const resolver = t3;
+	let t4;
+	if ($[10] !== defaultValues || $[11] !== resolver) {
+		t4 = {
+			defaultValues,
 			resolver
 		};
-		$[4] = resolver;
-		$[5] = t2;
-		$[6] = t3;
-	} else t3 = $[6];
-	const form = useForm(t3);
+		$[10] = defaultValues;
+		$[11] = resolver;
+		$[12] = t4;
+	} else t4 = $[12];
+	const form = useForm(t4);
 	const [isSubmitting, setIsSubmitting] = React.useState(false);
-	let t4;
-	if ($[7] !== config || $[8] !== ctx || $[9] !== form || $[10] !== onClose || $[11] !== t) {
-		let t5$1;
-		if ($[13] !== config || $[14] !== ctx || $[15] !== onClose || $[16] !== t) {
-			t5$1 = async (data) => {
+	let t5;
+	if ($[13] !== config || $[14] !== ctx || $[15] !== form || $[16] !== onClose || $[17] !== t) {
+		let t6$1;
+		if ($[19] !== config || $[20] !== ctx || $[21] !== onClose || $[22] !== t) {
+			t6$1 = async (data) => {
 				setIsSubmitting(true);
 				const submitPromise = async () => {
 					await config.onSubmit(data, ctx);
@@ -107,141 +134,141 @@ function FormDialogContent(t0) {
 					}
 				});
 			};
-			$[13] = config;
-			$[14] = ctx;
-			$[15] = onClose;
-			$[16] = t;
-			$[17] = t5$1;
-		} else t5$1 = $[17];
-		t4 = form.handleSubmit(t5$1);
-		$[7] = config;
-		$[8] = ctx;
-		$[9] = form;
-		$[10] = onClose;
-		$[11] = t;
-		$[12] = t4;
-	} else t4 = $[12];
-	const handleSubmit = t4;
-	const t5 = config.fields;
-	let t6;
-	if ($[18] !== t5) {
-		t6 = { fields: t5 };
+			$[19] = config;
+			$[20] = ctx;
+			$[21] = onClose;
+			$[22] = t;
+			$[23] = t6$1;
+		} else t6$1 = $[23];
+		t5 = form.handleSubmit(t6$1);
+		$[13] = config;
+		$[14] = ctx;
+		$[15] = form;
+		$[16] = onClose;
+		$[17] = t;
 		$[18] = t5;
-		$[19] = t6;
-	} else t6 = $[19];
-	const collectionConfig = t6;
+	} else t5 = $[18];
+	const handleSubmit = t5;
+	const t6 = config.fields;
 	let t7;
-	if ($[20] !== config.title || $[21] !== resolveText) {
-		t7 = resolveText(config.title);
-		$[20] = config.title;
-		$[21] = resolveText;
-		$[22] = t7;
-	} else t7 = $[22];
+	if ($[24] !== t6) {
+		t7 = { fields: t6 };
+		$[24] = t6;
+		$[25] = t7;
+	} else t7 = $[25];
+	const collectionConfig = t7;
 	let t8;
-	if ($[23] !== t7) {
-		t8 = /* @__PURE__ */ jsx(ResponsiveDialogTitle, { children: t7 });
-		$[23] = t7;
-		$[24] = t8;
-	} else t8 = $[24];
+	if ($[26] !== config.title || $[27] !== resolveText) {
+		t8 = resolveText(config.title);
+		$[26] = config.title;
+		$[27] = resolveText;
+		$[28] = t8;
+	} else t8 = $[28];
 	let t9;
-	if ($[25] !== config.description || $[26] !== resolveText) {
-		t9 = config.description && /* @__PURE__ */ jsx(ResponsiveDialogDescription, { children: resolveText(config.description) });
-		$[25] = config.description;
-		$[26] = resolveText;
-		$[27] = t9;
-	} else t9 = $[27];
+	if ($[29] !== t8) {
+		t9 = /* @__PURE__ */ jsx(ResponsiveDialogTitle, { children: t8 });
+		$[29] = t8;
+		$[30] = t9;
+	} else t9 = $[30];
 	let t10;
-	if ($[28] !== t8 || $[29] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(ResponsiveDialogHeader, { children: [t8, t9] });
-		$[28] = t8;
-		$[29] = t9;
-		$[30] = t10;
-	} else t10 = $[30];
+	if ($[31] !== config.description || $[32] !== resolveText) {
+		t10 = config.description && /* @__PURE__ */ jsx(ResponsiveDialogDescription, { children: resolveText(config.description) });
+		$[31] = config.description;
+		$[32] = resolveText;
+		$[33] = t10;
+	} else t10 = $[33];
 	let t11;
-	if ($[31] !== collectionConfig) {
-		t11 = /* @__PURE__ */ jsx(AutoFormFields, {
+	if ($[34] !== t10 || $[35] !== t9) {
+		t11 = /* @__PURE__ */ jsxs(ResponsiveDialogHeader, { children: [t9, t10] });
+		$[34] = t10;
+		$[35] = t9;
+		$[36] = t11;
+	} else t11 = $[36];
+	let t12;
+	if ($[37] !== collectionConfig) {
+		t12 = /* @__PURE__ */ jsx(AutoFormFields, {
 			collection: "__action__",
 			config: collectionConfig
 		});
-		$[31] = collectionConfig;
-		$[32] = t11;
-	} else t11 = $[32];
-	let t12;
-	if ($[33] !== config.cancelLabel || $[34] !== resolveText || $[35] !== t) {
-		t12 = resolveText(config.cancelLabel, t("common.cancel"));
-		$[33] = config.cancelLabel;
-		$[34] = resolveText;
-		$[35] = t;
-		$[36] = t12;
-	} else t12 = $[36];
+		$[37] = collectionConfig;
+		$[38] = t12;
+	} else t12 = $[38];
 	let t13;
-	if ($[37] !== isSubmitting || $[38] !== onClose || $[39] !== t12) {
-		t13 = /* @__PURE__ */ jsx(Button, {
+	if ($[39] !== config.cancelLabel || $[40] !== resolveText || $[41] !== t) {
+		t13 = resolveText(config.cancelLabel, t("common.cancel"));
+		$[39] = config.cancelLabel;
+		$[40] = resolveText;
+		$[41] = t;
+		$[42] = t13;
+	} else t13 = $[42];
+	let t14;
+	if ($[43] !== isSubmitting || $[44] !== onClose || $[45] !== t13) {
+		t14 = /* @__PURE__ */ jsx(Button, {
 			type: "button",
 			variant: "outline",
 			onClick: onClose,
 			disabled: isSubmitting,
-			children: t12
+			children: t13
 		});
-		$[37] = isSubmitting;
-		$[38] = onClose;
-		$[39] = t12;
-		$[40] = t13;
-	} else t13 = $[40];
-	let t14;
-	if ($[41] !== config.submitLabel || $[42] !== isSubmitting || $[43] !== resolveText || $[44] !== t) {
-		t14 = isSubmitting ? t("common.loading") : resolveText(config.submitLabel, t("common.submit"));
-		$[41] = config.submitLabel;
-		$[42] = isSubmitting;
-		$[43] = resolveText;
-		$[44] = t;
-		$[45] = t14;
-	} else t14 = $[45];
+		$[43] = isSubmitting;
+		$[44] = onClose;
+		$[45] = t13;
+		$[46] = t14;
+	} else t14 = $[46];
 	let t15;
-	if ($[46] !== isSubmitting || $[47] !== t14) {
-		t15 = /* @__PURE__ */ jsx(Button, {
+	if ($[47] !== config.submitLabel || $[48] !== isSubmitting || $[49] !== resolveText || $[50] !== t) {
+		t15 = isSubmitting ? t("common.loading") : resolveText(config.submitLabel, t("common.submit"));
+		$[47] = config.submitLabel;
+		$[48] = isSubmitting;
+		$[49] = resolveText;
+		$[50] = t;
+		$[51] = t15;
+	} else t15 = $[51];
+	let t16;
+	if ($[52] !== isSubmitting || $[53] !== t15) {
+		t16 = /* @__PURE__ */ jsx(Button, {
 			type: "submit",
 			disabled: isSubmitting,
-			children: t14
+			children: t15
 		});
-		$[46] = isSubmitting;
-		$[47] = t14;
-		$[48] = t15;
-	} else t15 = $[48];
-	let t16;
-	if ($[49] !== t13 || $[50] !== t15) {
-		t16 = /* @__PURE__ */ jsxs(ResponsiveDialogFooter, {
+		$[52] = isSubmitting;
+		$[53] = t15;
+		$[54] = t16;
+	} else t16 = $[54];
+	let t17;
+	if ($[55] !== t14 || $[56] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(ResponsiveDialogFooter, {
 			className: "mt-6",
-			children: [t13, t15]
+			children: [t14, t16]
 		});
-		$[49] = t13;
-		$[50] = t15;
-		$[51] = t16;
-	} else t16 = $[51];
-	let t17;
-	if ($[52] !== handleSubmit || $[53] !== t11 || $[54] !== t16) {
-		t17 = /* @__PURE__ */ jsxs("form", {
+		$[55] = t14;
+		$[56] = t16;
+		$[57] = t17;
+	} else t17 = $[57];
+	let t18;
+	if ($[58] !== handleSubmit || $[59] !== t12 || $[60] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("form", {
 			onSubmit: handleSubmit,
 			className: "space-y-4",
-			children: [t11, t16]
+			children: [t12, t17]
 		});
-		$[52] = handleSubmit;
-		$[53] = t11;
-		$[54] = t16;
-		$[55] = t17;
-	} else t17 = $[55];
-	let t18;
-	if ($[56] !== form || $[57] !== t10 || $[58] !== t17) {
-		t18 = /* @__PURE__ */ jsxs(FormProvider, {
+		$[58] = handleSubmit;
+		$[59] = t12;
+		$[60] = t17;
+		$[61] = t18;
+	} else t18 = $[61];
+	let t19;
+	if ($[62] !== form || $[63] !== t11 || $[64] !== t18) {
+		t19 = /* @__PURE__ */ jsxs(FormProvider, {
 			...form,
-			children: [t10, t17]
+			children: [t11, t18]
 		});
-		$[56] = form;
-		$[57] = t10;
-		$[58] = t17;
-		$[59] = t18;
-	} else t18 = $[59];
-	return t18;
+		$[62] = form;
+		$[63] = t11;
+		$[64] = t18;
+		$[65] = t19;
+	} else t19 = $[65];
+	return t19;
 }
 /**
 * Custom Dialog content - renders lazy-loaded component
@@ -255,6 +282,7 @@ function CustomDialogContent(t0) {
 	const [loading, setLoading] = React.useState(true);
 	const [error, setError] = React.useState(null);
 	let t1;
+	let t2;
 	if ($[0] !== handler.component || $[1] !== t) {
 		t1 = () => {
 			let mounted = true;
@@ -289,8 +317,8 @@ function CustomDialogContent(t0) {
 						}
 					} else if (mounted) setComponent(() => comp);
 					if (mounted) setLoading(false);
-				} catch (t2$1) {
-					const err = t2$1;
+				} catch (t3$1) {
+					const err = t3$1;
 					if (mounted) {
 						if (err instanceof Error) setError(err);
 						else setError(new Error(t("error.failedToLoad")));
@@ -302,30 +330,44 @@ function CustomDialogContent(t0) {
 				mounted = false;
 			};
 		};
+		t2 = [handler.component, t];
 		$[0] = handler.component;
 		$[1] = t;
 		$[2] = t1;
-	} else t1 = $[2];
-	let t2;
-	if ($[3] !== handler.component) {
-		t2 = [handler.component];
-		$[3] = handler.component;
-		$[4] = t2;
-	} else t2 = $[4];
+		$[3] = t2;
+	} else {
+		t1 = $[2];
+		t2 = $[3];
+	}
 	React.useEffect(t1, t2);
 	if (loading) {
 		let t3$1;
+		if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+			t3$1 = /* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "h-4 w-24"
+				}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+			});
+			$[4] = t3$1;
+		} else t3$1 = $[4];
+		let t4$1;
 		if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
-			t3$1 = /* @__PURE__ */ jsx("div", {
-				className: "flex h-32 items-center justify-center",
-				children: /* @__PURE__ */ jsx(Icon, {
-					icon: "ph:spinner-gap",
-					className: "text-muted-foreground size-6 animate-spin"
-				})
+			t4$1 = /* @__PURE__ */ jsxs("div", {
+				className: "space-y-4 py-2",
+				"aria-busy": "true",
+				children: [t3$1, /* @__PURE__ */ jsxs("div", {
+					className: "space-y-2",
+					children: [/* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						className: "h-4 w-32"
+					}), /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })]
+				})]
 			});
-			$[5] = t3$1;
-		} else t3$1 = $[5];
-		return t3$1;
+			$[5] = t4$1;
+		} else t4$1 = $[5];
+		return t4$1;
 	}
 	if (error) {
 		let t3$1;

package/dist/client/components/actions/confirmation-dialog.mjs

@@ -62,10 +62,10 @@ function ConfirmationDialog(t0) {
 	let t3;
 	if ($[3] !== config.destructive) {
 		t3 = config.destructive && /* @__PURE__ */ jsx("div", {
-			className: "bg-destructive/10 flex size-10 shrink-0 items-center justify-center rounded-full",
+			className: "border-border-subtle bg-surface-low text-foreground-subtle flex size-10 shrink-0 items-center justify-center rounded-full border",
 			children: /* @__PURE__ */ jsx(Icon, {
 				icon: "ph:warning",
-				className: "text-destructive size-5"
+				className: "size-5"
 			})
 		});
 		$[3] = config.destructive;

package/dist/client/components/actions/header-actions.mjs

@@ -1,10 +1,8 @@
 "use client";
 
-import { useResolveText } from "../../i18n/hooks.mjs";
 import { selectAuthClient, useAdminStore } from "../../runtime/provider.mjs";
-import { resolveIconElement } from "../component-renderer.mjs";
 import { Button } from "../ui/button.mjs";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuTrigger } from "../ui/dropdown-menu.mjs";
 import { ActionButton } from "./action-button.mjs";
 import { c } from "react/compiler-runtime";
 import { Icon } from "@iconify/react";
@@ -39,9 +37,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * ```
 */
 function HeaderActions(t0) {
-	const $ = c(38);
+	const $ = c(37);
 	const { actions, collection, helpers, onOpenDialog } = t0;
-	const resolveText = useResolveText();
 	const authClient = useAdminStore(selectAuthClient);
 	const queryClient = useQueryClient();
 	let t1;
@@ -104,7 +101,7 @@ function HeaderActions(t0) {
 	let t7;
 	let t8;
 	let t9;
-	if ($[15] !== collection || $[16] !== helpers || $[17] !== onOpenDialog || $[18] !== resolveText || $[19] !== visiblePrimary || $[20] !== visibleSecondary) {
+	if ($[15] !== collection || $[16] !== helpers || $[17] !== onOpenDialog || $[18] !== visiblePrimary || $[19] !== visibleSecondary) {
 		t9 = Symbol.for("react.early_return_sentinel");
 		bb0: {
 			const regularSecondary = visibleSecondary.filter(_temp);
@@ -113,38 +110,38 @@ function HeaderActions(t0) {
 				t9 = null;
 				break bb0;
 			}
-			t6 = "qa-header-actions flex items-center gap-2";
-			if ($[25] !== collection || $[26] !== helpers || $[27] !== onOpenDialog || $[28] !== visiblePrimary) {
+			t6 = "qa-header-actions flex items-center gap-1.5";
+			if ($[24] !== collection || $[25] !== helpers || $[26] !== onOpenDialog || $[27] !== visiblePrimary) {
 				let t10$1;
-				if ($[30] !== collection || $[31] !== helpers || $[32] !== onOpenDialog) {
+				if ($[29] !== collection || $[30] !== helpers || $[31] !== onOpenDialog) {
 					t10$1 = (action_0) => /* @__PURE__ */ jsx(ActionButton, {
 						action: action_0,
 						collection,
 						helpers,
+						size: "sm",
 						onOpenDialog
 					}, action_0.id);
-					$[30] = collection;
-					$[31] = helpers;
-					$[32] = onOpenDialog;
-					$[33] = t10$1;
-				} else t10$1 = $[33];
+					$[29] = collection;
+					$[30] = helpers;
+					$[31] = onOpenDialog;
+					$[32] = t10$1;
+				} else t10$1 = $[32];
 				t7 = visiblePrimary.map(t10$1);
-				$[25] = collection;
-				$[26] = helpers;
-				$[27] = onOpenDialog;
-				$[28] = visiblePrimary;
-				$[29] = t7;
-			} else t7 = $[29];
+				$[24] = collection;
+				$[25] = helpers;
+				$[26] = onOpenDialog;
+				$[27] = visiblePrimary;
+				$[28] = t7;
+			} else t7 = $[28];
 			t8 = visibleSecondary.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
 				nativeButton: false,
 				render: /* @__PURE__ */ jsx(Button, {
 					variant: "outline",
-					size: "icon",
-					className: "size-9"
+					size: "icon-sm"
 				}),
 				children: [/* @__PURE__ */ jsx(Icon, {
 					icon: "ph:dots-three-vertical",
-					className: "size-4"
+					className: "size-3.5"
 				}), /* @__PURE__ */ jsx("span", {
 					className: "sr-only",
 					children: "More actions"
@@ -152,51 +149,53 @@ function HeaderActions(t0) {
 			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
 				align: "end",
 				children: [
-					regularSecondary.map((action_1) => {
-						return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-							onClick: () => onOpenDialog?.(action_1),
-							children: [resolveIconElement(action_1.icon, { className: "mr-2 size-4" }), resolveText(action_1.label)]
-						}, action_1.id);
-					}),
+					regularSecondary.map((action_1) => /* @__PURE__ */ jsx(ActionButton, {
+						action: action_1,
+						collection,
+						helpers,
+						size: "sm",
+						presentation: "menu",
+						onOpenDialog
+					}, action_1.id)),
 					regularSecondary.length > 0 && destructiveSecondary.length > 0 && /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-					destructiveSecondary.map((action_2) => {
-						return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-							variant: "destructive",
-							onClick: () => onOpenDialog?.(action_2),
-							children: [resolveIconElement(action_2.icon, { className: "mr-2 size-4" }), resolveText(action_2.label)]
-						}, action_2.id);
-					})
+					destructiveSecondary.map((action_2) => /* @__PURE__ */ jsx(ActionButton, {
+						action: action_2,
+						collection,
+						helpers,
+						size: "sm",
+						presentation: "menu",
+						onOpenDialog
+					}, action_2.id))
 				]
 			})] });
 		}
 		$[15] = collection;
 		$[16] = helpers;
 		$[17] = onOpenDialog;
-		$[18] = resolveText;
-		$[19] = visiblePrimary;
-		$[20] = visibleSecondary;
-		$[21] = t6;
-		$[22] = t7;
-		$[23] = t8;
-		$[24] = t9;
+		$[18] = visiblePrimary;
+		$[19] = visibleSecondary;
+		$[20] = t6;
+		$[21] = t7;
+		$[22] = t8;
+		$[23] = t9;
 	} else {
-		t6 = $[21];
-		t7 = $[22];
-		t8 = $[23];
-		t9 = $[24];
+		t6 = $[20];
+		t7 = $[21];
+		t8 = $[22];
+		t9 = $[23];
 	}
 	if (t9 !== Symbol.for("react.early_return_sentinel")) return t9;
 	let t10;
-	if ($[34] !== t6 || $[35] !== t7 || $[36] !== t8) {
+	if ($[33] !== t6 || $[34] !== t7 || $[35] !== t8) {
 		t10 = /* @__PURE__ */ jsxs("div", {
 			className: t6,
 			children: [t7, t8]
 		});
-		$[34] = t6;
-		$[35] = t7;
-		$[36] = t8;
-		$[37] = t10;
-	} else t10 = $[37];
+		$[33] = t6;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t10;
+	} else t10 = $[36];
 	return t10;
 }
 function _temp2(a_0) {

package/dist/client/components/admin-link.d.mts

@@ -1,6 +1,6 @@
 import { CollectionNames, GlobalNames } from "../builder/index.mjs";
 import * as React from "react";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { QuestpieApp } from "questpie/client";
 
 //#region src/client/components/admin-link.d.ts
@@ -61,6 +61,6 @@ declare function AdminLink<TApp extends QuestpieApp>({
   children,
   onClick,
   ...rest
-}: AdminLinkProps<TApp>): react_jsx_runtime12.JSX.Element;
+}: AdminLinkProps<TApp>): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { AdminLink };