here’s the ready-to-drop DEFAULT_FONTS array for your FontPicker.tsx. It’s grouped by category so your category filter (Sans, Serif, Slab, Display, Script) works smoothly. This list = ~60 fonts.

✨ Full DEFAULT_FONTS (~60 options)
const DEFAULT_FONTS: FontOption[] = [
  // --- Sans Serif (20) ---
  { label: "Inter", family: '"Inter", sans-serif', group: "Sans" },
  { label: "Manrope", family: '"Manrope", sans-serif', group: "Sans" },
  { label: "Montserrat", family: '"Montserrat", sans-serif', group: "Sans" },
  { label: "Poppins", family: '"Poppins", sans-serif', group: "Sans" },
  { label: "Roboto", family: '"Roboto", sans-serif', group: "Sans" },
  { label: "Open Sans", family: '"Open Sans", sans-serif', group: "Sans" },
  { label: "Lato", family: '"Lato", sans-serif', group: "Sans" },
  { label: "Work Sans", family: '"Work Sans", sans-serif', group: "Sans" },
  { label: "Nunito", family: '"Nunito", sans-serif', group: "Sans" },
  { label: "Raleway", family: '"Raleway", sans-serif', group: "Sans" },
  { label: "Rubik", family: '"Rubik", sans-serif', group: "Sans" },
  { label: "Barlow", family: '"Barlow", sans-serif', group: "Sans" },
  { label: "Heebo", family: '"Heebo", sans-serif', group: "Sans" },
  { label: "Archivo", family: '"Archivo", sans-serif', group: "Sans" },
  { label: "Catamaran", family: '"Catamaran", sans-serif', group: "Sans" },
  { label: "Lexend", family: '"Lexend", sans-serif', group: "Sans" },
  { label: "Titillium Web", family: '"Titillium Web", sans-serif', group: "Sans" },
  { label: "Chivo", family: '"Chivo", sans-serif', group: "Sans" },
  { label: "Overpass", family: '"Overpass", sans-serif', group: "Sans" },
  { label: "Ubuntu", family: '"Ubuntu", sans-serif', group: "Sans" },

  // --- Serif (10) ---
  { label: "Playfair Display", family: '"Playfair Display", serif', group: "Serif" },
  { label: "Merriweather", family: '"Merriweather", serif', group: "Serif" },
  { label: "Cormorant Garamond", family: '"Cormorant Garamond", serif', group: "Serif" },
  { label: "PT Serif", family: '"PT Serif", serif', group: "Serif" },
  { label: "Domine", family: '"Domine", serif', group: "Serif" },
  { label: "Zilla Slab", family: '"Zilla Slab", serif', group: "Serif" },
  { label: "Crimson Text", family: '"Crimson Text", serif', group: "Serif" },
  { label: "Lora", family: '"Lora", serif', group: "Serif" },
  { label: "Spectral", family: '"Spectral", serif', group: "Serif" },
  { label: "Vollkorn", family: '"Vollkorn", serif', group: "Serif" },

  // --- Slab Serif (5) ---
  { label: "Arvo", family: '"Arvo", serif', group: "Slab" },
  { label: "Roboto Slab", family: '"Roboto Slab", serif', group: "Slab" },
  { label: "Noto Serif Display", family: '"Noto Serif Display", serif', group: "Slab" },
  { label: "Alegreya", family: '"Alegreya", serif', group: "Slab" },
  { label: "Tinos", family: '"Tinos", serif', group: "Slab" },

  // --- Display / Tech / Condensed (10) ---
  { label: "Bebas Neue", family: '"Bebas Neue", sans-serif', group: "Display" },
  { label: "Oswald", family: '"Oswald", sans-serif', group: "Display" },
  { label: "Orbitron", family: '"Orbitron", sans-serif', group: "Display" },
  { label: "Varela Round", family: '"Varela Round", sans-serif', group: "Display" },
  { label: "Play", family: '"Play", sans-serif', group: "Display" },
  { label: "Exo 2", family: '"Exo 2", sans-serif', group: "Display" },
  { label: "Righteous", family: '"Righteous", cursive', group: "Display" },
  { label: "Anton", family: '"Anton", sans-serif', group: "Display" },
  { label: "Fjalla One", family: '"Fjalla One", sans-serif', group: "Display" },
  { label: "Bungee", family: '"Bungee", cursive', group: "Display" },

  // --- Script / Handwriting (10) ---
  { label: "Pacifico", family: '"Pacifico", cursive', group: "Script" },
  { label: "Dancing Script", family: '"Dancing Script", cursive', group: "Script" },
  { label: "Great Vibes", family: '"Great Vibes", cursive', group: "Script" },
  { label: "Permanent Marker", family: '"Permanent Marker", cursive', group: "Script" },
  { label: "Amatic SC", family: '"Amatic SC", cursive', group: "Script" },
  { label: "Sacramento", family: '"Sacramento", cursive', group: "Script" },
  { label: "Indie Flower", family: '"Indie Flower", cursive', group: "Script" },
  { label: "Shadows Into Light", family: '"Shadows Into Light", cursive', group: "Script" },
  { label: "Courgette", family: '"Courgette", cursive', group: "Script" },
  { label: "Kaushan Script", family: '"Kaushan Script", cursive', group: "Script" },
];


⚡ Drop this into your FontPicker.tsx and you’ll instantly have a Pro kit of ~60 fonts neatly organized. The search and category filter keep it usable even with a big list.