@questpie/admin 3.0.3 → 3.0.4

package/dist/client/views/collection/cells/shared/relation-chip.mjs

@@ -1,5 +1,6 @@
 import { useResolveText } from "../../../../i18n/hooks.mjs";
 import { cn } from "../../../../lib/utils.mjs";
+import { Badge } from "../../../../components/ui/badge.mjs";
 import { getRelationItemAvatarUrl, getRelationItemId, getRelationItemLabelWithField } from "./cell-helpers.mjs";
 import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,7 +11,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Shows label and navigates to related item on click (or opens sheet if onClick provided)
 */
 function RelationChip(t0) {
-	const $ = c(31);
+	const $ = c(37);
 	const { item, targetCollection, onClick, className, showAvatar: t1, avatarField, labelField } = t0;
 	const showAvatar = t1 === void 0 ? false : t1;
 	const resolveText = useResolveText();
@@ -44,7 +45,7 @@ function RelationChip(t0) {
 		t5 = showAvatar && avatarUrl ? /* @__PURE__ */ jsx("img", {
 			src: avatarUrl,
 			alt: label,
-			className: "border-border size-4 rounded-full border object-cover"
+			className: "image-outline size-4 rounded-full object-cover"
 		}) : null;
 		$[9] = avatarUrl;
 		$[10] = label;
@@ -70,48 +71,75 @@ function RelationChip(t0) {
 	if (canInteract) {
 		const href = `/admin/collections/${targetCollection}/${id}`;
 		let t7$1;
-		if ($[17] !== className) {
-			t7$1 = cn("qa-relation-chip inline-flex items-center gap-1 px-2 py-0.5 text-xs", "bg-primary/10 text-primary hover:bg-primary/20", "cursor-pointer transition-colors", "border-primary/20 hover:border-primary/40 border", className);
-			$[17] = className;
-			$[18] = t7$1;
-		} else t7$1 = $[18];
-		const chipClassName = t7$1;
-		let t8$1;
-		if ($[19] !== avatar || $[20] !== chipClassName || $[21] !== handleClick || $[22] !== href || $[23] !== label) {
-			t8$1 = /* @__PURE__ */ jsxs("a", {
+		if ($[17] !== handleClick || $[18] !== href) {
+			t7$1 = /* @__PURE__ */ jsx("a", {
 				href,
 				onClick: handleClick,
-				onPointerDown: _temp,
-				className: chipClassName,
-				children: [avatar, label]
+				onPointerDown: _temp
+			});
+			$[17] = handleClick;
+			$[18] = href;
+			$[19] = t7$1;
+		} else t7$1 = $[19];
+		let t8$1;
+		if ($[20] !== className) {
+			t8$1 = cn("qa-relation-chip cursor-pointer", "max-w-40", className);
+			$[20] = className;
+			$[21] = t8$1;
+		} else t8$1 = $[21];
+		let t9$1;
+		if ($[22] !== label) {
+			t9$1 = /* @__PURE__ */ jsx("span", {
+				className: "truncate",
+				children: label
 			});
-			$[19] = avatar;
-			$[20] = chipClassName;
-			$[21] = handleClick;
-			$[22] = href;
-			$[23] = label;
-			$[24] = t8$1;
-		} else t8$1 = $[24];
-		return t8$1;
+			$[22] = label;
+			$[23] = t9$1;
+		} else t9$1 = $[23];
+		let t10;
+		if ($[24] !== avatar || $[25] !== t7$1 || $[26] !== t8$1 || $[27] !== t9$1) {
+			t10 = /* @__PURE__ */ jsxs(Badge, {
+				variant: "secondary",
+				render: t7$1,
+				className: t8$1,
+				children: [avatar, t9$1]
+			});
+			$[24] = avatar;
+			$[25] = t7$1;
+			$[26] = t8$1;
+			$[27] = t9$1;
+			$[28] = t10;
+		} else t10 = $[28];
+		return t10;
 	}
 	let t7;
-	if ($[25] !== className) {
-		t7 = cn("qa-relation-chip inline-flex items-center gap-1 px-2 py-0.5 text-xs", "bg-muted text-muted-foreground", "border-border border", className);
-		$[25] = className;
-		$[26] = t7;
-	} else t7 = $[26];
+	if ($[29] !== className) {
+		t7 = cn("qa-relation-chip cursor-default", className);
+		$[29] = className;
+		$[30] = t7;
+	} else t7 = $[30];
 	let t8;
-	if ($[27] !== avatar || $[28] !== label || $[29] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("span", {
+	if ($[31] !== label) {
+		t8 = /* @__PURE__ */ jsx("span", {
+			className: "truncate",
+			children: label
+		});
+		$[31] = label;
+		$[32] = t8;
+	} else t8 = $[32];
+	let t9;
+	if ($[33] !== avatar || $[34] !== t7 || $[35] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Badge, {
+			variant: "secondary",
 			className: t7,
-			children: [avatar, label]
+			children: [avatar, t8]
 		});
-		$[27] = avatar;
-		$[28] = label;
-		$[29] = t7;
-		$[30] = t8;
-	} else t8 = $[30];
-	return t8;
+		$[33] = avatar;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t9;
+	} else t9 = $[36];
+	return t9;
 }
 function _temp(e_0) {
 	return e_0.stopPropagation();

package/dist/client/views/collection/cells/upload-cells.mjs

@@ -1,4 +1,7 @@
+import { useTranslation } from "../../../i18n/hooks.mjs";
+import { Badge } from "../../../components/ui/badge.mjs";
 import { AssetThumbnail } from "./shared/asset-thumbnail.mjs";
+import { useCollectionItem } from "../../../hooks/use-collection.mjs";
 import { c } from "react/compiler-runtime";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -9,19 +12,206 @@ import { jsx, jsxs } from "react/jsx-runtime";
 * Uses AssetThumbnail with size="sm"
 */
 function UploadCell(t0) {
-	const $ = c(2);
-	const { value } = t0;
+	const $ = c(6);
+	const { value, fieldDef } = t0;
+	if (Array.isArray(value)) {
+		let t1$1;
+		if ($[0] !== fieldDef || $[1] !== value) {
+			t1$1 = /* @__PURE__ */ jsx(UploadManyCell, {
+				value,
+				fieldDef
+			});
+			$[0] = fieldDef;
+			$[1] = value;
+			$[2] = t1$1;
+		} else t1$1 = $[2];
+		return t1$1;
+	}
 	let t1;
-	if ($[0] !== value) {
-		t1 = /* @__PURE__ */ jsx(AssetThumbnail, {
-			asset: value,
-			size: "sm",
-			showFilename: true
+	if ($[3] !== fieldDef || $[4] !== value) {
+		t1 = /* @__PURE__ */ jsx(UploadSingleCell, {
+			value,
+			fieldDef
 		});
-		$[0] = value;
+		$[3] = fieldDef;
+		$[4] = value;
+		$[5] = t1;
+	} else t1 = $[5];
+	return t1;
+}
+function getUploadCollection(fieldDef) {
+	const options = fieldDef?.["~options"] ?? {};
+	const target = options.to ?? options.targetCollection;
+	if (typeof target === "string" && target.length > 0) return target;
+	return "assets";
+}
+function getAssetId(value) {
+	if (typeof value === "string" && value.length > 0) return value;
+	if (typeof value === "object" && value !== null) {
+		const id = value.id;
+		return typeof id === "string" && id.length > 0 ? id : void 0;
+	}
+}
+function hasAssetDisplayData(value) {
+	if (typeof value !== "object" || value === null) return false;
+	const asset = value;
+	return !!(asset.url || asset.filename || asset.mimeType);
+}
+function UploadSingleCell(t0) {
+	const $ = c(11);
+	const { value, fieldDef } = t0;
+	let t1;
+	if ($[0] !== fieldDef) {
+		t1 = getUploadCollection(fieldDef);
+		$[0] = fieldDef;
 		$[1] = t1;
 	} else t1 = $[1];
-	return t1;
+	const collection = t1;
+	let t2;
+	if ($[2] !== value) {
+		t2 = getAssetId(value);
+		$[2] = value;
+		$[3] = t2;
+	} else t2 = $[3];
+	const assetId = t2;
+	let t3;
+	if ($[4] !== assetId || $[5] !== value) {
+		t3 = !!assetId && !hasAssetDisplayData(value);
+		$[4] = assetId;
+		$[5] = value;
+		$[6] = t3;
+	} else t3 = $[6];
+	const shouldFetch = t3;
+	let t4;
+	if ($[7] !== shouldFetch) {
+		t4 = {
+			enabled: shouldFetch,
+			staleTime: 3e4
+		};
+		$[7] = shouldFetch;
+		$[8] = t4;
+	} else t4 = $[8];
+	const { data: fetchedAsset } = useCollectionItem(collection, assetId || "", void 0, t4);
+	const t5 = fetchedAsset || value;
+	let t6;
+	if ($[9] !== t5) {
+		t6 = /* @__PURE__ */ jsx(AssetThumbnail, {
+			asset: t5,
+			size: "sm",
+			showFilename: true
+		});
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	return t6;
+}
+/**
+* Upload many cell - displays multiple assets count or thumbnails
+*/
+function UploadManyCell(t0) {
+	const $ = c(15);
+	const { value } = t0;
+	const { t } = useTranslation();
+	if (value === null || value === void 0) {
+		let t1$1;
+		if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[0] = t1$1;
+		} else t1$1 = $[0];
+		return t1$1;
+	}
+	if (!Array.isArray(value)) {
+		let t1$1;
+		if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[1] = t1$1;
+		} else t1$1 = $[1];
+		return t1$1;
+	}
+	if (value.length === 0) {
+		let t1$1;
+		if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+			t1$1 = /* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "-"
+			});
+			$[2] = t1$1;
+		} else t1$1 = $[2];
+		return t1$1;
+	}
+	let t1;
+	if ($[3] !== value) {
+		t1 = Symbol.for("react.early_return_sentinel");
+		bb0: {
+			const imageAssets = value.filter(_temp).slice(0, 3);
+			if (imageAssets.length > 0) {
+				const remaining = value.length - imageAssets.length;
+				const t2$1 = /* @__PURE__ */ jsx("div", {
+					className: "flex -space-x-2",
+					children: imageAssets.map(_temp2)
+				});
+				let t3$1;
+				if ($[5] !== remaining) {
+					t3$1 = remaining > 0 && /* @__PURE__ */ jsxs("span", {
+						className: "text-muted-foreground ml-1 text-xs tabular-nums",
+						children: ["+", remaining]
+					});
+					$[5] = remaining;
+					$[6] = t3$1;
+				} else t3$1 = $[6];
+				let t4;
+				if ($[7] !== t2$1 || $[8] !== t3$1) {
+					t4 = /* @__PURE__ */ jsxs("div", {
+						className: "flex items-center gap-1",
+						children: [t2$1, t3$1]
+					});
+					$[7] = t2$1;
+					$[8] = t3$1;
+					$[9] = t4;
+				} else t4 = $[9];
+				t1 = t4;
+				break bb0;
+			}
+		}
+		$[3] = value;
+		$[4] = t1;
+	} else t1 = $[4];
+	if (t1 !== Symbol.for("react.early_return_sentinel")) return t1;
+	let t2;
+	if ($[10] !== t || $[11] !== value.length) {
+		t2 = t("cell.file", { count: value.length });
+		$[10] = t;
+		$[11] = value.length;
+		$[12] = t2;
+	} else t2 = $[12];
+	let t3;
+	if ($[13] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Badge, {
+			variant: "secondary",
+			children: t2
+		});
+		$[13] = t2;
+		$[14] = t3;
+	} else t3 = $[14];
+	return t3;
+}
+function _temp2(asset, index) {
+	return /* @__PURE__ */ jsx("img", {
+		src: asset.url,
+		alt: asset.filename || "Asset",
+		className: "image-outline bg-background size-6 rounded object-cover"
+	}, asset.id || index);
+}
+function _temp(item) {
+	if (typeof item !== "object" || item === null) return false;
+	const mimeType = item.mimeType;
+	return typeof mimeType === "string" && mimeType.startsWith("image/");
 }
 
 //#endregion

package/dist/client/views/collection/columns/build-columns.mjs

@@ -76,8 +76,27 @@ const FIELD_TYPES_NEEDING_FIELD_DEF = new Set([
 	"object",
 	"array",
 	"relation",
-	"reverseRelation"
+	"reverseRelation",
+	"upload",
+	"uploadMany"
 ]);
+function getDefaultColumnSize(fieldType) {
+	switch (fieldType) {
+		case "number":
+		case "boolean": return 120;
+		case "date":
+		case "datetime":
+		case "time": return 180;
+		case "select": return 160;
+		case "relation":
+		case "reverseRelation": return 220;
+		case "upload":
+		case "uploadMany": return 160;
+		case "textarea":
+		case "richText": return 360;
+		default: return 240;
+	}
+}
 /**
 * Build column definitions from collection config
 *
@@ -106,16 +125,16 @@ function buildColumns(options) {
 	const { config, fallbackColumns = ["id"], buildAllColumns = false, meta } = options;
 	const fields = config?.fields ?? {};
 	const listConfig = config?.list;
-	const isLocalizedField = (field, definition) => {
-		const fieldOptions = definition?.["~options"] ?? {};
-		return fieldOptions.localized !== void 0 ? !!fieldOptions.localized : meta?.localizedFields?.includes(field) ?? false;
-	};
 	const titleFieldName = meta?.title?.fieldName;
 	const titleType = meta?.title?.type;
 	const titleColumn = titleType === "field" && titleFieldName ? titleFieldName : "_title";
 	let columnConfigs;
 	if (buildAllColumns) {
 		const allFields = Object.keys(fields);
+		if (meta?.timestamps) {
+			if (!allFields.includes("createdAt")) allFields.push("createdAt");
+			if (!allFields.includes("updatedAt")) allFields.push("updatedAt");
+		}
 		columnConfigs = [titleColumn, ...titleColumn === "_title" ? allFields : allFields.filter((f) => f !== titleColumn)];
 	} else if (listConfig?.columns && listConfig.columns.length > 0) columnConfigs = listConfig.columns;
 	else if (Object.keys(fields).length > 0) columnConfigs = computeDefaultColumns(fields, { meta });
@@ -125,7 +144,6 @@ function buildColumns(options) {
 		const fieldName = normalized.field;
 		const fieldDef = fields[fieldName];
 		if (fieldName === "_title") {
-			titleFieldName && isLocalizedField(titleFieldName, fields[titleFieldName]);
 			let titleLabel = "Title";
 			let titleFallback = "Title";
 			if (titleType === "virtual" && titleFieldName && fields[titleFieldName]) {
@@ -144,18 +162,19 @@ function buildColumns(options) {
 				cell: ({ row }) => {
 					return /* @__PURE__ */ jsx(TextCell, { value: row.getValue("_title") });
 				},
+				size: 360,
+				minSize: 220,
 				enableSorting: false
 			};
 		}
-		const fieldType = fieldDef?.name ?? "text";
+		const fieldType = fieldDef?.name ?? (meta?.timestamps ? "datetime" : "text");
 		const fieldOptions = fieldDef?.["~options"] ?? {};
-		isLocalizedField(fieldName, fieldDef);
 		let CellComponent;
 		if (normalized.cell) CellComponent = normalized.cell;
 		else if (fieldDef?.cell) CellComponent = fieldDef.cell;
 		else CellComponent = DefaultCell;
 		const needsFieldDef = FIELD_TYPES_NEEDING_FIELD_DEF.has(fieldType);
-		const accessorKey = fieldType === "relation" && fieldOptions.relationName ? fieldOptions.relationName : fieldName;
+		const accessorKey = (fieldType === "relation" || fieldType === "upload" || fieldType === "uploadMany") && fieldOptions.relationName ? fieldOptions.relationName : fieldName;
 		const headerLabel = normalized.header ?? fieldOptions.label;
 		const headerFallback = formatHeader(fieldName);
 		const computeFn = fieldOptions.compute;
@@ -163,6 +182,7 @@ function buildColumns(options) {
 		const columnDef = {
 			id: fieldName,
 			accessorKey: isComputed ? void 0 : accessorKey,
+			size: getDefaultColumnSize(fieldType),
 			header: () => /* @__PURE__ */ jsx(ColumnHeader, {
 				label: headerLabel,
 				fallback: headerFallback

package/dist/client/views/collection/columns/column-defaults.mjs

@@ -40,13 +40,13 @@ function computeDefaultColumns(fields, options) {
 	if (!fields || Object.keys(fields).length === 0) return defaultCols;
 	const contentFields = [];
 	const systemFields = [];
-	for (const [key, fieldDef] of Object.entries(fields)) {
+	for (const key of Object.keys(fields)) {
 		if (useTitleField && key === titleFieldName) continue;
 		if (SYSTEM_FIELDS.has(key)) systemFields.push(key);
 		else contentFields.push(key);
 	}
 	defaultCols.push(...contentFields);
-	if ((options?.meta?.timestamps ?? !!fields.createdAt) && fields.createdAt && !defaultCols.includes("createdAt")) defaultCols.push("createdAt");
+	if ((options?.meta?.timestamps ?? !!fields.createdAt) && !defaultCols.includes("createdAt")) defaultCols.push("createdAt");
 	return defaultCols;
 }
 /**

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

@@ -1,28 +1,54 @@
 import { useResolveText } from "../../i18n/hooks.mjs";
 import { useScopedLocale } from "../../runtime/locale-scope.mjs";
 import { useAdminConfig } from "../../hooks/use-admin-config.mjs";
+import { useLazyComponent } from "../../utils/use-lazy-component.mjs";
+import { Skeleton } from "../../components/ui/skeleton.mjs";
 import { scopeDependencies, trackDependencies } from "../../utils/dependency-tracker.mjs";
 import { buildComponentProps, getFieldContext, getFieldOptions, getFullFieldName } from "./field-context.mjs";
-import { Spinner } from "../../components/ui/spinner.mjs";
 import { useFieldHooks } from "../../hooks/use-field-hooks.mjs";
 import { c } from "react/compiler-runtime";
-import * as React from "react";
-import { Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useFormContext, useWatch } from "react-hook-form";
 
 //#region src/client/views/collection/field-renderer.tsx
-/**
-* FieldRenderer Component
-*
-* Renders a single form field using FieldDefinition.
-* Shared between AutoFormFields and BlockEditor.
-*/
 function renderConfigError(message) {
 	return /* @__PURE__ */ jsx("div", {
 		className: "border-destructive/40 bg-destructive/5 text-destructive rounded border p-3 text-sm",
 		children: message
 	});
 }
+function FieldComponentSkeleton(t0) {
+	const $ = c(3);
+	const { type } = t0;
+	const largeFieldTypes = new Set([
+		"blocks",
+		"json",
+		"object",
+		"richText"
+	]);
+	const tallFieldTypes = new Set(["textarea", "upload"]);
+	const controlClassName = largeFieldTypes.has(type ?? "") ? "h-40 w-full" : tallFieldTypes.has(type ?? "") ? "h-28 w-full" : "h-10 w-full";
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			className: "h-4 w-24"
+		});
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== controlClassName) {
+		t2 = /* @__PURE__ */ jsxs("div", {
+			className: "space-y-2",
+			"aria-busy": "true",
+			children: [t1, /* @__PURE__ */ jsx(Skeleton, { className: controlClassName })]
+		});
+		$[1] = controlClassName;
+		$[2] = t2;
+	} else t2 = $[2];
+	return t2;
+}
 function stripFieldUiOptions(options) {
 	const rest = { ...options };
 	delete rest.label;
@@ -60,61 +86,6 @@ function computeDynamicDependencyPaths({ fieldOptions, form, fieldPrefix }) {
 	return scopeDependencies(collectFieldOptionDependencies(fieldOptions, (fieldPrefix ? form.getValues(fieldPrefix) : form.getValues()) ?? {}), fieldPrefix);
 }
 /**
-* Resolve a MaybeLazyComponent to a concrete React component.
-* Handles direct components, React.lazy, and `() => import(...)` loaders.
-*/
-function useLazyComponent(loader) {
-	const [state, setState] = React.useState(() => {
-		if (!loader) return {
-			Component: null,
-			loading: false
-		};
-		if (!(typeof loader === "function" && !loader.prototype?.render && !loader.prototype?.isReactComponent && loader.length === 0 && !loader.$$typeof)) return {
-			Component: loader,
-			loading: false
-		};
-		return {
-			Component: null,
-			loading: true
-		};
-	});
-	React.useEffect(() => {
-		if (!loader) {
-			setState({
-				Component: null,
-				loading: false
-			});
-			return;
-		}
-		if (!(typeof loader === "function" && !loader.prototype?.render && !loader.prototype?.isReactComponent && loader.length === 0 && !loader.$$typeof)) {
-			setState({
-				Component: loader,
-				loading: false
-			});
-			return;
-		}
-		let mounted = true;
-		(async () => {
-			try {
-				const result = await loader();
-				if (mounted) setState({
-					Component: result.default || result,
-					loading: false
-				});
-			} catch {
-				if (mounted) setState({
-					Component: null,
-					loading: false
-				});
-			}
-		})();
-		return () => {
-			mounted = false;
-		};
-	}, [loader]);
-	return state;
-}
-/**
 * Render field using FieldDefinition.field.component
 *
 * This is the primary rendering method. Field components receive:
@@ -172,7 +143,7 @@ function renderEmbeddedField({ context, registry, allCollectionsConfig, componen
 * 3. Error message if no component registered
 */
 function FieldRenderer(t0) {
-	const $ = c(32);
+	const $ = c(31);
 	const { fieldName, fieldDef, collection, mode: t1, registry, fieldPrefix, allCollectionsConfig, renderEmbeddedFields, className, entityMeta: entityMetaProp } = t0;
 	const mode = t1 === void 0 ? "collection" : t1;
 	const form = useFormContext();
@@ -313,17 +284,7 @@ function FieldRenderer(t0) {
 		componentProps,
 		renderEmbeddedFields
 	});
-	if (!content && componentLoading) {
-		let t10$1;
-		if ($[24] === Symbol.for("react.memo_cache_sentinel")) {
-			t10$1 = /* @__PURE__ */ jsx("div", {
-				className: "flex items-center justify-center p-4",
-				children: /* @__PURE__ */ jsx(Spinner, { className: "size-5" })
-			});
-			$[24] = t10$1;
-		} else t10$1 = $[24];
-		content = t10$1;
-	}
+	if (!content && componentLoading) content = /* @__PURE__ */ jsx(FieldComponentSkeleton, { type: context.type });
 	if (!content && resolvedComponent) content = renderDefinitionComponent({
 		context: {
 			...context,
@@ -335,32 +296,32 @@ function FieldRenderer(t0) {
 	if (!content) {
 		const t10$1 = `No component registered for field type "${context.type}" (field: "${context.fieldName}").`;
 		let t11;
-		if ($[25] !== t10$1) {
+		if ($[24] !== t10$1) {
 			t11 = renderConfigError(t10$1);
-			$[25] = t10$1;
-			$[26] = t11;
-		} else t11 = $[26];
+			$[24] = t10$1;
+			$[25] = t11;
+		} else t11 = $[25];
 		content = t11;
 	}
 	if (className) {
 		let t10$1;
-		if ($[27] !== className || $[28] !== content) {
+		if ($[26] !== className || $[27] !== content) {
 			t10$1 = /* @__PURE__ */ jsx("div", {
 				className,
 				children: content
 			});
-			$[27] = className;
-			$[28] = content;
-			$[29] = t10$1;
-		} else t10$1 = $[29];
+			$[26] = className;
+			$[27] = content;
+			$[28] = t10$1;
+		} else t10$1 = $[28];
 		return t10$1;
 	}
 	let t10;
-	if ($[30] !== content) {
+	if ($[29] !== content) {
 		t10 = /* @__PURE__ */ jsx(Fragment, { children: content });
-		$[30] = content;
-		$[31] = t10;
-	} else t10 = $[31];
+		$[29] = content;
+		$[30] = t10;
+	} else t10 = $[30];
 	return t10;
 }