create-nodebuilderjs 0.2.1 → 0.3.0

package/template/.agents/skills/nodebuilder-graficos/SKILL.md

@@ -1,87 +0,0 @@
----
-name: nodebuilder-graficos
-description: Gráficos de linha, área, barra, composto e pizza/rosca no nodebuilder com @nodebuilderjs/core/charts, que usa a mesma API do Recharts. Use ao criar dashboards, relatórios, séries temporais, comparações por categoria ou participação (pizza), e sempre que pensaria em usar Recharts, Chart.js ou Victory.
----
-
-# Gráficos com `@nodebuilderjs/core/charts`
-
-Já vem no `@nodebuilderjs/core` (não instale nada); só entra no app se for importado.
-
-```tsx
-import { createSignal, theme } from "@nodebuilderjs/core";
-import {
-  Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, XAxis, YAxis,
-} from "@nodebuilderjs/core/charts";
-
-const [vendas] = createSignal([
-  { mes: "jan", receita: 120, meta: 100 },
-  { mes: "fev", receita: 150, meta: 110 },
-  { mes: "mar", receita: 90, meta: 120 },
-]);
-const canais = [{ nome: "Loja", valor: 42 }, { nome: "Site", valor: 31 }];
-
-export const graficos = () => (
-  <>
-    <LineChart data={vendas} height={240}>
-      <CartesianGrid vertical={false} />
-      <XAxis dataKey="mes" />
-      <YAxis tickFormatter={(v) => `R$ ${v}`} />
-      <Line dataKey="receita" name="Receita" />
-      <Line dataKey="meta" name="Meta" stroke="#e5a50a" type="monotone" dot={false} />
-      <Legend />
-    </LineChart>
-    <BarChart data={vendas} height={200}>
-      <XAxis dataKey="mes" />
-      <YAxis />
-      <Bar dataKey="receita" fill={theme.accent.base} radius={3} />
-    </BarChart>
-    <AreaChart data={vendas} height={160}>
-      <YAxis domain={[0, 200]} />
-      <Area dataKey="receita" type="monotone" />
-    </AreaChart>
-    <PieChart height={220}>
-      <Pie data={canais} dataKey="valor" nameKey="nome" innerRadius="50%" paddingAngle={2}>
-        <Cell fill="#3584e4" />
-        <Cell fill="#26a269" />
-      </Pie>
-      <Legend />
-    </PieChart>
-  </>
-);
-```
-
-## O que é suportado
-
-| Componente | Props |
-|---|---|
-| `LineChart`, `AreaChart`, `BarChart`, `ComposedChart` (mistura) | `data` (array ou signal), `height` (240), `width` ou `grow` e as props de estilo |
-| `Line` | `dataKey`, `name`, `stroke`, `strokeWidth` (2), `strokeDasharray` (`"6 4"`), `dot` (true), `type` (`linear`/`monotone`) |
-| `Area` | `dataKey`, `name`, `stroke`, `fill`, `fillOpacity` (0,25), `type`, `stackId` |
-| `Bar` | `dataKey`, `name`, `fill`, `radius`, `stackId`, `label` (true ou `(valor) => texto`) |
-| `XAxis` | `dataKey`, `tickFormatter`, `hide` |
-| `YAxis` | `domain={[min, max]}`, `tickCount`, `tickFormatter`, `hide` |
-| `CartesianGrid` | `horizontal`, `vertical`, `stroke`, `strokeDasharray` |
-| `PieChart` + `Pie` | `data`, `dataKey`, `nameKey`, `innerRadius`, `outerRadius` (px ou `"80%"`), `paddingAngle` (graus), `label` (true ou `({ name, value, percent }) => texto`); `<Cell fill>` por fatia |
-| `Tooltip` | `formatter(valor, nome)`, `labelFormatter(categoria)`; linha-guia na categoria sob o mouse (na pizza: a fatia) |
-| `Legend` | sem props (embaixo, centralizada) |
-
-`dataKey` é o nome do campo ou uma função `(linha) => valor`.
-
-## Diferenças do Recharts
-
-- **Sem `ResponsiveContainer`:** o gráfico já ocupa a largura do pai; dê `height`.
-- Séries com o mesmo `stackId` se empilham (barras numa coluna só, áreas uma sobre a outra);
-  o eixo y considera os totais.
-- O eixo x omite rótulos que se sobreporiam, mantendo o último (como `interval="preserveEnd"`).
-- Não existem ainda: `Brush`, `ReferenceLine`, `ScatterChart`, `RadarChart`, eixos
-  secundários, animações; em `Line`, o `label`.
-- Pizza começa no topo e gira no sentido horário (`startAngle`/`endAngle` não existem); os
-  rótulos ficam fora das fatias, então deixe `outerRadius` em ~70% para caberem.
-- Cores: sem `stroke`/`fill`, cada série pega a próxima cor da paleta (a primeira é
-  `theme.accent.base`).
-- Para algo fora disso, desenhe com `<Canvas>` (skill `nodebuilder-desenho`).
-
-## Desempenho
-
-Mudar o signal de `data` redesenha só aquele gráfico. Atualizar a cada frame (dados ao
-vivo com `requestAnimationFrame`) funciona; centenas de pontos por série são tranquilos.

package/template/.agents/skills/nodebuilder-icones/SKILL.md

@@ -1,53 +0,0 @@
----
-name: nodebuilder-icones
-description: Ícones e SVG no nodebuilder com o widget Icon, usando Lucide (lucide-static ou lucide) e Phosphor (@phosphor-icons/core). Use ao adicionar ícones a botões, menus, barras laterais ou listas, ao escolher uma biblioteca de ícones, ou ao mostrar qualquer arquivo .svg.
----
-
-# Ícones
-
-```sh
-bun add lucide-static              # arquivos .svg do Lucide
-bun add lucide                     # ou: os mesmos ícones como dados (import { Camera } from "lucide")
-bun add @phosphor-icons/core       # Phosphor: assets/<peso>/<nome>.svg
-```
-
-```tsx
-import { Button, Icon, Row, Text, createSignal, theme } from "@nodebuilderjs/core";
-import camera from "lucide-static/icons/camera.svg" with { type: "text" };
-import heart from "@phosphor-icons/core/assets/duotone/heart-duotone.svg" with { type: "text" };
-import { Star } from "lucide";
-
-const [ativo] = createSignal(false);
-
-<Icon svg={camera} />                                  // 20 px, cor do texto ao redor
-<Icon svg={heart} size={32} color="#e01b24" />
-<Icon svg={Star} size={16} strokeWidth={1.5} />        // espessura do traço (ícones de contorno)
-<Button variant="primary"><Icon svg={Star} size={16} /><Text>Favoritar</Text></Button>
-<Row color={() => (ativo() ? theme.accent.base : theme.text.secondary)}>
-  <Icon svg={camera} /><Text>Câmera</Text>              {/* ícone e texto mudam de cor juntos */}
-</Row>
-```
-
-## Regras
-
-- **Nunca** use `lucide-react`, `lucide-solid`, `@phosphor-icons/react`, `react-icons` ou
-  `@heroicons/react`: eles exigem React/DOM. Use os pacotes acima.
-- Importe arquivos `.svg` com `with { type: "text" }` (o import vira o texto do SVG e o
-  `nodebuilder package` o embute). `with { type: "file" }` (caminho) também funciona.
-- `svg` aceita: texto do SVG, caminho de um `.svg` ou os dados do pacote `lucide`. Pode ser
-  uma função (`svg={() => (aberto() ? chevronUp : chevronDown)}`).
-- `size` é a altura em px lógicos (padrão 20, `theme.icon.size`); a largura segue o
-  `viewBox`. A cor vem de `color` no próprio `Icon` ou é herdada de um pai, como no `Text`.
-- Trocar a cor é de graça (ícones de uma cor são tingidos na GPU); trocar o tamanho
-  rasteriza de novo (~0,5 ms). Ficam nítidos em telas HiDPI.
-- Pesos do Phosphor: `thin`, `light`, `regular`, `bold`, `fill`, `duotone` (pastas em
-  `assets/`; nomes com o sufixo do peso, exceto `regular`: `heart.svg`, `heart-fill.svg`).
-
-## Limites do SVG
-
-Suportado: `path` (com arcos e curvas), `rect`, `circle`, `ellipse`, `line`, `polyline`,
-`polygon`, `g`, `transform`, `fill`/`stroke` (cores, `currentColor`), espessura, pontas,
-junções, `fill-rule`, opacidades e `style=""` inline.
-Não suportado (o resto do desenho aparece): gradientes, padrões, texto, filtros, máscaras,
-recortes, `<use>`, tracejado e `<style>`. Logos e ilustrações assim: exporte um PNG 2x e
-use `Image`.

package/template/.agents/skills/nodebuilder-imagens/SKILL.md

@@ -1,50 +0,0 @@
----
-name: nodebuilder-imagens
-description: Mostrar imagens (PNG, JPEG, WebP, AVIF, HEIC) com o widget Image do nodebuilder e incluir os arquivos no app empacotado. Use ao adicionar fotos, logos, avatares, miniaturas ou qualquer arquivo de imagem à interface. Para ícones e SVG, use a skill nodebuilder-icones.
----
-
-# Imagens
-
-```tsx
-import { Image } from "@nodebuilderjs/core";
-import logo from "./assets/logo.png" with { type: "file" };
-
-<Image src={logo} width={64} />                       // altura segue a proporção
-<Image src={foto} width={200} height={120} fit="cover" radius={12} />
-<Image src={() => avatarDe(usuario())} width={32} height={32} radius={16} opacity={0.9} />
-```
-
-## Regras
-
-- **Importe arquivos com `with { type: "file" }`.** O import vira o caminho do arquivo, e o
-  `nodebuilder package` embute a imagem no executável. `new URL("./x.png", import.meta.url)`
-  e caminhos soltos funcionam no `bun run dev`, mas **quebram no app empacotado**.
-- `src` aceita: caminho (relativo ao diretório atual), `URL` `file:`, bytes do arquivo
-  (`Uint8Array`, ex.: de um `fetch`) ou pixels `{ width, height, data }` (RGBA 8 bits).
-  Pode ser uma função: trocar o `src` libera a imagem antiga.
-- Tamanho: sem `width`/`height`, usa os pixels do arquivo (1 pixel = 1 px lógico). Com só um
-  dos dois, o outro segue a proporção. Para telas HiDPI, use um arquivo 2x maior e fixe o
-  tamanho (`width={64}` para um PNG de 128 px).
-- `fit`: `contain` (padrão, imagem inteira centralizada), `cover` (preenche e corta), `fill`
-  (estica). `radius` arredonda; `opacity` vai de 0 a 1.
-- O mesmo arquivo em vários lugares é decodificado uma vez; a memória é liberada quando o
-  último `Image` sai da tela.
-- Arquivo que não carrega: aviso no console e nada desenhado (o app não quebra).
-
-## Formatos
-
-| Formato | Como | Observação |
-|---|---|---|
-| PNG, JPEG, WebP | decodificados em TypeScript | sempre funcionam; JPEG respeita a orientação do EXIF |
-| AVIF, HEIC | biblioteca do sistema `libheif` | sem ela, só esses dão erro ("needs libheif"); o pacote `.deb`/`.rpm` a sugere, mas não instala. Prefira WebP/PNG/JPEG para imagens do próprio app |
-| SVG | pelo widget `Icon` (skill `nodebuilder-icones`) | subconjunto para ícones; ilustrações com gradiente/texto: exporte PNG 2x |
-| GIF animado, vídeo | não suportado | |
-
-## Cuidados
-
-- A decodificação é síncrona: uma foto de 4 megapixels leva ~0,1 s e trava a interface
-  nesse meio-tempo. Reduza imagens grandes antes de colocar no app (ex.: miniaturas).
-- Imagens muito reduzidas na tela ficam serrilhadas (sem mipmaps): use arquivos perto do
-  tamanho exibido.
-- Em `bun test`, `Image` funciona sem janela (as texturas são simuladas); AVIF/HEIC
-  precisam do addon nativo e da libheif.

package/template/.agents/skills/nodebuilder-sem-react/SKILL.md

@@ -1,48 +0,0 @@
----
-name: nodebuilder-sem-react
-description: Tradução de hábitos de React, DOM, CSS e bibliotecas web para o nodebuilder, e quais pacotes npm funcionam. Use antes de instalar qualquer biblioteca de UI, ícones, componentes, estado ou estilo (lucide-react, MUI, Tailwind, styled-components, react-*, solid-js...), ao escrever useState/useEffect/className/div/onChange, ou ao portar código React/Solid/HTML para este app.
----
-
-# Vindo do React (ou da web)
-
-O nodebuilder desenha a interface com a GPU, sem navegador: **não existe DOM, CSS, React
-nem Solid**. O JSX parece o de sempre, mas os elementos são os widgets do
-`@nodebuilderjs/core`.
-
-## Tradução direta
-
-| Na web / React | No nodebuilder |
-|---|---|
-| `useState(0)` | `const [n, setN] = createSignal(0)`; leia com `n()` |
-| `useMemo` | `createMemo(() => ...)` |
-| `useEffect(() => ..., [deps])` | `createEffect(() => ...)` (deps automáticas) + `onCleanup` |
-| re-render do componente | não existe: o componente roda **uma vez** |
-| `{count}` em JSX | `{count}` (a função, não `count()`), senão fica fixo |
-| `style={{ padding: 8 }}`, `className` | props: `padding={8}`, `background="#fff"` |
-| `div`, `span`, `p`, `h1` | `Column`, `Row`, `Box`, `Text fontSize={24} bold` |
-| `onChange` de input | `TextField value={v} onInput={setV}` |
-| `list.map(...)` em JSX | `<For each={list}>{(item) => ...}</For>` |
-| `cond && <X/>` | `<Show when={() => cond()}><X/></Show>` |
-| `useContext` | módulos com signals exportados (estado global simples) |
-| CSS `:hover` | `onPointerEnter`/`onPointerLeave` + signal |
-| `fetch`, `fs`, timers | funcionam (APIs do Bun/Node); atualize signals com o resultado |
-
-## Bibliotecas npm
-
-- **Funcionam:** lógica pura sem DOM (date-fns, zod, lodash, clientes HTTP, SQLite do Bun,
-  parsers). Ícones em SVG puro com o widget `Icon`: `lucide-static`, `lucide` (os dados,
-  não o `createIcons()`) e `@phosphor-icons/core` (skill `nodebuilder-icones`).
-- **Não funcionam:** tudo que renderiza React/Solid/Vue ou mexe no DOM: `lucide-react`,
-  `lucide-solid`, `@phosphor-icons/react`, MUI, Chakra, shadcn/ui, Radix, Tailwind,
-  styled-components, react-router, bibliotecas de gráficos em canvas/SVG do navegador.
-- Gráficos: use `@nodebuilderjs/core/charts` (mesma API do Recharts; skill
-  `nodebuilder-graficos`) ou desenhe com `<Canvas>` (skill `nodebuilder-desenho`). Recharts,
-  Chart.js e D3 precisam do DOM e não funcionam.
-- Na dúvida: se o pacote importa `react`, `react-dom`, `solid-js/web` ou usa `document`,
-  ele não serve aqui.
-
-## Erros comuns
-
-- Ler o signal no corpo do componente (`const x = count();`) e esperar que atualize.
-- Desestruturar props reativas (`const { value } = props`) e perder a função.
-- Colocar `createSignal` dentro de um effect para "resetar" estado: crie fora e use `set`.

package/template/.agents/skills/nodebuilder-testes/SKILL.md

@@ -1,56 +0,0 @@
----
-name: nodebuilder-testes
-description: Escrever e depurar testes de apps nodebuilder com bun test, sem abrir janela (mount, findByText, click, interact para mouse e teclado, layout, debugTree). Use ao criar testes, ao verificar uma mudança de comportamento ou layout, ou quando um teste de componente falha.
----
-
-# Testes sem janela
-
-`bun test` roda os arquivos de `test/`. Nada abre janela: `mount` monta a árvore com
-métricas de texto falsas (**8 px por caractere, linha de 20 px**), então o layout é
-determinístico.
-
-```tsx
-import { expect, test } from "bun:test";
-import { click, findAll, findByText, mount } from "@nodebuilderjs/core/testing";
-import { debugTree } from "@nodebuilderjs/core";
-import { App } from "../src/App.js";
-
-test("adiciona uma tarefa", () => {
-  const { root, relayout, dispose } = mount(() => <App />, { width: 800, height: 600 });
-  click(findByText(root, "Adicionar")!);          // sobe até o pai com onClick (o Button)
-  expect(findByText(root, /1 tarefa/)).toBeDefined();
-  relayout();                                     // recalcula posições após mudanças
-  const item = findByText(root, "Nova tarefa")!;
-  expect(item.y).toBeGreaterThan(0);
-  dispose();                                      // descarta effects e signals do app
-});
-```
-
-## API (`@nodebuilderjs/core/testing`)
-
-- `mount(view, size?)` → `{ root, relayout, dispose }`. Layout feito uma vez no `mount`;
-  chame `relayout()` antes de checar `x`, `y`, `width`, `height` depois de mudar estado.
-- `findByText(root, "texto" | /regex/)`: primeiro `Text` cujo conteúdo inteiro bate.
-- `findAll(root, (n) => ...)`: busca livre; `n.label` é `"Text \"...\""`, `"Button"`, `"Row"`...
-- `click(node)`: dispara o `onClick` do nó ou do ancestral mais próximo (atalho rápido).
-- `interact(root)`: mouse e teclado entregues como no app de verdade (hover, foco, captura
-  ao arrastar, Tab): `hover(n)`, `press(n)`, `release(n)`, `drag(n, dx, dy)`, `move(x, y)`,
-  `scroll(n, dy)`, `key("Return")`, `type("texto")` e `focused`.
-
-```tsx
-const ui = interact(root);
-ui.press(campo);            // foca o TextField
-ui.type("Ana");             // digita no campo focado
-ui.key("Return");           // dispara o onSubmit
-ui.drag(slider, 80, 0);     // arrasta 80 px para a direita
-```
-- `debugTree(node)` (de `@nodebuilderjs/core`): árvore com posições, ótimo para ver o layout.
-
-## Dicas
-
-- Estado muda na hora (signals são síncronos); não há `await` nem `act()`.
-- Prefira `interact` a chamar handlers à mão: ele testa também foco, hover e propagação.
-  Depois de mudanças que movem nós, chame `relayout()` antes de interagir de novo.
-- Teste cálculos de layout com tamanhos fixos (`width`, `height`) para não depender das
-  métricas falsas.
-- Antes de concluir uma tarefa: `bun run typecheck && bun test`.

package/template/src/componentes/Atividade.tsx

@@ -1,24 +0,0 @@
-import { Card, Icon, Row, Text, theme } from "@nodebuilderjs/core";
-import { Area, AreaChart, CartesianGrid, Legend, Line, Tooltip, YAxis } from "@nodebuilderjs/core/charts";
-import type { Estado } from "../estado.js";
-import { grafico } from "../icones.js";
-
-export function Atividade(props: { estado: Estado }) {
-  return (
-    <Card gap={8}>
-      <Row gap={8} align="center" color={theme.text.secondary}>
-        <Icon svg={grafico} size={16} />
-        <Text bold>Atividade</Text>
-      </Row>
-      {/* data é um signal: o gráfico acompanha cada clique e cada tarefa. */}
-      <AreaChart data={props.estado.historico} height={180}>
-        <CartesianGrid vertical={false} strokeDasharray="3 3" />
-        <YAxis />
-        <Area dataKey="cliques" name="Cliques" type="monotone" />
-        <Line dataKey="pendentes" name="Pendentes" stroke="#e5a50a" dot={false} />
-        <Tooltip />
-        <Legend />
-      </AreaChart>
-    </Card>
-  );
-}

package/template/src/componentes/Contador.tsx

@@ -1,22 +0,0 @@
-import { Button, Card, Icon, Row, Text, theme } from "@nodebuilderjs/core";
-import type { Estado } from "../estado.js";
-import { ponteiro } from "../icones.js";
-
-export function Contador(props: { estado: Estado }) {
-  const { cliques, clicar, zerar } = props.estado;
-  // Só funções são reativas: `vezes` é lida pelo Text sempre que `cliques` muda.
-  const vezes = () => `Você clicou ${cliques()} ${cliques() === 1 ? "vez" : "vezes"}`;
-  return (
-    <Card gap={12}>
-      <Row gap={8} align="center" color={theme.text.secondary}>
-        <Icon svg={ponteiro} size={16} />
-        <Text bold>Contador</Text>
-      </Row>
-      <Text fontSize={20}>{vezes}</Text>
-      <Row gap={8}>
-        <Button label="Zerar" variant="flat" onClick={zerar} />
-        <Button label="Clique aqui" variant="primary" onClick={clicar} />
-      </Row>
-    </Card>
-  );
-}

package/template/src/componentes/Tarefas.tsx

@@ -1,38 +0,0 @@
-import { Button, Card, Checkbox, Column, For, Icon, Row, Show, Spacer, Text, TextField, createSignal, theme } from "@nodebuilderjs/core";
-import type { Estado } from "../estado.js";
-import { lista, mais } from "../icones.js";
-
-export function Tarefas(props: { estado: Estado }) {
-  const { tarefas, pendentes, adicionar, limparConcluidas } = props.estado;
-  const [texto, setTexto] = createSignal("");
-  const enviar = () => adicionar(texto()) && setTexto("");
-
-  return (
-    <Card gap={12}>
-      <Row gap={8} align="center" color={theme.text.secondary}>
-        <Icon svg={lista} size={16} />
-        <Text bold>Tarefas</Text>
-        <Spacer />
-        <Text fontSize={12}>{() => `${pendentes()} ${pendentes() === 1 ? "pendente" : "pendentes"}`}</Text>
-      </Row>
-      <Row gap={8}>
-        <TextField grow={1} value={texto} onInput={setTexto} onSubmit={enviar} placeholder="Nova tarefa" />
-        <Button variant="primary" onClick={enviar} disabled={() => !texto().trim()}>
-          <Icon svg={mais} size={16} />
-          <Text>Adicionar</Text>
-        </Button>
-      </Row>
-      <Column gap={8}>
-        {/* For é keyed por referência: cada tarefa mantém seu estado ao reordenar. */}
-        <For each={tarefas} fallback={<Text color={theme.text.secondary}>Nada por aqui.</Text>}>
-          {(t) => <Checkbox checked={t.feita} onChange={t.marcar} label={t.titulo} />}
-        </For>
-      </Column>
-      <Show when={() => tarefas().some((t) => t.feita())}>
-        <Row>
-          <Button label="Limpar concluídas" variant="flat" onClick={limparConcluidas} />
-        </Row>
-      </Show>
-    </Card>
-  );
-}

package/template/src/estado.ts

@@ -1,50 +0,0 @@
-import { createMemo, createSignal } from "@nodebuilderjs/core";
-
-export interface Tarefa {
-  id: number;
-  titulo: string;
-  feita: () => boolean;
-  marcar: (feita: boolean) => void;
-}
-
-/**
- * O estado do app em um lugar só: signals e ações. Cada <App /> cria o seu (os testes
- * também), e os componentes o recebem por props.
- */
-export function criarEstado() {
-  const [cliques, setCliques] = createSignal(0);
-  // Um ponto por mudança, para o gráfico de atividade.
-  const [historico, setHistorico] = createSignal<{ passo: number; cliques: number; pendentes: number }[]>([]);
-  const [tarefas, setTarefas] = createSignal<Tarefa[]>([]);
-  let proximoId = 1;
-
-  const pendentes = createMemo(() => tarefas().filter((t) => !t.feita()).length);
-  const registrar = () =>
-    setHistorico((h) => [...h.slice(-29), { passo: h[h.length - 1]!.passo + 1, cliques: cliques(), pendentes: pendentes() }]);
-
-  const novaTarefa = (titulo: string): Tarefa => {
-    const [feita, setFeita] = createSignal(false);
-    return { id: proximoId++, titulo, feita, marcar: (v) => (setFeita(v), registrar()) };
-  };
-  setTarefas([novaTarefa("Ler o README"), novaTarefa("Criar um componente")]);
-  setHistorico([{ passo: 0, cliques: 0, pendentes: pendentes() }]);
-
-  return {
-    cliques,
-    historico,
-    tarefas,
-    pendentes,
-    clicar: () => (setCliques((c) => c + 1), registrar()),
-    zerar: () => (setCliques(0), registrar()),
-    adicionar: (titulo: string) => {
-      const texto = titulo.trim();
-      if (!texto) return false;
-      setTarefas((ts) => [...ts, novaTarefa(texto)]);
-      registrar();
-      return true;
-    },
-    limparConcluidas: () => (setTarefas((ts) => ts.filter((t) => !t.feita())), registrar()),
-  };
-}
-
-export type Estado = ReturnType<typeof criarEstado>;

package/template/src/icones.ts

@@ -1,11 +0,0 @@
-// Ícones em SVG (desenhados para este template). Para mais ícones, `bun add lucide-static`
-// e `import x from "lucide-static/icons/x.svg" with { type: "text" }`: veja a skill
-// nodebuilder-icones.
-const svg = (corpo: string) =>
-  `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">${corpo}</svg>`;
-
-export const brilho = svg('<path d="M12 3l1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9z"/><path d="M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z"/>');
-export const mais = svg('<path d="M12 5v14M5 12h14"/>');
-export const lista = svg('<path d="M9 6h11M9 12h11M9 18h11"/><circle cx="4.5" cy="6" r="1"/><circle cx="4.5" cy="12" r="1"/><circle cx="4.5" cy="18" r="1"/>');
-export const grafico = svg('<path d="M4 20V10M10 20V4M16 20v-7M22 20H2"/>');
-export const ponteiro = svg('<path d="M5 3l14 8-6 2-3 6z"/>');