@caffeinebounce/ui 0.62.2 → 0.63.0

package/dist/{chunk-UM7WMXIU.js → chunk-W3YOQ5ZD.js}

@@ -1,16 +1,17 @@
+"use client";
 'use strict';
 
+var chunkLABHD4PU_js = require('./chunk-LABHD4PU.js');
 var chunkWOITB4JL_js = require('./chunk-WOITB4JL.js');
 var chunk6TGV2DNP_js = require('./chunk-6TGV2DNP.js');
 var chunkJ6OLBSZR_js = require('./chunk-J6OLBSZR.js');
 var chunkSORWLKOK_js = require('./chunk-SORWLKOK.js');
 var chunkDQWHYBV2_js = require('./chunk-DQWHYBV2.js');
 var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
-var PopoverPrimitive = require('@radix-ui/react-popover');
+var React4 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
-var lucideReact = require('lucide-react');
-var React3 = require('react');
 var reactTable = require('@tanstack/react-table');
+var lucideReact = require('lucide-react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -30,125 +31,222 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
-var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
 
-var Popover = PopoverPrimitive__namespace.Root;
-var PopoverTrigger = PopoverPrimitive__namespace.Trigger;
-var PopoverAnchor = PopoverPrimitive__namespace.Anchor;
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
+var FinanceDisplayContext = React4__namespace.createContext({
+  decimals: 0,
+  displayUnits: "actuals",
+  currencySignDisplay: "all"
+});
+var FinanceDecimalsContext = React4__namespace.createContext(0);
+function FinanceDisplayProvider({
+  decimals,
+  displayUnits = "actuals",
+  currencySignDisplay = "all",
+  children
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(PopoverPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
-    PopoverPrimitive__namespace.Content,
-    {
-      align,
-      sideOffset,
-      className: chunkADIDI7AJ_js.cn(
-        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 rounded-box border p-4 shadow-md outline-none",
-        className
-      ),
-      ...props
-    }
-  ) });
+  const value = React4__namespace.useMemo(
+    () => ({ decimals, displayUnits, currencySignDisplay }),
+    [decimals, displayUnits, currencySignDisplay]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(FinanceDisplayContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(FinanceDecimalsContext.Provider, { value: decimals, children }) });
 }
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
-    "table",
-    {
-      "data-slot": "table",
-      className: chunkADIDI7AJ_js.cn("w-full caption-bottom text-sm", className),
-      ...props
-    }
-  ) });
+function FinanceDecimalsProvider({
+  decimals,
+  children
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(FinanceDisplayProvider, { decimals, children });
 }
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: chunkADIDI7AJ_js.cn("[&_tr]:border-b", className),
-      ...props
-    }
-  );
+function useFinanceDecimals() {
+  return React4__namespace.useContext(FinanceDecimalsContext);
 }
-function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tbody",
-    {
-      "data-slot": "table-body",
-      className: chunkADIDI7AJ_js.cn("[&_tr:last-child]:border-0", className),
-      ...props
-    }
-  );
+function useFinanceDisplay() {
+  return React4__namespace.useContext(FinanceDisplayContext);
 }
-function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tfoot",
-    {
-      "data-slot": "table-footer",
-      className: chunkADIDI7AJ_js.cn(
-        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
-        className
-      ),
-      ...props
-    }
-  );
+function getUnitDivisor(units) {
+  switch (units) {
+    case "thousands":
+      return 1e3;
+    case "millions":
+      return 1e6;
+    default:
+      return 1;
+  }
 }
-function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: chunkADIDI7AJ_js.cn(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
-        className
-      ),
-      ...props
-    }
-  );
+function getUnitLabel(units) {
+  switch (units) {
+    case "thousands":
+      return "in thousands";
+    case "millions":
+      return "in millions";
+    default:
+      return null;
+  }
 }
-function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: chunkADIDI7AJ_js.cn(
-        "text-muted-foreground h-10 px-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
-        className
-      ),
-      ...props
-    }
+function getUnitSuffix(units) {
+  switch (units) {
+    case "thousands":
+      return "(000s)";
+    case "millions":
+      return "(M)";
+    default:
+      return null;
+  }
+}
+function useFinanceDecimalsSetting(storageKey = "finance-decimal-places", defaultValue = 0) {
+  const [decimals, setDecimalsState] = React4__namespace.useState(() => {
+    if (typeof window === "undefined") return defaultValue;
+    const stored = localStorage.getItem(storageKey);
+    return stored !== null ? Number(stored) : defaultValue;
+  });
+  const setDecimals = React4__namespace.useCallback(
+    (v) => {
+      setDecimalsState(v);
+      if (typeof window !== "undefined") {
+        localStorage.setItem(storageKey, String(v));
+      }
+    },
+    [storageKey]
   );
+  return [decimals, setDecimals];
+}
+var formatterCache = /* @__PURE__ */ new Map();
+function getFormatter(locale, currencyCode, decimals) {
+  const key = `${locale}:${currencyCode}:${decimals}`;
+  let fmt = formatterCache.get(key);
+  if (!fmt) {
+    fmt = new Intl.NumberFormat(locale, {
+      style: "currency",
+      currency: currencyCode,
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals
+    });
+    formatterCache.set(key, fmt);
+  }
+  return fmt;
 }
-function TableCell({ className, ...props }) {
+function formatCurrencyValue(value, options) {
+  const raw = value ?? 0;
+  const divisor = getUnitDivisor(options?.displayUnits ?? "actuals");
+  const v = divisor === 1 ? raw : raw / divisor;
+  const isZero = raw === 0;
+  const isNegative = v < 0;
+  const curr = options?.currency ?? "USD";
+  const locale = options?.locale ?? "en-US";
+  const dashZero = options?.dashZero ?? false;
+  const decimals = options?.decimals ?? 2;
+  const showSign = options?.showCurrencySign ?? true;
+  if (isZero && dashZero) {
+    return { text: "\u2014", isNegative: false, isZero: true };
+  }
+  const absV = Math.abs(v);
+  let formatted;
+  if (showSign) {
+    const fmt = getFormatter(locale, curr, decimals);
+    formatted = fmt.format(absV);
+  } else {
+    formatted = absV.toLocaleString(locale, {
+      minimumFractionDigits: decimals,
+      maximumFractionDigits: decimals
+    });
+  }
+  if (isNegative) {
+    return { text: `(${formatted})`, isNegative: true, isZero: false };
+  }
+  return { text: formatted, isNegative: false, isZero };
+}
+function DataTableCurrencyCell({
+  value,
+  currency: currencyCode = "USD",
+  locale = "en-US",
+  dashZero = false,
+  decimals,
+  className,
+  /** Whether this cell is in a summary/total row */
+  isSummaryRow
+}) {
+  const ctx = useFinanceDisplay();
+  const resolvedDecimals = decimals ?? ctx.decimals;
+  const showCurrencySign = ctx.currencySignDisplay === "all" || ctx.currencySignDisplay === "summary" && isSummaryRow;
+  const { text, isNegative, isZero } = formatCurrencyValue(value, {
+    currency: currencyCode,
+    locale,
+    dashZero,
+    decimals: resolvedDecimals,
+    displayUnits: ctx.displayUnits,
+    showCurrencySign
+  });
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "td",
+    "span",
     {
-      "data-slot": "table-cell",
       className: chunkADIDI7AJ_js.cn(
-        "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        "font-mono tabular-nums",
+        isNegative && "text-red-600 dark:text-red-400",
+        isZero && dashZero && "text-muted-foreground",
         className
       ),
-      ...props
+      children: text
     }
   );
 }
-function TableCaption({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "caption",
-    {
-      "data-slot": "table-caption",
-      className: chunkADIDI7AJ_js.cn("text-muted-foreground mt-4 text-sm", className),
-      ...props
-    }
+
+// src/blocks/finance/financialStatementRowImportance.ts
+var DEFAULT_ROW_IMPORTANCE_CONFIG = {
+  "income-statement": {
+    emphasis: ["Total Revenue", "Total Expenses", "Operating Income"],
+    keySummary: ["Net Income"]
+  },
+  "balance-sheet": {
+    emphasis: ["Total Liabilities", "Total Equity"],
+    keySummary: ["Total Assets", "Total Liabilities & Equity"]
+  },
+  "cash-flow": {
+    emphasis: [
+      "Total Operating Activities",
+      "Total Investing Activities",
+      "Total Financing Activities",
+      "Net Cash from Operating Activities",
+      "Net Cash from Investing Activities",
+      "Net Cash from Financing Activities"
+    ],
+    keySummary: [
+      "Net Change in Cash",
+      "Ending Cash",
+      "Total Cash & Cash Equivalents"
+    ]
+  },
+  "working-capital": {
+    emphasis: ["Total Current Assets", "Total Current Liabilities"],
+    keySummary: ["NWC", "Net Working Capital"]
+  }
+};
+function normalizeLabel(value) {
+  return value.trim().toLowerCase().replace(/\s+/g, " ");
+}
+function createFinancialStatementRowImportanceResolver(kind, overrides) {
+  const base = DEFAULT_ROW_IMPORTANCE_CONFIG[kind];
+  const emphasis = new Set(
+    (overrides?.emphasis ?? base?.emphasis ?? []).map(normalizeLabel)
   );
+  const keySummary = new Set(
+    (overrides?.keySummary ?? base?.keySummary ?? []).map(normalizeLabel)
+  );
+  return (row) => {
+    const label = normalizeLabel(row.name);
+    if (keySummary.has(label)) return "key-summary";
+    if (emphasis.has(label)) return "emphasis";
+    return "normal";
+  };
+}
+function getFinancialStatementRowImportanceClassName(importance) {
+  switch (importance) {
+    case "emphasis":
+      return "bg-muted/25 border-t border-border/50 font-medium";
+    case "key-summary":
+      return "bg-muted/45 border-t-2 border-border/70 font-semibold";
+    default:
+      return void 0;
+  }
 }
 var colorMap = {
   green: "#22c55e",
@@ -225,16 +323,16 @@ function DataTableColumnFilterContent({
   placeholder,
   showDeleteMenu = true
 }) {
-  const [localValue, setLocalValue] = React3__namespace.useState(value ?? "");
-  const [operator, setOperator] = React3__namespace.useState("is");
-  React3__namespace.useEffect(() => setLocalValue(value ?? ""), [value]);
+  const [localValue, setLocalValue] = React4__namespace.useState(value ?? "");
+  const [operator, setOperator] = React4__namespace.useState("is");
+  React4__namespace.useEffect(() => setLocalValue(value ?? ""), [value]);
   const handleApply = () => onChange(localValue || void 0);
   const handleClear = () => {
     setLocalValue("");
     onClear?.();
     onChange(void 0);
   };
-  const selectedValues = React3__namespace.useMemo(() => {
+  const selectedValues = React4__namespace.useMemo(() => {
     if (!localValue) return /* @__PURE__ */ new Set();
     return new Set(localValue.split(",").filter(Boolean));
   }, [localValue]);
@@ -358,7 +456,7 @@ function DataTableColumnFilterContent({
         const colorValue = opt.color ? getColorValue(opt.color) : void 0;
         let iconElement = null;
         if (opt.icon) {
-          if (React3__namespace.isValidElement(opt.icon)) {
+          if (React4__namespace.isValidElement(opt.icon)) {
             iconElement = opt.icon;
           } else {
             const Icon = opt.icon;
@@ -414,37 +512,6 @@ function DataTableColumnFilterContent({
     ) })
   ] });
 }
-function DataTableColumnFilter({
-  column,
-  title,
-  filterType = "text",
-  filterOptions,
-  placeholder,
-  children,
-  onFilterChange
-}) {
-  const [open, setOpen] = React3__namespace.useState(false);
-  const current = column.getFilterValue();
-  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { align: "start", className: "w-56 p-0", sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(
-      DataTableColumnFilterContent,
-      {
-        title,
-        value: current,
-        onChange: (v) => {
-          column.setFilterValue(v);
-          onFilterChange?.(column.id, v);
-        },
-        onClear: () => column.setFilterValue(void 0),
-        filterType,
-        filterOptions,
-        placeholder,
-        showDeleteMenu: false
-      }
-    ) })
-  ] });
-}
 function DataTableFilterBadges({
   filters,
   onRemoveFilter,
@@ -473,7 +540,7 @@ function DataTableFilterBadges({
                 "text-xs hover:bg-sky-100 dark:hover:bg-sky-900/40 transition-colors cursor-pointer"
               ),
               children: [
-                filter.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0 [&>svg]:size-3", children: React3__namespace.isValidElement(filter.icon) ? filter.icon : (() => {
+                filter.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground shrink-0 [&>svg]:size-3", children: React4__namespace.isValidElement(filter.icon) ? filter.icon : (() => {
                   const Icon = filter.icon;
                   return /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "size-3" });
                 })() }),
@@ -544,16 +611,16 @@ function DataTableFilterBadges({
     }
   );
 }
-var DataTableContext = React3__namespace.createContext(null);
+var DataTableContext = React4__namespace.createContext(null);
 function useDataTableContext() {
-  return React3__namespace.useContext(DataTableContext);
+  return React4__namespace.useContext(DataTableContext);
 }
 function TreeExpandCycleButton({
   table,
   density
 }) {
-  const depthRef = React3__namespace.useRef(-1);
-  const maxDepth = React3__namespace.useMemo(() => {
+  const depthRef = React4__namespace.useRef(-1);
+  const maxDepth = React4__namespace.useMemo(() => {
     let max = 0;
     const walk = (rows) => {
       for (const row of rows) {
@@ -566,7 +633,7 @@ function TreeExpandCycleButton({
     );
     return max;
   }, [table]);
-  const handleClick = React3__namespace.useCallback(() => {
+  const handleClick = React4__namespace.useCallback(() => {
     const nextDepth = depthRef.current + 1;
     if (nextDepth > maxDepth) {
       table.toggleAllRowsExpanded(false);
@@ -657,21 +724,21 @@ function DataTable({
     md: "size-3",
     lg: "size-3.5"
   }[fontSize];
-  const [columnSizing, setColumnSizing] = React3__namespace.useState({});
-  const [resizingColumn, setResizingColumn] = React3__namespace.useState(
+  const [columnSizing, setColumnSizing] = React4__namespace.useState({});
+  const [resizingColumn, setResizingColumn] = React4__namespace.useState(
     null
   );
-  const [hoveredRowId, setHoveredRowId] = React3__namespace.useState(null);
-  const defaultColumnOrder = React3__namespace.useMemo(
+  const [hoveredRowId, setHoveredRowId] = React4__namespace.useState(null);
+  const defaultColumnOrder = React4__namespace.useMemo(
     () => columns.map(
       (col) => col.id ? col.id : "accessorKey" in col ? String(col.accessorKey) : ""
     ),
     [columns]
   );
-  const [internalColumnOrder, setInternalColumnOrder] = React3__namespace.useState(defaultColumnOrder);
+  const [internalColumnOrder, setInternalColumnOrder] = React4__namespace.useState(defaultColumnOrder);
   const columnOrder = externalColumnOrder ?? internalColumnOrder;
   const setColumnOrder = onColumnOrderChange ?? setInternalColumnOrder;
-  const renderedLeafColumns = React3__namespace.useMemo(() => {
+  const renderedLeafColumns = React4__namespace.useMemo(() => {
     let leafColumns = table.getVisibleLeafColumns();
     if (rowSelectionStyle === "hover" || enableRowDrag) {
       leafColumns = leafColumns.filter((column) => column.id !== "select");
@@ -687,14 +754,14 @@ function DataTable({
     }
     return leafColumns;
   }, [table, rowSelectionStyle, enableRowDrag, enableColumnDrag, columnOrder]);
-  const renderedLeafIndexById = React3__namespace.useMemo(() => {
+  const renderedLeafIndexById = React4__namespace.useMemo(() => {
     const indexById = /* @__PURE__ */ new Map();
     renderedLeafColumns.forEach((column, index) => {
       indexById.set(column.id, index);
     });
     return indexById;
   }, [renderedLeafColumns]);
-  const stickyLeafColumns = React3__namespace.useMemo(() => {
+  const stickyLeafColumns = React4__namespace.useMemo(() => {
     if (explicitStickyColumnIds && explicitStickyColumnIds.length > 0) {
       const stickyIdSet = new Set(explicitStickyColumnIds);
       return renderedLeafColumns.filter((column) => stickyIdSet.has(column.id));
@@ -702,11 +769,11 @@ function DataTable({
     if (!stickyColumns || stickyColumns <= 0) return [];
     return renderedLeafColumns.slice(0, stickyColumns);
   }, [renderedLeafColumns, stickyColumns, explicitStickyColumnIds]);
-  const stickyColumnIds = React3__namespace.useMemo(
+  const stickyColumnIds = React4__namespace.useMemo(
     () => new Set(stickyLeafColumns.map((column) => column.id)),
     [stickyLeafColumns]
   );
-  const stickyColumnLefts = React3__namespace.useMemo(() => {
+  const stickyColumnLefts = React4__namespace.useMemo(() => {
     const lefts = /* @__PURE__ */ new Map();
     let runningLeft = 0;
     for (const column of stickyLeafColumns) {
@@ -715,7 +782,7 @@ function DataTable({
     }
     return lefts;
   }, [stickyLeafColumns]);
-  const renderedTableWidth = React3__namespace.useMemo(() => {
+  const renderedTableWidth = React4__namespace.useMemo(() => {
     return renderedLeafColumns.reduce((total, column) => {
       const resizedWidth = columnSizing[column.id];
       const baseWidth = resizedWidth ?? column.getSize();
@@ -728,17 +795,17 @@ function DataTable({
       return total + clamped;
     }, 0);
   }, [renderedLeafColumns, columnSizing]);
-  const [internalColumnWrapping, setInternalColumnWrapping] = React3__namespace.useState({});
+  const [internalColumnWrapping, setInternalColumnWrapping] = React4__namespace.useState({});
   const columnWrapping = externalColumnWrapping ?? internalColumnWrapping;
   const setColumnWrapping = onColumnWrappingChange ?? setInternalColumnWrapping;
-  const [draggedColumnId, setDraggedColumnId] = React3__namespace.useState(
+  const [draggedColumnId, setDraggedColumnId] = React4__namespace.useState(
     null
   );
-  const [dragOverColumnId, setDragOverColumnId] = React3__namespace.useState(
+  const [dragOverColumnId, setDragOverColumnId] = React4__namespace.useState(
     null
   );
-  const [dragOverColumnPosition, setDragOverColumnPosition] = React3__namespace.useState(null);
-  const handleColumnDragStart = React3__namespace.useCallback(
+  const [dragOverColumnPosition, setDragOverColumnPosition] = React4__namespace.useState(null);
+  const handleColumnDragStart = React4__namespace.useCallback(
     (e, columnId) => {
       setDraggedColumnId(columnId);
       e.dataTransfer.effectAllowed = "move";
@@ -749,7 +816,7 @@ function DataTable({
     },
     []
   );
-  const handleColumnDragOver = React3__namespace.useCallback(
+  const handleColumnDragOver = React4__namespace.useCallback(
     (e, columnId) => {
       e.preventDefault();
       e.dataTransfer.dropEffect = "move";
@@ -763,11 +830,11 @@ function DataTable({
     },
     [draggedColumnId]
   );
-  const handleColumnDragLeave = React3__namespace.useCallback(() => {
+  const handleColumnDragLeave = React4__namespace.useCallback(() => {
     setDragOverColumnId(null);
     setDragOverColumnPosition(null);
   }, []);
-  const handleColumnDrop = React3__namespace.useCallback(
+  const handleColumnDrop = React4__namespace.useCallback(
     (e, targetColumnId) => {
       e.preventDefault();
       if (draggedColumnId && draggedColumnId !== targetColumnId) {
@@ -790,13 +857,13 @@ function DataTable({
     },
     [draggedColumnId, columnOrder, dragOverColumnPosition, setColumnOrder]
   );
-  const handleColumnDragEnd = React3__namespace.useCallback((e) => {
+  const handleColumnDragEnd = React4__namespace.useCallback((e) => {
     e.target.closest("th")?.classList.remove("opacity-50");
     setDraggedColumnId(null);
     setDragOverColumnId(null);
     setDragOverColumnPosition(null);
   }, []);
-  const toggleColumnWrapping = React3__namespace.useCallback(
+  const toggleColumnWrapping = React4__namespace.useCallback(
     (columnId) => {
       setColumnWrapping({
         ...columnWrapping,
@@ -805,14 +872,14 @@ function DataTable({
     },
     [columnWrapping, setColumnWrapping]
   );
-  const [draggedRowIndex, setDraggedRowIndex] = React3__namespace.useState(
+  const [draggedRowIndex, setDraggedRowIndex] = React4__namespace.useState(
     null
   );
-  const [dragOverRowIndex, setDragOverRowIndex] = React3__namespace.useState(
+  const [dragOverRowIndex, setDragOverRowIndex] = React4__namespace.useState(
     null
   );
-  const [dragOverPosition, setDragOverPosition] = React3__namespace.useState(null);
-  const handleRowDragStart = React3__namespace.useCallback(
+  const [dragOverPosition, setDragOverPosition] = React4__namespace.useState(null);
+  const handleRowDragStart = React4__namespace.useCallback(
     (e, rowIndex) => {
       setDraggedRowIndex(rowIndex);
       e.dataTransfer.effectAllowed = "move";
@@ -823,7 +890,7 @@ function DataTable({
     },
     []
   );
-  const handleRowDragOver = React3__namespace.useCallback(
+  const handleRowDragOver = React4__namespace.useCallback(
     (e, rowIndex) => {
       e.preventDefault();
       e.dataTransfer.dropEffect = "move";
@@ -837,11 +904,11 @@ function DataTable({
     },
     [draggedRowIndex]
   );
-  const handleRowDragLeave = React3__namespace.useCallback(() => {
+  const handleRowDragLeave = React4__namespace.useCallback(() => {
     setDragOverRowIndex(null);
     setDragOverPosition(null);
   }, []);
-  const handleRowDrop = React3__namespace.useCallback(
+  const handleRowDrop = React4__namespace.useCallback(
     (e, toIndex) => {
       e.preventDefault();
       const fromIndex = draggedRowIndex;
@@ -863,13 +930,13 @@ function DataTable({
     },
     [draggedRowIndex, dragOverPosition, onRowDragEnd]
   );
-  const handleRowDragEnd = React3__namespace.useCallback((e) => {
+  const handleRowDragEnd = React4__namespace.useCallback((e) => {
     e.target.closest("tr")?.classList.remove("opacity-50");
     setDraggedRowIndex(null);
     setDragOverRowIndex(null);
     setDragOverPosition(null);
   }, []);
-  const handleResizeStart = React3__namespace.useCallback(
+  const handleResizeStart = React4__namespace.useCallback(
     (columnId, startX, startWidth) => {
       setResizingColumn(columnId);
       const handleMouseMove = (e) => {
@@ -891,7 +958,7 @@ function DataTable({
     },
     []
   );
-  const contextValue = React3__namespace.useMemo(
+  const contextValue = React4__namespace.useMemo(
     () => ({
       columnWrapping,
       toggleColumnWrapping,
@@ -952,7 +1019,7 @@ function DataTable({
                   tableLayout: "fixed"
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => {
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkLABHD4PU_js.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => {
                     const renderableHeaders = headerGroup.headers.filter(
                       (h) => !((rowSelectionStyle === "hover" || enableRowDrag) && h.id === "select")
                     );
@@ -964,12 +1031,12 @@ function DataTable({
                       return aIndex - bIndex;
                     }) : renderableHeaders;
                     return /* @__PURE__ */ jsxRuntime.jsxs(
-                      TableRow,
+                      chunkLABHD4PU_js.TableRow,
                       {
                         className: "hover:bg-transparent",
                         children: [
                           (rowSelectionStyle === "hover" || enableRowDrag) && /* @__PURE__ */ jsxRuntime.jsx(
-                            TableHead,
+                            chunkLABHD4PU_js.TableHead,
                             {
                               className: chunkADIDI7AJ_js.cn(
                                 "p-0 border-r-0 whitespace-nowrap border-l border-b border-border group/header-gutter",
@@ -1077,7 +1144,7 @@ function DataTable({
                               renderedLeafColumns[firstLeafIndex - 1]?.id ?? ""
                             );
                             return /* @__PURE__ */ jsxRuntime.jsxs(
-                              TableHead,
+                              chunkLABHD4PU_js.TableHead,
                               {
                                 "data-sticky-column": isStickyColumn ? "true" : void 0,
                                 colSpan: header.colSpan,
@@ -1189,7 +1256,7 @@ function DataTable({
                     );
                   }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    TableBody,
+                    chunkLABHD4PU_js.TableBody,
                     {
                       className: summary ? "[&_tr:last-child]:border-b" : void 0,
                       children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row, rowIndex) => {
@@ -1199,7 +1266,7 @@ function DataTable({
                         const isDragOverAbove = dragOverRowIndex === rowIndex && dragOverPosition === "above";
                         const isDragOverBelow = dragOverRowIndex === rowIndex && dragOverPosition === "below";
                         return /* @__PURE__ */ jsxRuntime.jsxs(
-                          TableRow,
+                          chunkLABHD4PU_js.TableRow,
                           {
                             "data-state": isSelected && "selected",
                             "data-hovered": isHovered,
@@ -1218,7 +1285,7 @@ function DataTable({
                             ),
                             children: [
                               (rowSelectionStyle === "hover" || enableRowDrag) && /* @__PURE__ */ jsxRuntime.jsx(
-                                TableCell,
+                                chunkLABHD4PU_js.TableCell,
                                 {
                                   className: chunkADIDI7AJ_js.cn(
                                     "p-0 border-r-0 whitespace-nowrap border-l border-border",
@@ -1334,7 +1401,7 @@ function DataTable({
                                 const treeIndent = showTreeUI ? row.depth * treeIndentPx : 0;
                                 const canExpand = showTreeUI && row.getCanExpand();
                                 return /* @__PURE__ */ jsxRuntime.jsxs(
-                                  TableCell,
+                                  chunkLABHD4PU_js.TableCell,
                                   {
                                     "data-sticky-column": isStickyCell ? "true" : void 0,
                                     className: chunkADIDI7AJ_js.cn(
@@ -1454,8 +1521,8 @@ function DataTable({
                           },
                           row.id
                         );
-                      }) : /* @__PURE__ */ jsxRuntime.jsx(TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
-                        TableCell,
+                      }) : /* @__PURE__ */ jsxRuntime.jsx(chunkLABHD4PU_js.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(
+                        chunkLABHD4PU_js.TableCell,
                         {
                           colSpan: columns.length + (rowSelectionStyle === "hover" || enableRowDrag ? 1 : 0),
                           className: "h-24",
@@ -1519,9 +1586,9 @@ function DataTableColumnHeader({
   const resolvedFilterType = filterType ?? meta?.filterType ?? "text";
   const resolvedFilterOptions = filterOptions ?? meta?.filterOptions;
   const filterPlaceholder = meta?.filterPlaceholder;
-  const [isOpen, setIsOpen] = React3__namespace.useState(false);
-  const mouseDownPosRef = React3__namespace.useRef(null);
-  const didDragRef = React3__namespace.useRef(false);
+  const [isOpen, setIsOpen] = React4__namespace.useState(false);
+  const mouseDownPosRef = React4__namespace.useRef(null);
+  const didDragRef = React4__namespace.useRef(false);
   const canDrag = dataTableContext?.enableColumnDrag ?? false;
   const handleMouseDown = (e) => {
     mouseDownPosRef.current = { x: e.clientX, y: e.clientY };
@@ -1701,221 +1768,6 @@ function DataTableColumnHeader({
     ] })
   ] }) });
 }
-var FinanceDisplayContext = React3__namespace.createContext({
-  decimals: 0,
-  displayUnits: "actuals",
-  currencySignDisplay: "all"
-});
-var FinanceDecimalsContext = React3__namespace.createContext(0);
-function FinanceDisplayProvider({
-  decimals,
-  displayUnits = "actuals",
-  currencySignDisplay = "all",
-  children
-}) {
-  const value = React3__namespace.useMemo(
-    () => ({ decimals, displayUnits, currencySignDisplay }),
-    [decimals, displayUnits, currencySignDisplay]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(FinanceDisplayContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(FinanceDecimalsContext.Provider, { value: decimals, children }) });
-}
-function FinanceDecimalsProvider({
-  decimals,
-  children
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(FinanceDisplayProvider, { decimals, children });
-}
-function useFinanceDecimals() {
-  return React3__namespace.useContext(FinanceDecimalsContext);
-}
-function useFinanceDisplay() {
-  return React3__namespace.useContext(FinanceDisplayContext);
-}
-function getUnitDivisor(units) {
-  switch (units) {
-    case "thousands":
-      return 1e3;
-    case "millions":
-      return 1e6;
-    default:
-      return 1;
-  }
-}
-function getUnitLabel(units) {
-  switch (units) {
-    case "thousands":
-      return "in thousands";
-    case "millions":
-      return "in millions";
-    default:
-      return null;
-  }
-}
-function getUnitSuffix(units) {
-  switch (units) {
-    case "thousands":
-      return "(000s)";
-    case "millions":
-      return "(M)";
-    default:
-      return null;
-  }
-}
-function useFinanceDecimalsSetting(storageKey = "finance-decimal-places", defaultValue = 0) {
-  const [decimals, setDecimalsState] = React3__namespace.useState(() => {
-    if (typeof window === "undefined") return defaultValue;
-    const stored = localStorage.getItem(storageKey);
-    return stored !== null ? Number(stored) : defaultValue;
-  });
-  const setDecimals = React3__namespace.useCallback(
-    (v) => {
-      setDecimalsState(v);
-      if (typeof window !== "undefined") {
-        localStorage.setItem(storageKey, String(v));
-      }
-    },
-    [storageKey]
-  );
-  return [decimals, setDecimals];
-}
-var formatterCache = /* @__PURE__ */ new Map();
-function getFormatter(locale, currencyCode, decimals) {
-  const key = `${locale}:${currencyCode}:${decimals}`;
-  let fmt = formatterCache.get(key);
-  if (!fmt) {
-    fmt = new Intl.NumberFormat(locale, {
-      style: "currency",
-      currency: currencyCode,
-      minimumFractionDigits: decimals,
-      maximumFractionDigits: decimals
-    });
-    formatterCache.set(key, fmt);
-  }
-  return fmt;
-}
-function formatCurrencyValue(value, options) {
-  const raw = value ?? 0;
-  const divisor = getUnitDivisor(options?.displayUnits ?? "actuals");
-  const v = divisor === 1 ? raw : raw / divisor;
-  const isZero = raw === 0;
-  const isNegative = v < 0;
-  const curr = options?.currency ?? "USD";
-  const locale = options?.locale ?? "en-US";
-  const dashZero = options?.dashZero ?? false;
-  const decimals = options?.decimals ?? 2;
-  const showSign = options?.showCurrencySign ?? true;
-  if (isZero && dashZero) {
-    return { text: "\u2014", isNegative: false, isZero: true };
-  }
-  const absV = Math.abs(v);
-  let formatted;
-  if (showSign) {
-    const fmt = getFormatter(locale, curr, decimals);
-    formatted = fmt.format(absV);
-  } else {
-    formatted = absV.toLocaleString(locale, {
-      minimumFractionDigits: decimals,
-      maximumFractionDigits: decimals
-    });
-  }
-  if (isNegative) {
-    return { text: `(${formatted})`, isNegative: true, isZero: false };
-  }
-  return { text: formatted, isNegative: false, isZero };
-}
-function DataTableCurrencyCell({
-  value,
-  currency: currencyCode = "USD",
-  locale = "en-US",
-  dashZero = false,
-  decimals,
-  className,
-  /** Whether this cell is in a summary/total row */
-  isSummaryRow
-}) {
-  const ctx = useFinanceDisplay();
-  const resolvedDecimals = decimals ?? ctx.decimals;
-  const showCurrencySign = ctx.currencySignDisplay === "all" || ctx.currencySignDisplay === "summary" && isSummaryRow;
-  const { text, isNegative, isZero } = formatCurrencyValue(value, {
-    currency: currencyCode,
-    locale,
-    dashZero,
-    decimals: resolvedDecimals,
-    displayUnits: ctx.displayUnits,
-    showCurrencySign
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: chunkADIDI7AJ_js.cn(
-        "font-mono tabular-nums",
-        isNegative && "text-red-600 dark:text-red-400",
-        isZero && dashZero && "text-muted-foreground",
-        className
-      ),
-      children: text
-    }
-  );
-}
-
-// src/blocks/data-table/financialStatementRowImportance.ts
-var DEFAULT_ROW_IMPORTANCE_CONFIG = {
-  "income-statement": {
-    emphasis: ["Total Revenue", "Total Expenses", "Operating Income"],
-    keySummary: ["Net Income"]
-  },
-  "balance-sheet": {
-    emphasis: ["Total Liabilities", "Total Equity"],
-    keySummary: ["Total Assets", "Total Liabilities & Equity"]
-  },
-  "cash-flow": {
-    emphasis: [
-      "Total Operating Activities",
-      "Total Investing Activities",
-      "Total Financing Activities",
-      "Net Cash from Operating Activities",
-      "Net Cash from Investing Activities",
-      "Net Cash from Financing Activities"
-    ],
-    keySummary: [
-      "Net Change in Cash",
-      "Ending Cash",
-      "Total Cash & Cash Equivalents"
-    ]
-  },
-  "working-capital": {
-    emphasis: ["Total Current Assets", "Total Current Liabilities"],
-    keySummary: ["NWC", "Net Working Capital"]
-  }
-};
-function normalizeLabel(value) {
-  return value.trim().toLowerCase().replace(/\s+/g, " ");
-}
-function createFinancialStatementRowImportanceResolver(kind, overrides) {
-  const base = DEFAULT_ROW_IMPORTANCE_CONFIG[kind];
-  const emphasis = new Set(
-    (overrides?.emphasis ?? base?.emphasis ?? []).map(normalizeLabel)
-  );
-  const keySummary = new Set(
-    (overrides?.keySummary ?? base?.keySummary ?? []).map(normalizeLabel)
-  );
-  return (row) => {
-    const label = normalizeLabel(row.name);
-    if (keySummary.has(label)) return "key-summary";
-    if (emphasis.has(label)) return "emphasis";
-    return "normal";
-  };
-}
-function getFinancialStatementRowImportanceClassName(importance) {
-  switch (importance) {
-    case "emphasis":
-      return "bg-muted/25 border-t border-border/50 font-medium";
-    case "key-summary":
-      return "bg-muted/45 border-t-2 border-border/70 font-semibold";
-    default:
-      return void 0;
-  }
-}
 var TOLERANCE = 0.01;
 function RecCheck({ computed, raw }) {
   const diff = Math.abs(computed - raw);
@@ -2708,25 +2560,25 @@ function FinancialStatementTable({
   className,
   rowImportanceResolver
 }) {
-  const [expanded, setExpanded] = React3__namespace.useState({});
-  const [columnVisibility, setColumnVisibility] = React3__namespace.useState({});
-  const [viewportLayout, setViewportLayout] = React3__namespace.useState("unknown");
-  const { rows: rawRows, periods } = React3__namespace.useMemo(
+  const [expanded, setExpanded] = React4__namespace.useState({});
+  const [columnVisibility, setColumnVisibility] = React4__namespace.useState({});
+  const [viewportLayout, setViewportLayout] = React4__namespace.useState("unknown");
+  const { rows: rawRows, periods } = React4__namespace.useMemo(
     () => buildFinancialStatementData(data, config, timeUnit, subtotalRules, {
       preserveEmptySections
     }),
     [data, config, timeUnit, subtotalRules, preserveEmptySections]
   );
-  const rows = React3__namespace.useMemo(
+  const rows = React4__namespace.useMemo(
     () => hideZeroRows ? filterZeroRows(rawRows) : rawRows,
     [rawRows, hideZeroRows]
   );
-  const orderedPeriods = React3__namespace.useMemo(
+  const orderedPeriods = React4__namespace.useMemo(
     () => resolvePeriodColumns(periods, timeUnit, periodOrder, periodColumnOrder),
     [periods, timeUnit, periodOrder, periodColumnOrder]
   );
   const effectiveShowRowTotals = isMobile && mobileCompareEnabled ? false : showRowTotals;
-  const columns = React3__namespace.useMemo(
+  const columns = React4__namespace.useMemo(
     () => buildColumns(
       orderedPeriods,
       timeUnit,
@@ -2758,7 +2610,7 @@ function FinancialStatementTable({
       accountColumnMenuItems
     ]
   );
-  React3__namespace.useEffect(() => {
+  React4__namespace.useEffect(() => {
     if (typeof window === "undefined") return;
     const updateViewportLayout = () => {
       setViewportLayout(
@@ -2773,7 +2625,7 @@ function FinancialStatementTable({
       window.removeEventListener("orientationchange", updateViewportLayout);
     };
   }, []);
-  React3__namespace.useEffect(() => {
+  React4__namespace.useEffect(() => {
     if (rows.length === 0) return;
     const toExpand = {};
     for (const row of rows) {
@@ -2882,106 +2734,15 @@ var BALANCE_SHEET_CONFIG = {
   ]
 };
 
-// src/hooks/spreadsheetWorkbook.ts
-function escapeXml(value) {
-  return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&apos;");
-}
-function styleId(style) {
-  if (!style) return void 0;
-  const map = {
-    header: "Header",
-    text: "Text",
-    number: "Number",
-    currency: "Currency",
-    percent: "Percent",
-    totalLabel: "TotalLabel",
-    totalNumber: "TotalNumber"
-  };
-  return map[style];
-}
-function excelColumnName(columnIndex) {
-  let n = columnIndex + 1;
-  let result = "";
-  while (n > 0) {
-    const rem = (n - 1) % 26;
-    result = String.fromCharCode(65 + rem) + result;
-    n = Math.floor((n - 1) / 26);
-  }
-  return result;
-}
-function buildSpreadsheetWorkbookXml({
-  worksheetName,
-  rows
-}) {
-  const xmlRows = rows.map(
-    (row) => `<Row>${row.map((cell) => {
-      const inferredType = cell.type ?? (typeof cell.value === "number" || cell.formula ? "Number" : "String");
-      const rawValue = cell.value ?? "";
-      const value = inferredType === "Number" ? Number(rawValue || 0) : escapeXml(String(rawValue));
-      const style = styleId(cell.style);
-      const styleAttr = style ? ` ss:StyleID="${style}"` : "";
-      const formulaAttr = cell.formula ? ` ss:Formula="=${escapeXml(cell.formula)}"` : "";
-      return `<Cell${styleAttr}${formulaAttr}><Data ss:Type="${inferredType}">${value}</Data></Cell>`;
-    }).join("")}</Row>`
-  ).join("\n");
-  return `<?xml version="1.0" encoding="UTF-8"?>
-<?mso-application progid="Excel.Sheet"?>
-<Workbook xmlns="urn:schemas-microsoft-com:office:spreadsheet" xmlns:ss="urn:schemas-microsoft-com:office:spreadsheet">
-<Styles>
-  <Style ss:ID="Header"><Font ss:Bold="1"/><Interior ss:Color="#F3F4F6" ss:Pattern="Solid"/></Style>
-  <Style ss:ID="Text"><NumberFormat ss:Format="@"/></Style>
-  <Style ss:ID="Number"><NumberFormat ss:Format="#,##0.00"/></Style>
-  <Style ss:ID="Currency"><NumberFormat ss:Format="$#,##0.00;[Red]($#,##0.00)"/></Style>
-  <Style ss:ID="Percent"><NumberFormat ss:Format="0.00%"/></Style>
-  <Style ss:ID="TotalLabel"><Font ss:Bold="1"/><Interior ss:Color="#F9FAFB" ss:Pattern="Solid"/></Style>
-  <Style ss:ID="TotalNumber"><Font ss:Bold="1"/><NumberFormat ss:Format="$#,##0.00;[Red]($#,##0.00)"/><Interior ss:Color="#F9FAFB" ss:Pattern="Solid"/></Style>
-</Styles>
-<Worksheet ss:Name="${escapeXml(worksheetName)}"><Table>
-${xmlRows}
-</Table></Worksheet></Workbook>`;
-}
-function downloadExcelXml(xml, filename) {
-  const blob = new Blob([xml], {
-    type: "application/vnd.ms-excel;charset=utf-8;"
-  });
-  const url = URL.createObjectURL(blob);
-  const link = document.createElement("a");
-  link.href = url;
-  link.download = `${filename}.xls`;
-  link.click();
-  URL.revokeObjectURL(url);
-}
-
 exports.BALANCE_SHEET_CONFIG = BALANCE_SHEET_CONFIG;
-exports.DataTable = DataTable;
-exports.DataTableColumnFilter = DataTableColumnFilter;
-exports.DataTableColumnFilterContent = DataTableColumnFilterContent;
-exports.DataTableColumnHeader = DataTableColumnHeader;
-exports.DataTableContext = DataTableContext;
 exports.DataTableCurrencyCell = DataTableCurrencyCell;
-exports.DataTableFilterBadges = DataTableFilterBadges;
 exports.FinanceDecimalsProvider = FinanceDecimalsProvider;
 exports.FinanceDisplayProvider = FinanceDisplayProvider;
 exports.FinancialStatementTable = FinancialStatementTable;
 exports.INCOME_STATEMENT_CONFIG = INCOME_STATEMENT_CONFIG;
-exports.Popover = Popover;
-exports.PopoverAnchor = PopoverAnchor;
-exports.PopoverContent = PopoverContent;
-exports.PopoverTrigger = PopoverTrigger;
-exports.Table = Table;
-exports.TableBody = TableBody;
-exports.TableCaption = TableCaption;
-exports.TableCell = TableCell;
-exports.TableFooter = TableFooter;
-exports.TableHead = TableHead;
-exports.TableHeader = TableHeader;
-exports.TableRow = TableRow;
 exports.buildFinancialStatementData = buildFinancialStatementData;
-exports.buildSpreadsheetWorkbookXml = buildSpreadsheetWorkbookXml;
 exports.calculateDesktopFinancialColumnSizing = calculateDesktopFinancialColumnSizing;
 exports.createFinancialStatementRowImportanceResolver = createFinancialStatementRowImportanceResolver;
-exports.downloadExcelXml = downloadExcelXml;
-exports.excelColumnName = excelColumnName;
 exports.flattenStatementForExport = flattenStatementForExport;
 exports.formatCurrencyValue = formatCurrencyValue;
 exports.getFinancialStatementRowImportanceClassName = getFinancialStatementRowImportanceClassName;
@@ -2989,7 +2750,6 @@ exports.getUnitDivisor = getUnitDivisor;
 exports.getUnitLabel = getUnitLabel;
 exports.getUnitSuffix = getUnitSuffix;
 exports.resolvePeriodColumns = resolvePeriodColumns;
-exports.useDataTableContext = useDataTableContext;
 exports.useFinanceDecimals = useFinanceDecimals;
 exports.useFinanceDecimalsSetting = useFinanceDecimalsSetting;
 exports.useFinanceDisplay = useFinanceDisplay;