synabun 1.3.0 → 2.0.0

package/neural-interface/lib/style-guide/export-tailwind.js

@@ -0,0 +1,102 @@
+// ═══════════════════════════════════════════
+// SynaBun — Style Guide → Tailwind theme
+// ═══════════════════════════════════════════
+//
+// v4: a CSS file with `@theme { --color-*, --font-*, --text-*, --radius-*, --shadow-*,
+// --breakpoint-*, --ease-*, --spacing }` (import it after `@import "tailwindcss"`), plus
+// the other theme's semantic colors in a base layer. v3: a CommonJS module with
+// `theme.extend` (spread it into tailwind.config). Pure and deterministic.
+
+import { normalizeStyleGuide } from './schema.js';
+import { semanticDeclarations, themeScope } from './export-css.js';
+import { fontList, fontStack, px, rem, semanticEntries, themesOf } from './tokens.js';
+
+/** tailwind.css for Tailwind v4. `theme` flattens to one theme, as in exportCss. */
+export function exportTailwindV4(input, { theme = null } = {}) {
+  const config = normalizeStyleGuide(input);
+  const themes = themesOf(config);
+  const single = themes.includes(theme) ? theme : null;
+  const first = single || themes[0];
+  const vars = [];
+  for (const [key, palette] of Object.entries(config.colors.palettes)) {
+    for (const [step, hex] of Object.entries(palette.steps)) vars.push([`--color-${key}-${step}`, hex]);
+  }
+  for (const [key, hex] of Object.entries(config.colors.status)) vars.push([`--color-${key}`, hex]);
+  vars.push(...semanticDeclarations(config, first, { vars: !single }));
+  for (const [key, font] of Object.entries(config.typography.fonts)) if (font) vars.push([`--font-${key}`, fontStack(font)]);
+  for (const [id, style] of Object.entries(config.typography.styles)) {
+    vars.push([`--text-${id}`, rem(style.size)], [`--text-${id}--line-height`, String(style.lineHeight)], [`--text-${id}--font-weight`, String(style.weight)]);
+    if (style.letterSpacing !== 0) vars.push([`--text-${id}--letter-spacing`, `${style.letterSpacing}em`]);
+  }
+  vars.push(['--spacing', rem(config.layout.spacing.base)]);
+  for (const [key, value] of Object.entries(config.shape.radius)) vars.push([`--radius-${key}`, px(value)]);
+  for (const [role, key] of Object.entries(config.shape.radiusRoles)) if (!(role in config.shape.radius)) vars.push([`--radius-${role}`, px(config.shape.radius[key])]);
+  for (const [key, level] of Object.entries(config.shape.elevation)) vars.push([`--shadow-${key}`, level.shadow === 'none' ? '0 0 #0000' : level.shadow]);
+  for (const [key, value] of Object.entries(config.layout.breakpoints)) vars.push([`--breakpoint-${key}`, rem(value)]);
+  for (const [key, value] of Object.entries(config.motion.easings)) vars.push([`--ease-${key}`, value]);
+  const lines = [
+    `/* SynaBun Style Guide rev ${config.revision}: Tailwind v4 theme. Generated, do not edit by hand. */`,
+    '@theme {',
+    ...vars.map(([name, value]) => `  ${name}: ${value};`),
+    '}',
+  ];
+  if (!single) {
+    for (const other of themes.slice(1)) {
+      const scope = themeScope(config, other);
+      const declarations = semanticDeclarations(config, other).map(([name, value]) => `${name}: ${value};`);
+      lines.push('', '@layer base {');
+      if (scope.media) lines.push(`  @media ${scope.media} {`, `    ${scope.selector} {`, ...declarations.map((d) => `      ${d}`), '    }', '  }');
+      else lines.push(`  ${scope.selector} {`, ...declarations.map((d) => `    ${d}`), '  }');
+      lines.push('}');
+    }
+  }
+  return `${lines.join('\n')}\n`;
+}
+
+/** The `theme.extend` object for Tailwind v3. Semantic colors read tokens.css, so the dark theme follows it. */
+export function tailwindV3Theme(input) {
+  const config = normalizeStyleGuide(input);
+  const theme = themesOf(config)[0];
+  const colors = {};
+  for (const [key, palette] of Object.entries(config.colors.palettes)) colors[key] = { ...palette.steps, DEFAULT: palette.steps['500'] };
+  for (const [key, hex] of Object.entries(config.colors.status)) colors[key] = hex;
+  for (const entry of semanticEntries(config, theme)) {
+    if (!entry.value) continue;
+    // `primary` is both a palette and a role: the role becomes the palette's DEFAULT.
+    if (colors[entry.name] && typeof colors[entry.name] === 'object') colors[entry.name].DEFAULT = `var(--color-${entry.name}, ${entry.value})`;
+    else colors[entry.name] = `var(--color-${entry.name}, ${entry.value})`;
+  }
+  const fontFamily = {};
+  for (const [key, font] of Object.entries(config.typography.fonts)) if (font) fontFamily[key] = fontList(font);
+  const fontSize = {};
+  for (const [id, style] of Object.entries(config.typography.styles)) {
+    fontSize[id] = [rem(style.size), { lineHeight: String(style.lineHeight), letterSpacing: style.letterSpacing === 0 ? '0' : `${style.letterSpacing}em`, fontWeight: String(style.weight) }];
+  }
+  const mapPx = (map) => Object.fromEntries(Object.entries(map).map(([key, value]) => [key, px(value)]));
+  const borderRadius = mapPx(config.shape.radius);
+  for (const [role, key] of Object.entries(config.shape.radiusRoles)) if (!(role in borderRadius)) borderRadius[role] = px(config.shape.radius[key]);
+  return {
+    colors,
+    fontFamily,
+    fontSize,
+    spacing: mapPx(config.layout.spacing.scale),
+    borderRadius,
+    borderWidth: mapPx(config.shape.borders),
+    boxShadow: Object.fromEntries(Object.entries(config.shape.elevation).map(([key, level]) => [key, level.shadow])),
+    screens: mapPx(config.layout.breakpoints),
+    zIndex: Object.fromEntries(Object.entries(config.layout.zIndex).map(([key, value]) => [key, String(value)])),
+    transitionTimingFunction: { ...config.motion.easings },
+    transitionDuration: Object.fromEntries(Object.entries(config.motion.durations).map(([key, value]) => [key, `${value}ms`])),
+  };
+}
+
+/** tailwind.tokens.cjs for Tailwind v3. */
+export function exportTailwindV3(input) {
+  const config = normalizeStyleGuide(input);
+  return [
+    `/* SynaBun Style Guide rev ${config.revision}: Tailwind v3 theme. Generated, do not edit by hand. */`,
+    '/* tailwind.config.js: const tokens = require("./.synabun/style-guide/tailwind.tokens.cjs"); module.exports = { theme: { extend: tokens.theme.extend } } */',
+    `module.exports = ${JSON.stringify({ theme: { extend: tailwindV3Theme(config) } }, null, 2)};`,
+    '',
+  ].join('\n');
+}

package/neural-interface/lib/style-guide/fonts.json

@@ -0,0 +1,227 @@
+[
+  {"family":"Abril Fatface","category":"display","weights":[400]},
+  {"family":"Afacad","category":"sans-serif","weights":[400,500,600,700]},
+  {"family":"Albert Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Alegreya","category":"serif","weights":[400,500,600,700,800,900]},
+  {"family":"Alegreya Sans","category":"sans-serif","weights":[100,300,400,500,700,800,900]},
+  {"family":"Aleo","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Alfa Slab One","category":"display","weights":[400]},
+  {"family":"Almarai","category":"sans-serif","weights":[300,400,700,800]},
+  {"family":"Amatic SC","category":"handwriting","weights":[400,700]},
+  {"family":"Anonymous Pro","category":"monospace","weights":[400,700]},
+  {"family":"Anton","category":"display","weights":[400]},
+  {"family":"Architects Daughter","category":"handwriting","weights":[400]},
+  {"family":"Archivo","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Archivo Black","category":"display","weights":[400]},
+  {"family":"Archivo Narrow","category":"sans-serif","weights":[400,500,600,700]},
+  {"family":"Arvo","category":"serif","weights":[400,700]},
+  {"family":"Asap","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Asap Condensed","category":"sans-serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Assistant","category":"sans-serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Atkinson Hyperlegible","category":"sans-serif","weights":[400,700]},
+  {"family":"Audiowide","category":"display","weights":[400]},
+  {"family":"Azeret Mono","category":"monospace","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Baloo 2","category":"display","weights":[400,500,600,700,800]},
+  {"family":"Barlow","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Barlow Condensed","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Barlow Semi Condensed","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Be Vietnam Pro","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Bebas Neue","category":"display","weights":[400]},
+  {"family":"Big Shoulders Display","category":"display","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Bitter","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Bodoni Moda","category":"serif","weights":[400,500,600,700,800,900]},
+  {"family":"Bricolage Grotesque","category":"sans-serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Brygada 1918","category":"serif","weights":[400,500,600,700]},
+  {"family":"Bungee","category":"display","weights":[400]},
+  {"family":"Cabin","category":"sans-serif","weights":[400,500,600,700]},
+  {"family":"Cairo","category":"sans-serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Cardo","category":"serif","weights":[400,700]},
+  {"family":"Catamaran","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Caveat","category":"handwriting","weights":[400,500,600,700]},
+  {"family":"Chakra Petch","category":"display","weights":[300,400,500,600,700]},
+  {"family":"Chivo","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Climate Crisis","category":"display","weights":[400]},
+  {"family":"Comfortaa","category":"display","weights":[300,400,500,600,700]},
+  {"family":"Commissioner","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Cormorant","category":"serif","weights":[300,400,500,600,700]},
+  {"family":"Cormorant Garamond","category":"serif","weights":[300,400,500,600,700]},
+  {"family":"Courier Prime","category":"monospace","weights":[400,700]},
+  {"family":"Cousine","category":"monospace","weights":[400,700]},
+  {"family":"Crimson Pro","category":"serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Crimson Text","category":"serif","weights":[400,600,700]},
+  {"family":"Dancing Script","category":"handwriting","weights":[400,500,600,700]},
+  {"family":"Dela Gothic One","category":"display","weights":[400]},
+  {"family":"DM Mono","category":"monospace","weights":[300,400,500]},
+  {"family":"DM Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"DM Serif Display","category":"serif","weights":[400]},
+  {"family":"DM Serif Text","category":"serif","weights":[400]},
+  {"family":"Domine","category":"serif","weights":[400,500,600,700]},
+  {"family":"Dosis","category":"sans-serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"EB Garamond","category":"serif","weights":[400,500,600,700,800]},
+  {"family":"Encode Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Epilogue","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Exo 2","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Familjen Grotesk","category":"sans-serif","weights":[400,500,600,700]},
+  {"family":"Faustina","category":"serif","weights":[300,400,500,600,700,800]},
+  {"family":"Figtree","category":"sans-serif","weights":[300,400,500,600,700,800,900]},
+  {"family":"Fira Code","category":"monospace","weights":[300,400,500,600,700]},
+  {"family":"Fira Mono","category":"monospace","weights":[400,500,700]},
+  {"family":"Fira Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Fira Sans Condensed","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Frank Ruhl Libre","category":"serif","weights":[300,400,500,600,700,800,900]},
+  {"family":"Fraunces","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Fredoka","category":"display","weights":[300,400,500,600,700]},
+  {"family":"Funnel Display","category":"sans-serif","weights":[300,400,500,600,700,800]},
+  {"family":"Geist","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Geist Mono","category":"monospace","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Gelasio","category":"serif","weights":[400,500,600,700]},
+  {"family":"Gloock","category":"serif","weights":[400]},
+  {"family":"Gloria Hallelujah","category":"handwriting","weights":[400]},
+  {"family":"Golos Text","category":"sans-serif","weights":[400,500,600,700,800,900]},
+  {"family":"Gothic A1","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Great Vibes","category":"handwriting","weights":[400]},
+  {"family":"Hanken Grotesk","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Heebo","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Hind","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Host Grotesk","category":"sans-serif","weights":[300,400,500,600,700,800]},
+  {"family":"IBM Plex Mono","category":"monospace","weights":[100,200,300,400,500,600,700]},
+  {"family":"IBM Plex Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700]},
+  {"family":"IBM Plex Serif","category":"serif","weights":[100,200,300,400,500,600,700]},
+  {"family":"Inconsolata","category":"monospace","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Indie Flower","category":"handwriting","weights":[400]},
+  {"family":"Instrument Sans","category":"sans-serif","weights":[400,500,600,700]},
+  {"family":"Instrument Serif","category":"serif","weights":[400]},
+  {"family":"Inter","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Inter Tight","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"JetBrains Mono","category":"monospace","weights":[100,200,300,400,500,600,700,800]},
+  {"family":"Josefin Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700]},
+  {"family":"Josefin Slab","category":"serif","weights":[100,200,300,400,500,600,700]},
+  {"family":"Jost","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Kalam","category":"handwriting","weights":[300,400,700]},
+  {"family":"Kanit","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Karla","category":"sans-serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Kumbh Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Lato","category":"sans-serif","weights":[100,300,400,700,900]},
+  {"family":"Lexend","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Libre Baskerville","category":"serif","weights":[400,700]},
+  {"family":"Libre Caslon Text","category":"serif","weights":[400,700]},
+  {"family":"Libre Franklin","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Lilita One","category":"display","weights":[400]},
+  {"family":"Literata","category":"serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Lobster","category":"display","weights":[400]},
+  {"family":"Lora","category":"serif","weights":[400,500,600,700]},
+  {"family":"Lusitana","category":"serif","weights":[400,700]},
+  {"family":"M PLUS Rounded 1c","category":"sans-serif","weights":[100,300,400,500,700,800,900]},
+  {"family":"Manrope","category":"sans-serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Marcellus","category":"serif","weights":[400]},
+  {"family":"Martian Mono","category":"monospace","weights":[100,200,300,400,500,600,700,800]},
+  {"family":"Maven Pro","category":"sans-serif","weights":[400,500,600,700,800,900]},
+  {"family":"Merriweather","category":"serif","weights":[300,400,700,900]},
+  {"family":"Montserrat","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Mukta","category":"sans-serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Mulish","category":"sans-serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Nanum Gothic","category":"sans-serif","weights":[400,700,800]},
+  {"family":"Newsreader","category":"serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Noto Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Sans Arabic","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Sans Display","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Sans JP","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Sans KR","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Sans Mono","category":"monospace","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Sans SC","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Sans TC","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Serif","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Serif Display","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Noto Serif JP","category":"serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Nunito","category":"sans-serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Nunito Sans","category":"sans-serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Old Standard TT","category":"serif","weights":[400,700]},
+  {"family":"Onest","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Open Sans","category":"sans-serif","weights":[300,400,500,600,700,800]},
+  {"family":"Orbitron","category":"display","weights":[400,500,600,700,800,900]},
+  {"family":"Oswald","category":"sans-serif","weights":[200,300,400,500,600,700]},
+  {"family":"Outfit","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Overpass","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Overpass Mono","category":"monospace","weights":[300,400,500,600,700]},
+  {"family":"Oxygen","category":"sans-serif","weights":[300,400,700]},
+  {"family":"Pacifico","category":"handwriting","weights":[400]},
+  {"family":"Parkinsans","category":"sans-serif","weights":[300,400,500,600,700,800]},
+  {"family":"Passion One","category":"display","weights":[400,700,900]},
+  {"family":"Patrick Hand","category":"handwriting","weights":[400]},
+  {"family":"Patua One","category":"display","weights":[400]},
+  {"family":"Paytone One","category":"display","weights":[400]},
+  {"family":"Permanent Marker","category":"handwriting","weights":[400]},
+  {"family":"Petrona","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Playfair","category":"serif","weights":[300,400,500,600,700,800,900]},
+  {"family":"Playfair Display","category":"serif","weights":[400,500,600,700,800,900]},
+  {"family":"Plus Jakarta Sans","category":"sans-serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Poppins","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Press Start 2P","category":"display","weights":[400]},
+  {"family":"Prompt","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"PT Sans","category":"sans-serif","weights":[400,700]},
+  {"family":"PT Serif","category":"serif","weights":[400,700]},
+  {"family":"Public Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Questrial","category":"sans-serif","weights":[400]},
+  {"family":"Quicksand","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Radio Canada","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Rajdhani","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Raleway","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Readex Pro","category":"sans-serif","weights":[200,300,400,500,600,700]},
+  {"family":"Red Hat Display","category":"sans-serif","weights":[300,400,500,600,700,800,900]},
+  {"family":"Red Hat Mono","category":"monospace","weights":[300,400,500,600,700]},
+  {"family":"Red Hat Text","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Reddit Sans","category":"sans-serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Righteous","category":"display","weights":[400]},
+  {"family":"Roboto","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Roboto Condensed","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Roboto Flex","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Roboto Mono","category":"monospace","weights":[100,200,300,400,500,600,700]},
+  {"family":"Roboto Serif","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Roboto Slab","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Rokkitt","category":"serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Rubik","category":"sans-serif","weights":[300,400,500,600,700,800,900]},
+  {"family":"Rubik Mono One","category":"display","weights":[400]},
+  {"family":"Russo One","category":"display","weights":[400]},
+  {"family":"Sacramento","category":"handwriting","weights":[400]},
+  {"family":"Saira","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Saira Condensed","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Sarabun","category":"sans-serif","weights":[100,200,300,400,500,600,700,800]},
+  {"family":"Satisfy","category":"handwriting","weights":[400]},
+  {"family":"Schibsted Grotesk","category":"sans-serif","weights":[400,500,600,700,800,900]},
+  {"family":"Sen","category":"sans-serif","weights":[400,500,600,700,800]},
+  {"family":"Shadows Into Light","category":"handwriting","weights":[400]},
+  {"family":"Share Tech Mono","category":"monospace","weights":[400]},
+  {"family":"Signika","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Slabo 27px","category":"serif","weights":[400]},
+  {"family":"Sofia Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Sometype Mono","category":"monospace","weights":[400,500,600,700]},
+  {"family":"Sora","category":"sans-serif","weights":[100,200,300,400,500,600,700,800]},
+  {"family":"Source Code Pro","category":"monospace","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Source Sans 3","category":"sans-serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Source Serif 4","category":"serif","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Space Grotesk","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Space Mono","category":"monospace","weights":[400,700]},
+  {"family":"Spectral","category":"serif","weights":[200,300,400,500,600,700,800]},
+  {"family":"Spline Sans","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Staatliches","category":"display","weights":[400]},
+  {"family":"Syne","category":"sans-serif","weights":[400,500,600,700,800]},
+  {"family":"Tajawal","category":"sans-serif","weights":[200,300,400,500,700,800,900]},
+  {"family":"Teko","category":"sans-serif","weights":[300,400,500,600,700]},
+  {"family":"Titan One","category":"display","weights":[400]},
+  {"family":"Titillium Web","category":"sans-serif","weights":[200,300,400,600,700,900]},
+  {"family":"Ubuntu","category":"sans-serif","weights":[300,400,500,700]},
+  {"family":"Ubuntu Mono","category":"monospace","weights":[400,700]},
+  {"family":"Unbounded","category":"display","weights":[200,300,400,500,600,700,800,900]},
+  {"family":"Urbanist","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Varela Round","category":"sans-serif","weights":[400]},
+  {"family":"Vollkorn","category":"serif","weights":[400,500,600,700,800,900]},
+  {"family":"VT323","category":"monospace","weights":[400]},
+  {"family":"Wix Madefor Display","category":"sans-serif","weights":[400,500,600,700,800]},
+  {"family":"Wix Madefor Text","category":"sans-serif","weights":[400,500,600,700,800]},
+  {"family":"Work Sans","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Yantramanav","category":"sans-serif","weights":[100,300,400,500,700,900]},
+  {"family":"Young Serif","category":"serif","weights":[400]},
+  {"family":"Ysabeau","category":"sans-serif","weights":[100,200,300,400,500,600,700,800,900]},
+  {"family":"Zen Kaku Gothic New","category":"sans-serif","weights":[300,400,500,700,900]},
+  {"family":"Zilla Slab","category":"serif","weights":[300,400,500,600,700]}
+]