create-email-template 0.1.6 → 0.3.0

package/README.md

@@ -4,6 +4,15 @@ Editor visual de plantillas de email por bloques para React: palette, canvas con
 
 El JSON que produce se renderiza a HTML email-safe con su compañero [`create-email-renderer`](https://www.npmjs.com/package/create-email-renderer) (**sin React**, pensado para backend/edge). Ambas librerías comparten el mismo core, por lo que el preview del editor y el HTML final nunca divergen.
 
+## ¿Programas con una IA o vas a integrarlo?
+
+- **[`SKILL.md`](./SKILL.md)** — orientación para agentes: provider, hooks, store, presets, CSS
+  obligatorio y errores comunes.
+- **[`llms.txt`](./llms.txt)** — índice corto.
+- **Catálogo de bloques** (core compartido): `node_modules/create-email-renderer/docs/BLOCKS.md`
+  — props, defaults, variantes y ejemplos de los 25 bloques.
+- **Guía de MCP**: `node_modules/create-email-renderer/docs/MCP.md`.
+
 ## Instalación
 
 ```sh
@@ -38,7 +47,8 @@ export function EditorPage() {
 ```tsx
 <EmailBuilderProvider
   config={{ /* opciones del builder (todas opcionales) */ }}
-  uploadImage={fnUpload}   // opcional: subida de imágenes
+  uploadImage={fnUpload}       // opcional: subida de imágenes
+  uploadFile={fnUploadFile}    // opcional: subida de documentos (PDF, DOC, XLS…)
   autosave={{ /* opcional: autoguardado */ }}
 >
 ```
@@ -48,9 +58,10 @@ export function EditorPage() {
 | Opción | Tipo | Default | Qué hace |
 |---|---|---|---|
 | `blockDefaults` | `Partial<Record<Bloque, Partial<Props>>>` | — | Valores iniciales por tipo de bloque. Se aplican **al arrastrar** el bloque al canvas. |
-| `blockLibrary` | `BlockDefinition[]` | `DEFAULT_BLOCK_LIBRARY` (12 bloques) | Qué bloques aparecen en la palette y con qué defaultProps. |
+| `blockLibrary` | `BlockDefinition[]` | `DEFAULT_BLOCK_LIBRARY` (26 bloques) | Qué bloques aparecen en la palette y con qué defaultProps. |
 | `palette` | `Partial<EmailPalette>` | `DEFAULT_PALETTE` | Colores base del tema: `INK` (texto), `DARK` (fondos oscuros), `GOLD` (acentos), `CREAM_DIM` (texto secundario). |
-| `defaultSettings` | `Partial<EmailSettings>` | `DEFAULT_SETTINGS` | Fondo de página, grosor y redondeo del borde de la tarjeta. |
+| `defaultSettings` | `Partial<EmailSettings>` | `DEFAULT_SETTINGS` | Fondo de página, grosor/redondeo del borde, tipografía y **archivos** (`files`). |
+| `files` | `Partial<EmailBuilderFileOptions>` | `{ accept, maxSizeMb: 10, maxCount: 10, warnTotalMb: 5 }` | Límites y formatos aceptados al subir archivos en Ajustes. |
 | `variables` | `EmailVariable[]` | `DEFAULT_VARIABLES` | Etiquetas `{key}` disponibles para el usuario. |
 | `variableSections` | `EmailVariableSection[]` | agrupación única | Agrupa las variables por categoría en el dialog "Etiquetas disponibles". |
 | `sampleContext` | `EmailContext` | `SAMPLE_CONTEXT` | Datos de ejemplo: al previsualizar, `{firstName}` se ve como el valor de aquí. |
@@ -95,24 +106,20 @@ export function EditorPage() {
 >
 ```
 
-#### Bloques disponibles y sus props
+#### Bloques disponibles
 
-Todos los bloques aceptan `align` ("left" | "center" | "right"), `backgroundColor`, `paddingY` y `paddingX`.
+**26 bloques**: `header`, `hero`, `heading`, `text`, `list`, `button`, `image`, `quote`,
+`columns`, `container`, `grid`, `divider`, `spacer`, `footer`, `social`, `gallery`, `stats`,
+`pricing`, `product`, `checkout`, `downloads`, `testimonial`, `features`, `avatar`, `code` y
+`link`. Muchos tienen **variantes** (`list`, `footer`, `pricing`, `gallery`, `product`).
 
-| Tipo | Props específicas |
-|---|---|
-| `header` | `brandName`, `tagline?`, `logoUrl?` |
-| `hero` | `title`, `subtitle?`, `imageUrl?` |
-| `heading` | `text`, `size?`, `color?` |
-| `text` | `text`, `size?`, `color?` |
-| `list` | `items: string[]`, `icon?` ("✓", "•", "→"…) |
-| `button` | `label`, `href` (acepta variables), `backgroundColor?`, `color?`, `blockBackgroundColor?` |
-| `image` | `src`, `alt?`, `width?`, `href?` (si hay `href`, la imagen es clicable) |
-| `quote` | `text`, `author?`, `borderColor?`, `borderWidth?`, `marginLeft?` |
-| `columns` | `columns: { id: string; text: string }[]` |
-| `divider` | `color?`, `height?` |
-| `spacer` | `height?`, `backgroundColor?` |
-| `footer` | `text?`, `brandName?`, `backgroundColor?` |
+Todos aceptan `align`, `backgroundColor`, `paddingY`/`paddingX` (+ overrides por lado),
+`marginTop`/`marginBottom` y `gap`.
+
+📖 Props, defaults, variantes y ejemplos de cada uno: el catálogo del core,
+[`create-email-renderer/docs/BLOCKS.md`](../create-email-renderer/docs/BLOCKS.md) (desde npm:
+`node_modules/create-email-renderer/docs/BLOCKS.md`). Es la **única fuente de verdad** y viaja
+con el paquete del renderer.
 
 ### `uploadImage`
 
@@ -128,6 +135,43 @@ uploadImage={async (file: File) => {
 }}
 ```
 
+### `uploadFile`
+
+Se invoca cuando el usuario sube un documento desde **Ajustes** (el engranaje del lienzo). Recibe
+el `File` y debe devolver la **URL pública** donde quedó alojado: el destinatario la usa para
+descargar y tu backend para adjuntarlo al enviar.
+
+```tsx
+uploadFile={async (file: File) => {
+  const form = new FormData();
+  form.append("file", file);
+  const res = await fetch("/api/uploads", { method: "POST", body: form });
+  const { url } = await res.json();
+  return url; // URL pública (R2, S3, tu API…)
+}}
+```
+
+Los archivos quedan en `settings.files` del payload y el bloque **`downloads`** los lista en el
+correo. Cada archivo tiene dos interruptores:
+
+| Interruptor | Campo | Para qué |
+|---|---|---|
+| **Adjuntar** | `attach` | Que tu ESP lo adjunte al enviar (el HTML no adjunta nada). |
+| **Enlace** | `link` | Que aparezca en el bloque `downloads` (default `true`). |
+
+Contrato del backend:
+
+```ts
+const { content, settings } = parseTemplatePayload(template.payload);
+const attachments = settings.files
+  .filter((f) => f.attach)
+  .map((f) => ({ filename: f.name, path: f.url })); // p. ej. Resend/SES
+const { html, subject } = await renderTemplateEmail({ subject, payload: template.payload, context });
+```
+
+> Sin `uploadFile` la librería usa `URL.createObjectURL` (blob local) para que puedas probar el
+> editor: sirve para previsualizar, **no** para un correo real.
+
 ---
 
 ## Autoguardado (`autosave`) y guardado manual

package/SKILL.md

@@ -0,0 +1,173 @@
+---
+name: create-email-template
+description: React email template builder UI (drag & drop editor with autosave) backed by create-email-renderer
+licence: MIT
+metadata:
+  author: asmel2020
+  version: 1.0.0
+---
+
+# Skill: `create-email-template`
+
+Editor visual de plantillas de email para React. Se apoya en `create-email-renderer` (el core sin
+React) para tipos, defaults, normalización y el HTML final → **el preview del editor y el HTML
+del back-end nunca divergen**.
+
+- 📖 Catálogo de bloques, props y defaults: [`create-email-renderer/docs/BLOCKS.md`](../create-email-renderer/docs/BLOCKS.md)
+- 🔌 Exponer un MCP en el back-end: [`create-email-renderer/docs/MCP.md`](../create-email-renderer/docs/MCP.md)
+
+> Instalado desde npm, el catálogo vive en
+> `node_modules/create-email-renderer/docs/BLOCKS.md`.
+
+---
+
+## Cuándo usar esto
+
+- Meter un editor de correos en tu app (drag & drop, panel de propiedades, undo, autosave).
+- Cargar una plantilla guardada para editarla y volver a guardarla.
+- Reusar el **payload** (`{ content, settings }`) que tu back-end renderiza con
+  `create-email-renderer`.
+
+## Instalación y CSS (importante)
+
+```sh
+npm install create-email-template create-email-renderer
+```
+
+```tsx
+import { EmailBuilderProvider, EmailBuilder } from "create-email-template";
+import "create-email-template/style.css"; // ← OBLIGATORIO
+```
+
+El CSS es **autocontenido** (fuente Geist inline) y está **scopeado bajo `.ter-theme`**. El
+consumidor debe importarlo explícitamente; sin él, el editor se ve sin estilos.
+
+## Uso mínimo
+
+```tsx
+<EmailBuilderProvider
+  config={{ variables: [{ key: "firstName", label: "Nombre" }] }}
+  autosave={{ onSave: async (payload) => { await api.put(`/templates/${id}`, payload); } }}
+>
+  <EmailBuilder />
+</EmailBuilderProvider>
+```
+
+`onSave` recibe el payload `{ content, settings }`; la librería **no** hace red.
+
+## API pública
+
+### Componentes
+
+| Componente | Para qué |
+|---|---|
+| `EmailBuilder` | Editor completo (paleta + canvas + panel). |
+| `BlockPalette` | Paleta de bloques suelta. |
+| `Canvas` / `SortableCanvas` | Lienzo con drag & drop. |
+| `EditableBlockRenderer` | Render editable de un bloque concreto. |
+| `PropertiesPanel` | Panel de propiedades schema-driven. |
+| `InlineTextEditor`, `SelectionToolbar`, `VariablesInfoDialog`, `SettingsDialog` | Piezas internas reutilizables (el dialog de Ajustes gestiona tipografía, fondo y archivos). |
+
+### Hooks (siempre dentro de `<EmailBuilderProvider>`)
+
+| Hook | Devuelve |
+|---|---|
+| `useRenderEmail()` | `{ getPayload, renderHtml, getHtml, resolve, html, isPending, setHtml }` |
+| `useAutosaveStatus()` | `{ isSaving, lastSavedAt, lastError, lastResult, saveNow }` |
+| `useEmailBuilderStore(selector)` | Estado/acciones con selector. |
+| `useEmailBuilderStoreInstance()` | Instancia vanilla del store (`getState`/`setState`/`subscribe`). |
+| `useEmailBuilderConfig()` | Config resuelta. |
+
+### Store
+
+Estado: `blocks, selectedId, settings, dirty, propertiesOpen, past`.
+Acciones: `addBlock(type, index?, location?)`, `removeBlock`, `duplicateBlock`,
+`updateBlockProps`, `reorder(a, b, location?)`, `moveBlock`, `setSettings`, `select`,
+`setPropertiesOpen`, `hydrate({ blocks, settings? })`, `markSaved`, `getPayload`, `undo`.
+
+### Provider (`EmailBuilderConfig`)
+
+`variables`, `variableSections`, `blockLibrary`, `blockDefaults`, `palette`, `defaultSettings`,
+`sampleContext`, `files`, `labels`, `historyLimit` (default 50). `autosave` recibe
+`{ onSave, intervalMs (10s), enabled, onSaved }`; `uploadImage` sube imágenes y `uploadFile`
+sube documentos (PDF, DOC, XLS…).
+
+### Archivos descargables (`uploadFile` + `settings.files`)
+
+El usuario sube archivos en **Ajustes** (el engranaje del lienzo). Quedan en
+`settings.files` del payload y el bloque `downloads` los lista en el correo:
+
+```tsx
+<EmailBuilderProvider
+  uploadFile={async (file) => {
+    const form = new FormData();
+    form.append("file", file);
+    const res = await fetch("/api/uploads", { method: "POST", body: form });
+    const { url } = await res.json();
+    return url; // URL PÚBLICA: el destinatario la descarga y tu backend la adjunta
+  }}
+  config={{ files: { maxSizeMb: 10, maxCount: 10, warnTotalMb: 5 } }} // opcional
+>
+```
+
+- Cada archivo lleva dos interruptores: **Adjuntar** (`attach`, lo resuelve tu ESP al enviar) y
+  **Enlace** (`link`, aparece en el bloque `downloads`). Defaults: `link: true`, `attach: false`.
+- Sin `uploadFile`, la demo usa `URL.createObjectURL` (blob local): sirve para previsualizar,
+  **no** para un correo real.
+- Tu backend lee los adjuntos del payload:
+  `settings.files.filter((f) => f.attach).map((f) => ({ filename: f.name, path: f.url }))`.
+
+## Flujos típicos
+
+### Cargar una plantilla del backend
+
+```ts
+const { json } = await api.get(`/templates/${id}`);
+store.hydrate({ blocks: json.content, settings: json.settings }); // normaliza y reinicia el undo
+```
+
+### Guardar
+
+```ts
+const payload = store.getPayload();      // { content, settings }
+await api.put(`/templates/${id}`, payload); // tu backend lo renderiza con create-email-renderer
+```
+
+### Forzar guardado (botón manual)
+
+```ts
+const { saveNow } = useAutosaveStatus();
+await saveNow();
+```
+
+## Cómo extender
+
+- **Bloques nuevos de UI** (preview + editable + campos): registra una vista con `registerBlockViews`
+  (`block-views.ts`) y el render del backend con `registerBlock` en `create-email-renderer`.
+- **Recetas de variantes** (estilos de un bloque): un archivo `*-presets.ts` con `{ value, label, build() }`
+  que el panel consume con el kind `preset`.
+- **Kinds del panel** (`BlockFieldDef`): `text, richText, number, color, align, select, layout,
+  preset, image, icons, hint, row, group, stringList, repeat, custom`; los `group` aceptan
+  `visibleWhen: { key, equals }` para mostrar solo la sección de la variante activa.
+- **Labels**: todo texto de UI pasa por `labels` (`EmailBuilderLabels`) para i18n.
+
+## Reglas de oro
+
+1. **Core compartido en el renderer**: `src/core/*` son shims de una línea hacia
+   `create-email-renderer`. No dupliques tipos ni defaults aquí.
+2. **Nunca externalices** más de `react`, `react-dom` y `use-sync-external-store`.
+3. **CSS**: todo bajo `.ter-theme`/`ter-*`; los portales (dialog/sheet/toolbar) también. Un
+   selector global rompe la app del consumidor.
+4. **No expongas un entry `/server`**: el back-end usa el renderer.
+
+## Errores comunes
+
+| Síntoma | Causa |
+|---|---|
+| El editor se ve sin estilos | Falta `import "create-email-template/style.css"`. |
+| Un hook lanza "outside provider" | Está fuera de `<EmailBuilderProvider>`. |
+| Estilos raros en tu app | Un selector del CSS de la lib no está scopeado (`check:css-scope` lo vigila). |
+| El canvas muestra una versión vieja | Caché del dev server: borra `node_modules/.vite` y reinicia. |
+| `dirty` no baja | Solo `markSaved()` (autosave o manual) lo limpia. |
+| El bloque de descargas no muestra nada | No hay archivos en Ajustes con el interruptor **Enlace** activo. |
+| El archivo no llega adjunto | El HTML no adjunta: tu backend debe leer `settings.files` con `attach: true`. |

package/dist/block-views-builtin.d.ts

@@ -0,0 +1,6 @@
+import type { BlockFieldDef, BlockViewRegistration } from "./block-views";
+/** Editables built-in por tipo — registrados junto a los Preview. */
+export declare const BUILTIN_EDITABLES: Record<string, BlockViewRegistration["Editable"]>;
+export declare const BUILTIN_FIELDS: Record<string, BlockFieldDef[]>;
+export declare const RICH_INLINE_TYPES: Set<string>;
+//# sourceMappingURL=block-views-builtin.d.ts.map

package/dist/block-views-builtin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-views-builtin.d.ts","sourceRoot":"","sources":["../src/block-views-builtin.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAmqBzE,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,MAAM,EACN,qBAAqB,CAAC,UAAU,CAAC,CA4BlC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,EAAE,CA2B1D,CAAA;AAED,eAAO,MAAM,iBAAiB,aAO5B,CAAA"}

package/dist/block-views.d.ts

@@ -0,0 +1,124 @@
+import type * as React from "react";
+import type { EmailBlock, EmailContext, EmailPalette } from "./core/types";
+import type { EmailBuilderLabels } from "./config/types";
+export interface BlockPreviewProps {
+    props: any;
+    context: EmailContext;
+    palette: EmailPalette;
+}
+export interface BlockEditableProps {
+    block: EmailBlock;
+    props: any;
+    set: (patch: Record<string, unknown>) => void;
+    palette: EmailPalette;
+    labels: EmailBuilderLabels;
+}
+export interface BlockFieldsProps {
+    block: EmailBlock;
+    props: any;
+    set: (patch: Record<string, unknown>) => void;
+    labels: EmailBuilderLabels;
+}
+export type BlockFieldDef = {
+    kind: "text";
+    key: string;
+    label: string;
+} | {
+    kind: "richText";
+    key: string;
+    label: string;
+    placeholder?: string;
+} | {
+    kind: "number";
+    key: string;
+    label: string;
+    min?: number;
+    default?: number;
+} | {
+    kind: "color";
+    key: string;
+    label: string;
+    fallback?: string;
+} | {
+    kind: "align";
+    key: string;
+    label: string;
+} | {
+    kind: "select";
+    key: string;
+    label: string;
+    options: {
+        value: string | boolean | number;
+        label: string;
+    }[];
+} | {
+    kind: "layout";
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+        widths: number[];
+    }[];
+} | {
+    kind: "preset";
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+        build: () => Record<string, unknown>;
+    }[];
+} | {
+    kind: "image";
+    key: string;
+} | {
+    kind: "icons";
+    key: string;
+    label: string;
+    options: readonly string[];
+} | {
+    kind: "hint";
+    labelKey: keyof EmailBuilderLabels;
+} | {
+    kind: "row";
+    fields: [BlockFieldDef, BlockFieldDef?];
+} | {
+    kind: "group";
+    label: string;
+    fields: BlockFieldDef[];
+    /** Muestra el grupo solo si `props[key]` coincide con `equals`. */
+    visibleWhen?: {
+        key: string;
+        equals: string | boolean | number | (string | boolean | number)[];
+    };
+} | {
+    kind: "stringList";
+    key: string;
+    label: string;
+    placeholder?: string;
+} | {
+    kind: "repeat";
+    key: string;
+    label: string;
+    itemLabel: string;
+    /** No numera las filas ("Plan" en vez de "Plan 1"). */
+    hideIndex?: boolean;
+    fields: BlockFieldDef[];
+} | {
+    kind: "custom";
+    id: string;
+};
+export interface BlockViewRegistration {
+    type: string;
+    Preview?: React.ComponentType<BlockPreviewProps>;
+    Editable?: React.ComponentType<BlockEditableProps>;
+    fields?: BlockFieldDef[];
+    /** Muestra el hint de edición inline en el panel. */
+    richInline?: boolean;
+}
+export declare const registerBlockViews: (registration: BlockViewRegistration) => void;
+export declare const unregisterBlockViews: (type: string) => void;
+export declare const getBlockView: (type: string) => BlockViewRegistration | undefined;
+export declare const listBlockViews: () => BlockViewRegistration[];
+//# sourceMappingURL=block-views.d.ts.map

package/dist/block-views.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"block-views.d.ts","sourceRoot":"","sources":["../src/block-views.ts"],"names":[],"mappings":"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"}

package/dist/components/builder/canvas.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/builder/canvas.tsx"],"names":[],"mappings":"AA6BA,eAAO,MAAM,cAAc,GAAI,cAE5B;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,gCA+NA,CAAC"}
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/components/builder/canvas.tsx"],"names":[],"mappings":"AA4BA,eAAO,MAAM,cAAc,GAAI,cAE5B;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,gCAsJA,CAAC"}

package/dist/components/builder/editable-block-renderer.d.ts

@@ -1,7 +1,34 @@
 import { type EmailBlock } from "../../core/types";
+import { type BlockEditableProps } from "../../block-views";
 interface Props {
     block: EmailBlock;
 }
+export declare const EditableHeader: ({ props, set, palette, }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableHero: ({ props, set, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableHeading: ({ props, set, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableText: ({ props, set, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableList: ({ props, set, palette, labels }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableButton: ({ props, set, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableImage: ({ props, palette, labels, }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableQuote: ({ props, set, palette, labels }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableDivider: ({ props }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableSpacer: ({ props }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableSocial: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableGallery: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableStats: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditablePricing: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableCheckout: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableProduct: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableTestimonial: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableFeatures: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableAvatar: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableCode: ({ props }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableLink: ({ props, palette }: BlockEditableProps) => import("react").JSX.Element;
+/**
+ * Lista de archivos descargables. Los archivos NO se editan aquí: se suben en
+ * Ajustes (`settings.files`); el lienzo solo replica el diseño final.
+ */
+export declare const EditableDownloads: ({ props, palette, labels, }: BlockEditableProps) => import("react").JSX.Element;
 export declare const EditableBlockRenderer: ({ block }: Props) => import("react").JSX.Element | null;
 export {};
 //# sourceMappingURL=editable-block-renderer.d.ts.map

package/dist/components/builder/editable-block-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"editable-block-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/builder/editable-block-renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAUlD,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAA;CAClB;AAED,eAAO,MAAM,qBAAqB,GAAI,WAAW,KAAK,uCAycrD,CAAA"}
+{"version":3,"file":"editable-block-renderer.d.ts","sourceRoot":"","sources":["../../../src/components/builder/editable-block-renderer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAqB,MAAM,kBAAkB,CAAA;AAgBrE,OAAO,EAAgB,KAAK,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAEzE,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAA;CAClB;AAED,eAAO,MAAM,cAAc,GAAI,0BAI5B,kBAAkB,gCA+CpB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yBAAyB,kBAAkB,gCAqCvE,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,yBAAyB,kBAAkB,gCAyB1E,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,yBAAyB,kBAAkB,gCAwBvE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,iCAAiC,kBAAkB,gCAsP/E,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,yBAAyB,kBAAkB,gCAwCzE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,6BAI3B,kBAAkB,gCAuCpB,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,iCAAiC,kBAAkB,gCAuChF,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,WAAW,kBAAkB,gCAe5D,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,WAAW,kBAAkB,gCAO3D,CAAA;AAwBD,eAAO,MAAM,cAAc,GAAI,oBAAoB,kBAAkB,gCAgDpE,CAAA;AA8CD,eAAO,MAAM,eAAe,GAAI,oBAAoB,kBAAkB,gCAqErE,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,oBAAoB,kBAAkB,gCAsBnE,CAAA;AAyKD,eAAO,MAAM,eAAe,GAAI,oBAAoB,kBAAkB,gCAkErE,CAAA;AAiND,eAAO,MAAM,gBAAgB,GAAI,oBAAoB,kBAAkB,gCAoFtE,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,oBAAoB,kBAAkB,gCAKrE,CAAA;AA4CD,eAAO,MAAM,mBAAmB,GAAI,oBAAoB,kBAAkB,gCAiCzE,CAAA;AAED,eAAO,MAAM,gBAAgB,GAAI,oBAAoB,kBAAkB,gCA8BtE,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,oBAAoB,kBAAkB,gCAmCpE,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,WAAW,kBAAkB,gCAmBzD,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,oBAAoB,kBAAkB,gCAalE,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,6BAI/B,kBAAkB,gCAsHpB,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,WAAW,KAAK,uCAuBrD,CAAA"}

package/dist/components/builder/email-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"email-builder.d.ts","sourceRoot":"","sources":["../../../src/components/builder/email-builder.tsx"],"names":[],"mappings":"AAgCA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAI,eAAe,iBAAiB,gCA6M5D,CAAA"}
+{"version":3,"file":"email-builder.d.ts","sourceRoot":"","sources":["../../../src/components/builder/email-builder.tsx"],"names":[],"mappings":"AAiCA,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,YAAY,GAAI,eAAe,iBAAiB,gCA8M5D,CAAA"}

package/dist/components/builder/field-editors.d.ts

@@ -0,0 +1,36 @@
+import React from "react";
+import type { BlockFieldDef } from "../../block-views";
+import type { EmailBuilderLabels } from "../../config/types";
+export declare const Field: ({ label, children, }: {
+    label: string;
+    children: React.ReactNode;
+}) => React.JSX.Element;
+export declare const InlineHint: ({ text }: {
+    text: string;
+}) => React.JSX.Element;
+export declare const TextEdit: ({ label, value, onChange, }: {
+    label: string;
+    value: string;
+    onChange: (v: string) => void;
+}) => React.JSX.Element;
+export declare const AlignEdit: ({ value, onChange, }: {
+    value: string;
+    onChange: (v: "left" | "center" | "right") => void;
+}) => React.JSX.Element;
+export declare const ColorEdit: ({ value, onChange, }: {
+    value: string;
+    onChange: (v: string) => void;
+}) => React.JSX.Element;
+export declare const ImageEdit: ({ value, onChange, }: {
+    value: string;
+    onChange: (v: string) => void;
+}) => React.JSX.Element;
+export interface FieldsRendererProps {
+    props: any;
+    set: (patch: Record<string, unknown>) => void;
+    labels: EmailBuilderLabels;
+    fields: BlockFieldDef[];
+}
+/** Resuelve un schema de campos a controles concretos. */
+export declare const FieldsRenderer: ({ props, set, labels, fields, }: FieldsRendererProps) => React.JSX.Element;
+//# sourceMappingURL=field-editors.d.ts.map

package/dist/components/builder/field-editors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-editors.d.ts","sourceRoot":"","sources":["../../../src/components/builder/field-editors.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAS/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAE5D,eAAO,MAAM,KAAK,GAAI,sBAGnB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B,sBAOA,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,UAAU;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,sBAKpD,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,6BAItB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,sBAOA,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,sBAGvB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,KAAK,IAAI,CAAA;CACnD,sBAeA,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,sBAGvB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,sBAcA,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,sBAGvB;IACD,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAC9B,sBAkEA,CAAA;AAED,MAAM,WAAW,mBAAmB;IAElC,KAAK,EAAE,GAAG,CAAA;IACV,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7C,MAAM,EAAE,kBAAkB,CAAA;IAC1B,MAAM,EAAE,aAAa,EAAE,CAAA;CACxB;AAED,0DAA0D;AAC1D,eAAO,MAAM,cAAc,GAAI,iCAK5B,mBAAmB,sBAgVrB,CAAA"}

package/dist/components/builder/nested-block-list.d.ts

@@ -0,0 +1,8 @@
+import { type BlockLocation } from "../../store/block-tree";
+interface Props {
+    location: BlockLocation;
+    emptyLabel?: string;
+}
+export declare const NestedBlockList: ({ location, emptyLabel }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=nested-block-list.d.ts.map

package/dist/components/builder/nested-block-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nested-block-list.d.ts","sourceRoot":"","sources":["../../../src/components/builder/nested-block-list.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAA6B,KAAK,aAAa,EAAE,MAAM,wBAAwB,CAAA;AAGtF,UAAU,KAAK;IACb,QAAQ,EAAE,aAAa,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,eAAO,MAAM,eAAe,GAAI,0BAA0B,KAAK,gCA6F9D,CAAA"}

package/dist/components/builder/nested-blocks.d.ts

@@ -0,0 +1,6 @@
+import type { BlockEditableProps } from "../../block-views";
+export declare const EditableContainer: ({ block, props, }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableGrid: ({ block, props }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableColumns: ({ block, props, }: BlockEditableProps) => import("react").JSX.Element;
+export declare const EditableFooter: ({ block, props, set, palette, }: BlockEditableProps) => import("react").JSX.Element;
+//# sourceMappingURL=nested-blocks.d.ts.map

package/dist/components/builder/nested-blocks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nested-blocks.d.ts","sourceRoot":"","sources":["../../../src/components/builder/nested-blocks.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAA;AAI3D,eAAO,MAAM,iBAAiB,GAAI,mBAG/B,kBAAkB,gCAcpB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,kBAAkB,kBAAkB,gCA+BhE,CAAA;AAED,eAAO,MAAM,eAAe,GAAI,mBAG7B,kBAAkB,gCAuBpB,CAAA;AAID,eAAO,MAAM,cAAc,GAAI,iCAK5B,kBAAkB,gCA4DpB,CAAA"}

package/dist/components/builder/properties-panel.d.ts

@@ -1,8 +1,7 @@
-import React from "react";
 import { type EmailBlock } from "../../core/types";
 interface Props {
     block: EmailBlock;
 }
-export declare const PropertiesPanel: ({ block }: Props) => React.JSX.Element;
+export declare const PropertiesPanel: ({ block }: Props) => import("react").JSX.Element;
 export {};
 //# sourceMappingURL=properties-panel.d.ts.map

package/dist/components/builder/properties-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"properties-panel.d.ts","sourceRoot":"","sources":["../../../src/components/builder/properties-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2B,MAAM,OAAO,CAAA;AAI/C,OAAO,EAAE,KAAK,UAAU,EAAc,MAAM,kBAAkB,CAAA;AAyK9D,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAA;CAClB;AAYD,eAAO,MAAM,eAAe,GAAI,WAAW,KAAK,sBA0U/C,CAAA"}
+{"version":3,"file":"properties-panel.d.ts","sourceRoot":"","sources":["../../../src/components/builder/properties-panel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAKlD,UAAU,KAAK;IACb,KAAK,EAAE,UAAU,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,GAAI,WAAW,KAAK,gCA4C/C,CAAA"}

package/dist/components/builder/settings-dialog.d.ts

@@ -0,0 +1,7 @@
+interface Props {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}
+export declare const SettingsDialog: ({ open, onOpenChange }: Props) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=settings-dialog.d.ts.map

package/dist/components/builder/settings-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/builder/settings-dialog.tsx"],"names":[],"mappings":"AAwCA,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAA;IACb,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACtC;AA8DD,eAAO,MAAM,cAAc,GAAI,wBAAwB,KAAK,gCAuU3D,CAAA"}

package/dist/config/defaults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/config/defaults.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAEV,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAejB,eAAO,MAAM,yBAAyB,GACpC,SAAS,kBAAkB,KAC1B,0BAyCF,CAAC"}
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../src/config/defaults.ts"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAEV,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAejB,eAAO,MAAM,yBAAyB,GACpC,SAAS,kBAAkB,KAC1B,0BA0CF,CAAC"}