@pagenflow/email 1.3.5 → 1.3.7

package/dist/components/Button.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from "react";
+import { BorderConfig } from "../types";
 export interface ButtonConfig {
     /** The destination URL for the button. Required. */
     href: string;
@@ -12,8 +13,12 @@ export interface ButtonConfig {
     padding?: string;
     /** Border radius (e.g., "3px"). */
     borderRadius?: string;
+    /** Border configuration for outline buttons. */
+    border?: BorderConfig;
     /** Width of the button (e.g., "200px" or "100%"). */
     width?: string;
+    /** Maximum width of the button (e.g., "300px"). Text will wrap if content exceeds this. */
+    maxWidth?: string;
     /** Horizontal alignment within the container. */
     justifyContent?: "start" | "center" | "end";
     /** Horizontal text alignment within the button (e.g., 'left', 'center'). */

package/dist/components/Divider.d.ts

@@ -10,6 +10,7 @@ export interface DividerConfig {
     margin?: string;
     /** Horizontal alignment of the divider. */
     align?: "left" | "center" | "right";
+    hideOnMobile?: boolean;
 }
 export type DividerProps = {
     config: DividerConfig;

package/dist/components/Head.d.ts

@@ -6,5 +6,7 @@ export interface HeadProps {
     backgroundColor?: string;
     /** Subject line for the email title. */
     title?: string;
+    /** Array of gap values (e.g. ["8px", "12px", "48px"]) to generate mobile wrap margin-bottom rules */
+    rowGaps?: string[];
 }
-export default function Head({ children, backgroundColor, title, }: HeadProps): import("react/jsx-runtime").JSX.Element;
+export default function Head({ children, backgroundColor, title, rowGaps, }: HeadProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/HeadDev.d.ts

@@ -6,9 +6,11 @@ export interface HeadDevProps {
     backgroundColor?: string;
     /** Subject line for the email title. */
     title?: string;
+    /** Array of gap values (e.g. ["8px", "12px", "48px"]) to generate mobile wrap margin-bottom rules */
+    rowGaps?: string[];
 }
 /**
  * Dev variant of Head component for use in builder canvas.
  * Injects styles directly into document head to maintain email behavior during development.
  */
-export default function HeadDev({ children, backgroundColor, title, }: HeadDevProps): null;
+export default function HeadDev({ children, backgroundColor, title, rowGaps, }: HeadDevProps): null;

package/dist/components/Heading.d.ts

@@ -31,6 +31,10 @@ export interface HeadingConfig {
     verticalAlign?: string;
     /** Background color of the heading block. */
     backgroundColor?: string;
+    /** Word break behavior (e.g., 'break-all', 'break-word', 'keep-all', 'normal'). */
+    wordBreak?: string;
+    /** White space handling (e.g., 'nowrap', 'pre', 'pre-wrap', 'pre-line', 'normal'). */
+    whiteSpace?: string;
 }
 export type HeadingProps = {
     config: HeadingConfig;

package/dist/components/Icon.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
 import IInnerLink from "../types/IInnerLink";
+import { BorderConfig } from "../types";
 export interface IconConfig {
     /** Icon identifier for the Iconify API */
     iconIdentifier?: string;
@@ -21,6 +22,8 @@ export interface IconConfig {
     padding?: string;
     /** Border radius for the icon container */
     borderRadius?: string;
+    /** Border configuration for the icon container */
+    border?: BorderConfig;
     /** Horizontal alignment within the container */
     justifyContent?: "start" | "center" | "end";
 }

package/dist/components/Image.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from "react";
+import { BorderConfig } from "../types";
 export interface ImageConfig {
     /** The source URL of the image. Required. */
     src: string;
@@ -16,6 +17,8 @@ export interface ImageConfig {
     padding?: string;
     /** Border radius for the image (CSS only, limited compatibility). */
     borderRadius?: string;
+    /** Border configuration for the image. */
+    border?: BorderConfig;
     /** Optional URL to make the image clickable */
     href?: string;
     /** Link target attribute (e.g., "_blank" for new window) */

package/dist/components/Row.d.ts

@@ -1,5 +1,6 @@
 import { ReactNode } from "react";
 import { AlignItems, BorderConfig, JustifyContent } from "../types";
+import IInnerLink from "../types/IInnerLink";
 export interface BackgroundImageType {
     src: string;
     repeat?: "no-repeat" | "repeat" | "repeat-x" | "repeat-y";
@@ -17,6 +18,7 @@ export interface RowConfig {
     backgroundImage?: BackgroundImageType;
     borderRadius?: string;
     border?: BorderConfig;
+    innerLink?: IInnerLink;
     mobile?: {
         justifyContent?: JustifyContent;
         alignItems?: AlignItems;
@@ -27,7 +29,8 @@ export type RowProps = {
     children: ReactNode;
     config: RowConfig;
     devNode?: ReactNode;
+    devMode?: boolean;
 };
-declare function Row({ children, config, devNode }: RowProps): import("react/jsx-runtime").JSX.Element;
+declare function Row({ children, config, devNode, devMode }: RowProps): import("react/jsx-runtime").JSX.Element;
 declare const _default: import("react").MemoExoticComponent<typeof Row>;
 export default _default;

package/dist/components/Spacer.d.ts

@@ -2,6 +2,7 @@ import { ReactNode } from "react";
 export interface SpacerConfig {
     /** The height of the vertical space (e.g., "20px"). Required. */
     height: string;
+    hideOnMobile?: boolean;
 }
 export type SpacerProps = {
     config: SpacerConfig;

package/dist/components/Text.d.ts

@@ -32,6 +32,8 @@ export interface TextConfig {
     opacity?: string | number;
     /** White space handling (e.g., 'normal', 'nowrap', 'pre', 'pre-wrap'). */
     whiteSpace?: string;
+    /** Word break behavior (e.g., 'break-all', 'break-word', 'keep-all', 'normal'). */
+    wordBreak?: string;
 }
 export type TextProps = {
     config: TextConfig;