@questpie/admin 3.0.2 → 3.0.4

package/dist/client/views/collection/bulk-action-toolbar.mjs

@@ -40,7 +40,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 * ```
 */
 function BulkActionToolbar(t0) {
-	const $ = c(80);
+	const $ = c(86);
 	const { table, actions, collection, helpers, totalCount, pageCount, onOpenDialog, onSelectAllMatching, onBulkDelete, onBulkRestore, filterCount: t1, onClearFilters, onOpenFilters } = t0;
 	const filterCount = t1 === void 0 ? 0 : t1;
 	const { t } = useTranslation();
@@ -113,10 +113,32 @@ function BulkActionToolbar(t0) {
 	const visibleActions = t6;
 	const hasFilters = filterCount > 0;
 	const hasSelection = selectedCount > 0;
-	if (!hasSelection && !hasFilters) return null;
+	const isVisible = hasSelection || hasFilters;
+	const [shouldRender, setShouldRender] = React.useState(isVisible);
 	let t7;
-	if ($[17] !== ctx || $[18] !== helpers || $[19] !== onBulkDelete || $[20] !== onBulkRestore || $[21] !== onOpenDialog || $[22] !== selectedItems || $[23] !== t || $[24] !== table) {
-		t7 = async (action_0) => {
+	let t8;
+	if ($[17] !== isVisible) {
+		t7 = () => {
+			if (isVisible) {
+				setShouldRender(true);
+				return;
+			}
+			const timeout = window.setTimeout(() => setShouldRender(false), 180);
+			return () => window.clearTimeout(timeout);
+		};
+		t8 = [isVisible];
+		$[17] = isVisible;
+		$[18] = t7;
+		$[19] = t8;
+	} else {
+		t7 = $[18];
+		t8 = $[19];
+	}
+	React.useEffect(t7, t8);
+	if (!shouldRender) return null;
+	let t9;
+	if ($[20] !== ctx || $[21] !== helpers || $[22] !== onBulkDelete || $[23] !== onBulkRestore || $[24] !== onOpenDialog || $[25] !== selectedItems || $[26] !== t || $[27] !== table) {
+		t9 = async (action_0) => {
 			const { handler } = action_0;
 			if (action_0.id === "deleteMany" && onBulkDelete) {
 				setIsLoading(true);
@@ -125,7 +147,7 @@ function BulkActionToolbar(t0) {
 					await onBulkDelete(ids);
 					table.resetRowSelection();
 					setIsLoading(false);
-				} catch (t8$1) {
+				} catch (t10$1) {
 					helpers.toast.error(t("collection.bulkDeleteError"));
 					setIsLoading(false);
 				}
@@ -138,13 +160,13 @@ function BulkActionToolbar(t0) {
 					await onBulkRestore(ids_0);
 					table.resetRowSelection();
 					setIsLoading(false);
-				} catch (t9$1) {
+				} catch (t11$1) {
 					helpers.toast.error(t("collection.bulkRestoreError"));
 					setIsLoading(false);
 				}
 				return;
 			}
-			bb87: switch (handler.type) {
+			bb96: switch (handler.type) {
 				case "api": {
 					setIsLoading(true);
 					const ids_1 = selectedItems.map(_temp4).filter(Boolean);
@@ -154,11 +176,11 @@ function BulkActionToolbar(t0) {
 						helpers.refresh();
 						table.resetRowSelection();
 						setIsLoading(false);
-					} catch (t10$1) {
+					} catch (t12$1) {
 						helpers.toast.error(t("collection.bulkActionFailed"));
 						setIsLoading(false);
 					}
-					break bb87;
+					break bb96;
 				}
 				case "custom":
 					setIsLoading(true);
@@ -166,95 +188,97 @@ function BulkActionToolbar(t0) {
 						await handler.fn(ctx);
 						table.resetRowSelection();
 						setIsLoading(false);
-					} catch (t11$1) {
+					} catch (t13$1) {
 						helpers.toast.error(t("collection.bulkActionFailed"));
 						setIsLoading(false);
 					}
-					break bb87;
+					break bb96;
 				case "dialog":
 				case "form":
 					onOpenDialog?.(action_0, selectedItems);
-					break bb87;
+					break bb96;
 				case "navigate":
 					helpers.toast.error("Navigate action not supported for bulk operations");
-					break bb87;
+					break bb96;
 				case "server": onOpenDialog?.(action_0, selectedItems);
 			}
 		};
-		$[17] = ctx;
-		$[18] = helpers;
-		$[19] = onBulkDelete;
-		$[20] = onBulkRestore;
-		$[21] = onOpenDialog;
-		$[22] = selectedItems;
-		$[23] = t;
-		$[24] = table;
-		$[25] = t7;
-	} else t7 = $[25];
-	const executeBulkAction = t7;
-	let t8;
-	if ($[26] !== executeBulkAction) {
-		t8 = (action_1) => {
+		$[20] = ctx;
+		$[21] = helpers;
+		$[22] = onBulkDelete;
+		$[23] = onBulkRestore;
+		$[24] = onOpenDialog;
+		$[25] = selectedItems;
+		$[26] = t;
+		$[27] = table;
+		$[28] = t9;
+	} else t9 = $[28];
+	const executeBulkAction = t9;
+	let t10;
+	if ($[29] !== executeBulkAction) {
+		t10 = (action_1) => {
 			if (action_1.confirmation) setConfirmAction(action_1);
 			else executeBulkAction(action_1);
 		};
-		$[26] = executeBulkAction;
-		$[27] = t8;
-	} else t8 = $[27];
-	const handleActionClick = t8;
-	let t9;
-	if ($[28] !== confirmAction || $[29] !== executeBulkAction) {
-		t9 = async () => {
+		$[29] = executeBulkAction;
+		$[30] = t10;
+	} else t10 = $[30];
+	const handleActionClick = t10;
+	let t11;
+	if ($[31] !== confirmAction || $[32] !== executeBulkAction) {
+		t11 = async () => {
 			if (confirmAction) {
 				await executeBulkAction(confirmAction);
 				setConfirmAction(null);
 			}
 		};
-		$[28] = confirmAction;
-		$[29] = executeBulkAction;
-		$[30] = t9;
-	} else t9 = $[30];
-	const handleConfirm = t9;
-	let t10;
-	if ($[31] !== onSelectAllMatching) {
-		t10 = async () => {
+		$[31] = confirmAction;
+		$[32] = executeBulkAction;
+		$[33] = t11;
+	} else t11 = $[33];
+	const handleConfirm = t11;
+	let t12;
+	if ($[34] !== onSelectAllMatching) {
+		t12 = async () => {
 			if (!onSelectAllMatching) return;
 			setIsSelectingAll(true);
 			try {
 				await onSelectAllMatching();
 				setIsSelectingAll(false);
-			} catch (t11$1) {
-				const _err = t11$1;
+			} catch (t13$1) {
+				const _err = t13$1;
 				setIsSelectingAll(false);
 				throw _err;
 			}
 		};
-		$[31] = onSelectAllMatching;
-		$[32] = t10;
-	} else t10 = $[32];
-	const handleSelectAllMatching = t10;
-	let t11;
-	if ($[33] !== ctx) {
-		t11 = (action_2) => {
+		$[34] = onSelectAllMatching;
+		$[35] = t12;
+	} else t12 = $[35];
+	const handleSelectAllMatching = t12;
+	let t13;
+	if ($[36] !== ctx) {
+		t13 = (action_2) => {
 			if (action_2.disabled === void 0) return false;
 			if (typeof action_2.disabled === "function") return action_2.disabled(ctx);
 			return action_2.disabled;
 		};
-		$[33] = ctx;
-		$[34] = t11;
-	} else t11 = $[34];
-	const isDisabled = t11;
-	let t12;
-	let t13;
+		$[36] = ctx;
+		$[37] = t13;
+	} else t13 = $[37];
+	const isDisabled = t13;
 	let t14;
 	let t15;
-	if ($[35] !== filterCount || $[36] !== handleActionClick || $[37] !== handleSelectAllMatching || $[38] !== hasFilters || $[39] !== hasSelection || $[40] !== isDisabled || $[41] !== isLoading || $[42] !== isSelectingAll || $[43] !== onClearFilters || $[44] !== onOpenFilters || $[45] !== onSelectAllMatching || $[46] !== pageCount || $[47] !== resolveText || $[48] !== selectedCount || $[49] !== t || $[50] !== table || $[51] !== totalCount || $[52] !== visibleActions) {
+	let t16;
+	let t17;
+	let t18;
+	if ($[38] !== filterCount || $[39] !== handleActionClick || $[40] !== handleSelectAllMatching || $[41] !== hasFilters || $[42] !== hasSelection || $[43] !== isDisabled || $[44] !== isLoading || $[45] !== isSelectingAll || $[46] !== isVisible || $[47] !== onClearFilters || $[48] !== onOpenFilters || $[49] !== onSelectAllMatching || $[50] !== pageCount || $[51] !== resolveText || $[52] !== selectedCount || $[53] !== t || $[54] !== table || $[55] !== totalCount || $[56] !== visibleActions) {
 		const regularActions = visibleActions.filter(_temp5);
 		const destructiveActions = visibleActions.filter(_temp6);
-		t15 = "qa-bulk-toolbar animate-in slide-in-from-bottom-4 fade-in fixed bottom-6 left-1/2 z-50 max-w-[calc(100%-2rem)] -translate-x-1/2 duration-200 sm:max-w-none";
-		t12 = "qa-bulk-toolbar__bar bg-background border-border flex items-center gap-2 overflow-x-auto rounded-full border px-3 py-2 shadow-lg sm:gap-3 sm:px-4 sm:py-2.5";
-		if ($[57] !== filterCount || $[58] !== hasFilters || $[59] !== hasSelection || $[60] !== onClearFilters || $[61] !== onOpenFilters || $[62] !== t) {
-			t13 = hasFilters && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
+		t17 = isVisible ? "open" : "closed";
+		t18 = "qa-bulk-toolbar fixed bottom-6 left-1/2 z-50 max-w-[calc(100%-2rem)] -translate-x-1/2 transition-[opacity,translate,scale] duration-[var(--motion-duration-slow)] ease-[var(--motion-ease-enter)] data-[state=closed]:pointer-events-none data-[state=closed]:translate-y-2 data-[state=closed]:scale-[0.98] data-[state=closed]:opacity-0 data-[state=open]:translate-y-0 data-[state=open]:scale-100 data-[state=open]:opacity-100 motion-reduce:transition-none sm:max-w-none";
+		t14 = "qa-bulk-toolbar__bar bg-background border-border flex items-center gap-2 overflow-x-auto rounded-full border px-3 py-2 shadow-lg transition-[gap,padding] duration-[var(--motion-duration-base)] ease-[var(--motion-ease-standard)] sm:gap-3 sm:px-4 sm:py-2.5";
+		if ($[62] !== filterCount || $[63] !== hasFilters || $[64] !== hasSelection || $[65] !== onClearFilters || $[66] !== onOpenFilters || $[67] !== t) {
+			t15 = hasFilters && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex shrink-0 items-center gap-2",
 				children: [onOpenFilters ? /* @__PURE__ */ jsxs(Button, {
 					variant: "ghost",
@@ -265,13 +289,13 @@ function BulkActionToolbar(t0) {
 						icon: "ph:funnel-fill",
 						width: 14,
 						height: 14,
-						className: "text-primary"
+						className: "text-foreground"
 					}), t("viewOptions.activeFilters", { count: filterCount })]
 				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
 					icon: "ph:funnel-fill",
 					width: 14,
 					height: 14,
-					className: "text-primary"
+					className: "text-foreground"
 				}), /* @__PURE__ */ jsx("span", {
 					className: "text-sm font-medium whitespace-nowrap",
 					children: t("viewOptions.activeFilters", { count: filterCount })
@@ -282,21 +306,27 @@ function BulkActionToolbar(t0) {
 					className: "h-6 px-2 text-xs",
 					children: t("viewOptions.clearFilters")
 				})]
-			}), hasSelection && /* @__PURE__ */ jsx("div", { className: "bg-border h-4 w-px shrink-0" })] });
-			$[57] = filterCount;
-			$[58] = hasFilters;
-			$[59] = hasSelection;
-			$[60] = onClearFilters;
-			$[61] = onOpenFilters;
-			$[62] = t;
-			$[63] = t13;
-		} else t13 = $[63];
-		t14 = hasSelection && /* @__PURE__ */ jsxs(Fragment, { children: [
+			}), hasSelection && /* @__PURE__ */ jsx("div", {
+				className: "qa-bulk-toolbar__divider bg-border h-4 w-px shrink-0",
+				"aria-hidden": "true"
+			})] });
+			$[62] = filterCount;
+			$[63] = hasFilters;
+			$[64] = hasSelection;
+			$[65] = onClearFilters;
+			$[66] = onOpenFilters;
+			$[67] = t;
+			$[68] = t15;
+		} else t15 = $[68];
+		t16 = hasSelection && /* @__PURE__ */ jsxs(Fragment, { children: [
 			/* @__PURE__ */ jsx("span", {
 				className: "shrink-0 text-sm font-medium whitespace-nowrap",
 				children: t("collection.selected", { count: selectedCount })
 			}),
-			/* @__PURE__ */ jsx("div", { className: "bg-border h-4 w-px shrink-0" }),
+			/* @__PURE__ */ jsx("div", {
+				className: "qa-bulk-toolbar__divider bg-border h-4 w-px shrink-0",
+				"aria-hidden": "true"
+			}),
 			/* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsxs(DropdownMenuTrigger, {
 				nativeButton: false,
 				render: /* @__PURE__ */ jsx(Button, {
@@ -380,58 +410,63 @@ function BulkActionToolbar(t0) {
 				})]
 			})
 		] });
-		$[35] = filterCount;
-		$[36] = handleActionClick;
-		$[37] = handleSelectAllMatching;
-		$[38] = hasFilters;
-		$[39] = hasSelection;
-		$[40] = isDisabled;
-		$[41] = isLoading;
-		$[42] = isSelectingAll;
-		$[43] = onClearFilters;
-		$[44] = onOpenFilters;
-		$[45] = onSelectAllMatching;
-		$[46] = pageCount;
-		$[47] = resolveText;
-		$[48] = selectedCount;
-		$[49] = t;
-		$[50] = table;
-		$[51] = totalCount;
-		$[52] = visibleActions;
-		$[53] = t12;
-		$[54] = t13;
-		$[55] = t14;
-		$[56] = t15;
+		$[38] = filterCount;
+		$[39] = handleActionClick;
+		$[40] = handleSelectAllMatching;
+		$[41] = hasFilters;
+		$[42] = hasSelection;
+		$[43] = isDisabled;
+		$[44] = isLoading;
+		$[45] = isSelectingAll;
+		$[46] = isVisible;
+		$[47] = onClearFilters;
+		$[48] = onOpenFilters;
+		$[49] = onSelectAllMatching;
+		$[50] = pageCount;
+		$[51] = resolveText;
+		$[52] = selectedCount;
+		$[53] = t;
+		$[54] = table;
+		$[55] = totalCount;
+		$[56] = visibleActions;
+		$[57] = t14;
+		$[58] = t15;
+		$[59] = t16;
+		$[60] = t17;
+		$[61] = t18;
 	} else {
-		t12 = $[53];
-		t13 = $[54];
-		t14 = $[55];
-		t15 = $[56];
+		t14 = $[57];
+		t15 = $[58];
+		t16 = $[59];
+		t17 = $[60];
+		t18 = $[61];
 	}
-	let t16;
-	if ($[64] !== t12 || $[65] !== t13 || $[66] !== t14) {
-		t16 = /* @__PURE__ */ jsxs("div", {
-			className: t12,
-			children: [t13, t14]
+	let t19;
+	if ($[69] !== t14 || $[70] !== t15 || $[71] !== t16) {
+		t19 = /* @__PURE__ */ jsxs("div", {
+			className: t14,
+			children: [t15, t16]
 		});
-		$[64] = t12;
-		$[65] = t13;
-		$[66] = t14;
-		$[67] = t16;
-	} else t16 = $[67];
-	let t17;
-	if ($[68] !== t15 || $[69] !== t16) {
-		t17 = /* @__PURE__ */ jsx("div", {
-			className: t15,
-			children: t16
+		$[69] = t14;
+		$[70] = t15;
+		$[71] = t16;
+		$[72] = t19;
+	} else t19 = $[72];
+	let t20;
+	if ($[73] !== t17 || $[74] !== t18 || $[75] !== t19) {
+		t20 = /* @__PURE__ */ jsx("div", {
+			"data-state": t17,
+			className: t18,
+			children: t19
 		});
-		$[68] = t15;
-		$[69] = t16;
-		$[70] = t17;
-	} else t17 = $[70];
-	let t18;
-	if ($[71] !== confirmAction || $[72] !== handleConfirm || $[73] !== isLoading || $[74] !== resolveText || $[75] !== selectedCount) {
-		t18 = confirmAction?.confirmation && /* @__PURE__ */ jsx(ConfirmationDialog, {
+		$[73] = t17;
+		$[74] = t18;
+		$[75] = t19;
+		$[76] = t20;
+	} else t20 = $[76];
+	let t21;
+	if ($[77] !== confirmAction || $[78] !== handleConfirm || $[79] !== isLoading || $[80] !== resolveText || $[81] !== selectedCount) {
+		t21 = confirmAction?.confirmation && /* @__PURE__ */ jsx(ConfirmationDialog, {
 			open: !!confirmAction,
 			onOpenChange: (open) => !open && setConfirmAction(null),
 			config: {
@@ -441,21 +476,21 @@ function BulkActionToolbar(t0) {
 			onConfirm: handleConfirm,
 			loading: isLoading
 		});
-		$[71] = confirmAction;
-		$[72] = handleConfirm;
-		$[73] = isLoading;
-		$[74] = resolveText;
-		$[75] = selectedCount;
-		$[76] = t18;
-	} else t18 = $[76];
-	let t19;
-	if ($[77] !== t17 || $[78] !== t18) {
-		t19 = /* @__PURE__ */ jsxs(Fragment, { children: [t17, t18] });
-		$[77] = t17;
-		$[78] = t18;
-		$[79] = t19;
-	} else t19 = $[79];
-	return t19;
+		$[77] = confirmAction;
+		$[78] = handleConfirm;
+		$[79] = isLoading;
+		$[80] = resolveText;
+		$[81] = selectedCount;
+		$[82] = t21;
+	} else t21 = $[82];
+	let t22;
+	if ($[83] !== t20 || $[84] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Fragment, { children: [t20, t21] });
+		$[83] = t20;
+		$[84] = t21;
+		$[85] = t22;
+	} else t22 = $[85];
+	return t22;
 }
 function _temp6(a_0) {
 	return a_0.variant === "destructive";

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

@@ -162,18 +162,18 @@ function ObjectCell(t0) {
 						className: "py-1",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-1.5 text-xs font-medium",
-							children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), label_0]
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 rounded-full" }), label_0]
 						}), /* @__PURE__ */ jsx("div", {
-							className: "border-border mt-0.5 ml-2.5 space-y-0.5 border-l pl-2",
+							className: "bg-muted/50 mt-1 ml-3 space-y-0.5 rounded-sm px-2 py-1.5",
 							children: nestedEntries.map(_temp)
 						})]
 					}, key_0);
 				}
 				if (Array.isArray(val_0)) return /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between gap-2 py-0.5 text-xs",
+					className: "item-surface border-border flex items-center justify-between gap-2 px-2 py-1 text-xs",
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), /* @__PURE__ */ jsx("span", {
+						children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 rounded-full" }), /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground",
 							children: label_0
 						})]
@@ -184,10 +184,10 @@ function ObjectCell(t0) {
 					})]
 				}, key_0);
 				return /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center justify-between gap-2 py-0.5 text-xs",
+					className: "item-surface border-border flex items-center justify-between gap-2 px-2 py-1 text-xs",
 					children: [/* @__PURE__ */ jsxs("span", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), /* @__PURE__ */ jsx("span", {
+						children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 rounded-full" }), /* @__PURE__ */ jsx("span", {
 							className: "text-muted-foreground",
 							children: label_0
 						})]
@@ -397,9 +397,9 @@ function ArrayCell(t0) {
 						className: "py-1",
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "flex items-center gap-1.5 text-xs font-medium",
-							children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), label]
+							children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 rounded-full" }), label]
 						}), details.length > 0 && /* @__PURE__ */ jsx("div", {
-							className: "border-border mt-0.5 ml-2.5 space-y-0.5 border-l pl-2",
+							className: "bg-muted/50 mt-1 ml-3 space-y-0.5 rounded-sm px-2 py-1.5",
 							children: details.map((t10$1) => {
 								const [k_0, v] = t10$1;
 								const itemFieldDef = itemFields?.[k_0];
@@ -418,8 +418,8 @@ function ArrayCell(t0) {
 					}, String(itemId));
 				}
 				return /* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-1.5 py-0.5 text-xs",
-					children: [/* @__PURE__ */ jsx("span", { className: "bg-foreground/60 size-1 rounded-full" }), formatPrimitiveValue(item_0)]
+					className: "item-surface border-border flex items-center gap-1.5 px-2 py-1 text-xs",
+					children: [/* @__PURE__ */ jsx("span", { className: "bg-muted-foreground/50 size-1.5 rounded-full" }), formatPrimitiveValue(item_0)]
 				}, `item-${String(item_0)}`);
 			};
 			$[25] = itemFields;
@@ -609,14 +609,14 @@ function BlocksCell(t0) {
 	const extraTypes = entries.length - preview.length;
 	let t3;
 	if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
-		t3 = cn("inline-flex items-center gap-1.5 text-xs", "text-muted-foreground hover:text-foreground", "max-w-[220px] cursor-default transition-colors");
+		t3 = cn("inline-flex h-6 max-w-[240px] cursor-default items-center gap-2 rounded-md px-1.5 text-xs", "text-muted-foreground hover:bg-surface-high hover:text-foreground", "transition-[background-color,color] duration-150 ease-out");
 		$[12] = t3;
 	} else t3 = $[12];
 	let t4;
 	if ($[13] !== total) {
 		t4 = /* @__PURE__ */ jsx(Badge, {
-			variant: "secondary",
-			className: "h-4 min-w-4 shrink-0 px-1 text-[10px]",
+			variant: "outline",
+			className: "h-5 min-w-5 shrink-0 px-1.5 text-[10px]",
 			children: total
 		});
 		$[13] = total;
@@ -659,8 +659,8 @@ function BlocksCell(t0) {
 	let t11;
 	if ($[25] !== total) {
 		t11 = /* @__PURE__ */ jsx(Badge, {
-			variant: "secondary",
-			className: "h-4 px-1 text-[10px]",
+			variant: "outline",
+			className: "h-5 px-1.5 text-[10px]",
 			children: total
 		});
 		$[25] = total;
@@ -669,7 +669,7 @@ function BlocksCell(t0) {
 	let t12;
 	if ($[27] !== t10 || $[28] !== t11) {
 		t12 = /* @__PURE__ */ jsxs("div", {
-			className: "text-muted-foreground border-border flex items-center justify-between border-b px-2 py-1.5 text-[11px]",
+			className: "text-muted-foreground flex items-center justify-between px-2 py-1 text-[11px]",
 			children: [t10, t11]
 		});
 		$[27] = t10;
@@ -679,7 +679,7 @@ function BlocksCell(t0) {
 	let t13;
 	if ($[30] !== entries) {
 		t13 = /* @__PURE__ */ jsx("div", {
-			className: "max-h-[280px] space-y-0.5 overflow-y-auto p-2",
+			className: "max-h-[280px] space-y-0.5 overflow-y-auto p-1",
 			children: entries.slice(0, 10).map(_temp5)
 		});
 		$[30] = entries;
@@ -688,7 +688,7 @@ function BlocksCell(t0) {
 	let t14;
 	if ($[32] !== entries.length || $[33] !== t) {
 		t14 = entries.length > 10 && /* @__PURE__ */ jsx("div", {
-			className: "text-muted-foreground border-border border-t py-1.5 text-center text-[11px]",
+			className: "text-muted-foreground py-1.5 text-center text-[11px]",
 			children: t("cell.more", { count: entries.length - 10 })
 		});
 		$[32] = entries.length;
@@ -700,7 +700,7 @@ function BlocksCell(t0) {
 		t15 = /* @__PURE__ */ jsxs(TooltipContent, {
 			side: "bottom",
 			align: "start",
-			className: "bg-popover border-border w-64 max-w-[90vw] p-0",
+			className: "w-64 max-w-[90vw] p-1",
 			children: [
 				t12,
 				t13,
@@ -723,13 +723,13 @@ function BlocksCell(t0) {
 }
 function _temp5(entry_0) {
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex items-center justify-between gap-2 py-0.5 text-xs",
+		className: "flex h-7 items-center justify-between gap-2 rounded-md px-2 text-xs",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: "truncate",
 			children: entry_0.label
 		}), /* @__PURE__ */ jsx(Badge, {
-			variant: "secondary",
-			className: "h-4 px-1 text-[10px]",
+			variant: "outline",
+			className: "h-5 px-1.5 text-[10px]",
 			children: entry_0.count
 		})]
 	}, entry_0.type);

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

@@ -353,7 +353,7 @@ function EmailCell(t0) {
 	let t2;
 	if ($[1] !== t1) {
 		t2 = /* @__PURE__ */ jsx("span", {
-			className: "text-primary",
+			className: "text-foreground",
 			children: t1
 		});
 		$[1] = t1;