@puredesktop/puredesktop-ui-bridge 1.0.0-beta.1

package/src/bridge/pureRender/styles.ts

@@ -0,0 +1,164 @@
+import { themeToPureRenderTokenCss } from './theme.js'
+import type { PureRenderProfile, PureRenderTheme } from './types.js'
+
+export const RESET_CSS = `
+*{ box-sizing:border-box }
+html,body{ margin:0; padding:0 }
+img,svg{ max-width:100%; height:auto; display:block }
+table{ border-collapse:collapse }
+html[data-pagedjs-rendered="true"] body > :not(.pagedjs_pages){ display:none !important }
+`
+
+export const BASE_CSS = `
+html{ font-size:12pt; }
+body{
+  color:var(--ink); background:var(--paper);
+  font:var(--body)/var(--lead) var(--serif);
+  font-variant-numeric:oldstyle-nums proportional-nums;
+  -webkit-font-smoothing:antialiased;
+  hyphens:var(--hyphenate);
+  counter-reset:sec fig tbl ref eq;
+}
+.doc-title{ font:700 var(--t-title)/1.1 var(--display); margin:0 0 var(--rhythm); max-width:30rem; string-set:doctitle content(text); }
+.authors{ font:500 11.5pt/1.4 var(--sans); margin:0 0 .4rem; }
+.affil{ font:400 9pt/1.4 var(--sans); color:var(--muted); margin:0 0 calc(var(--rhythm)*1.2); }
+.affil sup,.authors sup{ font-size:.7em; }
+section[data-type="abstract"]{
+  border-top:2px solid var(--accent); border-bottom:1px solid var(--rule);
+  padding:calc(var(--rhythm)*.75) 0; margin:0 0 calc(var(--rhythm)*1.3); max-width:var(--measure);
+}
+section[data-type="abstract"] > h2{ all:unset; display:block; font:600 8pt/1 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin:0 0 .5rem; counter-increment:none; }
+section[data-type="abstract"] > h2::before{ content:none; }
+section[data-type="abstract"] p{ margin:0; font-size:9.8pt; text-indent:0; }
+.keywords{ font:400 8.6pt/1.4 var(--sans); color:var(--muted); margin:.6rem 0 var(--rhythm); }
+.keywords b{ color:var(--ink-soft); font-weight:600; }
+section,p,ul,ol,blockquote{ max-width:var(--measure); }
+h2,h3,h4{ font-family:var(--display); color:var(--ink); break-after:avoid-page; }
+h2{ font-size:var(--t-h2); font-weight:700; line-height:1.15; margin:calc(var(--rhythm)*1.5) 0 calc(var(--rhythm)*.4); string-set:sectitle content(text); }
+section:not([data-type="abstract"]):not([data-type="frontmatter"]):not([data-type="backmatter"]):not([data-type="toc"]):not([data-type="references"]):not([data-type="endnotes"]):not([data-type="acknowledgments"]):not([data-type="part"]){ counter-increment:sec; counter-reset:sub; }
+h2::before{ content:counter(sec) "\\00a0\\00a0"; color:var(--accent); }
+section[data-type="abstract"] > h2::before,
+section[data-type="frontmatter"] > h2::before,
+section[data-type="backmatter"] > h2::before,
+section[data-type="toc"] > h2::before,
+section[data-type="references"] > h2::before,
+section[data-type="endnotes"] > h2::before,
+section[data-type="acknowledgments"] > h2::before,
+section[data-type="part"] > h2::before{ content:none; }
+h3{ counter-increment:sub; font-size:var(--t-h3); font-weight:600; margin:calc(var(--rhythm)*1) 0 calc(var(--rhythm)*.25); }
+h3::before{ content:counter(sec) "." counter(sub) "\\00a0\\00a0"; color:var(--accent); font-weight:500; }
+h4{ font-size:calc(var(--t-h3)*.88); font-weight:600; margin:calc(var(--rhythm)*.8) 0 calc(var(--rhythm)*.2); color:var(--ink-soft); }
+p{ margin:0; text-align:var(--text-align); orphans:3; widows:3; }
+p + p{ text-indent:1.25em; }
+h2 + p,h3 + p,section[data-type="abstract"] + p,figure + p{ text-indent:0; }
+a{ color:var(--accent-ink); text-decoration:none; }
+cite.ps-citation{ font-style:normal; white-space:nowrap; color:var(--accent-ink); }
+ul,ol{ margin:var(--rhythm) 0; padding-left:1.4rem; }
+li{ margin:.15rem 0; }
+figure{ counter-increment:fig; break-inside:avoid; margin:calc(var(--rhythm)*1.2) 0; }
+figcaption{ font:400 8.8pt/1.4 var(--serif); color:var(--ink-soft); margin-top:.55rem; max-width:var(--measure); }
+figcaption::before{ content:"Figure " attr(data-label) ".\\00a0"; font-family:var(--sans); font-weight:var(--caption-label-weight); text-transform:var(--caption-label-transform); color:var(--ink); }
+.table-wrap{ counter-increment:tbl; break-inside:avoid; margin:calc(var(--rhythm)*1.2) 0; }
+.table-wrap > .tcaption{ font:400 8.8pt/1.4 var(--serif); color:var(--ink-soft); margin:0 0 .45rem; }
+.table-wrap > .tcaption::before{ content:"Table " attr(data-label) ".\\00a0"; font-family:var(--sans); font-weight:var(--caption-label-weight); text-transform:var(--caption-label-transform); color:var(--ink); }
+table{ width:100%; font:400 9pt/1.35 var(--serif); }
+thead th{ font-family:var(--sans); font-weight:600; font-size:8.4pt; text-transform:var(--table-header-transform); letter-spacing:var(--table-header-letter-spacing); text-align:left; padding:var(--table-cell-padding-y) var(--table-cell-padding-x); color:var(--table-header-ink); background:var(--table-header-bg); border-bottom:var(--table-rule-width) solid var(--table-header-rule-color); }
+tbody td{ padding:var(--table-cell-padding-y) var(--table-cell-padding-x); border-bottom:var(--table-row-rule-width) solid var(--table-row-rule-color); }
+tbody tr:last-child td{ border-bottom:var(--table-rule-width) solid var(--rule); }
+.num{ text-align:right; font-variant-numeric:tabular-nums; }
+.equation{ counter-increment:eq; display:flex; align-items:center; gap:1rem; justify-content:center; margin:calc(var(--rhythm)*1) 0; break-inside:avoid; }
+.equation .eq-body{ font:italic 400 12pt/1 var(--serif); }
+.equation .eq-num{ margin-left:auto; }
+.equation .eq-num::before{ content:"(" attr(data-label) ")"; font:400 10pt var(--serif); color:var(--muted); }
+blockquote{ margin:var(--rhythm) 0; padding-left:1rem; border-left:2px solid var(--accent); font-style:italic; color:var(--ink-soft); }
+mark{ background:color-mix(in srgb, var(--accent) 14%, transparent); color:inherit; padding:0 .08em; }
+hr{ border:0; border-top:1px solid var(--rule-soft); margin:calc(var(--rhythm)*1.1) 0; max-width:var(--measure); }
+code,pre{ font-family:var(--mono); font-size:8.8pt; }
+pre{ background:#F5F6F8; border:1px solid var(--rule-soft); padding:.7rem .9rem; break-inside:avoid; white-space:pre-wrap; line-height:1.45; }
+a.xref-fig::after,a.xref-tbl::after,a.xref-eq::after{ content:none; }
+a.xref-sec::after{ content:target-counter(attr(href), sec); }
+section[data-type="references"]{ margin-top:calc(var(--rhythm)*1.5); }
+section[data-type="references"] > h2{ string-set:sectitle "References"; }
+section[data-type="references"] ol{ list-style:none; padding:0; margin:0; max-width:var(--measure); }
+section[data-type="references"] li{ counter-increment:ref; font-size:9pt; line-height:1.4; padding-left:2.2rem; text-indent:-2.2rem; margin:.3rem 0; break-inside:avoid; }
+section[data-type="references"] li::before{ content:"[" counter(ref) "]"; font-family:var(--sans); font-weight:600; display:inline-block; width:2.2rem; text-indent:0; }
+section[data-type="endnotes"]{ break-before:page; margin-top:calc(var(--rhythm)*1.5); }
+section[data-type="endnotes"] > h2{ string-set:sectitle "Notes"; }
+section[data-type="endnotes"] ol{ padding-left:1.4rem; max-width:var(--measure); }
+section[data-type="endnotes"] li{ font-size:9pt; line-height:1.45; margin:.35rem 0; break-inside:avoid; }
+`
+
+export const FLOW_CSS = `
+.doc-title,.authors,.affil,section[data-type="abstract"]{ break-after:avoid; }
+.fn{ float:footnote; font-size:8.4pt; line-height:1.3; }
+@page{ @footnote{ border-top:.5px solid var(--rule); padding-top:2pt; } }
+`
+
+export const PROFILE_CSS: Record<PureRenderProfile, string> = {
+  manuscript: `
+@page{ size:A4; margin:28mm 24mm 26mm 24mm; @bottom-center{ content:counter(page); font:500 8.4pt var(--mono); color:var(--muted); letter-spacing:.04em; display:var(--folio-display); } }
+@page:right{ margin-left:26mm; margin-right:22mm; @top-right{ content:string(sectitle); font:600 8pt var(--sans); letter-spacing:.08em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } }
+@page:left{ margin-left:22mm; margin-right:26mm; @top-left{ content:string(doctitle); font:600 8pt var(--sans); letter-spacing:.08em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } }
+@page:first{ margin-top:24mm; @top-left{ content:none } @top-right{ content:none } }
+[data-variant="two-column"]{ column-count:2; column-gap:7mm; column-fill:auto; }
+[data-variant="two-column"] > .doc-title,
+[data-variant="two-column"] > .authors,
+[data-variant="two-column"] > .affil,
+[data-variant="two-column"] > .keywords,
+[data-variant="two-column"] > section[data-type="abstract"]{ column-span:all; }
+[data-variant="two-column"] figure[data-span="page"],[data-variant="two-column"] .table-wrap[data-span="page"]{ column-span:all; }
+`,
+  writer: `
+@page{ size:A4; margin:25mm; @bottom-center{ content:counter(page); font:500 8.4pt var(--mono); color:var(--muted); } }
+@page:first{ @top-left{content:none} @top-right{content:none} }
+.pure-render-writer{ --text-align:var(--theme-text-align,left); --hyphenate:var(--theme-hyphenate,manual); }
+.pure-render-writer p + p{ text-indent:0; margin-top:calc(var(--rhythm)*.55); }
+section > h2{ counter-increment:none; }
+h2::before,h3::before{ content:none; }
+section[data-type="abstract"]{ border:0; padding:0; }
+.pure-render-writer section[data-type="references"] ol{ list-style:decimal; padding-left:1.4rem; }
+.pure-render-writer section[data-type="references"] li{ counter-increment:none; padding-left:0; text-indent:0; }
+.pure-render-writer section[data-type="references"] li::before{ content:none; }
+`,
+  book: `
+@page{ size:152mm 229mm; margin:18mm 16mm 22mm 20mm; @bottom-center{ content:counter(page); font:500 8pt var(--mono); color:var(--muted); display:var(--folio-display); } }
+@page:right{ margin-left:20mm; margin-right:16mm; @top-right{ content:string(chaptitle); font:600 7.5pt var(--sans); letter-spacing:.1em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } @bottom-right{ content:counter(page); display:var(--folio-display); } @bottom-center{ content:none } }
+@page:left{ margin-left:16mm; margin-right:20mm; @top-left{ content:string(doctitle); font:600 7.5pt var(--sans); letter-spacing:.1em; text-transform:var(--running-head-transform); color:var(--muted); border-bottom:var(--running-head-rule) solid var(--rule-soft); } @bottom-left{ content:counter(page); display:var(--folio-display); } @bottom-center{ content:none } }
+.pure-render-book > article > .doc-title{ break-after:page; max-width:none; padding-top:35%; text-align:center; font-size:30pt; line-height:1.05; margin:0; }
+.pure-render-book > article > .authors{ max-width:none; text-align:center; margin-top:1rem; }
+section[data-type="toc"]{ break-before:right; break-after:page; max-width:none; }
+section[data-type="toc"] > h2{ font-size:20pt; margin:0 0 calc(var(--rhythm)*1.2); }
+section[data-type="toc"] > h2::before{ content:none; }
+section[data-type="toc"] ol{ list-style:none; padding:0; margin:0; max-width:none; }
+section[data-type="toc"] li{ margin:.35rem 0; }
+section[data-type="toc"] a{ display:flex; gap:.35rem; color:var(--ink); }
+section[data-type="toc"] a::after{ content:leader('.') target-counter(attr(href), page); flex:1; text-align:right; color:var(--muted); }
+section[data-type="part"]{ break-before:right; text-align:center; padding-top:40%; }
+section[data-type="endnotes"]{ break-before:right; }
+section[data-type="chapter"]{ break-before:right; counter-increment:sec; counter-reset:sub; }
+section[data-type="chapter"] > h2{ string-set:chaptitle content(text); font-size:26pt; margin:var(--chapter-opener-padding) 0 calc(var(--rhythm)*2); }
+section[data-type="chapter"]::before{ content:"Chapter " counter(sec); display:block; font:600 10pt var(--sans); letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:.6rem; }
+section[data-type="chapter"] > h2::after{ content:""; display:var(--chapter-ornament-display); width:3rem; border-bottom:var(--chapter-ornament-border) solid var(--accent); margin:calc(var(--rhythm)*.6) 0 0; }
+section[data-type="chapter"] > h2{ counter-increment:none; }
+section[data-type="chapter"] > h2::before{ content:none; }
+figcaption::before{ content:"Figure " attr(data-label) ".\\00a0"; }
+`,
+}
+
+export function buildPureRenderStylesheet(options: {
+  profile: PureRenderProfile
+  theme?: PureRenderTheme
+}): string {
+  return [
+    '/* pure-render: reset */',
+    RESET_CSS,
+    '/* pure-render: tokens */',
+    themeToPureRenderTokenCss(options.theme),
+    '/* pure-render: base */',
+    BASE_CSS,
+    '/* pure-render: profile */',
+    PROFILE_CSS[options.profile],
+    '/* pure-render: flow */',
+    FLOW_CSS,
+  ].join('\n')
+}

package/src/bridge/pureRender/theme.test.ts

@@ -0,0 +1,53 @@
+import { describe, expect, it } from 'vitest'
+import {
+  DEFAULT_PURE_RENDER_THEME,
+  isPureRenderTheme,
+  parsePureRenderThemeJson,
+  themeToPureRenderTokenCss,
+} from './theme.js'
+
+describe('Pure Render themes', () => {
+  it('parses manual Pure Render theme JSON', () => {
+    const parsed = parsePureRenderThemeJson(
+      JSON.stringify(DEFAULT_PURE_RENDER_THEME),
+    )
+
+    expect(parsed.name).toBe(DEFAULT_PURE_RENDER_THEME.name)
+    expect(isPureRenderTheme(parsed)).toBe(true)
+  })
+
+  it('rejects JSON that is not a theme', () => {
+    expect(() => parsePureRenderThemeJson('{"name":"Nope"}')).toThrow(
+      /Pure Render theme/,
+    )
+  })
+
+  it('maps safe profile rules into CSS variables', () => {
+    const css = themeToPureRenderTokenCss({
+      ...DEFAULT_PURE_RENDER_THEME,
+      profile_rules: {
+        running_heads: { transform: 'small-caps', rule: 'hairline' },
+        opener: { spacing: 'generous', ornament: 'rule' },
+        ornaments: { kind: 'rule', weight: 'hairline' },
+        table: {
+          rule_weight: 'hairline',
+          header_treatment: 'shaded',
+          density: 'airy',
+        },
+        caption: { label_style: 'small-caps' },
+      },
+    })
+
+    expect(css).toContain('--running-head-transform:uppercase;')
+    expect(css).toContain('--running-head-rule:.5px;')
+    expect(css).toContain('--chapter-opener-padding:28%;')
+    expect(css).toContain('--chapter-ornament-display:block;')
+    expect(css).toContain('--table-rule-width:.5px;')
+    expect(css).toContain('--table-row-rule-width:0;')
+    expect(css).toContain(
+      '--table-header-bg:color-mix(in srgb, var(--accent) 10%, var(--paper));',
+    )
+    expect(css).toContain('--table-cell-padding-y:.46rem;')
+    expect(css).toContain('--caption-label-transform:uppercase;')
+  })
+})

package/src/bridge/pureRender/theme.ts

@@ -0,0 +1,258 @@
+import type { PureRenderTheme } from './types.js'
+
+export const DEFAULT_PURE_RENDER_THEME: PureRenderTheme = {
+  $schema: 'https://pure.science/render-theme/v1',
+  name: 'Default',
+  version: '1.0.0',
+  color: {
+    ink: '#16181D',
+    'ink-soft': '#3C4049',
+    muted: '#71757E',
+    surface: '#FFFFFF',
+    paper: '#FFFFFF',
+    rule: '#C9CBD0',
+    'rule-soft': '#E4E5E9',
+    accent: '#1F39C4',
+    'accent-ink': '#1426C9',
+  },
+  type: {
+    body: '10.6pt',
+    lead: 1.5,
+    measure: '34rem',
+    scaleRatio: 1.333,
+    fonts: {
+      display: '"Archivo", system-ui, sans-serif',
+      serif: '"Source Serif 4", Georgia, serif',
+      sans: '"Archivo", system-ui, sans-serif',
+      mono: '"JetBrains Mono", ui-monospace, monospace',
+    },
+  },
+  rhythm: '15.9pt',
+  page: { trim: 'A4', columns: 1, recto_verso: true },
+  setting: { align: 'justified', hyphenate: true },
+  enforced_rules: [],
+}
+
+export function themeToPureRenderTokenCss(
+  theme: PureRenderTheme = DEFAULT_PURE_RENDER_THEME,
+): string {
+  const paper = theme.color.paper ?? theme.color.surface ?? '#FFFFFF'
+  const display = theme.type.fonts.display ?? theme.type.fonts.sans
+  const ratio = theme.type.scaleRatio || 1.333
+  const body = parsePoint(theme.type.body, 10.6)
+  const cap = roundPoint(body / 1.26)
+  const h3 = roundPoint(body * 1.18)
+  const h2 = roundPoint(h3 * ratio * 0.9)
+  const h1 = roundPoint(h2 * ratio * 1.2)
+  const title = roundPoint(h1 * 1.25)
+  const profileVars = profileRuleCssVariables(theme)
+
+  return `:root{
+  --ink:${theme.color.ink}; --ink-soft:${theme.color['ink-soft']}; --muted:${theme.color.muted}; --paper:${paper};
+  --rule:${theme.color.rule}; --rule-soft:${theme.color['rule-soft']}; --accent:${theme.color.accent}; --accent-ink:${theme.color['accent-ink'] ?? theme.color.accent};
+
+  --body:${theme.type.body}; --lead:${theme.type.lead};
+  --measure:${theme.type.measure};
+  --display:${display};
+  --serif:${theme.type.fonts.serif};
+  --sans:${theme.type.fonts.sans};
+  --mono:${theme.type.fonts.mono};
+
+  --t-cap:${cap}pt; --t-body:${body}pt; --t-h3:${h3}pt; --t-h2:${h2}pt; --t-h1:${h1}pt; --t-title:${title}pt;
+  --rhythm:${theme.rhythm};
+  --theme-text-align:${theme.setting?.align === 'flush-left' ? 'left' : 'justify'};
+  --theme-hyphenate:${theme.setting?.hyphenate === false ? 'manual' : 'auto'};
+  --text-align:var(--theme-text-align);
+  --hyphenate:var(--theme-hyphenate);
+${profileVars}
+}`
+}
+
+export function parsePureRenderThemeJson(text: string): PureRenderTheme {
+  const parsed = JSON.parse(text) as unknown
+  if (!isPureRenderTheme(parsed)) {
+    throw new Error('Theme JSON does not match the Pure Render theme shape')
+  }
+  return parsed
+}
+
+export function isPureRenderTheme(value: unknown): value is PureRenderTheme {
+  if (!value || typeof value !== 'object') return false
+  const theme = value as Partial<PureRenderTheme>
+  return (
+    typeof theme.name === 'string' &&
+    typeof theme.version === 'string' &&
+    Boolean(theme.color) &&
+    typeof theme.color === 'object' &&
+    typeof theme.color.ink === 'string' &&
+    typeof theme.color['ink-soft'] === 'string' &&
+    typeof theme.color.muted === 'string' &&
+    typeof theme.color.rule === 'string' &&
+    typeof theme.color['rule-soft'] === 'string' &&
+    typeof theme.color.accent === 'string' &&
+    Boolean(theme.type) &&
+    typeof theme.type === 'object' &&
+    typeof theme.type.body === 'string' &&
+    typeof theme.type.measure === 'string' &&
+    Boolean(theme.type.fonts) &&
+    typeof theme.type.fonts === 'object' &&
+    typeof theme.type.fonts.serif === 'string' &&
+    typeof theme.type.fonts.sans === 'string' &&
+    typeof theme.type.fonts.mono === 'string' &&
+    typeof theme.rhythm === 'string'
+  )
+}
+
+function parsePoint(value: string, fallback: number): number {
+  const match = /^(\d+(?:\.\d+)?)pt$/.exec(value.trim())
+  return match ? Number.parseFloat(match[1]) : fallback
+}
+
+function roundPoint(value: number): number {
+  return Math.round(value * 10) / 10
+}
+
+function profileRuleCssVariables(theme: PureRenderTheme): string {
+  const rules = theme.profile_rules
+  if (!rules) {
+    return [
+      '  --running-head-transform:uppercase;',
+      '  --running-head-rule:0;',
+      '  --folio-display:initial;',
+      '  --chapter-opener-padding:0;',
+      '  --chapter-ornament-display:none;',
+      '  --chapter-ornament-border:0;',
+      '  --table-rule-width:1px;',
+      '  --table-row-rule-width:.5px;',
+      '  --table-header-bg:transparent;',
+      '  --table-header-ink:var(--ink);',
+      '  --table-header-rule-color:var(--rule);',
+      '  --table-row-rule-color:var(--rule-soft);',
+      '  --table-cell-padding-y:.32rem;',
+      '  --table-cell-padding-x:.6rem;',
+      '  --table-header-transform:uppercase;',
+      '  --table-header-letter-spacing:.04em;',
+      '  --caption-label-weight:700;',
+      '  --caption-label-transform:none;',
+    ].join('\n')
+  }
+
+  const tableRule = ruleWidth(rules.table?.rule_weight)
+  const ornamentWidth = ruleWidth(rules.ornaments?.weight)
+  const density = tableDensity(rules.table?.density)
+  const header = tableHeader(rules.table?.header_treatment)
+  return [
+    `  --running-head-transform:${textTransform(rules.running_heads?.transform)};`,
+    `  --running-head-rule:${rules.running_heads?.rule === 'hairline' ? '.5px' : rules.running_heads?.rule === 'solid' ? '1px' : '0'};`,
+    `  --folio-display:${rules.folio?.position === 'none' ? 'none' : 'initial'};`,
+    `  --chapter-opener-padding:${openerPadding(rules.opener?.spacing)};`,
+    `  --chapter-ornament-display:${rules.opener?.ornament && rules.opener.ornament !== 'none' ? 'block' : rules.ornaments?.kind && rules.ornaments.kind !== 'none' ? 'block' : 'none'};`,
+    `  --chapter-ornament-border:${ornamentWidth};`,
+    `  --table-rule-width:${tableRule};`,
+    `  --table-row-rule-width:${density.rowRuleWidth};`,
+    `  --table-header-bg:${header.bg};`,
+    `  --table-header-ink:${header.ink};`,
+    `  --table-header-rule-color:${header.ruleColor};`,
+    `  --table-row-rule-color:${density.rowRuleColor};`,
+    `  --table-cell-padding-y:${density.paddingY};`,
+    `  --table-cell-padding-x:${density.paddingX};`,
+    `  --table-header-transform:${header.transform};`,
+    `  --table-header-letter-spacing:${header.letterSpacing};`,
+    `  --caption-label-weight:${rules.caption?.label_style === 'plain' ? '400' : '700'};`,
+    `  --caption-label-transform:${rules.caption?.label_style === 'small-caps' ? 'uppercase' : 'none'};`,
+  ].join('\n')
+}
+
+function ruleWidth(value: string | undefined): string {
+  if (value === 'hairline') return '.5px'
+  if (value === 'light') return '1px'
+  if (value === 'medium') return '1.5px'
+  return '1px'
+}
+
+function openerPadding(value: string | undefined): string {
+  if (value === 'compact') return '8%'
+  if (value === 'generous') return '28%'
+  if (value === 'balanced') return '18%'
+  return '0'
+}
+
+function tableDensity(value: string | undefined): {
+  rowRuleWidth: string
+  rowRuleColor: string
+  paddingY: string
+  paddingX: string
+} {
+  if (value === 'airy') {
+    return {
+      rowRuleWidth: '0',
+      rowRuleColor: 'transparent',
+      paddingY: '.46rem',
+      paddingX: '.7rem',
+    }
+  }
+  if (value === 'dense' || value === 'compact') {
+    return {
+      rowRuleWidth: '.5px',
+      rowRuleColor: 'var(--rule-soft)',
+      paddingY: '.24rem',
+      paddingX: '.45rem',
+    }
+  }
+  return {
+    rowRuleWidth: '.5px',
+    rowRuleColor: 'var(--rule-soft)',
+    paddingY: '.32rem',
+    paddingX: '.6rem',
+  }
+}
+
+function tableHeader(value: string | undefined): {
+  bg: string
+  ink: string
+  ruleColor: string
+  transform: string
+  letterSpacing: string
+} {
+  if (value === 'shaded') {
+    return {
+      bg: 'color-mix(in srgb, var(--accent) 10%, var(--paper))',
+      ink: 'var(--ink)',
+      ruleColor: 'var(--accent)',
+      transform: 'none',
+      letterSpacing: '0',
+    }
+  }
+  if (value === 'accent') {
+    return {
+      bg: 'var(--accent)',
+      ink: 'var(--paper)',
+      ruleColor: 'var(--accent)',
+      transform: 'none',
+      letterSpacing: '0',
+    }
+  }
+  if (value === 'plain') {
+    return {
+      bg: 'transparent',
+      ink: 'var(--ink)',
+      ruleColor: 'var(--rule-soft)',
+      transform: 'none',
+      letterSpacing: '0',
+    }
+  }
+  return {
+    bg: 'transparent',
+    ink: 'var(--ink)',
+    ruleColor: 'var(--rule)',
+    transform: 'uppercase',
+    letterSpacing: '.04em',
+  }
+}
+
+function textTransform(value: string | undefined): string {
+  if (value === 'small-caps') return 'uppercase'
+  if (value === 'title-case') return 'none'
+  if (value === 'none') return 'none'
+  return 'uppercase'
+}

package/src/bridge/pureRender/tokens/default.css

@@ -0,0 +1,36 @@
+:root{
+  --ink:#16181D; --ink-soft:#3C4049; --muted:#71757E; --paper:#FFFFFF;
+  --rule:#C9CBD0; --rule-soft:#E4E5E9; --accent:#1F39C4; --accent-ink:#1426C9;
+
+  --body:10.6pt; --lead:1.5;
+  --measure:34rem;
+  --display:"Archivo", system-ui, sans-serif;
+  --serif:"Source Serif 4", Georgia, serif;
+  --sans:"Archivo", system-ui, sans-serif;
+  --mono:"JetBrains Mono", ui-monospace, monospace;
+
+  --t-cap:8.4pt; --t-body:10.6pt; --t-h3:12.5pt; --t-h2:15pt; --t-h1:18pt; --t-title:22.5pt;
+  --rhythm:15.9pt;
+  --theme-text-align:justify;
+  --theme-hyphenate:auto;
+  --text-align:var(--theme-text-align);
+  --hyphenate:var(--theme-hyphenate);
+  --running-head-transform:uppercase;
+  --running-head-rule:0;
+  --folio-display:initial;
+  --chapter-opener-padding:0;
+  --chapter-ornament-display:none;
+  --chapter-ornament-border:0;
+  --table-rule-width:1px;
+  --table-row-rule-width:.5px;
+  --table-header-bg:transparent;
+  --table-header-ink:var(--ink);
+  --table-header-rule-color:var(--rule);
+  --table-row-rule-color:var(--rule-soft);
+  --table-cell-padding-y:.32rem;
+  --table-cell-padding-x:.6rem;
+  --table-header-transform:uppercase;
+  --table-header-letter-spacing:.04em;
+  --caption-label-weight:700;
+  --caption-label-transform:none;
+}

package/src/bridge/pureRender/tokens/default.json

@@ -0,0 +1,32 @@
+{
+  "$schema": "https://design-tokens.github.io/community-group/format/",
+  "name": "Pure Render Default",
+  "version": "1.0.0",
+  "color": {
+    "ink": "#16181D",
+    "ink-soft": "#3C4049",
+    "muted": "#71757E",
+    "paper": "#FFFFFF",
+    "rule": "#C9CBD0",
+    "rule-soft": "#E4E5E9",
+    "accent": "#1F39C4",
+    "accent-ink": "#1426C9"
+  },
+  "type": {
+    "body": "10.6pt",
+    "lead": 1.5,
+    "measure": "34rem",
+    "scaleRatio": 1.333,
+    "fonts": {
+      "display": "\"Archivo\", system-ui, sans-serif",
+      "serif": "\"Source Serif 4\", Georgia, serif",
+      "sans": "\"Archivo\", system-ui, sans-serif",
+      "mono": "\"JetBrains Mono\", ui-monospace, monospace"
+    }
+  },
+  "rhythm": "15.9pt",
+  "setting": {
+    "align": "justified",
+    "hyphenate": true
+  }
+}