@react-email/editor 0.0.0-experimental.42 → 0.0.0-experimental.43

package/dist/core/index.cjs

@@ -1,9 +1,10 @@
-const require_event_bus = require('../event-bus-fb8U7hrl.cjs');
-const require_extensions = require('../extensions-wGY7l1wH.cjs');
+const require_event_bus = require('../event-bus-BJn1dJM1.cjs');
+const require_extensions = require('../extensions-B6VCxUmi.cjs');
 
 exports.EmailMark = require_extensions.EmailMark;
 exports.EmailNode = require_event_bus.EmailNode;
 exports.composeReactEmail = require_extensions.composeReactEmail;
 exports.editorEventBus = require_event_bus.editorEventBus;
 exports.isDocumentVisuallyEmpty = require_extensions.isDocumentVisuallyEmpty;
-exports.useEditor = require_extensions.useEditor;
+exports.useEditor = require_extensions.useEditor;
+exports.useEditorEvent = require_event_bus.useEditorEvent;

package/dist/core/index.d.cts

@@ -1,2 +1,2 @@
-import { a as EmailMark, c as SerializedMark, d as EditorEventHandler, f as EditorEventMap, h as editorEventBus, i as NodeRendererComponent, l as composeReactEmail, m as EditorEventSubscription, n as EmailNode, o as EmailMarkConfig, p as EditorEventName, r as EmailNodeConfig, s as MarkRendererComponent, t as useEditor, u as isDocumentVisuallyEmpty } from "../index-C4KcMQ0R.cjs";
-export { EditorEventHandler, EditorEventMap, EditorEventName, EditorEventSubscription, EmailMark, EmailMarkConfig, EmailNode, EmailNodeConfig, MarkRendererComponent, NodeRendererComponent, SerializedMark, composeReactEmail, editorEventBus, isDocumentVisuallyEmpty, useEditor };
+import { S as useEditorEvent, _ as EditorEventHandler, a as EventSubscription, b as EditorEventSubscription, c as EmailNode, d as EmailMark, f as EmailMarkConfig, g as isDocumentVisuallyEmpty, h as composeReactEmail, i as EventHandler, l as EmailNodeConfig, m as SerializedMark, n as CustomPlaceholder, o as NodeClickedEvent, p as MarkRendererComponent, r as DispatchOptions, s as PlaceholderItem, t as useEditor, u as NodeRendererComponent, v as EditorEventMap, x as editorEventBus, y as EditorEventName } from "../index-LCPnE_xx.cjs";
+export { CustomPlaceholder, DispatchOptions, EditorEventHandler, EditorEventMap, EditorEventName, EditorEventSubscription, EmailMark, EmailMarkConfig, EmailNode, EmailNodeConfig, EventHandler, EventSubscription, MarkRendererComponent, NodeClickedEvent, NodeRendererComponent, PlaceholderItem, SerializedMark, composeReactEmail, editorEventBus, isDocumentVisuallyEmpty, useEditor, useEditorEvent };

package/dist/core/index.d.mts

@@ -1,3 +1,3 @@
-import { a as EmailMark, c as SerializedMark, d as EditorEventHandler, f as EditorEventMap, h as editorEventBus, i as NodeRendererComponent, l as composeReactEmail, m as EditorEventSubscription, n as EmailNode, o as EmailMarkConfig, p as EditorEventName, r as EmailNodeConfig, s as MarkRendererComponent, t as useEditor, u as isDocumentVisuallyEmpty } from "../index-CxX7W63O.mjs";
-import "../create-paste-handler-CGR738bC.mjs";
-export { EditorEventHandler, EditorEventMap, EditorEventName, EditorEventSubscription, EmailMark, EmailMarkConfig, EmailNode, EmailNodeConfig, MarkRendererComponent, NodeRendererComponent, SerializedMark, composeReactEmail, editorEventBus, isDocumentVisuallyEmpty, useEditor };
+import { S as useEditorEvent, _ as EditorEventHandler, a as EventSubscription, b as EditorEventSubscription, c as EmailNode, d as EmailMark, f as EmailMarkConfig, g as isDocumentVisuallyEmpty, h as composeReactEmail, i as EventHandler, l as EmailNodeConfig, m as SerializedMark, n as CustomPlaceholder, o as NodeClickedEvent, p as MarkRendererComponent, r as DispatchOptions, s as PlaceholderItem, t as useEditor, u as NodeRendererComponent, v as EditorEventMap, x as editorEventBus, y as EditorEventName } from "../index-i5JdL0UD.mjs";
+import "../create-paste-handler-DsJYKisA.mjs";
+export { CustomPlaceholder, DispatchOptions, EditorEventHandler, EditorEventMap, EditorEventName, EditorEventSubscription, EmailMark, EmailMarkConfig, EmailNode, EmailNodeConfig, EventHandler, EventSubscription, MarkRendererComponent, NodeClickedEvent, NodeRendererComponent, PlaceholderItem, SerializedMark, composeReactEmail, editorEventBus, isDocumentVisuallyEmpty, useEditor, useEditorEvent };

package/dist/core/index.mjs

@@ -1,4 +1,4 @@
-import { H as EmailMark, O as useEditor, V as composeReactEmail, k as isDocumentVisuallyEmpty } from "../extensions-D-VkzZTa.mjs";
-import { h as EmailNode, t as editorEventBus } from "../event-bus-CHEzOS_O.mjs";
+import { H as EmailMark, O as useEditor, V as composeReactEmail, k as isDocumentVisuallyEmpty } from "../extensions-mStGDfMH.mjs";
+import { g as EmailNode, n as useEditorEvent, t as editorEventBus } from "../event-bus-DJpnfDHw.mjs";
 
-export { EmailMark, EmailNode, composeReactEmail, editorEventBus, isDocumentVisuallyEmpty, useEditor };
+export { EmailMark, EmailNode, composeReactEmail, editorEventBus, isDocumentVisuallyEmpty, useEditor, useEditorEvent };

package/dist/{create-paste-handler-CGR738bC.d.mts → create-paste-handler-DsJYKisA.d.mts}

@@ -11,4 +11,4 @@ type UploadImageHandler = (file: File, view: EditorView, pos: number, preserveAt
 }) => void | Promise<void>;
 //#endregion
 export { UploadImageHandler as n, PasteHandler as t };
-//# sourceMappingURL=create-paste-handler-CGR738bC.d.mts.map
+//# sourceMappingURL=create-paste-handler-DsJYKisA.d.mts.map

package/dist/{create-paste-handler-CGR738bC.d.mts.map → create-paste-handler-DsJYKisA.d.mts.map}

@@ -1 +1 @@
-{"version":3,"file":"create-paste-handler-CGR738bC.d.mts","names":[],"sources":["../src/core/create-paste-handler.ts"],"sourcesContent":[],"mappings":";;;;KAMY,YAAA,sBACQ,YACZ;AAFI,KAKA,kBAAA,GAJQ,CAAA,IACZ,EAIA,IAJA,EAAA,IAAU,EAKV,UALU,EAAA,GAAA,EAAA,MAAA,EAAA,kBAaC,CAbD,EAAA;EAGN,KAAA,CAAA,EAAA,MAAA;EACJ,MAAA,CAAA,EAAA,MAAA;EACA,SAAA,CAAA,EAAA,MAAA;EAQI,IAAA,CAAA,EAAA,MAAA;CAAO,EAAA,GAAA,IAAA,GAAP,OAAO,CAAA,IAAA,CAAA"}
+{"version":3,"file":"create-paste-handler-DsJYKisA.d.mts","names":[],"sources":["../src/core/create-paste-handler.ts"],"sourcesContent":[],"mappings":";;;;KAMY,YAAA,sBACQ,YACZ;AAFI,KAKA,kBAAA,GAJQ,CAAA,IACZ,EAIA,IAJA,EAAA,IAAU,EAKV,UALU,EAAA,GAAA,EAAA,MAAA,EAAA,kBAaC,CAbD,EAAA;EAGN,KAAA,CAAA,EAAA,MAAA;EACJ,MAAA,CAAA,EAAA,MAAA;EACA,SAAA,CAAA,EAAA,MAAA;EAQI,IAAA,CAAA,EAAA,MAAA;CAAO,EAAA,GAAA,IAAA,GAAP,OAAO,CAAA,IAAA,CAAA"}

package/dist/{event-bus-fb8U7hrl.cjs → event-bus-BJn1dJM1.cjs}

@@ -25,7 +25,8 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 }) : target, mod));
 
 //#endregion
-const require_styles = require('./styles-C-cCyJCn.cjs');
+const require_global_content = require('./global-content-C5WjNoMX.cjs');
+let react = require("react");
 let _react_email_components = require("@react-email/components");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _tiptap_core = require("@tiptap/core");
@@ -220,7 +221,7 @@ function createColumnsNode(config, includeCommands) {
 			} };
 		} },
 		renderToReactEmail({ children, node, style }) {
-			const inlineStyles = require_styles.inlineCssToJs(node.attrs?.style);
+			const inlineStyles = require_global_content.inlineCssToJs(node.attrs?.style);
 			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Row, {
 				className: node.attrs?.class || void 0,
 				style: {
@@ -295,7 +296,7 @@ const ColumnsColumn = EmailNode.create({
 		};
 	},
 	renderToReactEmail({ children, node, style }) {
-		const inlineStyles = require_styles.inlineCssToJs(node.attrs?.style);
+		const inlineStyles = require_global_content.inlineCssToJs(node.attrs?.style);
 		const width = node.attrs?.width;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_react_email_components.Column, {
 			className: node.attrs?.class || void 0,
@@ -350,6 +351,16 @@ var EditorEventBus = class {
 	}
 };
 const editorEventBus = new EditorEventBus();
+function useEditorEvent(eventName, handler, options) {
+	(0, react.useEffect)(() => {
+		const subscription = editorEventBus.on(eventName, handler, options);
+		return () => subscription.unsubscribe();
+	}, [
+		eventName,
+		handler,
+		options
+	]);
+}
 
 //#endregion
 Object.defineProperty(exports, 'COLUMN_PARENT_TYPES', {
@@ -447,4 +458,10 @@ Object.defineProperty(exports, 'getColumnsDepth', {
   get: function () {
     return getColumnsDepth;
   }
+});
+Object.defineProperty(exports, 'useEditorEvent', {
+  enumerable: true,
+  get: function () {
+    return useEditorEvent;
+  }
 });

package/dist/{event-bus-CHEzOS_O.mjs → event-bus-DJpnfDHw.mjs}

@@ -1,4 +1,5 @@
-import { n as inlineCssToJs } from "./styles-_TMw3YxC.mjs";
+import { i as inlineCssToJs } from "./global-content-CjA49_jE.mjs";
+import { useEffect } from "react";
 import { Column, Row } from "@react-email/components";
 import { jsx } from "react/jsx-runtime";
 import { Node, mergeAttributes } from "@tiptap/core";
@@ -323,7 +324,17 @@ var EditorEventBus = class {
 	}
 };
 const editorEventBus = new EditorEventBus();
+function useEditorEvent(eventName, handler, options) {
+	useEffect(() => {
+		const subscription = editorEventBus.on(eventName, handler, options);
+		return () => subscription.unsubscribe();
+	}, [
+		eventName,
+		handler,
+		options
+	]);
+}
 
 //#endregion
-export { MAX_COLUMNS_DEPTH as a, getColumnsDepth as c, TABLE_ATTRIBUTES as d, TABLE_CELL_ATTRIBUTES as f, EmailNode as h, FourColumns as i, COMMON_HTML_ATTRIBUTES as l, createStandardAttributes as m, COLUMN_PARENT_TYPES as n, ThreeColumns as o, TABLE_HEADER_ATTRIBUTES as p, ColumnsColumn as r, TwoColumns as s, editorEventBus as t, LAYOUT_ATTRIBUTES as u };
-//# sourceMappingURL=event-bus-CHEzOS_O.mjs.map
+export { FourColumns as a, TwoColumns as c, LAYOUT_ATTRIBUTES as d, TABLE_ATTRIBUTES as f, EmailNode as g, createStandardAttributes as h, ColumnsColumn as i, getColumnsDepth as l, TABLE_HEADER_ATTRIBUTES as m, useEditorEvent as n, MAX_COLUMNS_DEPTH as o, TABLE_CELL_ATTRIBUTES as p, COLUMN_PARENT_TYPES as r, ThreeColumns as s, editorEventBus as t, COMMON_HTML_ATTRIBUTES as u };
+//# sourceMappingURL=event-bus-DJpnfDHw.mjs.map

package/dist/{event-bus-CHEzOS_O.mjs.map → event-bus-DJpnfDHw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"event-bus-CHEzOS_O.mjs","names":[],"sources":["../src/core/serializer/email-node.ts","../src/utils/attribute-helpers.ts","../src/extensions/columns.tsx","../src/core/event-bus.ts"],"sourcesContent":["import {\n  type Editor,\n  type JSONContent,\n  Node,\n  type NodeConfig,\n  type NodeType,\n} from '@tiptap/core';\n\nexport type NodeRendererComponent = (props: {\n  node: JSONContent;\n  style: React.CSSProperties;\n  children?: React.ReactNode;\n\n  extension: EmailNode<any, any>;\n}) => React.ReactNode;\n\nexport interface EmailNodeConfig<Options, Storage>\n  extends NodeConfig<Options, Storage> {\n  renderToReactEmail: NodeRendererComponent;\n}\n\ntype ConfigParameter<Options, Storage> = Partial<\n  Omit<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'>\n> &\n  Pick<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'> &\n  ThisType<{\n    name: string;\n    options: Options;\n    storage: Storage;\n    editor: Editor;\n    type: NodeType;\n    parent: (...args: any[]) => any;\n  }>;\n\nexport class EmailNode<\n  Options = Record<string, never>,\n  Storage = Record<string, never>,\n> extends Node<Options, Storage> {\n  declare config: EmailNodeConfig<Options, Storage>;\n\n  // biome-ignore lint/complexity/noUselessConstructor: This is only meant to change the types for config, hence why we keep it\n  constructor(config: ConfigParameter<Options, Storage>) {\n    super(config);\n  }\n\n  /**\n   * Create a new Node instance\n   * @param config - Node configuration object or a function that returns a configuration object\n   */\n  static create<O = Record<string, never>, S = Record<string, never>>(\n    config: ConfigParameter<O, S> | (() => ConfigParameter<O, S>),\n  ) {\n    // If the config is a function, execute it to get the configuration object\n    const resolvedConfig = typeof config === 'function' ? config() : config;\n    return new EmailNode<O, S>(resolvedConfig);\n  }\n\n  static from<O, S>(\n    node: Node<O, S>,\n    renderToReactEmail: NodeRendererComponent,\n  ): EmailNode<O, S> {\n    const customNode = EmailNode.create({} as ConfigParameter<O, S>);\n    // This only makes a shallow copy, so if there's nested objects here mutating things will be dangerous\n    Object.assign(customNode, { ...node });\n    customNode.config = { ...node.config, renderToReactEmail };\n    return customNode;\n  }\n\n  // Subclass return types for configure/extend; safe at runtime. TipTap's Node typings cause TS2416 when returning EmailNode.\n  // @ts-expect-error - EmailNode is a valid Node subclass; base typings don't support subclass return types\n  configure(options?: Partial<Options>) {\n    return super.configure(options) as EmailNode<Options, Storage>;\n  }\n\n  // @ts-expect-error - same as configure: extend returns EmailNode for chaining; base typings are incompatible\n  extend<\n    ExtendedOptions = Options,\n    ExtendedStorage = Storage,\n    ExtendedConfig extends NodeConfig<\n      ExtendedOptions,\n      ExtendedStorage\n    > = EmailNodeConfig<ExtendedOptions, ExtendedStorage>,\n  >(\n    extendedConfig?:\n      | (() => Partial<ExtendedConfig>)\n      | (Partial<ExtendedConfig> &\n          ThisType<{\n            name: string;\n            options: ExtendedOptions;\n            storage: ExtendedStorage;\n            editor: Editor;\n            type: NodeType;\n          }>),\n  ): EmailNode<ExtendedOptions, ExtendedStorage> {\n    // If the extended config is a function, execute it to get the configuration object\n    const resolvedConfig =\n      typeof extendedConfig === 'function' ? extendedConfig() : extendedConfig;\n    return super.extend(resolvedConfig) as EmailNode<\n      ExtendedOptions,\n      ExtendedStorage\n    >;\n  }\n}\n","/**\n * Creates TipTap attribute definitions for a list of HTML attributes.\n * Each attribute will have the same pattern:\n * - default: null\n * - parseHTML: extracts the attribute from the element\n * - renderHTML: conditionally renders the attribute if it has a value\n *\n * @param attributeNames - Array of HTML attribute names to create definitions for\n * @returns Object with TipTap attribute definitions\n *\n * @example\n * const attrs = createStandardAttributes(['class', 'id', 'title']);\n * // Returns:\n * // {\n * //   class: {\n * //     default: null,\n * //     parseHTML: (element) => element.getAttribute('class'),\n * //     renderHTML: (attributes) => attributes.class ? { class: attributes.class } : {}\n * //   },\n * //   ...\n * // }\n */\nexport function createStandardAttributes(attributeNames: readonly string[]) {\n  return Object.fromEntries(\n    attributeNames.map((attr) => [\n      attr,\n      {\n        default: null,\n        parseHTML: (element: HTMLElement) => element.getAttribute(attr),\n        renderHTML: (attributes: Record<string, unknown>) => {\n          if (!attributes[attr]) {\n            return {};\n          }\n\n          return {\n            [attr]: attributes[attr],\n          };\n        },\n      },\n    ]),\n  );\n}\n\n/**\n * Common HTML attributes used across multiple extensions.\n * These preserve attributes during HTML import and editing for better\n * fidelity when importing existing email templates.\n */\nexport const COMMON_HTML_ATTRIBUTES = [\n  'id',\n  'class',\n  'title',\n  'lang',\n  'dir',\n  'data-id',\n] as const;\n\n/**\n * Layout-specific HTML attributes used for positioning and sizing.\n */\nexport const LAYOUT_ATTRIBUTES = ['align', 'width', 'height'] as const;\n\n/**\n * Table-specific HTML attributes used for table layout and styling.\n */\nexport const TABLE_ATTRIBUTES = [\n  'border',\n  'cellpadding',\n  'cellspacing',\n] as const;\n\n/**\n * Table cell-specific HTML attributes.\n */\nexport const TABLE_CELL_ATTRIBUTES = [\n  'valign',\n  'bgcolor',\n  'colspan',\n  'rowspan',\n] as const;\n\n/**\n * Table header cell-specific HTML attributes.\n * These are additional attributes that only apply to <th> elements.\n */\nexport const TABLE_HEADER_ATTRIBUTES = [\n  ...TABLE_CELL_ATTRIBUTES,\n  'scope',\n] as const;\n","import { Column, Row } from '@react-email/components';\nimport { type CommandProps, mergeAttributes } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { TextSelection } from '@tiptap/pm/state';\nimport { EmailNode } from '../core/serializer/email-node';\nimport {\n  COMMON_HTML_ATTRIBUTES,\n  createStandardAttributes,\n  LAYOUT_ATTRIBUTES,\n} from '../utils/attribute-helpers';\nimport { inlineCssToJs } from '../utils/styles';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    columns: {\n      insertColumns: (count: 2 | 3 | 4) => ReturnType;\n    };\n  }\n}\n\nexport const COLUMN_PARENT_TYPES = [\n  'twoColumns',\n  'threeColumns',\n  'fourColumns',\n] as const;\n\nconst COLUMN_PARENT_SET = new Set<string>(COLUMN_PARENT_TYPES);\n\nexport const MAX_COLUMNS_DEPTH = 3;\n\nexport function getColumnsDepth(doc: ProseMirrorNode, from: number): number {\n  const $from = doc.resolve(from);\n  let depth = 0;\n  for (let d = $from.depth; d > 0; d--) {\n    if (COLUMN_PARENT_SET.has($from.node(d).type.name)) {\n      depth++;\n    }\n  }\n  return depth;\n}\n\ninterface ColumnsVariantConfig {\n  name: (typeof COLUMN_PARENT_TYPES)[number];\n  columnCount: number;\n  content: string;\n  dataType: string;\n}\n\nconst VARIANTS: ColumnsVariantConfig[] = [\n  {\n    name: 'twoColumns',\n    columnCount: 2,\n    content: 'columnsColumn columnsColumn',\n    dataType: 'two-columns',\n  },\n  {\n    name: 'threeColumns',\n    columnCount: 3,\n    content: 'columnsColumn columnsColumn columnsColumn',\n    dataType: 'three-columns',\n  },\n  {\n    name: 'fourColumns',\n    columnCount: 4,\n    content: 'columnsColumn{4}',\n    dataType: 'four-columns',\n  },\n];\n\nconst NODE_TYPE_MAP: Record<number, (typeof COLUMN_PARENT_TYPES)[number]> = {\n  2: 'twoColumns',\n  3: 'threeColumns',\n  4: 'fourColumns',\n};\n\nfunction createColumnsNode(\n  config: ColumnsVariantConfig,\n  includeCommands: boolean,\n) {\n  return EmailNode.create({\n    name: config.name,\n    group: 'block',\n    content: config.content,\n    isolating: true,\n    defining: true,\n\n    addAttributes() {\n      return createStandardAttributes([\n        ...LAYOUT_ATTRIBUTES,\n        ...COMMON_HTML_ATTRIBUTES,\n      ]);\n    },\n\n    parseHTML() {\n      return [{ tag: `div[data-type=\"${config.dataType}\"]` }];\n    },\n\n    renderHTML({ HTMLAttributes }) {\n      return [\n        'div',\n        mergeAttributes(\n          { 'data-type': config.dataType, class: 'node-columns' },\n          HTMLAttributes,\n        ),\n        0,\n      ];\n    },\n\n    ...(includeCommands && {\n      addCommands() {\n        return {\n          insertColumns:\n            (count: 2 | 3 | 4) =>\n            ({\n              commands,\n              state,\n            }: CommandProps & {\n              state: { doc: ProseMirrorNode; selection: { from: number } };\n            }) => {\n              if (\n                getColumnsDepth(state.doc, state.selection.from) >=\n                MAX_COLUMNS_DEPTH\n              ) {\n                return false;\n              }\n              const nodeType = NODE_TYPE_MAP[count];\n              const children = Array.from({ length: count }, () => ({\n                type: 'columnsColumn',\n                content: [{ type: 'paragraph', content: [] }],\n              }));\n              return commands.insertContent({\n                type: nodeType,\n                content: children,\n              });\n            },\n        };\n      },\n    }),\n\n    renderToReactEmail({ children, node, style }) {\n      const inlineStyles = inlineCssToJs(node.attrs?.style);\n      return (\n        <Row\n          className={node.attrs?.class || undefined}\n          style={{ ...style, ...inlineStyles }}\n        >\n          {children}\n        </Row>\n      );\n    },\n  });\n}\n\nexport const TwoColumns = createColumnsNode(VARIANTS[0], true);\nexport const ThreeColumns = createColumnsNode(VARIANTS[1], false);\nexport const FourColumns = createColumnsNode(VARIANTS[2], false);\n\nexport const ColumnsColumn = EmailNode.create({\n  name: 'columnsColumn',\n  group: 'columnsColumn',\n  content: 'block+',\n  isolating: true,\n\n  addAttributes() {\n    return {\n      ...createStandardAttributes([\n        ...LAYOUT_ATTRIBUTES,\n        ...COMMON_HTML_ATTRIBUTES,\n      ]),\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-type=\"column\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      mergeAttributes(\n        { 'data-type': 'column', class: 'node-column' },\n        HTMLAttributes,\n      ),\n      0,\n    ];\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: ({ editor }) => {\n        const { state } = editor;\n        const { selection } = state;\n        const { empty, $from } = selection;\n\n        if (!empty) return false;\n\n        for (let depth = $from.depth; depth >= 1; depth--) {\n          if ($from.pos !== $from.start(depth)) break;\n\n          const indexInParent = $from.index(depth - 1);\n\n          if (indexInParent === 0) continue;\n\n          const parent = $from.node(depth - 1);\n          const prevNode = parent.child(indexInParent - 1);\n\n          if (COLUMN_PARENT_SET.has(prevNode.type.name)) {\n            const deleteFrom = $from.before(depth) - prevNode.nodeSize;\n            const deleteTo = $from.before(depth);\n            editor.view.dispatch(state.tr.delete(deleteFrom, deleteTo));\n            return true;\n          }\n\n          break;\n        }\n\n        return false;\n      },\n      'Mod-a': ({ editor }) => {\n        const { state } = editor;\n        const { $from } = state.selection;\n\n        for (let d = $from.depth; d > 0; d--) {\n          if ($from.node(d).type.name !== 'columnsColumn') {\n            continue;\n          }\n\n          const columnStart = $from.start(d);\n          const columnEnd = $from.end(d);\n          const { from, to } = state.selection;\n\n          if (from === columnStart && to === columnEnd) {\n            return false;\n          }\n\n          editor.view.dispatch(\n            state.tr.setSelection(\n              TextSelection.create(state.doc, columnStart, columnEnd),\n            ),\n          );\n          return true;\n        }\n\n        return false;\n      },\n    };\n  },\n\n  renderToReactEmail({ children, node, style }) {\n    const inlineStyles = inlineCssToJs(node.attrs?.style);\n    const width = node.attrs?.width;\n    return (\n      <Column\n        className={node.attrs?.class || undefined}\n        style={{\n          ...style,\n          ...inlineStyles,\n          ...(width ? { width } : {}),\n        }}\n      >\n        {children}\n      </Column>\n    );\n  },\n});\n","const EVENT_PREFIX = '@react-email/editor:';\n\n/**\n * Base event map interface for the editor event bus.\n *\n * Components extend this via TypeScript module augmentation:\n * ```ts\n * declare module '@react-email/editor' {\n *   interface EditorEventMap {\n *     'my-component:custom-event': { data: string };\n *   }\n * }\n * ```\n */\nexport interface EditorEventMap {\n  'bubble-menu:add-link': undefined;\n}\n\nexport type EditorEventName = keyof EditorEventMap;\n\nexport type EditorEventHandler<T extends EditorEventName> = (\n  payload: EditorEventMap[T],\n) => void | Promise<void>;\n\nexport interface EditorEventSubscription {\n  unsubscribe: () => void;\n}\n\nclass EditorEventBus {\n  private prefixEventName(eventName: EditorEventName): string {\n    return `${EVENT_PREFIX}${String(eventName)}`;\n  }\n\n  dispatch<T extends EditorEventName>(\n    eventName: T,\n    payload: EditorEventMap[T],\n    options?: { target?: EventTarget },\n  ): void {\n    const target = options?.target ?? window;\n    const prefixedEventName = this.prefixEventName(eventName);\n    const event = new CustomEvent(prefixedEventName, {\n      detail: payload,\n      bubbles: false,\n      cancelable: false,\n    });\n    target.dispatchEvent(event);\n  }\n\n  on<T extends EditorEventName>(\n    eventName: T,\n    handler: EditorEventHandler<T>,\n    options?: AddEventListenerOptions & { target?: EventTarget },\n  ): EditorEventSubscription {\n    const target = options?.target ?? window;\n    const prefixedEventName = this.prefixEventName(eventName);\n    const abortController = new AbortController();\n\n    const wrappedHandler = (event: Event) => {\n      const customEvent = event as CustomEvent<EditorEventMap[T]>;\n      const result = handler(customEvent.detail);\n\n      if (result instanceof Promise) {\n        result.catch((error) => {\n          console.error(\n            `Error in async event handler for ${prefixedEventName}:`,\n            { event: customEvent.detail, error },\n          );\n        });\n      }\n    };\n\n    target.addEventListener(prefixedEventName, wrappedHandler, {\n      ...options,\n      signal: abortController.signal,\n    });\n\n    return {\n      unsubscribe: () => {\n        abortController.abort();\n      },\n    };\n  }\n}\n\nexport const editorEventBus = new EditorEventBus();\n"],"mappings":"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"}
+{"version":3,"file":"event-bus-DJpnfDHw.mjs","names":[],"sources":["../src/core/serializer/email-node.ts","../src/utils/attribute-helpers.ts","../src/extensions/columns.tsx","../src/core/event-bus.ts"],"sourcesContent":["import {\n  type Editor,\n  type JSONContent,\n  Node,\n  type NodeConfig,\n  type NodeType,\n} from '@tiptap/core';\n\nexport type NodeRendererComponent = (props: {\n  node: JSONContent;\n  style: React.CSSProperties;\n  children?: React.ReactNode;\n\n  extension: EmailNode<any, any>;\n}) => React.ReactNode;\n\nexport interface EmailNodeConfig<Options, Storage>\n  extends NodeConfig<Options, Storage> {\n  renderToReactEmail: NodeRendererComponent;\n}\n\ntype ConfigParameter<Options, Storage> = Partial<\n  Omit<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'>\n> &\n  Pick<EmailNodeConfig<Options, Storage>, 'renderToReactEmail'> &\n  ThisType<{\n    name: string;\n    options: Options;\n    storage: Storage;\n    editor: Editor;\n    type: NodeType;\n    parent: (...args: any[]) => any;\n  }>;\n\nexport class EmailNode<\n  Options = Record<string, never>,\n  Storage = Record<string, never>,\n> extends Node<Options, Storage> {\n  declare config: EmailNodeConfig<Options, Storage>;\n\n  // biome-ignore lint/complexity/noUselessConstructor: This is only meant to change the types for config, hence why we keep it\n  constructor(config: ConfigParameter<Options, Storage>) {\n    super(config);\n  }\n\n  /**\n   * Create a new Node instance\n   * @param config - Node configuration object or a function that returns a configuration object\n   */\n  static create<O = Record<string, never>, S = Record<string, never>>(\n    config: ConfigParameter<O, S> | (() => ConfigParameter<O, S>),\n  ) {\n    // If the config is a function, execute it to get the configuration object\n    const resolvedConfig = typeof config === 'function' ? config() : config;\n    return new EmailNode<O, S>(resolvedConfig);\n  }\n\n  static from<O, S>(\n    node: Node<O, S>,\n    renderToReactEmail: NodeRendererComponent,\n  ): EmailNode<O, S> {\n    const customNode = EmailNode.create({} as ConfigParameter<O, S>);\n    // This only makes a shallow copy, so if there's nested objects here mutating things will be dangerous\n    Object.assign(customNode, { ...node });\n    customNode.config = { ...node.config, renderToReactEmail };\n    return customNode;\n  }\n\n  // Subclass return types for configure/extend; safe at runtime. TipTap's Node typings cause TS2416 when returning EmailNode.\n  // @ts-expect-error - EmailNode is a valid Node subclass; base typings don't support subclass return types\n  configure(options?: Partial<Options>) {\n    return super.configure(options) as EmailNode<Options, Storage>;\n  }\n\n  // @ts-expect-error - same as configure: extend returns EmailNode for chaining; base typings are incompatible\n  extend<\n    ExtendedOptions = Options,\n    ExtendedStorage = Storage,\n    ExtendedConfig extends NodeConfig<\n      ExtendedOptions,\n      ExtendedStorage\n    > = EmailNodeConfig<ExtendedOptions, ExtendedStorage>,\n  >(\n    extendedConfig?:\n      | (() => Partial<ExtendedConfig>)\n      | (Partial<ExtendedConfig> &\n          ThisType<{\n            name: string;\n            options: ExtendedOptions;\n            storage: ExtendedStorage;\n            editor: Editor;\n            type: NodeType;\n          }>),\n  ): EmailNode<ExtendedOptions, ExtendedStorage> {\n    // If the extended config is a function, execute it to get the configuration object\n    const resolvedConfig =\n      typeof extendedConfig === 'function' ? extendedConfig() : extendedConfig;\n    return super.extend(resolvedConfig) as EmailNode<\n      ExtendedOptions,\n      ExtendedStorage\n    >;\n  }\n}\n","/**\n * Creates TipTap attribute definitions for a list of HTML attributes.\n * Each attribute will have the same pattern:\n * - default: null\n * - parseHTML: extracts the attribute from the element\n * - renderHTML: conditionally renders the attribute if it has a value\n *\n * @param attributeNames - Array of HTML attribute names to create definitions for\n * @returns Object with TipTap attribute definitions\n *\n * @example\n * const attrs = createStandardAttributes(['class', 'id', 'title']);\n * // Returns:\n * // {\n * //   class: {\n * //     default: null,\n * //     parseHTML: (element) => element.getAttribute('class'),\n * //     renderHTML: (attributes) => attributes.class ? { class: attributes.class } : {}\n * //   },\n * //   ...\n * // }\n */\nexport function createStandardAttributes(attributeNames: readonly string[]) {\n  return Object.fromEntries(\n    attributeNames.map((attr) => [\n      attr,\n      {\n        default: null,\n        parseHTML: (element: HTMLElement) => element.getAttribute(attr),\n        renderHTML: (attributes: Record<string, unknown>) => {\n          if (!attributes[attr]) {\n            return {};\n          }\n\n          return {\n            [attr]: attributes[attr],\n          };\n        },\n      },\n    ]),\n  );\n}\n\n/**\n * Common HTML attributes used across multiple extensions.\n * These preserve attributes during HTML import and editing for better\n * fidelity when importing existing email templates.\n */\nexport const COMMON_HTML_ATTRIBUTES = [\n  'id',\n  'class',\n  'title',\n  'lang',\n  'dir',\n  'data-id',\n] as const;\n\n/**\n * Layout-specific HTML attributes used for positioning and sizing.\n */\nexport const LAYOUT_ATTRIBUTES = ['align', 'width', 'height'] as const;\n\n/**\n * Table-specific HTML attributes used for table layout and styling.\n */\nexport const TABLE_ATTRIBUTES = [\n  'border',\n  'cellpadding',\n  'cellspacing',\n] as const;\n\n/**\n * Table cell-specific HTML attributes.\n */\nexport const TABLE_CELL_ATTRIBUTES = [\n  'valign',\n  'bgcolor',\n  'colspan',\n  'rowspan',\n] as const;\n\n/**\n * Table header cell-specific HTML attributes.\n * These are additional attributes that only apply to <th> elements.\n */\nexport const TABLE_HEADER_ATTRIBUTES = [\n  ...TABLE_CELL_ATTRIBUTES,\n  'scope',\n] as const;\n","import { Column, Row } from '@react-email/components';\nimport { type CommandProps, mergeAttributes } from '@tiptap/core';\nimport type { Node as ProseMirrorNode } from '@tiptap/pm/model';\nimport { TextSelection } from '@tiptap/pm/state';\nimport { EmailNode } from '../core/serializer/email-node';\nimport {\n  COMMON_HTML_ATTRIBUTES,\n  createStandardAttributes,\n  LAYOUT_ATTRIBUTES,\n} from '../utils/attribute-helpers';\nimport { inlineCssToJs } from '../utils/styles';\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    columns: {\n      insertColumns: (count: 2 | 3 | 4) => ReturnType;\n    };\n  }\n}\n\nexport const COLUMN_PARENT_TYPES = [\n  'twoColumns',\n  'threeColumns',\n  'fourColumns',\n] as const;\n\nconst COLUMN_PARENT_SET = new Set<string>(COLUMN_PARENT_TYPES);\n\nexport const MAX_COLUMNS_DEPTH = 3;\n\nexport function getColumnsDepth(doc: ProseMirrorNode, from: number): number {\n  const $from = doc.resolve(from);\n  let depth = 0;\n  for (let d = $from.depth; d > 0; d--) {\n    if (COLUMN_PARENT_SET.has($from.node(d).type.name)) {\n      depth++;\n    }\n  }\n  return depth;\n}\n\ninterface ColumnsVariantConfig {\n  name: (typeof COLUMN_PARENT_TYPES)[number];\n  columnCount: number;\n  content: string;\n  dataType: string;\n}\n\nconst VARIANTS: ColumnsVariantConfig[] = [\n  {\n    name: 'twoColumns',\n    columnCount: 2,\n    content: 'columnsColumn columnsColumn',\n    dataType: 'two-columns',\n  },\n  {\n    name: 'threeColumns',\n    columnCount: 3,\n    content: 'columnsColumn columnsColumn columnsColumn',\n    dataType: 'three-columns',\n  },\n  {\n    name: 'fourColumns',\n    columnCount: 4,\n    content: 'columnsColumn{4}',\n    dataType: 'four-columns',\n  },\n];\n\nconst NODE_TYPE_MAP: Record<number, (typeof COLUMN_PARENT_TYPES)[number]> = {\n  2: 'twoColumns',\n  3: 'threeColumns',\n  4: 'fourColumns',\n};\n\nfunction createColumnsNode(\n  config: ColumnsVariantConfig,\n  includeCommands: boolean,\n) {\n  return EmailNode.create({\n    name: config.name,\n    group: 'block',\n    content: config.content,\n    isolating: true,\n    defining: true,\n\n    addAttributes() {\n      return createStandardAttributes([\n        ...LAYOUT_ATTRIBUTES,\n        ...COMMON_HTML_ATTRIBUTES,\n      ]);\n    },\n\n    parseHTML() {\n      return [{ tag: `div[data-type=\"${config.dataType}\"]` }];\n    },\n\n    renderHTML({ HTMLAttributes }) {\n      return [\n        'div',\n        mergeAttributes(\n          { 'data-type': config.dataType, class: 'node-columns' },\n          HTMLAttributes,\n        ),\n        0,\n      ];\n    },\n\n    ...(includeCommands && {\n      addCommands() {\n        return {\n          insertColumns:\n            (count: 2 | 3 | 4) =>\n            ({\n              commands,\n              state,\n            }: CommandProps & {\n              state: { doc: ProseMirrorNode; selection: { from: number } };\n            }) => {\n              if (\n                getColumnsDepth(state.doc, state.selection.from) >=\n                MAX_COLUMNS_DEPTH\n              ) {\n                return false;\n              }\n              const nodeType = NODE_TYPE_MAP[count];\n              const children = Array.from({ length: count }, () => ({\n                type: 'columnsColumn',\n                content: [{ type: 'paragraph', content: [] }],\n              }));\n              return commands.insertContent({\n                type: nodeType,\n                content: children,\n              });\n            },\n        };\n      },\n    }),\n\n    renderToReactEmail({ children, node, style }) {\n      const inlineStyles = inlineCssToJs(node.attrs?.style);\n      return (\n        <Row\n          className={node.attrs?.class || undefined}\n          style={{ ...style, ...inlineStyles }}\n        >\n          {children}\n        </Row>\n      );\n    },\n  });\n}\n\nexport const TwoColumns = createColumnsNode(VARIANTS[0], true);\nexport const ThreeColumns = createColumnsNode(VARIANTS[1], false);\nexport const FourColumns = createColumnsNode(VARIANTS[2], false);\n\nexport const ColumnsColumn = EmailNode.create({\n  name: 'columnsColumn',\n  group: 'columnsColumn',\n  content: 'block+',\n  isolating: true,\n\n  addAttributes() {\n    return {\n      ...createStandardAttributes([\n        ...LAYOUT_ATTRIBUTES,\n        ...COMMON_HTML_ATTRIBUTES,\n      ]),\n    };\n  },\n\n  parseHTML() {\n    return [{ tag: 'div[data-type=\"column\"]' }];\n  },\n\n  renderHTML({ HTMLAttributes }) {\n    return [\n      'div',\n      mergeAttributes(\n        { 'data-type': 'column', class: 'node-column' },\n        HTMLAttributes,\n      ),\n      0,\n    ];\n  },\n\n  addKeyboardShortcuts() {\n    return {\n      Backspace: ({ editor }) => {\n        const { state } = editor;\n        const { selection } = state;\n        const { empty, $from } = selection;\n\n        if (!empty) return false;\n\n        for (let depth = $from.depth; depth >= 1; depth--) {\n          if ($from.pos !== $from.start(depth)) break;\n\n          const indexInParent = $from.index(depth - 1);\n\n          if (indexInParent === 0) continue;\n\n          const parent = $from.node(depth - 1);\n          const prevNode = parent.child(indexInParent - 1);\n\n          if (COLUMN_PARENT_SET.has(prevNode.type.name)) {\n            const deleteFrom = $from.before(depth) - prevNode.nodeSize;\n            const deleteTo = $from.before(depth);\n            editor.view.dispatch(state.tr.delete(deleteFrom, deleteTo));\n            return true;\n          }\n\n          break;\n        }\n\n        return false;\n      },\n      'Mod-a': ({ editor }) => {\n        const { state } = editor;\n        const { $from } = state.selection;\n\n        for (let d = $from.depth; d > 0; d--) {\n          if ($from.node(d).type.name !== 'columnsColumn') {\n            continue;\n          }\n\n          const columnStart = $from.start(d);\n          const columnEnd = $from.end(d);\n          const { from, to } = state.selection;\n\n          if (from === columnStart && to === columnEnd) {\n            return false;\n          }\n\n          editor.view.dispatch(\n            state.tr.setSelection(\n              TextSelection.create(state.doc, columnStart, columnEnd),\n            ),\n          );\n          return true;\n        }\n\n        return false;\n      },\n    };\n  },\n\n  renderToReactEmail({ children, node, style }) {\n    const inlineStyles = inlineCssToJs(node.attrs?.style);\n    const width = node.attrs?.width;\n    return (\n      <Column\n        className={node.attrs?.class || undefined}\n        style={{\n          ...style,\n          ...inlineStyles,\n          ...(width ? { width } : {}),\n        }}\n      >\n        {children}\n      </Column>\n    );\n  },\n});\n","import { useEffect } from 'react';\n\nconst EVENT_PREFIX = '@react-email/editor:';\n\n/**\n * Base event map interface for the editor event bus.\n *\n * Components extend this via TypeScript module augmentation:\n * ```ts\n * declare module '@react-email/editor' {\n *   interface EditorEventMap {\n *     'my-component:custom-event': { data: string };\n *   }\n * }\n * ```\n */\nexport interface EditorEventMap {\n  'bubble-menu:add-link': undefined;\n}\n\nexport type EditorEventName = keyof EditorEventMap;\n\nexport type EditorEventHandler<T extends EditorEventName> = (\n  payload: EditorEventMap[T],\n) => void | Promise<void>;\n\nexport interface EditorEventSubscription {\n  unsubscribe: () => void;\n}\n\nclass EditorEventBus {\n  private prefixEventName(eventName: EditorEventName): string {\n    return `${EVENT_PREFIX}${String(eventName)}`;\n  }\n\n  dispatch<T extends EditorEventName>(\n    eventName: T,\n    payload: EditorEventMap[T],\n    options?: { target?: EventTarget },\n  ): void {\n    const target = options?.target ?? window;\n    const prefixedEventName = this.prefixEventName(eventName);\n    const event = new CustomEvent(prefixedEventName, {\n      detail: payload,\n      bubbles: false,\n      cancelable: false,\n    });\n    target.dispatchEvent(event);\n  }\n\n  on<T extends EditorEventName>(\n    eventName: T,\n    handler: EditorEventHandler<T>,\n    options?: AddEventListenerOptions & { target?: EventTarget },\n  ): EditorEventSubscription {\n    const target = options?.target ?? window;\n    const prefixedEventName = this.prefixEventName(eventName);\n    const abortController = new AbortController();\n\n    const wrappedHandler = (event: Event) => {\n      const customEvent = event as CustomEvent<EditorEventMap[T]>;\n      const result = handler(customEvent.detail);\n\n      if (result instanceof Promise) {\n        result.catch((error) => {\n          console.error(\n            `Error in async event handler for ${prefixedEventName}:`,\n            { event: customEvent.detail, error },\n          );\n        });\n      }\n    };\n\n    target.addEventListener(prefixedEventName, wrappedHandler, {\n      ...options,\n      signal: abortController.signal,\n    });\n\n    return {\n      unsubscribe: () => {\n        abortController.abort();\n      },\n    };\n  }\n}\n\nexport const editorEventBus = new EditorEventBus();\n\nexport function useEditorEvent<T extends EditorEventName>(\n  eventName: T,\n  handler: EditorEventHandler<T>,\n  options?: AddEventListenerOptions & { target?: EventTarget },\n) {\n  useEffect(() => {\n    const subscription = editorEventBus.on(eventName, handler, options);\n\n    return () => subscription.unsubscribe();\n  }, [eventName, handler, options]);\n}\n"],"mappings":"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"}

package/dist/{extension-D23sh0Nj.cjs → extension-CF0s-pGh.cjs}

@@ -1,6 +1,5 @@
-const require_event_bus = require('./event-bus-fb8U7hrl.cjs');
-const require_styles = require('./styles-C-cCyJCn.cjs');
-const require_global_content = require('./global-content-bJgotqmA.cjs');
+const require_event_bus = require('./event-bus-BJn1dJM1.cjs');
+const require_global_content = require('./global-content-C5WjNoMX.cjs');
 let _tiptap_react = require("@tiptap/react");
 let _react_email_components = require("@react-email/components");
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -24,7 +23,7 @@ function transformToCssJs(styleArray, baseFontSize) {
 		}
 		cssJS[input.classReference][input.prop] = value;
 	}
-	for (const key of Object.keys(cssJS)) require_styles.ensureBorderStyleFallback(cssJS[key]);
+	for (const key of Object.keys(cssJS)) require_global_content.ensureBorderStyleFallback(cssJS[key]);
 	return cssJS;
 }
 function mergeCssJs(original, newCssJs) {
@@ -106,7 +105,47 @@ const THEME_BASIC = [
 		id: "body",
 		title: "Background",
 		classReference: "body",
-		inputs: []
+		inputs: [
+			{
+				label: "Background",
+				type: "color",
+				value: "#ffffff",
+				prop: "backgroundColor",
+				classReference: "body"
+			},
+			{
+				label: "Padding Top",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingTop",
+				classReference: "body"
+			},
+			{
+				label: "Padding Right",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingRight",
+				classReference: "body"
+			},
+			{
+				label: "Padding Bottom",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingBottom",
+				classReference: "body"
+			},
+			{
+				label: "Padding Left",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingLeft",
+				classReference: "body"
+			}
+		]
 	},
 	{
 		id: "container",
@@ -134,11 +173,32 @@ const THEME_BASIC = [
 				classReference: "container"
 			},
 			{
-				label: "Padding Left",
+				label: "Height",
+				type: "number",
+				unit: "px",
+				prop: "height",
+				classReference: "container"
+			},
+			{
+				label: "Text",
+				type: "color",
+				value: "#000000",
+				prop: "color",
+				classReference: "container"
+			},
+			{
+				label: "Background",
+				type: "color",
+				value: "#ffffff",
+				prop: "backgroundColor",
+				classReference: "container"
+			},
+			{
+				label: "Padding Top",
 				type: "number",
 				value: 0,
 				unit: "px",
-				prop: "paddingLeft",
+				prop: "paddingTop",
 				classReference: "container"
 			},
 			{
@@ -148,6 +208,37 @@ const THEME_BASIC = [
 				unit: "px",
 				prop: "paddingRight",
 				classReference: "container"
+			},
+			{
+				label: "Padding Bottom",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingBottom",
+				classReference: "container"
+			},
+			{
+				label: "Padding Left",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingLeft",
+				classReference: "container"
+			},
+			{
+				label: "Corner radius",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "borderRadius",
+				classReference: "container"
+			},
+			{
+				label: "Border color",
+				type: "color",
+				value: "#000000",
+				prop: "borderColor",
+				classReference: "container"
 			}
 		]
 	},
@@ -365,10 +456,206 @@ const THEME_BASIC = [
 		]
 	}
 ];
-const THEME_MINIMAL = THEME_BASIC.map((item) => ({
-	...item,
-	inputs: []
-}));
+const THEME_MINIMAL = [
+	{
+		id: "body",
+		title: "Background",
+		classReference: "body",
+		inputs: [
+			{
+				label: "Background",
+				type: "color",
+				value: "#ffffff",
+				prop: "backgroundColor",
+				classReference: "body"
+			},
+			{
+				label: "Padding Top",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingTop",
+				classReference: "body"
+			},
+			{
+				label: "Padding Right",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingRight",
+				classReference: "body"
+			},
+			{
+				label: "Padding Bottom",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingBottom",
+				classReference: "body"
+			},
+			{
+				label: "Padding Left",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingLeft",
+				classReference: "body"
+			}
+		]
+	},
+	{
+		id: "container",
+		title: "Content",
+		classReference: "container",
+		inputs: [
+			{
+				label: "Align",
+				type: "select",
+				value: "left",
+				options: {
+					left: "Left",
+					center: "Center",
+					right: "Right"
+				},
+				prop: "align",
+				classReference: "container"
+			},
+			{
+				label: "Width",
+				type: "number",
+				value: 600,
+				unit: "px",
+				prop: "width",
+				classReference: "container"
+			},
+			{
+				label: "Height",
+				type: "number",
+				unit: "px",
+				prop: "height",
+				classReference: "container"
+			},
+			{
+				label: "Text",
+				type: "color",
+				value: "#000000",
+				prop: "color",
+				classReference: "container"
+			},
+			{
+				label: "Background",
+				type: "color",
+				value: "#ffffff",
+				prop: "backgroundColor",
+				classReference: "container"
+			},
+			{
+				label: "Padding Top",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingTop",
+				classReference: "container"
+			},
+			{
+				label: "Padding Right",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingRight",
+				classReference: "container"
+			},
+			{
+				label: "Padding Bottom",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingBottom",
+				classReference: "container"
+			},
+			{
+				label: "Padding Left",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "paddingLeft",
+				classReference: "container"
+			},
+			{
+				label: "Corner radius",
+				type: "number",
+				value: 0,
+				unit: "px",
+				prop: "borderRadius",
+				classReference: "container"
+			},
+			{
+				label: "Border color",
+				type: "color",
+				value: "#000000",
+				prop: "borderColor",
+				classReference: "container"
+			}
+		]
+	},
+	{
+		id: "typography",
+		title: "Text",
+		classReference: "body",
+		inputs: []
+	},
+	{
+		id: "h1",
+		title: "Title",
+		category: "Text",
+		classReference: "h1",
+		inputs: []
+	},
+	{
+		id: "h2",
+		title: "Subtitle",
+		category: "Text",
+		classReference: "h2",
+		inputs: []
+	},
+	{
+		id: "h3",
+		title: "Heading",
+		category: "Text",
+		classReference: "h3",
+		inputs: []
+	},
+	{
+		id: "link",
+		title: "Link",
+		classReference: "link",
+		inputs: []
+	},
+	{
+		id: "image",
+		title: "Image",
+		classReference: "image",
+		inputs: []
+	},
+	{
+		id: "button",
+		title: "Button",
+		classReference: "button",
+		inputs: []
+	},
+	{
+		id: "code-block",
+		title: "Code Block",
+		classReference: "codeBlock",
+		inputs: []
+	},
+	{
+		id: "inline-code",
+		title: "Inline Code",
+		classReference: "inlineCode",
+		inputs: []
+	}
+];
 const RESET_BASIC = {
 	reset: {
 		margin: "0",
@@ -1174,24 +1461,6 @@ Object.defineProperty(exports, 'getThemeComponentKey', {
     return getThemeComponentKey;
   }
 });
-Object.defineProperty(exports, 'injectGlobalPlainCss', {
-  enumerable: true,
-  get: function () {
-    return injectGlobalPlainCss;
-  }
-});
-Object.defineProperty(exports, 'injectThemeCss', {
-  enumerable: true,
-  get: function () {
-    return injectThemeCss;
-  }
-});
-Object.defineProperty(exports, 'mergeCssJs', {
-  enumerable: true,
-  get: function () {
-    return mergeCssJs;
-  }
-});
 Object.defineProperty(exports, 'resolveResetValue', {
   enumerable: true,
   get: function () {
@@ -1222,12 +1491,6 @@ Object.defineProperty(exports, 'stylesToCss', {
     return stylesToCss;
   }
 });
-Object.defineProperty(exports, 'transformToCssJs', {
-  enumerable: true,
-  get: function () {
-    return transformToCssJs;
-  }
-});
 Object.defineProperty(exports, 'useEmailTheming', {
   enumerable: true,
   get: function () {