@questpie/admin 3.0.2 → 3.0.4

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

@@ -35,7 +35,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 +86,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 +120,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 +132,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 +152,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;
@@ -241,7 +244,7 @@ function MediaGrid(t0) {
 	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);
+			t6$1 = cn("flex flex-col items-center justify-center p-8", "text-muted-foreground", className);
 			$[9] = className;
 			$[10] = t6$1;
 		} else t6$1 = $[10];