@adoptai/genui-components 0.1.32

package/dist/composites/income-statement/resolver.js

@@ -0,0 +1,577 @@
+"use client";
+import React3, { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
+import { toPng } from 'html-to-image';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/shared/theme.ts
+var BORDER = "#dedede";
+var MUTED = "#777777";
+var PAPER = "#f6f6f6";
+var ACCENT = "#ff5000";
+var ACCENT_SOFT = "#cc4000";
+var SECONDARY = "#0364ff";
+var STATUS_COLORS = {
+  draft: { bg: "#fff7ed", color: "#92400e" },
+  "pending-review": { bg: "#eff6ff", color: "#1d4ed8" },
+  approved: { bg: "#dcfce7", color: "#15803d" },
+  filed: { bg: "#f5f3ff", color: "#7c3aed" }
+};
+var CHART_PALETTE = [
+  "#ff5000",
+  "#0364ff",
+  "#16a34a",
+  "#dc2626",
+  "#7c3aed",
+  "#0891b2",
+  "#f59e0b",
+  "#6366f1",
+  "#ec4899",
+  "#84cc16",
+  "#e11d48",
+  "#0ea5e9"
+];
+function ColumnSettingsPanel({ columns, hidden, onToggle, onShowAll, onHideAll }) {
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: "6px", minWidth: "180px" }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "space-between", paddingBottom: "4px", borderBottom: `1px solid ${BORDER}` }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onShowAll,
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: ACCENT, fontWeight: 500, padding: 0 },
+          children: "Show all"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: onHideAll,
+          style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: MUTED, fontWeight: 500, padding: 0 },
+          children: "Hide all"
+        }
+      )
+    ] }),
+    columns.map((col) => /* @__PURE__ */ jsxs(
+      "label",
+      {
+        style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer", fontSize: "12px", color: "var(--foreground)" },
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: !hidden.has(col.key),
+              onChange: () => onToggle(col.key),
+              style: { accentColor: ACCENT, width: "14px", height: "14px", margin: 0, cursor: "pointer" }
+            }
+          ),
+          col.label
+        ]
+      },
+      col.key
+    ))
+  ] });
+}
+var DOT_COLOR = "#aaaaaa";
+var DOT_HOVER = "#555555";
+function ComponentActions({ children, onDownloadCSV, columnConfig, filename = "component" }) {
+  const [open, setOpen] = useState(false);
+  const [view, setView] = useState("main");
+  const contentRef = useRef(null);
+  const menuRef = useRef(null);
+  const btnRef = useRef(null);
+  const close = useCallback(() => {
+    setOpen(false);
+    setView("main");
+  }, []);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      var _a, _b;
+      if ((_a = menuRef.current) == null ? void 0 : _a.contains(e.target)) return;
+      if ((_b = btnRef.current) == null ? void 0 : _b.contains(e.target)) return;
+      close();
+    };
+    document.addEventListener("mousedown", handler);
+    return () => document.removeEventListener("mousedown", handler);
+  }, [open, close]);
+  const handleDownloadPNG = useCallback(async () => {
+    if (!contentRef.current) return;
+    try {
+      const url = await toPng(contentRef.current, { backgroundColor: "white", pixelRatio: 2 });
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `${filename}.png`;
+      a.click();
+    } catch (e) {
+    }
+    close();
+  }, [filename, close]);
+  const handleCSV = useCallback(() => {
+    onDownloadCSV == null ? void 0 : onDownloadCSV();
+    close();
+  }, [onDownloadCSV, close]);
+  return /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column" }, children: [
+    /* @__PURE__ */ jsx("div", { ref: contentRef, style: { width: "100%" }, children }),
+    /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: "4px", position: "relative", zIndex: 10, flexShrink: 0 }, children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: btnRef,
+          onClick: () => {
+            setOpen((o) => !o);
+            setView("main");
+          },
+          "aria-label": "Component actions",
+          style: {
+            background: "none",
+            border: "none",
+            cursor: "pointer",
+            padding: "4px 8px",
+            display: "flex",
+            gap: "3px",
+            alignItems: "center",
+            borderRadius: "6px",
+            transition: "background 0.15s"
+          },
+          onMouseEnter: (e) => {
+            e.currentTarget.style.background = "#f2f2f2";
+            e.currentTarget.querySelectorAll("circle").forEach((c) => c.style.fill = DOT_HOVER);
+          },
+          onMouseLeave: (e) => {
+            e.currentTarget.style.background = "none";
+            e.currentTarget.querySelectorAll("circle").forEach((c) => c.style.fill = DOT_COLOR);
+          },
+          children: /* @__PURE__ */ jsxs("svg", { width: "20", height: "6", viewBox: "0 0 20 6", children: [
+            /* @__PURE__ */ jsx("circle", { cx: "3", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsx("circle", { cx: "10", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } }),
+            /* @__PURE__ */ jsx("circle", { cx: "17", cy: "3", r: "2", style: { fill: DOT_COLOR, transition: "fill 0.15s" } })
+          ] })
+        }
+      ),
+      open && /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: menuRef,
+          style: {
+            position: "absolute",
+            bottom: "100%",
+            right: 0,
+            marginBottom: "4px",
+            background: "white",
+            border: `1px solid ${BORDER}`,
+            borderRadius: "0.75rem",
+            boxShadow: "0 4px 12px rgba(0,0,0,0.06)",
+            zIndex: 50,
+            padding: view === "columns" ? "10px" : "4px",
+            minWidth: view === "columns" ? "200px" : "160px"
+          },
+          children: view === "main" ? /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column" }, children: [
+            columnConfig && /* @__PURE__ */ jsx(MenuButton, { label: "Customize columns", onClick: () => setView("columns") }),
+            onDownloadCSV && /* @__PURE__ */ jsx(MenuButton, { label: "Download CSV", onClick: handleCSV }),
+            /* @__PURE__ */ jsx(MenuButton, { label: "Download PNG", onClick: handleDownloadPNG })
+          ] }) : /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: () => setView("main"),
+                style: { background: "none", border: "none", cursor: "pointer", fontSize: "11px", color: MUTED, marginBottom: "6px", padding: 0 },
+                children: "\u2190 Back"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              ColumnSettingsPanel,
+              {
+                columns: columnConfig.columns,
+                hidden: columnConfig.hidden,
+                onToggle: columnConfig.onToggle,
+                onShowAll: columnConfig.onShowAll,
+                onHideAll: columnConfig.onHideAll
+              }
+            )
+          ] })
+        }
+      )
+    ] })
+  ] });
+}
+function MenuButton({ label, onClick }) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      onClick,
+      style: {
+        background: "none",
+        border: "none",
+        cursor: "pointer",
+        padding: "8px 12px",
+        fontSize: "12.5px",
+        color: "var(--foreground)",
+        textAlign: "left",
+        borderRadius: "8px",
+        transition: "background 0.15s",
+        whiteSpace: "nowrap"
+      },
+      onMouseEnter: (e) => e.currentTarget.style.background = "#f2f2f2",
+      onMouseLeave: (e) => e.currentTarget.style.background = "none",
+      children: label
+    }
+  );
+}
+
+// src/shared/downloadCSV.ts
+function escapeCSV(value) {
+  const str = value == null ? "" : String(value);
+  if (str.includes(",") || str.includes('"') || str.includes("\n")) {
+    return `"${str.replace(/"/g, '""')}"`;
+  }
+  return str;
+}
+function downloadCSV(columns, rows, filename) {
+  const header = columns.map((c) => escapeCSV(c.label)).join(",");
+  const body = rows.map((row) => columns.map((c) => escapeCSV(row[c.key])).join(",")).join("\n");
+  const csv = `${header}
+${body}`;
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const a = document.createElement("a");
+  a.href = url;
+  a.download = filename.endsWith(".csv") ? filename : `${filename}.csv`;
+  a.click();
+  URL.revokeObjectURL(url);
+}
+var DEFAULT_TOKENS = {
+  BORDER,
+  MUTED,
+  PAPER,
+  ACCENT,
+  ACCENT_SOFT,
+  SECONDARY,
+  CHART_PALETTE: [...CHART_PALETTE]
+};
+var GenUIThemeContext = createContext(DEFAULT_TOKENS);
+function useTheme() {
+  return useContext(GenUIThemeContext);
+}
+var fmt = (v, currency) => new Intl.NumberFormat("en-US", { style: "currency", currency: currency || "USD", minimumFractionDigits: 2 }).format(Math.abs(v));
+var fmtSigned = (v, currency) => {
+  if (v === 0 || v == null) return "\u2014";
+  if (v < 0) return `(${fmt(v, currency)})`;
+  return fmt(v, currency);
+};
+var pctFmt = (amount, revenue) => {
+  if (revenue === 0 || amount == null) return "\u2014";
+  return `${(amount / revenue * 100).toFixed(1)}%`;
+};
+function IncomeStatementResolver(p) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
+  const { BORDER: BORDER2, MUTED: MUTED2, PAPER: PAPER2 } = useTheme();
+  const currency = (_a = p.currency) != null ? _a : "USD";
+  const periods = (_b = p.periods) != null ? _b : [];
+  const sections = (_c = p.sections) != null ? _c : [];
+  const calculatedTotals = (_d = p.calculatedTotals) != null ? _d : {};
+  const showPct = (_e = p.showPercentOfRevenue) != null ? _e : false;
+  const isTotalRow = (li) => {
+    var _a2;
+    return li.isSubtotal === true || /^\s*(total|subtotal)\b/i.test((_a2 = li.name) != null ? _a2 : "");
+  };
+  const revenueTotals = periods.map(
+    (_, pi) => {
+      var _a2, _b2, _c2;
+      return (_c2 = ((_b2 = (_a2 = sections[0]) == null ? void 0 : _a2.lineItems) != null ? _b2 : []).filter((li) => !isTotalRow(li)).reduce((sum, li) => {
+        var _a3, _b3;
+        return sum + ((_b3 = ((_a3 = li.amounts) != null ? _a3 : [])[pi]) != null ? _b3 : 0);
+      }, 0)) != null ? _c2 : 0;
+    }
+  );
+  const csvCols = [
+    { key: "section", label: "Section" },
+    { key: "name", label: "Line Item" },
+    ...periods.map((period) => ({ key: period, label: period }))
+  ];
+  const csvRows = [];
+  for (const section of sections) {
+    for (const li of (_f = section.lineItems) != null ? _f : []) {
+      const row = { section: section.label, name: li.name };
+      periods.forEach((period, pi) => {
+        var _a2, _b2;
+        row[period] = (_b2 = ((_a2 = li.amounts) != null ? _a2 : [])[pi]) != null ? _b2 : 0;
+      });
+      csvRows.push(row);
+    }
+  }
+  const grossProfit = calculatedTotals.grossProfit;
+  const operatingIncome = calculatedTotals.operatingIncome;
+  const rawNetIncome = calculatedTotals.netIncome;
+  const netIncome = rawNetIncome && rawNetIncome.length > 0 ? rawNetIncome : periods.map((_, pi) => {
+    var _a2;
+    let total = 0;
+    for (const section of sections) {
+      const sectionSum = ((_a2 = section.lineItems) != null ? _a2 : []).reduce(
+        (s, li) => {
+          var _a3, _b2;
+          return s + ((_b2 = ((_a3 = li.amounts) != null ? _a3 : [])[pi]) != null ? _b2 : 0);
+        },
+        0
+      );
+      total += sectionSum;
+    }
+    return total;
+  });
+  if (grossProfit) {
+    const row = { section: "", name: "GROSS PROFIT" };
+    periods.forEach((period, pi) => {
+      var _a2;
+      row[period] = (_a2 = grossProfit[pi]) != null ? _a2 : 0;
+    });
+    csvRows.push(row);
+  }
+  if (operatingIncome) {
+    const row = { section: "", name: "OPERATING INCOME" };
+    periods.forEach((period, pi) => {
+      var _a2;
+      row[period] = (_a2 = operatingIncome[pi]) != null ? _a2 : 0;
+    });
+    csvRows.push(row);
+  }
+  {
+    const row = { section: "", name: "NET INCOME" };
+    periods.forEach((period, pi) => {
+      var _a2;
+      row[period] = (_a2 = netIncome[pi]) != null ? _a2 : 0;
+    });
+    csvRows.push(row);
+  }
+  const colCount = showPct ? 1 + periods.length * 2 : 1 + periods.length;
+  return /* @__PURE__ */ jsx(ComponentActions, { filename: (_g = p.title) != null ? _g : "income-statement", onDownloadCSV: () => {
+    var _a2;
+    return downloadCSV(csvCols, csvRows, (_a2 = p.title) != null ? _a2 : "income-statement");
+  }, children: /* @__PURE__ */ jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: "10px" }, children: [
+    p.metadata && /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: "2px", position: "relative" }, children: [
+      p.metadata.status && /* @__PURE__ */ jsx("span", { style: {
+        position: "absolute",
+        top: 0,
+        right: 0,
+        fontSize: "10px",
+        fontWeight: 600,
+        padding: "2px 8px",
+        borderRadius: "9999px",
+        background: (_i = (_h = STATUS_COLORS[p.metadata.status]) == null ? void 0 : _h.bg) != null ? _i : "#f2f2f2",
+        color: (_k = (_j = STATUS_COLORS[p.metadata.status]) == null ? void 0 : _j.color) != null ? _k : MUTED2
+      }, children: p.metadata.status.replace("-", " ").toUpperCase() }),
+      p.metadata.companyName && /* @__PURE__ */ jsx("p", { style: { fontFamily: "var(--font-serif)", fontSize: "16px", fontWeight: 600, color: "var(--foreground)", margin: 0, textAlign: "center" }, children: p.metadata.companyName }),
+      (p.metadata.preparedBy || p.metadata.reviewedBy || p.metadata.approvedBy) && /* @__PURE__ */ jsx("p", { style: { fontSize: "10px", color: MUTED2, margin: 0, textAlign: "center" }, children: [
+        p.metadata.preparedBy && `Prepared by ${p.metadata.preparedBy}`,
+        p.metadata.reviewedBy && `Reviewed by ${p.metadata.reviewedBy}`,
+        p.metadata.approvedBy && `Approved by ${p.metadata.approvedBy}`
+      ].filter(Boolean).join(" \xB7 ") })
+    ] }),
+    p.title && /* @__PURE__ */ jsx("p", { style: { fontFamily: "var(--font-serif)", fontSize: "15px", fontWeight: 400, color: "var(--foreground)", letterSpacing: "-0.01em", margin: 0 }, children: p.title }),
+    /* @__PURE__ */ jsx("div", { style: { overflowX: "auto", borderRadius: "0.75rem", border: `1px solid ${BORDER2}`, boxShadow: "0 1px 2px rgba(0,0,0,0.03), 0 4px 12px rgba(0,0,0,0.05)" }, children: /* @__PURE__ */ jsxs("table", { style: { width: "100%", borderCollapse: "collapse", minWidth: "380px" }, children: [
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { style: {
+          fontSize: "11px",
+          fontWeight: 500,
+          color: MUTED2,
+          padding: "8px 10px",
+          letterSpacing: "0.02em",
+          textTransform: "uppercase",
+          borderBottom: `1px solid ${BORDER2}`,
+          background: PAPER2,
+          textAlign: "left",
+          whiteSpace: "nowrap"
+        }, children: "\xA0" }),
+        periods.map((period) => /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+          /* @__PURE__ */ jsx("th", { style: {
+            fontSize: "11px",
+            fontWeight: 500,
+            color: MUTED2,
+            padding: "8px 10px",
+            letterSpacing: "0.02em",
+            textTransform: "uppercase",
+            borderBottom: `1px solid ${BORDER2}`,
+            background: PAPER2,
+            textAlign: "right",
+            whiteSpace: "nowrap"
+          }, children: period }),
+          showPct && /* @__PURE__ */ jsx("th", { style: {
+            fontSize: "11px",
+            fontWeight: 500,
+            color: MUTED2,
+            padding: "8px 6px",
+            letterSpacing: "0.02em",
+            textTransform: "uppercase",
+            borderBottom: `1px solid ${BORDER2}`,
+            background: PAPER2,
+            textAlign: "right",
+            whiteSpace: "nowrap"
+          }, children: "%" })
+        ] }, period))
+      ] }) }),
+      /* @__PURE__ */ jsxs("tbody", { children: [
+        sections.map((section, si) => {
+          var _a2;
+          const isSubtotal = section.sectionType === "subtotal";
+          return /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+            /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: colCount, style: {
+              padding: "8px 12px",
+              fontSize: "12px",
+              fontWeight: 600,
+              color: "var(--foreground)",
+              background: PAPER2,
+              borderBottom: `1px solid ${BORDER2}`,
+              textTransform: "uppercase",
+              letterSpacing: "0.04em"
+            }, children: section.label }) }),
+            ((_a2 = section.lineItems) != null ? _a2 : []).map((li, li_i) => {
+              var _a3, _b2;
+              const indent = (_a3 = li.indent) != null ? _a3 : 0;
+              const amounts = (_b2 = li.amounts) != null ? _b2 : [];
+              return /* @__PURE__ */ jsxs("tr", { style: {
+                background: isSubtotal ? PAPER2 : "white",
+                fontWeight: isSubtotal ? 600 : 400,
+                borderTop: isSubtotal ? `1px solid ${BORDER2}` : void 0
+              }, children: [
+                /* @__PURE__ */ jsx("td", { style: {
+                  padding: "6px 10px",
+                  paddingLeft: `${12 + indent * 16}px`,
+                  fontSize: "13px",
+                  color: "var(--foreground)",
+                  borderBottom: `1px solid #f2f2f2`
+                }, children: li.name }),
+                periods.map((_, pi) => {
+                  var _a4;
+                  const val = (_a4 = amounts[pi]) != null ? _a4 : 0;
+                  const isNeg = val < 0;
+                  return /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+                    /* @__PURE__ */ jsx("td", { style: {
+                      padding: "6px 10px",
+                      fontSize: "13px",
+                      fontVariantNumeric: "tabular-nums",
+                      textAlign: "right",
+                      borderBottom: `1px solid #f2f2f2`,
+                      color: isNeg ? "#dc2626" : "var(--foreground)"
+                    }, children: fmtSigned(val, currency) }),
+                    showPct && /* @__PURE__ */ jsx("td", { style: {
+                      padding: "6px 6px",
+                      fontSize: "12px",
+                      fontVariantNumeric: "tabular-nums",
+                      textAlign: "right",
+                      borderBottom: `1px solid #f2f2f2`,
+                      color: MUTED2
+                    }, children: val === 0 ? "\u2014" : pctFmt(val, revenueTotals[pi]) })
+                  ] }, pi);
+                })
+              ] }, li_i);
+            })
+          ] }, si);
+        }),
+        grossProfit && /* @__PURE__ */ jsxs("tr", { style: { background: PAPER2 }, children: [
+          /* @__PURE__ */ jsx("td", { style: {
+            padding: "8px 10px",
+            fontSize: "12px",
+            fontWeight: 600,
+            borderTop: `1px solid ${BORDER2}`,
+            borderBottom: `1px solid ${BORDER2}`
+          }, children: "GROSS PROFIT" }),
+          periods.map((_, pi) => {
+            var _a2;
+            const val = (_a2 = grossProfit[pi]) != null ? _a2 : 0;
+            const isNeg = val < 0;
+            return /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+              /* @__PURE__ */ jsx("td", { style: {
+                padding: "8px 10px",
+                fontSize: "12px",
+                fontWeight: 600,
+                fontVariantNumeric: "tabular-nums",
+                textAlign: "right",
+                borderTop: `1px solid ${BORDER2}`,
+                borderBottom: `1px solid ${BORDER2}`,
+                color: isNeg ? "#dc2626" : "var(--foreground)"
+              }, children: fmtSigned(val, currency) }),
+              showPct && /* @__PURE__ */ jsx("td", { style: {
+                padding: "8px 6px",
+                fontSize: "12px",
+                fontVariantNumeric: "tabular-nums",
+                textAlign: "right",
+                borderTop: `1px solid ${BORDER2}`,
+                borderBottom: `1px solid ${BORDER2}`,
+                color: MUTED2
+              }, children: pctFmt(val, revenueTotals[pi]) })
+            ] }, pi);
+          })
+        ] }),
+        operatingIncome && /* @__PURE__ */ jsxs("tr", { style: { background: PAPER2 }, children: [
+          /* @__PURE__ */ jsx("td", { style: {
+            padding: "8px 10px",
+            fontSize: "12px",
+            fontWeight: 600,
+            borderTop: `1px solid ${BORDER2}`,
+            borderBottom: `1px solid ${BORDER2}`
+          }, children: "OPERATING INCOME" }),
+          periods.map((_, pi) => {
+            var _a2;
+            const val = (_a2 = operatingIncome[pi]) != null ? _a2 : 0;
+            const isNeg = val < 0;
+            return /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+              /* @__PURE__ */ jsx("td", { style: {
+                padding: "8px 10px",
+                fontSize: "12px",
+                fontWeight: 600,
+                fontVariantNumeric: "tabular-nums",
+                textAlign: "right",
+                borderTop: `1px solid ${BORDER2}`,
+                borderBottom: `1px solid ${BORDER2}`,
+                color: isNeg ? "#dc2626" : "var(--foreground)"
+              }, children: fmtSigned(val, currency) }),
+              showPct && /* @__PURE__ */ jsx("td", { style: {
+                padding: "8px 6px",
+                fontSize: "12px",
+                fontVariantNumeric: "tabular-nums",
+                textAlign: "right",
+                borderTop: `1px solid ${BORDER2}`,
+                borderBottom: `1px solid ${BORDER2}`,
+                color: MUTED2
+              }, children: pctFmt(val, revenueTotals[pi]) })
+            ] }, pi);
+          })
+        ] }),
+        /* @__PURE__ */ jsxs("tr", { style: { background: "white" }, children: [
+          /* @__PURE__ */ jsx("td", { style: {
+            padding: "10px 10px",
+            fontSize: "13px",
+            fontWeight: 700,
+            borderTop: `2px solid ${BORDER2}`
+          }, children: "NET INCOME" }),
+          periods.map((_, pi) => {
+            var _a2;
+            const val = (_a2 = netIncome[pi]) != null ? _a2 : 0;
+            const isNeg = val < 0;
+            return /* @__PURE__ */ jsxs(React3.Fragment, { children: [
+              /* @__PURE__ */ jsx("td", { style: {
+                padding: "10px 10px",
+                fontSize: "13px",
+                fontWeight: 700,
+                fontVariantNumeric: "tabular-nums",
+                textAlign: "right",
+                borderTop: `2px solid ${BORDER2}`,
+                color: isNeg ? "#dc2626" : "var(--foreground)"
+              }, children: fmtSigned(val, currency) }),
+              showPct && /* @__PURE__ */ jsx("td", { style: {
+                padding: "10px 6px",
+                fontSize: "12px",
+                fontVariantNumeric: "tabular-nums",
+                textAlign: "right",
+                borderTop: `2px solid ${BORDER2}`,
+                color: MUTED2
+              }, children: pctFmt(val, revenueTotals[pi]) })
+            ] }, pi);
+          })
+        ] })
+      ] })
+    ] }) })
+  ] }) });
+}
+
+export { IncomeStatementResolver };
+//# sourceMappingURL=resolver.js.map
+//# sourceMappingURL=resolver.js.map