@protobase/ui 0.19.5 → 0.19.7

package/dist/app/searches/search-controls.js

@@ -22,12 +22,12 @@ const Control = ({ model, view, name, value, onChange }) => {
 	if (field?.type !== "enum") throw new Error(`Not implemented: "${name}" is ${field?.type ?? "unknown"}, and a saved search's controls are enums or booleans`);
 	return /* @__PURE__ */ jsxs("label", {
 		htmlFor: id,
-		className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex items-center gap-2 text-muted-foreground",
 		children: [label, /* @__PURE__ */ jsx("select", {
 			id,
 			value: String(value ?? ""),
 			onChange: (event) => onChange(event.target.value),
-			className: "h-8 rounded-md border border-border-strong bg-background px-2 text-[13px] text-foreground shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
+			className: "h-8 rounded-md border border-border-strong bg-background px-2 text-foreground shadow-sm focus:border-primary focus:outline-none focus:ring-2 focus:ring-primary/20",
 			children: (field.enumValues ?? []).map((option) => /* @__PURE__ */ jsx("option", {
 				value: option,
 				children: enumLabel(option, hints?.valueLabels)

package/dist/app/searches/search-name-dialog.js

@@ -34,7 +34,7 @@ const SearchNameDialog = ({ title, chips, label, required, initial = "", busy, o
 			children: [chips.length > 0 && /* @__PURE__ */ jsx(FilterChipList, { chips }), /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col gap-1.5",
 				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-baseline justify-between gap-2 text-[13px]",
+					className: "flex items-baseline justify-between gap-2",
 					children: [/* @__PURE__ */ jsx("label", {
 						htmlFor: id,
 						className: "font-medium",

package/dist/app/searches/update-search-dialog.js

@@ -31,7 +31,7 @@ const changeStyle = {
 };
 const FilterChanges = ({ changes }) => /* @__PURE__ */ jsx("ul", {
 	"aria-label": "Filter changes",
-	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-[72px_1fr] gap-3 px-3 py-2",
 		children: [/* @__PURE__ */ jsx("span", {
@@ -70,7 +70,7 @@ const RecordsSide = ({ model, view, title, filter, total, plural }) => {
 		className: "flex flex-col gap-2",
 		children: [
 			/* @__PURE__ */ jsxs("h3", {
-				className: "text-[13px] font-semibold",
+				className: "font-semibold",
 				children: [
 					title,
 					" ",
@@ -95,7 +95,7 @@ const RecordsSide = ({ model, view, title, filter, total, plural }) => {
 				]
 			}),
 			filter === null || total === 0 ? /* @__PURE__ */ jsxs("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: [
 					"No ",
 					plural,
@@ -156,22 +156,19 @@ const UpdateSearchDialog = ({ model, view, title, before, after, saveNewLabel, u
 			className: "flex flex-col gap-4",
 			children: [
 				changes.length > 0 && /* @__PURE__ */ jsx(FilterChanges, { changes }),
-				counted ? /* @__PURE__ */ jsxs("p", {
-					className: "text-[13px]",
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "font-semibold",
-						children: netChange(addedCount, removedCount, singular, plural)
-					}), /* @__PURE__ */ jsxs("span", {
-						className: "text-muted-foreground",
-						children: [
-							": ",
-							count(addedCount, singular, plural),
-							" added, ",
-							removedCount,
-							" removed"
-						]
-					})]
-				}) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
+				counted ? /* @__PURE__ */ jsxs("p", { children: [/* @__PURE__ */ jsx("span", {
+					className: "font-semibold",
+					children: netChange(addedCount, removedCount, singular, plural)
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground",
+					children: [
+						": ",
+						count(addedCount, singular, plural),
+						" added, ",
+						removedCount,
+						" removed"
+					]
+				})] }) : /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" }),
 				/* @__PURE__ */ jsx(RecordsSide, {
 					model,
 					view,

package/dist/app/sensitive-field.js

@@ -42,7 +42,7 @@ const SensitiveField = ({ field, hints, value, reveal, locked, invalid, placehol
 		})
 	});
 	if (locked) return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("div", {
-		className: "flex items-center gap-2 py-1 text-[13px]",
+		className: "flex items-center gap-2 py-1",
 		children: [/* @__PURE__ */ jsx("span", {
 			className: cn(shown ? hints?.format === "code" ? "font-mono text-xs" : "" : "tracking-widest text-muted-foreground"),
 			children: shown ? displayValue(field, stored.data, hints) : mask

package/dist/app/source-notice.js

@@ -14,7 +14,7 @@ const reason = (error) => {
 const SourceNotice = ({ status }) => {
 	const queryClient = useQueryClient();
 	if (status.state !== "error") return /* @__PURE__ */ jsxs("div", {
-		className: "flex h-full min-h-48 flex-1 items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex h-full min-h-48 flex-1 items-center justify-center gap-2 text-muted-foreground",
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
 			" Loading from ",
@@ -27,11 +27,11 @@ const SourceNotice = ({ status }) => {
 			className: "max-w-md text-center",
 			children: [
 				/* @__PURE__ */ jsxs("h1", {
-					className: "text-[15px] font-semibold",
+					className: "text-[16px] font-semibold",
 					children: ["Cannot reach ", status.source.label]
 				}),
 				/* @__PURE__ */ jsxs("p", {
-					className: "mt-1 text-[13px] text-muted-foreground",
+					className: "mt-1 text-muted-foreground",
 					children: [reason(status.error), " The rest of the app works as before."]
 				}),
 				/* @__PURE__ */ jsx(Button, {

package/dist/app/staff-banner.js

@@ -24,7 +24,7 @@ const StaffBanner = ({ signIn, onStop }) => {
 	return /* @__PURE__ */ jsxs("div", {
 		role: "region",
 		"aria-label": "Staff session",
-		className: "flex flex-wrap items-center gap-x-3 gap-y-2 border-b border-warning/40 bg-warning-soft px-4 py-2 text-[13px] text-warning-text",
+		className: "flex flex-wrap items-center gap-x-3 gap-y-2 border-b border-warning/40 bg-warning-soft px-4 py-2 text-warning-text",
 		children: [
 			/* @__PURE__ */ jsx(UserRoundCog, {
 				"aria-hidden": true,

package/dist/app-shell/breadcrumb.js

@@ -8,7 +8,7 @@ const inApp = (event) => event.button === 0 && !event.metaKey && !event.ctrlKey
 /** The trail of where you are; the last crumb, the current page, shows on phones too. */
 const Breadcrumb = ({ parts, onNavigate }) => /* @__PURE__ */ jsx("nav", {
 	"aria-label": "Breadcrumb",
-	className: "flex min-w-0 items-center gap-1.5 text-[13px]",
+	className: "flex min-w-0 items-center gap-1.5",
 	children: parts.map((part, index) => {
 		const last = index === parts.length - 1;
 		const { label, href, loading } = typeof part === "string" ? {

package/dist/app-shell/global-search.js

@@ -94,7 +94,7 @@ const GlobalSearch = ({ search, className = "w-96", autoFocus, showShortcut = tr
 			id: listId,
 			role: "listbox",
 			"aria-label": "Search results",
-			className: "absolute right-0 top-full z-40 mt-1 max-h-96 w-full min-w-72 overflow-y-auto rounded-lg border bg-background py-1 text-[13px] shadow-pop",
+			className: "absolute right-0 top-full z-40 mt-1 max-h-96 w-full min-w-72 overflow-y-auto rounded-lg border bg-background py-1 shadow-pop",
 			children: [search.groups.length === 0 && /* @__PURE__ */ jsx("p", {
 				className: "px-3 py-2 text-muted-foreground",
 				children: search.loading ? "Searching" : `No matches for “${search.query}”`

package/dist/app-shell/page-header.js

@@ -5,7 +5,7 @@ const PageHeader = ({ title, subtitle, aside, actions }) => {
 		className: "text-xl font-semibold tracking-tight",
 		children: title
 	}), subtitle && /* @__PURE__ */ jsx("p", {
-		className: "text-[13px] text-muted-foreground",
+		className: "text-muted-foreground",
 		children: subtitle
 	})] });
 	return /* @__PURE__ */ jsxs("div", {

package/dist/app-shell/profile-menu.js

@@ -7,7 +7,7 @@ import { useEffect, useRef, useState } from "react";
 import { ChevronsUpDown, LogOut } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/profile-menu.tsx
-const menuRow = "flex min-h-11 w-full items-center gap-2.5 px-3 py-1.5 text-left text-[13px] text-muted-foreground hover:bg-muted md:min-h-0";
+const menuRow = "flex min-h-11 w-full items-center gap-2.5 px-3 py-1.5 text-left text-muted-foreground hover:bg-muted md:min-h-0";
 /** The person at the bottom of the sidebar; the menu is fixed to the viewport so a narrow sidebar cannot clip it. */
 const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate, onSignOut, organizations, roles, theme }) => {
 	const activeRole = roles?.roles.find((role) => role.name === roles.active);
@@ -53,7 +53,7 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 			}), !compact && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
 				className: "min-w-0 flex-1 leading-tight",
 				children: [/* @__PURE__ */ jsx("span", {
-					className: "block truncate text-[13px] font-medium",
+					className: "block truncate font-medium",
 					children: user.name
 				}), /* @__PURE__ */ jsx(Badge, {
 					tone: user.roleTone,
@@ -73,7 +73,7 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 				/* @__PURE__ */ jsxs("div", {
 					className: "border-b px-3 pb-2 pt-1.5",
 					children: [/* @__PURE__ */ jsx("div", {
-						className: "text-[13px] font-medium",
+						className: "font-medium",
 						children: user.name
 					}), /* @__PURE__ */ jsx("div", {
 						className: "truncate text-xs text-muted-foreground",

package/dist/app-shell/sidebar-group.js

@@ -7,7 +7,7 @@ import { ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar-group.tsx
 const row = {
-	"text-large": "h-8 gap-2.5 px-2.5 text-[13px]",
+	"text-large": "h-8 gap-2.5 px-2.5",
 	"text-small": "h-7 gap-2 px-2 text-xs"
 };
 /** Lines the records up under the entry's icon. */

package/dist/app-shell/sidebar-item.js

@@ -10,7 +10,7 @@ const layout = {
 	icon: "size-9 justify-center",
 	"icon-label": "w-full flex-col gap-0.5 py-1.5 text-[10px]",
 	"icon-tooltip": "size-9 justify-center",
-	"icon-expand": "h-8 gap-3 px-3 text-[13px]"
+	"icon-expand": "h-8 gap-3 px-3"
 };
 const SidebarItem = ({ item, mode, active, onNavigate, className }) => {
 	const Icon = item.icon;

package/dist/app-shell/sidebar.js

@@ -62,11 +62,11 @@ const Sidebar = ({ mode, activeItem, user, workspace, forceExpanded, profileMenu
 						theme
 					}) : /* @__PURE__ */ jsxs(Fragment, { children: [theme && inline && /* @__PURE__ */ jsx(ThemeSwitch, {
 						theme,
-						className: "flex min-h-11 w-full items-center gap-2.5 whitespace-nowrap p-1.5 text-[13px] text-muted-foreground md:min-h-0"
+						className: "flex min-h-11 w-full items-center gap-2.5 whitespace-nowrap p-1.5 text-muted-foreground md:min-h-0"
 					}), signIn && /* @__PURE__ */ jsxs(RouteLink, {
 						to: signIn,
 						"aria-label": "Sign in",
-						className: "flex min-h-11 w-full items-center gap-2.5 rounded-md p-1.5 text-left text-[13px] font-medium text-muted-foreground hover:bg-muted hover:text-foreground md:min-h-0",
+						className: "flex min-h-11 w-full items-center gap-2.5 rounded-md p-1.5 text-left font-medium text-muted-foreground hover:bg-muted hover:text-foreground md:min-h-0",
 						children: [/* @__PURE__ */ jsx(LogIn, { className: "size-4 shrink-0" }), inline && /* @__PURE__ */ jsx("span", {
 							className: "whitespace-nowrap",
 							children: "Sign in"

package/dist/assistant-dock/part-view.js

@@ -24,10 +24,7 @@ const PartView = ({ part, onAction }) => {
 			actions: part.actions,
 			onAction: (actionId) => onAction?.(part.id, actionId),
 			children: [
-				part.body && /* @__PURE__ */ jsx("p", {
-					className: "text-[13px]",
-					children: part.body
-				}),
+				part.body && /* @__PURE__ */ jsx("p", { children: part.body }),
 				part.code && /* @__PURE__ */ jsx("pre", {
 					className: "overflow-x-auto rounded-md bg-surface px-2.5 py-2 font-mono text-[11px] whitespace-pre-wrap break-words",
 					children: part.code

package/dist/assistant-dock/widget-view.js

@@ -8,10 +8,7 @@ import { jsx } from "react/jsx-runtime";
 const Fallback = ({ part, note }) => part.fallback ? /* @__PURE__ */ jsx(ActionCard, {
 	title: part.fallback.title,
 	note,
-	children: part.fallback.body && /* @__PURE__ */ jsx("p", {
-		className: "text-[13px]",
-		children: part.fallback.body
-	})
+	children: part.fallback.body && /* @__PURE__ */ jsx("p", { children: part.fallback.body })
 }) : /* @__PURE__ */ jsx("p", {
 	className: "text-xs text-muted-foreground",
 	children: `${part.name}: ${note}`

package/dist/auth/auth-gate.js

@@ -130,13 +130,13 @@ const useAuthPage = (workspace, children) => {
 	};
 	switch (state.kind) {
 		case "loading": 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"]
 		});
 		case "error": return /* @__PURE__ */ jsxs("div", {
 			className: "flex h-full min-h-48 flex-col items-center justify-center gap-3 p-8 text-center",
 			children: [/* @__PURE__ */ jsxs("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: ["Cannot reach the server: ", state.message]
 			}), /* @__PURE__ */ jsx(Button, {
 				onClick: recheck,

package/dist/auth/auth-layout.js

@@ -15,7 +15,7 @@ const AuthLayout = ({ title, description, children }) => /* @__PURE__ */ jsx("di
 					children: title
 				}),
 				description && /* @__PURE__ */ jsx("p", {
-					className: "mt-1 text-[13px] text-muted-foreground",
+					className: "mt-1 text-muted-foreground",
 					children: description
 				})
 			]

package/dist/auth/code-form.js

@@ -16,7 +16,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 		description,
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "mb-4 text-[13px] text-muted-foreground",
+				className: "mb-4 text-muted-foreground",
 				children: explanation
 			}),
 			notice && /* @__PURE__ */ jsx("p", {
@@ -32,7 +32,7 @@ const CodeForm = ({ title, description, explanation, submitLabel, onSubmit, onRe
 				},
 				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: ["Code", /* @__PURE__ */ jsx(OtpInput, {
 							name: "code",
 							required: true,

package/dist/auth/first-run-page.js

@@ -16,7 +16,7 @@ const FirstRunPage = ({ command = createAdminCommand, onCheckAgain, busy }) => {
 		description: "This Protobase has no users to sign in with.",
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: "Run this in the terminal where Protobase runs, then reload. The first admin is created on the server, not in the browser, so nobody else can claim a fresh URL."
 			}),
 			/* @__PURE__ */ jsxs("div", {

package/dist/auth/forgot-password-form.js

@@ -11,7 +11,7 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 	if (sentTo) return /* @__PURE__ */ jsxs(AuthLayout, {
 		title: "Check your email",
 		children: [/* @__PURE__ */ jsxs("p", {
-			className: "text-[13px] text-muted-foreground",
+			className: "text-muted-foreground",
 			children: [
 				"If ",
 				/* @__PURE__ */ jsx("span", {
@@ -37,7 +37,7 @@ const ForgotPasswordForm = ({ onSubmit, back, busy, error, sentTo }) => {
 			},
 			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: ["Email", /* @__PURE__ */ jsx(Input, {
 						type: "email",
 						name: "email",

package/dist/auth/provider-sign-in-page.js

@@ -13,7 +13,7 @@ const ProviderRedirect = ({ name, workspace }) => /* @__PURE__ */ jsx(AuthLayout
 	description: workspace,
 	children: /* @__PURE__ */ jsxs("p", {
 		role: "status",
-		className: "flex items-center justify-center gap-2 text-[13px] text-muted-foreground",
+		className: "flex items-center justify-center gap-2 text-muted-foreground",
 		children: [
 			/* @__PURE__ */ jsx(Spinner, {}),
 			" Taking you to ",

package/dist/auth/reset-password-form.js

@@ -10,7 +10,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 	if (invalidLink) return /* @__PURE__ */ jsxs(AuthLayout, {
 		title: "This link no longer works",
 		children: [/* @__PURE__ */ jsx("p", {
-			className: "text-[13px] text-muted-foreground",
+			className: "text-muted-foreground",
 			children: "A reset link works once, for a limited time. Ask for a new one to choose your password."
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "mt-4 flex flex-col gap-2",
@@ -40,7 +40,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 			},
 			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: ["New password", /* @__PURE__ */ jsx(Input, {
 						type: "password",
 						name: "new-password",
@@ -55,7 +55,7 @@ const ResetPasswordForm = ({ onSubmit, invalidLink, onRequestNewLink, onBack, bu
 					})]
 				}),
 				/* @__PURE__ */ jsxs("label", {
-					className: "flex flex-col gap-1.5 text-[13px] font-medium",
+					className: "flex flex-col gap-1.5 font-medium",
 					children: ["Repeat new password", /* @__PURE__ */ jsx(Input, {
 						type: "password",
 						name: "repeat-password",

package/dist/auth/setup-required-form.js

@@ -16,7 +16,7 @@ const SetupRequiredForm = ({ step, twoFactor, onAddPasskey, busy, error, onSignO
 		className: "flex flex-col gap-4",
 		children: [
 			/* @__PURE__ */ jsx("p", {
-				className: "text-[13px] text-muted-foreground",
+				className: "text-muted-foreground",
 				children: "A passkey signs you in with Face ID, Touch ID, Windows Hello, your phone or a security key. Your browser asks which one to use."
 			}),
 			error && /* @__PURE__ */ jsx("p", {
@@ -35,7 +35,7 @@ const SetupRequiredForm = ({ step, twoFactor, onAddPasskey, busy, error, onSignO
 	}), /* @__PURE__ */ jsx("button", {
 		type: "button",
 		onClick: onSignOut,
-		className: "mt-4 w-full text-center text-[13px] font-medium text-muted-foreground hover:underline",
+		className: "mt-4 w-full text-center font-medium text-muted-foreground hover:underline",
 		children: "Sign out"
 	})]
 });

package/dist/auth/setup-required-page.js

@@ -28,7 +28,7 @@ const SetupRequiredPage = ({ missing }) => {
 		}
 	};
 	if (!methods && !error) 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"]
 	});
 	return /* @__PURE__ */ jsx(SetupRequiredForm, {

package/dist/auth/sign-in-form.js

@@ -78,7 +78,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 				},
 				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: ["Email", /* @__PURE__ */ jsx(Input, {
 							ref: emailInput,
 							type: "email",
@@ -93,7 +93,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 						})]
 					}),
 					withPassword && /* @__PURE__ */ jsxs("label", {
-						className: "flex flex-col gap-1.5 text-[13px] font-medium",
+						className: "flex flex-col gap-1.5 font-medium",
 						children: ["Password", /* @__PURE__ */ jsx(Input, {
 							type: "password",
 							name: "password",
@@ -128,13 +128,13 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 					}),
 					withPassword && forgotPassword && /* @__PURE__ */ jsx(RouteLink, {
 						to: forgotPassword,
-						className: "self-center text-[13px] font-medium text-primary-text hover:underline",
+						className: "self-center font-medium text-primary-text hover:underline",
 						children: "Forgot password?"
 					})
 				]
 			}),
 			signUp && /* @__PURE__ */ jsxs("p", {
-				className: "mt-4 text-center text-[13px] text-muted-foreground",
+				className: "mt-4 text-center text-muted-foreground",
 				children: [
 					"New here?",
 					" ",
@@ -148,7 +148,7 @@ const SignInForm = ({ onSubmit, busy, error, workspace, notice, methods = ["pass
 			onBrowse && /* @__PURE__ */ jsx("button", {
 				type: "button",
 				onClick: onBrowse,
-				className: "mt-4 w-full text-center text-[13px] font-medium text-muted-foreground hover:text-foreground hover:underline",
+				className: "mt-4 w-full text-center font-medium text-muted-foreground hover:text-foreground hover:underline",
 				children: "Continue without signing in"
 			})
 		]

package/dist/auth/sign-in-prompt.js

@@ -9,7 +9,7 @@ import { Check, LogIn } from "lucide-react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/sign-in-prompt.tsx
 const Benefits = ({ benefits }) => benefits && benefits.length > 0 ? /* @__PURE__ */ jsx("ul", {
-	className: "flex flex-col gap-2 text-left text-[13px]",
+	className: "flex flex-col gap-2 text-left",
 	children: benefits.map((benefit) => /* @__PURE__ */ jsxs("li", {
 		className: "flex items-start gap-2",
 		children: [/* @__PURE__ */ jsx(Check, {
@@ -78,7 +78,7 @@ const SignInPrompt = (props) => {
 					className: "text-lg font-semibold",
 					children: prompt.title
 				}), /* @__PURE__ */ jsx("p", {
-					className: "text-[13px] text-muted-foreground",
+					className: "text-muted-foreground",
 					children: prompt.description
 				})]
 			}),

package/dist/auth/sign-up-details-form.js

@@ -15,7 +15,7 @@ const SignUpDetailsForm = ({ email, onSubmit, onBack, methods, busy, error }) =>
 		title: "Your details",
 		description: "One last step to create your account.",
 		children: [/* @__PURE__ */ jsxs("p", {
-			className: "mb-4 text-[13px] text-muted-foreground",
+			className: "mb-4 text-muted-foreground",
 			children: [
 				"The code was right: the account is for ",
 				/* @__PURE__ */ jsx("span", {
@@ -35,7 +35,7 @@ const SignUpDetailsForm = ({ email, onSubmit, onBack, methods, busy, error }) =>
 			},
 			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: ["Your name", /* @__PURE__ */ jsx(Input, {
 						name: "name",
 						autoComplete: "name",
@@ -50,7 +50,7 @@ const SignUpDetailsForm = ({ email, onSubmit, onBack, methods, busy, error }) =>
 				withPassword && /* @__PURE__ */ jsxs("div", {
 					className: "flex flex-col gap-1.5",
 					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: [passwordOptional ? "Password (optional)" : "Password", /* @__PURE__ */ jsx(Input, {
 							type: "password",
 							name: "password",

package/dist/auth/sign-up-email-form.js

@@ -19,7 +19,7 @@ const SignUpEmailForm = ({ onSubmit, onSignIn, onBrowse, busy, error, workspace
 			},
 			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: ["Email", /* @__PURE__ */ jsx(Input, {
 						type: "email",
 						name: "email",
@@ -33,7 +33,7 @@ const SignUpEmailForm = ({ onSubmit, onSignIn, onBrowse, busy, error, workspace
 					})]
 				}),
 				/* @__PURE__ */ jsx("p", {
-					className: "text-[13px] text-muted-foreground",
+					className: "text-muted-foreground",
 					children: "We email you a code to make sure the address is yours."
 				}),
 				error && /* @__PURE__ */ jsx("p", {
@@ -49,7 +49,7 @@ const SignUpEmailForm = ({ onSubmit, onSignIn, onBrowse, busy, error, workspace
 					children: [/* @__PURE__ */ jsx(Mail, { className: "size-4" }), "Email me a code"]
 				}),
 				/* @__PURE__ */ jsxs("p", {
-					className: "text-center text-[13px] text-muted-foreground",
+					className: "text-center text-muted-foreground",
 					children: [
 						"Have an account?",
 						" ",
@@ -65,7 +65,7 @@ const SignUpEmailForm = ({ onSubmit, onSignIn, onBrowse, busy, error, workspace
 		}), onBrowse && /* @__PURE__ */ jsx("button", {
 			type: "button",
 			onClick: onBrowse,
-			className: "mt-4 w-full text-center text-[13px] font-medium text-muted-foreground hover:text-foreground hover:underline",
+			className: "mt-4 w-full text-center font-medium text-muted-foreground hover:text-foreground hover:underline",
 			children: "Continue without an account"
 		})]
 	});

package/dist/auth/staff-sign-in-form.js

@@ -35,7 +35,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 			},
 			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: ["Their email", /* @__PURE__ */ jsx(Input, {
 						type: "email",
 						name: "email",
@@ -47,7 +47,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 					})]
 				}),
 				/* @__PURE__ */ jsxs("label", {
-					className: "flex flex-col gap-1.5 text-[13px] font-medium",
+					className: "flex flex-col gap-1.5 font-medium",
 					children: ["Reason", /* @__PURE__ */ jsx("textarea", {
 						name: "reason",
 						required: true,
@@ -56,7 +56,7 @@ const StaffSignInForm = ({ operator, email: givenEmail = "", reason: givenReason
 						value: reason,
 						placeholder: "Ticket 4211: the invoice totals look wrong",
 						onChange: (event) => setReason(event.target.value),
-						className: cn("resize-y rounded-md border bg-background px-2.5 py-1.5 text-[13px] font-normal shadow-sm outline-none placeholder:text-faint-foreground focus:border-primary focus:ring-2 focus:ring-primary/20", error ? "border-danger" : "border-border-strong")
+						className: cn("resize-y rounded-md border bg-background px-2.5 py-1.5 font-normal shadow-sm outline-none placeholder:text-faint-foreground focus:border-primary focus:ring-2 focus:ring-primary/20", error ? "border-danger" : "border-border-strong")
 					})]
 				}),
 				/* @__PURE__ */ jsxs("p", {

package/dist/auth/two-factor-form.js

@@ -29,7 +29,7 @@ const TwoFactorForm = ({ methods, onVerify, onSendCode, onBack, busy, error, cod
 			className: "flex flex-col gap-4",
 			children: [
 				/* @__PURE__ */ jsx("p", {
-					className: "text-[13px] text-muted-foreground",
+					className: "text-muted-foreground",
 					children: "We email you a code to finish signing in."
 				}),
 				error && /* @__PURE__ */ jsx("p", {
@@ -57,11 +57,11 @@ const TwoFactorForm = ({ methods, onVerify, onSendCode, onBack, busy, error, cod
 			},
 			children: [
 				/* @__PURE__ */ jsx("p", {
-					className: "text-[13px] text-muted-foreground",
+					className: "text-muted-foreground",
 					children: instructions[step]
 				}),
 				/* @__PURE__ */ jsxs("label", {
-					className: "flex flex-col gap-1.5 text-[13px] font-medium",
+					className: "flex flex-col gap-1.5 font-medium",
 					children: [step === "backup" ? "Backup code" : "Code", step === "backup" ? /* @__PURE__ */ jsx(Input, {
 						name: "code",
 						autoComplete: "off",
@@ -82,7 +82,7 @@ const TwoFactorForm = ({ methods, onVerify, onSendCode, onBack, busy, error, cod
 					})]
 				}),
 				/* @__PURE__ */ jsxs("label", {
-					className: "flex items-center gap-2 text-[13px] text-muted-foreground",
+					className: "flex items-center gap-2 text-muted-foreground",
 					children: [/* @__PURE__ */ jsx(Checkbox, {
 						checked: trustDevice,
 						onChange: setTrustDevice,
@@ -103,7 +103,7 @@ const TwoFactorForm = ({ methods, onVerify, onSendCode, onBack, busy, error, cod
 				})
 			]
 		}), /* @__PURE__ */ jsxs("div", {
-			className: "mt-4 flex flex-col items-center gap-2 border-t pt-4 text-[13px]",
+			className: "mt-4 flex flex-col items-center gap-2 border-t pt-4",
 			children: [
 				step !== "totp" && methods.includes("totp") && /* @__PURE__ */ jsx("button", {
 					type: "button",

package/dist/chat/chat-message.js

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 /** One message of a chat: the user's as a bubble on the right, the other side's as plain content, cards included. */
 const ChatMessage = ({ from, children }) => /* @__PURE__ */ jsx("div", {
 	"data-from": from,
-	className: cn("flex min-w-0 flex-col gap-2 whitespace-pre-wrap break-words text-[13px]", from === "user" ? "ml-8 self-end rounded-lg rounded-br-sm bg-primary px-3 py-2 text-primary-foreground shadow-sm" : "mr-4 text-foreground"),
+	className: cn("flex min-w-0 flex-col gap-2 whitespace-pre-wrap break-words", from === "user" ? "ml-8 self-end rounded-lg rounded-br-sm bg-primary px-3 py-2 text-primary-foreground shadow-sm" : "mr-4 text-foreground"),
 	children
 });
 //#endregion

package/dist/chat/chat-thread.js

@@ -14,7 +14,7 @@ const ChatThread = ({ children, empty, length }) => {
 		"aria-live": "polite",
 		className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto p-4",
 		children: length === 0 && empty ? /* @__PURE__ */ jsx("div", {
-			className: "m-auto max-w-60 text-center text-[13px] text-muted-foreground",
+			className: "m-auto max-w-60 text-center text-muted-foreground",
 			children: empty
 		}) : children
 	});

package/dist/data/query-keys.js

@@ -90,6 +90,13 @@ const keys = {
 		resource,
 		filter
 	],
+	/** How many rows an export of the list would hold, exactly up to 10,000; starts with `list`, so it refreshes with the list. */
+	exportCount: (resource, filter) => [
+		"list",
+		resource,
+		filter,
+		"export-count"
+	],
 	firstRecord: (resource, filter, orderBy) => [
 		"first-record",
 		resource,