@paro.io/expert-shared-components 1.14.43 → 1.14.46

package/lib/tax-axis/components/prospectReport/ProspectCover.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProspectCover = ProspectCover;
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("./theme");
+function ProspectCover({ profile, bizName, displayLo, displayHi }) {
+    return (react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 16, padding: 0, marginBottom: 24, boxShadow: theme_1.T.shadowLg, overflow: "hidden" } },
+        react_1.default.createElement("div", { style: { height: 4, background: `linear-gradient(90deg,${theme_1.T.accent},${theme_1.T.orange})` } }),
+        react_1.default.createElement("div", { style: { padding: "36px 32px 28px", position: "relative" } },
+            react_1.default.createElement("div", { style: { position: "absolute", inset: 0, opacity: 0.02, backgroundImage: `linear-gradient(${theme_1.T.text} 1px,transparent 1px),linear-gradient(90deg,${theme_1.T.text} 1px,transparent 1px)`, backgroundSize: "40px 40px" } }),
+            react_1.default.createElement("div", { style: { position: "relative" } },
+                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginBottom: 24 } },
+                    react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } },
+                        react_1.default.createElement("div", { style: { width: 24, height: 24, borderRadius: 6, background: theme_1.T.accent, display: "flex", alignItems: "center", justifyContent: "center" } },
+                            react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, color: theme_1.T.white } }, "P")),
+                        react_1.default.createElement("span", { style: { fontSize: 12, color: theme_1.T.text3, fontFamily: theme_1.T.body } }, "Paro TaxAxis")),
+                    react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 600, padding: "4px 10px", background: theme_1.T.orangeBg, border: `1px solid ${theme_1.T.orangeBdr}`, borderRadius: 4, color: theme_1.T.orange, fontFamily: theme_1.T.mono, textTransform: "uppercase", letterSpacing: 1 } }, "Profile Only")),
+                react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.2em", color: theme_1.T.text4, marginBottom: 12, fontFamily: theme_1.T.mono } }, "TAX STRATEGY ANALYSIS"),
+                react_1.default.createElement("div", { style: { fontSize: 32, fontWeight: 900, color: theme_1.T.white, fontFamily: theme_1.T.head, lineHeight: 1.15, marginBottom: 8 } }, bizName),
+                react_1.default.createElement("div", { style: { fontSize: 15, color: theme_1.T.text2, fontFamily: theme_1.T.body, marginBottom: 18 } },
+                    profile.entity,
+                    " \u00B7 ",
+                    profile.industry,
+                    " \u00B7 Tax Year ",
+                    profile.year),
+                profile.cpaName && (react_1.default.createElement("div", { style: { marginBottom: 24 } },
+                    react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.18em", color: theme_1.T.text4, fontFamily: theme_1.T.body, marginBottom: 5 } }, "Prepared By"),
+                    react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } },
+                        react_1.default.createElement("span", { style: { fontSize: 16, fontWeight: 600, color: theme_1.T.white, fontFamily: theme_1.T.head } }, profile.cpaName),
+                        react_1.default.createElement("span", { style: { fontSize: 9, fontWeight: 700, padding: "3px 8px", background: theme_1.T.accentBg, border: `1px solid ${theme_1.T.accent}`, borderRadius: 4, color: theme_1.T.accentLt, fontFamily: theme_1.T.body, letterSpacing: 0.8, textTransform: "uppercase" } }, "Paro Verified")))),
+                react_1.default.createElement("div", { style: { height: 1, background: theme_1.T.border, marginBottom: 24 } }),
+                react_1.default.createElement("div", { style: { marginBottom: 8 } },
+                    react_1.default.createElement("span", { style: { fontSize: 44, fontWeight: 900, color: theme_1.T.accent, fontFamily: theme_1.T.head, letterSpacing: "-2px", lineHeight: 1 } },
+                        "$",
+                        displayLo,
+                        "K \u2013 $",
+                        displayHi,
+                        "K"),
+                    react_1.default.createElement("span", { style: { fontSize: 15, color: theme_1.T.text2, fontFamily: theme_1.T.body, marginLeft: 10 } }, "in estimated annual savings")),
+                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 16 } },
+                    react_1.default.createElement("span", { style: { fontSize: 11, color: theme_1.T.text3, fontFamily: theme_1.T.body } }, "Confidence:"),
+                    react_1.default.createElement("div", { style: { display: "flex", gap: 3 } }, [1, 2, 3, 4, 5].map(i => (react_1.default.createElement("div", { key: i, style: { width: 8, height: 8, borderRadius: "50%", background: i <= 3 ? theme_1.T.accent : theme_1.T.surface2 } })))),
+                    react_1.default.createElement("span", { style: { fontSize: 11, color: theme_1.T.text4, fontFamily: theme_1.T.body } }, "Profile Only"))))));
+}

package/lib/tax-axis/components/prospectReport/ProspectDocuments.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+interface ProspectDocumentsProps {
+    sectionNum: string;
+    requiredDocs: string[];
+    recommendedDocs: string[];
+    conditionalDocs: string[];
+}
+export declare function ProspectDocuments({ sectionNum, requiredDocs, recommendedDocs, conditionalDocs }: ProspectDocumentsProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/prospectReport/ProspectDocuments.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProspectDocuments = ProspectDocuments;
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("./theme");
+function ProspectDocuments({ sectionNum, requiredDocs, recommendedDocs, conditionalDocs }) {
+    return (react_1.default.createElement("div", { style: { marginBottom: 24 } },
+        react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 10, marginBottom: 6 } },
+            react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, color: theme_1.T.accent, fontFamily: theme_1.T.body } }, sectionNum),
+            react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: theme_1.T.text4, fontFamily: theme_1.T.body } }, "DOCUMENTS NEEDED")),
+        react_1.default.createElement("div", { style: { height: 2, background: theme_1.T.accent, width: 48, marginBottom: 16 } }),
+        react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 14, padding: "24px 28px", boxShadow: theme_1.T.shadow } },
+            react_1.default.createElement("div", { style: { fontSize: 14, color: theme_1.T.text2, fontFamily: theme_1.T.body, lineHeight: 1.7, marginBottom: 18 } }, "To turn these estimates into a plan, we need the following:"),
+            react_1.default.createElement("div", { style: { background: theme_1.T.accentBg, border: "1px solid rgba(36,131,132,0.2)", borderRadius: 8, padding: "10px 14px", marginBottom: 18, display: "flex", alignItems: "center", justifyContent: "space-between", cursor: "pointer" } },
+                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8 } },
+                    react_1.default.createElement("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", style: { flexShrink: 0 } },
+                        react_1.default.createElement("path", { d: "M6 7.5L8.5 10L12 4", stroke: theme_1.T.accentLt, strokeWidth: "1.5", strokeLinecap: "round" }),
+                        react_1.default.createElement("rect", { x: "1", y: "1", width: "12", height: "12", rx: "3", stroke: theme_1.T.accentLt, strokeWidth: "1.2" })),
+                    react_1.default.createElement("span", { style: { fontSize: 12, color: theme_1.T.accentLt, fontFamily: theme_1.T.body, fontWeight: 500 } }, "Connect QuickBooks to skip 5 of these")),
+                react_1.default.createElement("span", { style: { fontSize: 10, color: theme_1.T.text4, fontFamily: theme_1.T.mono } }, "BETA")),
+            [
+                { tier: "Required", docs: requiredDocs, borderColor: theme_1.T.red, labelColor: theme_1.T.red, fontW: 600 },
+                { tier: "Recommended", docs: recommendedDocs, borderColor: theme_1.T.orange, labelColor: theme_1.T.orange, fontW: 500 },
+                { tier: "If Applicable", docs: conditionalDocs, borderColor: theme_1.T.border, labelColor: theme_1.T.text3, fontW: 400 },
+            ].map(({ tier, docs, borderColor, labelColor, fontW }) => docs.length > 0 && (react_1.default.createElement("div", { key: tier, style: { marginBottom: 16 } },
+                react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, color: labelColor, textTransform: "uppercase", letterSpacing: 1, marginBottom: 8, fontFamily: theme_1.T.mono } }, tier),
+                react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 6 } }, docs.map(d => (react_1.default.createElement("div", { key: d, style: { display: "flex", alignItems: "center", gap: 10, fontSize: 12, color: theme_1.T.text, fontFamily: theme_1.T.body, fontWeight: fontW, borderLeft: `3px solid ${borderColor}`, paddingLeft: 10, paddingTop: 4, paddingBottom: 4 } }, d))))))))));
+}

package/lib/tax-axis/components/prospectReport/ProspectNextSteps.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface ProspectNextStepsProps {
+    sectionNum: string;
+    bizName: string;
+    onUpgrade?: () => void;
+    onPresent?: () => void;
+    onPrint: () => void;
+    onReset?: () => void;
+    confirmReset: boolean;
+    onConfirmResetChange: (v: boolean) => void;
+}
+export declare function ProspectNextSteps({ sectionNum, bizName, onUpgrade, onPresent, onPrint, onReset, confirmReset, onConfirmResetChange, }: ProspectNextStepsProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/prospectReport/ProspectNextSteps.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProspectNextSteps = ProspectNextSteps;
+const react_1 = __importDefault(require("react"));
+const theme_1 = require("./theme");
+/* ═══ GlowBtn — inline-styled button matching mock ═══ */
+function GlowBtn({ children, onClick, secondary, style }) {
+    return (react_1.default.createElement("button", { onClick: onClick, style: Object.assign({ padding: "14px 28px", border: secondary ? `1px solid ${theme_1.T.border}` : "none", borderRadius: 8, fontSize: 14, fontWeight: 600, fontFamily: theme_1.T.body, letterSpacing: ".2px", cursor: "pointer", background: secondary ? "transparent" : `linear-gradient(135deg,${theme_1.T.accent},#1A6B6C)`, color: secondary ? theme_1.T.text2 : theme_1.T.white, boxShadow: secondary ? "none" : `0 0 20px rgba(36,131,132,0.25),0 4px 16px rgba(6,8,33,0.4)` }, style) }, children));
+}
+function ProspectNextSteps({ sectionNum, bizName, onUpgrade, onPresent, onPrint, onReset, confirmReset, onConfirmResetChange, }) {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: { marginBottom: 16 } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 10, marginBottom: 6 } },
+                react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, color: theme_1.T.accent, fontFamily: theme_1.T.body } }, sectionNum),
+                react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: theme_1.T.text4, fontFamily: theme_1.T.body } }, "NEXT STEPS")),
+            react_1.default.createElement("div", { style: { height: 2, background: theme_1.T.accent, width: 48, marginBottom: 16 } }),
+            react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 14, padding: "24px 28px", boxShadow: theme_1.T.shadow, position: "relative", overflow: "hidden" } },
+                react_1.default.createElement("div", { style: { position: "absolute", top: -20, right: -20, width: 120, height: 120, borderRadius: "50%", background: "radial-gradient(circle,rgba(36,131,132,0.06),transparent 70%)", pointerEvents: "none" } }),
+                react_1.default.createElement("div", { style: { position: "relative" } },
+                    react_1.default.createElement("div", { style: { fontSize: 14, color: theme_1.T.text2, fontFamily: theme_1.T.body, lineHeight: 1.8, marginBottom: 20 } },
+                        "Upload ",
+                        bizName,
+                        "'s documents to run the full TaxAxis analysis \u2014 computed savings with calculation traces, IRS citations, and a client-ready report."),
+                    react_1.default.createElement("div", { style: { display: "flex", gap: 10, flexWrap: "wrap" } },
+                        react_1.default.createElement(GlowBtn, { onClick: onUpgrade }, "Upload Documents"),
+                        react_1.default.createElement(GlowBtn, { onClick: onPresent, style: { fontSize: 13 } }, "Present to Client"),
+                        react_1.default.createElement(GlowBtn, { secondary: true, onClick: onPrint, style: { fontSize: 13 } }, "Download PDF")),
+                    react_1.default.createElement("div", { style: { fontSize: 11, color: theme_1.T.text4, marginTop: 12, fontFamily: theme_1.T.body } }, "Typical turnaround: same day. No obligation until you review the results.")))),
+        confirmReset ? (react_1.default.createElement("div", { style: { marginTop: 10, padding: "14px 18px", background: theme_1.T.surface, border: `1px solid ${theme_1.T.orangeBdr}`, borderRadius: 10, display: "flex", justifyContent: "space-between", alignItems: "center" } },
+            react_1.default.createElement("span", { style: { fontSize: 13, color: theme_1.T.orange, fontFamily: theme_1.T.body } }, "Start a new analysis?"),
+            react_1.default.createElement("div", { style: { display: "flex", gap: 8 } },
+                react_1.default.createElement("button", { onClick: () => onConfirmResetChange(false), style: { padding: "8px 16px", background: "none", border: `1px solid ${theme_1.T.border}`, borderRadius: 8, fontSize: 12, color: theme_1.T.text3, fontFamily: theme_1.T.body, cursor: "pointer" } }, "Cancel"),
+                react_1.default.createElement("button", { onClick: onReset, style: { padding: "8px 16px", background: theme_1.T.orange, border: "none", borderRadius: 8, fontSize: 12, fontWeight: 600, color: theme_1.T.white, fontFamily: theme_1.T.body, cursor: "pointer" } }, "Confirm Reset")))) : (react_1.default.createElement(GlowBtn, { secondary: true, onClick: () => onConfirmResetChange(true), style: { width: "100%", marginTop: 10 } }, "New Analysis"))));
+}

package/lib/tax-axis/components/prospectReport/ProspectPrintView.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { Strategy, ClientProfile, ComputedMap } from "../../lib/types";
+interface ProspectPrintViewProps {
+    profile: ClientProfile;
+    bizName: string;
+    displayLo: number;
+    displayHi: number;
+    currentTax: number;
+    optimizedTax: number;
+    realizedSavings: number;
+    realizedPctOfCurrent: number;
+    fedRatePct: number;
+    stateRatePct: number;
+    eligible: Strategy[];
+    high: Strategy[];
+    quick: Strategy[];
+    top3: Strategy[];
+    computed: ComputedMap;
+    fmtTax: (n: number) => string;
+    fmtSavings: (n: number) => string;
+    requiredDocs: string[];
+    recommendedDocs: string[];
+    conditionalDocs: string[];
+}
+export declare function ProspectPrintView({ profile, bizName, displayLo, displayHi, currentTax, optimizedTax, realizedSavings, realizedPctOfCurrent, fedRatePct, stateRatePct, eligible, high, quick, top3, computed, fmtTax, fmtSavings, requiredDocs, recommendedDocs, conditionalDocs, }: ProspectPrintViewProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/prospectReport/ProspectPrintView.js

@@ -0,0 +1,185 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProspectPrintView = ProspectPrintView;
+const react_1 = __importDefault(require("react"));
+const strategyNarrative_1 = require("../../lib/data/strategyNarrative");
+const palette_1 = require("../clientReport/palette");
+function ProspectPrintView({ profile, bizName, displayLo, displayHi, currentTax, optimizedTax, realizedSavings, realizedPctOfCurrent, fedRatePct, stateRatePct, eligible, high, quick, top3, computed, fmtTax, fmtSavings, requiredDocs, recommendedDocs, conditionalDocs, }) {
+    return (react_1.default.createElement("div", { className: "prospect-print-root", style: { background: palette_1.P.white, color: palette_1.P.gray900, fontFamily: palette_1.P.body, maxWidth: 680, margin: "0 auto", padding: "40px 32px" } },
+        react_1.default.createElement("style", null, `
+        @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;800&display=swap');
+        @media print {
+          body { background: white !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+          body * { visibility: hidden !important; }
+          .prospect-print-root, .prospect-print-root * { visibility: visible !important; }
+          .prospect-print-root { position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; }
+          body, p, span, div, td, th, li { color: #212529 !important; }
+          h1, h2, h3, h4, h5, h6, strong, b { color: #060821 !important; }
+          .no-print { display: none !important; }
+        }
+      `),
+        react_1.default.createElement("div", { style: { height: 5, background: `linear-gradient(90deg,${palette_1.P.teal},${palette_1.P.tealLt},${palette_1.P.orange})`, borderRadius: 2, marginBottom: 36 } }),
+        react_1.default.createElement("div", { style: { marginBottom: 40 } },
+            react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 600, color: palette_1.P.gray400, textTransform: "uppercase", letterSpacing: 3, marginBottom: 20, fontFamily: palette_1.P.mono } }, "PROSPECT TAX ANALYSIS"),
+            react_1.default.createElement("div", { style: { fontSize: 36, fontWeight: 800, color: palette_1.P.gray900, fontFamily: palette_1.P.head, lineHeight: 1.15, marginBottom: 8 } }, bizName),
+            react_1.default.createElement("div", { style: { fontSize: 14, color: palette_1.P.gray500, fontFamily: palette_1.P.body, marginBottom: 18 } },
+                profile.entity,
+                " \u00B7 ",
+                profile.industry,
+                " \u00B7 Tax Year ",
+                profile.year),
+            profile.cpaName && (react_1.default.createElement("div", { style: { marginBottom: 24 } },
+                react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.18em", color: palette_1.P.gray400, fontFamily: palette_1.P.body, marginBottom: 5 } }, "Prepared By"),
+                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10 } },
+                    react_1.default.createElement("span", { style: { fontSize: 16, fontWeight: 600, color: palette_1.P.gray900, fontFamily: palette_1.P.head } }, profile.cpaName),
+                    react_1.default.createElement("span", { style: { fontSize: 9, fontWeight: 700, padding: "3px 8px", background: palette_1.P.tealPale, border: `1px solid ${palette_1.P.teal}`, borderRadius: 4, color: palette_1.P.teal, fontFamily: palette_1.P.body, letterSpacing: 0.8, textTransform: "uppercase" } }, "Paro Verified")))),
+            react_1.default.createElement("div", { style: { height: 1, background: palette_1.P.gray200, marginBottom: 24 } }),
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 8 } },
+                react_1.default.createElement("span", { style: { fontSize: 40, fontWeight: 900, color: palette_1.P.teal, fontFamily: palette_1.P.head, letterSpacing: "-1px" } },
+                    "$",
+                    displayLo,
+                    "K \u2013 $",
+                    displayHi,
+                    "K"),
+                react_1.default.createElement("span", { style: { fontSize: 14, color: palette_1.P.gray500 } }, "in estimated annual savings"))),
+        react_1.default.createElement("div", { style: { border: `1px solid ${palette_1.P.gray200}`, borderRadius: 10, padding: "24px 28px", marginBottom: 32 } },
+            react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.15em", color: palette_1.P.gray400, marginBottom: 6, fontFamily: palette_1.P.body } }, "The Opportunity"),
+            react_1.default.createElement("div", { style: { fontSize: 16, fontWeight: 600, color: palette_1.P.gray900, fontFamily: palette_1.P.head, lineHeight: 1.4, marginBottom: 20, maxWidth: 520 } },
+                bizName,
+                " is paying ",
+                fmtTax(currentTax),
+                " in federal and state tax this year. Here's what that looks like with TaxAxis."),
+            react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 14, marginBottom: 18 } },
+                react_1.default.createElement("div", { style: { padding: "16px 18px", background: palette_1.P.gray50, border: `1px solid ${palette_1.P.gray200}`, borderRadius: 8 } },
+                    react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: palette_1.P.gray500, marginBottom: 6, fontFamily: palette_1.P.body } }, "Current Position"),
+                    react_1.default.createElement("div", { style: { fontSize: 26, fontWeight: 800, color: palette_1.P.gray700, fontFamily: palette_1.P.head, letterSpacing: "-1px", lineHeight: 1, marginBottom: 5 } }, fmtTax(currentTax)),
+                    react_1.default.createElement("div", { style: { fontSize: 10, color: palette_1.P.gray500, fontFamily: palette_1.P.body, lineHeight: 1.45 } },
+                        "Annual federal + state tax at your current profile (",
+                        fedRatePct,
+                        "% federal, ",
+                        stateRatePct,
+                        "% state)")),
+                react_1.default.createElement("div", { style: { padding: "16px 18px", background: palette_1.P.tealPale, border: `1px solid ${palette_1.P.teal}`, borderRadius: 8 } },
+                    react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: palette_1.P.teal, marginBottom: 6, fontFamily: palette_1.P.body } }, "With TaxAxis"),
+                    react_1.default.createElement("div", { style: { fontSize: 26, fontWeight: 800, color: palette_1.P.teal, fontFamily: palette_1.P.head, letterSpacing: "-1px", lineHeight: 1, marginBottom: 5 } }, fmtTax(optimizedTax)),
+                    react_1.default.createElement("div", { style: { fontSize: 10, color: palette_1.P.gray700, fontFamily: palette_1.P.body, lineHeight: 1.45 } },
+                        "After applying realized savings from ",
+                        eligible.length,
+                        " eligible strategies"))),
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 14, padding: "14px 18px", background: palette_1.P.tealPale, border: `1px solid ${palette_1.P.teal}`, borderRadius: 8 } },
+                react_1.default.createElement("div", { style: { flex: 1 } },
+                    react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 600, color: palette_1.P.teal, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: palette_1.P.body, marginBottom: 3 } }, "Annual Savings Opportunity"),
+                    react_1.default.createElement("div", { style: { fontSize: 11, color: palette_1.P.gray700, fontFamily: palette_1.P.body, lineHeight: 1.5 } },
+                        "That's ",
+                        realizedPctOfCurrent,
+                        "% of your current tax bill \u2014 and it recurs every year you stay engaged.")),
+                react_1.default.createElement("div", { style: { fontSize: 28, fontWeight: 900, color: palette_1.P.teal, fontFamily: palette_1.P.head, letterSpacing: "-1px", lineHeight: 1, whiteSpace: "nowrap" } }, fmtSavings(realizedSavings))),
+            react_1.default.createElement("div", { style: { fontSize: 9, color: palette_1.P.gray400, fontFamily: palette_1.P.body, marginTop: 10, fontStyle: "italic" } }, "Realized savings reflect strategy interactions and \u00A76694 reasonableness. Full implementation may span 2\u20133 tax years for profiles with high theoretical opportunity.")),
+        react_1.default.createElement("div", { style: { border: `1px solid ${palette_1.P.gray200}`, borderRadius: 10, padding: "20px 24px", marginBottom: 32 } },
+            react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.15em", color: palette_1.P.gray400, marginBottom: 14, fontFamily: palette_1.P.mono } }, "AT A GLANCE"),
+            react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr 1fr", gap: 16 } }, [
+                { v: `$${displayLo}K\u2013$${displayHi}K`, l: "Est. Savings" },
+                { v: String(eligible.length), l: "Strategies Found" },
+                { v: String(high.length), l: "High Impact" },
+                { v: String(quick.length), l: "Quick Wins" },
+            ].map(({ v, l }) => (react_1.default.createElement("div", { key: l },
+                react_1.default.createElement("div", { style: { fontSize: 18, fontWeight: 800, color: palette_1.P.teal, fontFamily: palette_1.P.head, lineHeight: 1.2, marginBottom: 3 } }, v),
+                react_1.default.createElement("div", { style: { fontSize: 9, color: palette_1.P.gray400, fontFamily: palette_1.P.body } }, l)))))),
+        react_1.default.createElement("div", { style: { marginBottom: 28 } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 8, marginBottom: 4 } },
+                react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, color: palette_1.P.teal, fontFamily: palette_1.P.mono } }, "01"),
+                react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: palette_1.P.gray400, fontFamily: palette_1.P.body } }, "EXECUTIVE SUMMARY")),
+            react_1.default.createElement("div", { style: { height: 2, background: palette_1.P.teal, width: 40, marginBottom: 14 } }),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: palette_1.P.gray600, fontFamily: palette_1.P.body, lineHeight: 1.8, marginBottom: 10 } },
+                "We evaluated ",
+                bizName,
+                "'s tax position against 25 federal strategies and identified ",
+                react_1.default.createElement("strong", { style: { color: palette_1.P.gray900 } },
+                    eligible.length,
+                    " applicable opportunities"),
+                " with combined estimated savings of ",
+                react_1.default.createElement("strong", { style: { color: palette_1.P.teal } },
+                    "$",
+                    displayLo,
+                    "K\u2013$",
+                    displayHi,
+                    "K annually"),
+                ". ",
+                high.length,
+                " strategies could have significant impact."),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: palette_1.P.gray600, fontFamily: palette_1.P.body, lineHeight: 1.8 } },
+                "The top ",
+                top3.length,
+                " strategies are detailed below.",
+                quick.length > 0 ? ` ${quick.length} can be implemented this week with no structural changes.` : "",
+                " These are profile-based estimates \u2014 uploading financial documents will refine calculations and unlock all 25 strategies.")),
+        react_1.default.createElement("div", { style: { marginBottom: 28, pageBreakBefore: "always" } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 8, marginBottom: 4 } },
+                react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, color: palette_1.P.teal, fontFamily: palette_1.P.mono } }, "02"),
+                react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: palette_1.P.gray400, fontFamily: palette_1.P.body } }, "RECOMMENDED STRATEGIES")),
+            react_1.default.createElement("div", { style: { height: 2, background: palette_1.P.teal, width: 40, marginBottom: 16 } }),
+            top3.map((s, i) => {
+                var _a, _b;
+                const narr = strategyNarrative_1.STRATEGY_NARRATIVE[s.rank];
+                const c = computed.get(s.rank);
+                const sLo = Math.round(((_a = c === null || c === void 0 ? void 0 : c.lo) !== null && _a !== void 0 ? _a : s.lo) / 1000);
+                const sHi = Math.round(((_b = c === null || c === void 0 ? void 0 : c.hi) !== null && _b !== void 0 ? _b : s.hi) / 1000);
+                const whyText = narr ? narr.whyMatters(profile) : strategyNarrative_1.NARRATIVE_FALLBACK.whyMatters(s);
+                const breakdownText = narr ? narr.breakdown(profile, c) : strategyNarrative_1.NARRATIVE_FALLBACK.breakdown(s, c);
+                const specialistText = (narr === null || narr === void 0 ? void 0 : narr.whySpecialist) || strategyNarrative_1.NARRATIVE_FALLBACK.whySpecialist(s);
+                const nextText = narr ? narr.nextSteps : strategyNarrative_1.NARRATIVE_FALLBACK.nextSteps(s);
+                return (react_1.default.createElement("div", { key: s.rank, style: { border: `1px solid ${palette_1.P.gray200}`, borderRadius: 10, padding: "20px 24px", marginBottom: 14, pageBreakInside: "avoid" } },
+                    react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", marginBottom: 12 } },
+                        react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 12 } },
+                            react_1.default.createElement("div", { style: { width: 28, height: 28, borderRadius: "50%", background: palette_1.P.teal, color: palette_1.P.white, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 12, fontWeight: 700, flexShrink: 0 } }, i + 1),
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement("div", { style: { fontSize: 15, fontWeight: 700, color: palette_1.P.gray900, fontFamily: palette_1.P.head } }, s.name),
+                                react_1.default.createElement("span", { style: { fontSize: 9, fontFamily: palette_1.P.mono, color: palette_1.P.gray400 } },
+                                    s.code,
+                                    " \u00B7 ",
+                                    s.timeline))),
+                        react_1.default.createElement("div", { style: { textAlign: "right", flexShrink: 0 } },
+                            react_1.default.createElement("div", { style: { fontSize: 18, fontWeight: 800, color: palette_1.P.teal, fontFamily: palette_1.P.head } },
+                                "$",
+                                sLo,
+                                "K \u2013 $",
+                                sHi,
+                                "K"),
+                            react_1.default.createElement("div", { style: { fontSize: 9, color: palette_1.P.gray400, fontFamily: palette_1.P.mono } }, "est. annual savings"))),
+                    react_1.default.createElement("div", { style: { marginBottom: 10 } },
+                        react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette_1.P.gray400, marginBottom: 4, fontFamily: palette_1.P.mono } }, "WHY THIS MATTERS"),
+                        react_1.default.createElement("div", { style: { fontSize: 12, color: palette_1.P.gray600, lineHeight: 1.7, fontFamily: palette_1.P.body } }, whyText)),
+                    react_1.default.createElement("div", { style: { marginBottom: 10 } },
+                        react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette_1.P.gray400, marginBottom: 4, fontFamily: palette_1.P.mono } }, "HOW SAVINGS BREAK DOWN"),
+                        react_1.default.createElement("div", { style: { fontSize: 12, color: palette_1.P.gray600, lineHeight: 1.7, fontFamily: palette_1.P.body } }, breakdownText)),
+                    react_1.default.createElement("div", { style: { marginBottom: 10, borderLeft: `3px solid ${palette_1.P.orange}`, padding: "2px 0 2px 12px" } },
+                        react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette_1.P.orange, marginBottom: 4, fontFamily: palette_1.P.mono } }, "WHY YOU NEED A SPECIALIST"),
+                        react_1.default.createElement("div", { style: { fontSize: 12, color: palette_1.P.gray600, lineHeight: 1.7, fontFamily: palette_1.P.body } }, specialistText)),
+                    react_1.default.createElement("div", { style: { background: palette_1.P.tealPale, borderLeft: `3px solid ${palette_1.P.teal}`, padding: "10px 14px", borderRadius: 4 } },
+                        react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: palette_1.P.teal, marginBottom: 3, fontFamily: palette_1.P.mono } }, "WHAT WE'D DO NEXT"),
+                        react_1.default.createElement("div", { style: { fontSize: 11, color: palette_1.P.gray700, lineHeight: 1.6, fontFamily: palette_1.P.body } }, typeof nextText === "string" ? nextText : "Provide documents so we can calculate exact savings."))));
+            })),
+        react_1.default.createElement("div", { style: { marginBottom: 28, pageBreakBefore: "always" } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 8, marginBottom: 4 } },
+                react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, color: palette_1.P.teal, fontFamily: palette_1.P.mono } }, "03"),
+                react_1.default.createElement("span", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: palette_1.P.gray400, fontFamily: palette_1.P.body } }, "DOCUMENTS NEEDED")),
+            react_1.default.createElement("div", { style: { height: 2, background: palette_1.P.teal, width: 40, marginBottom: 16 } }),
+            [
+                { tier: "Required", docs: requiredDocs, color: palette_1.P.red },
+                { tier: "Recommended", docs: recommendedDocs, color: palette_1.P.orange },
+                { tier: "If Applicable", docs: conditionalDocs, color: palette_1.P.gray400 },
+            ].map(({ tier, docs, color }) => docs.length > 0 && (react_1.default.createElement("div", { key: tier, style: { marginBottom: 14 } },
+                react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color, textTransform: "uppercase", letterSpacing: 1, marginBottom: 6, fontFamily: palette_1.P.mono } }, tier),
+                docs.map(d => react_1.default.createElement("div", { key: d, style: { fontSize: 12, color: palette_1.P.gray700, padding: "4px 0 4px 12px", borderLeft: `3px solid ${color}`, marginBottom: 4, fontFamily: palette_1.P.body } }, d)))))),
+        react_1.default.createElement("div", { style: { borderTop: `1px solid ${palette_1.P.gray200}`, marginTop: 32, paddingTop: 16, display: "flex", justifyContent: "space-between", alignItems: "center", fontSize: 10, color: palette_1.P.gray400 } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 6 } },
+                react_1.default.createElement("div", { style: { width: 16, height: 16, borderRadius: 4, background: palette_1.P.teal, display: "flex", alignItems: "center", justifyContent: "center" } },
+                    react_1.default.createElement("span", { style: { fontSize: 8, fontWeight: 700, color: palette_1.P.white } }, "P")),
+                react_1.default.createElement("span", { style: { fontFamily: palette_1.P.mono } }, "Paro TaxAxis \u00B7 Confidential")),
+            react_1.default.createElement("span", { style: { fontFamily: palette_1.P.mono } },
+                profile.cpaName ? `${profile.cpaName} \u00B7 ` : "",
+                new Date().toLocaleDateString("en-US", { month: "long", year: "numeric" })))));
+}

package/lib/tax-axis/components/prospectReport/ProspectStrategyCard.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { Strategy, ClientProfile, ComputedMap } from "../../lib/types";
+interface ProspectStrategyCardProps {
+    strategy: Strategy;
+    index: number;
+    profile: ClientProfile;
+    computed: ComputedMap;
+}
+export declare function ProspectStrategyCard({ strategy: s, index: i, profile, computed }: ProspectStrategyCardProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/prospectReport/ProspectStrategyCard.js

@@ -0,0 +1,52 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProspectStrategyCard = ProspectStrategyCard;
+const react_1 = __importDefault(require("react"));
+const strategyNarrative_1 = require("../../lib/data/strategyNarrative");
+const strategyProspect_1 = require("../../lib/data/strategyProspect");
+const theme_1 = require("./theme");
+function ProspectStrategyCard({ strategy: s, index: i, profile, computed }) {
+    var _a, _b;
+    const p = strategyProspect_1.STRATEGY_PROSPECT[s.rank];
+    const narr = strategyNarrative_1.STRATEGY_NARRATIVE[s.rank];
+    const c = computed.get(s.rank);
+    const whyText = narr ? narr.whyMatters(profile) : strategyNarrative_1.NARRATIVE_FALLBACK.whyMatters(s);
+    const breakdownText = narr ? narr.breakdown(profile, c) : strategyNarrative_1.NARRATIVE_FALLBACK.breakdown(s, c);
+    const specialistText = (narr === null || narr === void 0 ? void 0 : narr.whySpecialist) || strategyNarrative_1.NARRATIVE_FALLBACK.whySpecialist(s);
+    const nextText = narr ? narr.nextSteps : strategyNarrative_1.NARRATIVE_FALLBACK.nextSteps(s);
+    const scaledLo = Math.round(((_a = c === null || c === void 0 ? void 0 : c.lo) !== null && _a !== void 0 ? _a : s.lo) / 1000);
+    const scaledHi = Math.round(((_b = c === null || c === void 0 ? void 0 : c.hi) !== null && _b !== void 0 ? _b : s.hi) / 1000);
+    return (react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1px solid ${theme_1.T.border}`, borderRadius: 14, padding: "24px 28px", boxShadow: theme_1.T.shadow } },
+        react_1.default.createElement("div", { style: { display: "flex", alignItems: "flex-start", justifyContent: "space-between", marginBottom: 16 } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 14 } },
+                react_1.default.createElement("div", { style: { width: 34, height: 34, borderRadius: "50%", background: `linear-gradient(135deg,${theme_1.T.accent},#1A6B6C)`, display: "flex", alignItems: "center", justifyContent: "center", fontSize: 14, fontWeight: 700, color: theme_1.T.white, flexShrink: 0 } }, i + 1),
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { style: { fontSize: 16, fontWeight: 700, color: theme_1.T.white, fontFamily: theme_1.T.head } }, s.name),
+                    react_1.default.createElement("span", { style: { fontSize: 10, fontFamily: theme_1.T.mono, color: theme_1.T.accentLt, background: theme_1.T.accentBg, padding: "2px 6px", borderRadius: 3 } },
+                        s.code,
+                        " \u00B7 ",
+                        s.timeline))),
+            react_1.default.createElement("div", { style: { textAlign: "right", flexShrink: 0 } },
+                react_1.default.createElement("div", { style: { fontSize: 20, fontWeight: 800, color: theme_1.T.accent, fontFamily: theme_1.T.head } },
+                    "$",
+                    scaledLo,
+                    "K \u2013 $",
+                    scaledHi,
+                    "K"),
+                react_1.default.createElement("div", { style: { fontSize: 10, color: theme_1.T.text3, fontFamily: theme_1.T.mono } }, "est. annual savings"))),
+        react_1.default.createElement("div", { style: { marginBottom: 14 } },
+            react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: theme_1.T.text4, marginBottom: 6, fontFamily: theme_1.T.mono } }, "WHY THIS MATTERS"),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: theme_1.T.text2, lineHeight: 1.75, fontFamily: theme_1.T.body } }, whyText)),
+        react_1.default.createElement("div", { style: { marginBottom: 14 } },
+            react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: theme_1.T.text4, marginBottom: 6, fontFamily: theme_1.T.mono } }, "HOW SAVINGS BREAK DOWN"),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: theme_1.T.text2, lineHeight: 1.75, fontFamily: theme_1.T.body } }, breakdownText)),
+        react_1.default.createElement("div", { style: { marginBottom: 14, borderLeft: `3px solid ${theme_1.T.orange}`, padding: "2px 0 2px 14px" } },
+            react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: theme_1.T.orange, marginBottom: 6, fontFamily: theme_1.T.mono } }, "WHY YOU NEED A SPECIALIST"),
+            react_1.default.createElement("div", { style: { fontSize: 13, color: theme_1.T.text2, lineHeight: 1.75, fontFamily: theme_1.T.body } }, specialistText)),
+        react_1.default.createElement("div", { style: { background: theme_1.T.accentBg, border: "1px solid rgba(36,131,132,0.2)", borderRadius: 8, padding: "12px 16px" } },
+            react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: theme_1.T.accentLt, marginBottom: 4, fontFamily: theme_1.T.mono } }, "WHAT WE'D DO NEXT"),
+            react_1.default.createElement("div", { style: { fontSize: 12, color: theme_1.T.text, lineHeight: 1.6, fontFamily: theme_1.T.body } }, typeof nextText === "string" ? nextText : `Provide ${((p === null || p === void 0 ? void 0 : p.docsNeeded) || ["your financial documents"])[0]} so we can calculate exact savings.`))));
+}

package/lib/tax-axis/components/prospectReport/SampleAnalysisPreview.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface SampleAnalysisPreviewProps {
+    sectionNum: string;
+    eligibleCount: number;
+}
+export declare function SampleAnalysisPreview({ sectionNum, eligibleCount }: SampleAnalysisPreviewProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/prospectReport/SampleAnalysisPreview.js

@@ -0,0 +1,120 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SampleAnalysisPreview = SampleAnalysisPreview;
+const react_1 = __importStar(require("react"));
+const theme_1 = require("./theme");
+function SampleAnalysisPreview({ sectionNum, eligibleCount }) {
+    return (react_1.default.createElement("div", { style: { marginBottom: 24 } },
+        react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 10, marginBottom: 6 } },
+            react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, color: theme_1.T.accent, fontFamily: theme_1.T.body } }, sectionNum),
+            react_1.default.createElement("span", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.12em", color: theme_1.T.text4, fontFamily: theme_1.T.body } }, "A Sample of Your Full Analysis")),
+        react_1.default.createElement("div", { style: { height: 2, background: theme_1.T.accent, width: 48, marginBottom: 16 } }),
+        react_1.default.createElement("div", { style: { fontSize: 14, color: theme_1.T.text2, fontFamily: theme_1.T.body, lineHeight: 1.75, marginBottom: 18, maxWidth: 620 } }, "Once we have your documents, every eligible strategy gets the full TaxAxis treatment: line-by-line calculation traces with IRS citations, \u00A76694 compliance review, and a CPA-signed implementation plan. Here's a preview using SALT / PTE Optimization, one of your highest-impact opportunities."),
+        react_1.default.createElement("div", { style: { background: theme_1.T.surface, border: `1.5px solid ${theme_1.T.accent}`, borderRadius: 14, padding: 0, boxShadow: "0 0 30px rgba(36,131,132,0.15)", position: "relative", overflow: "hidden" } },
+            react_1.default.createElement("div", { style: { position: "absolute", top: 14, right: 0, padding: "4px 14px 4px 12px", background: theme_1.T.accent, color: theme_1.T.white, fontSize: 9, fontWeight: 700, letterSpacing: "0.12em", textTransform: "uppercase", fontFamily: theme_1.T.body, borderRadius: "4px 0 0 4px" } }, "Sample Output"),
+            react_1.default.createElement("div", { style: { padding: "24px 28px 18px", borderBottom: `1px solid ${theme_1.T.border}` } },
+                react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, color: theme_1.T.accentLt, fontFamily: theme_1.T.body, letterSpacing: "0.15em", textTransform: "uppercase", marginBottom: 6 } }, "S15 \u00B7 Pass-Through Entity Tax Election"),
+                react_1.default.createElement("div", { style: { fontSize: 20, fontWeight: 700, color: theme_1.T.white, fontFamily: theme_1.T.head, marginBottom: 12 } }, "SALT / PTE Optimization"),
+                react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 10, flexWrap: "wrap" } },
+                    react_1.default.createElement("span", { style: { fontSize: 9, fontWeight: 700, padding: "4px 9px", background: "rgba(15,110,86,0.18)", border: `1px solid ${theme_1.T.green}`, borderRadius: 4, color: theme_1.T.green, fontFamily: theme_1.T.body, letterSpacing: 0.6, textTransform: "uppercase" } }, "Substantial Authority"),
+                    react_1.default.createElement("span", { style: { fontSize: 9, fontWeight: 700, padding: "4px 9px", background: theme_1.T.accentBg, border: `1px solid ${theme_1.T.accent}`, borderRadius: 4, color: theme_1.T.accentLt, fontFamily: theme_1.T.body, letterSpacing: 0.6, textTransform: "uppercase" } }, "Priority: HIGH"),
+                    react_1.default.createElement("span", { style: { fontSize: 9, fontWeight: 700, padding: "4px 9px", background: theme_1.T.surface2, border: `1px solid ${theme_1.T.border}`, borderRadius: 4, color: theme_1.T.text2, fontFamily: theme_1.T.body, letterSpacing: 0.6, textTransform: "uppercase" } }, "Score 24 / 25"))),
+            react_1.default.createElement("div", { style: { padding: "20px 28px", borderBottom: `1px solid ${theme_1.T.border}`, background: `linear-gradient(135deg,${theme_1.T.accentBg} 0%,transparent 60%)` } },
+                react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color: theme_1.T.text4, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: theme_1.T.body, marginBottom: 6 } }, "result_gross \u00B7 confidence_interval"),
+                react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline", gap: 14 } },
+                    react_1.default.createElement("span", { style: { fontSize: 34, fontWeight: 900, color: theme_1.T.accentLt, fontFamily: theme_1.T.head, letterSpacing: "-1.5px", lineHeight: 1 } }, "$48.5K \u2013 $66.7K"),
+                    react_1.default.createElement("span", { style: { fontSize: 11, color: theme_1.T.text3, fontFamily: theme_1.T.body } }, "basis: 1-YR-DATA \u00B7 \u00B130%"))),
+            react_1.default.createElement("div", { style: { padding: "20px 28px", borderBottom: `1px solid ${theme_1.T.border}` } },
+                react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color: theme_1.T.text4, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: theme_1.T.body, marginBottom: 10 } }, "calculation_trace.formula"),
+                react_1.default.createElement("div", { style: { padding: "12px 14px", background: "rgba(0,0,0,0.18)", border: `1px solid ${theme_1.T.border}`, borderRadius: 6, fontSize: 11, color: theme_1.T.text2, fontFamily: theme_1.T.mono, lineHeight: 1.7, marginBottom: 14, letterSpacing: 0.2 } },
+                    react_1.default.createElement("div", { style: { color: theme_1.T.text3 } }, "// L2 \u2014 SALT/PTE Optimization (per V9 prompt)"),
+                    react_1.default.createElement("div", null, "INDIVIDUAL_SALT = state_income \u00D7 state_rate"),
+                    react_1.default.createElement("div", null, "EFFECTIVE_SALT_CAP = salt_cap_2026 \u2212 MFJ_phaseout"),
+                    react_1.default.createElement("div", null, "SALT_SHORTFALL = MAX(INDIVIDUAL_SALT \u2212 MIN(salt_paid, EFFECTIVE_SALT_CAP), 0)"),
+                    react_1.default.createElement("div", null, "PTE_FED_SAVINGS = SALT_SHORTFALL \u00D7 federal_marginal_rate"),
+                    react_1.default.createElement("div", null, "PTE_STATE_COST = pte_tax_paid \u00D7 (1 \u2212 state_credit_rate)"),
+                    react_1.default.createElement("div", { style: { color: theme_1.T.accentLt, marginTop: 4 } }, "NET_PTE_BENEFIT = PTE_FED_SAVINGS \u2212 PTE_STATE_COST")),
+                react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color: theme_1.T.text4, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: theme_1.T.body, marginBottom: 8 } },
+                    "calculation_trace.inputs ",
+                    react_1.default.createElement("span", { style: { color: theme_1.T.orange, fontWeight: 700 } }, "\u00B7 illustrative")),
+                react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr auto", gap: "6px 16px", fontSize: 11, fontFamily: theme_1.T.mono, marginBottom: 6 } }, [
+                    ["state_income_attributable_to_owner", "$1,750,000"],
+                    ["state_rate", "0.0495 (IL)"],
+                    ["filing_status", "mfj"],
+                    ["MAGI_PROXY: net_income", "$1,750,000"],
+                    ["EFFECTIVE_SALT_CAP", "$0  (fully phased out by MFJ income)"],
+                    ["federal_marginal_rate", "0.24"],
+                    ["state_credit_rate", "1.00 (IL full credit)"],
+                    ["pte_tax_paid", "$86,625"],
+                ].map(([k, v]) => (react_1.default.createElement(react_1.Fragment, { key: k },
+                    react_1.default.createElement("span", { style: { color: theme_1.T.text3 } }, k),
+                    react_1.default.createElement("span", { style: { color: theme_1.T.text, textAlign: "right" } }, v))))),
+                react_1.default.createElement("div", { style: { fontSize: 10, color: theme_1.T.text4, fontFamily: theme_1.T.body, fontStyle: "italic", marginTop: 8, lineHeight: 1.5 } }, "Inputs above are illustrative. Final calculation will use values parsed from your uploaded documents and the current TaxAxis state PTE conformity lookup table.")),
+            react_1.default.createElement("div", { style: { padding: "20px 28px", borderBottom: `1px solid ${theme_1.T.border}` } },
+                react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color: theme_1.T.text4, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: theme_1.T.body, marginBottom: 10 } }, "source_documents \u00B7 cross-reference targets"),
+                react_1.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 7 } }, [
+                    { doc: "Form 1120-S", line: "Line 12 \u00B7 Taxes and licenses", field: "pte_tax_paid" },
+                    { doc: "Schedule K-1", line: "Box 16, Code A \u00B7 State tax credit info", field: "state_credit_pass_through" },
+                    { doc: "Form 1040 Sch A", line: "Line 5a \u00B7 State and local income tax", field: "salt_paid" },
+                    { doc: "State Return (IL-1120-ST)", line: "PTE election line items", field: "pte_election_status" },
+                    { doc: "Parser-injected", line: "state_pte_lookup[IL]", field: "state_credit_rate, pte_deadline" },
+                ].map((s, idx) => (react_1.default.createElement("div", { key: idx, style: { display: "grid", gridTemplateColumns: "1.1fr 1.4fr 1fr", gap: 12, fontSize: 11, fontFamily: theme_1.T.body, padding: "7px 12px", background: theme_1.T.surface2, border: `1px solid ${theme_1.T.border}`, borderRadius: 6 } },
+                    react_1.default.createElement("span", { style: { color: theme_1.T.text, fontWeight: 600 } }, s.doc),
+                    react_1.default.createElement("span", { style: { color: theme_1.T.text2, fontFamily: theme_1.T.mono, fontSize: 10 } }, s.line),
+                    react_1.default.createElement("span", { style: { color: theme_1.T.accentLt, fontFamily: theme_1.T.mono, fontSize: 10, textAlign: "right" } },
+                        "\u2192 ",
+                        s.field)))))),
+            react_1.default.createElement("div", { style: { padding: "18px 28px 22px" } },
+                react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr", gap: 18 } },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color: theme_1.T.text4, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: theme_1.T.body, marginBottom: 6 } }, "irs_cite"),
+                        react_1.default.createElement("div", { style: { fontSize: 11, color: theme_1.T.text2, fontFamily: theme_1.T.mono, lineHeight: 1.6 } },
+                            "IRC \u00A7164(b)(6)",
+                            react_1.default.createElement("br", null),
+                            "IRS Notice 2020-75",
+                            react_1.default.createElement("br", null),
+                            "OBBBA \u00A770109")),
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color: theme_1.T.text4, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: theme_1.T.body, marginBottom: 6 } }, "forms_required"),
+                        react_1.default.createElement("div", { style: { fontSize: 11, color: theme_1.T.text2, fontFamily: theme_1.T.mono, lineHeight: 1.6 } },
+                            "State PTE election form",
+                            react_1.default.createElement("br", null),
+                            "(IL: Schedule B, Form IL-1120-ST)",
+                            react_1.default.createElement("br", null),
+                            "Updated Schedule K-1 (Box 13)"))),
+                react_1.default.createElement("div", { style: { marginTop: 14, paddingTop: 14, borderTop: `1px solid ${theme_1.T.border}`, display: "flex", justifyContent: "space-between", alignItems: "center", gap: 14 } },
+                    react_1.default.createElement("div", null,
+                        react_1.default.createElement("div", { style: { fontSize: 9, fontWeight: 700, color: theme_1.T.orange, textTransform: "uppercase", letterSpacing: "0.12em", fontFamily: theme_1.T.body, marginBottom: 3 } }, "deadline_flag"),
+                        react_1.default.createElement("div", { style: { fontSize: 11, color: theme_1.T.text2, fontFamily: theme_1.T.body } }, "Per state_pte_lookup \u2014 IL: file with original return")),
+                    react_1.default.createElement("span", { style: { fontSize: 9, fontWeight: 700, padding: "4px 9px", background: theme_1.T.surface2, border: `1px solid ${theme_1.T.border}`, borderRadius: 4, color: theme_1.T.text3, fontFamily: theme_1.T.mono, letterSpacing: 0.6, textTransform: "uppercase" } }, "algorithm_version V9.0")))),
+        react_1.default.createElement("div", { style: { marginTop: 14, padding: "14px 18px", background: `linear-gradient(135deg,${theme_1.T.accentBg} 0%,rgba(36,131,132,0.04) 100%)`, border: `1px solid ${theme_1.T.accent}`, borderRadius: 10, display: "flex", alignItems: "center", gap: 14 } },
+            react_1.default.createElement("div", { style: { flex: 1, fontSize: 13, color: theme_1.T.text, fontFamily: theme_1.T.body, lineHeight: 1.55 } },
+                react_1.default.createElement("strong", { style: { color: theme_1.T.accentLt, fontWeight: 700 } },
+                    "All ",
+                    eligibleCount,
+                    " of your eligible strategies"),
+                " will be analyzed at this depth \u2014 with the same calculation trace, source-document cross-references, IRS citations, and \u00A76694 compliance review."))));
+}

package/lib/tax-axis/components/prospectReport/TaxAxisProspectReport.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ClientProfile, TaxAxisScreenProps } from "../../lib/types";
+export interface TaxAxisProspectReportProps extends TaxAxisScreenProps {
+    profile: ClientProfile;
+    onUpgrade?: () => void;
+    onPresent?: () => void;
+    onReset?: () => void;
+}
+export declare function TaxAxisProspectReport({ profile, onUpgrade, onPresent, onReset, }: TaxAxisProspectReportProps): React.JSX.Element;