Jakubantalik/thinking-orbs ? reverse-engineered prompt

Build me a small React component library called Thinking Orbs for AI and chat apps.

I want a polished loading indicator made of dotted animated orb states, with nine different moods like working, searching, solving, listening, connecting, weaving, composing, breathing, and shaping. Each state should have two carefully tuned sizes, one for chat avatar use and one for inline text use, and it should look good in both light and dark modes without me having to manage that manually.

Please make it feel production ready, accessible, and lightweight. It should work smoothly in modern browsers, respect reduced motion, pause when offscreen or when the tab is hidden, and expose a simple component API so I can drop it into a status message like an AI agent thinking or searching. Include a simple demo page that shows all the states and sizes, and make sure the default labels and theme handling feel sensible out of the box. If you need to check current docs online while building it, go ahead.