https://www.growthconf.com.br/assets/Vitrine-D_7I02Pj.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/VitrineDoAssistir-DDcnVKOh.js","assets/react-daO8XSXc.js","assets/Button-8-UveMcL.js","assets/basicos-CJBwiWJx.js","assets/index-B58ZFblL.js","assets/supabase-CWGMQrOR.js","assets/framer-CJI0BPWU.js","assets/lucide-DgiROqw5.js","assets/index-DKKp1Su_.css","assets/Escolhas-BH21sbXZ.js","assets/index-Bx8Owg57.js","assets/index-BSdpKbQ6.js","assets/index-Be0SzB96.js","assets/EmptyState-DyDBtv_o.js","assets/AutorDaMensagem-P2wi7Pkm.js","assets/aoVivo.pt-n7LDFWH-.js","assets/Avatar-MiXW_CSz.js","assets/iniciais-brqoj07o.js","assets/UserIcon-CXi3wo9O.js","assets/CheckBadgeIcon-CAnmg9ho.js","assets/Comentario-B-3557nA.js","assets/formatosDoAssistir-DMtKHOyc.js","assets/contagem-DU2ULy9R.js","assets/Skeleton-DB-ilhXe.js","assets/MenuDeAcoes-rMG9Gjg3.js","assets/DropdownMenu-54rCGvm0.js","assets/index-BkA-a7YQ.js","assets/XMarkIcon-BbNpXEGa.js","assets/index-C2a1wRcO.js","assets/CaixaDoChat-DqX6SCt_.js","assets/useMenosMovimento-QKuRP1q4.js","assets/Input-BWXNKslz.js","assets/ChevronDownIcon-C1xiHESR.js","assets/traducaoService-DuRCLS-G.js","assets/CardDeRanking-D9risSjb.js","assets/BarraDeProgresso-CFMNbttH.js","assets/evento-_qg0cpiw.js","assets/ChipAoVivo-BR9xFV77.js","assets/estilos-DgSpzT3f.js","assets/ArrowTopRightOnSquareIcon-BzmiEPyI.js","assets/PlayCircleIcon-f-RZr5YV.js","assets/ChevronLeftIcon-B0VLUa4f.js","assets/ChevronRightIcon-CD0fb681.js","assets/CardDeConteudo-DM1Ku_Hg.js","assets/Capa-B-c4iIgH.js","assets/LockClosedIcon-DWPW8gUs.js","assets/CardDeColecao-DyxJ9F55.js","assets/CirculoDeExpert-BJo28qcq.js","assets/LogoDaEmpresa-DSr9CmB1.js","assets/LinhaDeConteudo-CAifVGDN.js","assets/modalidades-CUNE9lCl.js","assets/Trilho--rViPMJh.js","assets/carregarExemplo-BcwMFVMO.js"])))=>i.map(i=>d[i]);
2import{_ as ce}from"./index-B58ZFblL.js";import{r,j as e}from"./react-daO8XSXc.js";import{c as me,b as R,F as O,a as xe,S as pe,g as he,d as ue,e as je,f as ge,h as ve}from"./Sheet-CJ3CiLx2.js";import{B as s,S as k}from"./Button-8-UveMcL.js";import{S as n}from"./Skeleton-DB-ilhXe.js";import{E as fe}from"./EmptyState-DyDBtv_o.js";import{E as P}from"./ErrorState-Tx5UOScO.js";import{A as h,b as u,a as be}from"./Avatar-MiXW_CSz.js";import{i as j}from"./iniciais-brqoj07o.js";import{c as Ne,T as B,a as D,b as q}from"./Tooltip-BJXazUhA.js";import{D as Ce,a as Se,b as we,d as Fe,e as L,c as V}from"./DropdownMenu-54rCGvm0.js";import{P as Ae,a as Ee,b as ze}from"./Popover-Cti4UvI4.js";import{F as p}from"./Field-3GimFoRS.js";import{I as N,S as Te,T as ye}from"./Input-BWXNKslz.js";import{C as I,S as Re,R as Oe,b as C,c as M}from"./Escolhas-BH21sbXZ.js";import{B as l,S as ke,K as S,C as w,a as $}from"./Exibicao-BET41dMP.js";import{C as Pe}from"./CabecalhoPagina-a9wl2lov.js";import{B as Be}from"./BarraBusca-CxMpyGcu.js";import{A as De,a as F}from"./Abas-D4RI4lFL.js";import{T as qe}from"./Tabela-Dfi3hwuq.js";import{a as A,I as E}from"./Lista-Cxzg40st.js";import{C as Le}from"./CampoImagem-DywrfTeF.js";import{F as Ve,g as Ie,a as Me,b as $e,c as _e,e as Ge,d as Qe,f as He,h as _}from"./Ficha-MR5k4piD.js";import{F as g}from"./PlusIcon-zJtdUFLc.js";import{F as G}from"./ArrowTopRightOnSquareIcon-BzmiEPyI.js";import{F as Ke}from"./TrashIcon-CSgk2SLQ.js";import{F as Q}from"./PencilSquareIcon-jb5Kgmig.js";import{F as Ue}from"./ArrowRightStartOnRectangleIcon-BmkDGY_n.js";import{F as Xe}from"./UserGroupIcon-B_8Krvo_.js";import"./supabase-CWGMQrOR.js";import"./framer-CJI0BPWU.js";import"./lucide-DgiROqw5.js";import"./Dialog-pcGZL7JV.js";import"./index-Bx8Owg57.js";import"./index-BkA-a7YQ.js";import"./XMarkIcon-BbNpXEGa.js";import"./basicos-CJBwiWJx.js";import"./ExclamationTriangleIcon-CYNpIWW5.js";import"./index-C2a1wRcO.js";import"./index-BSdpKbQ6.js";import"./index-Be0SzB96.js";import"./ChevronDownIcon-C1xiHESR.js";import"./MagnifyingGlassIcon-DG_h4ytF.js";import"./index-BHRwxiTO.js";import"./ChevronRightIcon-CD0fb681.js";import"./PhotoIcon-DseYEjsp.js";import"./ArrowUpTrayIcon-DfXeXRJ4.js";function Je({title:t,titleId:d,...m},x){return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true","data-slot":"icon",ref:x,"aria-labelledby":d},m),t?r.createElement("title",{id:d},t):null,r.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"}))}const We=r.forwardRef(Je),Ye=r.lazy(()=>ce(()=>import("./VitrineDoAssistir-DDcnVKOh.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52]))),Ze=[{nome:"painel-fundo",classe:"bg-painel-fundo",hex:"#0A0B0E",uso:"fundo da página"}

2,{nome:"painel-lateral",classe:"bg-painel-lateral",hex:"#0D0F13",uso:"barra lateral, gaveta"},{nome:"painel-superficie",classe:"bg-painel-superficie",hex:"#121419",uso:"cards"},{nome:"painel-elevada",classe:"bg-painel-elevada",hex:"#181B21",uso:"campos, menus, hover"},{nome:"painel-borda",classe:"bg-painel-borda",hex:"#23262E",uso:"bordas"},{nome:"painel-borda-forte",classe:"bg-painel-borda-forte",hex:"#31353F",uso:"bordas em destaque"},{nome:"painel-texto",classe:"bg-painel-texto",hex:"#F2F4F8",uso:"texto principal"},{nome:"painel-texto-2",classe:"bg-painel-texto-2",hex:"#A7ADB9",uso:"texto de apoio"},{nome:"painel-texto-3",classe:"bg-painel-texto-3",hex:"#7C8391",uso:"rótulos, dicas"},{nome:"marca-vermelho",classe:"bg-marca-vermelho",hex:"#FF0022",uso:"ação principal, item ativo"},{nome:"marca-vermelho-claro",classe:"bg-marca-vermelho-claro",hex:"#FF6B7F",uso:"texto de erro"},{nome:"marca-vermelho-escuro",classe:"bg-marca-vermelho-escuro",hex:"#C4001E",uso:"botão pressionado"},{nome:"marca-azul",classe:"bg-marca-azul",hex:"#1B46EF",uso:"destaque, seleção"},{nome:"marca-azul-claro",classe:"bg-marca-azul-claro",hex:"#6FA0FF",uso:"foco, links"},{nome:"marca-azul-escuro",classe:"bg-marca-azul-escuro",hex:"#2242D4",uso:"fundo de avatar"},{nome:"painel-sucesso",classe:"bg-painel-sucesso",hex:"#34D399",uso:"deu certo"},{nome:"painel-aviso",classe:"bg-painel-aviso",hex:"#FBBF24",uso:"atenção"}],z=[{id:"ana",nome:"Ana Souza",cargo:"CMO",empresa:"Acme",trilha:"Estratégia"},{id:"bruno",nome:"Bruno Lima",cargo:"CTO",empresa:"Dados & Cia",trilha:"Tecnologia"},{id:"carla",nome:"Carla Dias",cargo:"Head de Growth",empresa:"Vento",trilha:"Operações"}];function i({id:t,titulo:d,descricao:m,children:x}){return e.jsxs("section",{"aria-labelledby":t,className:"border-t border-painel-borda py-10 first:border-t-0",children:[e.jsx("h2",{id:t,className:"text-lg font-semibold tracking-tight text-painel-texto",children:d}),m&&e.jsx("p",{className:"mt-1 max-w-2xl text-sm text-painel-texto-2",children:m}),e.jsx("div",{className:"mt-6",children:x})]})}function o({children:t}){return e.jsx("p",{className:"mb-3 text-[11px] font-semibold uppercase tracking-[0.14em] text-painel-texto-3",children:t})}const Ka=()=>{const[t,d]=r.useState(!1),[m,x]=r.useState("Ana Souza"),[v,H]=r.useState(""),[K,U]=r.useState(!0),[X,J]=r.useState(!1),[W,Y]=r.useState("estrategia"),[f,b]=r.useState("todos"),[T,Z]=r.useState(""),[ee,ae]=r.useState({coluna:"nome",direcao:"asc"}),[y,se]=r.useState([]),[oe,re]=r.useState(1),[ie,te]=r.useState("ana"),[le,ne]=r.useState(""),de=()=>{d(!0),window.setTimeout(()=>d(!1),1600)};return e.jsxs(Ne,{children:[e.jsx("title",{children:"Vitrine de componentes · Painel Growth Conference"}),e.jsxs("div",{className:"relative min-h-dvh text-painel-texto",children:[e.jsx(me,{}),e.jsxs("main",{className:"relative z-10 mx-auto max-w-6xl px-4 pb-24 pt-10 sm:px-8 md:pt-14",children:[e.jsxs("header",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[e.jsxs("div",{children:[e.jsxs("p",{className:"text-[13px] text-painel-texto-3",children:["Sistema do painel ",e.jsx("span",{"aria-hidden":!0,children:"/"})," ",e.jsx("span",{className:"font-medium text-painel-texto",children:"Vitrine de componentes"})]}),e.jsx("h1",{className:"mt-1 text-[26px] font-semibold tracking-tight text-painel-texto",children:"Vitrine de componentes"}),e.jsx("p",{className:"mt-1 max-w-xl text-[13px] text-painel-texto-2",children:"Tudo o que a casca e as telas do painel usam. Os textos são de exemplo."})]}),e.jsxs(s,{onClick:de,loading:t,children:[e.jsx(g,{"aria-hidden":!0}),t?"Salvando…":"Novo palestrante"]})]}),e.jsxs("div",{className:"mt-10",children:[e.jsx(i,{id:"cores",titulo:"Cores",descricao:"Os tokens do painel. Código do painel não escreve cor à mão: usa um destes nomes (ex.: bg-painel-superficie, text-marca-azul-claro).",children:e.jsx("ul",{className:"grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-4",children:Ze.map(a=>e.jsxs("li",{className:"overflow-hidden rounded-lg border border-painel-borda bg-painel-superficie",children:[e.jsx("div",{className:`h-14 ${a.classe} border-b border-painel-borda`}),e.jsxs("div",{className:"p-3",children:[e.jsx("p",{className:"font-mono text-xs text-painel-texto",children:a.nome}),e.jsx("p",{className:"mt-0.5 font-mono text-[11px] text-painel-texto-3",children:a.hex}),e.jsx("p",{className:"mt-1 text-xs text-painel-texto-2",children:a.uso})]})]},a.nome))})}),e.jsxs(i,{id:"degrade",titulo:"Seleção e destaque",descricao:"No dia a dia, o que está aberto é marcado por fundo um degrau acima e borda azul de 1 px. O degradê da marca (azul → azul claro → vermelho claro → vermelho, sem passar pelo roxo) fica para peça de marca — uma faixa fina, uma abertura —, não para vestir a interface.",children:[e.jsx("div",{className:"painel-degrade h-1.5 rounded-full"}),e.jsxs("div",{className:"mt-6 grid gap-4 sm:grid-cols-2",children:[e.jsxs("div",{children:[e.jsx(o,{children:"Linha normal"}),e.jsx(A,{rotulo:"Exemplo de linha normal",children:e.jsx(E,{titulo:"Nome da pessoa",meta:"Cargo · Empresa",etiqueta:e.jsx(l,{children:"Estratégia"}),aoAbrir:()=>{}})})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Linha aberta"}),e.jsx(A,{rotulo:"Exemplo de linha aberta",children:e.jsx(E,{titulo:"Nome da pessoa",meta:"Cargo · Empresa",etiqueta:e.jsx(l,{children:"Estratégia"}),selecionado:!0,aoAbrir:()=>{}})})]})]})]}),e.jsx(i,{id:"tipografia",titulo:"Tipografia",descricao:"Geist, em escala de ferramenta: título de tela em 22 px, texto em 14 px, apoio em 13 px. Nada de título de 48 px — o cabeçalho diz onde você está e sai do caminho.",children:e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{children:[e.jsx(o,{children:"Caminho, na barra de topo · 13 px"}),e.jsxs("p",{className:"text-[13px] text-painel-texto-3",children:["Growth Conference + ",e.jsx("span",{"aria-hidden":!0,

2children:"/"})," Evento ",e.jsx("span",{"aria-hidden":!0,children:"/"})," ",e.jsx("span",{className:"font-medium text-painel-texto",children:"Palestrantes"})]})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Título da tela · 26 px, semibold"}),e.jsx("p",{className:"text-[26px] font-semibold tracking-tight",children:"Palestrantes"})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Subtítulo · 13 px"}),e.jsx("p",{className:"text-[13px] text-painel-texto-2",children:"Quem sobe ao palco. As alterações aparecem no site imediatamente."})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Linha da lista · 14 px medium · meta · 13 px"}),e.jsx("p",{className:"text-sm font-medium",children:"Nome da pessoa"}),e.jsx("p",{className:"text-[13px] text-painel-texto-2",children:"CEO · Empresa"})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Grupo do menu · 11 px, caixa alta"}),e.jsx("p",{className:"text-[11px] font-medium uppercase tracking-[0.1em] text-painel-texto-3",children:"Site"})]})]})}),e.jsx(i,{id:"botoes",titulo:"Botões",descricao:"Principal (vermelho da marca), secundário, contorno, fantasma, excluir e link; três tamanhos; carregando e desligado. Botão só de ícone sempre tem nome e dica.",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(o,{children:"Variações"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsxs(s,{children:[e.jsx(g,{"aria-hidden":!0}),"Novo palestrante"]}),e.jsx(s,{variant:"secondary",children:"Cancelar"}),e.jsxs(s,{variant:"outline",children:[e.jsx(G,{"aria-hidden":!0}),"Ver no site"]}),e.jsx(s,{variant:"ghost",children:"Descartar"}),e.jsxs(s,{variant:"destructive",children:[e.jsx(Ke,{"aria-hidden":!0}),"Excluir"]}),e.jsx(s,{variant:"link",children:"Saiba mais"})]})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Tamanhos"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(s,{size:"sm",children:"Pequeno"}),e.jsx(s,{children:"Padrão"}),e.jsx(s,{size:"lg",children:"Grande"})]})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Estados"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-3",children:[e.jsx(s,{loading:!0,children:"Salvando…"}),e.jsx(s,{disabled:!0,children:"Desligado"}),e.jsx(s,{variant:"secondary",loading:!0,children:"Enviando…"})]})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Só ícone, com dica (passe o mouse ou chegue pelo Tab)"}),e.jsx("div",{className:"flex flex-wrap items-center gap-2",children:[{icone:We,nome:"Recolher o menu"},{icone:R,nome:"Abrir o menu"},{icone:Q,nome:"Editar"}].map(({icone:a,nome:c})=>e.jsxs(B,{children:[e.jsx(D,{asChild:!0,children:e.jsx(s,{size:"icon",variant:"ghost","aria-label":c,children:e.jsx(a,{"aria-hidden":!0})})}),e.jsx(q,{children:c})]},c))})]})]})}),e.jsx(i,{id:"menus",titulo:"Sino, menu do usuário e avatar",descricao:"O sino abre o painel de avisos (vazio até a fase 4) e mora na barra de topo, à direita. O menu do usuário fica no rodapé da barra lateral, com nome, selo do papel e e-mail. O avatar mostra a foto, ou as iniciais quando não há foto.",children:e.jsxs("div",{className:"flex flex-wrap items-center gap-6",children:[e.jsxs(Ae,{children:[e.jsxs(B,{children:[e.jsx(D,{asChild:!0,children:e.jsx(Ee,{asChild:!0,children:e.jsx(s,{size:"icon",variant:"ghost","aria-label":"Avisos",children:e.jsx(O,{"aria-hidden":!0})})})}),e.jsx(q,{children:"Avisos"})]}),e.jsxs(ze,{"aria-label":"Avisos",children:[e.jsx("p",{className:"text-sm font-semibold",children:"Avisos"}),e.jsxs("div",{className:"mt-3 flex flex-col items-center rounded-lg border border-dashed border-painel-borda-forte px-4 py-8 text-center",children:[e.jsx(O,{className:"size-6 text-painel-texto-3","aria-hidden":!0}),e.jsx("p",{className:"mt-2 text-sm text-painel-texto-2",children:"Nenhum aviso por enquanto."})]})]})]}),e.jsxs(Ce,{children:[e.jsx(Se,{asChild:!0,children:e.jsxs("button",{type:"button","aria-label":"Ronei Vinagre, Admin — menu da conta",className:"flex w-60 items-center gap-2.5 rounded-lg p-2 text-left transition-colors hover:bg-painel-elevada focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-marca-azul-claro",children:[e.jsx(h,{"aria-hidden":!0,

2className:"size-8",children:e.jsx(u,{children:j("Ronei Vinagre")})}),e.jsxs("span",{className:"min-w-0 flex-1",children:[e.jsxs("span",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"min-w-0 truncate text-[13px] font-medium",children:"Ronei Vinagre"}),e.jsx(l,{className:"shrink-0 uppercase tracking-[0.08em]",children:"admin"})]}),e.jsx("span",{className:"block truncate text-[11px] text-painel-texto-3",children:"[email protected]"})]}),e.jsx(xe,{"aria-hidden":!0,className:"size-4 shrink-0 text-painel-texto-3"})]})}),e.jsxs(we,{align:"start",className:"w-60",children:[e.jsx(Fe,{children:"[email protected]"}),e.jsx(L,{}),e.jsxs(V,{children:[e.jsx(G,{"aria-hidden":!0}),"Ver o site"]}),e.jsx(L,{}),e.jsxs(V,{variant:"destructive",children:[e.jsx(Ue,{"aria-hidden":!0}),"Sair"]})]})]}),e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(h,{className:"size-12",children:e.jsx(u,{children:j("[email protected]")})}),e.jsxs(h,{children:[e.jsx(be,{src:"/nao-existe.jpg",alt:"Foto de Ana Souza"}),e.jsx(u,{children:j("Ana Souza")})]}),e.jsx(h,{className:"size-8",children:e.jsx(u,{className:"text-xs",children:j("Mateus")})})]})]})}),e.jsx(i,{id:"gaveta",titulo:"Ficha em janela, e a gaveta do menu",descricao:"Cadastro abre em janela no centro da tela: cabeçalho f

2ixo, corpo que rola e rodapé com as ações. A gaveta lateral ficou só para o menu do celular, que é navegação. Esc, clique fora e o X fecham; o foco volta para o botão.",children:e.jsxs("div",{className:"flex flex-wrap gap-3",children:[e.jsxs(Ve,{children:[e.jsx(Ie,{asChild:!0,children:e.jsxs(s,{variant:"secondary",children:[e.jsx(Q,{"aria-hidden":!0}),"Abrir a ficha"]})}),e.jsxs(Me,{children:[e.jsxs($e,{children:[e.jsx(_e,{children:"Ficha de exemplo"}),e.jsx(Ge,{children:"Os campos são de exemplo. Aqui, só a janela."})]}),e.jsxs(Qe,{className:"space-y-4",children:[e.jsx(n,{className:"h-40 w-full rounded-lg"}),e.jsx(n,{className:"h-9 w-full rounded-lg"}),e.jsx(n,{className:"h-9 w-full rounded-lg"}),e.jsx(n,{className:"h-28 w-full rounded-lg"})]}),e.jsxs(He,{children:[e.jsx(_,{asChild:!0,children:e.jsx(s,{variant:"secondary",children:"Cancelar"})}),e.jsx(_,{asChild:!0,children:e.jsx(s,{children:"Salvar"})})]})]})]}),e.jsxs(pe,{children:[e.jsx(he,{asChild:!0,children:e.jsxs(s,{variant:"secondary",children:[e.jsx(R,{"aria-hidden":!0}),"Abrir o menu do celular"]})}),e.jsxs(ue,{side:"left",children:[e.jsx(je,{children:e.jsx(ge,{children:"Menu"})}),e.jsx(ve,{className:"space-y-2",children:["Geral & Hero","Números","FAQ","Palestrantes","Patrocinadores"].map(a=>e.jsx(n,{className:"h-10 w-full rounded-lg"},a))})]})]})]})}

2),e.jsx(i,{id:"formulario",titulo:"Formulário",descricao:"Campo, rótulo, ajuda e erro num componente só: o rótulo abre o campo ao ser clicado, e o leitor de tela lê a ajuda e o erro junto com ele.",children:e.jsxs("div",{className:"grid gap-6 md:grid-cols-2",children:[e.jsxs("div",{className:"space-y-5",children:[e.jsx(p,{rotulo:"Nome",ajuda:"Como aparece no site.",obrigatorio:!0,children:a=>e.jsx(N,{...a,value:m,onChange:c=>x(c.target.value),placeholder:"Nome e sobrenome"})}),e.jsx(p,{rotulo:"E-mail",erro:v&&!v.includes("@")?"Informe um e-mail válido.":void 0,children:a=>e.jsx(N,{...a,type:"email",value:v,onChange:c=>H(c.target.value),placeholder:"digite algo sem @ para ver o erro"})}),e.jsx(p,{rotulo:"Trilha",children:a=>e.jsxs(Te,{...a,defaultValue:"estrategia",children:[e.jsx("option",{value:"estrategia",children:"Estratégia"}),e.jsx("option",{value:"tecnologia",children:"Tecnologia"}),e.jsx("option",{value:"operacoes",children:"Operações"})]})}),e.jsx(p,{rotulo:"Bio",ajuda:"Dois parágrafos no máximo.",children:a=>e.jsx(ye,{...a,placeholder:"Texto de exemplo…"})}),e.jsx(p,{rotulo:"Campo desligado",children:a=>e.jsx(N,{...a,disabled:!0,value:"Não dá para editar",readOnly:!0})})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(o,{children:"Caixa"}),e.jsx(I,{checked:K,onCheckedChange:a=>U(a===!0),rotulo:"Aparece na página de palestrantes"}),e.jsx(I,{disabled:!0,rotulo:"Opção desligada"})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(o,{children:"Interruptor"}),e.jsx(Re,{checked:X,onCheckedChange:J,rotulo:"Receber avisos por e-mail",ajuda:"Só sobre este evento."})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(o,{children:"Escolha única"}),e.jsxs(Oe,{value:W,onValueChange:Y,"aria-label":"Trilha do palestrante",className:"space-y-2",children:[e.jsx(C,{value:"estrategia",rotulo:"Estratégia"}),e.jsx(C,{value:"tecnologia",rotulo:"Tecnologia"}),e.jsx(C,{value:"operacoes",rotulo:"Operações"})]})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(o,{children:"Controle segmentado"}),e.jsx(M,{rotulo:"Filtrar por situação",valor:f,aoMudar:b,opcoes:[{valor:"todos",rotulo:"Todos"},{valor:"rascunho",rotulo:"Rascunho"},{valor:"publicado",rotulo:"Publicado"}]})]})]})]})}),e.jsx(i,{id:"exibicao",titulo:"Chips, teclas e molduras",descricao:"As peças pequenas que aparecem no meio do conteúdo.",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(o,{children:"Chips"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-2",children:[e.jsx(l,{children:"Estratégia"}),e.jsx(l,{cor:"vermelho",children:"Realização Oficial"}),e.jsx(l,{cor:"azul",children:"Rascunho"}),e.jsx(l,{cor:"sucesso",children:"Publicado"}),e.jsx(ke,{})]})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Tecla"}),e.jsxs("p",{className:"text-sm text-painel-texto-2",children:["Aperte ",e.jsx(S,{children:"Esc"})," para fechar, ou ",e.jsx(S,{children:"Tab"})," para seguir."]})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Cartão e divisória"}),e.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[e.jsxs(w,{children:[e.jsx("p",{className:"font-semibold",children:"Cartão"}),e.jsx($,{className:"my-3"}),e.jsx("p",{className:"text-sm text-painel-texto-2",children:"O fundo dos blocos de conteúdo do painel."})]}),e.jsxs(w,{className:"border-marca-azul bg-painel-elevada",children:[e.jsx("p",{className:"font-semibold",children:"Selecionado"}),e.jsx($,{className:"my-3"}),e.jsx("p",{className:"text-sm text-painel-texto-2",children:"Fundo um degrau acima e borda azul de 1 px — sem moldura em degradê."})]})]})]})]})}),e.jsx(i,{id:"pagina",titulo:"Cabeçalho, busca e abas",descricao:"A abertura de cada tela: título, subtítulo e ação principal (o caminho fica na barra de topo); a busca larga com filtros e contagem; e as abas, que ficam gravadas no endereço.",children:e.jsxs("div",{className:"space-y-8",children:[e.jsx(w,{children:e.jsx(Pe,{titulo:"Palestrantes",subtitulo:"Quem sobe ao palco. As alterações aparecem no site imediatamente.",acoes:e.jsxs(s,{children:[e.jsx(g,{"aria-hidden":!0}),"Novo palestrante"]})})}),e.jsx(Be,{valor:T,aoBuscar:Z,rotulo:"Buscar palestrante",placeholder:"Buscar por nome, empresa ou cargo…",contagem:`${z.filter(a=>a.nome.toLowerCase().includes(T.toLowerCase())).length} palestrantes`,filtrosAtivos:f==="todos"?0:1,aoLimparFiltros:()=>b("todos"),filtros:e.jsx(M,{rotulo:"Filtrar por trilha",valor:f,aoMudar:b,opcoes:[{valor:"todos",rotulo:"Todas"},{valor:"rascunho",rotulo:"Estratégia"},{valor:"publicado",rotulo:"Tecnologia"}]})}),e.jsxs(De,{abas:[{valor:"todos",rotulo:"Todos"},{valor:"confirmados",rotulo:"Confirmados"},{valor:"convidados",rotulo:"Convidados"}],children:[e.jsxs(F,{value:"todos",className:"pt-4 text-sm text-painel-texto-2",children:["A aba escolhida vira ",e.jsx(S,{children:"?aba=todos"})," no endereço: recarregar mantém, e dá para mandar o link."]}),e.jsx(F,{value:"confirmados",className:"pt-4 text-sm text-painel-texto-2",children:"Conteúdo da segunda aba."}),e.jsx(F,{value:"convidados",className:"pt-4 text-sm text-painel-texto-2",children:"Conteúdo da terceira aba."})]})]})}),e.jsx(i,{id:"cards",titulo:"Lista de registros",descricao:"A forma padrão de mostrar cadastro: linha fina, foto pequena, um item por linha — 

2cabe três vezes mais gente na tela do que o card grande de antes. A linha inteira abre a ficha; a aberta fica um degrau mais clara, com uma barra azul na borda.",children:e.jsx(A,{rotulo:"Palestrantes de exemplo",children:z.map(a=>e.jsx(E,{titulo:a.nome,meta:[a.cargo,a.empresa].filter(Boolean).join(" · "),etiqueta:e.jsx(l,{children:a.trilha}),selecionado:ie===a.id,aoAbrir:()=>te(a.id)},a.id))})}),e.jsx(i,{id:"tabela",titulo:"Tabela",descricao:"Ordenação, seleção de várias linhas, espaço para ações e paginação — tudo controlado de fora, para a lista de inscritos da fase 4 paginar no servidor. No celular, cada linha vira um cartão.",children:e.jsx(qe,{rotulo:"Inscritos de exemplo",dados:z,chave:a=>a.id,ordenacao:ee,aoOrdenar:ae,selecionadas:y,aoSelecionar:se,acoes:e.jsx(s,{size:"sm",variant:"secondary",disabled:y.length===0,children:"Exportar CSV"}),paginacao:{pagina:oe,totalDePaginas:3,aoMudarDePagina:re},colunas:[{id:"nome",cabecalho:"Nome",ordenavel:!0,celula:a=>a.nome},{id:"empresa",cabecalho:"Empresa",ordenavel:!0,celula:a=>a.empresa},{id:"cargo",cabecalho:"Cargo",celula:a=>a.cargo,soNoComputador:!0},{id:"trilha",cabecalho:"Trilha",celula:a=>e.jsx(l,{children:a.trilha})}]})}),e.jsx(i,{id:"imagem",titulo:"Campo de imagem",descricao:"Arrastar, escolher do computador ou colar o endereço. Quem envia vem de fora, então a mesma peça serve ao admin e ao upload do participante (fase 3).",children:e.jsxs("div",{className:"max-w-sm",children:[e.jsx(Le,{valor:le,aoMudar:ne,enviar:async a=>URL.createObjectURL(a),rotuloDoBotao:"Enviar foto"}),e.jsx("p",{className:"mt-2 text-xs text-painel-texto-3",children:"Aqui na vitrine, a imagem fica só no navegador: nada é enviado."})]})}),e.jsx(i,{id:"estados",titulo:"Carregando, vazio e erro",descricao:"Toda lista tem os três desenhados. O esqueleto tem o formato do conteúdo que vai chegar.",children:e.jsxs("div",{className:"grid gap-6 lg:grid-cols-3",children:[e.jsxs("div",{children:[e.jsx(o,{children:"Carregando"}),e.jsxs("div",{className:"space-y-3",children:[[0,1].map(a=>

2e.jsxs("div",{className:"flex items-center gap-4 rounded-lg border border-painel-borda bg-painel-superficie p-4",children:[e.jsx(n,{className:"size-16 rounded-lg"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(n,{className:"h-4 w-3/5"}),e.jsx(n,{className:"h-3 w-2/5"})]})]},a)),e.jsxs("div",{className:"flex items-center gap-3 pt-2 text-sm text-painel-texto-2",children:[e.jsx(k,{className:"size-4",decorativo:!0}),"Carregando palestrantes…"]})]})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Vazio"}),e.jsx(fe,{icone:Xe,titulo:"Nenhum palestrante ainda",descricao:"Cadastre o primeiro para ele aparecer no site.",acao:e.jsxs(s,{size:"sm",children:[e.jsx(g,{"aria-hidden":!0}),"Novo palestrante"]})})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(o,{children:"Erro"}),e.jsx(P,{aoTentarDeNovo:()=>{},className:"py-10"})]}),e.jsxs("div",{children:[e.jsx(o,{children:"Painel atualizado"}),e.jsx(P,{painelAtualizado:!0,className:"py-10"})]})]})]})}),e.jsx(i,{id:"assistir",titulo:"Assistir",descricao:"O registro próprio do Assistir (decisão 131): capas grandes, arte sangrando até a borda do bloco e degradê sobre a arte — só com os tokens do painel, sem desfoque. Os dados são de exemplo e só existem no npm run dev com VITE_ASSISTIR_EXEMPLO=1.",children:e.jsx(r.Suspense,{fallback:e.jsx(k,{}),children:e.jsx(Ye,{})})})]})]})]})]})};export{Ka as default};