@protobase/ui 0.19.5 → 0.19.6

package/dist/account/account-section.js

@@ -8,12 +8,12 @@ const AccountSection = ({ title, status, description, children }) => /* @__PURE_
 		/* @__PURE__ */ jsxs("div", {
 			className: "flex flex-wrap items-center gap-2",
 			children: [/* @__PURE__ */ jsx("h2", {
-				className: "text-[15px] font-semibold",
+				className: "text-[16px] font-semibold",
 				children: title
 			}), status]
 		}),
 		/* @__PURE__ */ jsx("p", {
-			className: "mt-1 text-[13px] text-muted-foreground",
+			className: "mt-1 text-muted-foreground",
 			children: description
 		}),
 		children && /* @__PURE__ */ jsx("div", {

package/dist/account/account-security-page.js

@@ -69,10 +69,10 @@ const AccountSecurityPage = ({ email }) => {
 			})
 		] }) : error ? /* @__PURE__ */ jsx("p", {
 			role: "alert",
-			className: "text-[13px] text-danger-text",
+			className: "text-danger-text",
 			children: error
 		}) : /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+			className: "flex items-center gap-2 text-muted-foreground",
 			children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 		})]
 	});

package/dist/account/backup-codes.js

@@ -12,7 +12,7 @@ const BackupCodes = ({ codes }) => {
 		className: "flex flex-col gap-3",
 		children: [/* @__PURE__ */ jsx("ul", {
 			"aria-label": "Backup codes",
-			className: "grid grid-cols-2 gap-x-4 gap-y-1 rounded-md border bg-surface p-3 font-mono text-[13px]",
+			className: "grid grid-cols-2 gap-x-4 gap-y-1 rounded-md border bg-surface p-3 font-mono",
 			children: codes.map((code) => /* @__PURE__ */ jsx("li", { children: code }, code))
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-wrap gap-2",

package/dist/account/passkeys-section.js

@@ -51,7 +51,7 @@ const PasskeysSection = ({ rule, passkeys, onAdd, onRename, onRemove }) => {
 						/* @__PURE__ */ jsxs("span", {
 							className: "min-w-0 flex-1",
 							children: [/* @__PURE__ */ jsx("span", {
-								className: "block truncate text-[13px] font-medium",
+								className: "block truncate font-medium",
 								children: passkey.name ?? "Passkey"
 							}), /* @__PURE__ */ jsxs("span", {
 								className: "block text-xs text-muted-foreground",
@@ -110,7 +110,7 @@ const PasskeysSection = ({ rule, passkeys, onAdd, onRename, onRemove }) => {
 					children: "Save"
 				})] }),
 				children: [/* @__PURE__ */ jsxs("label", {
-					className: "flex flex-col gap-1.5 text-[13px] font-medium",
+					className: "flex flex-col gap-1.5 font-medium",
 					children: ["Name", /* @__PURE__ */ jsx(Input, {
 						autoFocus: true,
 						value: name,

package/dist/account/password-dialog.js

@@ -37,7 +37,7 @@ const PasswordDialog = ({ title, description, confirmLabel, danger, needsPasswor
 			children: confirmLabel
 		})] }),
 		children: [needsPassword && /* @__PURE__ */ jsxs("label", {
-			className: "flex flex-col gap-1.5 text-[13px] font-medium",
+			className: "flex flex-col gap-1.5 font-medium",
 			children: ["Your password", /* @__PURE__ */ jsx(Input, {
 				type: "password",
 				autoComplete: "current-password",

package/dist/account/sign-in-policy-form.js

@@ -59,11 +59,11 @@ const SignInPolicyForm = ({ state, onSave, busy, error, notice }) => {
 							className: "min-w-0",
 							children: [
 								/* @__PURE__ */ jsx("h2", {
-									className: "text-[13px] font-semibold",
+									className: "font-semibold",
 									children: row.label
 								}),
 								/* @__PURE__ */ jsx("p", {
-									className: "mt-0.5 text-[13px] text-muted-foreground",
+									className: "mt-0.5 text-muted-foreground",
 									children: row.description
 								}),
 								note && /* @__PURE__ */ jsx("p", {

package/dist/account/sign-in-policy-page.js

@@ -60,10 +60,10 @@ const SignInPolicyPage = () => {
 			onSave: (policy) => void save(policy)
 		}, state.savedAt ?? "default"), state.operator && /* @__PURE__ */ jsx(StaffSignIns, { operator: state.operator })] }) : error ? /* @__PURE__ */ jsx("p", {
 			role: "alert",
-			className: "text-[13px] text-danger-text",
+			className: "text-danger-text",
 			children: error
 		}) : /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+			className: "flex items-center gap-2 text-muted-foreground",
 			children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 		})]
 	});

package/dist/account/sign-in-providers-section.js

@@ -32,7 +32,7 @@ const SignInProvidersSection = ({ providers, linked, onConnect, error: returned
 				children: [
 					/* @__PURE__ */ jsx(Link2, { className: "size-4 shrink-0 text-muted-foreground" }),
 					/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 flex-1 truncate text-[13px] font-medium",
+						className: "min-w-0 flex-1 truncate font-medium",
 						children: provider.name
 					}),
 					linked.includes(provider.id) ? /* @__PURE__ */ jsx(Badge, {

package/dist/account/staff-sign-in-log.js

@@ -20,7 +20,7 @@ const StaffSignInLog = ({ signIns, operator, error, now = Date.now() }) => /* @_
 	children: [
 		/* @__PURE__ */ jsx(SectionError, { message: error }),
 		signIns && signIns.length === 0 && /* @__PURE__ */ jsx("p", {
-			className: "text-[13px] text-muted-foreground",
+			className: "text-muted-foreground",
 			children: "No staff has signed in as anyone yet."
 		}),
 		signIns && signIns.length > 0 && /* @__PURE__ */ jsx("ul", {
@@ -29,7 +29,7 @@ const StaffSignInLog = ({ signIns, operator, error, now = Date.now() }) => /* @_
 				className: "flex flex-col gap-1.5 p-3",
 				children: [
 					/* @__PURE__ */ jsxs("div", {
-						className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-[13px]",
+						className: "flex flex-wrap items-center gap-x-2 gap-y-1",
 						children: [
 							/* @__PURE__ */ jsx("span", {
 								className: "font-medium break-all",
@@ -46,7 +46,7 @@ const StaffSignInLog = ({ signIns, operator, error, now = Date.now() }) => /* @_
 						]
 					}),
 					/* @__PURE__ */ jsx("p", {
-						className: "text-[13px] break-words",
+						className: "break-words",
 						children: entry.reason
 					}),
 					/* @__PURE__ */ jsxs("div", {

package/dist/account/two-factor-setup.js

@@ -65,7 +65,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: "Two-factor authentication is on. Keep these backup codes somewhere safe: each one signs you in once if you lose your phone. They are not shown again."
 			}),
 			/* @__PURE__ */ jsx(BackupCodes, { codes: step.codes }),
@@ -85,7 +85,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 		},
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: "Scan this code with your authenticator app, then enter the 6-digit code it shows."
 			}),
 			/* @__PURE__ */ jsxs("div", {
@@ -96,13 +96,13 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 				}), /* @__PURE__ */ jsxs("p", {
 					className: "text-center text-xs text-muted-foreground",
 					children: ["Can't scan it? Enter this key in the app:", /* @__PURE__ */ jsx("span", {
-						className: "mt-1 block break-all font-mono text-[13px] text-foreground",
+						className: "mt-1 block break-all font-mono text-body text-foreground",
 						children: totpKey(step.setup.totpURI)
 					})]
 				})]
 			}),
 			/* @__PURE__ */ jsxs("label", {
-				className: "flex flex-col gap-1.5 text-[13px] font-medium",
+				className: "flex flex-col gap-1.5 font-medium",
 				children: ["Code from the app", /* @__PURE__ */ jsx(OtpInput, {
 					name: "code",
 					required: true,
@@ -147,7 +147,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 					onClick: () => setChoice(option.value),
 					className: cn("rounded-md border p-3 text-left transition-colors", choice === option.value ? "border-primary bg-primary-soft" : "border-border-strong hover:bg-muted"),
 					children: [/* @__PURE__ */ jsx("span", {
-						className: "block text-[13px] font-medium",
+						className: "block font-medium",
 						children: option.label
 					}), /* @__PURE__ */ jsx("span", {
 						className: "mt-0.5 block text-xs text-muted-foreground",
@@ -156,7 +156,7 @@ const TwoFactorSetup = ({ offerEmailedCodes, needsPassword, onStartApp, onConfir
 				}, option.value))
 			}),
 			needsPassword && /* @__PURE__ */ jsxs("label", {
-				className: "flex flex-col gap-1.5 text-[13px] font-medium",
+				className: "flex flex-col gap-1.5 font-medium",
 				children: ["Your password", /* @__PURE__ */ jsx(Input, {
 					type: "password",
 					name: "password",

package/dist/action-card/action-card.js

@@ -38,7 +38,7 @@ const ActionCard = ({ title, tone = "neutral", badge, note, actions = [], onActi
 			!frameless && /* @__PURE__ */ jsxs("header", {
 				className: cn("flex items-center gap-2 px-3 py-2", frames[tone].header),
 				children: [/* @__PURE__ */ jsx("h3", {
-					className: "min-w-0 flex-1 text-[13px] font-semibold",
+					className: "min-w-0 flex-1 font-semibold",
 					children: title
 				}), badge && /* @__PURE__ */ jsx("span", {
 					className: "shrink-0 text-xs font-medium",

package/dist/activity-chart/activity-chart.js

@@ -29,11 +29,11 @@ const ActivityChart = ({ title = "Orders created", noun = "orders", defaultGranu
 				className: "flex items-baseline gap-2",
 				children: [
 					/* @__PURE__ */ jsx("h2", {
-						className: "text-[13px] font-semibold",
+						className: "font-semibold",
 						children: title
 					}),
 					/* @__PURE__ */ jsx("span", {
-						className: "text-[13px] font-semibold tabular-nums",
+						className: "font-semibold tabular-nums",
 						children: formatInt(totalCount(series))
 					}),
 					/* @__PURE__ */ jsxs("span", {

package/dist/app/delete/dialogs.js

@@ -32,10 +32,10 @@ const ConflictDialog = ({ title, changes, busy, onReview, onDeleteAnyway, onCanc
 		children: "Delete anyway"
 	})] }),
 	children: changes.length === 0 ? /* @__PURE__ */ jsx("p", {
-		className: "text-[13px] text-muted-foreground",
+		className: "text-muted-foreground",
 		children: "No visible fields differ; the record was saved again with the same values."
 	}) : /* @__PURE__ */ jsx("ul", {
-		className: "divide-y rounded-md border text-[13px]",
+		className: "divide-y rounded-md border",
 		children: changes.map((change) => /* @__PURE__ */ jsxs("li", {
 			className: "grid grid-cols-[96px_1fr] gap-3 px-3 py-2",
 			children: [/* @__PURE__ */ jsx("span", {
@@ -91,7 +91,7 @@ const BulkDeleteDialog = (props) => {
 			children: "Done"
 		}),
 		children: props.failures.length > 0 && /* @__PURE__ */ jsx("ul", {
-			className: "max-h-48 divide-y overflow-y-auto rounded-md border text-[13px]",
+			className: "max-h-48 divide-y overflow-y-auto rounded-md border",
 			children: props.failures.map((failure) => /* @__PURE__ */ jsxs("li", {
 				className: "px-3 py-2",
 				children: [/* @__PURE__ */ jsx("span", {

package/dist/app/displays/display-controls.js

@@ -54,7 +54,7 @@ const SortMenu = ({ model, view, display, orderBy, onChange, className }) => {
 		"aria-label": "Sort",
 		value: `${current.columnId} ${current.direction}`,
 		onChange: (event) => onChange(event.target.value),
-		className: cn("h-8 rounded-md border border-border-strong bg-background px-2.5 text-[13px] shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20", className),
+		className: cn("h-8 rounded-md border border-border-strong bg-background px-2.5 shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20", className),
 		children: names.flatMap((name) => directions.map(([direction, word]) => /* @__PURE__ */ jsxs("option", {
 			value: `${name} ${direction}`,
 			children: [

package/dist/app/displays/display-frame.js

@@ -9,7 +9,7 @@ const DisplayState = ({ list, empty, loading, children }) => /* @__PURE__ */ jsx
 		title: "Could not load rows",
 		error: list.error
 	}) : list.rows.length === 0 ? /* @__PURE__ */ jsx("p", {
-		className: "py-8 text-center text-[13px] text-muted-foreground",
+		className: "py-8 text-center text-muted-foreground",
 		children: empty
 	}) : children
 });

package/dist/app/displays/list-cards.js

@@ -25,7 +25,7 @@ const ListCards = ({ model, view, display, list }) => {
 		error: list.error
 	});
 	if (!list.source || list.source.total === 0) return /* @__PURE__ */ jsxs("p", {
-		className: "py-8 text-center text-[13px] text-muted-foreground",
+		className: "py-8 text-center text-muted-foreground",
 		children: [
 			"No ",
 			plural.toLowerCase(),

package/dist/app/displays/map-display.js

@@ -102,7 +102,7 @@ const MapDisplay = ({ model, view, display, filter, orderBy, fields, at, onMove,
 				empty && /* @__PURE__ */ jsx("div", {
 					className: "pointer-events-none absolute inset-x-3 top-3 z-10 flex justify-center",
 					children: /* @__PURE__ */ jsxs("p", {
-						className: "pointer-events-auto flex items-center gap-3 rounded-full border border-border bg-background px-4 py-1.5 text-[13px] text-muted-foreground shadow",
+						className: "pointer-events-auto flex items-center gap-3 rounded-full border border-border bg-background px-4 py-1.5 text-muted-foreground shadow",
 						role: "status",
 						children: [fitting ? `No ${plural} match.` : `No ${plural} in this part of the map.`, !fitting && /* @__PURE__ */ jsx(Button, {
 							size: "sm",

package/dist/app/displays/record-card.js

@@ -141,7 +141,7 @@ const RecordCard = ({ model, view, display, row, swipe = true, mark }) => {
 			resource: model.name,
 			key: row.key
 		},
-		className: "flex h-full flex-col gap-1.5 rounded-lg border border-border bg-background p-3 text-[13px] hover:border-border-strong hover:bg-surface focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+		className: "flex h-full flex-col gap-1.5 rounded-lg border border-border bg-background p-3 hover:border-border-strong hover:bg-surface focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
 		children: [mark && !pictured && /* @__PURE__ */ jsx(Badge, {
 			tone: "blue",
 			className: "self-start",

package/dist/app/embedded-list/embedded-list.js

@@ -86,7 +86,7 @@ const EmbeddedList = ({ model, view, filter, sort, columns, limit, display, empt
 			display
 		}),
 		onClick: viewAll?.onOpen,
-		className: "flex items-center gap-1 self-end text-[13px] font-medium text-primary-text hover:underline",
+		className: "flex items-center gap-1 self-end font-medium text-primary-text hover:underline",
 		children: [viewAll ? viewAll.label : /* @__PURE__ */ jsxs(Fragment$1, { children: ["View all ", /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: plural.toLowerCase()
@@ -102,7 +102,7 @@ const EmbeddedList = ({ model, view, filter, sort, columns, limit, display, empt
 	});
 	if (!source || source.total === 0) {
 		const nothing = /* @__PURE__ */ jsx("p", {
-			className: "text-[13px] text-muted-foreground",
+			className: "text-muted-foreground",
 			children: empty ?? "Nothing here yet."
 		});
 		return viewAll && link ? /* @__PURE__ */ jsxs("div", {

package/dist/app/error-banner.js

@@ -12,7 +12,7 @@ const describe = (error) => {
 };
 const ErrorBanner = ({ error, title }) => /* @__PURE__ */ jsxs("div", {
 	role: "alert",
-	className: "flex gap-2.5 rounded-lg border border-danger/30 bg-danger-soft px-3 py-2 text-[13px] text-danger-text",
+	className: "flex gap-2.5 rounded-lg border border-danger/30 bg-danger-soft px-3 py-2 text-danger-text",
 	children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "mt-0.5 size-4 shrink-0" }), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
 		className: "font-medium",
 		children: title

package/dist/app/field-editor.js

@@ -50,7 +50,7 @@ const BuiltInEditor = ({ field, hints, value, stored, relationLabel, relationTo,
 		})
 	});
 	if (field.type === "boolean" && locked) return /* @__PURE__ */ jsx("div", {
-		className: "py-1.5 text-[13px] text-muted-foreground",
+		className: "py-1.5 text-muted-foreground",
 		children: displayValue(field, stored, hints)
 	});
 	if (field.type === "boolean") return /* @__PURE__ */ jsx(Switch, {
@@ -61,7 +61,7 @@ const BuiltInEditor = ({ field, hints, value, stored, relationLabel, relationTo,
 	if (field.type === "relation") {
 		const label = relationLabel ?? String(stored ?? "—");
 		return /* @__PURE__ */ jsx("div", {
-			className: "py-1.5 text-[13px]",
+			className: "py-1.5",
 			children: relationTo ? /* @__PURE__ */ jsx(AppLink, {
 				to: relationTo,
 				className: "font-medium text-primary-text hover:underline",
@@ -71,13 +71,13 @@ const BuiltInEditor = ({ field, hints, value, stored, relationLabel, relationTo,
 	}
 	const multiline = Boolean(hints?.multiline) && field.type === "text";
 	if (!isEditable(field) || locked) return /* @__PURE__ */ jsx("div", {
-		className: cn("py-1.5 text-[13px] tabular-nums", field.type === "decimal" || field.type === "integer" ? "font-medium" : "text-muted-foreground", multiline && "whitespace-pre-line break-words"),
+		className: cn("py-1.5 tabular-nums", field.type === "decimal" || field.type === "integer" ? "font-medium" : "text-muted-foreground", multiline && "whitespace-pre-line break-words"),
 		children: displayValue(field, stored, hints)
 	});
 	if (field.type === "enum") return /* @__PURE__ */ jsxs("select", {
 		value: String(value),
 		onChange: (event) => onChange(event.target.value),
-		className: "h-8 w-full rounded-md border border-border-strong bg-background px-2 text-[13px] shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
+		className: "h-8 w-full rounded-md border border-border-strong bg-background px-2 shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
 		children: [value === "" && /* @__PURE__ */ jsx("option", {
 			value: "",
 			children: "Choose..."
@@ -94,14 +94,8 @@ const BuiltInEditor = ({ field, hints, value, stored, relationLabel, relationTo,
 	});
 	return /* @__PURE__ */ jsx(Input, {
 		invalid,
-		leading: hints?.prefix ? /* @__PURE__ */ jsx("span", {
-			className: "text-[13px]",
-			children: hints.prefix
-		}) : void 0,
-		trailing: hints?.suffix ? /* @__PURE__ */ jsx("span", {
-			className: "text-[13px]",
-			children: hints.suffix.trim()
-		}) : void 0,
+		leading: hints?.prefix ? /* @__PURE__ */ jsx("span", { children: hints.prefix }) : void 0,
+		trailing: hints?.suffix ? /* @__PURE__ */ jsx("span", { children: hints.suffix.trim() }) : void 0,
 		placeholder,
 		className: cn(numeric.has(field.type) && "text-right tabular-nums"),
 		value: String(value),

package/dist/app/file-field.js

@@ -27,11 +27,11 @@ const Thumbnail = ({ value }) => {
 const FileSummary = ({ value }) => {
 	const shown = fileShown(value);
 	if (!shown) return /* @__PURE__ */ jsx("div", {
-		className: "py-1.5 text-[13px] text-muted-foreground",
+		className: "py-1.5 text-muted-foreground",
 		children: "—"
 	});
 	if ("missing" in shown) return /* @__PURE__ */ jsx("div", {
-		className: "py-1.5 text-[13px] text-danger-text",
+		className: "py-1.5 text-danger-text",
 		children: "The file is missing from storage"
 	});
 	const url = "url" in shown ? shown.url : void 0;
@@ -39,7 +39,7 @@ const FileSummary = ({ value }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex min-w-0 items-center gap-3 py-1",
 		children: [/* @__PURE__ */ jsx(Thumbnail, { value }), /* @__PURE__ */ jsxs("div", {
-			className: "min-w-0 text-[13px]",
+			className: "min-w-0",
 			children: [url && !url.startsWith("blob:") ? /* @__PURE__ */ jsx("a", {
 				href: url,
 				target: "_blank",
@@ -158,7 +158,7 @@ const FileField = ({ field, hints, resource, value, locked, invalid, onChange })
 			},
 			onDragLeave: () => setDragging(false),
 			onDrop: drop,
-			className: cn("flex items-center gap-3 rounded-md border border-dashed px-3 py-2.5 text-[13px] text-muted-foreground", dragging ? "border-primary bg-primary/5" : invalid ? "border-danger" : "border-border-strong"),
+			className: cn("flex items-center gap-3 rounded-md border border-dashed px-3 py-2.5 text-muted-foreground", dragging ? "border-primary bg-primary/5" : invalid ? "border-danger" : "border-border-strong"),
 			children: [
 				/* @__PURE__ */ jsx(Upload, { className: "size-4 shrink-0" }),
 				/* @__PURE__ */ jsx("span", {

package/dist/app/gallery/lightbox.js

@@ -77,7 +77,7 @@ const Lightbox = ({ title, photos, index, onIndex, onClose, details, detailsTitl
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex shrink-0 items-center justify-between gap-2 p-3",
 					children: [/* @__PURE__ */ jsx("span", {
-						className: "rounded-full bg-background/85 px-3 py-1 text-[13px] font-medium tabular-nums text-foreground",
+						className: "rounded-full bg-background/85 px-3 py-1 font-medium tabular-nums text-foreground",
 						"aria-live": "polite",
 						children: `${index + 1} / ${count}`
 					}), /* @__PURE__ */ jsxs("div", {
@@ -141,7 +141,7 @@ const Lightbox = ({ title, photos, index, onIndex, onClose, details, detailsTitl
 				"aria-label": detailsTitle,
 				className: "min-h-dvh w-[360px] shrink-0 border-l border-border bg-background p-5 text-foreground",
 				children: [/* @__PURE__ */ jsx("h2", {
-					className: "mb-3 text-[15px] font-semibold",
+					className: "mb-3 text-[16px] font-semibold",
 					children: detailsTitle
 				}), shownDetails]
 			}),

package/dist/app/gallery/photo-details.js

@@ -34,7 +34,7 @@ const PhotoDetails = ({ model, view, photoKey, fields }) => {
 			resource: model.name,
 			key: photoKey
 		},
-		className: "mt-3 inline-block text-[13px] font-medium text-primary-text hover:underline",
+		className: "mt-3 inline-block font-medium text-primary-text hover:underline",
 		children: `Open ${singular}`
 	})] });
 };

package/dist/app/import/import-check-step.js

@@ -37,7 +37,7 @@ const ProblemList = ({ rows }) => /* @__PURE__ */ jsxs("ul", {
 	})]
 });
 const ImportChecking = ({ rows }) => /* @__PURE__ */ jsxs("p", {
-	className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+	className: "flex items-center gap-2 text-muted-foreground",
 	role: "status",
 	children: [
 		/* @__PURE__ */ jsx(Spinner, { className: "size-3.5" }),
@@ -54,7 +54,7 @@ const ImportCheckStep = ({ check, model, resources, views, columns, headers, fil
 	const view = views[model.name];
 	const shown = columns.map((column) => model.fields[column.field]);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-4 text-[13px]",
+		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsx(ImportCounts, {
 				label: "Check",

package/dist/app/import/import-file-step.js

@@ -8,7 +8,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const ImportFileStep = ({ file, sheets, sheet, reading, onChoose, onSheet }) => {
 	const id = useId();
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-4 text-[13px]",
+		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1.5",
@@ -27,7 +27,7 @@ const ImportFileStep = ({ file, sheets, sheet, reading, onChoose, onSheet }) =>
 							const chosen = event.target.files?.[0];
 							if (chosen) onChoose(chosen);
 						},
-						className: "text-[13px] file:mr-3 file:h-8 file:rounded-md file:border file:border-border-strong file:bg-background file:px-3 file:font-medium file:text-foreground max-sm:file:min-h-11"
+						className: "file:mr-3 file:h-8 file:rounded-md file:border file:border-border-strong file:bg-background file:px-3 file:font-medium file:text-foreground max-sm:file:min-h-11"
 					}),
 					/* @__PURE__ */ jsx("p", {
 						className: "text-xs text-muted-foreground",

package/dist/app/import/import-mapping-step.js

@@ -48,7 +48,7 @@ const ImportMappingStep = ({ flow, model, resources, views, canUpdate }) => {
 	}));
 	const keys = matchFields(model);
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-5 text-[13px]",
+		className: "flex flex-col gap-5",
 		children: [
 			canUpdate && /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1.5",

package/dist/app/import/import-result-step.js

@@ -10,7 +10,7 @@ const count = (value) => value.toLocaleString("en-IE");
 const ImportProgressStep = ({ progress, total, cancelling }) => {
 	const done = progress.created + progress.updated + progress.failed;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col gap-2 text-[13px]",
+		className: "flex flex-col gap-2",
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "flex items-baseline justify-between gap-2 text-xs",
 			children: [/* @__PURE__ */ jsx("span", {
@@ -40,7 +40,7 @@ const ImportProgressStep = ({ progress, total, cancelling }) => {
 };
 /** What the import did: created, updated, skipped and failed rows, and the rows it did not write with the reasons, to download. */
 const ImportSummary = ({ result, stopped, headers, fileName }) => /* @__PURE__ */ jsxs("div", {
-	className: "flex flex-col gap-4 text-[13px]",
+	className: "flex flex-col gap-4",
 	children: [
 		stopped !== void 0 && /* @__PURE__ */ jsx(ErrorBanner, {
 			title: "The import stopped. The rows counted below were saved.",

package/dist/app/import/import-select.js

@@ -10,7 +10,7 @@ const ImportSelect = ({ label, name, value, options, onChange, help, className }
 		children: [
 			/* @__PURE__ */ jsx("label", {
 				htmlFor: id,
-				className: "text-[13px] font-medium",
+				className: "font-medium",
 				children: label
 			}),
 			/* @__PURE__ */ jsx("select", {
@@ -18,7 +18,7 @@ const ImportSelect = ({ label, name, value, options, onChange, help, className }
 				"aria-label": name,
 				value,
 				onChange: (event) => onChange(event.target.value),
-				className: "h-8 w-full min-w-0 rounded-md border border-border-strong bg-background px-2 text-[13px] shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 max-sm:min-h-11",
+				className: "h-8 w-full min-w-0 rounded-md border border-border-strong bg-background px-2 shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20 max-sm:min-h-11",
 				children: options.map((option) => /* @__PURE__ */ jsx("option", {
 					value: option.value,
 					children: option.label

package/dist/app/meta-gate.js

@@ -19,10 +19,10 @@ const Notice = ({ title, children }) => /* @__PURE__ */ jsx("div", {
 	children: /* @__PURE__ */ jsxs("div", {
 		className: "max-w-md text-center",
 		children: [/* @__PURE__ */ jsx("h1", {
-			className: "text-[15px] font-semibold",
+			className: "text-[16px] font-semibold",
 			children: title
 		}), /* @__PURE__ */ jsx("p", {
-			className: "mt-1 text-[13px] text-muted-foreground",
+			className: "mt-1 text-muted-foreground",
 			children
 		})]
 	})
@@ -69,7 +69,7 @@ const WithSources = ({ meta, children }) => {
 const MetaGate = ({ children }) => {
 	const meta = useMeta();
 	if (meta.isPending) return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full min-h-48 items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex h-full min-h-48 items-center justify-center gap-2 text-muted-foreground",
 		children: [/* @__PURE__ */ jsx(Spinner, {}), " Loading"]
 	});
 	if (meta.error) return /* @__PURE__ */ jsx(Notice, {

package/dist/app/pages/blocks/card-frame.js

@@ -10,10 +10,10 @@ const CardFrame = ({ title, description, actions, className, bodyClassName, chil
 		children: [/* @__PURE__ */ jsxs("div", {
 			className: "min-w-0",
 			children: [title && /* @__PURE__ */ jsx("h2", {
-				className: "text-[15px] font-semibold tracking-tight",
+				className: "text-[16px] font-semibold tracking-tight",
 				children: title
 			}), description && /* @__PURE__ */ jsx("p", {
-				className: "mt-0.5 text-[13px] text-muted-foreground",
+				className: "mt-0.5 text-muted-foreground",
 				children: description
 			})]
 		}), actions && /* @__PURE__ */ jsx("div", {
@@ -21,13 +21,13 @@ const CardFrame = ({ title, description, actions, className, bodyClassName, chil
 			children: actions
 		})]
 	}), /* @__PURE__ */ jsx("div", {
-		className: cn("min-w-0 flex-1 p-4 text-[13px]", bodyClassName),
+		className: cn("min-w-0 flex-1 p-4", bodyClassName),
 		children
 	})]
 });
 /** A short line in place of content: nothing to show, or not loaded yet. */
 const Quiet = ({ children }) => /* @__PURE__ */ jsx("p", {
-	className: "text-[13px] text-muted-foreground",
+	className: "text-muted-foreground",
 	children
 });
 //#endregion

package/dist/app/pages/blocks/field.js

@@ -25,10 +25,7 @@ const FieldBlock = ({ node }) => {
 		value: value.value,
 		format
 	});
-	if (label === false) return /* @__PURE__ */ jsx("div", {
-		className: "text-[13px]",
-		children: shown
-	});
+	if (label === false) return /* @__PURE__ */ jsx("div", { children: shown });
 	const text = label ?? fieldLabel(name, value.state === "ready" ? views[value.model.name]?.fields[value.field.name]?.label : void 0);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "min-w-0",
@@ -36,7 +33,7 @@ const FieldBlock = ({ node }) => {
 			className: "text-xs text-muted-foreground",
 			children: text
 		}), /* @__PURE__ */ jsx("div", {
-			className: "mt-0.5 truncate text-[13px]",
+			className: "mt-0.5 truncate",
 			children: shown
 		})]
 	});

package/dist/app/pages/blocks/stat.js

@@ -14,7 +14,7 @@ const Count = ({ model, filter }) => {
 	const count = useCount(model, filter);
 	if (count.isPending) return /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16" });
 	if (count.error) return /* @__PURE__ */ jsx("span", {
-		className: "text-[13px] text-danger-text",
+		className: "text-danger-text",
 		children: "Could not count"
 	});
 	return /* @__PURE__ */ jsx(AppLink, {
@@ -54,7 +54,7 @@ const StatBlock = ({ node }) => {
 		bodyClassName: "flex flex-col",
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground break-words",
+				className: "text-muted-foreground break-words",
 				children: label
 			}),
 			/* @__PURE__ */ jsxs("div", {

package/dist/app/pages/problem.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 /** A warning in place of something the app cannot draw, such as a component no one registered. */
 const Problem = ({ children }) => /* @__PURE__ */ jsx("div", {
 	role: "alert",
-	className: "rounded-lg border border-dashed border-warning bg-warning-soft p-3 text-[13px] text-warning-text",
+	className: "rounded-lg border border-dashed border-warning bg-warning-soft p-3 text-warning-text",
 	children
 });
 //#endregion

package/dist/app/pages/render-node.js

@@ -49,7 +49,7 @@ const renderChildren = (children) => {
 		const [first] = run;
 		if (!isInline(first)) return /* @__PURE__ */ jsx(RenderNode, { node: first }, index);
 		return /* @__PURE__ */ jsx("p", {
-			className: "text-[13px] leading-relaxed",
+			className: "leading-6",
 			children: run.map((child, position) => typeof child === "string" ? /* @__PURE__ */ jsx(Fragment, { children: child }, position) : /* @__PURE__ */ jsx(RenderNode, { node: child }, position))
 		}, index);
 	});