camox 0.18.2 → 0.20.0

package/dist/features/preview/components/LinkFieldEditor.js

@@ -1,6 +1,7 @@
 import { useProjectSlug } from "../../../lib/auth.js";
 import { pageQueries, projectQueries } from "../../../lib/queries.js";
 import { cn, formatPathSegment } from "../../../lib/utils.js";
+import { useDebouncedField } from "../../../hooks/use-debounced-field.js";
 import { c } from "react/compiler-runtime";
 import { Input } from "@camox/ui/input";
 import { Label } from "@camox/ui/label";
@@ -24,10 +25,10 @@ const normalizeLinkValue = (value) => {
 	return value;
 };
 const LinkFieldEditor = (t0) => {
-	const $ = c(76);
-	if ($[0] !== "fe9989574021dca3d84b6e4d5a16b1a739d91ba1250a8a3ea4bc0adfe2cf5512") {
-		for (let $i = 0; $i < 76; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
-		$[0] = "fe9989574021dca3d84b6e4d5a16b1a739d91ba1250a8a3ea4bc0adfe2cf5512";
+	const $ = c(79);
+	if ($[0] !== "95e7177e7020f25e169b343158727482bdf3b88263993823abf2f5febed7d12e") {
+		for (let $i = 0; $i < 79; $i += 1) $[$i] = Symbol.for("react.memo_cache_sentinel");
+		$[0] = "95e7177e7020f25e169b343158727482bdf3b88263993823abf2f5febed7d12e";
 	}
 	const { fieldName, linkValue: rawLinkValue, onSave } = t0;
 	let t1;
@@ -37,382 +38,332 @@ const LinkFieldEditor = (t0) => {
 		$[2] = t1;
 	} else t1 = $[2];
 	const linkValue = t1;
-	const timerRef = React.useRef(null);
-	const [text, setText] = React.useState(linkValue.text);
-	const [href, setHref] = React.useState(linkValue.type === "external" ? linkValue.href : "");
-	const [isTextFocused, setIsTextFocused] = React.useState(false);
-	const [isHrefFocused, setIsHrefFocused] = React.useState(false);
 	const linkValueRef = React.useRef(linkValue);
-	const [pagePickerOpen, setPagePickerOpen] = React.useState(false);
-	const projectSlug = useProjectSlug();
 	let t2;
-	if ($[3] !== projectSlug) {
-		t2 = projectQueries.getBySlug(projectSlug);
-		$[3] = projectSlug;
-		$[4] = t2;
-	} else t2 = $[4];
-	const { data: project } = useQuery(t2);
 	let t3;
-	if ($[5] !== project?.id) {
-		t3 = pageQueries.list(project?.id ?? 0);
-		$[5] = project?.id;
-		$[6] = t3;
-	} else t3 = $[6];
-	const t4 = !!project;
-	let t5;
-	if ($[7] !== t3 || $[8] !== t4) {
-		t5 = {
-			...t3,
-			enabled: t4
-		};
-		$[7] = t3;
-		$[8] = t4;
-		$[9] = t5;
-	} else t5 = $[9];
-	const { data: pages } = useQuery(t5);
-	const selectedPage = linkValue.type === "page" ? pages?.find((p) => String(p.id) === linkValue.pageId) : null;
-	let t6;
-	let t7;
-	if ($[10] !== linkValue) {
-		t6 = () => {
+	if ($[3] !== linkValue) {
+		t2 = () => {
 			linkValueRef.current = linkValue;
 		};
-		t7 = [linkValue];
-		$[10] = linkValue;
-		$[11] = t6;
-		$[12] = t7;
+		t3 = [linkValue];
+		$[3] = linkValue;
+		$[4] = t2;
+		$[5] = t3;
 	} else {
-		t6 = $[11];
-		t7 = $[12];
+		t2 = $[4];
+		t3 = $[5];
 	}
-	React.useEffect(t6, t7);
-	let t8;
+	React.useEffect(t2, t3);
+	let t4;
+	if ($[6] !== fieldName || $[7] !== onSave) {
+		t4 = (value) => onSave(fieldName, {
+			...linkValueRef.current,
+			text: value
+		});
+		$[6] = fieldName;
+		$[7] = onSave;
+		$[8] = t4;
+	} else t4 = $[8];
+	const textField = useDebouncedField(linkValue.text, t4);
+	let t5;
+	if ($[9] !== fieldName || $[10] !== onSave) {
+		t5 = (value_0) => onSave(fieldName, {
+			...linkValueRef.current,
+			href: value_0
+		});
+		$[9] = fieldName;
+		$[10] = onSave;
+		$[11] = t5;
+	} else t5 = $[11];
+	const hrefField = useDebouncedField(linkValue.type === "external" ? linkValue.href : "", t5);
+	const [pagePickerOpen, setPagePickerOpen] = React.useState(false);
+	const projectSlug = useProjectSlug();
+	let t6;
+	if ($[12] !== projectSlug) {
+		t6 = projectQueries.getBySlug(projectSlug);
+		$[12] = projectSlug;
+		$[13] = t6;
+	} else t6 = $[13];
+	const { data: project } = useQuery(t6);
+	let t7;
+	if ($[14] !== project?.id) {
+		t7 = pageQueries.list(project?.id ?? 0);
+		$[14] = project?.id;
+		$[15] = t7;
+	} else t7 = $[15];
+	const t8 = !!project;
 	let t9;
-	if ($[13] !== isTextFocused || $[14] !== linkValue.text) {
-		t8 = () => {
-			if (!isTextFocused) setText(linkValue.text);
+	if ($[16] !== t7 || $[17] !== t8) {
+		t9 = {
+			...t7,
+			enabled: t8
 		};
-		t9 = [linkValue.text, isTextFocused];
-		$[13] = isTextFocused;
-		$[14] = linkValue.text;
-		$[15] = t8;
-		$[16] = t9;
-	} else {
-		t8 = $[15];
-		t9 = $[16];
-	}
-	React.useEffect(t8, t9);
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	const { data: pages } = useQuery(t9);
 	let t10;
-	if ($[17] !== isHrefFocused || $[18] !== linkValue.href || $[19] !== linkValue.type) {
-		t10 = () => {
-			if (linkValue.type === "external" && !isHrefFocused) setHref(linkValue.href);
-		};
-		$[17] = isHrefFocused;
-		$[18] = linkValue.href;
-		$[19] = linkValue.type;
-		$[20] = t10;
-	} else t10 = $[20];
 	let t11;
-	if ($[21] !== isHrefFocused || $[22] !== linkValue) {
-		t11 = [linkValue, isHrefFocused];
-		$[21] = isHrefFocused;
-		$[22] = linkValue;
-		$[23] = t11;
-	} else t11 = $[23];
-	React.useEffect(t10, t11);
 	let t12;
 	let t13;
-	if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-		t12 = () => () => {
-			if (timerRef.current) clearTimeout(timerRef.current);
-		};
-		t13 = [];
-		$[24] = t12;
-		$[25] = t13;
-	} else {
-		t12 = $[24];
-		t13 = $[25];
-	}
-	React.useEffect(t12, t13);
 	let t14;
-	if ($[26] !== fieldName || $[27] !== onSave) {
-		t14 = (value) => {
-			if (timerRef.current) clearTimeout(timerRef.current);
-			timerRef.current = window.setTimeout(() => {
-				onSave(fieldName, {
-					...linkValueRef.current,
-					text: value
-				});
-			}, 500);
-		};
-		$[26] = fieldName;
-		$[27] = onSave;
-		$[28] = t14;
-	} else t14 = $[28];
-	const handleTextChange = t14;
 	let t15;
-	if ($[29] !== fieldName || $[30] !== onSave) {
-		t15 = (value_0) => {
-			if (timerRef.current) clearTimeout(timerRef.current);
-			timerRef.current = window.setTimeout(() => {
+	if ($[19] !== fieldName || $[20] !== hrefField || $[21] !== linkValue.pageId || $[22] !== linkValue.type || $[23] !== onSave || $[24] !== pagePickerOpen || $[25] !== pages || $[26] !== textField) {
+		const selectedPage = linkValue.type === "page" ? pages?.find((p) => String(p.id) === linkValue.pageId) : null;
+		let t16;
+		if ($[33] !== fieldName || $[34] !== onSave) {
+			t16 = (mode) => {
+				if (mode === "page") onSave(fieldName, {
+					type: "page",
+					text: linkValueRef.current.text,
+					pageId: "",
+					newTab: linkValueRef.current.newTab
+				});
+				else onSave(fieldName, {
+					type: "external",
+					text: linkValueRef.current.text,
+					href: "",
+					newTab: linkValueRef.current.newTab
+				});
+			};
+			$[33] = fieldName;
+			$[34] = onSave;
+			$[35] = t16;
+		} else t16 = $[35];
+		const handleModeChange = t16;
+		let t17;
+		if ($[36] !== fieldName || $[37] !== onSave) {
+			t17 = (pageId) => {
 				onSave(fieldName, {
-					...linkValueRef.current,
-					href: value_0
+					type: "page",
+					text: linkValueRef.current.text,
+					pageId,
+					newTab: linkValueRef.current.newTab
 				});
-			}, 500);
-		};
-		$[29] = fieldName;
-		$[30] = onSave;
-		$[31] = t15;
-	} else t15 = $[31];
-	const handleHrefChange = t15;
-	let t16;
-	if ($[32] !== fieldName || $[33] !== onSave) {
-		t16 = (mode) => {
-			if (mode === "page") onSave(fieldName, {
-				type: "page",
-				text: linkValueRef.current.text,
-				pageId: "",
-				newTab: linkValueRef.current.newTab
+				setPagePickerOpen(false);
+			};
+			$[36] = fieldName;
+			$[37] = onSave;
+			$[38] = t17;
+		} else t17 = $[38];
+		const handlePageSelect = t17;
+		t14 = "grid gap-3";
+		const t18 = `${fieldName}-text`;
+		let t19;
+		if ($[39] !== t18) {
+			t19 = /* @__PURE__ */ jsx(Label, {
+				htmlFor: t18,
+				children: "Text"
 			});
-			else onSave(fieldName, {
-				type: "external",
-				text: linkValueRef.current.text,
-				href: "",
-				newTab: linkValueRef.current.newTab
+			$[39] = t18;
+			$[40] = t19;
+		} else t19 = $[40];
+		const t20 = `${fieldName}-text`;
+		let t21;
+		if ($[41] !== textField) {
+			t21 = (e) => textField.setValue(e.target.value);
+			$[41] = textField;
+			$[42] = t21;
+		} else t21 = $[42];
+		let t22;
+		if ($[43] !== t20 || $[44] !== t21 || $[45] !== textField.onBlur || $[46] !== textField.onFocus || $[47] !== textField.value) {
+			t22 = /* @__PURE__ */ jsx(Input, {
+				id: t20,
+				value: textField.value,
+				onChange: t21,
+				onFocus: textField.onFocus,
+				onBlur: textField.onBlur,
+				autoFocus: true
 			});
-		};
-		$[32] = fieldName;
-		$[33] = onSave;
-		$[34] = t16;
-	} else t16 = $[34];
-	const handleModeChange = t16;
-	let t17;
-	if ($[35] !== fieldName || $[36] !== onSave) {
-		t17 = (pageId) => {
-			onSave(fieldName, {
-				type: "page",
-				text: linkValueRef.current.text,
-				pageId,
-				newTab: linkValueRef.current.newTab
+			$[43] = t20;
+			$[44] = t21;
+			$[45] = textField.onBlur;
+			$[46] = textField.onFocus;
+			$[47] = textField.value;
+			$[48] = t22;
+		} else t22 = $[48];
+		if ($[49] !== t19 || $[50] !== t22) {
+			t15 = /* @__PURE__ */ jsxs("div", {
+				className: "grid gap-1.5",
+				children: [t19, t22]
 			});
-			setPagePickerOpen(false);
-		};
-		$[35] = fieldName;
-		$[36] = onSave;
-		$[37] = t17;
-	} else t17 = $[37];
-	const handlePageSelect = t17;
-	const t18 = "grid gap-3";
-	const t19 = `${fieldName}-text`;
-	let t20;
-	if ($[38] !== t19) {
-		t20 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: t19,
-			children: "Text"
+			$[49] = t19;
+			$[50] = t22;
+			$[51] = t15;
+		} else t15 = $[51];
+		t10 = "grid gap-1.5";
+		if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
+			t11 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
+			$[52] = t11;
+		} else t11 = $[52];
+		let t23;
+		if ($[53] === Symbol.for("react.memo_cache_sentinel")) {
+			t23 = /* @__PURE__ */ jsxs(TabsList, {
+				className: "w-full",
+				children: [/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "page",
+					children: "Page"
+				}), /* @__PURE__ */ jsx(TabsTrigger, {
+					value: "external",
+					children: "URL"
+				})]
+			});
+			$[53] = t23;
+		} else t23 = $[53];
+		if ($[54] !== handleModeChange || $[55] !== linkValue.type) {
+			t12 = /* @__PURE__ */ jsx(Tabs, {
+				value: linkValue.type,
+				onValueChange: handleModeChange,
+				children: t23
+			});
+			$[54] = handleModeChange;
+			$[55] = linkValue.type;
+			$[56] = t12;
+		} else t12 = $[56];
+		t13 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
+			open: pagePickerOpen,
+			onOpenChange: setPagePickerOpen,
+			children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
+				render: /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					role: "combobox",
+					className: "justify-between font-normal"
+				}),
+				children: [selectedPage ? /* @__PURE__ */ jsx("span", {
+					className: "truncate",
+					children: selectedPage.metaTitle ?? formatPathSegment(selectedPage.pathSegment)
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-muted-foreground",
+					children: "Select a page"
+				}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			}), /* @__PURE__ */ jsx(PopoverContent, {
+				align: "start",
+				className: "p-0",
+				children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, {
+					placeholder: "Search page...",
+					className: "h-9"
+				}), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }), /* @__PURE__ */ jsx(CommandGroup, { children: pages?.map((page) => /* @__PURE__ */ jsxs(CommandItem, {
+					value: page.fullPath,
+					onSelect: () => handlePageSelect(String(page.id)),
+					children: [/* @__PURE__ */ jsx(Check, { className: cn("mr-2 size-4", selectedPage?.id === page.id ? "opacity-100" : "opacity-0") }), /* @__PURE__ */ jsxs("div", {
+						className: "flex flex-col",
+						children: [/* @__PURE__ */ jsx("span", { children: page.metaTitle ?? formatPathSegment(page.pathSegment) }), /* @__PURE__ */ jsx("span", {
+							className: "text-muted-foreground font-mono text-xs",
+							children: page.fullPath
+						})]
+					})]
+				}, page.id)) })] })] })
+			})]
+		}) : /* @__PURE__ */ jsx(Input, {
+			type: "url",
+			id: `${fieldName}-href`,
+			placeholder: "https://",
+			value: hrefField.value,
+			onChange: (e_0) => hrefField.setValue(e_0.target.value),
+			onFocus: hrefField.onFocus,
+			onBlur: hrefField.onBlur
 		});
-		$[38] = t19;
-		$[39] = t20;
-	} else t20 = $[39];
-	const t21 = `${fieldName}-text`;
-	let t22;
-	if ($[40] !== handleTextChange) {
-		t22 = (e) => {
-			setText(e.target.value);
-			handleTextChange(e.target.value);
-		};
-		$[40] = handleTextChange;
-		$[41] = t22;
-	} else t22 = $[41];
-	let t23;
-	let t24;
-	if ($[42] === Symbol.for("react.memo_cache_sentinel")) {
-		t23 = () => setIsTextFocused(true);
-		t24 = () => setIsTextFocused(false);
-		$[42] = t23;
-		$[43] = t24;
+		$[19] = fieldName;
+		$[20] = hrefField;
+		$[21] = linkValue.pageId;
+		$[22] = linkValue.type;
+		$[23] = onSave;
+		$[24] = pagePickerOpen;
+		$[25] = pages;
+		$[26] = textField;
+		$[27] = t10;
+		$[28] = t11;
+		$[29] = t12;
+		$[30] = t13;
+		$[31] = t14;
+		$[32] = t15;
 	} else {
-		t23 = $[42];
-		t24 = $[43];
+		t10 = $[27];
+		t11 = $[28];
+		t12 = $[29];
+		t13 = $[30];
+		t14 = $[31];
+		t15 = $[32];
 	}
-	let t25;
-	if ($[44] !== t21 || $[45] !== t22 || $[46] !== text) {
-		t25 = /* @__PURE__ */ jsx(Input, {
-			id: t21,
-			value: text,
-			onChange: t22,
-			onFocus: t23,
-			onBlur: t24,
-			autoFocus: true
-		});
-		$[44] = t21;
-		$[45] = t22;
-		$[46] = text;
-		$[47] = t25;
-	} else t25 = $[47];
-	let t26;
-	if ($[48] !== t20 || $[49] !== t25) {
-		t26 = /* @__PURE__ */ jsxs("div", {
-			className: "grid gap-1.5",
-			children: [t20, t25]
-		});
-		$[48] = t20;
-		$[49] = t25;
-		$[50] = t26;
-	} else t26 = $[50];
-	const t27 = "grid gap-1.5";
-	let t28;
-	if ($[51] === Symbol.for("react.memo_cache_sentinel")) {
-		t28 = /* @__PURE__ */ jsx(Label, { children: "Destination" });
-		$[51] = t28;
-	} else t28 = $[51];
-	let t29;
-	if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
-		t29 = /* @__PURE__ */ jsxs(TabsList, {
-			className: "w-full",
-			children: [/* @__PURE__ */ jsx(TabsTrigger, {
-				value: "page",
-				children: "Page"
-			}), /* @__PURE__ */ jsx(TabsTrigger, {
-				value: "external",
-				children: "URL"
-			})]
-		});
-		$[52] = t29;
-	} else t29 = $[52];
-	let t30;
-	if ($[53] !== handleModeChange || $[54] !== linkValue.type) {
-		t30 = /* @__PURE__ */ jsx(Tabs, {
-			value: linkValue.type,
-			onValueChange: handleModeChange,
-			children: t29
-		});
-		$[53] = handleModeChange;
-		$[54] = linkValue.type;
-		$[55] = t30;
-	} else t30 = $[55];
-	const t31 = linkValue.type === "page" ? /* @__PURE__ */ jsxs(Popover, {
-		open: pagePickerOpen,
-		onOpenChange: setPagePickerOpen,
-		children: [/* @__PURE__ */ jsxs(PopoverTrigger, {
-			render: /* @__PURE__ */ jsx(Button, {
-				variant: "outline",
-				role: "combobox",
-				className: "justify-between font-normal"
-			}),
-			children: [selectedPage ? /* @__PURE__ */ jsx("span", {
-				className: "truncate",
-				children: selectedPage.metaTitle ?? formatPathSegment(selectedPage.pathSegment)
-			}) : /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground",
-				children: "Select a page"
-			}), /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
-		}), /* @__PURE__ */ jsx(PopoverContent, {
-			align: "start",
-			className: "p-0",
-			children: /* @__PURE__ */ jsxs(Command, { children: [/* @__PURE__ */ jsx(CommandInput, {
-				placeholder: "Search page...",
-				className: "h-9"
-			}), /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: "No page found." }), /* @__PURE__ */ jsx(CommandGroup, { children: pages?.map((page) => /* @__PURE__ */ jsxs(CommandItem, {
-				value: page.fullPath,
-				onSelect: () => handlePageSelect(String(page.id)),
-				children: [/* @__PURE__ */ jsx(Check, { className: cn("mr-2 size-4", selectedPage?.id === page.id ? "opacity-100" : "opacity-0") }), /* @__PURE__ */ jsxs("div", {
-					className: "flex flex-col",
-					children: [/* @__PURE__ */ jsx("span", { children: page.metaTitle ?? formatPathSegment(page.pathSegment) }), /* @__PURE__ */ jsx("span", {
-						className: "text-muted-foreground font-mono text-xs",
-						children: page.fullPath
-					})]
-				})]
-			}, page.id)) })] })] })
-		})]
-	}) : /* @__PURE__ */ jsx(Input, {
-		type: "url",
-		id: `${fieldName}-href`,
-		placeholder: "https://",
-		value: href,
-		onChange: (e_0) => {
-			setHref(e_0.target.value);
-			handleHrefChange(e_0.target.value);
-		},
-		onFocus: () => setIsHrefFocused(true),
-		onBlur: () => setIsHrefFocused(false)
-	});
-	let t32;
-	if ($[56] !== t28 || $[57] !== t30 || $[58] !== t31) {
-		t32 = /* @__PURE__ */ jsxs("div", {
-			className: t27,
+	let t16;
+	if ($[57] !== t10 || $[58] !== t11 || $[59] !== t12 || $[60] !== t13) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			className: t10,
 			children: [
-				t28,
-				t30,
-				t31
+				t11,
+				t12,
+				t13
 			]
 		});
-		$[56] = t28;
-		$[57] = t30;
-		$[58] = t31;
-		$[59] = t32;
-	} else t32 = $[59];
-	const t33 = `${fieldName}-newtab`;
-	let t34;
-	if ($[60] !== fieldName || $[61] !== onSave) {
-		t34 = (checked) => {
+		$[57] = t10;
+		$[58] = t11;
+		$[59] = t12;
+		$[60] = t13;
+		$[61] = t16;
+	} else t16 = $[61];
+	const t17 = `${fieldName}-newtab`;
+	let t18;
+	if ($[62] !== fieldName || $[63] !== onSave) {
+		t18 = (checked) => {
 			onSave(fieldName, {
 				...linkValueRef.current,
 				newTab: checked
 			});
 		};
-		$[60] = fieldName;
-		$[61] = onSave;
-		$[62] = t34;
-	} else t34 = $[62];
-	let t35;
-	if ($[63] !== linkValue.newTab || $[64] !== t33 || $[65] !== t34) {
-		t35 = /* @__PURE__ */ jsx(Switch, {
-			id: t33,
+		$[62] = fieldName;
+		$[63] = onSave;
+		$[64] = t18;
+	} else t18 = $[64];
+	let t19;
+	if ($[65] !== linkValue.newTab || $[66] !== t17 || $[67] !== t18) {
+		t19 = /* @__PURE__ */ jsx(Switch, {
+			id: t17,
 			checked: linkValue.newTab,
-			onCheckedChange: t34
+			onCheckedChange: t18
 		});
-		$[63] = linkValue.newTab;
-		$[64] = t33;
-		$[65] = t34;
-		$[66] = t35;
-	} else t35 = $[66];
-	const t36 = `${fieldName}-newtab`;
-	let t37;
-	if ($[67] !== t36) {
-		t37 = /* @__PURE__ */ jsx(Label, {
-			htmlFor: t36,
+		$[65] = linkValue.newTab;
+		$[66] = t17;
+		$[67] = t18;
+		$[68] = t19;
+	} else t19 = $[68];
+	const t20 = `${fieldName}-newtab`;
+	let t21;
+	if ($[69] !== t20) {
+		t21 = /* @__PURE__ */ jsx(Label, {
+			htmlFor: t20,
 			children: "Open in new tab"
 		});
-		$[67] = t36;
-		$[68] = t37;
-	} else t37 = $[68];
-	let t38;
-	if ($[69] !== t35 || $[70] !== t37) {
-		t38 = /* @__PURE__ */ jsxs("div", {
+		$[69] = t20;
+		$[70] = t21;
+	} else t21 = $[70];
+	let t22;
+	if ($[71] !== t19 || $[72] !== t21) {
+		t22 = /* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2",
-			children: [t35, t37]
+			children: [t19, t21]
 		});
-		$[69] = t35;
-		$[70] = t37;
-		$[71] = t38;
-	} else t38 = $[71];
-	let t39;
-	if ($[72] !== t26 || $[73] !== t32 || $[74] !== t38) {
-		t39 = /* @__PURE__ */ jsxs("form", {
-			className: t18,
+		$[71] = t19;
+		$[72] = t21;
+		$[73] = t22;
+	} else t22 = $[73];
+	let t23;
+	if ($[74] !== t14 || $[75] !== t15 || $[76] !== t16 || $[77] !== t22) {
+		t23 = /* @__PURE__ */ jsxs("form", {
+			className: t14,
 			children: [
-				t26,
-				t32,
-				t38
+				t15,
+				t16,
+				t22
 			]
 		});
-		$[72] = t26;
-		$[73] = t32;
-		$[74] = t38;
-		$[75] = t39;
-	} else t39 = $[75];
-	return t39;
+		$[74] = t14;
+		$[75] = t15;
+		$[76] = t16;
+		$[77] = t22;
+		$[78] = t23;
+	} else t23 = $[78];
+	return t23;
 };
 
 //#endregion