@caffeinebounce/ui 0.62.2 → 0.63.0

package/dist/{chunk-7DHKQODW.mjs → chunk-LTLCIRZY.mjs}

@@ -1,131 +1,230 @@
+"use client";
+import { TableHeader, TableRow, TableHead, TableBody, TableCell } from './chunk-APFEP5B7.mjs';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-6BUBNZPG.mjs';
 import { Button } from './chunk-VBD4Q5LL.mjs';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent } from './chunk-OFQLWSUR.mjs';
+import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuItem } from './chunk-OFQLWSUR.mjs';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-YKZEKJMZ.mjs';
 import { Input } from './chunk-STEP6C4C.mjs';
 import { cn } from './chunk-IMKLN273.mjs';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as React4 from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { MoreHorizontal, Trash2, Check, X, Plus, GripVertical, ChevronDown, ChevronRight, Filter, ArrowDown, ArrowUp, ListOrdered, WrapText, EyeOff, ChevronsDownUp, ChevronsUpDown, Text, List, CheckSquare, Calendar, Hash, BookOpen, Info, DollarSign, TrendingUp, CheckCircle2, AlertTriangle } from 'lucide-react';
-import * as React3 from 'react';
-import { flexRender, useReactTable, getExpandedRowModel, getCoreRowModel } from '@tanstack/react-table';
+import { useReactTable, getExpandedRowModel, getCoreRowModel, flexRender } from '@tanstack/react-table';
+import { BookOpen, Info, Calendar, DollarSign, TrendingUp, GripVertical, ChevronDown, ChevronRight, Filter, ArrowDown, ArrowUp, ListOrdered, WrapText, EyeOff, X, Plus, ChevronsDownUp, ChevronsUpDown, Text, List, CheckSquare, Hash, MoreHorizontal, Trash2, Check, CheckCircle2, AlertTriangle } from 'lucide-react';
 
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverAnchor = PopoverPrimitive.Anchor;
-function PopoverContent({
-  className,
-  align = "center",
-  sideOffset = 4,
-  ...props
+var FinanceDisplayContext = React4.createContext({
+  decimals: 0,
+  displayUnits: "actuals",
+  currencySignDisplay: "all"
+});
+var FinanceDecimalsContext = React4.createContext(0);
+function FinanceDisplayProvider({
+  decimals,
+  displayUnits = "actuals",
+  currencySignDisplay = "all",
+  children
 }) {
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    PopoverPrimitive.Content,
-    {
-      align,
-      sideOffset,
-      className: 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.useMemo(
+    () => ({ decimals, displayUnits, currencySignDisplay }),
+    [decimals, displayUnits, currencySignDisplay]
+  );
+  return /* @__PURE__ */ jsx(FinanceDisplayContext.Provider, { value, children: /* @__PURE__ */ jsx(FinanceDecimalsContext.Provider, { value: decimals, children }) });
 }
-function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
-    "table",
-    {
-      "data-slot": "table",
-      className: cn("w-full caption-bottom text-sm", className),
-      ...props
-    }
-  ) });
+function FinanceDecimalsProvider({
+  decimals,
+  children
+}) {
+  return /* @__PURE__ */ jsx(FinanceDisplayProvider, { decimals, children });
 }
-function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "thead",
-    {
-      "data-slot": "table-header",
-      className: cn("[&_tr]:border-b", className),
-      ...props
-    }
-  );
+function useFinanceDecimals() {
+  return React4.useContext(FinanceDecimalsContext);
 }
-function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "tbody",
-    {
-      "data-slot": "table-body",
-      className: cn("[&_tr:last-child]:border-0", className),
-      ...props
-    }
-  );
+function useFinanceDisplay() {
+  return React4.useContext(FinanceDisplayContext);
 }
-function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "tfoot",
-    {
-      "data-slot": "table-footer",
-      className: 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__ */ jsx(
-    "tr",
-    {
-      "data-slot": "table-row",
-      className: 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__ */ jsx(
-    "th",
-    {
-      "data-slot": "table-head",
-      className: 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.useState(() => {
+    if (typeof window === "undefined") return defaultValue;
+    const stored = localStorage.getItem(storageKey);
+    return stored !== null ? Number(stored) : defaultValue;
+  });
+  const setDecimals = React4.useCallback(
+    (v) => {
+      setDecimalsState(v);
+      if (typeof window !== "undefined") {
+        localStorage.setItem(storageKey, String(v));
+      }
+    },
+    [storageKey]
   );
+  return [decimals, setDecimals];
 }
-function TableCell({ className, ...props }) {
+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__ */ jsx(
-    "td",
+    "span",
     {
-      "data-slot": "table-cell",
       className: 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__ */ jsx(
-    "caption",
-    {
-      "data-slot": "table-caption",
-      className: 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",
@@ -202,16 +301,16 @@ function DataTableColumnFilterContent({
   placeholder,
   showDeleteMenu = true
 }) {
-  const [localValue, setLocalValue] = React3.useState(value ?? "");
-  const [operator, setOperator] = React3.useState("is");
-  React3.useEffect(() => setLocalValue(value ?? ""), [value]);
+  const [localValue, setLocalValue] = React4.useState(value ?? "");
+  const [operator, setOperator] = React4.useState("is");
+  React4.useEffect(() => setLocalValue(value ?? ""), [value]);
   const handleApply = () => onChange(localValue || void 0);
   const handleClear = () => {
     setLocalValue("");
     onClear?.();
     onChange(void 0);
   };
-  const selectedValues = React3.useMemo(() => {
+  const selectedValues = React4.useMemo(() => {
     if (!localValue) return /* @__PURE__ */ new Set();
     return new Set(localValue.split(",").filter(Boolean));
   }, [localValue]);
@@ -335,7 +434,7 @@ function DataTableColumnFilterContent({
         const colorValue = opt.color ? getColorValue(opt.color) : void 0;
         let iconElement = null;
         if (opt.icon) {
-          if (React3.isValidElement(opt.icon)) {
+          if (React4.isValidElement(opt.icon)) {
             iconElement = opt.icon;
           } else {
             const Icon = opt.icon;
@@ -391,37 +490,6 @@ function DataTableColumnFilterContent({
     ) })
   ] });
 }
-function DataTableColumnFilter({
-  column,
-  title,
-  filterType = "text",
-  filterOptions,
-  placeholder,
-  children,
-  onFilterChange
-}) {
-  const [open, setOpen] = React3.useState(false);
-  const current = column.getFilterValue();
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx(PopoverContent, { align: "start", className: "w-56 p-0", sideOffset: 4, children: /* @__PURE__ */ 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,
@@ -450,7 +518,7 @@ function DataTableFilterBadges({
                 "text-xs hover:bg-sky-100 dark:hover:bg-sky-900/40 transition-colors cursor-pointer"
               ),
               children: [
-                filter.icon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0 [&>svg]:size-3", children: React3.isValidElement(filter.icon) ? filter.icon : (() => {
+                filter.icon && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground shrink-0 [&>svg]:size-3", children: React4.isValidElement(filter.icon) ? filter.icon : (() => {
                   const Icon = filter.icon;
                   return /* @__PURE__ */ jsx(Icon, { className: "size-3" });
                 })() }),
@@ -521,16 +589,16 @@ function DataTableFilterBadges({
     }
   );
 }
-var DataTableContext = React3.createContext(null);
+var DataTableContext = React4.createContext(null);
 function useDataTableContext() {
-  return React3.useContext(DataTableContext);
+  return React4.useContext(DataTableContext);
 }
 function TreeExpandCycleButton({
   table,
   density
 }) {
-  const depthRef = React3.useRef(-1);
-  const maxDepth = React3.useMemo(() => {
+  const depthRef = React4.useRef(-1);
+  const maxDepth = React4.useMemo(() => {
     let max = 0;
     const walk = (rows) => {
       for (const row of rows) {
@@ -543,7 +611,7 @@ function TreeExpandCycleButton({
     );
     return max;
   }, [table]);
-  const handleClick = React3.useCallback(() => {
+  const handleClick = React4.useCallback(() => {
     const nextDepth = depthRef.current + 1;
     if (nextDepth > maxDepth) {
       table.toggleAllRowsExpanded(false);
@@ -634,21 +702,21 @@ function DataTable({
     md: "size-3",
     lg: "size-3.5"
   }[fontSize];
-  const [columnSizing, setColumnSizing] = React3.useState({});
-  const [resizingColumn, setResizingColumn] = React3.useState(
+  const [columnSizing, setColumnSizing] = React4.useState({});
+  const [resizingColumn, setResizingColumn] = React4.useState(
     null
   );
-  const [hoveredRowId, setHoveredRowId] = React3.useState(null);
-  const defaultColumnOrder = React3.useMemo(
+  const [hoveredRowId, setHoveredRowId] = React4.useState(null);
+  const defaultColumnOrder = React4.useMemo(
     () => columns.map(
       (col) => col.id ? col.id : "accessorKey" in col ? String(col.accessorKey) : ""
     ),
     [columns]
   );
-  const [internalColumnOrder, setInternalColumnOrder] = React3.useState(defaultColumnOrder);
+  const [internalColumnOrder, setInternalColumnOrder] = React4.useState(defaultColumnOrder);
   const columnOrder = externalColumnOrder ?? internalColumnOrder;
   const setColumnOrder = onColumnOrderChange ?? setInternalColumnOrder;
-  const renderedLeafColumns = React3.useMemo(() => {
+  const renderedLeafColumns = React4.useMemo(() => {
     let leafColumns = table.getVisibleLeafColumns();
     if (rowSelectionStyle === "hover" || enableRowDrag) {
       leafColumns = leafColumns.filter((column) => column.id !== "select");
@@ -664,14 +732,14 @@ function DataTable({
     }
     return leafColumns;
   }, [table, rowSelectionStyle, enableRowDrag, enableColumnDrag, columnOrder]);
-  const renderedLeafIndexById = React3.useMemo(() => {
+  const renderedLeafIndexById = React4.useMemo(() => {
     const indexById = /* @__PURE__ */ new Map();
     renderedLeafColumns.forEach((column, index) => {
       indexById.set(column.id, index);
     });
     return indexById;
   }, [renderedLeafColumns]);
-  const stickyLeafColumns = React3.useMemo(() => {
+  const stickyLeafColumns = React4.useMemo(() => {
     if (explicitStickyColumnIds && explicitStickyColumnIds.length > 0) {
       const stickyIdSet = new Set(explicitStickyColumnIds);
       return renderedLeafColumns.filter((column) => stickyIdSet.has(column.id));
@@ -679,11 +747,11 @@ function DataTable({
     if (!stickyColumns || stickyColumns <= 0) return [];
     return renderedLeafColumns.slice(0, stickyColumns);
   }, [renderedLeafColumns, stickyColumns, explicitStickyColumnIds]);
-  const stickyColumnIds = React3.useMemo(
+  const stickyColumnIds = React4.useMemo(
     () => new Set(stickyLeafColumns.map((column) => column.id)),
     [stickyLeafColumns]
   );
-  const stickyColumnLefts = React3.useMemo(() => {
+  const stickyColumnLefts = React4.useMemo(() => {
     const lefts = /* @__PURE__ */ new Map();
     let runningLeft = 0;
     for (const column of stickyLeafColumns) {
@@ -692,7 +760,7 @@ function DataTable({
     }
     return lefts;
   }, [stickyLeafColumns]);
-  const renderedTableWidth = React3.useMemo(() => {
+  const renderedTableWidth = React4.useMemo(() => {
     return renderedLeafColumns.reduce((total, column) => {
       const resizedWidth = columnSizing[column.id];
       const baseWidth = resizedWidth ?? column.getSize();
@@ -705,17 +773,17 @@ function DataTable({
       return total + clamped;
     }, 0);
   }, [renderedLeafColumns, columnSizing]);
-  const [internalColumnWrapping, setInternalColumnWrapping] = React3.useState({});
+  const [internalColumnWrapping, setInternalColumnWrapping] = React4.useState({});
   const columnWrapping = externalColumnWrapping ?? internalColumnWrapping;
   const setColumnWrapping = onColumnWrappingChange ?? setInternalColumnWrapping;
-  const [draggedColumnId, setDraggedColumnId] = React3.useState(
+  const [draggedColumnId, setDraggedColumnId] = React4.useState(
     null
   );
-  const [dragOverColumnId, setDragOverColumnId] = React3.useState(
+  const [dragOverColumnId, setDragOverColumnId] = React4.useState(
     null
   );
-  const [dragOverColumnPosition, setDragOverColumnPosition] = React3.useState(null);
-  const handleColumnDragStart = React3.useCallback(
+  const [dragOverColumnPosition, setDragOverColumnPosition] = React4.useState(null);
+  const handleColumnDragStart = React4.useCallback(
     (e, columnId) => {
       setDraggedColumnId(columnId);
       e.dataTransfer.effectAllowed = "move";
@@ -726,7 +794,7 @@ function DataTable({
     },
     []
   );
-  const handleColumnDragOver = React3.useCallback(
+  const handleColumnDragOver = React4.useCallback(
     (e, columnId) => {
       e.preventDefault();
       e.dataTransfer.dropEffect = "move";
@@ -740,11 +808,11 @@ function DataTable({
     },
     [draggedColumnId]
   );
-  const handleColumnDragLeave = React3.useCallback(() => {
+  const handleColumnDragLeave = React4.useCallback(() => {
     setDragOverColumnId(null);
     setDragOverColumnPosition(null);
   }, []);
-  const handleColumnDrop = React3.useCallback(
+  const handleColumnDrop = React4.useCallback(
     (e, targetColumnId) => {
       e.preventDefault();
       if (draggedColumnId && draggedColumnId !== targetColumnId) {
@@ -767,13 +835,13 @@ function DataTable({
     },
     [draggedColumnId, columnOrder, dragOverColumnPosition, setColumnOrder]
   );
-  const handleColumnDragEnd = React3.useCallback((e) => {
+  const handleColumnDragEnd = React4.useCallback((e) => {
     e.target.closest("th")?.classList.remove("opacity-50");
     setDraggedColumnId(null);
     setDragOverColumnId(null);
     setDragOverColumnPosition(null);
   }, []);
-  const toggleColumnWrapping = React3.useCallback(
+  const toggleColumnWrapping = React4.useCallback(
     (columnId) => {
       setColumnWrapping({
         ...columnWrapping,
@@ -782,14 +850,14 @@ function DataTable({
     },
     [columnWrapping, setColumnWrapping]
   );
-  const [draggedRowIndex, setDraggedRowIndex] = React3.useState(
+  const [draggedRowIndex, setDraggedRowIndex] = React4.useState(
     null
   );
-  const [dragOverRowIndex, setDragOverRowIndex] = React3.useState(
+  const [dragOverRowIndex, setDragOverRowIndex] = React4.useState(
     null
   );
-  const [dragOverPosition, setDragOverPosition] = React3.useState(null);
-  const handleRowDragStart = React3.useCallback(
+  const [dragOverPosition, setDragOverPosition] = React4.useState(null);
+  const handleRowDragStart = React4.useCallback(
     (e, rowIndex) => {
       setDraggedRowIndex(rowIndex);
       e.dataTransfer.effectAllowed = "move";
@@ -800,7 +868,7 @@ function DataTable({
     },
     []
   );
-  const handleRowDragOver = React3.useCallback(
+  const handleRowDragOver = React4.useCallback(
     (e, rowIndex) => {
       e.preventDefault();
       e.dataTransfer.dropEffect = "move";
@@ -814,11 +882,11 @@ function DataTable({
     },
     [draggedRowIndex]
   );
-  const handleRowDragLeave = React3.useCallback(() => {
+  const handleRowDragLeave = React4.useCallback(() => {
     setDragOverRowIndex(null);
     setDragOverPosition(null);
   }, []);
-  const handleRowDrop = React3.useCallback(
+  const handleRowDrop = React4.useCallback(
     (e, toIndex) => {
       e.preventDefault();
       const fromIndex = draggedRowIndex;
@@ -840,13 +908,13 @@ function DataTable({
     },
     [draggedRowIndex, dragOverPosition, onRowDragEnd]
   );
-  const handleRowDragEnd = React3.useCallback((e) => {
+  const handleRowDragEnd = React4.useCallback((e) => {
     e.target.closest("tr")?.classList.remove("opacity-50");
     setDraggedRowIndex(null);
     setDragOverRowIndex(null);
     setDragOverPosition(null);
   }, []);
-  const handleResizeStart = React3.useCallback(
+  const handleResizeStart = React4.useCallback(
     (columnId, startX, startWidth) => {
       setResizingColumn(columnId);
       const handleMouseMove = (e) => {
@@ -868,7 +936,7 @@ function DataTable({
     },
     []
   );
-  const contextValue = React3.useMemo(
+  const contextValue = React4.useMemo(
     () => ({
       columnWrapping,
       toggleColumnWrapping,
@@ -1496,9 +1564,9 @@ function DataTableColumnHeader({
   const resolvedFilterType = filterType ?? meta?.filterType ?? "text";
   const resolvedFilterOptions = filterOptions ?? meta?.filterOptions;
   const filterPlaceholder = meta?.filterPlaceholder;
-  const [isOpen, setIsOpen] = React3.useState(false);
-  const mouseDownPosRef = React3.useRef(null);
-  const didDragRef = React3.useRef(false);
+  const [isOpen, setIsOpen] = React4.useState(false);
+  const mouseDownPosRef = React4.useRef(null);
+  const didDragRef = React4.useRef(false);
   const canDrag = dataTableContext?.enableColumnDrag ?? false;
   const handleMouseDown = (e) => {
     mouseDownPosRef.current = { x: e.clientX, y: e.clientY };
@@ -1678,221 +1746,6 @@ function DataTableColumnHeader({
     ] })
   ] }) });
 }
-var FinanceDisplayContext = React3.createContext({
-  decimals: 0,
-  displayUnits: "actuals",
-  currencySignDisplay: "all"
-});
-var FinanceDecimalsContext = React3.createContext(0);
-function FinanceDisplayProvider({
-  decimals,
-  displayUnits = "actuals",
-  currencySignDisplay = "all",
-  children
-}) {
-  const value = React3.useMemo(
-    () => ({ decimals, displayUnits, currencySignDisplay }),
-    [decimals, displayUnits, currencySignDisplay]
-  );
-  return /* @__PURE__ */ jsx(FinanceDisplayContext.Provider, { value, children: /* @__PURE__ */ jsx(FinanceDecimalsContext.Provider, { value: decimals, children }) });
-}
-function FinanceDecimalsProvider({
-  decimals,
-  children
-}) {
-  return /* @__PURE__ */ jsx(FinanceDisplayProvider, { decimals, children });
-}
-function useFinanceDecimals() {
-  return React3.useContext(FinanceDecimalsContext);
-}
-function useFinanceDisplay() {
-  return React3.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.useState(() => {
-    if (typeof window === "undefined") return defaultValue;
-    const stored = localStorage.getItem(storageKey);
-    return stored !== null ? Number(stored) : defaultValue;
-  });
-  const setDecimals = React3.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__ */ jsx(
-    "span",
-    {
-      className: 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);
@@ -2685,25 +2538,25 @@ function FinancialStatementTable({
   className,
   rowImportanceResolver
 }) {
-  const [expanded, setExpanded] = React3.useState({});
-  const [columnVisibility, setColumnVisibility] = React3.useState({});
-  const [viewportLayout, setViewportLayout] = React3.useState("unknown");
-  const { rows: rawRows, periods } = React3.useMemo(
+  const [expanded, setExpanded] = React4.useState({});
+  const [columnVisibility, setColumnVisibility] = React4.useState({});
+  const [viewportLayout, setViewportLayout] = React4.useState("unknown");
+  const { rows: rawRows, periods } = React4.useMemo(
     () => buildFinancialStatementData(data, config, timeUnit, subtotalRules, {
       preserveEmptySections
     }),
     [data, config, timeUnit, subtotalRules, preserveEmptySections]
   );
-  const rows = React3.useMemo(
+  const rows = React4.useMemo(
     () => hideZeroRows ? filterZeroRows(rawRows) : rawRows,
     [rawRows, hideZeroRows]
   );
-  const orderedPeriods = React3.useMemo(
+  const orderedPeriods = React4.useMemo(
     () => resolvePeriodColumns(periods, timeUnit, periodOrder, periodColumnOrder),
     [periods, timeUnit, periodOrder, periodColumnOrder]
   );
   const effectiveShowRowTotals = isMobile && mobileCompareEnabled ? false : showRowTotals;
-  const columns = React3.useMemo(
+  const columns = React4.useMemo(
     () => buildColumns(
       orderedPeriods,
       timeUnit,
@@ -2735,7 +2588,7 @@ function FinancialStatementTable({
       accountColumnMenuItems
     ]
   );
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (typeof window === "undefined") return;
     const updateViewportLayout = () => {
       setViewportLayout(
@@ -2750,7 +2603,7 @@ function FinancialStatementTable({
       window.removeEventListener("orientationchange", updateViewportLayout);
     };
   }, []);
-  React3.useEffect(() => {
+  React4.useEffect(() => {
     if (rows.length === 0) return;
     const toExpand = {};
     for (const row of rows) {
@@ -2859,74 +2712,4 @@ 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);
-}
-
-export { BALANCE_SHEET_CONFIG, DataTable, DataTableColumnFilter, DataTableColumnFilterContent, DataTableColumnHeader, DataTableContext, DataTableCurrencyCell, DataTableFilterBadges, FinanceDecimalsProvider, FinanceDisplayProvider, FinancialStatementTable, INCOME_STATEMENT_CONFIG, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, buildFinancialStatementData, buildSpreadsheetWorkbookXml, calculateDesktopFinancialColumnSizing, createFinancialStatementRowImportanceResolver, downloadExcelXml, excelColumnName, flattenStatementForExport, formatCurrencyValue, getFinancialStatementRowImportanceClassName, getUnitDivisor, getUnitLabel, getUnitSuffix, resolvePeriodColumns, useDataTableContext, useFinanceDecimals, useFinanceDecimalsSetting, useFinanceDisplay };
+export { BALANCE_SHEET_CONFIG, DataTableCurrencyCell, FinanceDecimalsProvider, FinanceDisplayProvider, FinancialStatementTable, INCOME_STATEMENT_CONFIG, buildFinancialStatementData, calculateDesktopFinancialColumnSizing, createFinancialStatementRowImportanceResolver, flattenStatementForExport, formatCurrencyValue, getFinancialStatementRowImportanceClassName, getUnitDivisor, getUnitLabel, getUnitSuffix, resolvePeriodColumns, useFinanceDecimals, useFinanceDecimalsSetting, useFinanceDisplay };