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

package/lib/components/shared/ToastNotification.js

@@ -1,63 +1,63 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const core_1 = require("@material-ui/core");
-const base_ui_1 = require("@paro.io/base-ui");
-const ToastModal = ({ color, icon, message, duration = 6000, // Default duration is 6 seconds
-position = 'bottom-right', }) => {
-    const [open, setOpen] = (0, react_1.useState)(false);
-    // Automatically open the modal on mount
-    (0, react_1.useEffect)(() => {
-        setOpen(true);
-        // Automatically close the modal after the specified duration
-        const timer = setTimeout(() => {
-            setOpen(false);
-        }, duration);
-        // Cleanup the timeout if the component unmounts or if the duration changes
-        return () => clearTimeout(timer);
-    }, [duration]);
-    console.log("triggered");
-    return (react_1.default.createElement(core_1.Dialog, { open: open, onClose: () => setOpen(false), "aria-labelledby": "toast-modal-title", maxWidth: "xs", fullWidth: true, PaperProps: {
-            style: {
-                backgroundColor: '#323232', // Dark background to resemble toast style
-                color: '#fff', // White text
-                borderRadius: '8px',
-                display: 'flex',
-                justifyContent: 'center',
-                alignItems: 'center',
-                zIndex: 9999, // Ensure it’s on top of the MUI Dialog
-                position: 'absolute', // Absolute positioning to control location
-                top: position.includes('top') ? '10%' : 'auto',
-                bottom: position.includes('bottom') ? '10%' : 'auto',
-                right: position.includes('right') ? '10%' : 'auto',
-                left: position.includes('left') ? '10%' : 'auto',
-            },
-        } },
-        react_1.default.createElement(core_1.DialogContent, { style: { textAlign: 'center' } },
-            react_1.default.createElement(base_ui_1.Alert, { color: color, icon: icon, label: message, className: color === 'warning' ? 'bg-warning' : 'bg-success' }),
-            ",")));
-};
-exports.default = ToastModal;
+"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 });
+const react_1 = __importStar(require("react"));
+const core_1 = require("@material-ui/core");
+const base_ui_1 = require("@paro.io/base-ui");
+const ToastModal = ({ color, icon, message, duration = 6000, // Default duration is 6 seconds
+position = 'bottom-right', }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    // Automatically open the modal on mount
+    (0, react_1.useEffect)(() => {
+        setOpen(true);
+        // Automatically close the modal after the specified duration
+        const timer = setTimeout(() => {
+            setOpen(false);
+        }, duration);
+        // Cleanup the timeout if the component unmounts or if the duration changes
+        return () => clearTimeout(timer);
+    }, [duration]);
+    console.log("triggered");
+    return (react_1.default.createElement(core_1.Dialog, { open: open, onClose: () => setOpen(false), "aria-labelledby": "toast-modal-title", maxWidth: "xs", fullWidth: true, PaperProps: {
+            style: {
+                backgroundColor: '#323232', // Dark background to resemble toast style
+                color: '#fff', // White text
+                borderRadius: '8px',
+                display: 'flex',
+                justifyContent: 'center',
+                alignItems: 'center',
+                zIndex: 9999, // Ensure it’s on top of the MUI Dialog
+                position: 'absolute', // Absolute positioning to control location
+                top: position.includes('top') ? '10%' : 'auto',
+                bottom: position.includes('bottom') ? '10%' : 'auto',
+                right: position.includes('right') ? '10%' : 'auto',
+                left: position.includes('left') ? '10%' : 'auto',
+            },
+        } },
+        react_1.default.createElement(core_1.DialogContent, { style: { textAlign: 'center' } },
+            react_1.default.createElement(base_ui_1.Alert, { color: color, icon: icon, label: message, className: color === 'warning' ? 'bg-warning' : 'bg-success' }),
+            ",")));
+};
+exports.default = ToastModal;

package/lib/index.d.ts

@@ -16,3 +16,16 @@ export { DiscussionSection } from './components/Invoices/DiscussionSection';
 export { fileDownloader } from './components/FileDownloader';
 export { Escalations } from './components/Escalations';
 export { ProjectIntelligence } from "./components/ProjectIntelligence";
+export { SectionHeader } from './tax-axis';
+export { TaxAxisBadge } from './tax-axis';
+export { TaxAxisButton } from './tax-axis';
+export { TaxAxisCard } from './tax-axis';
+export { TaxAxisIntake } from './tax-axis';
+export { TaxAxisDocuments } from './tax-axis';
+export { TaxAxisProcessing } from './tax-axis';
+export { TaxAxisDashboard } from './tax-axis';
+export { TaxAxisClientReport } from './tax-axis';
+export { TaxAxisPreparerWorkpaper } from './tax-axis';
+export { TaxAxisExtractionReview } from './tax-axis';
+export { TaxAxisProspectReport } from './tax-axis';
+export { TaxAxisPresentationMode } from './tax-axis';

package/lib/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ProjectIntelligence = exports.Escalations = exports.fileDownloader = exports.DiscussionSection = exports.fileUploader = exports.InvoiceCard = exports.ActiveProjectCard = exports.sharedUtils = exports.ServiceLinesTemplate = exports.HeaderNavBar = exports.DocumentCenter = exports.ProfileCompletedPercentage = exports.ExpertProfileHeader = exports.OrganizationChart = exports.FirmEmployeeSection = exports.ClientReferenceSection = exports.Reviews = exports.ReviewsTab = void 0;
+exports.TaxAxisPresentationMode = exports.TaxAxisProspectReport = exports.TaxAxisExtractionReview = exports.TaxAxisPreparerWorkpaper = exports.TaxAxisClientReport = exports.TaxAxisDashboard = exports.TaxAxisProcessing = exports.TaxAxisDocuments = exports.TaxAxisIntake = exports.TaxAxisCard = exports.TaxAxisButton = exports.TaxAxisBadge = exports.SectionHeader = exports.ProjectIntelligence = exports.Escalations = exports.fileDownloader = exports.DiscussionSection = exports.fileUploader = exports.InvoiceCard = exports.ActiveProjectCard = exports.sharedUtils = exports.ServiceLinesTemplate = exports.HeaderNavBar = exports.DocumentCenter = exports.ProfileCompletedPercentage = exports.ExpertProfileHeader = exports.OrganizationChart = exports.FirmEmployeeSection = exports.ClientReferenceSection = exports.Reviews = exports.ReviewsTab = void 0;
 var ReviewsTab_1 = require("./components/ReviewsTab");
 Object.defineProperty(exports, "ReviewsTab", { enumerable: true, get: function () { return ReviewsTab_1.ReviewsTab; } });
 var Reviews_1 = require("./components/Reviews");
@@ -37,3 +37,29 @@ var Escalations_1 = require("./components/Escalations");
 Object.defineProperty(exports, "Escalations", { enumerable: true, get: function () { return Escalations_1.Escalations; } });
 var ProjectIntelligence_1 = require("./components/ProjectIntelligence");
 Object.defineProperty(exports, "ProjectIntelligence", { enumerable: true, get: function () { return ProjectIntelligence_1.ProjectIntelligence; } });
+var tax_axis_1 = require("./tax-axis");
+Object.defineProperty(exports, "SectionHeader", { enumerable: true, get: function () { return tax_axis_1.SectionHeader; } });
+var tax_axis_2 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisBadge", { enumerable: true, get: function () { return tax_axis_2.TaxAxisBadge; } });
+var tax_axis_3 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisButton", { enumerable: true, get: function () { return tax_axis_3.TaxAxisButton; } });
+var tax_axis_4 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisCard", { enumerable: true, get: function () { return tax_axis_4.TaxAxisCard; } });
+var tax_axis_5 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisIntake", { enumerable: true, get: function () { return tax_axis_5.TaxAxisIntake; } });
+var tax_axis_6 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisDocuments", { enumerable: true, get: function () { return tax_axis_6.TaxAxisDocuments; } });
+var tax_axis_7 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisProcessing", { enumerable: true, get: function () { return tax_axis_7.TaxAxisProcessing; } });
+var tax_axis_8 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisDashboard", { enumerable: true, get: function () { return tax_axis_8.TaxAxisDashboard; } });
+var tax_axis_9 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisClientReport", { enumerable: true, get: function () { return tax_axis_9.TaxAxisClientReport; } });
+var tax_axis_10 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisPreparerWorkpaper", { enumerable: true, get: function () { return tax_axis_10.TaxAxisPreparerWorkpaper; } });
+var tax_axis_11 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisExtractionReview", { enumerable: true, get: function () { return tax_axis_11.TaxAxisExtractionReview; } });
+var tax_axis_12 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisProspectReport", { enumerable: true, get: function () { return tax_axis_12.TaxAxisProspectReport; } });
+var tax_axis_13 = require("./tax-axis");
+Object.defineProperty(exports, "TaxAxisPresentationMode", { enumerable: true, get: function () { return tax_axis_13.TaxAxisPresentationMode; } });

package/lib/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@paro.io/expert-shared-components",
+  "version": "1.14.45",
+  "description": "",
+  "main": "lib/index.js",
+  "scripts": {
+    "build": "tsc",
+    "build:watch": "tsc --watch",
+    "prepare": "yarn build",
+    "test": "yarn test:build",
+    "test:build": "yarn build",
+    "clean": "yarn -rf lib",
+    "predeploy": "tsc && cp package.json README.md ./lib",
+    "link-local": "yarn link && cd node_modules/react && yarn link && cd ../react-dom && yarn link",
+    "unlink-local": "yarn unlink && cd node_modules/react && yarn unlink && cd ../react-dom && yarn unlink"
+  },
+  "repository": "https://github.com/paroadmin/expert-shared-components.git",
+  "keywords": [
+    "react",
+    "components",
+    "shared"
+  ],
+  "author": "apande@paro.io",
+  "license": "MIT",
+  "dependencies": {
+    "@date-io/dayjs": "1.x",
+    "@fortawesome/fontawesome-svg-core": "^6.6.0",
+    "@fortawesome/free-solid-svg-icons": "^6.6.0",
+    "@fortawesome/react-fontawesome": "^0.2.2",
+    "@hookform/resolvers": "3.3.4",
+    "@material-ui/core": "^4.11.0",
+    "@material-ui/icons": "^4.11.3",
+    "@material-ui/lab": "^4.0.0-alpha.61",
+    "@material-ui/pickers": "^3.3.11",
+    "@paro.io/base-icons": "^1.0.4",
+    "@paro.io/base-ui": "^1.8.3",
+    "@types/react-input-mask": "^3.0.5",
+    "dayjs": "^1.10.7",
+    "lodash": "^4.17.21",
+    "react": "^18.2.0",
+    "react-copy-to-clipboard": "^5.0.4",
+    "react-datepicker": "^4.6.0",
+    "react-dom": "^17.0.2",
+    "react-hook-form": "7.51.1",
+    "react-hot-toast": "^2.4.1",
+    "react-input-mask": "^3.0.0-alpha.2",
+    "styled-components": "^5.3.3",
+    "uuid": "8.3.2",
+    "yup": "^0.32.11"
+  },
+  "devDependencies": {
+    "@types/lodash": "^4.14.170",
+    "@types/react": "18.3.12",
+    "@types/react-copy-to-clipboard": "^5.0.2",
+    "@types/react-datepicker": "^4.19.6",
+    "@types/react-dom": "^18.2.22",
+    "@types/styled-components": "^5.1.22",
+    "@types/uuid": "^10.0.0",
+    "@types/yup": "^0.29.13",
+    "typescript": "^5.3.3"
+  },
+  "files": [
+    "lib/**/*"
+  ],
+  "directories": {
+    "lib": "lib"
+  }
+}

package/lib/tax-axis/components/clientReport/ClientReportCover.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { ClientProfile } from "../../lib/types";
+import type { Palette } from "./palette";
+interface ClientReportCoverProps {
+    profile: ClientProfile;
+    palette: Palette;
+}
+export declare function ClientReportCover({ profile, palette }: ClientReportCoverProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/clientReport/ClientReportCover.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientReportCover = ClientReportCover;
+const react_1 = __importDefault(require("react"));
+function ClientReportCover({ profile, palette }) {
+    const bizName = profile.bizName || "Client";
+    const cpaName = profile.cpaName || "Your Tax Preparer";
+    const states = profile.states || [];
+    const stateCount = states.length || 1;
+    const card = {
+        background: palette.white,
+        border: "1px solid " + palette.gray200,
+        borderRadius: 12,
+        padding: "24px 28px",
+        marginBottom: 16,
+        boxShadow: "0 1px 3px rgba(0,0,0,0.04)",
+    };
+    return (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, card), { padding: 0, overflow: "hidden", marginBottom: 28 }) },
+        react_1.default.createElement("div", { style: { height: 5, background: "linear-gradient(90deg," + palette.teal + " 0%," + palette.tealLt + " 50%," + palette.orange + " 100%)" } }),
+        react_1.default.createElement("div", { style: { padding: "44px 36px 36px" } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 36 } },
+                react_1.default.createElement("div", { style: { width: 28, height: 28, borderRadius: 7, background: palette.teal, display: "flex", alignItems: "center", justifyContent: "center" } },
+                    react_1.default.createElement("span", { style: { fontSize: 13, fontWeight: 700, color: palette.white } }, "P")),
+                react_1.default.createElement("span", { style: { fontSize: 14, fontWeight: 600, color: palette.gray700, fontFamily: palette.head } }, "Paro \u00B7 TaxAxis")),
+            react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.2em", color: palette.gray400, marginBottom: 16, fontFamily: palette.mono } }, "TAX STRATEGY ANALYSIS"),
+            react_1.default.createElement("div", { style: { fontSize: 42, fontWeight: 800, color: palette.gray900, fontFamily: palette.head, lineHeight: 1.1, marginBottom: 8 } }, bizName),
+            react_1.default.createElement("div", { style: { fontSize: 18, color: palette.gray600, fontFamily: palette.head, fontWeight: 400, marginBottom: 32 } }, "Tax Year " + profile.year + " \u00B7 " + profile.entity + " \u00B7 " + stateCount + " State" + (stateCount > 1 ? "s" : "")),
+            react_1.default.createElement("div", { style: { height: 1, background: palette.gray200, marginBottom: 24 } }),
+            react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-end" } },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement("div", { style: { fontSize: 12, color: palette.gray500, fontFamily: palette.body, marginBottom: 4 } }, "Prepared by"),
+                    react_1.default.createElement("div", { style: { fontSize: 14, fontWeight: 600, color: palette.gray800, fontFamily: palette.body } }, cpaName)),
+                react_1.default.createElement("div", { style: { textAlign: "right" } },
+                    react_1.default.createElement("div", { style: { fontSize: 12, color: palette.gray500, fontFamily: palette.body, marginBottom: 4 } }, "Date"),
+                    react_1.default.createElement("div", { style: { fontSize: 14, fontWeight: 600, color: palette.gray800, fontFamily: palette.body } }, "April 2026"))))));
+}

package/lib/tax-axis/components/clientReport/ClientReportTOC.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { Palette } from "./palette";
+interface ClientReportTOCProps {
+    bizName: string;
+    palette: Palette;
+}
+export declare function ClientReportTOC({ bizName, palette }: ClientReportTOCProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/clientReport/ClientReportTOC.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientReportTOC = ClientReportTOC;
+const react_1 = __importDefault(require("react"));
+function ClientReportTOC({ bizName, palette }) {
+    const sections = [
+        { number: "01", eyebrow: "Executive Summary", headline: "Where " + bizName + "'s tax dollars are going \u2014 and where they don't have to." },
+        { number: "02", eyebrow: "Recommended Strategies", headline: "Three priorities to discuss first." },
+        { number: "03", eyebrow: "Implementation Roadmap", headline: "Most savings can be locked in within the current quarter." },
+        { number: "04", eyebrow: "Methodology", headline: "How TaxAxis arrives at these numbers." },
+    ];
+    return (react_1.default.createElement("div", { className: "toc-page", style: { pageBreakBefore: "always", breakBefore: "page", pageBreakAfter: "always", breakAfter: "page", padding: "44px 0 36px" } },
+        react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.2em", color: palette.gray400, marginBottom: 32, fontFamily: palette.mono } }, "CONTENTS"),
+        sections.map(s => (react_1.default.createElement("div", { key: s.number, style: { marginBottom: 24 } },
+            react_1.default.createElement("div", { style: { display: "flex", alignItems: "baseline" } },
+                react_1.default.createElement("span", { style: { fontSize: 13, fontWeight: 700, color: palette.teal, fontFamily: palette.mono, letterSpacing: "0.05em", marginRight: 12 } }, s.number),
+                react_1.default.createElement("span", { style: { fontSize: 16, fontWeight: 600, color: palette.gray900, fontFamily: palette.head } }, s.eyebrow),
+                react_1.default.createElement("span", { style: { flex: 1, borderBottom: "1px dotted " + palette.gray300, margin: "0 8px", minWidth: 20, alignSelf: "baseline", position: "relative", top: -3 } }),
+                react_1.default.createElement("span", { style: { fontSize: 13, color: palette.gray400, fontFamily: palette.mono } }, "\u2014")),
+            react_1.default.createElement("div", { style: { fontSize: 12, color: palette.gray600, fontFamily: palette.body, lineHeight: 1.5, marginTop: 4, paddingLeft: 25 } }, s.headline))))));
+}

package/lib/tax-axis/components/clientReport/ClientReportToolbar.d.ts

@@ -0,0 +1,2 @@
+export { ReportToolbar as ClientReportToolbar } from "../shared/ReportToolbar";
+export type { ReportToolbarProps as ClientReportToolbarProps, ReportView } from "../shared/ReportToolbar";

package/lib/tax-axis/components/clientReport/ClientReportToolbar.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ClientReportToolbar = void 0;
+// Re-export from shared location. Hoisted to shared/ReportToolbar per spec S6.
+var ReportToolbar_1 = require("../shared/ReportToolbar");
+Object.defineProperty(exports, "ClientReportToolbar", { enumerable: true, get: function () { return ReportToolbar_1.ReportToolbar; } });

package/lib/tax-axis/components/clientReport/ETRChart.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import type { Palette } from "./palette";
+interface ETRChartProps {
+    currentRate: number;
+    optimizedRate: number;
+    palette: Palette;
+    note?: string;
+}
+export declare function ETRChart({ currentRate, optimizedRate, palette, note }: ETRChartProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/clientReport/ETRChart.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ETRChart = ETRChart;
+const react_1 = __importDefault(require("react"));
+function ETRChart({ currentRate, optimizedRate, palette, note }) {
+    const W = 440, H = 220;
+    const padL = 56, padR = 24, padT = 32, padB = 44;
+    const plotW = W - padL - padR, plotH = H - padT - padB;
+    const maxRate = Math.max(currentRate, optimizedRate, 35);
+    const yScale = (v) => padT + plotH - (v / maxRate) * plotH;
+    const barW = 64;
+    const barGap = 80;
+    const bar1X = padL + plotW / 2 - barW - barGap / 2;
+    const bar2X = padL + plotW / 2 + barGap / 2;
+    const delta = currentRate - optimizedRate;
+    const yTicks = [0, 10, 20, 30];
+    return (react_1.default.createElement("div", { className: "chart-block", style: { background: palette.white, border: "1px solid " + palette.gray200, borderRadius: 10, padding: "24px 28px", marginBottom: 8 } },
+        react_1.default.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "baseline", marginBottom: 18 } },
+            react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.15em", color: palette.gray400, fontFamily: palette.mono } }, "ESTIMATED EFFECTIVE TAX RATE"),
+            react_1.default.createElement("div", { style: { fontSize: 11, fontWeight: 700, color: palette.green, fontFamily: palette.mono } },
+                "\u2212",
+                delta.toFixed(1),
+                " pp")),
+        react_1.default.createElement("svg", { viewBox: "0 0 " + W + " " + H, style: { width: "100%", height: "auto", display: "block" } },
+            yTicks.map(t => (react_1.default.createElement("g", { key: t },
+                react_1.default.createElement("line", { x1: padL, y1: yScale(t), x2: W - padR, y2: yScale(t), stroke: palette.gray100, strokeWidth: "1" }),
+                react_1.default.createElement("text", { x: padL - 10, y: yScale(t) + 4, fontSize: "10", fill: palette.gray400, fontFamily: palette.mono, textAnchor: "end" },
+                    t,
+                    "%")))),
+            react_1.default.createElement("line", { x1: padL, y1: padT + plotH, x2: W - padR, y2: padT + plotH, stroke: palette.gray300, strokeWidth: "1" }),
+            react_1.default.createElement("rect", { x: bar1X, y: yScale(currentRate), width: barW, height: padT + plotH - yScale(currentRate), fill: palette.gray400, rx: "2" }),
+            react_1.default.createElement("text", { x: bar1X + barW / 2, y: yScale(currentRate) - 8, fontSize: "13", fontWeight: "700", fill: palette.gray700, fontFamily: palette.mono, textAnchor: "middle" },
+                currentRate.toFixed(1),
+                "%"),
+            react_1.default.createElement("text", { x: bar1X + barW / 2, y: padT + plotH + 22, fontSize: "11", fill: palette.gray500, fontFamily: palette.body, textAnchor: "middle" }, "Current"),
+            react_1.default.createElement("text", { x: bar1X + barW / 2, y: padT + plotH + 36, fontSize: "9", fill: palette.gray400, fontFamily: palette.body, textAnchor: "middle" }, "marginal"),
+            react_1.default.createElement("rect", { x: bar2X, y: yScale(optimizedRate), width: barW, height: padT + plotH - yScale(optimizedRate), fill: palette.teal, rx: "2" }),
+            react_1.default.createElement("text", { x: bar2X + barW / 2, y: yScale(optimizedRate) - 8, fontSize: "13", fontWeight: "700", fill: palette.teal, fontFamily: palette.mono, textAnchor: "middle" },
+                optimizedRate.toFixed(1),
+                "%"),
+            react_1.default.createElement("text", { x: bar2X + barW / 2, y: padT + plotH + 22, fontSize: "11", fill: palette.gray500, fontFamily: palette.body, textAnchor: "middle" }, "After"),
+            react_1.default.createElement("text", { x: bar2X + barW / 2, y: padT + plotH + 36, fontSize: "9", fill: palette.gray400, fontFamily: palette.body, textAnchor: "middle" }, "strategies"),
+            react_1.default.createElement("line", { x1: bar1X + barW + 8, y1: yScale(currentRate), x2: bar2X - 8, y2: yScale(currentRate), stroke: palette.green, strokeWidth: "1", strokeDasharray: "3,3" }),
+            react_1.default.createElement("line", { x1: bar2X - 8, y1: yScale(currentRate), x2: bar2X - 8, y2: yScale(optimizedRate), stroke: palette.green, strokeWidth: "1", strokeDasharray: "3,3" }),
+            react_1.default.createElement("polygon", { points: bar2X - 8 + "," + yScale(optimizedRate) + " " + (bar2X - 12) + "," + (yScale(optimizedRate) + 5) + " " + (bar2X - 4) + "," + (yScale(optimizedRate) + 5), fill: palette.green })),
+        note && (react_1.default.createElement("div", { style: { fontSize: 10, color: palette.gray500, fontFamily: palette.body, lineHeight: 1.6, marginTop: 14, paddingTop: 12, borderTop: "1px solid " + palette.gray100 } }, note))));
+}

package/lib/tax-axis/components/clientReport/ExecutiveSummary.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import type { ClientProfile, Strategy, ComputedMap } from "../../lib/types";
+import type { Palette } from "./palette";
+interface ExecutiveSummaryProps {
+    profile: ClientProfile;
+    eligible: Strategy[];
+    computed: ComputedMap;
+    totalLo: number;
+    totalHi: number;
+    nowCount: number;
+    top3: Strategy[];
+    palette: Palette;
+}
+export declare function ExecutiveSummary({ profile, eligible, computed, totalLo, totalHi, nowCount, top3, palette }: ExecutiveSummaryProps): React.JSX.Element;
+export {};

package/lib/tax-axis/components/clientReport/ExecutiveSummary.js

@@ -0,0 +1,73 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ExecutiveSummary = ExecutiveSummary;
+const react_1 = __importDefault(require("react"));
+const compute_1 = require("../../lib/compute");
+const SectionOpener_1 = require("./SectionOpener");
+const ETRChart_1 = require("./ETRChart");
+function ExecutiveSummary({ profile, eligible, computed, totalLo, totalHi, nowCount, top3, palette }) {
+    const bizName = profile.bizName || "Client";
+    const rev = parseInt((profile.revenue || "0").replace(/,/g, "")) || 500000;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(SectionOpener_1.SectionOpener, { number: "01", eyebrow: "EXECUTIVE SUMMARY", headline: "Where " + bizName + "'s tax dollars are going \u2014 and where they don't have to.", bullets: [
+                eligible.length + " strategies apply to your current profile, with combined estimated savings of $" + totalLo + "K\u2013$" + totalHi + "K annually.",
+                nowCount > 0
+                    ? nowCount + " can be initiated this week without any structural changes to your business."
+                    : "Implementation timeline spans the current tax year with no structural changes required.",
+                "Analysis is based on " + (profile.taxDataYears || "1 year") + " of financial data and current law as of April 2026, including OBBBA provisions.",
+            ], palette: palette }),
+        react_1.default.createElement("div", { style: { marginBottom: 28 } },
+            react_1.default.createElement("div", { style: { background: palette.gray50, border: "1px solid " + palette.gray200, borderRadius: 10, padding: "24px 28px", marginBottom: 20 } },
+                react_1.default.createElement("div", { style: { fontSize: 10, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.15em", color: palette.gray400, marginBottom: 16, fontFamily: palette.mono } }, "KEY METRICS"),
+                react_1.default.createElement("div", { style: { display: "grid", gridTemplateColumns: "1fr 1fr 1fr 1fr", gap: 16 } }, [
+                    { v: "$" + totalLo + "K\u2013$" + totalHi + "K", l: "Est. Annual Savings" },
+                    { v: String(eligible.length), l: "Strategies Identified" },
+                    { v: String(nowCount), l: "Immediate Actions" },
+                    { v: String(top3.length), l: "Priority Recommendations" },
+                ].map(({ v, l }) => (react_1.default.createElement("div", { key: l },
+                    react_1.default.createElement("div", { style: { fontSize: 22, fontWeight: 800, color: palette.teal, fontFamily: palette.head, lineHeight: 1.2, marginBottom: 4 } }, v),
+                    react_1.default.createElement("div", { style: { fontSize: 11, color: palette.gray500, fontFamily: palette.body, lineHeight: 1.4 } }, l)))))),
+            react_1.default.createElement("div", { style: { fontSize: 14, color: palette.gray700, lineHeight: 1.8, fontFamily: palette.body, marginBottom: 16 } },
+                "We conducted a comprehensive analysis of ",
+                bizName,
+                "'s federal tax position, evaluating all 25 strategies in the TaxAxis framework against your current financial profile. Our analysis identified ",
+                react_1.default.createElement("strong", { style: { color: palette.gray900 } },
+                    eligible.length,
+                    " applicable strategies"),
+                " with combined estimated savings of ",
+                react_1.default.createElement("strong", { style: { color: palette.teal } }, "$" + totalLo + "K\u2013$" + totalHi + "K annually"),
+                "."),
+            react_1.default.createElement("div", { style: { fontSize: 14, color: palette.gray700, lineHeight: 1.8, fontFamily: palette.body, marginBottom: 16 } },
+                top3.length,
+                " strategies represent the highest-impact opportunities and are detailed below. ",
+                nowCount > 0 ? "Of these and the broader eligible set, " + nowCount + " can be initiated this week with no structural changes to your business." : "",
+                " Savings estimates reflect your current revenue of ",
+                "$" + Math.round(rev / 1000) + "K",
+                ", a combined federal/state marginal rate of ",
+                parseFloat(profile.federalRate || "24") + parseFloat(profile.stateRate || "4.95"),
+                "%, and ",
+                profile.taxDataYears || "1 year",
+                " of financial data."),
+            (() => {
+                const fedRate = parseFloat(profile.federalRate || "24");
+                const stateRate = parseFloat(profile.stateRate || "4.95");
+                const currentRate = fedRate + stateRate;
+                const net = (0, compute_1.parseNum)(profile.netIncome) || (rev * 0.20);
+                const aggregateMidSavings = eligible.reduce((a, s) => {
+                    var _a, _b;
+                    const c = computed.get(s.rank);
+                    return a + (((_a = c === null || c === void 0 ? void 0 : c.lo) !== null && _a !== void 0 ? _a : s.lo) + ((_b = c === null || c === void 0 ? void 0 : c.hi) !== null && _b !== void 0 ? _b : s.hi)) / 2;
+                }, 0);
+                const INTERACTION_DISCOUNT = 0.25;
+                const realizedSavings = aggregateMidSavings * INTERACTION_DISCOUNT;
+                const currentTax = net * currentRate / 100;
+                const cappedSavings = Math.min(realizedSavings, currentTax);
+                const optimizedTax = currentTax - cappedSavings;
+                const optimizedRate = net > 0 ? Math.round(optimizedTax / net * 1000) / 10 : currentRate;
+                const aggregateExceedsLiability = aggregateMidSavings > currentTax;
+                return (react_1.default.createElement(ETRChart_1.ETRChart, { currentRate: currentRate, optimizedRate: optimizedRate, palette: palette, note: "Effective rate after applying realized-savings adjustment to aggregate strategy estimates. Realized combined savings reflect strategy interactions, marginal-rate exhaustion, and ordering effects per \u00A76694 reasonableness \u2014 typically 25\u201340% of theoretical aggregate. See methodology." + (aggregateExceedsLiability ? " Aggregate theoretical savings at this profile exceed current-year tax liability; multi-year sequencing applies." : "") }));
+            })())));
+}

package/lib/tax-axis/components/clientReport/FootnoteBlock.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { Palette } from "./palette";
+interface FootnoteBlockProps {
+    assigned: {
+        num: number;
+        note: string;
+    }[];
+    palette: Palette;
+}
+export declare function FootnoteBlock({ assigned, palette }: FootnoteBlockProps): React.JSX.Element | null;
+export {};

package/lib/tax-axis/components/clientReport/FootnoteBlock.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FootnoteBlock = FootnoteBlock;
+const react_1 = __importDefault(require("react"));
+function FootnoteBlock({ assigned, palette }) {
+    if (!assigned || assigned.length === 0)
+        return null;
+    return (react_1.default.createElement("div", { className: "fn-block", style: {
+            marginTop: 10,
+            paddingTop: 8,
+            borderTop: "1px solid " + palette.gray300,
+            clear: "both",
+        } }, assigned.map((fn) => (react_1.default.createElement("div", { key: "fnblock-" + fn.num, style: {
+            fontSize: 9,
+            lineHeight: 1.35,
+            color: palette.gray800,
+            fontFamily: palette.body,
+            marginBottom: 2,
+            display: "flex",
+            gap: 6,
+        } },
+        react_1.default.createElement("span", { style: {
+                fontFamily: palette.mono,
+                color: palette.teal,
+                fontWeight: 600,
+                flexShrink: 0,
+            } },
+            fn.num,
+            "."),
+        react_1.default.createElement("span", null, fn.note))))));
+}

package/lib/tax-axis/components/clientReport/ImplementationRoadmap.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import type { Strategy, ComputedMap } from "../../lib/types";
+import type { Palette } from "./palette";
+interface BucketDef {
+    key: string;
+    label: string;
+    color: string;
+}
+interface BucketTotal {
+    strategies: Strategy[];
+    lo: number;
+    hi: number;
+}
+interface ImplementationRoadmapProps {
+    eligible: Strategy[];
+    computed: ComputedMap;
+    top3: Strategy[];
+    nowCount: number;
+    nowMidK: number;
+    bucketDefs: BucketDef[];
+    bucketTotals: Record<string, BucketTotal>;
+    activeBuckets: BucketDef[];
+    palette: Palette;
+}
+export declare function ImplementationRoadmap({ eligible, computed, top3, nowCount, nowMidK, bucketDefs, bucketTotals, activeBuckets, palette, }: ImplementationRoadmapProps): React.JSX.Element;
+export {};