@particle-academy/fancy-sheets 0.7.5 → 0.7.6

package/README.md

@@ -1,5 +1,7 @@
 # @particle-academy/fancy-sheets
 
+[![Fancified](art/fancified.svg)](https://particle.academy)
+
 A full-featured spreadsheet component with formulas, formatting, selection, multi-sheet workbooks, clipboard, CSV import/export, and undo/redo. Custom engine — no third-party dependency.
 
 ## Installation

package/dist/index.cjs

@@ -1561,7 +1561,7 @@ function reducer(state, action) {
       };
     }
     case "SET_WORKBOOK":
-      return { ...state, workbook: action.workbook };
+      return { ...state, workbook: recalculateWorkbook(action.workbook) };
     default:
       return state;
   }
@@ -2260,7 +2260,13 @@ function SpreadsheetGrid({ className }) {
               return /* @__PURE__ */ jsxRuntime.jsxs(
                 "div",
                 {
-                  className: "flex",
+                  className: reactFancy.cn(
+                    "flex",
+                    // Frozen rows need a solid background so scrolling content
+                    // doesn't bleed through any cell-level transparency
+                    // (highlight overlays, alpha format colors, etc.).
+                    isFrozenRow && "bg-white dark:bg-zinc-900"
+                  ),
                   style: isFrozenRow ? {
                     position: "sticky",
                     top: rowHeight + rowIdx * rowHeight,
@@ -2274,6 +2280,12 @@ function SpreadsheetGrid({ className }) {
                       return /* @__PURE__ */ jsxRuntime.jsx(
                         "div",
                         {
+                          className: reactFancy.cn(
+                            // Same solid-background guarantee for frozen
+                            // columns — keeps the column opaque while content
+                            // scrolls horizontally underneath.
+                            isFrozenCol && "bg-white dark:bg-zinc-900"
+                          ),
                           style: isFrozenCol ? {
                             position: "sticky",
                             left: 48 + Array.from({ length: colIdx }, (_3, c) => getColumnWidth(c)).reduce((a, b) => a + b, 0),