27:["$","div",null,{"className":"prose prose-lg prose-invert max-w-none prose-headings:text-white prose-headings:font-bold prose-h2:text-2xl prose-h2:mt-12 prose-h2:mb-6 prose-h3:text-xl prose-h3:mt-8 prose-h3:mb-4 prose-p:text-gray-300 prose-p:leading-relaxed prose-p:mb-6 prose-a:text-lime-400 prose-a:no-underline hover:prose-a:text-lime-300 prose-strong:text-white prose-strong:font-semibold prose-code:text-lime-400 prose-code:bg-gray-800 prose-code:px-2 prose-code:py-1 prose-code:rounded prose-pre:bg-gray-900 prose-pre:border prose-pre:border-gray-700 prose-blockquote:border-l-4 prose-blockquote:border-lime-500 prose-blockquote:bg-gray-900/50 prose-blockquote:p-4 prose-blockquote:rounded-r prose-ul:text-gray-300 prose-ol:text-gray-300 prose-li:mb-2 animate-fade-in-up opacity-0 translate-y-8","style":{"animationDelay":"0.5s"},"children":["$","div",null,{"className":"space-y-12","children":[["$","section","0",{"className":"mb-16","children":["$","div",null,{"className":"bg-lime-500/10 border border-lime-500/20 rounded-xl p-6 mb-8","children":[["$","h3",null,{"className":"text-lime-400 font-semibold mb-4 flex items-center gap-2","children":[["$","span",null,{"className":"w-2 h-2 bg-lime-400 rounded-full"}],"Por que buscar alternativas"]}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Storybook e otimo, mas pode nao ser ideal pra todo projeto. Conhecer alternativas amplia seu repertorio e pode economizar tempo e dinheiro."}]]]}]}],["$","section","1",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"1. Ladle"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Alternativa leve com Vite. Ultrarapido e compativel com format de stories."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: Rapido, Vite nativo"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Sem addons"}]]]}],["$","section","2",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"2. Histoire"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Story tool pra Vue e Svelte com Vite. UI bonita."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: Vue/Svelte, bonito"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Menos React suporte"}]]]}],["$","section","3",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"3. Styleguidist"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Style guide generator pra React. Docs de componentes."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: Docs focused"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Menos features"}]]]}],["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"4. Docusaurus"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Site de documentacao com React. MDX pra componentes."}],["$","p","1",{"className":"text-gray-300 leading-relaxed mb-6","children":"Pontos fortes: Docs completos"}],["$","p","2",{"className":"text-gray-300 leading-relaxed mb-6","children":"Limitacoes: Nao e story tool"}]]]}],["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"5. Bit"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Component development platform. Isolamento e compartilhamento."}],"$L2a","$L2b"]]}],"$L2c","$L2d"]}]}]