@questpie/admin 3.0.3 → 3.0.5

package/dist/client/components/layout/field-layout-renderer.mjs

@@ -153,7 +153,7 @@ function SectionRenderer(t0) {
 		let t5;
 		if ($[14] !== ctx || $[15] !== section.description) {
 			t5 = section.description && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mb-4 text-sm",
+				className: "text-muted-foreground mb-4 text-sm text-pretty",
 				children: ctx.resolveText(section.description, "")
 			});
 			$[14] = ctx;
@@ -174,7 +174,7 @@ function SectionRenderer(t0) {
 		if ($[20] !== t4$1 || $[21] !== t6 || $[22] !== value) {
 			t7 = /* @__PURE__ */ jsxs(AccordionItem, {
 				value,
-				className: "border px-4",
+				className: "border-transparent px-4",
 				children: [t4$1, t6]
 			});
 			$[20] = t4$1;
@@ -203,7 +203,7 @@ function SectionRenderer(t0) {
 				className: "text-lg font-semibold",
 				children: ctx.resolveText(section.label, "")
 			}), section.description && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground mt-1 text-sm",
+				className: "text-muted-foreground mt-1 text-sm text-pretty",
 				children: ctx.resolveText(section.description, "")
 			})]
 		}) : null;
@@ -244,7 +244,8 @@ function TabsRenderer(t0) {
 		if ($[3] !== ctx) {
 			t2$1 = (tab) => /* @__PURE__ */ jsxs(TabsTrigger, {
 				value: tab.id,
-				children: [resolveIconElement(tab.icon, { className: "mr-2 size-4" }), ctx.resolveText(tab.label, tab.id)]
+				className: "flex-1",
+				children: [resolveIconElement(tab.icon, { className: "size-3.5" }), ctx.resolveText(tab.label, tab.id)]
 			}, tab.id);
 			$[3] = ctx;
 			$[4] = t2$1;
@@ -257,7 +258,7 @@ function TabsRenderer(t0) {
 	let t2;
 	if ($[5] !== t1) {
 		t2 = /* @__PURE__ */ jsx(TabsList, {
-			variant: "line",
+			className: "w-full",
 			children: t1
 		});
 		$[5] = t1;

package/dist/client/components/locale-switcher.mjs

@@ -42,7 +42,7 @@ function LocaleSwitcher(t0) {
 				t7 = null;
 				break bb0;
 			}
-			const codeLabel = currentLocale.code.toUpperCase();
+			const codeLabel = currentLocale.code;
 			const nameLabel = currentLocale.label ? resolveText(currentLocale.label) : codeLabel;
 			let labelElement = null;
 			bb1: switch (labelMode) {
@@ -57,7 +57,7 @@ function LocaleSwitcher(t0) {
 					labelElement = /* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1",
 						children: [/* @__PURE__ */ jsx("span", {
-							className: "tracking-wide uppercase",
+							className: "font-chrome chrome-meta",
 							children: codeLabel
 						}), currentLocale.label && /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground font-normal",
@@ -67,15 +67,15 @@ function LocaleSwitcher(t0) {
 					break bb1;
 				case "code":
 				default: labelElement = /* @__PURE__ */ jsx("span", {
-					className: "tracking-wide uppercase",
+					className: "font-chrome chrome-meta",
 					children: codeLabel
 				});
 			}
 			let baseClassName;
 			let t9$1;
 			if ($[16] !== className) {
-				baseClassName = cn("bg-muted text-muted-foreground inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-medium", className);
-				t9$1 = cn(baseClassName, "hover:bg-muted focus:ring-ring cursor-pointer transition-colors focus:ring-1 focus:outline-none");
+				baseClassName = cn("item-surface border-border bg-secondary text-secondary-foreground inline-flex min-h-5 items-center gap-1 px-2 py-0.5 text-xs font-medium", className);
+				t9$1 = cn(baseClassName, "hover:bg-accent hover:text-accent-foreground focus:ring-ring cursor-pointer transition-colors focus:ring-1 focus:outline-none");
 				$[16] = className;
 				$[17] = baseClassName;
 				$[18] = t9$1;
@@ -88,7 +88,7 @@ function LocaleSwitcher(t0) {
 			const t10 = showFlag && !imgError && /* @__PURE__ */ jsx("img", {
 				src: getLocaleFlagUrl(resolvedValue),
 				alt: resolvedValue,
-				className: "h-2.5 w-3.5 rounded-[1px] object-cover",
+				className: "image-outline h-2.5 w-3.5 rounded-[1px] object-cover",
 				onError: () => setImgError(true)
 			});
 			let t11;
@@ -173,11 +173,11 @@ function LocaleSwitcher(t0) {
 					showFlag && /* @__PURE__ */ jsx("img", {
 						src: getLocaleFlagUrl(locale_2.code),
 						alt: locale_2.code,
-						className: "h-2.5 w-3.5 rounded-[1px] object-cover",
+						className: "image-outline h-2.5 w-3.5 rounded-[1px] object-cover",
 						onError: _temp2
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: "font-medium uppercase",
+						className: "font-chrome chrome-meta font-medium",
 						children: locale_2.code
 					}),
 					locale_2.label && /* @__PURE__ */ jsx("span", {

package/dist/client/components/media/media-grid.mjs

@@ -1,3 +1,4 @@
+import { useSafeI18n } from "../../i18n/hooks.mjs";
 import { cn } from "../../lib/utils.mjs";
 import { Skeleton } from "../ui/skeleton.mjs";
 import { c } from "react/compiler-runtime";
@@ -35,7 +36,7 @@ function getAssetTypeColor(mimeType) {
 	if (!mimeType) return "bg-muted";
 	const type = mimeType.toLowerCase();
 	if (type.startsWith("image/")) return "bg-info/10";
-	if (type.startsWith("video/")) return "bg-primary/10";
+	if (type.startsWith("video/")) return "bg-surface-high";
 	if (type.startsWith("audio/")) return "bg-success/10";
 	if (type === "application/pdf") return "bg-destructive/10";
 	return "bg-muted";
@@ -86,7 +87,10 @@ function MediaGridSkeleton(t0) {
 function _temp2(key) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-2",
-		children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })]
+		children: [/* @__PURE__ */ jsx(Skeleton, { className: "aspect-square w-full" }), /* @__PURE__ */ jsx(Skeleton, {
+			variant: "text",
+			className: "h-4 w-3/4"
+		})]
 	}, key);
 }
 function _temp() {
@@ -117,10 +121,10 @@ function AssetItem(t0) {
 		$[5] = t2;
 	} else t2 = $[5];
 	const handleClick = t2;
-	const t3 = selected ? "ring-primary border-primary ring-2" : "border-border hover:border-border";
+	const t3 = selected ? "border-border-strong bg-surface-high ring-ring/20 ring-2" : "hover:border-border hover:bg-accent/20";
 	let t4;
 	if ($[6] !== t3) {
-		t4 = cn("group relative aspect-square w-full overflow-hidden border", "focus-visible:ring-ring transition-all focus-visible:ring-2 focus-visible:outline-none", t3, "bg-muted");
+		t4 = cn("panel-surface group relative aspect-square w-full overflow-hidden", "focus-visible:ring-ring transition-[background-color,border-color,box-shadow,transform] focus-visible:ring-2 focus-visible:outline-none active:scale-[0.96]", t3, "bg-card");
 		$[6] = t3;
 		$[7] = t4;
 	} else t4 = $[7];
@@ -129,12 +133,12 @@ function AssetItem(t0) {
 		t5 = thumbnailUrl && isImageType && !imageError ? /* @__PURE__ */ jsx("img", {
 			src: thumbnailUrl,
 			alt: asset.alt || asset.filename || "Asset",
-			className: "h-full w-full object-cover",
+			className: "image-outline h-full w-full object-cover",
 			onError: () => setImageError(true)
 		}) : /* @__PURE__ */ jsx("div", {
 			className: cn("flex h-full w-full items-center justify-center", getAssetTypeColor(asset.mimeType)),
 			children: /* @__PURE__ */ jsx("span", {
-				className: "text-muted-foreground text-xs font-medium uppercase",
+				className: "text-muted-foreground chrome-meta text-xs font-medium",
 				children: asset.mimeType?.split("/")[1]?.slice(0, 4) || "FILE"
 			})
 		});
@@ -149,10 +153,10 @@ function AssetItem(t0) {
 	let t6;
 	if ($[15] !== selected || $[16] !== showCheckbox) {
 		t6 = showCheckbox && /* @__PURE__ */ jsx("div", {
-			className: cn("absolute top-2 right-2 flex size-5 items-center justify-center rounded-full border-2 transition-all", selected ? "bg-primary border-primary" : "border-white bg-black/20 group-hover:bg-black/40"),
+			className: cn("absolute top-2 right-2 flex size-5 items-center justify-center rounded-full border-2 transition-[background-color,border-color,color,opacity,transform]", selected ? "border-foreground bg-foreground text-background" : "border-border bg-background/80 text-muted-foreground group-hover:bg-background"),
 			children: selected && /* @__PURE__ */ jsx(Icon, {
 				icon: "ph:check-bold",
-				className: "size-3 text-white"
+				className: "size-3"
 			})
 		});
 		$[15] = selected;
@@ -195,15 +199,23 @@ function AssetItem(t0) {
 }
 const EMPTY_SET = /* @__PURE__ */ new Set();
 function MediaGrid(t0) {
-	const $ = c(31);
+	const $ = c(37);
 	const { assets, selectedIds: t1, onSelectionChange, selectionMode: t2, loading: t3, onAssetClick, columns: t4, className } = t0;
 	const selectedIds = t1 === void 0 ? EMPTY_SET : t1;
 	const selectionMode = t2 === void 0 ? "none" : t2;
 	const loading = t3 === void 0 ? false : t3;
 	const columns = t4 === void 0 ? 4 : t4;
+	const i18n = useSafeI18n();
 	let t5;
-	if ($[0] !== onSelectionChange || $[1] !== selectedIds || $[2] !== selectionMode) {
-		t5 = (assetId) => {
+	if ($[0] !== i18n) {
+		t5 = (key, fallback) => i18n?.t(key) ?? fallback;
+		$[0] = i18n;
+		$[1] = t5;
+	} else t5 = $[1];
+	const t = t5;
+	let t6;
+	if ($[2] !== onSelectionChange || $[3] !== selectedIds || $[4] !== selectionMode) {
+		t6 = (assetId) => {
 			if (!onSelectionChange) return;
 			const newSelection = new Set(selectedIds);
 			if (selectionMode === "single") {
@@ -213,101 +225,109 @@ function MediaGrid(t0) {
 			else newSelection.add(assetId);
 			onSelectionChange(newSelection);
 		};
-		$[0] = onSelectionChange;
-		$[1] = selectedIds;
-		$[2] = selectionMode;
-		$[3] = t5;
-	} else t5 = $[3];
-	const handleToggle = t5;
+		$[2] = onSelectionChange;
+		$[3] = selectedIds;
+		$[4] = selectionMode;
+		$[5] = t6;
+	} else t6 = $[5];
+	const handleToggle = t6;
 	if (loading) {
-		let t6$1;
-		if ($[4] !== columns) {
-			t6$1 = /* @__PURE__ */ jsx(MediaGridSkeleton, { columns });
-			$[4] = columns;
-			$[5] = t6$1;
-		} else t6$1 = $[5];
 		let t7$1;
-		if ($[6] !== className || $[7] !== t6$1) {
-			t7$1 = /* @__PURE__ */ jsx("div", {
+		if ($[6] !== columns) {
+			t7$1 = /* @__PURE__ */ jsx(MediaGridSkeleton, { columns });
+			$[6] = columns;
+			$[7] = t7$1;
+		} else t7$1 = $[7];
+		let t8$1;
+		if ($[8] !== className || $[9] !== t7$1) {
+			t8$1 = /* @__PURE__ */ jsx("div", {
 				className,
-				children: t6$1
+				children: t7$1
 			});
-			$[6] = className;
-			$[7] = t6$1;
-			$[8] = t7$1;
-		} else t7$1 = $[8];
-		return t7$1;
+			$[8] = className;
+			$[9] = t7$1;
+			$[10] = t8$1;
+		} else t8$1 = $[10];
+		return t8$1;
 	}
 	if (assets.length === 0) {
-		let t6$1;
-		if ($[9] !== className) {
-			t6$1 = cn("flex flex-col items-center justify-center border border-dashed p-12", "bg-muted text-muted-foreground", className);
-			$[9] = className;
-			$[10] = t6$1;
-		} else t6$1 = $[10];
 		let t7$1;
-		if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
-			t7$1 = /* @__PURE__ */ jsx("p", {
+		if ($[11] !== className) {
+			t7$1 = cn("flex flex-col items-center justify-center p-8", "text-muted-foreground", className);
+			$[11] = className;
+			$[12] = t7$1;
+		} else t7$1 = $[12];
+		let t8$1;
+		if ($[13] !== t) {
+			t8$1 = t("media.noAssets", "No assets found");
+			$[13] = t;
+			$[14] = t8$1;
+		} else t8$1 = $[14];
+		let t9$1;
+		if ($[15] !== t8$1) {
+			t9$1 = /* @__PURE__ */ jsx("p", {
 				className: "text-sm",
-				children: "No assets found"
+				children: t8$1
 			});
-			$[11] = t7$1;
-		} else t7$1 = $[11];
-		let t8$1;
-		if ($[12] !== t6$1) {
-			t8$1 = /* @__PURE__ */ jsx("div", {
-				className: t6$1,
-				children: t7$1
+			$[15] = t8$1;
+			$[16] = t9$1;
+		} else t9$1 = $[16];
+		let t10;
+		if ($[17] !== t7$1 || $[18] !== t9$1) {
+			t10 = /* @__PURE__ */ jsx("div", {
+				className: t7$1,
+				children: t9$1
 			});
-			$[12] = t6$1;
-			$[13] = t8$1;
-		} else t8$1 = $[13];
-		return t8$1;
+			$[17] = t7$1;
+			$[18] = t9$1;
+			$[19] = t10;
+		} else t10 = $[19];
+		return t10;
 	}
 	const gridClass = columns === 2 ? "grid-cols-2" : columns === 3 ? "grid-cols-2 sm:grid-cols-3" : columns === 5 ? "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5" : "grid-cols-2 sm:grid-cols-3 lg:grid-cols-4";
-	let t6;
-	if ($[14] !== className || $[15] !== gridClass) {
-		t6 = cn("grid gap-3", gridClass, className);
-		$[14] = className;
-		$[15] = gridClass;
-		$[16] = t6;
-	} else t6 = $[16];
 	let t7;
-	if ($[17] !== assets || $[18] !== handleToggle || $[19] !== onAssetClick || $[20] !== selectedIds || $[21] !== selectionMode) {
-		let t8$1;
-		if ($[23] !== handleToggle || $[24] !== onAssetClick || $[25] !== selectedIds || $[26] !== selectionMode) {
-			t8$1 = (asset) => /* @__PURE__ */ jsx(AssetItem, {
+	if ($[20] !== className || $[21] !== gridClass) {
+		t7 = cn("grid gap-3", gridClass, className);
+		$[20] = className;
+		$[21] = gridClass;
+		$[22] = t7;
+	} else t7 = $[22];
+	let t8;
+	if ($[23] !== assets || $[24] !== handleToggle || $[25] !== onAssetClick || $[26] !== selectedIds || $[27] !== selectionMode) {
+		let t9$1;
+		if ($[29] !== handleToggle || $[30] !== onAssetClick || $[31] !== selectedIds || $[32] !== selectionMode) {
+			t9$1 = (asset) => /* @__PURE__ */ jsx(AssetItem, {
 				asset,
 				selected: selectedIds.has(asset.id),
 				selectionMode,
 				onToggle: () => handleToggle(asset.id),
 				onClick: onAssetClick ? () => onAssetClick(asset) : void 0
 			}, asset.id);
-			$[23] = handleToggle;
-			$[24] = onAssetClick;
-			$[25] = selectedIds;
-			$[26] = selectionMode;
-			$[27] = t8$1;
-		} else t8$1 = $[27];
-		t7 = assets.map(t8$1);
-		$[17] = assets;
-		$[18] = handleToggle;
-		$[19] = onAssetClick;
-		$[20] = selectedIds;
-		$[21] = selectionMode;
-		$[22] = t7;
-	} else t7 = $[22];
-	let t8;
-	if ($[28] !== t6 || $[29] !== t7) {
-		t8 = /* @__PURE__ */ jsx("div", {
-			className: t6,
-			children: t7
+			$[29] = handleToggle;
+			$[30] = onAssetClick;
+			$[31] = selectedIds;
+			$[32] = selectionMode;
+			$[33] = t9$1;
+		} else t9$1 = $[33];
+		t8 = assets.map(t9$1);
+		$[23] = assets;
+		$[24] = handleToggle;
+		$[25] = onAssetClick;
+		$[26] = selectedIds;
+		$[27] = selectionMode;
+		$[28] = t8;
+	} else t8 = $[28];
+	let t9;
+	if ($[34] !== t7 || $[35] !== t8) {
+		t9 = /* @__PURE__ */ jsx("div", {
+			className: t7,
+			children: t8
 		});
-		$[28] = t6;
-		$[29] = t7;
-		$[30] = t8;
-	} else t8 = $[30];
-	return t8;
+		$[34] = t7;
+		$[35] = t8;
+		$[36] = t9;
+	} else t9 = $[36];
+	return t9;
 }
 
 //#endregion