@pixerate/editor 0.161.0 → 0.162.1

package/dist/{chunk-6UPGM3JB.js → chunk-SET6KJOP.js}

@@ -1,6 +1,6 @@
 import {
   BUILTIN_BRUSHES
-} from "./chunk-A5UCR2TO.js";
+} from "./chunk-YXKLVD56.js";
 import {
   parseProvenance
 } from "./chunk-M6DNZNVY.js";
@@ -51,7 +51,7 @@ import {
 import {
   oklabToRgb,
   rgbToOklab
-} from "./chunk-KY3FYKP3.js";
+} from "./chunk-BQWGN5WH.js";
 import {
   hexToRgba,
   normalizeTokenColor,

package/dist/{chunk-GNK7SESQ.cjs → chunk-V7GWZIZK.cjs}

@@ -2358,12 +2358,15 @@ var WetMedium = (_class2 = class {
   sample(rect, cov) {
     const s = this.world.sample(this.laneId, rect, cov);
     if (!(s.wet > 0) || !(s.weight > 0)) return null;
-    const k = s.pigment;
-    const kmax = Math.max(k[0], k[1], k[2]);
+    const k0 = s.pigment[0] + s.settled[0];
+    const k1 = s.pigment[1] + s.settled[1];
+    const k2 = s.pigment[2] + s.settled[2];
+    const k3 = s.pigment[3] + s.settled[3];
+    const kmax = Math.max(k0, k1, k2);
     if (!(kmax > 1e-9)) return null;
     const f = SAMPLE_K / kmax;
-    const rgb = pigmentColor(k[0] * f, k[1] * f, k[2] * f, k[3] * f);
-    const density = Math.min(1, (k[0] + k[1] + k[2]) / s.wet / 0.06);
+    const rgb = pigmentColor(k0 * f, k1 * f, k2 * f, k3 * f);
+    const density = Math.min(1, (k0 + k1 + k2) / s.wet / 0.06);
     return { rgb, contact: s.wet / s.weight * density };
   }
   deposit(rect, cov, dep, paint, _pigment, field = null) {

package/dist/{chunk-EYVVIZJ3.cjs → chunk-WTW7QRTS.cjs}

@@ -74,7 +74,7 @@ function profileAlongPolyline(points, values, count = 32) {
 var round3 = (v) => Math.round(v * 1e3) / 1e3;
 var loading = null;
 function loadCanvasBrushstrokeRenderer() {
-  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-5WANQIG4.cjs"))).catch((error) => {
+  loading ??= Promise.resolve().then(() => _interopRequireWildcard(require("./brushstrokeRender-VO4ZTWVA.cjs"))).catch((error) => {
     loading = null;
     throw error;
   });

package/dist/{chunk-SSCL7QQ4.js → chunk-XDCFJEU7.js}

@@ -7,7 +7,7 @@ import {
   r2,
   sameChartSelection,
   summarizeChartSeries
-} from "./chunk-R3QY7PPL.js";
+} from "./chunk-DTSTNRPH.js";
 import {
   CHART_TYPE_LABELS,
   DEFAULT_CHART_PALETTE,
@@ -27,7 +27,7 @@ import {
   parseChartValue,
   shadeChartColor,
   uniqueChartSeriesId
-} from "./chunk-H5XX4KHB.js";
+} from "./chunk-HLOKB7WW.js";
 import {
   parseCsv,
   parseTsv

package/dist/{chunk-JGKCC5OF.cjs → chunk-YQ5C5BVK.cjs}

@@ -1457,8 +1457,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     tip: { size: 28, hardness: 0.6, spacing: 0.12, opacity: 1, flow: 1, smoothing: 0.25, pressureSize: true, pressureOpacity: true },
     dynamics: { minSize: 0.35 },
-    behavior: { pickup: 0.3, mix: 0.4, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.55, pigment: 0.5, body: 0 }
+    behavior: { pickup: 0.55, mix: 0.5, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.55, pigment: 0.5, body: 0, rewet: 0.2 }
   }),
   builtin({
     id: "watercolor-wash",
@@ -1467,8 +1467,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     rotation: "stroke",
     tip: { size: 90, hardness: 0.35, spacing: 0.1, angle: 90, roundness: 0.45, opacity: 1, flow: 1, smoothing: 0.3, pressureSize: false, pressureOpacity: true },
-    behavior: { pickup: 0.2, mix: 0.3, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0 }
+    behavior: { pickup: 0.45, mix: 0.45, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0, rewet: 0.2 }
   }),
   builtin({
     id: "gradient-wash",
@@ -1477,8 +1477,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     rotation: "stroke",
     tip: { size: 80, hardness: 0.35, spacing: 0.1, angle: 90, roundness: 0.5, opacity: 1, flow: 1, smoothing: 0.3, pressureSize: false, pressureOpacity: true },
-    behavior: { pickup: 0.2, mix: 0.3, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0 },
+    behavior: { pickup: 0.4, mix: 0.4, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0, rewet: 0.2 },
     // A graded wash: the paint colour runs into the second colour as the brush travels.
     paint: { type: "gradient", stops: [{ offset: 0, color: "paint" }, { offset: 1, color: "secondary" }], space: "pigment", map: { by: "distance", length: 500, repeat: "mirror" } }
   }),
@@ -1489,7 +1489,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     tip: { size: 7, hardness: 0.75, spacing: 0.1, opacity: 1, flow: 1, smoothing: 0.4, pressureSize: true, pressureOpacity: false },
     dynamics: { minSize: 0.2 },
-    wet: { tool: "paint", water: 0.4, pigment: 0.7, body: 0 }
+    behavior: { pickup: 0.4, mix: 0.45, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.4, pigment: 0.7, body: 0, rewet: 0.2 }
   }),
   builtin({
     id: "gouache",
@@ -1498,8 +1499,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     tip: { size: 26, hardness: 0.7, spacing: 0.1, opacity: 1, flow: 1, smoothing: 0.25, pressureSize: true, pressureOpacity: false },
     dynamics: { minSize: 0.5 },
-    behavior: { pickup: 0.35, mix: 0.5, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.35, pigment: 0.8, body: 1, medium: "gouache" }
+    behavior: { pickup: 0.65, mix: 0.6, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.35, pigment: 0.8, body: 1, medium: "gouache", rewet: 0.3 }
   }),
   builtin({
     id: "oil-round",

package/dist/{chunk-A5UCR2TO.js → chunk-YXKLVD56.js}

@@ -1457,8 +1457,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     tip: { size: 28, hardness: 0.6, spacing: 0.12, opacity: 1, flow: 1, smoothing: 0.25, pressureSize: true, pressureOpacity: true },
     dynamics: { minSize: 0.35 },
-    behavior: { pickup: 0.3, mix: 0.4, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.55, pigment: 0.5, body: 0 }
+    behavior: { pickup: 0.55, mix: 0.5, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.55, pigment: 0.5, body: 0, rewet: 0.2 }
   }),
   builtin({
     id: "watercolor-wash",
@@ -1467,8 +1467,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     rotation: "stroke",
     tip: { size: 90, hardness: 0.35, spacing: 0.1, angle: 90, roundness: 0.45, opacity: 1, flow: 1, smoothing: 0.3, pressureSize: false, pressureOpacity: true },
-    behavior: { pickup: 0.2, mix: 0.3, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0 }
+    behavior: { pickup: 0.45, mix: 0.45, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0, rewet: 0.2 }
   }),
   builtin({
     id: "gradient-wash",
@@ -1477,8 +1477,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     rotation: "stroke",
     tip: { size: 80, hardness: 0.35, spacing: 0.1, angle: 90, roundness: 0.5, opacity: 1, flow: 1, smoothing: 0.3, pressureSize: false, pressureOpacity: true },
-    behavior: { pickup: 0.2, mix: 0.3, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0 },
+    behavior: { pickup: 0.4, mix: 0.4, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.8, pigment: 0.45, body: 0, rewet: 0.2 },
     // A graded wash: the paint colour runs into the second colour as the brush travels.
     paint: { type: "gradient", stops: [{ offset: 0, color: "paint" }, { offset: 1, color: "secondary" }], space: "pigment", map: { by: "distance", length: 500, repeat: "mirror" } }
   }),
@@ -1489,7 +1489,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     tip: { size: 7, hardness: 0.75, spacing: 0.1, opacity: 1, flow: 1, smoothing: 0.4, pressureSize: true, pressureOpacity: false },
     dynamics: { minSize: 0.2 },
-    wet: { tool: "paint", water: 0.4, pigment: 0.7, body: 0 }
+    behavior: { pickup: 0.4, mix: 0.45, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.4, pigment: 0.7, body: 0, rewet: 0.2 }
   }),
   builtin({
     id: "gouache",
@@ -1498,8 +1499,8 @@ var BUILTIN_BRUSHES = [
     engine: "wet",
     tip: { size: 26, hardness: 0.7, spacing: 0.1, opacity: 1, flow: 1, smoothing: 0.25, pressureSize: true, pressureOpacity: false },
     dynamics: { minSize: 0.5 },
-    behavior: { pickup: 0.35, mix: 0.5, mixing: "pigment" },
-    wet: { tool: "paint", water: 0.35, pigment: 0.8, body: 1, medium: "gouache" }
+    behavior: { pickup: 0.65, mix: 0.6, mixing: "pigment" },
+    wet: { tool: "paint", water: 0.35, pigment: 0.8, body: 1, medium: "gouache", rewet: 0.3 }
   }),
   builtin({
     id: "oil-round",

package/dist/{chunk-45XXVHVG.js → chunk-ZZGPYNS2.js}

@@ -74,7 +74,7 @@ function profileAlongPolyline(points, values, count = 32) {
 var round3 = (v) => Math.round(v * 1e3) / 1e3;
 var loading = null;
 function loadCanvasBrushstrokeRenderer() {
-  loading ??= import("./brushstrokeRender-Q4LI22QV.js").catch((error) => {
+  loading ??= import("./brushstrokeRender-7LXCU7PD.js").catch((error) => {
     loading = null;
     throw error;
   });

package/dist/color/index.cjs

@@ -29,6 +29,7 @@
 
 
 
+var _chunkES3UEVUTcjs = require('../chunk-ES3UEVUT.cjs');
 
 
 
@@ -54,7 +55,9 @@
 
 
 
-var _chunkUKCJ43YLcjs = require('../chunk-UKCJ43YL.cjs');
+
+
+var _chunkS6X2QRVUcjs = require('../chunk-S6X2QRVU.cjs');
 require('../chunk-IPJ3TEYR.cjs');
 
 
@@ -112,4 +115,5 @@ require('../chunk-IPJ3TEYR.cjs');
 
 
 
-exports.DEFAULT_SCHEME_SURFACES = _chunkUKCJ43YLcjs.DEFAULT_SCHEME_SURFACES; exports.HARMONY_KINDS = _chunkUKCJ43YLcjs.HARMONY_KINDS; exports.NAMED_COLORS = _chunkUKCJ43YLcjs.NAMED_COLORS; exports.PICKER_HUE_BACKGROUND = _chunkUKCJ43YLcjs.PICKER_HUE_BACKGROUND; exports.checkDualColorContrast = _chunkUKCJ43YLcjs.checkDualColorContrast; exports.checkPaletteColors = _chunkUKCJ43YLcjs.checkPaletteColors; exports.colorHarmony = _chunkUKCJ43YLcjs.colorHarmony; exports.contrastLevel = _chunkUKCJ43YLcjs.contrastLevel; exports.contrastRatio = _chunkUKCJ43YLcjs.contrastRatio; exports.createColorToolProvider = _chunkUKCJ43YLcjs.createColorToolProvider; exports.deltaEOK = _chunkUKCJ43YLcjs.deltaEOK; exports.deriveDualColor = _chunkUKCJ43YLcjs.deriveDualColor; exports.displayP3ToLinearSrgb = _chunkUKCJ43YLcjs.displayP3ToLinearSrgb; exports.dualColorsToCss = _chunkUKCJ43YLcjs.dualColorsToCss; exports.dualPickerView = _chunkUKCJ43YLcjs.dualPickerView; exports.formatColor = _chunkUKCJ43YLcjs.formatColor; exports.formatDualColor = _chunkUKCJ43YLcjs.formatDualColor; exports.formatHex = _chunkUKCJ43YLcjs.formatHex; exports.hslToRgb = _chunkUKCJ43YLcjs.hslToRgb; exports.hsvToRgb = _chunkUKCJ43YLcjs.hsvToRgb; exports.hueToWheel = _chunkUKCJ43YLcjs.hueToWheel; exports.inSrgbGamut = _chunkUKCJ43YLcjs.inSrgbGamut; exports.isColor = _chunkUKCJ43YLcjs.isColor; exports.isDualColor = _chunkUKCJ43YLcjs.isDualColor; exports.isSameInBothSchemes = _chunkUKCJ43YLcjs.isSameInBothSchemes; exports.linearSrgbToDisplayP3 = _chunkUKCJ43YLcjs.linearSrgbToDisplayP3; exports.linearToSrgb = _chunkUKCJ43YLcjs.linearToSrgb; exports.mixColors = _chunkUKCJ43YLcjs.mixColors; exports.normalizeColor = _chunkUKCJ43YLcjs.normalizeColor; exports.normalizeDualColor = _chunkUKCJ43YLcjs.normalizeDualColor; exports.oklabToOklch = _chunkUKCJ43YLcjs.oklabToOklch; exports.oklabToRgb = _chunkUKCJ43YLcjs.oklabToRgb; exports.oklchToOklab = _chunkUKCJ43YLcjs.oklchToOklab; exports.parseColor = _chunkUKCJ43YLcjs.parseColor; exports.parseDualColor = _chunkUKCJ43YLcjs.parseDualColor; exports.pickerAlphaBackground = _chunkUKCJ43YLcjs.pickerAlphaBackground; exports.pickerAreaBackground = _chunkUKCJ43YLcjs.pickerAreaBackground; exports.pickerKeyStep = _chunkUKCJ43YLcjs.pickerKeyStep; exports.pickerStateFromAlpha = _chunkUKCJ43YLcjs.pickerStateFromAlpha; exports.pickerStateFromArea = _chunkUKCJ43YLcjs.pickerStateFromArea; exports.pickerStateFromColor = _chunkUKCJ43YLcjs.pickerStateFromColor; exports.pickerStateFromHue = _chunkUKCJ43YLcjs.pickerStateFromHue; exports.pickerStateToHex = _chunkUKCJ43YLcjs.pickerStateToHex; exports.pushRecentColor = _chunkUKCJ43YLcjs.pushRecentColor; exports.readableTextColor = _chunkUKCJ43YLcjs.readableTextColor; exports.relativeLuminance = _chunkUKCJ43YLcjs.relativeLuminance; exports.resolveColor = _chunkUKCJ43YLcjs.resolveColor; exports.rgbToHsl = _chunkUKCJ43YLcjs.rgbToHsl; exports.rgbToHsv = _chunkUKCJ43YLcjs.rgbToHsv; exports.rgbToOklab = _chunkUKCJ43YLcjs.rgbToOklab; exports.setDualColorSide = _chunkUKCJ43YLcjs.setDualColorSide; exports.simulateColorVision = _chunkUKCJ43YLcjs.simulateColorVision; exports.srgbToLinear = _chunkUKCJ43YLcjs.srgbToLinear; exports.toSrgbGamut = _chunkUKCJ43YLcjs.toSrgbGamut; exports.wheelToHue = _chunkUKCJ43YLcjs.wheelToHue;
+
+exports.DEFAULT_SCHEME_SURFACES = _chunkES3UEVUTcjs.DEFAULT_SCHEME_SURFACES; exports.HARMONY_KINDS = _chunkES3UEVUTcjs.HARMONY_KINDS; exports.NAMED_COLORS = _chunkS6X2QRVUcjs.NAMED_COLORS; exports.PICKER_HUE_BACKGROUND = _chunkES3UEVUTcjs.PICKER_HUE_BACKGROUND; exports.checkDualColorContrast = _chunkES3UEVUTcjs.checkDualColorContrast; exports.checkPaletteColors = _chunkES3UEVUTcjs.checkPaletteColors; exports.colorHarmony = _chunkES3UEVUTcjs.colorHarmony; exports.contrastLevel = _chunkS6X2QRVUcjs.contrastLevel; exports.contrastRatio = _chunkS6X2QRVUcjs.contrastRatio; exports.createColorToolProvider = _chunkES3UEVUTcjs.createColorToolProvider; exports.deltaEOK = _chunkS6X2QRVUcjs.deltaEOK; exports.deriveDualColor = _chunkES3UEVUTcjs.deriveDualColor; exports.displayP3ToLinearSrgb = _chunkS6X2QRVUcjs.displayP3ToLinearSrgb; exports.dualColorsToCss = _chunkES3UEVUTcjs.dualColorsToCss; exports.dualPickerView = _chunkES3UEVUTcjs.dualPickerView; exports.formatColor = _chunkS6X2QRVUcjs.formatColor; exports.formatDualColor = _chunkES3UEVUTcjs.formatDualColor; exports.formatHex = _chunkS6X2QRVUcjs.formatHex; exports.hslToRgb = _chunkS6X2QRVUcjs.hslToRgb; exports.hsvToRgb = _chunkS6X2QRVUcjs.hsvToRgb; exports.hueToWheel = _chunkES3UEVUTcjs.hueToWheel; exports.inSrgbGamut = _chunkS6X2QRVUcjs.inSrgbGamut; exports.isColor = _chunkS6X2QRVUcjs.isColor; exports.isDualColor = _chunkES3UEVUTcjs.isDualColor; exports.isSameInBothSchemes = _chunkES3UEVUTcjs.isSameInBothSchemes; exports.linearSrgbToDisplayP3 = _chunkS6X2QRVUcjs.linearSrgbToDisplayP3; exports.linearToSrgb = _chunkS6X2QRVUcjs.linearToSrgb; exports.mixColors = _chunkES3UEVUTcjs.mixColors; exports.normalizeColor = _chunkS6X2QRVUcjs.normalizeColor; exports.normalizeDualColor = _chunkES3UEVUTcjs.normalizeDualColor; exports.oklabToOklch = _chunkS6X2QRVUcjs.oklabToOklch; exports.oklabToRgb = _chunkS6X2QRVUcjs.oklabToRgb; exports.oklchToOklab = _chunkS6X2QRVUcjs.oklchToOklab; exports.parseColor = _chunkS6X2QRVUcjs.parseColor; exports.parseDualColor = _chunkES3UEVUTcjs.parseDualColor; exports.pickerAlphaBackground = _chunkES3UEVUTcjs.pickerAlphaBackground; exports.pickerAreaBackground = _chunkES3UEVUTcjs.pickerAreaBackground; exports.pickerKeyStep = _chunkES3UEVUTcjs.pickerKeyStep; exports.pickerStateFromAlpha = _chunkES3UEVUTcjs.pickerStateFromAlpha; exports.pickerStateFromArea = _chunkES3UEVUTcjs.pickerStateFromArea; exports.pickerStateFromColor = _chunkES3UEVUTcjs.pickerStateFromColor; exports.pickerStateFromHue = _chunkES3UEVUTcjs.pickerStateFromHue; exports.pickerStateToHex = _chunkES3UEVUTcjs.pickerStateToHex; exports.pushRecentColor = _chunkES3UEVUTcjs.pushRecentColor; exports.readableTextColor = _chunkS6X2QRVUcjs.readableTextColor; exports.relativeLuminance = _chunkS6X2QRVUcjs.relativeLuminance; exports.resolveColor = _chunkES3UEVUTcjs.resolveColor; exports.rgbToHsl = _chunkS6X2QRVUcjs.rgbToHsl; exports.rgbToHsv = _chunkS6X2QRVUcjs.rgbToHsv; exports.rgbToOklab = _chunkS6X2QRVUcjs.rgbToOklab; exports.setDualColorSide = _chunkES3UEVUTcjs.setDualColorSide; exports.simulateColorVision = _chunkES3UEVUTcjs.simulateColorVision; exports.srgbToLinear = _chunkS6X2QRVUcjs.srgbToLinear; exports.suggestAccessibleForeground = _chunkS6X2QRVUcjs.suggestAccessibleForeground; exports.toSrgbGamut = _chunkS6X2QRVUcjs.toSrgbGamut; exports.wheelToHue = _chunkES3UEVUTcjs.wheelToHue;

package/dist/color/index.d.cts

@@ -9,6 +9,7 @@ export * from './parse.cjs';
 export * from './format.cjs';
 export * from './gamut.cjs';
 export * from './contrast.cjs';
+export * from './suggest.cjs';
 export * from './vision.cjs';
 export * from './harmony.cjs';
 export * from './mix.cjs';

package/dist/color/index.d.ts

@@ -9,6 +9,7 @@ export * from './parse.js';
 export * from './format.js';
 export * from './gamut.js';
 export * from './contrast.js';
+export * from './suggest.js';
 export * from './vision.js';
 export * from './harmony.js';
 export * from './mix.js';

package/dist/color/index.js

@@ -1,38 +1,20 @@
 import {
   DEFAULT_SCHEME_SURFACES,
   HARMONY_KINDS,
-  NAMED_COLORS,
   PICKER_HUE_BACKGROUND,
   checkDualColorContrast,
   checkPaletteColors,
   colorHarmony,
-  contrastLevel,
-  contrastRatio,
   createColorToolProvider,
-  deltaEOK,
   deriveDualColor,
-  displayP3ToLinearSrgb,
   dualColorsToCss,
   dualPickerView,
-  formatColor,
   formatDualColor,
-  formatHex,
-  hslToRgb,
-  hsvToRgb,
   hueToWheel,
-  inSrgbGamut,
-  isColor,
   isDualColor,
   isSameInBothSchemes,
-  linearSrgbToDisplayP3,
-  linearToSrgb,
   mixColors,
-  normalizeColor,
   normalizeDualColor,
-  oklabToOklch,
-  oklabToRgb,
-  oklchToOklab,
-  parseColor,
   parseDualColor,
   pickerAlphaBackground,
   pickerAreaBackground,
@@ -43,18 +25,39 @@ import {
   pickerStateFromHue,
   pickerStateToHex,
   pushRecentColor,
+  resolveColor,
+  setDualColorSide,
+  simulateColorVision,
+  wheelToHue
+} from "../chunk-QYZGBVNC.js";
+import {
+  NAMED_COLORS,
+  contrastLevel,
+  contrastRatio,
+  deltaEOK,
+  displayP3ToLinearSrgb,
+  formatColor,
+  formatHex,
+  hslToRgb,
+  hsvToRgb,
+  inSrgbGamut,
+  isColor,
+  linearSrgbToDisplayP3,
+  linearToSrgb,
+  normalizeColor,
+  oklabToOklch,
+  oklabToRgb,
+  oklchToOklab,
+  parseColor,
   readableTextColor,
   relativeLuminance,
-  resolveColor,
   rgbToHsl,
   rgbToHsv,
   rgbToOklab,
-  setDualColorSide,
-  simulateColorVision,
   srgbToLinear,
-  toSrgbGamut,
-  wheelToHue
-} from "../chunk-AA34BA7G.js";
+  suggestAccessibleForeground,
+  toSrgbGamut
+} from "../chunk-4VU4CP7R.js";
 import "../chunk-6ONMQ6WF.js";
 export {
   DEFAULT_SCHEME_SURFACES,
@@ -110,6 +113,7 @@ export {
   setDualColorSide,
   simulateColorVision,
   srgbToLinear,
+  suggestAccessibleForeground,
   toSrgbGamut,
   wheelToHue
 };

package/dist/color/suggest.d.cts

@@ -0,0 +1,12 @@
+/**
+ * Accessible foreground suggestions: the nearest OKLCH lightness that meets WCAG 2 AA.
+ */
+import type { Rgba } from './types.cjs';
+/**
+ * The foreground colour (as hex) closest in OKLCH lightness to `foreground` that meets WCAG 2 AA
+ * against `background`, keeping hue and chroma. `large` uses the 3:1 large-text threshold.
+ * `undefined` when no lightness passes (only possible for mid-grey backgrounds at extreme targets).
+ */
+export declare function suggestAccessibleForeground(foreground: Rgba, background: Rgba, options?: {
+    large?: boolean;
+}): string | undefined;

package/dist/color/suggest.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Accessible foreground suggestions: the nearest OKLCH lightness that meets WCAG 2 AA.
+ */
+import type { Rgba } from './types.js';
+/**
+ * The foreground colour (as hex) closest in OKLCH lightness to `foreground` that meets WCAG 2 AA
+ * against `background`, keeping hue and chroma. `large` uses the 3:1 large-text threshold.
+ * `undefined` when no lightness passes (only possible for mid-grey backgrounds at extreme targets).
+ */
+export declare function suggestAccessibleForeground(foreground: Rgba, background: Rgba, options?: {
+    large?: boolean;
+}): string | undefined;

package/dist/effects/index.cjs

@@ -1,5 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
+var _chunkFKUKJ3XAcjs = require('../chunk-FKUKJ3XA.cjs');
+
+
 var _chunk6DM3PUQDcjs = require('../chunk-6DM3PUQD.cjs');
 
 
@@ -583,13 +586,16 @@ var EFFECT_USE_LABELS = {
 };
 var HEX2 = /^#[0-9a-f]{6}([0-9a-f]{2})?$/i;
 var typeOf = (s) => Array.isArray(s.type) ? s.type.find((t) => t !== "null") : s.type;
-function effectControlField(name, schema, fallback) {
+function isEffectFontControl(schema) {
+  return typeOf(schema) === "string" && (schema.format === "font" || schema["x-pixerate-control"] === "font");
+}
+function effectControlField(name, schema, fallback, options = {}) {
   const base = { id: name, ...schema.title ? { label: schema.title } : {}, ...schema.description ? { description: schema.description } : {} };
   const def = _nullishCoalesce(schema.default, () => ( fallback));
   const type = typeOf(schema);
   if (Array.isArray(schema.enum) && schema.enum.length) {
-    const options = schema.enum.filter((v) => typeof v === "string" || typeof v === "number");
-    return { ...base, type: "choice", options, default: typeof def === "string" || typeof def === "number" ? def : options[0], control: options.length <= 4 ? "segmented" : "select" };
+    const options2 = schema.enum.filter((v) => typeof v === "string" || typeof v === "number");
+    return { ...base, type: "choice", options: options2, default: typeof def === "string" || typeof def === "number" ? def : options2[0], control: options2.length <= 4 ? "segmented" : "select" };
   }
   if (type === "number" || type === "integer") {
     const min = _nullishCoalesce(schema.minimum, () => ( schema.exclusiveMinimum));
@@ -597,6 +603,13 @@ function effectControlField(name, schema, fallback) {
     return { ...base, type: type === "integer" ? "int" : "number", default: typeof def === "number" ? def : _nullishCoalesce(min, () => ( 0)), ...min !== void 0 ? { min } : {}, ...max !== void 0 ? { max } : {}, ...schema.multipleOf ? { step: schema.multipleOf } : {} };
   }
   if (type === "boolean") return { ...base, type: "boolean", default: def === true };
+  if (isEffectFontControl(schema)) {
+    const fonts = _nullishCoalesce(options.fonts, () => ( _chunkFKUKJ3XAcjs.SYSTEM_FONT_CATALOG));
+    const opts = fonts.map((f) => ({ value: f.family, label: f.family, description: f.category }));
+    const current = typeof def === "string" && def ? def : _nullishCoalesce(_optionalChain([opts, 'access', _18 => _18[0], 'optionalAccess', _19 => _19.value]), () => ( "sans-serif"));
+    if (!opts.some((o) => o.value.toLowerCase() === current.toLowerCase())) opts.unshift({ value: current, label: current, description: "current" });
+    return { ...base, type: "choice", options: opts, default: opts.find((o) => o.value.toLowerCase() === current.toLowerCase()).value, control: "select" };
+  }
   if (type === "string") {
     if (typeof def === "string" && HEX2.test(def)) return { ...base, type: "color", alpha: def.length === 9, default: def };
     return { ...base, type: "text", default: typeof def === "string" ? def : "", ...schema.maxLength ? { maxLength: schema.maxLength } : {} };
@@ -607,8 +620,17 @@ function effectControlField(name, schema, fallback) {
   }
   return null;
 }
-function effectParameterFields(description) {
-  return Object.entries(description.controls.properties).map(([name, schema]) => effectControlField(name, schema, description.defaults[name])).filter((f) => !!f);
+function effectParameterFields(description, options = {}) {
+  return Object.entries(description.controls.properties).map(([name, schema]) => effectControlField(name, schema, description.defaults[name], options)).filter((f) => !!f);
+}
+function effectFontFamilies(description, values = {}) {
+  const out = [];
+  for (const [name, schema] of Object.entries(description.controls.properties)) {
+    if (!isEffectFontControl(schema)) continue;
+    const v = _nullishCoalesce(_nullishCoalesce(values[name], () => ( description.defaults[name])), () => ( schema.default));
+    if (typeof v === "string" && v && !out.includes(v)) out.push(v);
+  }
+  return out;
 }
 var effectFieldValue = (field, value) => value === void 0 || value === null || typeof value === "object" && !Array.isArray(value) ? field.default : value;
 function effectSamplePicture(width, height, variant = 0) {
@@ -703,11 +725,11 @@ var EASING_SCHEMA = {
 };
 var NO_SESSION = "No effect authoring session is currently open. Open an effect using EffectProvider.openAuthoring() or in an authoring editor before calling effect authoring tools.";
 function createEffectAuthoringToolProvider(host, options) {
-  const id = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _18 => _18.id]), () => ( "effect-authoring"));
-  const namespace = _optionalChain([options, 'optionalAccess', _19 => _19.namespace]);
-  const title = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _20 => _20.title]), () => ( "Effect authoring"));
-  const description = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _21 => _21.description]), () => ( "Author shaders and procedural effects, inspect parameters, adjust values, and manage keyframe animations."));
-  const skill = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _22 => _22.skill]), () => ( "pixerate-effect-authoring"));
+  const id = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _20 => _20.id]), () => ( "effect-authoring"));
+  const namespace = _optionalChain([options, 'optionalAccess', _21 => _21.namespace]);
+  const title = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _22 => _22.title]), () => ( "Effect authoring"));
+  const description = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _23 => _23.description]), () => ( "Author shaders and procedural effects, inspect parameters, adjust values, and manage keyframe animations."));
+  const skill = _nullishCoalesce(_optionalChain([options, 'optionalAccess', _24 => _24.skill]), () => ( "pixerate-effect-authoring"));
   const requireSession = () => {
     const s = host.session();
     if (!s) throw new Error(NO_SESSION);
@@ -728,7 +750,7 @@ function createEffectAuthoringToolProvider(host, options) {
         sourceLanguage: state.sourceLanguage,
         controls: effectParameterFields(state.description),
         values: state.values,
-        presets: _nullishCoalesce(_optionalChain([state, 'access', _23 => _23.description, 'access', _24 => _24.presets, 'optionalAccess', _25 => _25.map, 'call', _26 => _26((p) => p.name)]), () => ( [])),
+        presets: _nullishCoalesce(_optionalChain([state, 'access', _25 => _25.description, 'access', _26 => _26.presets, 'optionalAccess', _27 => _27.map, 'call', _28 => _28((p) => p.name)]), () => ( [])),
         tracks: Object.entries(state.tracks).map(([control, track]) => ({
           control,
           keyframes: track.length
@@ -1029,7 +1051,7 @@ function createEffectAuthoringToolProvider(host, options) {
       const tools = [
         describeTool,
         getSourceTool,
-        ..._optionalChain([session, 'optionalAccess', _27 => _27.setSource]) ? [setSourceTool] : [],
+        ..._optionalChain([session, 'optionalAccess', _29 => _29.setSource]) ? [setSourceTool] : [],
         setValuesTool,
         resetValuesTool,
         applyPresetTool,
@@ -1083,4 +1105,6 @@ function createEffectAuthoringToolProvider(host, options) {
 
 
 
-exports.EFFECT_ERROR_CODES = _chunkRUZQMYXHcjs.EFFECT_ERROR_CODES; exports.EFFECT_KINDS = _chunkRUZQMYXHcjs.EFFECT_KINDS; exports.EFFECT_USES = _chunkRUZQMYXHcjs.EFFECT_USES; exports.EFFECT_USE_LABELS = EFFECT_USE_LABELS; exports.EffectControlError = _chunkRUZQMYXHcjs.EffectControlError; exports.EffectDisposedError = _chunkRUZQMYXHcjs.EffectDisposedError; exports.EffectError = _chunkRUZQMYXHcjs.EffectError; exports.EffectRendererPool = _chunkPY4GWSE2cjs.EffectRendererPool; exports.EffectUnsupportedError = _chunkRUZQMYXHcjs.EffectUnsupportedError; exports.EffectsSlot = _chunkRUZQMYXHcjs.EffectsSlot; exports.NoEffectsProviderError = _chunkRUZQMYXHcjs.NoEffectsProviderError; exports.UnknownEffectError = _chunkRUZQMYXHcjs.UnknownEffectError; exports.applyEffectMask = _chunkRUZQMYXHcjs.applyEffectMask; exports.checkEffectProvider = checkEffectProvider; exports.createEffectAuthoringSession = _chunk6DM3PUQDcjs.createEffectAuthoringSession; exports.createEffectAuthoringToolProvider = createEffectAuthoringToolProvider; exports.createEffectPixels = _chunkRUZQMYXHcjs.createEffectPixels; exports.createEffectToolProvider = _chunkRUZQMYXHcjs.createEffectToolProvider; exports.createFakeEffectProvider = createFakeEffectProvider; exports.effectControlField = effectControlField; exports.effectFieldValue = effectFieldValue; exports.effectParameterFields = effectParameterFields; exports.effectSampleInputs = effectSampleInputs; exports.effectSamplePicture = effectSamplePicture; exports.effectValueErrors = _chunkRUZQMYXHcjs.effectValueErrors; exports.encodeEffectFloat = _chunkRUZQMYXHcjs.encodeEffectFloat; exports.groupEffectsByCategory = groupEffectsByCategory; exports.isEffectError = _chunkRUZQMYXHcjs.isEffectError; exports.isEffectPixels = _chunkRUZQMYXHcjs.isEffectPixels; exports.linearToSrgb = _chunkRUZQMYXHcjs.linearToSrgb; exports.renderEffectThumbnail = renderEffectThumbnail; exports.resolveEffectValues = _chunkRUZQMYXHcjs.resolveEffectValues; exports.searchEffectSummaries = _chunkRUZQMYXHcjs.searchEffectSummaries; exports.srgbToLinear = _chunkRUZQMYXHcjs.srgbToLinear;
+
+
+exports.EFFECT_ERROR_CODES = _chunkRUZQMYXHcjs.EFFECT_ERROR_CODES; exports.EFFECT_KINDS = _chunkRUZQMYXHcjs.EFFECT_KINDS; exports.EFFECT_USES = _chunkRUZQMYXHcjs.EFFECT_USES; exports.EFFECT_USE_LABELS = EFFECT_USE_LABELS; exports.EffectControlError = _chunkRUZQMYXHcjs.EffectControlError; exports.EffectDisposedError = _chunkRUZQMYXHcjs.EffectDisposedError; exports.EffectError = _chunkRUZQMYXHcjs.EffectError; exports.EffectRendererPool = _chunkPY4GWSE2cjs.EffectRendererPool; exports.EffectUnsupportedError = _chunkRUZQMYXHcjs.EffectUnsupportedError; exports.EffectsSlot = _chunkRUZQMYXHcjs.EffectsSlot; exports.NoEffectsProviderError = _chunkRUZQMYXHcjs.NoEffectsProviderError; exports.UnknownEffectError = _chunkRUZQMYXHcjs.UnknownEffectError; exports.applyEffectMask = _chunkRUZQMYXHcjs.applyEffectMask; exports.checkEffectProvider = checkEffectProvider; exports.createEffectAuthoringSession = _chunk6DM3PUQDcjs.createEffectAuthoringSession; exports.createEffectAuthoringToolProvider = createEffectAuthoringToolProvider; exports.createEffectPixels = _chunkRUZQMYXHcjs.createEffectPixels; exports.createEffectToolProvider = _chunkRUZQMYXHcjs.createEffectToolProvider; exports.createFakeEffectProvider = createFakeEffectProvider; exports.effectControlField = effectControlField; exports.effectFieldValue = effectFieldValue; exports.effectFontFamilies = effectFontFamilies; exports.effectParameterFields = effectParameterFields; exports.effectSampleInputs = effectSampleInputs; exports.effectSamplePicture = effectSamplePicture; exports.effectValueErrors = _chunkRUZQMYXHcjs.effectValueErrors; exports.encodeEffectFloat = _chunkRUZQMYXHcjs.encodeEffectFloat; exports.groupEffectsByCategory = groupEffectsByCategory; exports.isEffectError = _chunkRUZQMYXHcjs.isEffectError; exports.isEffectFontControl = isEffectFontControl; exports.isEffectPixels = _chunkRUZQMYXHcjs.isEffectPixels; exports.linearToSrgb = _chunkRUZQMYXHcjs.linearToSrgb; exports.renderEffectThumbnail = renderEffectThumbnail; exports.resolveEffectValues = _chunkRUZQMYXHcjs.resolveEffectValues; exports.searchEffectSummaries = _chunkRUZQMYXHcjs.searchEffectSummaries; exports.srgbToLinear = _chunkRUZQMYXHcjs.srgbToLinear;

package/dist/effects/index.js

@@ -1,3 +1,6 @@
+import {
+  SYSTEM_FONT_CATALOG
+} from "../chunk-CJE5MOIS.js";
 import {
   createEffectAuthoringSession
 } from "../chunk-ZGOHKS3X.js";
@@ -583,13 +586,16 @@ var EFFECT_USE_LABELS = {
 };
 var HEX2 = /^#[0-9a-f]{6}([0-9a-f]{2})?$/i;
 var typeOf = (s) => Array.isArray(s.type) ? s.type.find((t) => t !== "null") : s.type;
-function effectControlField(name, schema, fallback) {
+function isEffectFontControl(schema) {
+  return typeOf(schema) === "string" && (schema.format === "font" || schema["x-pixerate-control"] === "font");
+}
+function effectControlField(name, schema, fallback, options = {}) {
   const base = { id: name, ...schema.title ? { label: schema.title } : {}, ...schema.description ? { description: schema.description } : {} };
   const def = schema.default ?? fallback;
   const type = typeOf(schema);
   if (Array.isArray(schema.enum) && schema.enum.length) {
-    const options = schema.enum.filter((v) => typeof v === "string" || typeof v === "number");
-    return { ...base, type: "choice", options, default: typeof def === "string" || typeof def === "number" ? def : options[0], control: options.length <= 4 ? "segmented" : "select" };
+    const options2 = schema.enum.filter((v) => typeof v === "string" || typeof v === "number");
+    return { ...base, type: "choice", options: options2, default: typeof def === "string" || typeof def === "number" ? def : options2[0], control: options2.length <= 4 ? "segmented" : "select" };
   }
   if (type === "number" || type === "integer") {
     const min = schema.minimum ?? schema.exclusiveMinimum;
@@ -597,6 +603,13 @@ function effectControlField(name, schema, fallback) {
     return { ...base, type: type === "integer" ? "int" : "number", default: typeof def === "number" ? def : min ?? 0, ...min !== void 0 ? { min } : {}, ...max !== void 0 ? { max } : {}, ...schema.multipleOf ? { step: schema.multipleOf } : {} };
   }
   if (type === "boolean") return { ...base, type: "boolean", default: def === true };
+  if (isEffectFontControl(schema)) {
+    const fonts = options.fonts ?? SYSTEM_FONT_CATALOG;
+    const opts = fonts.map((f) => ({ value: f.family, label: f.family, description: f.category }));
+    const current = typeof def === "string" && def ? def : opts[0]?.value ?? "sans-serif";
+    if (!opts.some((o) => o.value.toLowerCase() === current.toLowerCase())) opts.unshift({ value: current, label: current, description: "current" });
+    return { ...base, type: "choice", options: opts, default: opts.find((o) => o.value.toLowerCase() === current.toLowerCase()).value, control: "select" };
+  }
   if (type === "string") {
     if (typeof def === "string" && HEX2.test(def)) return { ...base, type: "color", alpha: def.length === 9, default: def };
     return { ...base, type: "text", default: typeof def === "string" ? def : "", ...schema.maxLength ? { maxLength: schema.maxLength } : {} };
@@ -607,8 +620,17 @@ function effectControlField(name, schema, fallback) {
   }
   return null;
 }
-function effectParameterFields(description) {
-  return Object.entries(description.controls.properties).map(([name, schema]) => effectControlField(name, schema, description.defaults[name])).filter((f) => !!f);
+function effectParameterFields(description, options = {}) {
+  return Object.entries(description.controls.properties).map(([name, schema]) => effectControlField(name, schema, description.defaults[name], options)).filter((f) => !!f);
+}
+function effectFontFamilies(description, values = {}) {
+  const out = [];
+  for (const [name, schema] of Object.entries(description.controls.properties)) {
+    if (!isEffectFontControl(schema)) continue;
+    const v = values[name] ?? description.defaults[name] ?? schema.default;
+    if (typeof v === "string" && v && !out.includes(v)) out.push(v);
+  }
+  return out;
 }
 var effectFieldValue = (field, value) => value === void 0 || value === null || typeof value === "object" && !Array.isArray(value) ? field.default : value;
 function effectSamplePicture(width, height, variant = 0) {
@@ -1070,6 +1092,7 @@ export {
   createFakeEffectProvider,
   effectControlField,
   effectFieldValue,
+  effectFontFamilies,
   effectParameterFields,
   effectSampleInputs,
   effectSamplePicture,
@@ -1077,6 +1100,7 @@ export {
   encodeEffectFloat,
   groupEffectsByCategory,
   isEffectError,
+  isEffectFontControl,
   isEffectPixels,
   linearToSrgb,
   renderEffectThumbnail,

package/dist/effects/ui.d.cts

@@ -5,17 +5,34 @@
  */
 import type { JsonSchema } from '../tools/schema.cjs';
 import type { ParameterField, ParameterValue } from '../parameters/types.cjs';
+import type { FontSummary } from '../typography/registry.cjs';
 import type { EffectDescription, EffectPixels, EffectProvider, EffectSummary, EffectUse, EffectValue } from './types.cjs';
 /** Names for the uses, for filters and badges. */
 export declare const EFFECT_USE_LABELS: Readonly<Record<EffectUse, string>>;
+/** Options for turning effect controls into fields. */
+export interface EffectFieldOptions {
+    /** Families offered by font controls (default: the system font catalog). */
+    fonts?: readonly FontSummary[];
+}
+/**
+ * Whether a control picks a font family: a string schema with `format: "font"` or
+ * `"x-pixerate-control": "font"`.
+ */
+export declare function isEffectFontControl(schema: JsonSchema): boolean;
 /**
  * One control as a parameter field: numbers and integers (sliders when bounded), switches,
- * choices (`enum`), colours (strings whose default is `#rrggbb`), vectors (2–4 numbers) and text.
+ * choices (`enum`), font families (`format: "font"`, a choice of `options.fonts`), colours
+ * (strings whose default is `#rrggbb`), vectors (2–4 numbers) and text.
  * `null` for a control no field can edit (objects, long lists).
  */
-export declare function effectControlField(name: string, schema: JsonSchema, fallback: EffectValue | undefined): ParameterField | null;
+export declare function effectControlField(name: string, schema: JsonSchema, fallback: EffectValue | undefined, options?: EffectFieldOptions): ParameterField | null;
 /** An effect's controls as parameter fields, in schema order (controls no field can edit are left out). */
-export declare function effectParameterFields(description: Pick<EffectDescription, 'controls' | 'defaults'>): ParameterField[];
+export declare function effectParameterFields(description: Pick<EffectDescription, 'controls' | 'defaults'>, options?: EffectFieldOptions): ParameterField[];
+/**
+ * The font families an effect's font controls use with these values (falling back to defaults),
+ * to load with `ensureFontsLoaded` before rendering a title preview.
+ */
+export declare function effectFontFamilies(description: Pick<EffectDescription, 'controls' | 'defaults'>, values?: Readonly<Record<string, unknown>>): string[];
 /** A saved value as a field shows it (`ParameterValue`), or the field's default. */
 export declare const effectFieldValue: (field: ParameterField, value: unknown) => ParameterValue;
 /**

package/dist/effects/ui.d.ts

@@ -5,17 +5,34 @@
  */
 import type { JsonSchema } from '../tools/schema.js';
 import type { ParameterField, ParameterValue } from '../parameters/types.js';
+import type { FontSummary } from '../typography/registry.js';
 import type { EffectDescription, EffectPixels, EffectProvider, EffectSummary, EffectUse, EffectValue } from './types.js';
 /** Names for the uses, for filters and badges. */
 export declare const EFFECT_USE_LABELS: Readonly<Record<EffectUse, string>>;
+/** Options for turning effect controls into fields. */
+export interface EffectFieldOptions {
+    /** Families offered by font controls (default: the system font catalog). */
+    fonts?: readonly FontSummary[];
+}
+/**
+ * Whether a control picks a font family: a string schema with `format: "font"` or
+ * `"x-pixerate-control": "font"`.
+ */
+export declare function isEffectFontControl(schema: JsonSchema): boolean;
 /**
  * One control as a parameter field: numbers and integers (sliders when bounded), switches,
- * choices (`enum`), colours (strings whose default is `#rrggbb`), vectors (2–4 numbers) and text.
+ * choices (`enum`), font families (`format: "font"`, a choice of `options.fonts`), colours
+ * (strings whose default is `#rrggbb`), vectors (2–4 numbers) and text.
  * `null` for a control no field can edit (objects, long lists).
  */
-export declare function effectControlField(name: string, schema: JsonSchema, fallback: EffectValue | undefined): ParameterField | null;
+export declare function effectControlField(name: string, schema: JsonSchema, fallback: EffectValue | undefined, options?: EffectFieldOptions): ParameterField | null;
 /** An effect's controls as parameter fields, in schema order (controls no field can edit are left out). */
-export declare function effectParameterFields(description: Pick<EffectDescription, 'controls' | 'defaults'>): ParameterField[];
+export declare function effectParameterFields(description: Pick<EffectDescription, 'controls' | 'defaults'>, options?: EffectFieldOptions): ParameterField[];
+/**
+ * The font families an effect's font controls use with these values (falling back to defaults),
+ * to load with `ensureFontsLoaded` before rendering a title preview.
+ */
+export declare function effectFontFamilies(description: Pick<EffectDescription, 'controls' | 'defaults'>, values?: Readonly<Record<string, unknown>>): string[];
 /** A saved value as a field shows it (`ParameterValue`), or the field's default. */
 export declare const effectFieldValue: (field: ParameterField, value: unknown) => ParameterValue;
 /**