2a:["$","span",null,{"children":"⚠️"}] 2b:["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"A API ainda está instável e sujeita a mudanças e bugs. Funciona apenas em builds com\n dependências específicas do SDK e Xcode novos."}]]}] 2c:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Como ativar tabs nativos em um projeto novo"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Use o comando npx create-expo-app@latest e escolha template default. Se\n o SDK está em beta, inclua --add-next . Confirme as versões e instale expo-router na versão 6 ou inferior manualmente, além de\n react-native-screens. Confira e ajuste seu package.json antes de seguir."}]]]}] 2d:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Importando tabs nativos: o corte do JavaScript"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Troque o import tradicional ( expo-router/tabs ) por expo-router/native-tabs/unstable . Esse prefixo evidencia que a API pode\n mudar antes de ser considerada estável."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-blue-500/10 border-blue-500/20 text-blue-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-blue-400","children":[["$","span",null,{"children":"ℹ️"}],"Info"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Qualquer dúvida ou problema: consulte a documentação do Expo Router, especialmente\n para diferenciar ícones entre iOS e Android."}]]}]]}]]]}] 2e:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Montando seus tabs nativos"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Substitua o componente padrão por . Cada tab recebe\n triggers nomeados conforme as rotas, além do label e ícones nativos de cada sistema: San\n Francisco icons para iOS; drawable Android para Android."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Icons do iOS não funcionam no Android e vice-versa! Consulte links de referência para\n ver ícones disponíveis nativamente."}]]}]]}]]]}] 2f:["$","section","7",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Efeitos prontos para brilhar: Liquid Glass (iOS 26+)"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Se o app é compilado com Xcode 26+, usuários verão o novo efeito Liquid Glass nos tabs\n do iOS. O background dos tabs se adapta ao conteúdo e modo escuro automatico; só quem\n tem iOS 26+ verá a experiência completa. Outras versões seguem com o look default do\n sistema."}]]]}] 30:["$","section","8",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Comportamentos nativos: mais que pixels"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"No Android, um long press no tab exibe o nome da screen em pop-up, igual apps nativo