@pagenflow/email 1.1.2 → 1.1.5

package/dist/components/Heading.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from "react";
 export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface HeadingConfig {
     /** The text content. */
-    text: ReactNode;
+    text?: ReactNode;
     /** HTML heading level (h1 through h6). */
     level?: HeadingLevel;
     /** Padding around the heading (e.g., "10px 0"). */
@@ -28,7 +28,8 @@ export interface HeadingConfig {
 export type HeadingProps = {
     config: HeadingConfig;
     devMode?: ReactNode;
+    children?: ReactNode;
 };
-declare function Heading({ config, devMode }: HeadingProps): import("react/jsx-runtime").JSX.Element;
+declare function Heading({ config, devMode, children }: HeadingProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof Heading>;
 export default _default;

package/dist/components/Text.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from "react";
 export interface TextConfig {
     /** The text content or React nodes to render. */
-    text: string;
+    text?: string;
     /** Padding around the text (applied to the containing TD). */
     padding?: string;
     /** Text color. */
@@ -32,7 +32,8 @@ export interface TextConfig {
 export type TextProps = {
     config: TextConfig;
     devMode?: ReactNode;
+    children?: ReactNode;
 };
-declare function Text({ config, devMode }: TextProps): import("react/jsx-runtime").JSX.Element;
+declare function Text({ config, devMode, children }: TextProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof Text>;
 export default _default;

package/dist/index.cjs.js

@@ -17929,7 +17929,8 @@ function HeadDev({ children, backgroundColor = "#ffffff", title = "Email Preview
     return null;
 }
 
-function Heading({ config, devMode }) {
+function Heading({ config, devMode, children }) {
+    var _a;
     const { text, level = "h1", padding, color, textAlign, fontSize, fontWeight, fontStyle, lineHeight, letterSpacing, textTransform, textDecoration, direction, verticalAlign, backgroundColor, } = config;
     // 1. TD Style: Where padding, background, width, and verticalAlign are applied.
     const tdStyle = {
@@ -17966,7 +17967,7 @@ function Heading({ config, devMode }) {
     jsxRuntime.jsx("table", { "aria-label": "Heading Block Wrapper", role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, style: {
             width: "100%",
             borderCollapse: "collapse",
-        }, children: jsxRuntime.jsx("tbody", { children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { style: tdStyle, align: textAlign, children: jsxRuntime.jsx(HeadingTag, { style: headingStyle, dangerouslySetInnerHTML: { __html: text !== null && text !== void 0 ? text : "" } }) }) }) }) }));
+        }, children: jsxRuntime.jsx("tbody", { children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { style: tdStyle, align: textAlign, children: jsxRuntime.jsx(HeadingTag, { style: headingStyle, dangerouslySetInnerHTML: { __html: (_a = text !== null && text !== void 0 ? text : children) !== null && _a !== void 0 ? _a : "" } }) }) }) }) }));
 }
 var Heading_default = React.memo(Heading, arePropsEqual);
 
@@ -18196,7 +18197,8 @@ function Spacer({ config, devNode }) {
 }
 var Spacer_default = React.memo(Spacer, arePropsEqual);
 
-function Text({ config, devMode }) {
+function Text({ config, devMode, children }) {
+    var _a;
     const { text, padding, color, textAlign, fontSize, fontWeight, fontStyle, lineHeight, letterSpacing, textTransform, textDecoration, direction, verticalAlign, backgroundColor, } = config;
     // 1. TD Style: Where padding and background are reliably applied.
     const tdStyle = {
@@ -18229,7 +18231,7 @@ function Text({ config, devMode }) {
     jsxRuntime.jsx("table", { "aria-label": "Text Block Wrapper", role: "presentation", cellPadding: 0, cellSpacing: 0, border: 0, style: {
             width: "100%",
             borderCollapse: "collapse",
-        }, children: jsxRuntime.jsx("tbody", { children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { style: tdStyle, align: textAlign, children: jsxRuntime.jsx("div", { style: contentStyle, dangerouslySetInnerHTML: { __html: text !== null && text !== void 0 ? text : "" } }) }) }) }) }));
+        }, children: jsxRuntime.jsx("tbody", { children: jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { style: tdStyle, align: textAlign, children: jsxRuntime.jsx("div", { style: contentStyle, dangerouslySetInnerHTML: { __html: (_a = text !== null && text !== void 0 ? text : children) !== null && _a !== void 0 ? _a : "" } }) }) }) }) }));
 }
 var Text_default = React.memo(Text, arePropsEqual);