@adea-ai/ui 0.105.0 → 0.106.0

package/dist/lib/appearance-font-settings.js

@@ -0,0 +1,160 @@
+import { fontOptions } from "./font-catalog.js";
+import { safeScriptStringLiteral } from "./safe-script.js";
+//#region src/lib/appearance-font-settings.ts
+var APPEARANCE_EDITOR_FONT_AXES = [
+	"ui",
+	"content",
+	"code"
+];
+var APPEARANCE_EDITOR_FONT_SIZE_MIN = 10;
+var APPEARANCE_EDITOR_FONT_SIZE_MAX = 32;
+/** New preferences use the platform face in each text role. */
+var DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS = Object.freeze({
+	ui: Object.freeze({
+		family: "system",
+		size: 14
+	}),
+	content: Object.freeze({
+		family: "system",
+		size: 14
+	}),
+	code: Object.freeze({
+		family: "system",
+		size: 12
+	})
+});
+var fontFamilyIds = new Set(fontOptions.map((option) => option.id));
+var fontOptionsById = Object.freeze(Object.fromEntries(fontOptions.map((option) => [option.id, option])));
+var fontProjectionById = Object.freeze(Object.fromEntries(fontOptions.map((option) => [option.id, {
+	familyVariables: option.familyVariables,
+	uiTracking: option.uiTracking,
+	uiWordSpacing: option.uiWordSpacing
+}])));
+var fontAxisProjection = Object.freeze({
+	ui: Object.freeze({
+		familyAttribute: "data-ui-font",
+		familyProperty: "--font-ui",
+		sizeProperty: "--font-ui-size",
+		scaleProperty: "--font-ui-scale",
+		defaultSize: DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS.ui.size
+	}),
+	content: Object.freeze({
+		familyAttribute: "data-content-font",
+		familyProperty: "--font-content",
+		sizeProperty: "--font-content-size",
+		scaleProperty: "--font-content-scale",
+		defaultSize: DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS.content.size
+	}),
+	code: Object.freeze({
+		familyAttribute: "data-code-font",
+		familyProperty: "--font-code",
+		sizeProperty: "--font-code-size",
+		scaleProperty: "--font-code-scale",
+		defaultSize: DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS.code.size
+	})
+});
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+function hasOwn(value, key) {
+	return Object.prototype.hasOwnProperty.call(value, key);
+}
+function normalizeFamily(value) {
+	return typeof value === "string" && fontFamilyIds.has(value) ? value : void 0;
+}
+function clampFontSize(value) {
+	return Math.min(32, Math.max(10, Math.round(value)));
+}
+/** Normalize a single number-input value; invalid edits return the current size. */
+function normalizeAppearanceEditorFontSize(value, fallback) {
+	const parsed = typeof value === "number" ? value : typeof value === "string" && value.trim() !== "" ? Number(value) : NaN;
+	return Number.isFinite(parsed) ? clampFontSize(parsed) : clampFontSize(fallback);
+}
+/**
+* Recover persisted font choices against the shared font catalogue.
+*
+* `legacyUiFamily` lets a host migrate its previous single font field into the
+* UI axis. Content and code remain on the new System defaults during that
+* migration. Missing settings are ordinary defaults; an unknown saved id or an
+* invalid size is reported through `recoveredAxes` for the host's notice.
+*/
+function normalizeAppearanceEditorFontSettings(value, legacyUiFamily) {
+	const source = isRecord(value) ? value : void 0;
+	const malformedRoot = value !== void 0 && value !== null && source === void 0;
+	const recovered = /* @__PURE__ */ new Set();
+	const settings = {};
+	for (const axis of APPEARANCE_EDITOR_FONT_AXES) {
+		const axisPresent = source ? hasOwn(source, axis) : false;
+		const axisValue = source?.[axis];
+		const axisSource = isRecord(axisValue) ? axisValue : void 0;
+		const fallback = DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS[axis];
+		if (malformedRoot || axisPresent && axisSource === void 0) recovered.add(axis);
+		const hasFamily = axisSource ? hasOwn(axisSource, "family") : false;
+		const familyInput = hasFamily ? axisSource?.["family"] : axis === "ui" && legacyUiFamily !== void 0 ? legacyUiFamily : void 0;
+		const family = normalizeFamily(familyInput) ?? fallback.family;
+		if ((hasFamily || axis === "ui" && legacyUiFamily !== void 0) && !normalizeFamily(familyInput)) recovered.add(axis);
+		const hasSize = axisSource ? hasOwn(axisSource, "size") : false;
+		const sizeInput = axisSource?.["size"];
+		const size = hasSize ? normalizeAppearanceEditorFontSize(sizeInput, fallback.size) : fallback.size;
+		if (hasSize && (typeof sizeInput !== "number" || !Number.isFinite(sizeInput) || sizeInput !== size)) recovered.add(axis);
+		settings[axis] = Object.freeze({
+			family,
+			size
+		});
+	}
+	return Object.freeze({
+		settings: Object.freeze(settings),
+		recoveredAxes: Object.freeze(APPEARANCE_EDITOR_FONT_AXES.filter((axis) => recovered.has(axis)))
+	});
+}
+/**
+* Project normalized font preferences onto a document root.
+*
+* This is shared by `ThemeProvider` and hosts that own their own appearance
+* persistence, so UI/content/code use the same catalogue ids, theme tokens,
+* sizes, and projected CSS variables. The marker activates the optional role
+* stylesheet and survives CSS import reordering.
+*/
+function applyAppearanceFontSettings(root, value) {
+	const normalized = normalizeAppearanceEditorFontSettings(value);
+	const { settings } = normalized;
+	root.removeAttribute("data-font");
+	root.setAttribute("data-font-settings", "");
+	for (const axis of APPEARANCE_EDITOR_FONT_AXES) {
+		const projection = fontAxisProjection[axis];
+		const setting = settings[axis];
+		const option = fontOptionsById[setting.family];
+		if (setting.family === "system") root.removeAttribute(projection.familyAttribute);
+		else root.setAttribute(projection.familyAttribute, setting.family);
+		root.style.setProperty(projection.familyProperty, `var(${option.familyVariables[axis]})`);
+		root.style.setProperty(projection.sizeProperty, String(setting.size) + "px");
+		root.style.setProperty(projection.scaleProperty, String(setting.size / projection.defaultSize));
+		if (axis === "ui") {
+			root.style.setProperty("--ui-tracking", option.uiTracking);
+			root.style.setProperty("--ui-word-spacing", option.uiWordSpacing);
+		}
+	}
+	return normalized;
+}
+/**
+* Generate a safe inline prepaint script for a host-owned appearance record.
+*
+* The stored object is read from `localStorage[storageKey].fonts`. A legacy
+* top-level `font` family migrates into UI only; content/code use the shared
+* defaults. The script applies the same catalogue whitelist, limits, attributes,
+* and CSS properties as `applyAppearanceFontSettings` before styles paint. When
+* `persistedVersion` is supplied, only a record with that exact top-level version
+* is used; absent or mismatched records receive the System defaults.
+*/
+function fontSettingsBootstrapScript(storageKey, persistedVersion) {
+	if (persistedVersion !== void 0 && !Number.isSafeInteger(persistedVersion)) throw new RangeError("persistedVersion must be a safe integer");
+	const axisConfig = JSON.stringify(fontAxisProjection);
+	const fontProjection = JSON.stringify(fontProjectionById);
+	const fontIds = `[${fontOptions.map((option) => safeScriptStringLiteral(option.id)).join(",")}]`;
+	const persistedVersionGuard = persistedVersion === void 0 ? "" : `&&parsed.version===Number(${safeScriptStringLiteral(String(persistedVersion))})`;
+	return `(function(){var r=document.documentElement;var axes=JSON.parse(${safeScriptStringLiteral(axisConfig)});var projection=JSON.parse(${safeScriptStringLiteral(fontProjection)});var ids=${fontIds};var has=function(v,k){return Object.prototype.hasOwnProperty.call(v,k)};var record=function(v){return typeof v==='object'&&v!==null&&!Array.isArray(v)};var p={};try{var raw=localStorage.getItem(${safeScriptStringLiteral(storageKey)});var parsed=raw?JSON.parse(raw):{};if(record(parsed)${persistedVersionGuard})p=parsed;}catch(e){}var saved=record(p.fonts)?p.fonts:{};var valid=function(v,d){return ids.indexOf(v)!==-1?v:d};var size=function(v,d){var n=typeof v==='number'?v:typeof v==='string'&&v.trim()!==''?Number(v):NaN;return Number.isFinite(n)?Math.min(32,Math.max(10,Math.round(n))):d};r.setAttribute('data-font-settings','');for(var axis in axes){if(!has(axes,axis))continue;var spec=axes[axis];var candidate=saved[axis];var value=record(candidate)?candidate:{};var legacyUi=axis==='ui'&&!has(value,'family');var family=legacyUi?valid(p.font,'system'):valid(value.family,'system');var font=projection[family];if(family==='system')r.removeAttribute(spec.familyAttribute);else r.setAttribute(spec.familyAttribute,family);r.style.setProperty(spec.familyProperty,'var('+font.familyVariables[axis]+')');var px=size(value.size,spec.defaultSize);r.style.setProperty(spec.sizeProperty,px+'px');r.style.setProperty(spec.scaleProperty,String(px/spec.defaultSize));if(axis==='ui'){r.style.setProperty('--ui-tracking',font.uiTracking);r.style.setProperty('--ui-word-spacing',font.uiWordSpacing);}}r.removeAttribute('data-font');})();`;
+}
+//#endregion
+export { APPEARANCE_EDITOR_FONT_AXES, APPEARANCE_EDITOR_FONT_SIZE_MAX, APPEARANCE_EDITOR_FONT_SIZE_MIN, DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS, applyAppearanceFontSettings, fontSettingsBootstrapScript, normalizeAppearanceEditorFontSettings, normalizeAppearanceEditorFontSize };
+
+//# sourceMappingURL=appearance-font-settings.js.map

package/dist/lib/appearance-font-settings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"appearance-font-settings.js","names":[],"sources":["../../src/lib/appearance-font-settings.ts"],"sourcesContent":["import { fontOptions, type FontOption } from '#lib/font-catalog'\nimport { safeScriptStringLiteral } from '#lib/safe-script'\n\nexport const APPEARANCE_EDITOR_FONT_AXES = ['ui', 'content', 'code'] as const\n\nexport type AppearanceEditorFontAxis = (typeof APPEARANCE_EDITOR_FONT_AXES)[number]\nexport type AppearanceEditorFontFamilyId = FontOption['id']\n\nexport type AppearanceEditorFontSetting = Readonly<{\n  /** A stable id from the shared font catalogue, never a CSS family string. */\n  family: AppearanceEditorFontFamilyId\n  /** A pixel size, normalized to the supported range. */\n  size: number\n}>\n\n/** The host-owned choices edited by the shared appearance composition. */\nexport type AppearanceEditorFontSettings = Readonly<\n  Record<AppearanceEditorFontAxis, AppearanceEditorFontSetting>\n>\n\nexport const APPEARANCE_EDITOR_FONT_SIZE_MIN = 10\nexport const APPEARANCE_EDITOR_FONT_SIZE_MAX = 32\n\n/** New preferences use the platform face in each text role. */\nexport const DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS: AppearanceEditorFontSettings = Object.freeze({\n  ui: Object.freeze({ family: 'system', size: 14 }),\n  content: Object.freeze({ family: 'system', size: 14 }),\n  code: Object.freeze({ family: 'system', size: 12 }),\n})\n\nexport type NormalizedAppearanceEditorFontSettings = Readonly<{\n  settings: AppearanceEditorFontSettings\n  /** Axes whose persisted family or size was unavailable or outside its limits. */\n  recoveredAxes: readonly AppearanceEditorFontAxis[]\n}>\n\nconst fontFamilyIds: ReadonlySet<string> = new Set(fontOptions.map((option) => option.id))\nconst fontOptionsById = Object.freeze(\n  Object.fromEntries(fontOptions.map((option) => [option.id, option])) as Record<\n    AppearanceEditorFontFamilyId,\n    FontOption\n  >\n)\nconst fontProjectionById = Object.freeze(\n  Object.fromEntries(\n    fontOptions.map((option) => [\n      option.id,\n      {\n        familyVariables: option.familyVariables,\n        uiTracking: option.uiTracking,\n        uiWordSpacing: option.uiWordSpacing,\n      },\n    ])\n  ) as Record<\n    AppearanceEditorFontFamilyId,\n    Pick<FontOption, 'familyVariables' | 'uiTracking' | 'uiWordSpacing'>\n  >\n)\nconst fontAxisProjection = Object.freeze({\n  ui: Object.freeze({\n    familyAttribute: 'data-ui-font',\n    familyProperty: '--font-ui',\n    sizeProperty: '--font-ui-size',\n    scaleProperty: '--font-ui-scale',\n    defaultSize: DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS.ui.size,\n  }),\n  content: Object.freeze({\n    familyAttribute: 'data-content-font',\n    familyProperty: '--font-content',\n    sizeProperty: '--font-content-size',\n    scaleProperty: '--font-content-scale',\n    defaultSize: DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS.content.size,\n  }),\n  code: Object.freeze({\n    familyAttribute: 'data-code-font',\n    familyProperty: '--font-code',\n    sizeProperty: '--font-code-size',\n    scaleProperty: '--font-code-scale',\n    defaultSize: DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS.code.size,\n  }),\n})\n\nfunction isRecord(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null && !Array.isArray(value)\n}\n\nfunction hasOwn(value: Record<string, unknown>, key: string): boolean {\n  return Object.prototype.hasOwnProperty.call(value, key)\n}\n\nfunction normalizeFamily(value: unknown): AppearanceEditorFontFamilyId | undefined {\n  return typeof value === 'string' && fontFamilyIds.has(value)\n    ? (value as AppearanceEditorFontFamilyId)\n    : undefined\n}\n\nfunction clampFontSize(value: number): number {\n  return Math.min(\n    APPEARANCE_EDITOR_FONT_SIZE_MAX,\n    Math.max(APPEARANCE_EDITOR_FONT_SIZE_MIN, Math.round(value))\n  )\n}\n\n/** Normalize a single number-input value; invalid edits return the current size. */\nexport function normalizeAppearanceEditorFontSize(value: unknown, fallback: number): number {\n  const parsed =\n    typeof value === 'number'\n      ? value\n      : typeof value === 'string' && value.trim() !== ''\n        ? Number(value)\n        : Number.NaN\n  return Number.isFinite(parsed) ? clampFontSize(parsed) : clampFontSize(fallback)\n}\n\n/**\n * Recover persisted font choices against the shared font catalogue.\n *\n * `legacyUiFamily` lets a host migrate its previous single font field into the\n * UI axis. Content and code remain on the new System defaults during that\n * migration. Missing settings are ordinary defaults; an unknown saved id or an\n * invalid size is reported through `recoveredAxes` for the host's notice.\n */\nexport function normalizeAppearanceEditorFontSettings(\n  value: unknown,\n  legacyUiFamily?: unknown\n): NormalizedAppearanceEditorFontSettings {\n  const source = isRecord(value) ? value : undefined\n  const malformedRoot = value !== undefined && value !== null && source === undefined\n  const recovered = new Set<AppearanceEditorFontAxis>()\n  const settings = {} as Record<AppearanceEditorFontAxis, AppearanceEditorFontSetting>\n\n  for (const axis of APPEARANCE_EDITOR_FONT_AXES) {\n    const axisPresent = source ? hasOwn(source, axis) : false\n    const axisValue = source?.[axis]\n    const axisSource = isRecord(axisValue) ? axisValue : undefined\n    const fallback = DEFAULT_APPEARANCE_EDITOR_FONT_SETTINGS[axis]\n\n    if (malformedRoot || (axisPresent && axisSource === undefined)) recovered.add(axis)\n\n    const hasFamily = axisSource ? hasOwn(axisSource, 'family') : false\n    const familyInput = hasFamily\n      ? axisSource?.['family']\n      : axis === 'ui' && legacyUiFamily !== undefined\n        ? legacyUiFamily\n        : undefined\n    const family = normalizeFamily(familyInput) ?? fallback.family\n    if (\n      (hasFamily || (axis === 'ui' && legacyUiFamily !== undefined)) &&\n      !normalizeFamily(familyInput)\n    ) {\n      recovered.add(axis)\n    }\n\n    const hasSize = axisSource ? hasOwn(axisSource, 'size') : false\n    const sizeInput = axisSource?.['size']\n    const size = hasSize\n      ? normalizeAppearanceEditorFontSize(sizeInput, fallback.size)\n      : fallback.size\n    if (\n      hasSize &&\n      (typeof sizeInput !== 'number' || !Number.isFinite(sizeInput) || sizeInput !== size)\n    ) {\n      recovered.add(axis)\n    }\n\n    settings[axis] = Object.freeze({ family, size })\n  }\n\n  return Object.freeze({\n    settings: Object.freeze(settings),\n    recoveredAxes: Object.freeze(APPEARANCE_EDITOR_FONT_AXES.filter((axis) => recovered.has(axis))),\n  })\n}\n\n/**\n * Project normalized font preferences onto a document root.\n *\n * This is shared by `ThemeProvider` and hosts that own their own appearance\n * persistence, so UI/content/code use the same catalogue ids, theme tokens,\n * sizes, and projected CSS variables. The marker activates the optional role\n * stylesheet and survives CSS import reordering.\n */\nexport function applyAppearanceFontSettings(\n  root: HTMLElement,\n  value: unknown\n): NormalizedAppearanceEditorFontSettings {\n  const normalized = normalizeAppearanceEditorFontSettings(value)\n  const { settings } = normalized\n\n  root.removeAttribute('data-font')\n  root.setAttribute('data-font-settings', '')\n  for (const axis of APPEARANCE_EDITOR_FONT_AXES) {\n    const projection = fontAxisProjection[axis]\n    const setting = settings[axis]\n    const option = fontOptionsById[setting.family]\n    if (setting.family === 'system') root.removeAttribute(projection.familyAttribute)\n    else root.setAttribute(projection.familyAttribute, setting.family)\n    root.style.setProperty(projection.familyProperty, `var(${option.familyVariables[axis]})`)\n    root.style.setProperty(projection.sizeProperty, String(setting.size) + 'px')\n    root.style.setProperty(projection.scaleProperty, String(setting.size / projection.defaultSize))\n    if (axis === 'ui') {\n      root.style.setProperty('--ui-tracking', option.uiTracking)\n      root.style.setProperty('--ui-word-spacing', option.uiWordSpacing)\n    }\n  }\n\n  return normalized\n}\n\n/**\n * Generate a safe inline prepaint script for a host-owned appearance record.\n *\n * The stored object is read from `localStorage[storageKey].fonts`. A legacy\n * top-level `font` family migrates into UI only; content/code use the shared\n * defaults. The script applies the same catalogue whitelist, limits, attributes,\n * and CSS properties as `applyAppearanceFontSettings` before styles paint. When\n * `persistedVersion` is supplied, only a record with that exact top-level version\n * is used; absent or mismatched records receive the System defaults.\n */\nexport function fontSettingsBootstrapScript(storageKey: string, persistedVersion?: number): string {\n  if (persistedVersion !== undefined && !Number.isSafeInteger(persistedVersion)) {\n    throw new RangeError('persistedVersion must be a safe integer')\n  }\n  const axisConfig = JSON.stringify(fontAxisProjection)\n  const fontProjection = JSON.stringify(fontProjectionById)\n  const fontIds = `[${fontOptions.map((option) => safeScriptStringLiteral(option.id)).join(',')}]`\n  const persistedVersionGuard =\n    persistedVersion === undefined\n      ? ''\n      : `&&parsed.version===Number(${safeScriptStringLiteral(String(persistedVersion))})`\n\n  return `(function(){var r=document.documentElement;var axes=JSON.parse(${safeScriptStringLiteral(axisConfig)});var projection=JSON.parse(${safeScriptStringLiteral(fontProjection)});var ids=${fontIds};var has=function(v,k){return Object.prototype.hasOwnProperty.call(v,k)};var record=function(v){return typeof v==='object'&&v!==null&&!Array.isArray(v)};var p={};try{var raw=localStorage.getItem(${safeScriptStringLiteral(storageKey)});var parsed=raw?JSON.parse(raw):{};if(record(parsed)${persistedVersionGuard})p=parsed;}catch(e){}var saved=record(p.fonts)?p.fonts:{};var valid=function(v,d){return ids.indexOf(v)!==-1?v:d};var size=function(v,d){var n=typeof v==='number'?v:typeof v==='string'&&v.trim()!==''?Number(v):NaN;return Number.isFinite(n)?Math.min(${APPEARANCE_EDITOR_FONT_SIZE_MAX},Math.max(${APPEARANCE_EDITOR_FONT_SIZE_MIN},Math.round(n))):d};r.setAttribute('data-font-settings','');for(var axis in axes){if(!has(axes,axis))continue;var spec=axes[axis];var candidate=saved[axis];var value=record(candidate)?candidate:{};var legacyUi=axis==='ui'&&!has(value,'family');var family=legacyUi?valid(p.font,'system'):valid(value.family,'system');var font=projection[family];if(family==='system')r.removeAttribute(spec.familyAttribute);else r.setAttribute(spec.familyAttribute,family);r.style.setProperty(spec.familyProperty,'var('+font.familyVariables[axis]+')');var px=size(value.size,spec.defaultSize);r.style.setProperty(spec.sizeProperty,px+'px');r.style.setProperty(spec.scaleProperty,String(px/spec.defaultSize));if(axis==='ui'){r.style.setProperty('--ui-tracking',font.uiTracking);r.style.setProperty('--ui-word-spacing',font.uiWordSpacing);}}r.removeAttribute('data-font');})();`\n}\n"],"mappings":"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"}

package/dist/lib/font-catalog.d.ts

@@ -0,0 +1,72 @@
+/**
+ * Stable font-family choices shared by the appearance editor and its host APIs.
+ *
+ * This stays independent of the theme-token manifest so consumers that need
+ * only font settings do not retain the palette catalogue.
+ */
+declare const FONT_OPTIONS: readonly [{
+    readonly id: "space-grotesk";
+    readonly label: "Space Grotesk";
+    readonly description: "The self-hosted Space Grotesk family.";
+    readonly familyVariables: {
+        readonly ui: "--font-family-space-grotesk";
+        readonly content: "--font-family-space-grotesk";
+        readonly code: "--font-family-space-grotesk";
+    };
+    readonly uiTracking: "normal";
+    readonly uiWordSpacing: "normal";
+    readonly stack: "both";
+}, {
+    readonly id: "system";
+    readonly label: "System";
+    readonly description: "The platform's own interface family and system monospace counterpart.";
+    readonly familyVariables: {
+        readonly ui: "--font-family-system";
+        readonly content: "--font-family-system";
+        readonly code: "--font-family-system-mono";
+    };
+    readonly uiTracking: "normal";
+    readonly uiWordSpacing: "normal";
+    readonly stack: "both";
+}, {
+    readonly id: "geist";
+    readonly label: "Geist";
+    readonly description: "The face cortana already ships. Neutral and wide.";
+    readonly familyVariables: {
+        readonly ui: "--font-family-geist";
+        readonly content: "--font-family-geist";
+        readonly code: "--font-family-geist";
+    };
+    readonly uiTracking: "normal";
+    readonly uiWordSpacing: "normal";
+    readonly stack: "both";
+}, {
+    readonly id: "geist-mono";
+    readonly label: "Geist Mono";
+    readonly description: "Monospace throughout, for someone who wants a uniform texture.";
+    readonly familyVariables: {
+        readonly ui: "--font-family-geist-mono";
+        readonly content: "--font-family-geist-mono";
+        readonly code: "--font-family-geist-mono";
+    };
+    readonly uiTracking: "-0.03em";
+    readonly uiWordSpacing: "-1.5px";
+    readonly stack: "both";
+}, {
+    readonly id: "jetbrains-mono";
+    readonly label: "JetBrains Mono";
+    readonly description: "Monospace throughout, with coding ligatures off.";
+    readonly familyVariables: {
+        readonly ui: "--font-family-jetbrains-mono";
+        readonly content: "--font-family-jetbrains-mono";
+        readonly code: "--font-family-jetbrains-mono";
+    };
+    readonly uiTracking: "-0.04em";
+    readonly uiWordSpacing: "-2.5px";
+    readonly stack: "both";
+}];
+/** Stable catalogue record type; saved values never contain CSS family strings. */
+export type FontOption = (typeof FONT_OPTIONS)[number];
+export declare const fontOptions: readonly FontOption[];
+export {};
+//# sourceMappingURL=font-catalog.d.ts.map

package/dist/lib/font-catalog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-catalog.d.ts","sourceRoot":"","sources":["../../src/lib/font-catalog.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkER,CAAA;AAEV,mFAAmF;AACnF,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,CAAC,CAAA;AAEtD,eAAO,MAAM,WAAW,EAAE,SAAS,UAAU,EAAgC,CAAA"}

package/dist/lib/font-catalog.js

@@ -0,0 +1,71 @@
+var fontOptions = Object.freeze([
+	{
+		id: "space-grotesk",
+		label: "Space Grotesk",
+		description: "The self-hosted Space Grotesk family.",
+		familyVariables: {
+			ui: "--font-family-space-grotesk",
+			content: "--font-family-space-grotesk",
+			code: "--font-family-space-grotesk"
+		},
+		uiTracking: "normal",
+		uiWordSpacing: "normal",
+		stack: "both"
+	},
+	{
+		id: "system",
+		label: "System",
+		description: "The platform's own interface family and system monospace counterpart.",
+		familyVariables: {
+			ui: "--font-family-system",
+			content: "--font-family-system",
+			code: "--font-family-system-mono"
+		},
+		uiTracking: "normal",
+		uiWordSpacing: "normal",
+		stack: "both"
+	},
+	{
+		id: "geist",
+		label: "Geist",
+		description: "The face cortana already ships. Neutral and wide.",
+		familyVariables: {
+			ui: "--font-family-geist",
+			content: "--font-family-geist",
+			code: "--font-family-geist"
+		},
+		uiTracking: "normal",
+		uiWordSpacing: "normal",
+		stack: "both"
+	},
+	{
+		id: "geist-mono",
+		label: "Geist Mono",
+		description: "Monospace throughout, for someone who wants a uniform texture.",
+		familyVariables: {
+			ui: "--font-family-geist-mono",
+			content: "--font-family-geist-mono",
+			code: "--font-family-geist-mono"
+		},
+		uiTracking: "-0.03em",
+		uiWordSpacing: "-1.5px",
+		stack: "both"
+	},
+	{
+		id: "jetbrains-mono",
+		label: "JetBrains Mono",
+		description: "Monospace throughout, with coding ligatures off.",
+		familyVariables: {
+			ui: "--font-family-jetbrains-mono",
+			content: "--font-family-jetbrains-mono",
+			code: "--font-family-jetbrains-mono"
+		},
+		uiTracking: "-0.04em",
+		uiWordSpacing: "-2.5px",
+		stack: "both"
+	}
+]);
+//#endregion
+export { fontOptions };
+
+//# sourceMappingURL=font-catalog.js.map

package/dist/lib/font-catalog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font-catalog.js","names":[],"sources":["../../src/lib/font-catalog.ts"],"sourcesContent":["/**\n * Stable font-family choices shared by the appearance editor and its host APIs.\n *\n * This stays independent of the theme-token manifest so consumers that need\n * only font settings do not retain the palette catalogue.\n */\n// Explicit catalogue choices resolve to the same named face in every role.\n// System Code is the exception: it resolves to the platform monospace stack.\nconst FONT_OPTIONS = [\n  {\n    id: 'space-grotesk',\n    label: 'Space Grotesk',\n    description: 'The self-hosted Space Grotesk family.',\n    familyVariables: {\n      ui: '--font-family-space-grotesk',\n      content: '--font-family-space-grotesk',\n      code: '--font-family-space-grotesk',\n    },\n    uiTracking: 'normal',\n    uiWordSpacing: 'normal',\n    stack: 'both',\n  },\n  {\n    id: 'system',\n    label: 'System',\n    description: \"The platform's own interface family and system monospace counterpart.\",\n    familyVariables: {\n      ui: '--font-family-system',\n      content: '--font-family-system',\n      code: '--font-family-system-mono',\n    },\n    uiTracking: 'normal',\n    uiWordSpacing: 'normal',\n    stack: 'both',\n  },\n  {\n    id: 'geist',\n    label: 'Geist',\n    description: 'The face cortana already ships. Neutral and wide.',\n    familyVariables: {\n      ui: '--font-family-geist',\n      content: '--font-family-geist',\n      code: '--font-family-geist',\n    },\n    uiTracking: 'normal',\n    uiWordSpacing: 'normal',\n    stack: 'both',\n  },\n  {\n    id: 'geist-mono',\n    label: 'Geist Mono',\n    description: 'Monospace throughout, for someone who wants a uniform texture.',\n    familyVariables: {\n      ui: '--font-family-geist-mono',\n      content: '--font-family-geist-mono',\n      code: '--font-family-geist-mono',\n    },\n    uiTracking: '-0.03em',\n    uiWordSpacing: '-1.5px',\n    stack: 'both',\n  },\n  {\n    id: 'jetbrains-mono',\n    label: 'JetBrains Mono',\n    description: 'Monospace throughout, with coding ligatures off.',\n    familyVariables: {\n      ui: '--font-family-jetbrains-mono',\n      content: '--font-family-jetbrains-mono',\n      code: '--font-family-jetbrains-mono',\n    },\n    uiTracking: '-0.04em',\n    uiWordSpacing: '-2.5px',\n    stack: 'both',\n  },\n] as const\n\n/** Stable catalogue record type; saved values never contain CSS family strings. */\nexport type FontOption = (typeof FONT_OPTIONS)[number]\n\nexport const fontOptions: readonly FontOption[] = Object.freeze(FONT_OPTIONS)\n"],"mappings":"AA+EA,IAAa,cAAqC,OAAO,OAAO;CAtE9D;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,iBAAiB;GACf,IAAI;GACJ,SAAS;GACT,MAAM;EACR;EACA,YAAY;EACZ,eAAe;EACf,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,iBAAiB;GACf,IAAI;GACJ,SAAS;GACT,MAAM;EACR;EACA,YAAY;EACZ,eAAe;EACf,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,iBAAiB;GACf,IAAI;GACJ,SAAS;GACT,MAAM;EACR;EACA,YAAY;EACZ,eAAe;EACf,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,iBAAiB;GACf,IAAI;GACJ,SAAS;GACT,MAAM;EACR;EACA,YAAY;EACZ,eAAe;EACf,OAAO;CACT;CACA;EACE,IAAI;EACJ,OAAO;EACP,aAAa;EACb,iBAAiB;GACf,IAAI;GACJ,SAAS;GACT,MAAM;EACR;EACA,YAAY;EACZ,eAAe;EACf,OAAO;CACT;AAM8D,CAAY"}

package/dist/lib/safe-script.d.ts

@@ -0,0 +1,3 @@
+/** Escape a string literal for an inline script's JavaScript source. */
+export declare function safeScriptStringLiteral(value: string): string;
+//# sourceMappingURL=safe-script.d.ts.map

package/dist/lib/safe-script.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-script.d.ts","sourceRoot":"","sources":["../../src/lib/safe-script.ts"],"names":[],"mappings":"AAAA,wEAAwE;AACxE,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAK7D"}

package/dist/lib/safe-script.js

@@ -0,0 +1,9 @@
+//#region src/lib/safe-script.ts
+/** Escape a string literal for an inline script's JavaScript source. */
+function safeScriptStringLiteral(value) {
+	return JSON.stringify(value).replace(/[<>\u2028\u2029]/g, (character) => `\\u${character.charCodeAt(0).toString(16).padStart(4, "0")}`);
+}
+//#endregion
+export { safeScriptStringLiteral };
+
+//# sourceMappingURL=safe-script.js.map

package/dist/lib/safe-script.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-script.js","names":[],"sources":["../../src/lib/safe-script.ts"],"sourcesContent":["/** Escape a string literal for an inline script's JavaScript source. */\nexport function safeScriptStringLiteral(value: string): string {\n  return JSON.stringify(value).replace(\n    /[<>\\u2028\\u2029]/g,\n    (character) => `\\\\u${character.charCodeAt(0).toString(16).padStart(4, '0')}`\n  )\n}\n"],"mappings":";;AACA,SAAgB,wBAAwB,OAAuB;CAC7D,OAAO,KAAK,UAAU,KAAK,CAAC,CAAC,QAC3B,sBACC,cAAc,MAAM,UAAU,WAAW,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,GAAG,GAAG,GAC3E;AACF"}

package/dist/lib/tokens.d.ts

@@ -16,6 +16,8 @@
  * That pairing is what makes "every token is documented and every documented
  * token exists" a property the build enforces rather than a promise.
  */
+export { fontOptions } from './font-catalog';
+export type { FontOption } from './font-catalog';
 export type TokenKind = 'color' | 'dimension' | 'font-family' | 'number' | 'duration' | 'easing' | 'shadow' | 'text';
 export type TokenDefinition = {
     /** The custom property name, without the leading `--`. */
@@ -66,25 +68,6 @@ export type AccentPreset = {
     dark?: string;
 };
 export declare const accentPresets: readonly AccentPreset[];
-/**
- * The font axis.
- *
- * The family is a selection, like the accent: `data-font` sits on the same element
- * and each option swaps the interface face. `space-grotesk` is the default because
- * it is the face the visual language was drawn against, and `system` is a
- * first-class option rather than a fallback — an application that wants the
- * platform's own face should be able to say so without losing the rest of the
- * system.
- */
-export type FontOption = {
-    /** The `data-font` value. `space-grotesk` is the default and needs no attribute. */
-    id: string;
-    label: string;
-    description: string;
-    /** Which of the two stacks this option sets. */
-    stack: 'sans' | 'mono' | 'both';
-};
-export declare const fontOptions: readonly FontOption[];
 /** Every token, in gallery order. */
 export declare const designTokens: {
     readonly color: TokenDefinition[];

package/dist/lib/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/lib/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,WAAW,GACX,aAAa,GACb,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,eAAe,EAoUxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAezC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAyE7C,CAAA;AAED;;+EAE+E;AAC/E,eAAO,MAAM,aAAa,EAAE,eAAe,EAmF1C,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,eAAe,EA2B5C,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAkBzC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAyBzC,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,YAAY,EAQ/C,CAAA;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,GAAG;IACvB,oFAAoF;IACpF,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,gDAAgD;IAChD,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAA;CAChC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,SAAS,UAAU,EA+B3C,CAAA;AAEF,qCAAqC;AACrC,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAA;AAEV,yDAAyD;AACzD,eAAO,MAAM,SAAS,EAAE,eAAe,EAAuC,CAAA;AAE9E;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,EAAe,CAAA"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/lib/tokens.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAEhD,MAAM,MAAM,SAAS,GACjB,OAAO,GACP,WAAW,GACX,aAAa,GACb,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,MAAM,CAAA;AAEV,MAAM,MAAM,eAAe,GAAG;IAC5B,0DAA0D;IAC1D,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,SAAS,CAAA;IACf,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,eAAe,EAoUxC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAezC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,eAAe,EAgI7C,CAAA;AAED;;+EAE+E;AAC/E,eAAO,MAAM,aAAa,EAAE,eAAe,EAmF1C,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,eAAe,EA2B5C,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAkBzC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,eAAe,EAyBzC,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,qEAAqE;IACrE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,8DAA8D;IAC9D,WAAW,EAAE,MAAM,CAAA;IACnB,uEAAuE;IACvE,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,SAAS,YAAY,EAQ/C,CAAA;AAEF,qCAAqC;AACrC,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAA;AAEV,yDAAyD;AACzD,eAAO,MAAM,SAAS,EAAE,eAAe,EAAuC,CAAA;AAE9E;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,EAAe,CAAA"}

package/dist/lib/tokens.js

@@ -1,3 +1,4 @@
+import { fontOptions } from "./font-catalog.js";
 import { ACCENTS } from "@adea-ai/themes";
 //#region src/lib/tokens.ts
 /**
@@ -446,20 +447,35 @@ var radiusTokens = [
 	}
 ];
 var typographyTokens = [
+	{
+		name: "font-ui",
+		kind: "font-family",
+		description: "The selected family for interface controls, labels and headings."
+	},
+	{
+		name: "font-content",
+		kind: "font-family",
+		description: "The selected family for prose, transcripts and long-form reading."
+	},
+	{
+		name: "font-code",
+		kind: "font-family",
+		description: "The selected family for code, terminals, keyboard keys, ids and paths."
+	},
 	{
 		name: "font-sans",
 		kind: "font-family",
-		description: "The selected interface face. Space Grotesk unless the font axis says otherwise."
+		description: "Compatibility alias for the selected UI family."
 	},
 	{
 		name: "font-mono",
 		kind: "font-family",
-		description: "The selected monospace face. Code, terminals, ids, paths."
+		description: "Compatibility alias for the selected code family."
 	},
 	{
 		name: "font-family-space-grotesk",
 		kind: "font-family",
-		description: "The interface default, and the face the visual language was drawn against."
+		description: "The self-hosted Space Grotesk family."
 	},
 	{
 		name: "font-family-jetbrains-mono",
@@ -486,6 +502,36 @@ var typographyTokens = [
 		kind: "font-family",
 		description: "The platform's own monospace face."
 	},
+	{
+		name: "font-ui-size",
+		kind: "dimension",
+		description: "Runtime-projected interface size in pixels; scales the shared UI text ladder."
+	},
+	{
+		name: "font-content-size",
+		kind: "dimension",
+		description: "Runtime-projected prose and transcript size in pixels."
+	},
+	{
+		name: "font-code-size",
+		kind: "dimension",
+		description: "Runtime-projected code, terminal and keyboard-key size in pixels."
+	},
+	{
+		name: "font-ui-scale",
+		kind: "number",
+		description: "The UI size ratio applied to the interface text ladder."
+	},
+	{
+		name: "font-content-scale",
+		kind: "number",
+		description: "The content size ratio applied to rem-relative prose text."
+	},
+	{
+		name: "font-code-scale",
+		kind: "number",
+		description: "The code size ratio applied to rem-relative code text."
+	},
 	{
 		name: "ui-tracking",
 		kind: "text",
@@ -499,17 +545,17 @@ var typographyTokens = [
 	{
 		name: "text-2xs",
 		kind: "text",
-		description: "11px — the smallest label the system permits: kbd keys, status bar."
+		description: "The smallest UI-scaled label: status bar and compact metadata."
 	},
 	{
 		name: "text-xs",
 		kind: "text",
-		description: "12px — metadata, badges, secondary rows."
+		description: "UI-scaled metadata, badges and secondary rows."
 	},
 	{
 		name: "text-sm",
 		kind: "text",
-		description: "14px — the interface default. Body copy, labels, controls."
+		description: "The UI-scaled interface default for labels and controls."
 	},
 	{
 		name: "text-base",
@@ -534,7 +580,17 @@ var typographyTokens = [
 	{
 		name: "text-3xl",
 		kind: "text",
-		description: "30px — the largest size in the system. Reserved for an empty-state headline."
+		description: "The largest UI-scaled rung. Reserved for an empty-state headline."
+	},
+	{
+		name: "text-content",
+		kind: "text",
+		description: "The selected content size with the prose line-height."
+	},
+	{
+		name: "text-code",
+		kind: "text",
+		description: "The selected code size with the code line-height."
 	}
 ];
 /** Height tokens also size both axes of icon controls through Tailwind's --size
@@ -779,38 +835,6 @@ var accentPresets = Object.freeze([{
 	label: "Theme",
 	description: "The variant's own primary. Neutral in adea's palette, so the interface stays monochrome."
 }, ...ACCENTS]);
-var fontOptions = Object.freeze([
-	{
-		id: "space-grotesk",
-		label: "Space Grotesk",
-		description: "The default, and the face the visual language was drawn against.",
-		stack: "both"
-	},
-	{
-		id: "system",
-		label: "System",
-		description: "The platform's own face. What a terminal or editor usually wants.",
-		stack: "both"
-	},
-	{
-		id: "geist",
-		label: "Geist",
-		description: "The face cortana already ships. Neutral and wide.",
-		stack: "both"
-	},
-	{
-		id: "geist-mono",
-		label: "Geist Mono",
-		description: "Monospace throughout, for someone who wants a uniform texture.",
-		stack: "both"
-	},
-	{
-		id: "jetbrains-mono",
-		label: "JetBrains Mono",
-		description: "Monospace throughout, with coding ligatures off.",
-		stack: "both"
-	}
-]);
 /** Every token, in gallery order. */
 var designTokens = {
 	color: colorTokens,