waybetter 0.1.1 → 0.7.0

package/dist/runtime/themeTokens.js

@@ -8,11 +8,7 @@
 //
 // Pure: runs in the page runtime, the settings previews and the tests. The site adapter supplies the
 // source palettes (`SourceAxis`, one per site mode); e.g. X's Default/Dim/Lights out.
-/** `#rrggbb` → [r, g, b] (local, so themeSpec.ts can import this module without a cycle). */
-function hexToRgb(hex) {
-    const n = parseInt(hex.slice(1, 7), 16);
-    return [(n >> 16) & 255, (n >> 8) & 255, n & 255];
-}
+import { hexToRgb } from "./themeApi.js";
 const toLinear = (v) => { v /= 255; return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4; };
 const toGamma = (v) => Math.round(255 * Math.min(1, Math.max(0, v <= 0.0031308 ? v * 12.92 : 1.055 * v ** (1 / 2.4) - 0.055)));
 export function rgbToOklab([r, g, b]) {
@@ -45,6 +41,8 @@ const NEUTRAL_CHROMA = 0.05;
 /** How far past the site's own background/text a neutral may sit and still be on the axis (pure white
  * text in Lights out is slightly past the site's 231,233,234; black in Default is far past and is a shadow). */
 const AXIS_SLACK = 0.12;
+/** How close to a surface or to the secondary text a foreground may sit and still count as that role's own shade. */
+const DIM_SLACK = 0.01;
 const PRIORITY = {
     background: ['bg', 'surface', 'elevated', 'border', 'muted', 'text'],
     border: ['bg', 'border', 'elevated', 'surface', 'muted', 'text'],
@@ -92,8 +90,16 @@ export function buildColorModel(source, target, usage = 'background') {
             if (!exact.has(key))
                 exact.set(key, hexToRgb(target.accent));
     anchors.sort((a, b) => a.t - b.t);
+    let dim = null;
+    if (usage === 'text' && target.muted && source.muted.length) {
+        const positions = (roles) => roles.flatMap(role => source[role].map(key => position(rgbToOklab(keyRgb(key)))));
+        const from = Math.max(0, ...positions(['bg', 'surface', 'elevated'])) + DIM_SLACK;
+        const to = Math.min(...positions(['muted'])) - DIM_SLACK;
+        if (to > from)
+            dim = { from, to, color: hexToRgb(target.muted) };
+    }
     return {
-        sourceBg, sourceText, anchors, exact,
+        sourceBg, sourceText, anchors, exact, dim,
         sourceAccent: rgbToOklab(keyRgb(source.accent[0])),
         accent: target.accent ? rgbToOklab(hexToRgb(target.accent)) : null,
     };
@@ -131,6 +137,8 @@ export function projectColor(model, rgb) {
         return listed;
     const c = rgbToOklab(rgb);
     const t = axisPosition(model, rgb);
+    if (t !== null && model.dim && t > model.dim.from && t < model.dim.to)
+        return model.dim.color;
     if (t !== null)
         return oklabToRgb(onCurve(model, t));
     if (model.accent && isAccentFamily(model, c)) {

package/dist/runtime/themeTokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"themeTokens.js","sourceRoot":"","sources":["../../../runtime/src/themeTokens.ts"],"names":[],"mappings":"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","sourcesContent":["// The color foundation every theme is built on. The site's own palette (one per site color mode) is\n// the reference coordinate system: every neutral the site paints sits somewhere on its axis from page\n// background to text, and a theme says where its own background, surfaces, border, secondary text and\n// text sit on that same axis. Any site neutral (listed or not, hover tints included) lands at the same\n// position on the theme's curve, interpolated in OKLab, so nothing keeps the site's gray and nothing\n// collapses onto the wrong role. The site's accent family follows the theme accent with the same\n// lightness offset. Colors that mean something (likes, errors, badges) are left alone.\n//\n// Pure: runs in the page runtime, the settings previews and the tests. The site adapter supplies the\n// source palettes (`SourceAxis`, one per site mode); e.g. X's Default/Dim/Lights out.\n\n/** `#rrggbb` → [r, g, b] (local, so themeSpec.ts can import this module without a cycle). */\nfunction hexToRgb(hex: string): Rgb {\n  const n = parseInt(hex.slice(1, 7), 16);\n  return [(n >> 16) & 255, (n >> 8) & 255, n & 255];\n}\n\nexport type Oklab = [number, number, number];\ntype Rgb = [number, number, number];\nexport type AxisRole = 'bg' | 'surface' | 'elevated' | 'border' | 'muted' | 'text';\nexport type SourceAxis = Record<AxisRole | 'accent', string[]>;\nexport type TargetAxis = Partial<Record<AxisRole | 'accent', string>>;\n\nconst toLinear = (v: number) => { v /= 255; return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4; };\nconst toGamma = (v: number) => Math.round(255 * Math.min(1, Math.max(0, v <= 0.0031308 ? v * 12.92 : 1.055 * v ** (1 / 2.4) - 0.055)));\n\nexport function rgbToOklab([r, g, b]: Rgb): Oklab {\n  const [lr, lg, lb] = [toLinear(r), toLinear(g), toLinear(b)];\n  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);\n  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);\n  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);\n  return [\n    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,\n    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,\n    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,\n  ];\n}\n\nexport function oklabToRgb([L, A, B]: Oklab): Rgb {\n  const l = (L + 0.3963377774 * A + 0.2158037573 * B) ** 3;\n  const m = (L - 0.1055613458 * A - 0.0638541728 * B) ** 3;\n  const s = (L - 0.0894841775 * A - 1.291485548 * B) ** 3;\n  return [\n    toGamma(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),\n    toGamma(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),\n    toGamma(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),\n  ];\n}\n\nconst keyRgb = (key: string) => key.split(',').map(Number) as Rgb;\nconst lerp = (a: Oklab, b: Oklab, t: number): Oklab => [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t, a[2] + (b[2] - a[2]) * t];\nconst chroma = (c: Oklab) => Math.hypot(c[1], c[2]);\nconst hue = (c: Oklab) => (Math.atan2(c[2], c[1]) * 180) / Math.PI;\n\n/** Anything whose chroma is below this is a neutral (the site's grays carry a faint tint). */\nconst NEUTRAL_CHROMA = 0.05;\n/** How far past the site's own background/text a neutral may sit and still be on the axis (pure white\n * text in Lights out is slightly past the site's 231,233,234; black in Default is far past and is a shadow). */\nconst AXIS_SLACK = 0.12;\n\nexport type ColorModel = {\n  sourceBg: Oklab;\n  sourceText: Oklab;\n  /** Sorted by `t`: the site's position on its bg→text axis and the theme color placed there. */\n  anchors: Array<{ t: number; color: Oklab }>;\n  /** The site's listed role colors (`r,g,b`) and the theme color they become, exactly. */\n  exact: Map<string, Rgb>;\n  sourceAccent: Oklab;\n  accent: Oklab | null;\n};\n\n/**\n * How a color is used decides which site role wins where the site reuses one value for two roles (Default's\n * 239,243,244 is both a raised surface and a border): backgrounds read it as a surface, borders as\n * a border, text as text.\n */\nexport type Usage = 'background' | 'border' | 'text';\nconst PRIORITY: Record<Usage, AxisRole[]> = {\n  background: ['bg', 'surface', 'elevated', 'border', 'muted', 'text'],\n  border: ['bg', 'border', 'elevated', 'surface', 'muted', 'text'],\n  // Text pins only text roles: a theme may draw borders brighter than its secondary text (High\n  // Contrast), and a grey the site uses for text must not jump to that border.\n  text: ['bg', 'text', 'muted'],\n};\n\n/**\n * The model for mapping the site's palette (`source`, one site mode) onto a theme's axis colors for one usage.\n * Every color the site lists for a role is pinned to the theme's color for that role (so a surface the site uses\n * stays exactly the theme's surface), and everything the site paints between them is interpolated.\n */\nexport function buildColorModel(source: SourceAxis, target: TargetAxis, usage: Usage = 'background'): ColorModel | null {\n  if (!target.bg || !target.text) return null;\n  const sourceBg = rgbToOklab(keyRgb(source.bg[0]!));\n  const sourceText = rgbToOklab(keyRgb(source.text[0]!));\n  const span = sourceText[0] - sourceBg[0];\n  const position = (c: Oklab) => (c[0] - sourceBg[0]) / span;\n  const anchors: ColorModel['anchors'] = [\n    { t: 0, color: rgbToOklab(hexToRgb(target.bg)) },\n    { t: 1, color: rgbToOklab(hexToRgb(target.text)) },\n  ];\n  const claimed = new Set<string>();\n  const exact = new Map<string, Rgb>();\n  for (const role of PRIORITY[usage]) {\n    const color = target[role];\n    for (const key of source[role]) {\n      if (claimed.has(key)) continue;\n      claimed.add(key);\n      if (!color) continue;\n      exact.set(key, hexToRgb(color));\n      const t = position(rgbToOklab(keyRgb(key)));\n      if (t <= 0.002 || t >= 0.998 || anchors.some(anchor => Math.abs(anchor.t - t) < 0.002)) continue;\n      anchors.push({ t, color: rgbToOklab(hexToRgb(color)) });\n    }\n  }\n  // Text and borders in the site's blue stay exactly the theme accent (legibility is checked on it);\n  // accent backgrounds keep the site's lightness offsets (hover, pressed) through projectColor.\n  if (target.accent && usage !== 'background') for (const key of source.accent) if (!exact.has(key)) exact.set(key, hexToRgb(target.accent));\n  anchors.sort((a, b) => a.t - b.t);\n  return {\n    sourceBg, sourceText, anchors, exact,\n    sourceAccent: rgbToOklab(keyRgb(source.accent[0]!)),\n    accent: target.accent ? rgbToOklab(hexToRgb(target.accent)) : null,\n  };\n}\n\n/** Where a neutral sits on the site's axis (0 = the site background, 1 = the site text), or null when it is off the axis. */\nexport function axisPosition(model: ColorModel, rgb: Rgb): number | null {\n  const c = rgbToOklab(rgb);\n  if (chroma(c) >= NEUTRAL_CHROMA) return null;\n  const t = (c[0] - model.sourceBg[0]) / (model.sourceText[0] - model.sourceBg[0]);\n  if (t < -AXIS_SLACK || t > 1 + AXIS_SLACK) return null;\n  return Math.min(1, Math.max(0, t));\n}\n\nfunction onCurve(model: ColorModel, t: number): Oklab {\n  const { anchors } = model;\n  for (let i = 1; i < anchors.length; i++) {\n    const a = anchors[i - 1]!, b = anchors[i]!;\n    if (t <= b.t) return lerp(a.color, b.color, (t - a.t) / (b.t - a.t || 1));\n  }\n  return anchors[anchors.length - 1]!.color;\n}\n\n/** The site's accent family: same hue family as the site's accent, clearly chromatic. */\nfunction isAccentFamily(model: ColorModel, c: Oklab): boolean {\n  if (chroma(c) < 0.07) return false;\n  const delta = Math.abs(((hue(c) - hue(model.sourceAccent) + 540) % 360) - 180);\n  return delta < 22;\n}\n\n/** The theme color for one of the site's colors, or null to leave it as the site painted it. */\nexport function projectColor(model: ColorModel, rgb: Rgb): Rgb | null {\n  const listed = model.exact.get(rgb.join(','));\n  if (listed) return listed;\n  const c = rgbToOklab(rgb);\n  const t = axisPosition(model, rgb);\n  if (t !== null) return oklabToRgb(onCurve(model, t));\n  if (model.accent && isAccentFamily(model, c)) {\n    // Keep the site's lightness offset (hover is darker, tints lighter) on the theme's accent.\n    const shifted: Oklab = [Math.min(1, Math.max(0, model.accent[0] + (c[0] - model.sourceAccent[0]))), model.accent[1], model.accent[2]];\n    return oklabToRgb(shifted);\n  }\n  return null;\n}\n\n/**\n * The base structure every theme is built on: where a raised surface, a hover/elevated surface, a\n * border and secondary text sit between a theme's background (0) and its text (1), in OKLab\n * lightness. Taken from the built-in themes (their median), so a theme that only names its\n * background, text and accent gets the same proportions as the rest.\n */\nexport const BASE_STEPS: Record<'dark' | 'light', Record<'surface' | 'elevated' | 'border' | 'muted', number>> = {\n  dark: { surface: 0.04, elevated: 0.09, border: 0.17, muted: 0.7 },\n  light: { surface: 0.025, elevated: 0.06, border: 0.13, muted: 0.7 },\n};\n\nconst toHex = (rgb: Rgb) => `#${rgb.map(v => v.toString(16).padStart(2, '0')).join('')}`;\n\n/** Fills in the roles a theme did not name from its background, text and the base structure. */\nexport function deriveColors<T extends { bg: string; text: string; accent: string; surface?: string; elevated?: string; border?: string; muted?: string }>(seed: T):\n  T & Record<'surface' | 'elevated' | 'border' | 'muted', string> {\n  const bg = rgbToOklab(hexToRgb(seed.bg));\n  const text = rgbToOklab(hexToRgb(seed.text));\n  const steps = BASE_STEPS[bg[0] < text[0] ? 'dark' : 'light'];\n  const at = (t: number) => toHex(oklabToRgb(lerp(bg, text, t)));\n  return {\n    ...seed,\n    surface: seed.surface ?? at(steps.surface),\n    elevated: seed.elevated ?? at(steps.elevated),\n    border: seed.border ?? at(steps.border),\n    muted: seed.muted ?? at(steps.muted),\n  };\n}\n\n/** Where a theme's roles sit on its own background→text axis (0 = bg, 1 = text). */\nexport function rolePositions(colors: { bg: string; text: string } & Record<'surface' | 'elevated' | 'border' | 'muted', string>) {\n  const L = (hex: string) => rgbToOklab(hexToRgb(hex))[0];\n  const span = L(colors.text) - L(colors.bg);\n  const pos = (hex: string) => (L(hex) - L(colors.bg)) / span;\n  return { surface: pos(colors.surface), elevated: pos(colors.elevated), border: pos(colors.border), muted: pos(colors.muted) };\n}\n"]}
+{"version":3,"file":"themeTokens.js","sourceRoot":"","sources":["../../../runtime/src/themeTokens.ts"],"names":[],"mappings":"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","sourcesContent":["// The color foundation every theme is built on. The site's own palette (one per site color mode) is\n// the reference coordinate system: every neutral the site paints sits somewhere on its axis from page\n// background to text, and a theme says where its own background, surfaces, border, secondary text and\n// text sit on that same axis. Any site neutral (listed or not, hover tints included) lands at the same\n// position on the theme's curve, interpolated in OKLab, so nothing keeps the site's gray and nothing\n// collapses onto the wrong role. The site's accent family follows the theme accent with the same\n// lightness offset. Colors that mean something (likes, errors, badges) are left alone.\n//\n// Pure: runs in the page runtime, the settings previews and the tests. The site adapter supplies the\n// source palettes (`SourceAxis`, one per site mode); e.g. X's Default/Dim/Lights out.\n\nimport { hexToRgb } from './themeApi.ts';\n\nexport type Oklab = [number, number, number];\ntype Rgb = [number, number, number];\nexport type AxisRole = 'bg' | 'surface' | 'elevated' | 'border' | 'muted' | 'text';\nexport type SourceAxis = Record<AxisRole | 'accent', string[]>;\nexport type TargetAxis = Partial<Record<AxisRole | 'accent', string>>;\n\nconst toLinear = (v: number) => { v /= 255; return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4; };\nconst toGamma = (v: number) => Math.round(255 * Math.min(1, Math.max(0, v <= 0.0031308 ? v * 12.92 : 1.055 * v ** (1 / 2.4) - 0.055)));\n\nexport function rgbToOklab([r, g, b]: Rgb): Oklab {\n  const [lr, lg, lb] = [toLinear(r), toLinear(g), toLinear(b)];\n  const l = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);\n  const m = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);\n  const s = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);\n  return [\n    0.2104542553 * l + 0.793617785 * m - 0.0040720468 * s,\n    1.9779984951 * l - 2.428592205 * m + 0.4505937099 * s,\n    0.0259040371 * l + 0.7827717662 * m - 0.808675766 * s,\n  ];\n}\n\nexport function oklabToRgb([L, A, B]: Oklab): Rgb {\n  const l = (L + 0.3963377774 * A + 0.2158037573 * B) ** 3;\n  const m = (L - 0.1055613458 * A - 0.0638541728 * B) ** 3;\n  const s = (L - 0.0894841775 * A - 1.291485548 * B) ** 3;\n  return [\n    toGamma(4.0767416621 * l - 3.3077115913 * m + 0.2309699292 * s),\n    toGamma(-1.2684380046 * l + 2.6097574011 * m - 0.3413193965 * s),\n    toGamma(-0.0041960863 * l - 0.7034186147 * m + 1.707614701 * s),\n  ];\n}\n\nconst keyRgb = (key: string) => key.split(',').map(Number) as Rgb;\nconst lerp = (a: Oklab, b: Oklab, t: number): Oklab => [a[0] + (b[0] - a[0]) * t, a[1] + (b[1] - a[1]) * t, a[2] + (b[2] - a[2]) * t];\nconst chroma = (c: Oklab) => Math.hypot(c[1], c[2]);\nconst hue = (c: Oklab) => (Math.atan2(c[2], c[1]) * 180) / Math.PI;\n\n/** Anything whose chroma is below this is a neutral (the site's grays carry a faint tint). */\nconst NEUTRAL_CHROMA = 0.05;\n/** How far past the site's own background/text a neutral may sit and still be on the axis (pure white\n * text in Lights out is slightly past the site's 231,233,234; black in Default is far past and is a shadow). */\nconst AXIS_SLACK = 0.12;\n/** How close to a surface or to the secondary text a foreground may sit and still count as that role's own shade. */\nconst DIM_SLACK = 0.01;\n\nexport type ColorModel = {\n  sourceBg: Oklab;\n  sourceText: Oklab;\n  /** Sorted by `t`: the site's position on its bg→text axis and the theme color placed there. */\n  anchors: Array<{ t: number; color: Oklab }>;\n  /** The site's listed role colors (`r,g,b`) and the theme color they become, exactly. */\n  exact: Map<string, Rgb>;\n  sourceAccent: Oklab;\n  accent: Oklab | null;\n  /**\n   * Text only: the stretch of the site's axis between its most raised surface and its secondary text.\n   * A foreground the site paints there (a dimmed icon, a gray it also uses for borders) would land\n   * between the theme's background and its secondary text, under every contrast a theme guarantees;\n   * it becomes the theme's secondary text instead. Below `from` a foreground is as dark (or light) as\n   * the site's surfaces: a label on a filled surface, which keeps its place.\n   */\n  dim: { from: number; to: number; color: Rgb } | null;\n};\n\n/**\n * How a color is used decides which site role wins where the site reuses one value for two roles (Default's\n * 239,243,244 is both a raised surface and a border): backgrounds read it as a surface, borders as\n * a border, text as text.\n */\nexport type Usage = 'background' | 'border' | 'text';\nconst PRIORITY: Record<Usage, AxisRole[]> = {\n  background: ['bg', 'surface', 'elevated', 'border', 'muted', 'text'],\n  border: ['bg', 'border', 'elevated', 'surface', 'muted', 'text'],\n  // Text pins only text roles: a theme may draw borders brighter than its secondary text (High\n  // Contrast), and a grey the site uses for text must not jump to that border.\n  text: ['bg', 'text', 'muted'],\n};\n\n/**\n * The model for mapping the site's palette (`source`, one site mode) onto a theme's axis colors for one usage.\n * Every color the site lists for a role is pinned to the theme's color for that role (so a surface the site uses\n * stays exactly the theme's surface), and everything the site paints between them is interpolated.\n */\nexport function buildColorModel(source: SourceAxis, target: TargetAxis, usage: Usage = 'background'): ColorModel | null {\n  if (!target.bg || !target.text) return null;\n  const sourceBg = rgbToOklab(keyRgb(source.bg[0]!));\n  const sourceText = rgbToOklab(keyRgb(source.text[0]!));\n  const span = sourceText[0] - sourceBg[0];\n  const position = (c: Oklab) => (c[0] - sourceBg[0]) / span;\n  const anchors: ColorModel['anchors'] = [\n    { t: 0, color: rgbToOklab(hexToRgb(target.bg)) },\n    { t: 1, color: rgbToOklab(hexToRgb(target.text)) },\n  ];\n  const claimed = new Set<string>();\n  const exact = new Map<string, Rgb>();\n  for (const role of PRIORITY[usage]) {\n    const color = target[role];\n    for (const key of source[role]) {\n      if (claimed.has(key)) continue;\n      claimed.add(key);\n      if (!color) continue;\n      exact.set(key, hexToRgb(color));\n      const t = position(rgbToOklab(keyRgb(key)));\n      if (t <= 0.002 || t >= 0.998 || anchors.some(anchor => Math.abs(anchor.t - t) < 0.002)) continue;\n      anchors.push({ t, color: rgbToOklab(hexToRgb(color)) });\n    }\n  }\n  // Text and borders in the site's blue stay exactly the theme accent (legibility is checked on it);\n  // accent backgrounds keep the site's lightness offsets (hover, pressed) through projectColor.\n  if (target.accent && usage !== 'background') for (const key of source.accent) if (!exact.has(key)) exact.set(key, hexToRgb(target.accent));\n  anchors.sort((a, b) => a.t - b.t);\n  let dim: ColorModel['dim'] = null;\n  if (usage === 'text' && target.muted && source.muted.length) {\n    const positions = (roles: AxisRole[]) => roles.flatMap(role => source[role].map(key => position(rgbToOklab(keyRgb(key)))));\n    const from = Math.max(0, ...positions(['bg', 'surface', 'elevated'])) + DIM_SLACK;\n    const to = Math.min(...positions(['muted'])) - DIM_SLACK;\n    if (to > from) dim = { from, to, color: hexToRgb(target.muted) };\n  }\n  return {\n    sourceBg, sourceText, anchors, exact, dim,\n    sourceAccent: rgbToOklab(keyRgb(source.accent[0]!)),\n    accent: target.accent ? rgbToOklab(hexToRgb(target.accent)) : null,\n  };\n}\n\n/** Where a neutral sits on the site's axis (0 = the site background, 1 = the site text), or null when it is off the axis. */\nexport function axisPosition(model: ColorModel, rgb: Rgb): number | null {\n  const c = rgbToOklab(rgb);\n  if (chroma(c) >= NEUTRAL_CHROMA) return null;\n  const t = (c[0] - model.sourceBg[0]) / (model.sourceText[0] - model.sourceBg[0]);\n  if (t < -AXIS_SLACK || t > 1 + AXIS_SLACK) return null;\n  return Math.min(1, Math.max(0, t));\n}\n\nfunction onCurve(model: ColorModel, t: number): Oklab {\n  const { anchors } = model;\n  for (let i = 1; i < anchors.length; i++) {\n    const a = anchors[i - 1]!, b = anchors[i]!;\n    if (t <= b.t) return lerp(a.color, b.color, (t - a.t) / (b.t - a.t || 1));\n  }\n  return anchors[anchors.length - 1]!.color;\n}\n\n/** The site's accent family: same hue family as the site's accent, clearly chromatic. */\nfunction isAccentFamily(model: ColorModel, c: Oklab): boolean {\n  if (chroma(c) < 0.07) return false;\n  const delta = Math.abs(((hue(c) - hue(model.sourceAccent) + 540) % 360) - 180);\n  return delta < 22;\n}\n\n/** The theme color for one of the site's colors, or null to leave it as the site painted it. */\nexport function projectColor(model: ColorModel, rgb: Rgb): Rgb | null {\n  const listed = model.exact.get(rgb.join(','));\n  if (listed) return listed;\n  const c = rgbToOklab(rgb);\n  const t = axisPosition(model, rgb);\n  if (t !== null && model.dim && t > model.dim.from && t < model.dim.to) return model.dim.color;\n  if (t !== null) return oklabToRgb(onCurve(model, t));\n  if (model.accent && isAccentFamily(model, c)) {\n    // Keep the site's lightness offset (hover is darker, tints lighter) on the theme's accent.\n    const shifted: Oklab = [Math.min(1, Math.max(0, model.accent[0] + (c[0] - model.sourceAccent[0]))), model.accent[1], model.accent[2]];\n    return oklabToRgb(shifted);\n  }\n  return null;\n}\n\n/**\n * The base structure every theme is built on: where a raised surface, a hover/elevated surface, a\n * border and secondary text sit between a theme's background (0) and its text (1), in OKLab\n * lightness. Taken from the built-in themes (their median), so a theme that only names its\n * background, text and accent gets the same proportions as the rest.\n */\nexport const BASE_STEPS: Record<'dark' | 'light', Record<'surface' | 'elevated' | 'border' | 'muted', number>> = {\n  dark: { surface: 0.04, elevated: 0.09, border: 0.17, muted: 0.7 },\n  light: { surface: 0.025, elevated: 0.06, border: 0.13, muted: 0.7 },\n};\n\nconst toHex = (rgb: Rgb) => `#${rgb.map(v => v.toString(16).padStart(2, '0')).join('')}`;\n\n/** Fills in the roles a theme did not name from its background, text and the base structure. */\nexport function deriveColors<T extends { bg: string; text: string; accent: string; surface?: string; elevated?: string; border?: string; muted?: string }>(seed: T):\n  T & Record<'surface' | 'elevated' | 'border' | 'muted', string> {\n  const bg = rgbToOklab(hexToRgb(seed.bg));\n  const text = rgbToOklab(hexToRgb(seed.text));\n  const steps = BASE_STEPS[bg[0] < text[0] ? 'dark' : 'light'];\n  const at = (t: number) => toHex(oklabToRgb(lerp(bg, text, t)));\n  return {\n    ...seed,\n    surface: seed.surface ?? at(steps.surface),\n    elevated: seed.elevated ?? at(steps.elevated),\n    border: seed.border ?? at(steps.border),\n    muted: seed.muted ?? at(steps.muted),\n  };\n}\n\n/** Where a theme's roles sit on its own background→text axis (0 = bg, 1 = text). */\nexport function rolePositions(colors: { bg: string; text: string } & Record<'surface' | 'elevated' | 'border' | 'muted', string>) {\n  const L = (hex: string) => rgbToOklab(hexToRgb(hex))[0];\n  const span = L(colors.text) - L(colors.bg);\n  const pos = (hex: string) => (L(hex) - L(colors.bg)) / span;\n  return { surface: pos(colors.surface), elevated: pos(colors.elevated), border: pos(colors.border), muted: pos(colors.muted) };\n}\n"]}

package/dist/runtime/themeVariants.d.ts

@@ -0,0 +1,30 @@
+/** The axes and their options. The first option of each axis is the site's own layout (no rule). */
+export declare const VARIANT_AXES: {
+    readonly nav: readonly ["labels", "icons", "top", "bottom"];
+    readonly post: readonly ["default", "cards", "bubbles", "compact", "broadsheet"];
+    readonly actions: readonly ["icons", "labels", "quiet"];
+    readonly header: readonly ["default", "solid", "bar"];
+    readonly sidebar: readonly ["default", "narrow", "hidden"];
+    readonly width: readonly ["default", "full"];
+};
+export type VariantAxis = keyof typeof VARIANT_AXES;
+export declare const VARIANT_AXIS_NAMES: VariantAxis[];
+export type ThemeVariants = {
+    [A in VariantAxis]?: typeof VARIANT_AXES[A][number];
+};
+/** The `variants` group from JSON: known axes and options only; an axis left at the site's own layout is dropped. */
+export declare function sanitizeVariants(value: unknown): ThemeVariants | null;
+export type VariantGate = {
+    /** The owner lets themes change the layout (default: yes). */
+    allowed?: boolean;
+    /** Axes an owner's own switch controls right now: the theme's suggestion is not drawn for them. */
+    owned?: readonly VariantAxis[];
+};
+/** The variants that are drawn: the theme's (with the owner's customization already merged in), minus what the owner holds. */
+export declare function resolveVariants(variants: ThemeVariants | null | undefined, gate?: VariantGate): ThemeVariants;
+/** A site's CSS for each variant it can draw: `skins.nav.top(ctx)` returns the rules. */
+export type VariantSkins<Context> = {
+    [A in VariantAxis]?: Partial<Record<typeof VARIANT_AXES[A][number], (ctx: Context) => string>>;
+};
+/** The CSS of the resolved variants, in axis order. A variant the site has no skin for draws nothing. */
+export declare function compileVariants<Context>(variants: ThemeVariants, skins: VariantSkins<Context>, ctx: Context): string[];

package/dist/runtime/themeVariants.js

@@ -0,0 +1,53 @@
+// Layout variants: the structural choices a theme may suggest (navigation on top, compact posts,
+// worded actions), as fixed words on a few axes. The vocabulary and the precedence are here; what a
+// variant looks like on a site is that site's CSS (its skins). Pure.
+//
+// A theme suggests, the owner decides: an axis an owner's own switch already controls is left to that
+// switch, and the owner can turn layout changes by themes off altogether.
+/** The axes and their options. The first option of each axis is the site's own layout (no rule). */
+export const VARIANT_AXES = {
+    nav: ['labels', 'icons', 'top', 'bottom'],
+    post: ['default', 'cards', 'bubbles', 'compact', 'broadsheet'],
+    actions: ['icons', 'labels', 'quiet'],
+    header: ['default', 'solid', 'bar'],
+    sidebar: ['default', 'narrow', 'hidden'],
+    width: ['default', 'full'],
+};
+export const VARIANT_AXIS_NAMES = Object.keys(VARIANT_AXES);
+/** The `variants` group from JSON: known axes and options only; an axis left at the site's own layout is dropped. */
+export function sanitizeVariants(value) {
+    const source = value && typeof value === 'object' && !Array.isArray(value) ? value : {};
+    const out = {};
+    for (const axis of VARIANT_AXIS_NAMES) {
+        const options = VARIANT_AXES[axis];
+        const option = source[axis];
+        if (typeof option === 'string' && options.includes(option) && option !== options[0])
+            out[axis] = option;
+    }
+    return Object.keys(out).length ? out : null;
+}
+/** The variants that are drawn: the theme's (with the owner's customization already merged in), minus what the owner holds. */
+export function resolveVariants(variants, gate = {}) {
+    if (!variants || gate.allowed === false)
+        return {};
+    const out = {};
+    for (const axis of VARIANT_AXIS_NAMES) {
+        const option = variants[axis];
+        if (option && !gate.owned?.includes(axis))
+            out[axis] = option;
+    }
+    return out;
+}
+/** The CSS of the resolved variants, in axis order. A variant the site has no skin for draws nothing. */
+export function compileVariants(variants, skins, ctx) {
+    const out = [];
+    for (const axis of VARIANT_AXIS_NAMES) {
+        const option = variants[axis];
+        const build = option ? skins[axis]?.[option] : undefined;
+        const css = build?.(ctx);
+        if (css)
+            out.push(css);
+    }
+    return out;
+}
+//# sourceMappingURL=themeVariants.js.map

package/dist/runtime/themeVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themeVariants.js","sourceRoot":"","sources":["../../../runtime/src/themeVariants.ts"],"names":[],"mappings":"AAAA,iGAAiG;AACjG,oGAAoG;AACpG,qEAAqE;AACrE,EAAE;AACF,sGAAsG;AACtG,0EAA0E;AAE1E,oGAAoG;AACpG,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;IACzC,IAAI,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,CAAC;IAC9D,OAAO,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC;IACrC,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,KAAK,CAAC;IACnC,OAAO,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACxC,KAAK,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;CAClB,CAAC;AAEX,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAkB,CAAC;AAG7E,qHAAqH;AACrH,MAAM,UAAU,gBAAgB,CAAC,KAAc;IAC7C,MAAM,MAAM,GAAG,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAgC,CAAC,CAAC,CAAC,EAAE,CAAC;IACnH,MAAM,GAAG,GAA2B,EAAE,CAAC;IACvC,KAAK,MAAM,IAAI,IAAI,kBAAkB,EAAE,CAAC;QACtC,MAAM,OAAO,GAAsB,YAAY,CAAC,IAAI,CAAC,CAAC;QACtD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,IAAI,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;IAC1G,CAAC;IACD,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAoB,CAAC,CAAC,CAAC,IAAI,CAAC;AAC/D,CAAC;AASD,+HAA+H;AAC/H,MAAM,UAAU,eAAe,CAAC,QAA0C,EAAE,OAAoB,EAAE;IAChG,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO,KAAK,KAAK;QAAE,OAAO,EAAE,CAAC;IACnD,MAAM,GAAG,GAA2B,EAAE,CAAC;IACvC,KAAK,MAAM,IAAI,IAAI,kBAAkB,EAAE,CAAC;QACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC9B,IAAI,MAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC;YAAE,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC;IAChE,CAAC;IACD,OAAO,GAAoB,CAAC;AAC9B,CAAC;AAKD,yGAAyG;AACzG,MAAM,UAAU,eAAe,CAAU,QAAuB,EAAE,KAA4B,EAAE,GAAY;IAC1G,MAAM,GAAG,GAAa,EAAE,CAAC;IACzB,KAAK,MAAM,IAAI,IAAI,kBAAkB,EAAE,CAAC;QACtC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC9B,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAE,KAAK,CAAC,IAAI,CAAwE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACjI,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;QACzB,IAAI,GAAG;YAAE,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC","sourcesContent":["// Layout variants: the structural choices a theme may suggest (navigation on top, compact posts,\n// worded actions), as fixed words on a few axes. The vocabulary and the precedence are here; what a\n// variant looks like on a site is that site's CSS (its skins). Pure.\n//\n// A theme suggests, the owner decides: an axis an owner's own switch already controls is left to that\n// switch, and the owner can turn layout changes by themes off altogether.\n\n/** The axes and their options. The first option of each axis is the site's own layout (no rule). */\nexport const VARIANT_AXES = {\n  nav: ['labels', 'icons', 'top', 'bottom'],\n  post: ['default', 'cards', 'bubbles', 'compact', 'broadsheet'],\n  actions: ['icons', 'labels', 'quiet'],\n  header: ['default', 'solid', 'bar'],\n  sidebar: ['default', 'narrow', 'hidden'],\n  width: ['default', 'full'],\n} as const;\nexport type VariantAxis = keyof typeof VARIANT_AXES;\nexport const VARIANT_AXIS_NAMES = Object.keys(VARIANT_AXES) as VariantAxis[];\nexport type ThemeVariants = { [A in VariantAxis]?: typeof VARIANT_AXES[A][number] };\n\n/** The `variants` group from JSON: known axes and options only; an axis left at the site's own layout is dropped. */\nexport function sanitizeVariants(value: unknown): ThemeVariants | null {\n  const source = value && typeof value === 'object' && !Array.isArray(value) ? value as Record<string, unknown> : {};\n  const out: Record<string, string> = {};\n  for (const axis of VARIANT_AXIS_NAMES) {\n    const options: readonly string[] = VARIANT_AXES[axis];\n    const option = source[axis];\n    if (typeof option === 'string' && options.includes(option) && option !== options[0]) out[axis] = option;\n  }\n  return Object.keys(out).length ? out as ThemeVariants : null;\n}\n\nexport type VariantGate = {\n  /** The owner lets themes change the layout (default: yes). */\n  allowed?: boolean;\n  /** Axes an owner's own switch controls right now: the theme's suggestion is not drawn for them. */\n  owned?: readonly VariantAxis[];\n};\n\n/** The variants that are drawn: the theme's (with the owner's customization already merged in), minus what the owner holds. */\nexport function resolveVariants(variants: ThemeVariants | null | undefined, gate: VariantGate = {}): ThemeVariants {\n  if (!variants || gate.allowed === false) return {};\n  const out: Record<string, string> = {};\n  for (const axis of VARIANT_AXIS_NAMES) {\n    const option = variants[axis];\n    if (option && !gate.owned?.includes(axis)) out[axis] = option;\n  }\n  return out as ThemeVariants;\n}\n\n/** A site's CSS for each variant it can draw: `skins.nav.top(ctx)` returns the rules. */\nexport type VariantSkins<Context> = { [A in VariantAxis]?: Partial<Record<typeof VARIANT_AXES[A][number], (ctx: Context) => string>> };\n\n/** The CSS of the resolved variants, in axis order. A variant the site has no skin for draws nothing. */\nexport function compileVariants<Context>(variants: ThemeVariants, skins: VariantSkins<Context>, ctx: Context): string[] {\n  const out: string[] = [];\n  for (const axis of VARIANT_AXIS_NAMES) {\n    const option = variants[axis];\n    const build = option ? (skins[axis] as Record<string, ((ctx: Context) => string) | undefined> | undefined)?.[option] : undefined;\n    const css = build?.(ctx);\n    if (css) out.push(css);\n  }\n  return out;\n}\n"]}

package/dist/runtime/ui.d.ts

@@ -0,0 +1,192 @@
+import { type ThemeApi } from './themeApi.ts';
+export type Tone = 'neutral' | 'info' | 'success' | 'warning' | 'danger';
+/** Dialog content: text, a node, or a function that fills the dialog's body element. */
+export type Content = string | Node | ((body: HTMLElement) => void) | null | undefined;
+export type ModalAction = {
+    label: string;
+    /** `primary` (filled, the theme's button colors), `secondary` (outlined, default), `danger`, `plain` (text). */
+    tone?: 'primary' | 'secondary' | 'danger' | 'plain';
+    /** Runs on click. Return `false` (or a promise of `false`) to keep the dialog open. */
+    onClick?: (handle: ModalHandle) => unknown;
+    /** What `closed` resolves with when this action closes the dialog (default: the label). */
+    value?: unknown;
+    /** Enter in a single-line field (or on the dialog itself) runs this action. */
+    default?: boolean;
+    /** Focused when the dialog opens. */
+    autoFocus?: boolean;
+    disabled?: boolean;
+};
+export type ModalOptions = {
+    role?: 'dialog' | 'alertdialog';
+    title?: string;
+    /** Text under the title (also the dialog's accessible description). */
+    message?: string;
+    /** Accessible name when there is no visible title. */
+    label?: string;
+    content?: Content;
+    actions?: ModalAction[];
+    /** px, or `sm` (380), `md` (480, default), `lg` (640). Always fits the window. */
+    width?: number | 'sm' | 'md' | 'lg';
+    /** Adds a tone icon before the title. */
+    tone?: Tone;
+    /** Esc and the close button dismiss it (default true). */
+    dismissible?: boolean;
+    /** A click on the backdrop dismisses it (default false; alerts and confirmations say true). */
+    closeOnBackdrop?: boolean;
+    /** Shows a close button in the header (default: dismissible and titled). */
+    closeButton?: boolean;
+    /** Element or selector (inside the dialog) to focus first. */
+    initialFocus?: HTMLElement | string;
+    /** Extra CSS for this dialog's content (scoped to the kit's shadow root). */
+    css?: string;
+    /** `closed` resolves with this when dismissed (Esc, backdrop, close button, owner stopped). */
+    dismissValue?: unknown;
+    /** Buttons stacked full width (the site's confirmation sheet look) instead of a right-aligned row. */
+    stackActions?: boolean;
+    onClose?: (result: unknown) => void;
+};
+export type ModalHandle = {
+    /** The dialog element (`role="dialog"`). */
+    readonly element: HTMLElement;
+    /** Where `content` went; add or replace your own nodes here. */
+    readonly body: HTMLElement;
+    readonly open: boolean;
+    /** Resolves with the close result once the dialog is gone. */
+    readonly closed: Promise<unknown>;
+    close(result?: unknown): void;
+    /** Shows (or clears with null) an error line above the actions, announced to screen readers. */
+    setError(message: string | null): void;
+    /** Disables the actions while something runs. */
+    setBusy(busy: boolean): void;
+};
+export type DialogOptions = Omit<ModalOptions, 'role'>;
+export type AlertOptions = {
+    title?: string;
+    message?: string;
+    tone?: Tone;
+    okLabel?: string;
+};
+export type ConfirmOptions = {
+    title?: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    danger?: boolean;
+};
+export type PromptOptions = {
+    title?: string;
+    message?: string;
+    label?: string;
+    value?: string;
+    placeholder?: string;
+    /** Return an error message (or false) to refuse the value; anything else accepts it. */
+    validate?: (value: string) => string | boolean | null | undefined;
+    /** A textarea instead of a single line (Ctrl/Cmd+Enter submits). */
+    multiline?: boolean;
+    maxLength?: number;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    width?: ModalOptions['width'];
+};
+export type ToastAction = {
+    label: string;
+    onClick: () => void;
+};
+export type ToastOptions = {
+    tone?: Tone;
+    /** ms on screen (default 3200, 6000 with an action); 0 keeps it until closed. */
+    duration?: number;
+    action?: ToastAction;
+};
+export type ToastHandle = {
+    readonly element: HTMLElement;
+    close(): void;
+    readonly closed: Promise<void>;
+};
+type Child = Node | string | number | null | undefined | false | Child[];
+export type ElementProps = Record<string, unknown>;
+export type UiKit = {
+    toast(message: string, options?: ToastOptions | number): ToastHandle;
+    alert(options: AlertOptions | string): Promise<void>;
+    confirm(options: ConfirmOptions | string): Promise<boolean>;
+    prompt(options: PromptOptions | string): Promise<string | null>;
+    dialog(options: DialogOptions): ModalHandle;
+    modal(options: ModalOptions): ModalHandle;
+    /**
+     * A safe element builder for dialog content: `h('label', { class: 'wb-check' }, input, 'Text')`.
+     * Strings become text nodes; `on<event>` functions become listeners; `value`/`checked`/`disabled`
+     * are set as properties; everything else as attributes (no `innerHTML`, no string handlers, no
+     * `javascript:` URLs).
+     */
+    h(tag: string, props?: ElementProps | null, ...children: Child[]): HTMLElement;
+};
+export type UiKitOptions = {
+    theme: ThemeApi;
+    /** Custom element name of the shadow host (default `wb-ui`). */
+    hostTag?: string;
+    /** Id of the shadow host element. */
+    hostId?: string;
+    zIndex?: number;
+    /** Console prefix. */
+    product?: string;
+    /**
+     * The kit's own words (buttons, accessible names, default errors) in the app's language:
+     * called with a `kit.*` key and returns the translation, or undefined for English.
+     */
+    text?: (key: KitKey) => string | undefined;
+};
+/** The kit's default words (English source; `kit.*` keys in the framework catalogs). */
+export declare const KIT_MESSAGES: {
+    readonly 'kit.ok': "OK";
+    readonly 'kit.cancel': "Cancel";
+    readonly 'kit.delete': "Delete";
+    readonly 'kit.close': "Close";
+    readonly 'kit.dismiss': "Dismiss";
+    readonly 'kit.dialog': "Dialog";
+    readonly 'kit.value': "Value";
+    readonly 'kit.checkValue': "Please check this value.";
+    readonly 'kit.failed': "Something went wrong.";
+    readonly 'kit.save': "Save";
+    readonly 'kit.feature.paused': "{feature} ({area}) is paused: this page changed.";
+    readonly 'kit.feature.pausedOne': "A feature of {area} is paused: this page changed.";
+    readonly 'kit.feature.pausedList': "Paused features of {area}";
+    readonly 'kit.feature.needsEnglish': "{feature} needs the site in English.";
+    readonly 'kit.feature.settings': "{name} settings";
+};
+export type KitKey = keyof typeof KIT_MESSAGES;
+export type RootUiKit = UiKit & {
+    /** A kit whose dialogs and toasts are closed by `dispose()` (a plugin's `scope.ui`). */
+    scoped(): {
+        kit: UiKit;
+        dispose(): void;
+    };
+    /** Open dialogs, bottom first (for tests and the shell). */
+    openModals(): number;
+};
+export declare const WIDTHS: {
+    readonly sm: 380;
+    readonly md: 480;
+    readonly lg: 640;
+};
+export declare const MAX_TOASTS = 4;
+/** Dialog width in px for an option value. */
+export declare function dialogWidth(width: ModalOptions['width']): number;
+/** How long a toast stays: explicit ms, 0 = until closed; defaults 3200 / 6000 with an action. */
+export declare function toastDuration(options: ToastOptions): number;
+/** Tab / Shift+Tab inside a trap: the index to focus next, or -1 to let the browser move focus. */
+export declare function trapIndex(count: number, current: number, backwards: boolean): number;
+/** A validator's answer as an error message (null = valid). */
+export declare function validationMessage(result: unknown, fallback?: string): string | null;
+/**
+ * Whether a URL attribute value is safe: relative, or http(s)/mailto. Checked the way browsers read
+ * a URL (tabs and newlines anywhere and leading control characters/spaces are ignored), so
+ * `java\tscript:` or `\x01javascript:` do not slip through.
+ */
+export declare function isSafeUrl(value: string): boolean;
+/** The builder behind `ui.h`, for any document. */
+export declare function buildElement(doc: Document, tag: string, props?: ElementProps | null, ...children: Child[]): HTMLElement;
+export declare const UI_CSS: string;
+/** The deepest focused element, through open shadow roots. */
+export declare function deepActiveElement(doc: Document): HTMLElement | null;
+export declare function createUiKit(win: Window & typeof globalThis, options: UiKitOptions): RootUiKit;
+export {};