@questpie/admin 3.0.3 → 3.0.4

package/dist/client/components/primitives/asset-preview.mjs

@@ -182,7 +182,7 @@ function AssetPreview(t0) {
 			t14$1 = thumbnailUrl && !imageError ? /* @__PURE__ */ jsx("img", {
 				src: thumbnailUrl,
 				alt: asset.alt || filename,
-				className: "h-full w-full object-cover",
+				className: "image-outline h-full w-full object-cover",
 				onError: () => setImageError(true)
 			}) : /* @__PURE__ */ jsx("div", {
 				className: "flex h-full w-full items-center justify-center",
@@ -208,7 +208,7 @@ function AssetPreview(t0) {
 						icon: "ph:spinner-gap",
 						className: "text-muted-foreground size-6 animate-spin"
 					}), typeof progress === "number" && /* @__PURE__ */ jsxs("span", {
-						className: "text-muted-foreground absolute inset-0 flex items-center justify-center text-[10px] font-medium",
+						className: "text-muted-foreground absolute inset-0 flex items-center justify-center text-[10px] font-medium tabular-nums",
 						children: [progress, "%"]
 					})]
 				})
@@ -286,26 +286,35 @@ function AssetPreview(t0) {
 		if (isLoadingAsset) {
 			let t10$2;
 			if ($[44] !== className) {
-				t10$2 = cn("flex items-center gap-2 border p-2", "bg-muted border-border", className);
+				t10$2 = cn("panel-surface flex items-center gap-2 p-2", className);
 				$[44] = className;
 				$[45] = t10$2;
 			} else t10$2 = $[45];
 			let t11$2;
 			if ($[46] !== showDragHandle) {
-				t11$2 = showDragHandle && /* @__PURE__ */ jsx(Skeleton, { className: "-ml-1 size-4 rounded" });
+				t11$2 = showDragHandle && /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "-ml-1 size-4"
+				});
 				$[46] = showDragHandle;
 				$[47] = t11$2;
 			} else t11$2 = $[47];
 			let t12$2;
 			if ($[48] === Symbol.for("react.memo_cache_sentinel")) {
-				t12$2 = /* @__PURE__ */ jsx(Skeleton, { className: "size-8 shrink-0 rounded" });
+				t12$2 = /* @__PURE__ */ jsx(Skeleton, { className: "size-8 shrink-0" });
 				$[48] = t12$2;
 			} else t12$2 = $[48];
 			let t13$2;
 			if ($[49] === Symbol.for("react.memo_cache_sentinel")) {
 				t13$2 = /* @__PURE__ */ jsxs("div", {
 					className: "min-w-0 flex-1 space-y-1.5",
-					children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-16 rounded" })]
+					children: [/* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						className: "h-4 w-32"
+					}), /* @__PURE__ */ jsx(Skeleton, {
+						variant: "text",
+						className: "h-3 w-16"
+					})]
 				});
 				$[49] = t13$2;
 			} else t13$2 = $[49];
@@ -346,10 +355,10 @@ function AssetPreview(t0) {
 		} else t10$1 = $[56];
 		const compactInteractiveProps = t10$1;
 		const t11$1 = disabled && "opacity-60";
-		const t12$1 = onClick && !disabled && "hover:border-border cursor-pointer";
+		const t12$1 = onClick && !disabled && "hover:bg-accent/20 cursor-pointer";
 		let t13$1;
 		if ($[57] !== className || $[58] !== t11$1 || $[59] !== t12$1) {
-			t13$1 = cn("group flex items-center gap-2 border p-2", "bg-muted border-border", t11$1, t12$1, className);
+			t13$1 = cn("panel-surface group flex items-center gap-2 p-2", t11$1, t12$1, className);
 			$[57] = className;
 			$[58] = t11$1;
 			$[59] = t12$1;
@@ -373,11 +382,11 @@ function AssetPreview(t0) {
 		let t15$1;
 		if ($[64] !== asset.alt || $[65] !== fileIconName || $[66] !== filename || $[67] !== imageError || $[68] !== thumbnailUrl) {
 			t15$1 = /* @__PURE__ */ jsx("div", {
-				className: "bg-muted flex size-8 shrink-0 items-center justify-center overflow-hidden rounded",
+				className: "bg-muted flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-sm",
 				children: thumbnailUrl && !imageError ? /* @__PURE__ */ jsx("img", {
 					src: thumbnailUrl,
 					alt: asset.alt || filename,
-					className: "h-full w-full object-cover",
+					className: "image-outline h-full w-full object-cover",
 					onError: () => setImageError(true)
 				}) : /* @__PURE__ */ jsx(Icon, {
 					icon: fileIconName,
@@ -403,7 +412,7 @@ function AssetPreview(t0) {
 		let t17$1;
 		if ($[72] !== size) {
 			t17$1 = size && /* @__PURE__ */ jsx("p", {
-				className: "text-muted-foreground text-xs",
+				className: "text-muted-foreground text-xs tabular-nums",
 				children: formatFileSize(size)
 			});
 			$[72] = size;
@@ -501,7 +510,7 @@ function AssetPreview(t0) {
 	if (isLoadingAsset) {
 		let t10$1;
 		if ($[93] !== className) {
-			t10$1 = cn("overflow-hidden border", "bg-muted border-border", className);
+			t10$1 = cn("panel-surface overflow-hidden", className);
 			$[93] = className;
 			$[94] = t10$1;
 		} else t10$1 = $[94];
@@ -514,7 +523,13 @@ function AssetPreview(t0) {
 		if ($[96] === Symbol.for("react.memo_cache_sentinel")) {
 			t12$1 = /* @__PURE__ */ jsxs("div", {
 				className: "space-y-1.5 p-3",
-				children: [/* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4 rounded" }), /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2 rounded" })]
+				children: [/* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "h-4 w-3/4"
+				}), /* @__PURE__ */ jsx(Skeleton, {
+					variant: "text",
+					className: "h-3 w-1/2"
+				})]
 			});
 			$[96] = t12$1;
 		} else t12$1 = $[96];
@@ -550,10 +565,10 @@ function AssetPreview(t0) {
 	} else t10 = $[102];
 	const cardInteractiveProps = t10;
 	const t11 = disabled && "opacity-60";
-	const t12 = onClick && !disabled && "hover:border-border cursor-pointer";
+	const t12 = onClick && !disabled && "hover:bg-accent/20 cursor-pointer";
 	let t13;
 	if ($[103] !== className || $[104] !== t11 || $[105] !== t12) {
-		t13 = cn("group relative overflow-hidden border", "bg-muted border-border", t11, t12, className);
+		t13 = cn("panel-surface group relative overflow-hidden", t11, t12, className);
 		$[103] = className;
 		$[104] = t11;
 		$[105] = t12;
@@ -579,7 +594,7 @@ function AssetPreview(t0) {
 		t15 = thumbnailUrl && !imageError ? /* @__PURE__ */ jsx("img", {
 			src: thumbnailUrl,
 			alt: asset.alt || filename,
-			className: "h-full w-full object-contain",
+			className: "image-outline h-full w-full object-contain",
 			onError: () => setImageError(true)
 		}) : /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full w-full flex-col items-center justify-center gap-2",
@@ -587,7 +602,7 @@ function AssetPreview(t0) {
 				icon: fileIconName,
 				className: "text-muted-foreground size-12"
 			}), extension && /* @__PURE__ */ jsx("span", {
-				className: "bg-muted text-muted-foreground rounded px-2 py-0.5 text-xs font-medium",
+				className: "item-surface border-border bg-muted text-muted-foreground px-2 py-0.5 text-xs font-medium",
 				children: extension
 			})]
 		});
@@ -607,12 +622,12 @@ function AssetPreview(t0) {
 				icon: "ph:spinner-gap",
 				className: "text-muted-foreground size-8 animate-spin"
 			}), typeof progress === "number" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
-				className: "text-muted-foreground text-sm font-medium",
+				className: "text-muted-foreground text-sm font-medium tabular-nums",
 				children: [progress, "%"]
 			}), /* @__PURE__ */ jsx("div", {
-				className: "bg-muted h-1.5 w-24 overflow-hidden rounded-full",
+				className: "bg-muted h-1.5 w-24 overflow-hidden rounded-sm",
 				children: /* @__PURE__ */ jsx("div", {
-					className: "bg-primary h-full rounded-full transition-all duration-300",
+					className: "bg-primary h-full rounded-sm transition-[width] duration-300",
 					style: { width: `${progress}%` }
 				})
 			})] })]
@@ -679,7 +694,7 @@ function AssetPreview(t0) {
 	let t22;
 	if ($[134] !== t20 || $[135] !== t21) {
 		t22 = /* @__PURE__ */ jsxs("p", {
-			className: "text-muted-foreground text-xs",
+			className: "text-muted-foreground text-xs tabular-nums",
 			children: [t20, t21]
 		});
 		$[134] = t20;
@@ -730,7 +745,7 @@ function AssetPreview(t0) {
 	let t25;
 	if ($[145] !== t23 || $[146] !== t24) {
 		t25 = /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 border-t p-2",
+			className: "border-border flex items-center gap-2 border-t p-2",
 			children: [t23, t24]
 		});
 		$[145] = t23;