@emdash-cms/admin 0.39.0 → 0.39.1

package/dist/index.js

@@ -2807,7 +2807,7 @@ function useDebouncedValue$1(value, delay) {
 
 //#endregion
 //#region src/components/FieldHelpLabel.tsx
-function FieldHelpLabel({ children, help, helpLabel, htmlFor, labelClassName = "text-sm font-medium text-kumo-default" }) {
+function FieldHelpLabel({ children, help, helpLabel, htmlFor, labelClassName = "text-base font-medium text-kumo-default" }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center gap-1.5",
 		children: [/* @__PURE__ */ jsx(Label, {
@@ -9501,7 +9501,7 @@ function BlockKitMediaPickerField({ actionId, label, placeholder, mimeTypeFilter
 	};
 	return /* @__PURE__ */ jsxs("div", { children: [
 		/* @__PURE__ */ jsx("label", {
-			className: "text-sm font-medium mb-1.5 block",
+			className: "mb-1.5 block text-base font-medium text-kumo-default",
 			children: label
 		}),
 		canPreview ? imageBroken ? /* @__PURE__ */ jsxs("div", {
@@ -9509,7 +9509,7 @@ function BlockKitMediaPickerField({ actionId, label, placeholder, mimeTypeFilter
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: "flex min-h-20 w-full items-center justify-center gap-2 rounded-md border border-kumo-line bg-kumo-tint text-kumo-subtle",
 				children: [/* @__PURE__ */ jsx(ImageBroken, { className: "h-5 w-5" }), /* @__PURE__ */ jsx("span", {
-					className: "text-sm",
+					className: "text-xs leading-4",
 					children: _t({
 						id: "1pdLQw",
 						message: "Image not found"
@@ -9580,7 +9580,7 @@ function BlockKitMediaPickerField({ actionId, label, placeholder, mimeTypeFilter
 			children: /* @__PURE__ */ jsxs("div", {
 				className: "flex flex-col items-center gap-1.5 text-kumo-subtle",
 				children: [/* @__PURE__ */ jsx(Image$1, { className: "h-6 w-6" }), /* @__PURE__ */ jsx("span", {
-					className: "text-sm",
+					className: "text-base",
 					children: placeholder ?? _t({
 						id: "1Tq98c",
 						message: "Select media"
@@ -9635,7 +9635,7 @@ function BlockKitFieldWidget({ label, elements, value, onChange }) {
 	}, [onChange]);
 	const validElements = elements.filter((el) => el.action_id);
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
-		className: "text-sm font-medium leading-none",
+		className: "text-base font-medium leading-5 text-kumo-default",
 		children: label
 	}), /* @__PURE__ */ jsx("div", {
 		className: "mt-2 space-y-3",
@@ -9693,7 +9693,7 @@ function BlockKitFieldElement({ element, value, onChange }) {
 			onChange
 		});
 		default: return /* @__PURE__ */ jsx("div", {
-			className: "text-sm text-kumo-subtle",
+			className: "text-xs leading-4 text-kumo-subtle",
 			children: _t({
 				id: "g8g6+Q",
 				message: "Unsupported widget element type: {0}",
@@ -9803,7 +9803,7 @@ var ContentEditorPanelBoundary = class extends React$1.Component {
 		if (!this.state.hasError) return this.props.children;
 		return /* @__PURE__ */ jsxs("div", {
 			role: "alert",
-			className: "text-sm text-kumo-subtle",
+			className: "text-xs leading-4 text-kumo-subtle",
 			children: [/* @__PURE__ */ jsx("p", { children: /* @__PURE__ */ jsx(Trans, {
 				id: "luDTEb",
 				message: "Plugin panel unavailable."
@@ -10348,6 +10348,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 								className: "flex h-full items-center justify-center gap-2",
 								children: [/* @__PURE__ */ jsx(Loader, { size: "sm" }), /* @__PURE__ */ jsx(Text, {
 									variant: "secondary",
+									size: "xs",
 									children: _t({
 										id: "SBTElJ",
 										message: "Searching…"
@@ -10357,6 +10358,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 								className: "flex h-full flex-col items-center justify-center gap-2 text-center",
 								children: [/* @__PURE__ */ jsx(Text, {
 									variant: "error",
+									size: "xs",
 									children: _t({
 										id: "uCoU/G",
 										message: "Couldn’t search bylines."
@@ -10384,6 +10386,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 										}), /* @__PURE__ */ jsx(Text, {
 											as: "span",
 											variant: "secondary",
+											size: "xs",
 											DANGEROUS_className: "block wrap-break-word",
 											children: option.byline.slug
 										})]
@@ -10421,6 +10424,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 											}), /* @__PURE__ */ jsx(Text, {
 												as: "span",
 												variant: "secondary",
+												size: "xs",
 												children: _t({
 													id: "sdFXHq",
 													message: "New reusable profile"
@@ -10448,6 +10452,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 									className: "px-2 py-1",
 									children: /* @__PURE__ */ jsx(Text, {
 										variant: "secondary",
+										size: "xs",
 										children: _t({
 											id: "6vk8Rm",
 											message: "Keep typing to narrow the list."
@@ -10458,6 +10463,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 								className: "flex h-full items-center justify-center text-center",
 								children: /* @__PURE__ */ jsx(Text, {
 									variant: "secondary",
+									size: "xs",
 									children: searchEnabled ? _t({
 										id: "ncgkI9",
 										message: "No matching bylines."
@@ -10559,6 +10565,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 				children: [
 					/* @__PURE__ */ jsx(Text, {
 						variant: "secondary",
+						size: "xs",
 						children: _t({
 							id: "B2HjEn",
 							message: "People shown publicly on this post."
@@ -10581,6 +10588,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 					/* @__PURE__ */ jsx(Text, {
 						as: "p",
 						variant: "secondary",
+						size: "xs",
 						children: _t({
 							id: "ZqhuvA",
 							message: "From the post owner"
@@ -10589,6 +10597,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 					/* @__PURE__ */ jsx(Text, {
 						as: "p",
 						variant: "secondary",
+						size: "xs",
 						children: _t({
 							id: "UlcztO",
 							message: "Choosing a byline replaces this automatic credit."
@@ -10620,6 +10629,7 @@ function BylineCreditsEditor({ credits, inferredByline, bylines, selectedBylineD
 				className: "mt-4 space-y-2 rounded-lg border border-dashed p-3",
 				children: [/* @__PURE__ */ jsx(Text, {
 					variant: "secondary",
+					size: "xs",
 					children: _t({
 						id: "Tmb8Fw",
 						message: "No bylines available in {entryLocale}. Create a variant from the Bylines page before crediting one on this entry.",
@@ -10756,6 +10766,7 @@ function SortableBylineRow({ credit, byline, isSorting, roleOpen, roleDraft, onR
 				}), credit.roleLabel ? /* @__PURE__ */ jsx(Text, {
 					as: "span",
 					variant: "secondary",
+					size: "xs",
 					DANGEROUS_className: "block wrap-break-word",
 					children: credit.roleLabel
 				}) : null]
@@ -11164,8 +11175,8 @@ function DocumentOutline({ editor, className, reserveHeaderEnd = false }) {
 				}
 			}),
 			children: [/* @__PURE__ */ jsx(Text, {
-				bold: true,
 				as: "span",
+				DANGEROUS_className: "font-semibold",
 				children: _t({
 					id: "dD7NPy",
 					message: "Outline"
@@ -11180,7 +11191,7 @@ function DocumentOutline({ editor, className, reserveHeaderEnd = false }) {
 			children: /* @__PURE__ */ jsx("div", {
 				className: "space-y-0.5 pt-2",
 				children: headings.length === 0 ? /* @__PURE__ */ jsx("p", {
-					className: "text-sm text-kumo-subtle px-2 py-1",
+					className: "px-2 py-1 text-xs leading-4 text-kumo-subtle",
 					children: _t({
 						id: "MMd//L",
 						message: "No headings in document"
@@ -11190,7 +11201,7 @@ function DocumentOutline({ editor, className, reserveHeaderEnd = false }) {
 					return /* @__PURE__ */ jsx("button", {
 						type: "button",
 						onClick: () => handleHeadingClick(heading),
-						className: cn("w-full text-start px-2 py-1 text-sm rounded-md transition-colors", "hover:bg-kumo-tint/50 cursor-pointer", "truncate", getIndentClass(heading.level), getTextClass(heading.level), isCurrent && "bg-kumo-tint text-kumo-default"),
+						className: cn("w-full rounded-md px-2 py-1 text-start text-base transition-colors", "hover:bg-kumo-tint/50 cursor-pointer", "truncate", getIndentClass(heading.level), getTextClass(heading.level), isCurrent && "bg-kumo-tint text-kumo-default"),
 						title: heading.text,
 						children: heading.text
 					}, heading.key);
@@ -11676,7 +11687,7 @@ function GalleryDetailPanel({ attributes, onUpdate, onDelete, onClose, inline =
 			/* @__PURE__ */ jsxs("div", {
 				className: "flex items-center justify-between",
 				children: [/* @__PURE__ */ jsx("h3", {
-					className: "text-sm font-semibold",
+					className: "text-base font-semibold",
 					children: _t({
 						id: "U+kFad",
 						message: "Gallery"
@@ -11729,7 +11740,7 @@ function GalleryDetailPanel({ attributes, onUpdate, onDelete, onClose, inline =
 				})]
 			}),
 			images.length === 0 ? /* @__PURE__ */ jsx("p", {
-				className: "text-sm text-kumo-subtle text-center py-4",
+				className: "py-4 text-center text-xs leading-4 text-kumo-subtle",
 				children: _t({
 					id: "aETJnp",
 					message: "No images in this gallery yet."
@@ -11842,7 +11853,7 @@ function SortableGalleryThumb({ image, index, selected, onSelect, onRemove }) {
 				})
 			}),
 			/* @__PURE__ */ jsx("span", {
-				className: "absolute bottom-1 start-1 text-[10px] bg-black/60 text-white rounded px-1",
+				className: "absolute bottom-1 start-1 rounded bg-black/60 px-1 text-xs leading-4 text-white",
 				"aria-hidden": true,
 				children: index + 1
 			})
@@ -11911,7 +11922,7 @@ function GalleryImageSettings({ image, onChange, onReplace, onAssetChange, onAss
 				]
 			}),
 			hasOriginalSize && /* @__PURE__ */ jsxs("div", {
-				className: "flex items-center gap-2 text-sm",
+				className: "flex items-center gap-2 text-xs leading-4",
 				children: [/* @__PURE__ */ jsx("span", {
 					className: "text-kumo-subtle",
 					children: _t3({
@@ -11968,7 +11979,7 @@ function GalleryImageSettings({ image, onChange, onReplace, onAssetChange, onAss
 			assetEditor.dialog,
 			assetEditor.error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-sm text-kumo-danger",
+				className: "text-xs leading-4 text-kumo-danger",
 				children: assetEditor.error
 			})
 		]
@@ -12250,8 +12261,8 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 				children: [/* @__PURE__ */ jsx("div", {
 					className: "flex items-center gap-2",
 					children: /* @__PURE__ */ jsx(Text, {
-						bold: true,
 						as: "h3",
+						DANGEROUS_className: "font-semibold",
 						children: _t({
 							id: "pO5YI4",
 							message: "Image settings"
@@ -12282,11 +12293,11 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 					imageActions,
 					assetEditor.error && /* @__PURE__ */ jsx("p", {
 						role: "alert",
-						className: "mt-2 text-sm text-kumo-danger",
+						className: "mt-2 text-xs leading-4 text-kumo-danger",
 						children: assetEditor.error
 					}),
 					(asset.width || asset.height) && /* @__PURE__ */ jsxs(Text, {
-						size: "sm",
+						size: "xs",
 						variant: "secondary",
 						DANGEROUS_className: "mt-3 flex items-center gap-2",
 						children: [
@@ -12495,7 +12506,7 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 							}),
 							value: asset.src,
 							readOnly: true,
-							className: "min-w-0 flex-1 font-mono text-xs"
+							className: "min-w-0 flex-1 font-mono text-base"
 						}), /* @__PURE__ */ jsx(LinkButton, {
 							variant: "outline",
 							shape: "square",
@@ -12560,7 +12571,7 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-4 w-4 text-kumo-subtle" }), /* @__PURE__ */ jsx("h2", {
-						className: "font-semibold",
+						className: "text-base font-semibold",
 						children: _t({
 							id: "eX5RcA",
 							message: "Image Settings"
@@ -12600,7 +12611,7 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 							imageActions,
 							assetEditor.error && /* @__PURE__ */ jsx("p", {
 								role: "alert",
-								className: "mt-2 text-sm text-kumo-danger",
+								className: "mt-2 text-xs leading-4 text-kumo-danger",
 								children: assetEditor.error
 							})
 						]
@@ -12608,7 +12619,7 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 					(asset.width || asset.height) && /* @__PURE__ */ jsx("div", {
 						className: "p-4 border-b",
 						children: /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2 text-sm",
+							className: "flex items-center gap-2 text-xs leading-4",
 							children: [
 								/* @__PURE__ */ jsx(Ruler, { className: "h-4 w-4 text-kumo-subtle" }),
 								/* @__PURE__ */ jsx("span", {
@@ -12781,7 +12792,7 @@ function ImageDetailPanel({ attributes, onUpdate, onReplace, onDelete, onClose,
 								children: [/* @__PURE__ */ jsx(Input, {
 									value: asset.src,
 									readOnly: true,
-									className: "min-w-0 flex-1 font-mono text-xs"
+									className: "min-w-0 flex-1 font-mono text-base"
 								}), /* @__PURE__ */ jsx(LinkButton, {
 									variant: "outline",
 									shape: "square",
@@ -13401,6 +13412,7 @@ function PublicationDateDialog({ entryKey, publishedAt, label, formattedValue, i
 				children: [/* @__PURE__ */ jsx(Text, {
 					as: "span",
 					variant: "secondary",
+					size: "xs",
 					truncate: true,
 					DANGEROUS_className: "flex-1 text-start",
 					children: label
@@ -13411,7 +13423,7 @@ function PublicationDateDialog({ entryKey, publishedAt, label, formattedValue, i
 						children: /* @__PURE__ */ jsx(Text, {
 							as: "span",
 							variant: "secondary",
-							size: "sm",
+							size: "xs",
 							children: formattedValue
 						})
 					}), /* @__PURE__ */ jsx(PencilSimple, {
@@ -13593,14 +13605,14 @@ function RevisionHistory({ collection, entryId, onRestored, reserveHeaderEnd = f
 			children: [/* @__PURE__ */ jsxs("span", {
 				className: "flex items-center gap-1.5",
 				children: [/* @__PURE__ */ jsx(Text, {
-					bold: true,
 					as: "span",
+					DANGEROUS_className: "font-semibold",
 					children: _t({
 						id: "ZdWn/b",
 						message: "Revisions"
 					})
 				}), total > 0 && /* @__PURE__ */ jsxs("span", {
-					className: "font-normal text-kumo-subtle",
+					className: "text-xs font-normal leading-4 text-kumo-subtle",
 					children: [
 						"(",
 						total,
@@ -13618,13 +13630,13 @@ function RevisionHistory({ collection, entryId, onRestored, reserveHeaderEnd = f
 				className: "flex items-center justify-center py-6",
 				children: /* @__PURE__ */ jsx(Loader, {})
 			}) : error ? /* @__PURE__ */ jsx("div", {
-				className: "py-4 text-center text-sm text-kumo-danger",
+				className: "py-4 text-center text-xs leading-4 text-kumo-danger",
 				children: _t({
 					id: "8AKRwh",
 					message: "Failed to load revisions"
 				})
 			}) : revisions.length === 0 ? /* @__PURE__ */ jsx("div", {
-				className: "py-4 text-center text-sm text-kumo-subtle",
+				className: "py-4 text-center text-xs leading-4 text-kumo-subtle",
 				children: _t({
 					id: "NtGzeq",
 					message: "No revisions yet"
@@ -13686,7 +13698,7 @@ function RevisionItem({ revision, compareRevision, isLatest, isRestoring, isSele
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-2",
 					children: [/* @__PURE__ */ jsx("span", {
-						className: "text-sm font-medium",
+						className: "text-base font-medium",
 						children: formatRelativeTime$1(revision.createdAt)
 					}), isLatest && /* @__PURE__ */ jsx(Badge, {
 						variant: "outline",
@@ -14031,7 +14043,10 @@ function SandboxedContentEditorPanel({ pluginId, panelId, title, collection, ent
 	return /* @__PURE__ */ jsxs(Collapsible.Root, {
 		open,
 		onOpenChange: handleOpenChange,
-		children: [/* @__PURE__ */ jsx(Collapsible.DefaultTrigger, { children: title }), /* @__PURE__ */ jsx(Collapsible.DefaultPanel, { children: /* @__PURE__ */ jsx("div", {
+		children: [/* @__PURE__ */ jsx(Collapsible.DefaultTrigger, { children: /* @__PURE__ */ jsx("span", {
+			className: "text-base font-semibold text-kumo-default",
+			children: title
+		}) }), /* @__PURE__ */ jsx(Collapsible.DefaultPanel, { children: /* @__PURE__ */ jsx("div", {
 			className: "min-w-0 px-4 pb-4",
 			children: loading && !loaded ? /* @__PURE__ */ jsxs("div", {
 				className: "space-y-2 py-2",
@@ -14050,7 +14065,7 @@ function SandboxedContentEditorPanel({ pluginId, panelId, title, collection, ent
 				})]
 			}) : error ? /* @__PURE__ */ jsxs("div", {
 				role: "alert",
-				className: "py-2 text-sm text-kumo-subtle",
+				className: "py-2 text-xs leading-4 text-kumo-subtle",
 				children: [/* @__PURE__ */ jsx("p", { children: _t({
 					id: "luDTEb",
 					message: "Plugin panel unavailable."
@@ -14281,7 +14296,7 @@ function ImageDropTarget({ label, onSelect, onUploaded, allowedMimeTypes, fieldI
 				children: /* @__PURE__ */ jsxs(Button, {
 					type: "button",
 					variant: "ghost",
-					className: "h-auto min-h-32 w-full flex-col items-center justify-center gap-3 rounded-[10px] px-4 py-5 text-center text-sm text-kumo-subtle",
+					className: "h-auto min-h-32 w-full flex-col items-center justify-center gap-3 rounded-[10px] px-4 py-5 text-center text-base text-kumo-subtle",
 					"aria-label": _t({
 						id: "jPRo6i",
 						message: "Drop an image here or browse for {label}",
@@ -14321,7 +14336,7 @@ function ImageDropTarget({ label, onSelect, onUploaded, allowedMimeTypes, fieldI
 			}),
 			error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-sm text-kumo-danger",
+				className: "text-xs leading-4 text-kumo-danger",
 				children: error
 			})
 		]
@@ -14610,7 +14625,7 @@ function SeoPanel({ contentKey, seo, onChange, defaultTitle, defaultDescription
 					}),
 					/* @__PURE__ */ jsx("p", {
 						id: `${descriptionId}-count`,
-						className: "text-sm leading-snug text-kumo-subtle",
+						className: "text-xs leading-4 text-kumo-subtle",
 						children: _t({
 							id: "rbd/hB",
 							message: "{0}/160 characters",
@@ -14851,7 +14866,7 @@ function SortableContentSettingsSection({ id, label, disclosure = false, childre
 				className: "flex items-center px-4 pe-12",
 				style: { minHeight: 48 },
 				children: /* @__PURE__ */ jsx("span", {
-					className: "text-[15px] font-semibold",
+					className: "text-base font-semibold",
 					children: label
 				})
 			}),
@@ -15281,7 +15296,7 @@ function TaxonomyTermPicker({ terms, selectedIds, onChange, onCreate, isCreating
 					},
 					children: selectedOptions.map((option) => /* @__PURE__ */ jsxs("span", {
 						role: "listitem",
-						className: "flex h-6 max-w-full min-w-0 items-center gap-1 rounded-sm bg-kumo-tint ps-2 text-sm ring-1 ring-inset ring-kumo-hairline",
+						className: "flex h-6 max-w-full min-w-0 items-center gap-1 rounded-sm bg-kumo-tint ps-2 text-base ring-1 ring-inset ring-kumo-hairline",
 						children: [
 							/* @__PURE__ */ jsx("span", {
 								className: "min-w-0 truncate",
@@ -15379,13 +15394,14 @@ function TaxonomyTermPicker({ terms, selectedIds, onChange, onCreate, isCreating
 										id: "0JMPeZ",
 										message: "Search {label}…",
 										values: { label }
-									})
+									}),
+									className: "text-base font-normal"
 								})]
 							})
 						}),
 						createError ? /* @__PURE__ */ jsx("p", {
 							role: "alert",
-							className: "px-3 pt-1.5 text-sm text-kumo-danger",
+							className: "px-3 pt-1.5 text-xs leading-4 text-kumo-danger",
 							children: createError.message
 						}) : null,
 						/* @__PURE__ */ jsx("div", {
@@ -15421,7 +15437,7 @@ function TaxonomyTermPicker({ terms, selectedIds, onChange, onCreate, isCreating
 									})
 								})
 							}, option.term.id)) : /* @__PURE__ */ jsx("p", {
-								className: "px-2 py-2 text-sm text-kumo-subtle",
+								className: "px-2 py-2 text-xs leading-4 text-kumo-subtle",
 								children: _t({
 									id: "ENKBRK",
 									message: "No {label} found.",
@@ -15459,7 +15475,7 @@ function TaxonomyTermPicker({ terms, selectedIds, onChange, onCreate, isCreating
 								/* @__PURE__ */ jsxs("span", {
 									className: "flex items-center gap-1.5 whitespace-nowrap",
 									children: [/* @__PURE__ */ jsx("kbd", {
-										className: "inline-flex min-w-5 items-center justify-center rounded border border-kumo-hairline bg-kumo-base px-1.5 py-0.5 text-[10px] leading-4 text-kumo-default",
+										className: "inline-flex min-w-5 items-center justify-center rounded border border-kumo-hairline bg-kumo-base px-1.5 py-0.5 text-xs leading-4 text-kumo-default",
 										children: "↑ ↓"
 									}), _t({
 										id: "dbDjdV",
@@ -15469,7 +15485,7 @@ function TaxonomyTermPicker({ terms, selectedIds, onChange, onCreate, isCreating
 								/* @__PURE__ */ jsxs("span", {
 									className: "flex items-center gap-1.5 whitespace-nowrap",
 									children: [/* @__PURE__ */ jsx("kbd", {
-										className: "inline-flex min-w-5 items-center justify-center rounded border border-kumo-hairline bg-kumo-base px-1.5 py-0.5 text-[10px] leading-4 text-kumo-default",
+										className: "inline-flex min-w-5 items-center justify-center rounded border border-kumo-hairline bg-kumo-base px-1.5 py-0.5 text-xs leading-4 text-kumo-default",
 										children: "↵"
 									}), _t({
 										id: "JFciKP",
@@ -15479,7 +15495,7 @@ function TaxonomyTermPicker({ terms, selectedIds, onChange, onCreate, isCreating
 								/* @__PURE__ */ jsxs("span", {
 									className: "ms-auto flex items-center gap-1.5 whitespace-nowrap",
 									children: [/* @__PURE__ */ jsx("kbd", {
-										className: "inline-flex min-w-5 items-center justify-center rounded border border-kumo-hairline bg-kumo-base px-1.5 py-0.5 text-[10px] leading-4 text-kumo-default",
+										className: "inline-flex min-w-5 items-center justify-center rounded border border-kumo-hairline bg-kumo-base px-1.5 py-0.5 text-xs leading-4 text-kumo-default",
 										children: _t({
 											id: "zO1gmR",
 											message: "Esc"
@@ -15743,7 +15759,7 @@ function TaxonomySection({ taxonomy, collection, entryId, entryLocale, canManage
 				className: "space-y-2 rounded-lg border border-kumo-warning/50 bg-kumo-warning-tint p-3",
 				children: [
 					/* @__PURE__ */ jsx("p", {
-						className: "text-sm font-medium text-kumo-warning",
+						className: "text-base font-medium text-kumo-warning",
 						children: _t3({
 							id: "qsWIqh",
 							message: "Unresolved assignment"
@@ -15796,8 +15812,8 @@ function TaxonomySidebar({ collection, entryId, entryLocale, defaultLocale, canM
 	return /* @__PURE__ */ jsxs("div", {
 		className: cn("grid gap-3", className),
 		children: [/* @__PURE__ */ jsx(Text$1, {
-			bold: true,
 			as: "h3",
+			DANGEROUS_className: "font-semibold",
 			children: _t4({
 				id: "sMNeA/",
 				message: "Taxonomies"
@@ -15827,9 +15843,8 @@ function TranslationsPanel({ title, headingClassName, locales, defaultLocale, cu
 	const { _: _t } = useLingui();
 	const byLocale = React$1.useMemo(() => new Map(translations.map((tr) => [tr.locale, tr])), [translations]);
 	return /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(Text, {
-		bold: true,
 		as: "h3",
-		DANGEROUS_className: cn("mb-4", headingClassName),
+		DANGEROUS_className: cn("mb-4 font-semibold", headingClassName),
 		children: title ?? _t({
 			id: "kAy5R9",
 			message: "Translations"
@@ -15840,7 +15855,7 @@ function TranslationsPanel({ title, headingClassName, locales, defaultLocale, cu
 			const translation = byLocale.get(locale);
 			const isCurrent = locale === currentLocale;
 			return /* @__PURE__ */ jsxs("div", {
-				className: cn("-mx-3 flex items-center justify-between rounded-md px-3 py-2 text-sm", isCurrent ? "bg-kumo-brand/10 font-medium" : translation ? "hover:bg-kumo-tint/50" : "text-kumo-subtle"),
+				className: cn("-mx-3 flex items-center justify-between rounded-md px-3 py-2 text-base", isCurrent ? "bg-kumo-brand/10 font-medium" : translation ? "hover:bg-kumo-tint/50" : "text-kumo-subtle"),
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex items-center gap-2",
 					children: [
@@ -15849,14 +15864,14 @@ function TranslationsPanel({ title, headingClassName, locales, defaultLocale, cu
 							children: locale
 						}),
 						locale === defaultLocale && /* @__PURE__ */ jsx("span", {
-							className: "text-[10px] text-kumo-subtle",
+							className: "text-xs leading-4 text-kumo-subtle",
 							children: _t({
 								id: "FozKV6",
 								message: " (default)"
 							})
 						}),
 						isCurrent && /* @__PURE__ */ jsx("span", {
-							className: "text-[10px] text-kumo-link",
+							className: "text-xs leading-4 text-kumo-link",
 							children: _t({
 								id: "7vEC4B",
 								message: "current"
@@ -15922,6 +15937,7 @@ function PublishingVersionRow({ iconState, title, description, action, connectTo
 				/* @__PURE__ */ jsx(Text, {
 					as: "p",
 					variant: "secondary",
+					size: "xs",
 					DANGEROUS_className: "mt-0.5 text-pretty",
 					children: description
 				}),
@@ -16080,7 +16096,7 @@ function PublishingVersionRelationship({ publishingState, supportsDrafts, schedu
 		children: rows
 	});
 }
-function TimestampValue({ value, locale, size = "base" }) {
+function TimestampValue({ value, locale, size = "xs" }) {
 	return /* @__PURE__ */ jsx("time", {
 		dateTime: value,
 		children: /* @__PURE__ */ jsx(Text, {
@@ -16090,7 +16106,7 @@ function TimestampValue({ value, locale, size = "base" }) {
 		})
 	});
 }
-function TimestampRow({ label, children, size = "base" }) {
+function TimestampRow({ label, children, size = "xs" }) {
 	return /* @__PURE__ */ jsxs("div", {
 		className: "flex items-center justify-between gap-2 whitespace-nowrap",
 		children: [/* @__PURE__ */ jsx("dt", {
@@ -16473,7 +16489,7 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 		})
 	}) : null;
 	return /* @__PURE__ */ jsxs("div", {
-		className: "flex flex-col whitespace-normal",
+		className: "flex flex-col whitespace-normal [&_input]:text-base [&_input]:font-normal [&_textarea]:text-base [&_textarea]:font-normal [&_[role=combobox]]:text-base",
 		children: [/* @__PURE__ */ jsxs(SortableContentSettingsSections, {
 			collection,
 			userId: currentUser?.id,
@@ -16490,9 +16506,8 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 						className: "p-4",
 						children: [
 							/* @__PURE__ */ jsx(Text, {
-								bold: true,
 								as: "h3",
-								DANGEROUS_className: "mb-4",
+								DANGEROUS_className: "mb-4 font-semibold",
 								children: _t7({
 									id: "EEYbdt",
 									message: "Publish"
@@ -16553,7 +16568,7 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 											children: [/* @__PURE__ */ jsx(Text, {
 												as: "span",
 												variant: "secondary",
-												size: "sm",
+												size: "xs",
 												children: _t7({
 													id: "GJIQ9P",
 													message: "Created and updated"
@@ -16575,22 +16590,22 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 														id: "d+F6q9",
 														message: "Created"
 													}),
-													size: "sm",
+													size: "xs",
 													children: /* @__PURE__ */ jsx(TimestampValue, {
 														value: item.createdAt,
 														locale: lingui.locale,
-														size: "sm"
+														size: "xs"
 													})
 												}), /* @__PURE__ */ jsx(TimestampRow, {
 													label: _t7({
 														id: "+b7T3G",
 														message: "Updated"
 													}),
-													size: "sm",
+													size: "xs",
 													children: /* @__PURE__ */ jsx(TimestampValue, {
 														value: item.updatedAt,
 														locale: lingui.locale,
-														size: "sm"
+														size: "xs"
 													})
 												})]
 											})
@@ -16619,9 +16634,8 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "p-4",
 						children: [/* @__PURE__ */ jsx(Text, {
-							bold: true,
 							as: "h3",
-							DANGEROUS_className: "mb-4",
+							DANGEROUS_className: "mb-4 font-semibold",
 							children: _t7({
 								id: "mWCZbu",
 								message: "URL & language"
@@ -16689,9 +16703,8 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "p-4",
 						children: [/* @__PURE__ */ jsx(Text, {
-							bold: true,
 							as: "h3",
-							DANGEROUS_className: "mb-4",
+							DANGEROUS_className: "mb-4 font-semibold",
 							children: _t7({
 								id: "oDAEQq",
 								message: "Ownership"
@@ -16714,8 +16727,8 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 						children: [/* @__PURE__ */ jsxs("div", {
 							className: "mb-4 flex items-center gap-1.5 pe-24",
 							children: [/* @__PURE__ */ jsx(Text, {
-								bold: true,
 								as: "h3",
+								DANGEROUS_className: "font-semibold",
 								children: _t7({
 									id: "xLGa7J",
 									message: "Bylines"
@@ -16806,9 +16819,8 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 					children: /* @__PURE__ */ jsxs("div", {
 						className: "p-4",
 						children: [/* @__PURE__ */ jsx(Text, {
-							bold: true,
 							as: "h3",
-							DANGEROUS_className: "mb-4",
+							DANGEROUS_className: "mb-4 font-semibold",
 							children: _t7({
 								id: "4Ml90q",
 								message: "SEO"
@@ -16861,9 +16873,8 @@ const ContentSettingsPanel = React$1.memo(function ContentSettingsPanel({ collec
 						children: /* @__PURE__ */ jsxs("div", {
 							className: "min-w-0 p-4",
 							children: [/* @__PURE__ */ jsx(Text, {
-								bold: true,
 								as: "h3",
-								DANGEROUS_className: "mb-4",
+								DANGEROUS_className: "mb-4 font-semibold",
 								children: title
 							}), /* @__PURE__ */ jsx(ContentEditorPanelBoundary, {
 								pluginId,
@@ -17440,6 +17451,7 @@ function ImageFieldRenderer({ id, label, description, value, onChange, required,
 				children: [/* @__PURE__ */ jsx(Text, {
 					as: "p",
 					variant: "secondary",
+					size: "xs",
 					children: _t({
 						id: "N33X5f",
 						message: "Dark mode variant"
@@ -17534,6 +17546,7 @@ function ImageFieldRenderer({ id, label, description, value, onChange, required,
 					}), /* @__PURE__ */ jsx(Text, {
 						as: "span",
 						variant: "secondary",
+						size: "xs",
 						DANGEROUS_className: "sr-only sm:not-sr-only",
 						children: _t({
 							id: "1pdLQw",
@@ -17562,6 +17575,7 @@ function ImageFieldRenderer({ id, label, description, value, onChange, required,
 						}), metadata && /* @__PURE__ */ jsx(Text, {
 							as: "p",
 							variant: "secondary",
+							size: "xs",
 							truncate: true,
 							children: /* @__PURE__ */ jsx("bdi", {
 								dir: "ltr",
@@ -17596,7 +17610,7 @@ function ImageFieldRenderer({ id, label, description, value, onChange, required,
 				children: [/* @__PURE__ */ jsxs("div", {
 					className: "flex min-h-20 items-center justify-center gap-2 rounded-lg border bg-kumo-tint text-kumo-subtle",
 					children: [/* @__PURE__ */ jsx(ImageBroken, { className: "h-5 w-5" }), /* @__PURE__ */ jsx("span", {
-						className: "text-sm",
+						className: "text-xs leading-4",
 						children: _t({
 							id: "1pdLQw",
 							message: "Image not found"
@@ -17666,11 +17680,11 @@ function ImageFieldRenderer({ id, label, description, value, onChange, required,
 			assetEditor.dialog,
 			assetEditor.error && /* @__PURE__ */ jsx("p", {
 				role: "alert",
-				className: "text-sm text-kumo-danger",
+				className: "text-xs leading-4 text-kumo-danger",
 				children: assetEditor.error
 			}),
 			required && !displayUrl && /* @__PURE__ */ jsx("p", {
-				className: "-mt-1 text-sm text-kumo-danger",
+				className: "-mt-1 text-xs leading-4 text-kumo-danger",
 				children: _t({
 					id: "B8AaMI",
 					message: "This field is required"
@@ -17702,7 +17716,7 @@ var PluginFieldErrorBoundary = class extends React$1.Component {
 			className: "rounded-md border border-kumo-danger/50 bg-kumo-danger/5 p-3",
 			children: [
 				/* @__PURE__ */ jsx("p", {
-					className: "text-sm font-medium text-kumo-danger",
+					className: "text-base font-medium text-kumo-danger",
 					children: /* @__PURE__ */ jsx(Trans, {
 						id: "zyTWI0",
 						message: "Plugin widget error"
@@ -17813,9 +17827,9 @@ function RepeaterField({ label, id, value, onChange, subFields, minItems = 0, ma
 			className: "flex items-center justify-between",
 			children: [/* @__PURE__ */ jsxs("label", {
 				htmlFor: id,
-				className: "text-sm font-medium",
+				className: "text-base font-medium text-kumo-default",
 				children: [label, items.length > 0 && /* @__PURE__ */ jsx("span", {
-					className: "ms-2 text-kumo-subtle font-normal",
+					className: "ms-2 text-xs font-normal leading-4 text-kumo-subtle",
 					children: i18n._({
 						id: "JcH6Wc",
 						message: "{0, plural, one {(# item)} other {(# items)}}",
@@ -17835,7 +17849,7 @@ function RepeaterField({ label, id, value, onChange, subFields, minItems = 0, ma
 		}), items.length === 0 ? /* @__PURE__ */ jsxs("div", {
 			className: "border-2 border-dashed rounded-lg p-6 text-center text-kumo-subtle",
 			children: [/* @__PURE__ */ jsx("p", {
-				className: "text-sm",
+				className: "text-xs leading-4",
 				children: _t({
 					id: "bWmJ0A",
 					message: "No items yet"
@@ -17903,7 +17917,7 @@ function SortableRepeaterItem({ item, index, subFields, isCollapsed, onToggleCol
 				}),
 				isCollapsed ? /* @__PURE__ */ jsx(CaretNext, { className: "h-4 w-4 text-kumo-subtle shrink-0" }) : /* @__PURE__ */ jsx(CaretDown, { className: "h-4 w-4 text-kumo-subtle shrink-0" }),
 				/* @__PURE__ */ jsx("span", {
-					className: "text-sm font-medium flex-1 truncate",
+					className: "flex-1 truncate text-base font-medium",
 					children: summaryLabel
 				}),
 				onRemove && /* @__PURE__ */ jsx(Button, {
@@ -17963,7 +17977,7 @@ function SubFieldInput({ subField, value, onChange, timezone }) {
 			checked: Boolean(value),
 			onCheckedChange: (checked) => onChange(checked),
 			label: /* @__PURE__ */ jsx("span", {
-				className: "text-sm",
+				className: "text-base",
 				children: subField.label
 			})
 		});
@@ -28279,7 +28293,7 @@ function ContentEditor({ collection, collectionLabel, item, fields, isNew, entry
 											})
 										}),
 										/* @__PURE__ */ jsx("div", {
-											className: "space-y-6",
+											className: cn("space-y-6", !isDistractionFree && "[&_input]:text-base [&_input]:font-normal [&_textarea]:text-base [&_textarea]:font-normal [&_[role=combobox]]:text-base"),
 											children: Object.entries(fields).map(([name, field]) => {
 												const fieldKey = `${name}:${item?.id ?? "new"}`;
 												return /* @__PURE__ */ jsx(FieldRenderer, {
@@ -28622,7 +28636,7 @@ function FieldRenderer({ name, field, value, onChange, onEditorReady, minimal, p
 			className: "text-base font-medium",
 			children: label
 		}), /* @__PURE__ */ jsx("p", {
-			className: "text-kumo-subtle text-sm",
+			className: "text-xs leading-4 text-kumo-subtle",
 			children: _t5({
 				id: "G+kT7j",
 				message: "This field cannot be edited by this version of EmDash."
@@ -29023,7 +29037,7 @@ function UrlFieldEditor({ label, labelClass, id, value, onChange, required, plac
 		required,
 		placeholder
 	}), error && /* @__PURE__ */ jsx("p", {
-		className: "text-sm text-kumo-danger mt-1",
+		className: "mt-1 text-xs leading-4 text-kumo-danger",
 		children: error
 	})] });
 }
@@ -29069,9 +29083,9 @@ function JsonFieldEditor({ label, id, value, onChange, required }) {
 		rows: 8,
 		placeholder: "{}",
 		required,
-		className: "font-mono text-sm"
+		className: "font-mono text-base"
 	}), error && /* @__PURE__ */ jsx("p", {
-		className: "text-sm text-kumo-danger mt-1",
+		className: "mt-1 text-xs leading-4 text-kumo-danger",
 		children: error
 	})] });
 }
@@ -29142,10 +29156,10 @@ function FileFieldRenderer({ id, label, value, onChange, required, allowedMimeTy
 							href: normalized.displayUrl,
 							target: "_blank",
 							rel: "noopener noreferrer",
-							className: "text-sm font-medium truncate block hover:underline",
+							className: "block truncate text-base font-medium hover:underline",
 							children: normalized.filename
 						}) : /* @__PURE__ */ jsx("p", {
-							className: "text-sm font-medium truncate",
+							className: "truncate text-base font-medium",
 							children: normalized.filename
 						}), (hasMime || hasSize) && /* @__PURE__ */ jsxs("p", {
 							className: "text-xs text-kumo-subtle",
@@ -29226,7 +29240,7 @@ function FileFieldRenderer({ id, label, value, onChange, required, allowedMimeTy
 				}) : void 0
 			}),
 			required && !normalized && /* @__PURE__ */ jsx("p", {
-				className: "-mt-1 text-sm text-kumo-danger",
+				className: "-mt-1 text-xs leading-4 text-kumo-danger",
 				children: _t9({
 					id: "B8AaMI",
 					message: "This field is required"