@formepdf/mcp 0.5.0

package/dist/schemas/receipt.js

@@ -0,0 +1,52 @@
+import { z } from 'zod';
+export const receiptSchema = z.object({
+    receiptNumber: z.string().describe('Receipt identifier, e.g. "R-84291"'),
+    date: z.string().describe('Purchase date'),
+    taxRate: z.number().describe('Tax rate as decimal, e.g. 0.0875 for 8.75%'),
+    store: z.object({
+        name: z.string(),
+        address: z.string(),
+        cityStateZip: z.string(),
+        phone: z.string(),
+        website: z.string(),
+    }).describe('Store details'),
+    items: z.array(z.object({
+        name: z.string(),
+        price: z.number(),
+        quantity: z.number().optional().describe('Defaults to 1'),
+    })).describe('Purchased items'),
+    paymentMethod: z.string().describe('Payment method, e.g. "Visa"'),
+    cardLastFour: z.string().optional().describe('Last 4 digits of card'),
+});
+export const receiptDescription = 'Simple retail receipt with store header, itemized purchases, tax calculation, and payment method.';
+export const receiptFields = {
+    receiptNumber: 'string - receipt identifier',
+    date: 'string - purchase date',
+    taxRate: 'number - tax rate as decimal',
+    store: 'object - store name, address, phone, website',
+    items: 'array - items with name, price, and optional quantity',
+    paymentMethod: 'string - payment method name',
+    cardLastFour: 'string? - last 4 digits of card',
+};
+export const receiptExample = {
+    receiptNumber: 'R-84291',
+    date: 'February 14, 2026',
+    taxRate: 0.0875,
+    store: {
+        name: 'Golden Gate Provisions',
+        address: '742 Valencia Street',
+        cityStateZip: 'San Francisco, CA 94110',
+        phone: '(415) 555-0198',
+        website: 'www.goldengateprovisions.com',
+    },
+    items: [
+        { name: 'Organic Sourdough Loaf', price: 7.50, quantity: 2 },
+        { name: 'Heirloom Tomatoes (1 lb)', price: 5.99, quantity: 1 },
+        { name: 'Local Wildflower Honey (12 oz)', price: 12.00, quantity: 1 },
+        { name: 'Free-Range Eggs (dozen)', price: 8.50, quantity: 1 },
+        { name: 'Artisan Cheddar (8 oz)', price: 9.75, quantity: 1 },
+        { name: 'Cold Brew Coffee (16 oz)', price: 6.50, quantity: 2 },
+    ],
+    paymentMethod: 'Visa',
+    cardLastFour: '4821',
+};

package/dist/schemas/report.d.ts

@@ -0,0 +1,158 @@
+import { z } from 'zod';
+export declare const reportSchema: z.ZodObject<{
+    title: z.ZodString;
+    subtitle: z.ZodString;
+    author: z.ZodString;
+    department: z.ZodString;
+    company: z.ZodString;
+    date: z.ZodString;
+    classification: z.ZodString;
+    keyMetrics: z.ZodOptional<z.ZodArray<z.ZodObject<{
+        value: z.ZodString;
+        label: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        value: string;
+        label: string;
+    }, {
+        value: string;
+        label: string;
+    }>, "many">>;
+    sections: z.ZodArray<z.ZodObject<{
+        title: z.ZodString;
+        paragraphs: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+        intro: z.ZodOptional<z.ZodString>;
+        tableData: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            region: z.ZodString;
+            q1: z.ZodString;
+            q2: z.ZodString;
+            q3: z.ZodString;
+            q4: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            region: string;
+            q1: string;
+            q2: string;
+            q3: string;
+            q4: string;
+        }, {
+            region: string;
+            q1: string;
+            q2: string;
+            q3: string;
+            q4: string;
+        }>, "many">>;
+        items: z.ZodOptional<z.ZodArray<z.ZodObject<{
+            title: z.ZodString;
+            description: z.ZodString;
+            priority: z.ZodString;
+            timeline: z.ZodString;
+        }, "strip", z.ZodTypeAny, {
+            description: string;
+            title: string;
+            priority: string;
+            timeline: string;
+        }, {
+            description: string;
+            title: string;
+            priority: string;
+            timeline: string;
+        }>, "many">>;
+    }, "strip", z.ZodTypeAny, {
+        title: string;
+        items?: {
+            description: string;
+            title: string;
+            priority: string;
+            timeline: string;
+        }[] | undefined;
+        paragraphs?: string[] | undefined;
+        intro?: string | undefined;
+        tableData?: {
+            region: string;
+            q1: string;
+            q2: string;
+            q3: string;
+            q4: string;
+        }[] | undefined;
+    }, {
+        title: string;
+        items?: {
+            description: string;
+            title: string;
+            priority: string;
+            timeline: string;
+        }[] | undefined;
+        paragraphs?: string[] | undefined;
+        intro?: string | undefined;
+        tableData?: {
+            region: string;
+            q1: string;
+            q2: string;
+            q3: string;
+            q4: string;
+        }[] | undefined;
+    }>, "many">;
+}, "strip", z.ZodTypeAny, {
+    date: string;
+    company: string;
+    title: string;
+    author: string;
+    subtitle: string;
+    department: string;
+    classification: string;
+    sections: {
+        title: string;
+        items?: {
+            description: string;
+            title: string;
+            priority: string;
+            timeline: string;
+        }[] | undefined;
+        paragraphs?: string[] | undefined;
+        intro?: string | undefined;
+        tableData?: {
+            region: string;
+            q1: string;
+            q2: string;
+            q3: string;
+            q4: string;
+        }[] | undefined;
+    }[];
+    keyMetrics?: {
+        value: string;
+        label: string;
+    }[] | undefined;
+}, {
+    date: string;
+    company: string;
+    title: string;
+    author: string;
+    subtitle: string;
+    department: string;
+    classification: string;
+    sections: {
+        title: string;
+        items?: {
+            description: string;
+            title: string;
+            priority: string;
+            timeline: string;
+        }[] | undefined;
+        paragraphs?: string[] | undefined;
+        intro?: string | undefined;
+        tableData?: {
+            region: string;
+            q1: string;
+            q2: string;
+            q3: string;
+            q4: string;
+        }[] | undefined;
+    }[];
+    keyMetrics?: {
+        value: string;
+        label: string;
+    }[] | undefined;
+}>;
+export type ReportData = z.infer<typeof reportSchema>;
+export declare const reportDescription = "Multi-page business report with cover page, table of contents, executive summary, data tables with charts, and recommendations.";
+export declare const reportFields: Record<string, string>;
+export declare const reportExample: ReportData;

package/dist/schemas/report.js

@@ -0,0 +1,94 @@
+import { z } from 'zod';
+const tableRowSchema = z.object({
+    region: z.string(),
+    q1: z.string(),
+    q2: z.string(),
+    q3: z.string(),
+    q4: z.string(),
+});
+const recommendationSchema = z.object({
+    title: z.string(),
+    description: z.string(),
+    priority: z.string(),
+    timeline: z.string(),
+});
+const sectionSchema = z.object({
+    title: z.string(),
+    paragraphs: z.array(z.string()).optional(),
+    intro: z.string().optional(),
+    tableData: z.array(tableRowSchema).optional(),
+    items: z.array(recommendationSchema).optional(),
+});
+export const reportSchema = z.object({
+    title: z.string().describe('Report title'),
+    subtitle: z.string().describe('Report subtitle'),
+    author: z.string().describe('Author name'),
+    department: z.string().describe('Department name'),
+    company: z.string().describe('Company name'),
+    date: z.string().describe('Report date'),
+    classification: z.string().describe('Document classification, e.g. "Internal - Confidential"'),
+    keyMetrics: z.array(z.object({
+        value: z.string(),
+        label: z.string(),
+    })).optional().describe('Key metric cards shown after executive summary'),
+    sections: z.array(sectionSchema).describe('Report sections: [0] Executive Summary (paragraphs), [1] Data (tableData), [2] Visual Analysis (intro only), [3] Recommendations (items)'),
+});
+export const reportDescription = 'Multi-page business report with cover page, table of contents, executive summary, data tables with charts, and recommendations.';
+export const reportFields = {
+    title: 'string - report title',
+    subtitle: 'string - report subtitle',
+    author: 'string - author name',
+    department: 'string - department',
+    company: 'string - company name',
+    date: 'string - report date',
+    classification: 'string - confidentiality level',
+    keyMetrics: 'array? - metric cards with value and label',
+    sections: 'array - 4 sections: executive summary, data table, visual analysis, recommendations',
+};
+export const reportExample = {
+    title: 'Annual Performance Review',
+    subtitle: 'Fiscal Year 2025 Results and Strategic Outlook',
+    author: 'Rachel Torres',
+    department: 'Strategy & Operations',
+    company: 'Cascadia Holdings',
+    date: 'January 28, 2026',
+    classification: 'Internal - Confidential',
+    keyMetrics: [
+        { value: '$142M', label: 'Total Revenue' },
+        { value: '+18%', label: 'Year-over-Year Growth' },
+        { value: '94.2%', label: 'Customer Retention' },
+    ],
+    sections: [
+        {
+            title: 'Executive Summary',
+            paragraphs: [
+                'Fiscal year 2025 marked a period of sustained growth, with consolidated revenue reaching $142 million, an 18% increase over the prior year.',
+                'Customer retention remained above target at 94.2%, reflecting continued investment in support infrastructure and product reliability.',
+                'Operating margins expanded by 2.3 percentage points to 31.4%, driven by economies of scale.',
+            ],
+        },
+        {
+            title: 'Revenue by Region',
+            intro: 'Quarterly revenue (in millions) by operating region for fiscal year 2025.',
+            tableData: [
+                { region: 'Pacific Northwest', q1: '$12.4M', q2: '$13.1M', q3: '$14.2M', q4: '$15.8M' },
+                { region: 'Northern California', q1: '$8.7M', q2: '$9.2M', q3: '$9.8M', q4: '$10.1M' },
+                { region: 'Southern California', q1: '$6.3M', q2: '$6.8M', q3: '$7.1M', q4: '$7.5M' },
+                { region: 'Southeast', q1: '$3.2M', q2: '$4.1M', q3: '$4.8M', q4: '$5.6M' },
+            ],
+        },
+        {
+            title: 'Visual Analysis',
+            intro: 'Charts illustrating key trends in regional performance and quarterly growth.',
+        },
+        {
+            title: 'Recommendations',
+            intro: 'Strategic initiatives for the coming fiscal year.',
+            items: [
+                { title: 'Accelerate Southeast Expansion', description: 'Open regional office in Atlanta with 8 new sales headcount.', priority: 'High', timeline: 'Q1 2026' },
+                { title: 'Launch Enterprise Tier', description: 'Dedicated enterprise tier with custom SLAs and advanced analytics.', priority: 'High', timeline: 'Q2 2026' },
+                { title: 'International Pilot Program', description: 'Evaluate expansion into Canada and the UK with 10-15 pilot customers.', priority: 'Medium', timeline: 'Q3 2026' },
+            ],
+        },
+    ],
+};

package/dist/schemas/shipping-label.d.ts

@@ -0,0 +1,75 @@
+import { z } from 'zod';
+export declare const shippingLabelSchema: z.ZodObject<{
+    tracking: z.ZodString;
+    service: z.ZodString;
+    weight: z.ZodString;
+    dimensions: z.ZodString;
+    from: z.ZodObject<{
+        name: z.ZodString;
+        address: z.ZodString;
+        cityStateZip: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        address: string;
+        cityStateZip: string;
+    }, {
+        name: string;
+        address: string;
+        cityStateZip: string;
+    }>;
+    to: z.ZodObject<{
+        name: z.ZodString;
+        address: z.ZodString;
+        address2: z.ZodOptional<z.ZodString>;
+        cityStateZip: z.ZodString;
+    }, "strip", z.ZodTypeAny, {
+        name: string;
+        address: string;
+        cityStateZip: string;
+        address2?: string | undefined;
+    }, {
+        name: string;
+        address: string;
+        cityStateZip: string;
+        address2?: string | undefined;
+    }>;
+    stamps: z.ZodOptional<z.ZodArray<z.ZodString, "many">>;
+}, "strip", z.ZodTypeAny, {
+    tracking: string;
+    service: string;
+    weight: string;
+    dimensions: string;
+    from: {
+        name: string;
+        address: string;
+        cityStateZip: string;
+    };
+    to: {
+        name: string;
+        address: string;
+        cityStateZip: string;
+        address2?: string | undefined;
+    };
+    stamps?: string[] | undefined;
+}, {
+    tracking: string;
+    service: string;
+    weight: string;
+    dimensions: string;
+    from: {
+        name: string;
+        address: string;
+        cityStateZip: string;
+    };
+    to: {
+        name: string;
+        address: string;
+        cityStateZip: string;
+        address2?: string | undefined;
+    };
+    stamps?: string[] | undefined;
+}>;
+export type ShippingLabelData = z.infer<typeof shippingLabelSchema>;
+export declare const shippingLabelDescription = "Compact 4x6 shipping label with sender/recipient addresses, barcode placeholder, tracking number, and handling stamps.";
+export declare const shippingLabelFields: Record<string, string>;
+export declare const shippingLabelExample: ShippingLabelData;

package/dist/schemas/shipping-label.js

@@ -0,0 +1,47 @@
+import { z } from 'zod';
+export const shippingLabelSchema = z.object({
+    tracking: z.string().describe('Tracking number'),
+    service: z.string().describe('Shipping service level, e.g. "Priority"'),
+    weight: z.string().describe('Package weight, e.g. "4.2 lbs"'),
+    dimensions: z.string().describe('Package dimensions, e.g. "12 x 8 x 6 in"'),
+    from: z.object({
+        name: z.string(),
+        address: z.string(),
+        cityStateZip: z.string(),
+    }).describe('Sender address'),
+    to: z.object({
+        name: z.string(),
+        address: z.string(),
+        address2: z.string().optional(),
+        cityStateZip: z.string(),
+    }).describe('Recipient address'),
+    stamps: z.array(z.string()).optional().describe('Handling stamps, e.g. ["FRAGILE", "THIS SIDE UP"]'),
+});
+export const shippingLabelDescription = 'Compact 4x6 shipping label with sender/recipient addresses, barcode placeholder, tracking number, and handling stamps.';
+export const shippingLabelFields = {
+    tracking: 'string - tracking number',
+    service: 'string - shipping service level',
+    weight: 'string - package weight',
+    dimensions: 'string - package dimensions',
+    from: 'object - sender name, address, cityStateZip',
+    to: 'object - recipient name, address, optional address2, cityStateZip',
+    stamps: 'array? - handling stamps like "FRAGILE"',
+};
+export const shippingLabelExample = {
+    tracking: '1Z 999 AA1 0123 4567 890',
+    service: 'Priority',
+    weight: '4.2 lbs',
+    dimensions: '12 x 8 x 6 in',
+    from: {
+        name: 'Cascade Electronics',
+        address: '2901 Third Avenue, Unit 4B',
+        cityStateZip: 'Seattle, WA 98121',
+    },
+    to: {
+        name: 'Marcus Webb',
+        address: '1455 Pennsylvania Ave NW',
+        address2: 'Apt 712',
+        cityStateZip: 'Washington, DC 20004',
+    },
+    stamps: ['FRAGILE', 'THIS SIDE UP'],
+};

package/dist/templates/index.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { z } from 'zod';
+export interface TemplateEntry {
+    fn: (data: any) => ReactElement;
+    description: string;
+    fields: Record<string, string>;
+    schema: z.ZodType;
+    example: Record<string, unknown>;
+}
+export declare const templates: Record<string, TemplateEntry>;

package/dist/templates/index.js

@@ -0,0 +1,47 @@
+import Invoice from './invoice.js';
+import Receipt from './receipt.js';
+import Report from './report.js';
+import ShippingLabel from './shipping-label.js';
+import Letter from './letter.js';
+import { invoiceSchema, invoiceDescription, invoiceFields, invoiceExample } from '../schemas/invoice.js';
+import { receiptSchema, receiptDescription, receiptFields, receiptExample } from '../schemas/receipt.js';
+import { reportSchema, reportDescription, reportFields, reportExample } from '../schemas/report.js';
+import { shippingLabelSchema, shippingLabelDescription, shippingLabelFields, shippingLabelExample } from '../schemas/shipping-label.js';
+import { letterSchema, letterDescription, letterFields, letterExample } from '../schemas/letter.js';
+export const templates = {
+    invoice: {
+        fn: Invoice,
+        description: invoiceDescription,
+        fields: invoiceFields,
+        schema: invoiceSchema,
+        example: invoiceExample,
+    },
+    receipt: {
+        fn: Receipt,
+        description: receiptDescription,
+        fields: receiptFields,
+        schema: receiptSchema,
+        example: receiptExample,
+    },
+    report: {
+        fn: Report,
+        description: reportDescription,
+        fields: reportFields,
+        schema: reportSchema,
+        example: reportExample,
+    },
+    'shipping-label': {
+        fn: ShippingLabel,
+        description: shippingLabelDescription,
+        fields: shippingLabelFields,
+        schema: shippingLabelSchema,
+        example: shippingLabelExample,
+    },
+    letter: {
+        fn: Letter,
+        description: letterDescription,
+        fields: letterFields,
+        schema: letterSchema,
+        example: letterExample,
+    },
+};

package/dist/templates/invoice.d.ts

@@ -0,0 +1,2 @@
+import type { InvoiceData } from '../schemas/invoice.js';
+export default function Invoice(data: InvoiceData): import("react/jsx-runtime").JSX.Element;

package/dist/templates/invoice.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Document, Page, View, Text, Table, Row, Cell, Fixed } from '@formepdf/react';
+export default function Invoice(data) {
+    const items = data.items || [];
+    const subtotal = items.reduce((sum, item) => sum + item.quantity * item.unitPrice, 0);
+    const tax = subtotal * (data.taxRate || 0);
+    const total = subtotal + tax;
+    return (_jsx(Document, { title: `Invoice ${data.invoiceNumber}`, author: data.company.name, children: _jsxs(Page, { size: "Letter", margin: 48, children: [_jsx(Fixed, { position: "footer", children: _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', paddingTop: 8, borderTopWidth: 1, borderColor: '#e2e8f0' }, children: [_jsx(Text, { style: { fontSize: 8, color: '#94a3b8' }, children: data.company.name }), _jsxs(Text, { style: { fontSize: 8, color: '#94a3b8' }, children: ["Page ", '{{pageNumber}}', " of ", '{{totalPages}}'] })] }) }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', marginBottom: 32 }, children: [_jsxs(View, { children: [_jsx(View, { style: { width: 48, height: 48, backgroundColor: '#2563eb', borderRadius: 8, marginBottom: 12, justifyContent: 'center', alignItems: 'center' }, children: _jsx(Text, { style: { fontSize: 18, fontWeight: 700, color: '#ffffff', textAlign: 'center', lineHeight: 1.2 }, children: data.company.initials }) }), _jsx(Text, { style: { fontSize: 16, fontWeight: 700, color: '#1e293b' }, children: data.company.name }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 4 }, children: data.company.address }), _jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: data.company.cityStateZip }), _jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: data.company.email })] }), _jsxs(View, { style: { alignItems: 'flex-end' }, children: [_jsx(Text, { style: { fontSize: 32, fontWeight: 700, color: '#2563eb' }, children: "INVOICE" }), _jsxs(Text, { style: { fontSize: 10, color: '#64748b', marginTop: 8 }, children: ["Invoice No: ", data.invoiceNumber] }), _jsxs(Text, { style: { fontSize: 10, color: '#64748b', marginTop: 2 }, children: ["Date: ", data.date] }), _jsxs(Text, { style: { fontSize: 10, color: '#64748b', marginTop: 2 }, children: ["Due: ", data.dueDate] })] })] }), _jsxs(View, { style: { flexDirection: 'row', gap: 32, marginBottom: 24 }, children: [_jsxs(View, { style: { flexGrow: 1 }, children: [_jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#2563eb', textTransform: 'uppercase', letterSpacing: 1, marginBottom: 8 }, children: "Bill To" }), _jsx(Text, { style: { fontSize: 10, fontWeight: 700, color: '#1e293b' }, children: data.billTo.name }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.billTo.company }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.billTo.address }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.billTo.cityStateZip }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.billTo.email })] }), _jsxs(View, { style: { flexGrow: 1 }, children: [_jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#2563eb', textTransform: 'uppercase', letterSpacing: 1, marginBottom: 8 }, children: "Ship To" }), _jsx(Text, { style: { fontSize: 10, fontWeight: 700, color: '#1e293b' }, children: data.shipTo.name }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.shipTo.address }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.shipTo.cityStateZip })] })] }), _jsxs(Table, { columns: [
+                        { width: { fraction: 0.45 } },
+                        { width: { fraction: 0.15 } },
+                        { width: { fraction: 0.2 } },
+                        { width: { fraction: 0.2 } }
+                    ], children: [_jsxs(Row, { header: true, style: { backgroundColor: '#2563eb' }, children: [_jsx(Cell, { style: { padding: 10 }, children: _jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#ffffff' }, children: "Description" }) }), _jsx(Cell, { style: { padding: 10 }, children: _jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#ffffff', textAlign: 'center' }, children: "Qty" }) }), _jsx(Cell, { style: { padding: 10 }, children: _jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#ffffff', textAlign: 'right' }, children: "Unit Price" }) }), _jsx(Cell, { style: { padding: 10 }, children: _jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#ffffff', textAlign: 'right' }, children: "Amount" }) })] }), items.map((item, i) => (_jsxs(Row, { style: { backgroundColor: i % 2 === 0 ? '#ffffff' : '#f8fafc' }, children: [_jsx(Cell, { style: { padding: 10 }, children: _jsx(Text, { style: { fontSize: 9, color: '#1e293b' }, children: item.description }) }), _jsx(Cell, { style: { padding: 10 }, children: _jsx(Text, { style: { fontSize: 9, color: '#475569', textAlign: 'center' }, children: item.quantity }) }), _jsx(Cell, { style: { padding: 10 }, children: _jsxs(Text, { style: { fontSize: 9, color: '#475569', textAlign: 'right' }, children: ["$", item.unitPrice.toFixed(2)] }) }), _jsx(Cell, { style: { padding: 10 }, children: _jsxs(Text, { style: { fontSize: 9, color: '#1e293b', textAlign: 'right' }, children: ["$", (item.quantity * item.unitPrice).toFixed(2)] }) })] }, i)))] }), _jsx(View, { style: { flexDirection: 'row', justifyContent: 'flex-end', marginTop: 16 }, children: _jsxs(View, { style: { width: 200 }, children: [_jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', padding: 8 }, children: [_jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: "Subtotal" }), _jsxs(Text, { style: { fontSize: 9, color: '#1e293b' }, children: ["$", subtotal.toFixed(2)] })] }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', padding: 8 }, children: [_jsxs(Text, { style: { fontSize: 9, color: '#64748b' }, children: ["Tax (", (data.taxRate * 100).toFixed(0), "%)"] }), _jsxs(Text, { style: { fontSize: 9, color: '#1e293b' }, children: ["$", tax.toFixed(2)] })] }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', padding: 12, backgroundColor: '#2563eb', borderRadius: 4, marginTop: 4 }, children: [_jsx(Text, { style: { fontSize: 11, fontWeight: 700, color: '#ffffff' }, children: "Total Due" }), _jsxs(Text, { style: { fontSize: 11, fontWeight: 700, color: '#ffffff' }, children: ["$", total.toFixed(2)] })] })] }) }), _jsxs(View, { style: { marginTop: 32, padding: 16, backgroundColor: '#f8fafc', borderRadius: 4 }, children: [_jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#1e293b', marginBottom: 8 }, children: "Payment Terms" }), _jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: data.paymentTerms })] }), data.notes && (_jsxs(View, { style: { marginTop: 16 }, children: [_jsx(Text, { style: { fontSize: 9, fontWeight: 700, color: '#1e293b', marginBottom: 4 }, children: "Notes" }), _jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: data.notes })] }))] }) }));
+}

package/dist/templates/letter.d.ts

@@ -0,0 +1,2 @@
+import type { LetterData } from '../schemas/letter.js';
+export default function Letter(data: LetterData): import("react/jsx-runtime").JSX.Element;

package/dist/templates/letter.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Document, Page, View, Text } from '@formepdf/react';
+export default function Letter(data) {
+    return (_jsx(Document, { title: `Letter to ${data.recipient.name}`, author: data.sender.name, children: _jsxs(Page, { size: "Letter", margin: { top: 72, right: 72, bottom: 72, left: 72 }, children: [_jsxs(View, { style: { marginBottom: 32 }, children: [_jsx(Text, { style: { fontSize: 16, fontWeight: 700, color: '#1e293b' }, children: data.sender.company }), _jsx(View, { style: { borderTopWidth: 2, borderColor: '#2563eb', marginTop: 8, marginBottom: 12 } }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between' }, children: [_jsxs(View, { children: [_jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: data.sender.address }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.sender.cityStateZip })] }), _jsxs(View, { style: { alignItems: 'flex-end' }, children: [data.sender.phone && (_jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: data.sender.phone })), data.sender.email && (_jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.sender.email }))] })] })] }), _jsx(Text, { style: { fontSize: 10, color: '#1e293b', marginBottom: 24 }, children: data.date }), _jsxs(View, { style: { marginBottom: 24 }, children: [_jsx(Text, { style: { fontSize: 10, color: '#1e293b' }, children: data.recipient.name }), data.recipient.title && (_jsx(Text, { style: { fontSize: 10, color: '#1e293b', marginTop: 2 }, children: data.recipient.title })), data.recipient.company && (_jsx(Text, { style: { fontSize: 10, color: '#1e293b', marginTop: 2 }, children: data.recipient.company })), _jsx(Text, { style: { fontSize: 10, color: '#1e293b', marginTop: 2 }, children: data.recipient.address }), _jsx(Text, { style: { fontSize: 10, color: '#1e293b', marginTop: 2 }, children: data.recipient.cityStateZip })] }), _jsx(Text, { style: { fontSize: 10, color: '#1e293b', marginBottom: 16 }, children: data.salutation }), data.body.map((paragraph, i) => (_jsx(Text, { style: { fontSize: 10, color: '#334155', lineHeight: 1.6, marginBottom: 12 }, children: paragraph }, i))), _jsxs(View, { style: { marginTop: 16 }, children: [_jsx(Text, { style: { fontSize: 10, color: '#1e293b' }, children: data.closing }), _jsx(View, { style: { height: 48 } }), _jsx(Text, { style: { fontSize: 10, fontWeight: 700, color: '#1e293b' }, children: data.signatureName }), data.signatureTitle && (_jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.signatureTitle }))] })] }) }));
+}

package/dist/templates/receipt.d.ts

@@ -0,0 +1,2 @@
+import type { ReceiptData } from '../schemas/receipt.js';
+export default function Receipt(data: ReceiptData): import("react/jsx-runtime").JSX.Element;

package/dist/templates/receipt.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Document, Page, View, Text } from '@formepdf/react';
+export default function Receipt(data) {
+    const items = data.items || [];
+    const subtotal = items.reduce((sum, item) => sum + item.price * (item.quantity || 1), 0);
+    const tax = subtotal * (data.taxRate || 0);
+    const total = subtotal + tax;
+    return (_jsx(Document, { title: `Receipt ${data.receiptNumber}`, author: data.store.name, children: _jsxs(Page, { size: "Letter", margin: { top: 72, right: 120, bottom: 72, left: 120 }, children: [_jsxs(View, { style: { alignItems: 'center', marginBottom: 24 }, children: [_jsx(Text, { style: { fontSize: 20, fontWeight: 700, color: '#1e293b' }, children: data.store.name }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 4 }, children: data.store.address }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.store.cityStateZip }), _jsx(Text, { style: { fontSize: 9, color: '#64748b', marginTop: 2 }, children: data.store.phone })] }), _jsx(View, { style: { borderTopWidth: 1, borderColor: '#e2e8f0', marginBottom: 16 } }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', marginBottom: 16 }, children: [_jsxs(Text, { style: { fontSize: 9, color: '#64748b' }, children: ["Receipt #", data.receiptNumber] }), _jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: data.date })] }), items.map((item, i) => (_jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', paddingTop: 6, paddingBottom: 6 }, children: [_jsxs(View, { style: { flexDirection: 'row', gap: 8, flexGrow: 1 }, children: [_jsx(Text, { style: { fontSize: 9, color: '#1e293b' }, children: item.name }), (item.quantity || 1) > 1 && (_jsxs(Text, { style: { fontSize: 9, color: '#94a3b8' }, children: ["x", item.quantity] }))] }), _jsxs(Text, { style: { fontSize: 9, color: '#1e293b' }, children: ["$", (item.price * (item.quantity || 1)).toFixed(2)] })] }, i))), _jsx(View, { style: { borderTopWidth: 1, borderColor: '#e2e8f0', marginTop: 12, marginBottom: 12 } }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', paddingTop: 4, paddingBottom: 4 }, children: [_jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: "Subtotal" }), _jsxs(Text, { style: { fontSize: 9, color: '#1e293b' }, children: ["$", subtotal.toFixed(2)] })] }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', paddingTop: 4, paddingBottom: 4 }, children: [_jsxs(Text, { style: { fontSize: 9, color: '#64748b' }, children: ["Tax (", (data.taxRate * 100).toFixed(1), "%)"] }), _jsxs(Text, { style: { fontSize: 9, color: '#1e293b' }, children: ["$", tax.toFixed(2)] })] }), _jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', paddingTop: 12, paddingBottom: 12, borderTopWidth: 2, borderColor: '#1e293b', marginTop: 4 }, children: [_jsx(Text, { style: { fontSize: 12, fontWeight: 700, color: '#1e293b' }, children: "Total" }), _jsxs(Text, { style: { fontSize: 12, fontWeight: 700, color: '#1e293b' }, children: ["$", total.toFixed(2)] })] }), _jsxs(View, { style: { marginTop: 16, paddingTop: 12, paddingBottom: 12, borderTopWidth: 1, borderColor: '#e2e8f0' }, children: [_jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between' }, children: [_jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: "Payment Method" }), _jsx(Text, { style: { fontSize: 9, color: '#1e293b' }, children: data.paymentMethod })] }), data.cardLastFour && (_jsxs(View, { style: { flexDirection: 'row', justifyContent: 'space-between', marginTop: 4 }, children: [_jsx(Text, { style: { fontSize: 9, color: '#64748b' }, children: "Card" }), _jsxs(Text, { style: { fontSize: 9, color: '#1e293b' }, children: ["****", data.cardLastFour] })] }))] }), _jsxs(View, { style: { alignItems: 'center', marginTop: 32 }, children: [_jsx(Text, { style: { fontSize: 10, color: '#64748b' }, children: "Thank you for your purchase!" }), _jsx(Text, { style: { fontSize: 8, color: '#94a3b8', marginTop: 8 }, children: data.store.website })] })] }) }));
+}

package/dist/templates/report.d.ts

@@ -0,0 +1,2 @@
+import type { ReportData } from '../schemas/report.js';
+export default function Report(data: ReportData): import("react/jsx-runtime").JSX.Element;