create-email-template 0.1.5 → 0.2.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

package/SKILL.md

@@ -0,0 +1,145 @@
+---
+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` | Piezas internas reutilizables. |
+
+### 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`, `labels`, `historyLimit` (default 50). `autosave` recibe
+`{ onSave, intervalMs (10s), enabled, onSaved }` y `uploadImage` sirve para subir imágenes.
+
+## 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. |

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;AAsnBzE,qEAAqE;AACrE,eAAO,MAAM,iBAAiB,EAAE,MAAM,CACpC,MAAM,EACN,qBAAqB,CAAC,UAAU,CAAC,CA2BlC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,EAAE,CA0B1D,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":"AA8BA,eAAO,MAAM,cAAc,GAAI,cAE5B;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,gCAkQA,CAAC"}

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

@@ -1,7 +1,29 @@
 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;
 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;AAUrE,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,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/config/types.d.ts

@@ -19,6 +19,10 @@ export interface EmailBuilderLabels {
     editInlineHint: string;
     listEditHint: string;
     columnsEditHint: string;
+    containerEditHint: string;
+    gridEditHint: string;
+    footerEditHint: string;
+    pricingEditHint: string;
     addListItem: string;
     listItemPlaceholder: string;
     imagePlaceholder: string;
@@ -51,6 +55,8 @@ export interface EmailBuilderLabels {
     pageBackground: string;
     cardBorderWidth: string;
     cardBorderRadius: string;
+    fontFamily: string;
+    fontCustom: string;
     settings: string;
     deviceMobile: string;
     deviceDesktop: string;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,eAAe,EACf,UAAU,EACV,eAAe,EACf,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,aAAa,EACd,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE7E,2EAA2E;AAC3E,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,CAAC,SAAS,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC;AAE5E,gEAAgE;AAChE,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;AAE1D;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,CACpC,MAAM,CAAC,cAAc,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC,CAC7D,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,cAAc,EAAE,kBA0D5B,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,aAAa,EAAE,CAAC;IAC5B,gBAAgB,CAAC,EAAE,oBAAoB,EAAE,CAAC;IAC1C,YAAY,CAAC,EAAE,eAAe,EAAE,CAAC;IACjC,aAAa,CAAC,EAAE,gBAAgB,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,YAAY,CAAC;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACrC,iEAAiE;IACjE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAE,aAAa,EAAE,CAAC;IAC3B,gBAAgB,EAAE,oBAAoB,EAAE,CAAC;IACzC,YAAY,EAAE,eAAe,EAAE,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,CAAC;IAClD,OAAO,EAAE,YAAY,CAAC;IACtB,eAAe,EAAE,aAAa,CAAC;IAC/B,aAAa,EAAE,YAAY,CAAC;IAC5B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,MAAM,EAAE,kBAAkB,CAAC;IAC3B,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,mEAAmE;AACnE,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,OAAO;IAC9C,EAAE,EAAE,IAAI,CAAC;IACT,sEAAsE;IACtE,IAAI,EAAE,KAAK,CAAC;IACZ,OAAO,EAAE,eAAe,CAAC;IACzB,OAAO,EAAE,IAAI,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,KAAK,CAAC;IACV,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,eAAe,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,OAAO;IAC9C;;;;OAIG;IACH,MAAM,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,KAAK,CAAC,CAAC;IACrD,8EAA8E;IAC9E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iFAAiF;IACjF,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,GAAG,aAAa,KAAK,IAAI,CAAC;CACpE"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"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"}

package/dist/core/blocks.d.ts

@@ -1,27 +1,31 @@
 import * as React from "react";
 import type { EmailBlock, EmailBlockProps, EmailContext, EmailPalette } from "./types";
+import { type BlockPreviewProps } from "../block-views";
 export declare const alignMap: {
     readonly left: "left";
     readonly center: "center";
     readonly right: "right";
 };
 export { alignMap as blockAlignMap };
-export declare const blockPadding: (props: EmailBlockProps) => {
-    padding: string;
-};
+export declare const blockPadding: (props: EmailBlockProps) => React.CSSProperties;
+/** Padding por lado + márgenes externos (paridad con el render HTML). */
+export declare const blockSpacing: (props: EmailBlockProps) => React.CSSProperties;
+/** Preview components react-email por tipo — alimentan el registry de vistas. */
+export declare const PREVIEW_COMPONENTS: Record<string, React.ComponentType<BlockPreviewProps>>;
 export declare const BlockRenderer: ({ block, context, palette, }: {
     block: EmailBlock;
     context: EmailContext;
     palette?: EmailPalette;
 }) => React.JSX.Element | null;
-export declare const EmailBody: ({ blocks, context, palette, cardBorderWidth, cardBorderRadius, }: {
+export declare const EmailBody: ({ blocks, context, palette, cardBorderWidth, cardBorderRadius, fontFamily, }: {
     blocks: EmailBlock[];
     context: EmailContext;
     palette?: EmailPalette;
     cardBorderWidth?: number;
     cardBorderRadius?: number;
+    fontFamily?: string;
 }) => React.JSX.Element;
-export declare const EmailTemplate: ({ blocks, subject, context, palette, pageBackground, cardBorderWidth, cardBorderRadius, }: {
+export declare const EmailTemplate: ({ blocks, subject, context, palette, pageBackground, cardBorderWidth, cardBorderRadius, fontFamily, }: {
     blocks: EmailBlock[];
     subject: string;
     context: EmailContext;
@@ -29,5 +33,6 @@ export declare const EmailTemplate: ({ blocks, subject, context, palette, pageBa
     pageBackground?: string;
     cardBorderWidth?: number;
     cardBorderRadius?: number;
+    fontFamily?: string;
 }) => React.JSX.Element;
 //# sourceMappingURL=blocks.d.ts.map

package/dist/core/blocks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/core/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,YAAY,EAab,MAAM,SAAS,CAAA;AAKhB,eAAO,MAAM,QAAQ;;;;CAIX,CAAA;AAEV,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,CAAA;AAEpC,eAAO,MAAM,YAAY,GAAI,OAAO,eAAe;;CAIlD,CAAA;AAwcD,eAAO,MAAM,aAAa,GAAI,8BAI3B;IACD,KAAK,EAAE,UAAU,CAAA;IACjB,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,6BAyFA,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,kEAMvB;IACD,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,sBAmBA,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,2FAQ3B;IACD,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,sBAcA,CAAA"}
+{"version":3,"file":"blocks.d.ts","sourceRoot":"","sources":["../../src/core/blocks.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,YAAY,EA4Bb,MAAM,SAAS,CAAA;AAIhB,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAErE,eAAO,MAAM,QAAQ;;;;CAIX,CAAA;AAEV,OAAO,EAAE,QAAQ,IAAI,aAAa,EAAE,CAAA;AAEpC,eAAO,MAAM,YAAY,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,aAwB3D,CAAA;AAED,yEAAyE;AACzE,eAAO,MAAM,YAAY,GAAI,OAAO,eAAe,KAAG,KAAK,CAAC,aAY3D,CAAA;AA0rDD,iFAAiF;AACjF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CACrC,MAAM,EACN,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CA2BvC,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,8BAI3B;IACD,KAAK,EAAE,UAAU,CAAA;IACjB,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB,6BAIA,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,8EAOvB;IACD,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,sBAoBA,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,uGAS3B;IACD,MAAM,EAAE,UAAU,EAAE,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,sBAsBA,CAAA"}

package/dist/core/build.d.ts

@@ -0,0 +1,2 @@
+export * from "create-email-renderer/build";
+//# sourceMappingURL=build.d.ts.map

package/dist/core/build.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build.d.ts","sourceRoot":"","sources":["../../src/core/build.ts"],"names":[],"mappings":"AAEA,cAAc,6BAA6B,CAAC"}

package/dist/core/id.d.ts

@@ -1,2 +1,2 @@
-export declare const newId: () => string;
+export { newId } from "create-email-renderer";
 //# sourceMappingURL=id.d.ts.map

package/dist/core/id.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../src/core/id.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,QAAO,MAA6B,CAAC"}
+{"version":3,"file":"id.d.ts","sourceRoot":"","sources":["../../src/core/id.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/core/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACd,MAAM,SAAS,CAAC;AAIjB,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAMD,eAAO,MAAM,eAAe,GAAU,kDAMnC,sBAAsB,KAAG,OAAO,CAAC,MAAM,CAWvC,CAAC"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/core/render.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,aAAa,EACd,MAAM,SAAS,CAAC;AAIjB,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,UAAU,EAAE,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAClC,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAMD,eAAO,MAAM,eAAe,GAAU,kDAMnC,sBAAsB,KAAG,OAAO,CAAC,MAAM,CAYvC,CAAC"}

package/dist/footer-presets.d.ts

@@ -0,0 +1,9 @@
+export type FooterVariant = "classic" | "one-column" | "two-columns";
+export interface FooterVariantDef {
+    value: FooterVariant;
+    label: string;
+    /** Patch de props para `set` al cambiar de variante (ids frescos). */
+    build: () => Record<string, unknown>;
+}
+export declare const FOOTER_VARIANTS: FooterVariantDef[];
+//# sourceMappingURL=footer-presets.d.ts.map

package/dist/footer-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer-presets.d.ts","sourceRoot":"","sources":["../src/footer-presets.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAA;AAEpE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,aAAa,CAAA;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,sEAAsE;IACtE,KAAK,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC;AA8ID,eAAO,MAAM,eAAe,EAAE,gBAAgB,EAiC7C,CAAA"}

package/dist/gallery-presets.d.ts

@@ -0,0 +1,9 @@
+import type { GalleryVariant } from "./core/types";
+export interface GalleryVariantDef {
+    value: GalleryVariant;
+    label: string;
+    /** Patch de props para `set` al cambiar de diseño (ids frescos). */
+    build: () => Record<string, unknown>;
+}
+export declare const GALLERY_VARIANTS: GalleryVariantDef[];
+//# sourceMappingURL=gallery-presets.d.ts.map

package/dist/gallery-presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery-presets.d.ts","sourceRoot":"","sources":["../src/gallery-presets.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAgB,cAAc,EAAE,MAAM,cAAc,CAAA;AAEhE,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,cAAc,CAAA;IACrB,KAAK,EAAE,MAAM,CAAA;IACb,oEAAoE;IACpE,KAAK,EAAE,MAAM,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CACrC;AAeD,eAAO,MAAM,gBAAgB,EAAE,iBAAiB,EA2D/C,CAAA"}

package/dist/hooks/use-email-builder.d.ts

@@ -1,26 +1,26 @@
 import type { EmailContext } from "../core/types";
 export declare const useEmailBuilder: () => {
     config: import("..").ResolvedEmailBuilderConfig;
-    variables: import("create-email-renderer/variables").EmailVariable[];
-    blockLibrary: import("create-email-renderer/types").BlockDefinition[];
-    blockMap: Record<import("create-email-renderer/types").EmailBlockType, import("create-email-renderer/types").BlockDefinition>;
-    palette: import("create-email-renderer/types").EmailPalette;
+    variables: import("create-email-renderer").EmailVariable[];
+    blockLibrary: import("create-email-renderer").BlockDefinition[];
+    blockMap: Record<import("create-email-renderer").EmailBlockType, import("create-email-renderer").BlockDefinition>;
+    palette: import("create-email-renderer").EmailPalette;
     sampleContext: EmailContext;
     labels: import("..").EmailBuilderLabels;
     uploadImage: import("..").UploadImage | undefined;
-    blocks: import("create-email-renderer/types").EmailBlock[];
+    blocks: import("create-email-renderer").EmailBlock[];
     selectedId: string | null;
     propertiesOpen: boolean;
-    settings: import("create-email-renderer/types").EmailSettings;
+    settings: import("create-email-renderer").EmailSettings;
     dirty: boolean;
     hydrate: (data: {
-        blocks: import("create-email-renderer/types").EmailBlock[];
-        settings?: Partial<import("create-email-renderer/types").EmailSettings>;
+        blocks: import("create-email-renderer").EmailBlock[];
+        settings?: Partial<import("create-email-renderer").EmailSettings>;
     }) => void;
-    setSettings: (patch: Partial<import("create-email-renderer/types").EmailSettings>) => void;
-    addBlock: (type: import("create-email-renderer/types").EmailBlockType, index?: number) => void;
-    reorder: (activeIndex: number, overIndex: number) => void;
-    updateBlockProps: (id: string, props: import("create-email-renderer/types").EmailBlockProps) => void;
+    setSettings: (patch: Partial<import("create-email-renderer").EmailSettings>) => void;
+    addBlock: (type: import("create-email-renderer").EmailBlockType, index?: number, location?: import("..").BlockLocation) => void;
+    reorder: (activeIndex: number, overIndex: number, location?: import("..").BlockLocation) => void;
+    updateBlockProps: (id: string, props: import("create-email-renderer").EmailBlockProps) => void;
     removeBlock: (id: string) => void;
     duplicateBlock: (id: string) => void;
     select: (id: string | null) => void;

package/dist/hooks/use-email-builder.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-email-builder.d.ts","sourceRoot":"","sources":["../../src/hooks/use-email-builder.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AASlD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;gBAcH,CAAC;;;;;;;;;;;;wBAQR;QAAE,OAAO,CAAC,EAAE,YAAY,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;oBAoBnD,MAAM,YAAY,YAAY,KAAG,MAAM;CAoCjD,CAAC"}
+{"version":3,"file":"use-email-builder.d.ts","sourceRoot":"","sources":["../../src/hooks/use-email-builder.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AASlD,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;gBAiBV,CAAC;;;;;;;;;;;;wBAKD;QAAE,OAAO,CAAC,EAAE,YAAY,CAAC;QAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAAE;oBAoBnD,MAAM,YAAY,YAAY,KAAG,MAAM;CAoCjD,CAAC"}