@rowsncolumns/spreadsheet 10.2.68

package/dist/cjs/hooks/use-touch.js

@@ -0,0 +1,237 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTouch = void 0;
+var tslib_1 = require("tslib");
+var grid_1 = require("@rowsncolumns/grid");
+var grid_2 = require("@rowsncolumns/grid");
+var utils_1 = require("@rowsncolumns/utils");
+var utils_2 = require("@rowsncolumns/utils");
+var react_1 = require("react");
+var helpers_1 = require("../helpers");
+var scroller_1 = require("./../api/scroller");
+var PINCH_ACTIVATION_THRESHOLD_PX = 4;
+var getTouchDistance = function (touches) {
+    if (touches.length < 2) {
+        return 0;
+    }
+    var dx = touches[0].pageX - touches[1].pageX;
+    var dy = touches[0].pageY - touches[1].pageY;
+    return Math.hypot(dx, dy);
+};
+var getTouchCenter = function (touches) {
+    var _a, _b, _c, _d;
+    if (touches.length < 2) {
+        return { pageX: (_b = (_a = touches[0]) === null || _a === void 0 ? void 0 : _a.pageX) !== null && _b !== void 0 ? _b : 0, pageY: (_d = (_c = touches[0]) === null || _c === void 0 ? void 0 : _c.pageY) !== null && _d !== void 0 ? _d : 0 };
+    }
+    return {
+        pageX: (touches[0].pageX + touches[1].pageX) / 2,
+        pageY: (touches[0].pageY + touches[1].pageY) / 2,
+    };
+};
+var useTouch = function (_a) {
+    var scrollTo = _a.scrollTo, _b = _a.scale, scale = _b === void 0 ? 1 : _b, onChangeScale = _a.onChangeScale, _c = _a.minScale, minScale = _c === void 0 ? 0.25 : _c, _d = _a.maxScale, maxScale = _d === void 0 ? 4 : _d;
+    var scrollerRef = (0, react_1.useRef)(null);
+    var isImmediateRef = (0, react_1.useRef)(false);
+    var scaleRef = (0, react_1.useRef)(scale);
+    var prevScaleRef = (0, react_1.useRef)(scale);
+    var pinchStartDistanceRef = (0, react_1.useRef)(null);
+    var pinchWarmupDistanceRef = (0, react_1.useRef)(null);
+    var pinchActivatedRef = (0, react_1.useRef)(false);
+    var pinchCenterRef = (0, react_1.useRef)(null);
+    var pinchStartScrollerZoomRef = (0, react_1.useRef)(scale);
+    var pinchStartExternalScaleRef = (0, react_1.useRef)(scale);
+    var onDimensionChangeThrottler = (0, react_1.useRef)(undefined);
+    var initialTouchesRef = (0, react_1.useRef)([0, 0]);
+    var onTouchScroll = (0, react_1.useCallback)(function (scrollLeft, scrollTop, zoom) {
+        if (Math.abs(zoom - scaleRef.current) > 0.0001) {
+            scaleRef.current = zoom;
+            prevScaleRef.current = zoom;
+            onChangeScale === null || onChangeScale === void 0 ? void 0 : onChangeScale(zoom);
+        }
+        // Check if this is a single tap
+        var _a = tslib_1.__read(initialTouchesRef.current, 2), initialScrollLeft = _a[0], initialScrollTop = _a[1];
+        if (initialScrollLeft === scrollLeft && initialScrollTop === scrollTop) {
+            return;
+        }
+        scrollTo({
+            scrollLeft: scrollLeft,
+            scrollTop: scrollTop,
+        }, isImmediateRef.current);
+        isImmediateRef.current = false;
+    }, [scrollTo, onChangeScale]);
+    var getScroller = (0, react_1.useCallback)(function () {
+        if (!scrollerRef.current && helpers_1.isTouchDevice && utils_1.canUseDOM) {
+            scrollerRef.current = new scroller_1.Scroller(onTouchScroll, {
+                scrollingX: true,
+                scrollingY: true,
+                zooming: true,
+                minZoom: minScale,
+                maxZoom: maxScale,
+                penetrationAcceleration: 0.08,
+                bouncing: false,
+            });
+        }
+        return scrollerRef.current;
+    }, [onTouchScroll, minScale, maxScale]);
+    var scrollToTouchDevice = (0, react_1.useCallback)(function (_a) {
+        var _b;
+        var scrollLeft = _a.scrollLeft, scrollTop = _a.scrollTop;
+        isImmediateRef.current = true;
+        (_b = getScroller()) === null || _b === void 0 ? void 0 : _b.scrollTo(scrollLeft, scrollTop);
+    }, [getScroller]);
+    var onAfterScrollToCell = (0, react_1.useCallback)(function (scrollLeft, scrollTop) {
+        if (!helpers_1.isTouchDevice) {
+            return;
+        }
+        var scroller = getScroller();
+        if (scroller && !(0, utils_2.isNil)(scrollLeft)) {
+            scroller.__scrollLeft = scrollLeft;
+        }
+        if (scroller && !(0, utils_2.isNil)(scrollTop)) {
+            scroller.__scrollTop = scrollTop;
+        }
+    }, [getScroller]);
+    var onTouchMove = (0, react_1.useCallback)(function (e) {
+        var _a, _b, _c, _d;
+        var scroller = getScroller();
+        if (!scroller) {
+            return;
+        }
+        var pinchScale = undefined;
+        if (e.touches.length === 2) {
+            var currentDistance = getTouchDistance(e.touches);
+            var warmupDistance = (_a = pinchWarmupDistanceRef.current) !== null && _a !== void 0 ? _a : currentDistance;
+            if (!pinchActivatedRef.current) {
+                var distanceDelta = Math.abs(currentDistance - warmupDistance);
+                if (distanceDelta < PINCH_ACTIVATION_THRESHOLD_PX) {
+                    if (e.cancelable) {
+                        e.preventDefault();
+                    }
+                    var pinchCenter_1 = (_b = pinchCenterRef.current) !== null && _b !== void 0 ? _b : getTouchCenter(e.touches);
+                    var halfDistance_1 = warmupDistance / 2;
+                    var warmupTouches = [
+                        {
+                            pageX: pinchCenter_1.pageX - halfDistance_1,
+                            pageY: pinchCenter_1.pageY,
+                        },
+                        {
+                            pageX: pinchCenter_1.pageX + halfDistance_1,
+                            pageY: pinchCenter_1.pageY,
+                        },
+                    ];
+                    scroller.doTouchMove(warmupTouches, e.timeStamp, 1);
+                    return;
+                }
+                pinchActivatedRef.current = true;
+                pinchStartDistanceRef.current = currentDistance;
+            }
+            var pinchStartDistance = (_c = pinchStartDistanceRef.current) !== null && _c !== void 0 ? _c : currentDistance;
+            if (pinchStartDistance > 0 && currentDistance > 0) {
+                var ratio = currentDistance / pinchStartDistance;
+                var scrollerZoom = pinchStartScrollerZoomRef.current || 1;
+                var externalScale = pinchStartExternalScaleRef.current || 1;
+                var correctionFactor = externalScale / scrollerZoom;
+                pinchScale = ratio * correctionFactor;
+            }
+            if (e.cancelable) {
+                e.preventDefault();
+            }
+            var pinchCenter = (_d = pinchCenterRef.current) !== null && _d !== void 0 ? _d : getTouchCenter(e.touches);
+            var halfDistance = currentDistance / 2;
+            var pinchTouches = [
+                {
+                    pageX: pinchCenter.pageX - halfDistance,
+                    pageY: pinchCenter.pageY,
+                },
+                {
+                    pageX: pinchCenter.pageX + halfDistance,
+                    pageY: pinchCenter.pageY,
+                },
+            ];
+            scroller.doTouchMove(pinchTouches, e.timeStamp, pinchScale);
+            return;
+        }
+        scroller.doTouchMove(e.touches, e.timeStamp, pinchScale);
+    }, [getScroller]);
+    var onTouchEnd = (0, react_1.useCallback)(function (e) {
+        var _a;
+        (_a = getScroller()) === null || _a === void 0 ? void 0 : _a.doTouchEnd(e.timeStamp);
+        pinchStartDistanceRef.current = null;
+        pinchWarmupDistanceRef.current = null;
+        pinchActivatedRef.current = false;
+        pinchCenterRef.current = null;
+        // Remove listeners
+        document.removeEventListener("touchmove", onTouchMove, false);
+        document.removeEventListener("touchend", onTouchEnd, false);
+        document.removeEventListener("touchcancel", onTouchEnd, false);
+    }, [getScroller, onTouchMove]);
+    // Touch start
+    var onTouchStart = (0, react_1.useCallback)(function (event) {
+        var _a, _b;
+        // Fail early
+        if (!helpers_1.isTouchDevice || (0, utils_1.isFocusable)(event.target)) {
+            return;
+        }
+        var scroller = getScroller();
+        if (!scroller) {
+            return;
+        }
+        initialTouchesRef.current = [scroller.__scrollLeft, scroller.__scrollTop];
+        var isPinch = event.touches.length === 2;
+        pinchStartDistanceRef.current = null;
+        pinchWarmupDistanceRef.current = isPinch
+            ? getTouchDistance(event.touches)
+            : null;
+        pinchActivatedRef.current = false;
+        pinchCenterRef.current = isPinch ? getTouchCenter(event.touches) : null;
+        pinchStartExternalScaleRef.current = scaleRef.current;
+        pinchStartScrollerZoomRef.current =
+            (_a = scroller.__zoomLevel) !== null && _a !== void 0 ? _a : scaleRef.current;
+        (_b = getScroller()) === null || _b === void 0 ? void 0 : _b.doTouchStart(event.touches, event.timeStamp);
+        // event.preventDefault();
+        document.addEventListener("touchmove", onTouchMove, { passive: false });
+        document.addEventListener("touchend", onTouchEnd, false);
+        document.addEventListener("touchcancel", onTouchEnd, false);
+    }, [getScroller, onTouchMove, onTouchEnd]);
+    // Callback when grid dimensions change
+    var onDimensionsChange = (0, react_1.useCallback)(function (_a) {
+        var _b;
+        var containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, estimatedTotalWidth = _a.estimatedTotalWidth, estimatedTotalHeight = _a.estimatedTotalHeight;
+        // Not a touch device
+        if (!helpers_1.isTouchDevice) {
+            return;
+        }
+        var scroller = getScroller();
+        if (!scroller) {
+            return;
+        }
+        if (scroller.__clientWidth === containerWidth &&
+            scroller.__clientHeight === containerHeight &&
+            scroller.__contentWidth === estimatedTotalWidth &&
+            scroller.__contentHeight === estimatedTotalHeight) {
+            return;
+        }
+        (_b = getScroller()) === null || _b === void 0 ? void 0 : _b.setDimensions(containerWidth, containerHeight, estimatedTotalWidth, estimatedTotalHeight);
+    }, [getScroller]);
+    (0, grid_1.useIsomorphicLayoutEffect)(function () {
+        onDimensionChangeThrottler.current = (0, grid_2.throttle)(onDimensionsChange, 300);
+    }, [onDimensionsChange]);
+    (0, grid_1.useIsomorphicLayoutEffect)(function () {
+        scaleRef.current = scale;
+        var scroller = scrollerRef.current;
+        if (!helpers_1.isTouchDevice ||
+            !scroller ||
+            Math.abs(prevScaleRef.current - scale) <= 0.0001) {
+            return;
+        }
+        prevScaleRef.current = scale;
+        scroller.scrollTo(scroller.__scrollLeft, scroller.__scrollTop, false, scale);
+    }, [scale]);
+    return {
+        onTouchStart: onTouchStart,
+        onDimensionsChange: onDimensionChangeThrottler.current,
+        scrollToTouchDevice: scrollToTouchDevice,
+        onAfterScrollToCell: onAfterScrollToCell,
+    };
+};
+exports.useTouch = useTouch;

package/dist/cjs/index.d.ts

@@ -0,0 +1,69 @@
+export * from "./components/canvas-grid";
+export * from "./components/canvas-grid/typings";
+export * from "./components/canvas-grid/helpers";
+export * from "./providers/spreadsheet-provider";
+export * from "./components/sheet-switcher";
+export * from "./components/sheet-switcher/new-sheet-button";
+export * from "./components/sheet-status";
+export * from "./components/cell-tooltip";
+export * from "./components/insert-function-dialog";
+export * from "./components/sort-range-dialog";
+export * from "./components/validation-alert-dialog";
+export * from "./components/cell-input";
+export * from "./components/formula-bar";
+export * from "./components/bottom-bar";
+export * from "./components/range-selector";
+export * from "./components/embeds";
+export * from "./components/sheet-search";
+export * from "./components/print-preview";
+export * from "./components/floating-cell-editor";
+export * from "./components/grid-footer";
+export * from "./components/outline-gutter";
+export { LoadingIndicator } from "./components/loading-indicator";
+export * from "./components/embeds/embed-component";
+export * from "./components/embeds/shape-svg";
+export * from "./components/embeds/shape-geometry";
+export * from "./helpers";
+export * from "./types";
+export * from "./config";
+export * from "./atoms";
+export * from "./api/validation";
+export * from "./api/copy-paste";
+export * from "./api/selections";
+export * from "./api/table";
+export * from "./api/heatmap";
+export * from "./api/banded-ranges";
+export * from "./api/cf-overlays";
+export * from "./api/cf-engine";
+export * from "./api/fill-patterns";
+export type { AvailableIcon } from "./components/filter-box";
+export * from "./hooks";
+export * from "./components/cell/typings";
+export * from "./components/header-cell/index";
+export * from "./components/formula-input";
+export * from "./components/selection-input";
+export * from "./components/cell";
+export * from "./components/header-cell";
+export * from "./components/cell-editor";
+export * from "./components/context-menu";
+export { StyledFakeTriggerButton } from "./components/context-menu/style";
+export { type ContextMenuWrapperProps } from "./hooks/use-context-menu";
+export * from "./api/scheduler";
+export * from "./themes";
+export * from "./signals/scroll-subscriber";
+export type { PasteSpecialType } from "./hooks/use-copy-paste-cut";
+export * from "./hooks/use-formula-range-helpers";
+export * from "./components/cell-structured";
+export * from "./components/cell-structured/types";
+export * from "./components/selection/types";
+export * from "./components/selection/magic-fill";
+export * from "./components/selection/quick-edit";
+export * from "./components/selection/paste-menu";
+export * from "./components/selection/suggestion-action";
+export * from "./components/hidden-markers";
+export * from "./components/selection/title";
+export * from "./components/sheet-tabs";
+export * from "./components/sheet-tabs/types";
+export * from "./components/sheet-tabs/context-menu";
+export * from "./components/toolbar";
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.tsx"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AAEjD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,8CAA8C,CAAC;AAC7D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sCAAsC,CAAC;AACrD,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,mCAAmC,CAAC;AAClD,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AAEnD,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,cAAc,SAAS,CAAC;AACxB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AACxE,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,6BAA6B,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AACnE,cAAc,mCAAmC,CAAC;AAGlD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,oCAAoC,CAAC;AAGnD,cAAc,8BAA8B,CAAC;AAG7C,cAAc,mCAAmC,CAAC;AAGlD,cAAc,mCAAmC,CAAC;AAGlD,cAAc,mCAAmC,CAAC;AAGlD,cAAc,0CAA0C,CAAC;AAGzD,cAAc,6BAA6B,CAAC;AAG5C,cAAc,8BAA8B,CAAC;AAG7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sCAAsC,CAAC;AAGrD,cAAc,sBAAsB,CAAC"}

package/dist/cjs/index.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledFakeTriggerButton = exports.LoadingIndicator = void 0;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./components/canvas-grid"), exports);
+tslib_1.__exportStar(require("./components/canvas-grid/typings"), exports);
+tslib_1.__exportStar(require("./components/canvas-grid/helpers"), exports);
+tslib_1.__exportStar(require("./providers/spreadsheet-provider"), exports);
+tslib_1.__exportStar(require("./components/sheet-switcher"), exports);
+tslib_1.__exportStar(require("./components/sheet-switcher/new-sheet-button"), exports);
+tslib_1.__exportStar(require("./components/sheet-status"), exports);
+tslib_1.__exportStar(require("./components/cell-tooltip"), exports);
+tslib_1.__exportStar(require("./components/insert-function-dialog"), exports);
+tslib_1.__exportStar(require("./components/sort-range-dialog"), exports);
+tslib_1.__exportStar(require("./components/validation-alert-dialog"), exports);
+tslib_1.__exportStar(require("./components/cell-input"), exports);
+tslib_1.__exportStar(require("./components/formula-bar"), exports);
+tslib_1.__exportStar(require("./components/bottom-bar"), exports);
+tslib_1.__exportStar(require("./components/range-selector"), exports);
+tslib_1.__exportStar(require("./components/embeds"), exports);
+tslib_1.__exportStar(require("./components/sheet-search"), exports);
+tslib_1.__exportStar(require("./components/print-preview"), exports);
+tslib_1.__exportStar(require("./components/floating-cell-editor"), exports);
+tslib_1.__exportStar(require("./components/grid-footer"), exports);
+tslib_1.__exportStar(require("./components/outline-gutter"), exports);
+var loading_indicator_1 = require("./components/loading-indicator");
+Object.defineProperty(exports, "LoadingIndicator", { enumerable: true, get: function () { return loading_indicator_1.LoadingIndicator; } });
+tslib_1.__exportStar(require("./components/embeds/embed-component"), exports);
+tslib_1.__exportStar(require("./components/embeds/shape-svg"), exports);
+tslib_1.__exportStar(require("./components/embeds/shape-geometry"), exports);
+tslib_1.__exportStar(require("./helpers"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./config"), exports);
+tslib_1.__exportStar(require("./atoms"), exports);
+tslib_1.__exportStar(require("./api/validation"), exports);
+tslib_1.__exportStar(require("./api/copy-paste"), exports);
+tslib_1.__exportStar(require("./api/selections"), exports);
+tslib_1.__exportStar(require("./api/table"), exports);
+tslib_1.__exportStar(require("./api/heatmap"), exports);
+tslib_1.__exportStar(require("./api/banded-ranges"), exports);
+tslib_1.__exportStar(require("./api/cf-overlays"), exports);
+tslib_1.__exportStar(require("./api/cf-engine"), exports);
+tslib_1.__exportStar(require("./api/fill-patterns"), exports);
+tslib_1.__exportStar(require("./hooks"), exports);
+tslib_1.__exportStar(require("./components/cell/typings"), exports);
+tslib_1.__exportStar(require("./components/header-cell/index"), exports);
+tslib_1.__exportStar(require("./components/formula-input"), exports);
+tslib_1.__exportStar(require("./components/selection-input"), exports);
+tslib_1.__exportStar(require("./components/cell"), exports);
+tslib_1.__exportStar(require("./components/header-cell"), exports);
+tslib_1.__exportStar(require("./components/cell-editor"), exports);
+tslib_1.__exportStar(require("./components/context-menu"), exports);
+var style_1 = require("./components/context-menu/style");
+Object.defineProperty(exports, "StyledFakeTriggerButton", { enumerable: true, get: function () { return style_1.StyledFakeTriggerButton; } });
+tslib_1.__exportStar(require("./api/scheduler"), exports);
+tslib_1.__exportStar(require("./themes"), exports);
+tslib_1.__exportStar(require("./signals/scroll-subscriber"), exports);
+tslib_1.__exportStar(require("./hooks/use-formula-range-helpers"), exports);
+// Components and types
+tslib_1.__exportStar(require("./components/cell-structured"), exports);
+tslib_1.__exportStar(require("./components/cell-structured/types"), exports);
+// Selection
+tslib_1.__exportStar(require("./components/selection/types"), exports);
+// Magic fill
+tslib_1.__exportStar(require("./components/selection/magic-fill"), exports);
+// Quick edit
+tslib_1.__exportStar(require("./components/selection/quick-edit"), exports);
+// Paste menu
+tslib_1.__exportStar(require("./components/selection/paste-menu"), exports);
+// Agent suggestion action
+tslib_1.__exportStar(require("./components/selection/suggestion-action"), exports);
+// Hidden row/column markers
+tslib_1.__exportStar(require("./components/hidden-markers"), exports);
+// Selection title
+tslib_1.__exportStar(require("./components/selection/title"), exports);
+// Sheet tabs
+tslib_1.__exportStar(require("./components/sheet-tabs"), exports);
+tslib_1.__exportStar(require("./components/sheet-tabs/types"), exports);
+tslib_1.__exportStar(require("./components/sheet-tabs/context-menu"), exports);
+// Toolbar
+tslib_1.__exportStar(require("./components/toolbar"), exports);

package/dist/cjs/providers/spreadsheet-provider.d.ts

@@ -0,0 +1,25 @@
+import type { FC } from "react";
+import type { ReactNode } from "react";
+import type { SpreadsheetApi } from "../api/spreadsheet-api";
+type Props = {
+    children?: ReactNode;
+};
+export declare const multiInstanceStore: {
+    get: <Value>(atom: import("jotai").Atom<Value>) => Value;
+    set: <Value, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value, Args, Result>, ...args: Args) => Result;
+    sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
+} | ({
+    get: <Value>(atom: import("jotai").Atom<Value>) => Value;
+    set: <Value, Args extends unknown[], Result>(atom: import("jotai").WritableAtom<Value, Args, Result>, ...args: Args) => Result;
+    sub: (atom: import("jotai").Atom<unknown>, listener: () => void) => () => void;
+} & import("jotai/vanilla/store").INTERNAL_DevStoreRev4);
+export declare const multiInstanceAtom: import("jotai").PrimitiveAtom<Map<string, SpreadsheetApi<import("@rowsncolumns/common-types").CellData>>> & {
+    init: Map<string, SpreadsheetApi<import("@rowsncolumns/common-types").CellData>>;
+};
+export declare const useSpreadsheetInstances: () => Map<string, SpreadsheetApi<import("@rowsncolumns/common-types").CellData>>;
+export declare const SpreadsheetProvider: FC<Props>;
+export declare const SpreadsheetStateProvider: FC<Props>;
+export declare const SpreadsheetMultiInstanceProvider: FC<Props>;
+export declare const SpreadsheetTooltipProvider: FC<Props>;
+export {};
+//# sourceMappingURL=spreadsheet-provider.d.ts.map

package/dist/cjs/providers/spreadsheet-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spreadsheet-provider.d.ts","sourceRoot":"","sources":["../../../providers/spreadsheet-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,KAAK,KAAK,GAAG;IACX,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;0GAqCswE,GAAI;;;;0GAAJ,GAAI;;wDArC1vE,CAAC;AAEhD,eAAO,MAAM,iBAAiB;;CAA+C,CAAC;AAM9E,eAAO,MAAM,uBAAuB,kFAEnC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAQzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,EAAE,CAAC,KAAK,CAM9C,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,EAAE,CAAC,KAAK,CAEtD,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,EAAE,CAAC,KAAK,CAEhD,CAAC"}

package/dist/cjs/providers/spreadsheet-provider.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpreadsheetTooltipProvider = exports.SpreadsheetMultiInstanceProvider = exports.SpreadsheetStateProvider = exports.SpreadsheetProvider = exports.useSpreadsheetInstances = exports.multiInstanceAtom = exports.multiInstanceStore = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var jotai_1 = require("jotai");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.multiInstanceStore = (0, jotai_1.createStore)();
+// Create atom
+exports.multiInstanceAtom = (0, jotai_1.atom)(new Map());
+// Initialize the atom in multiInstanceStore
+exports.multiInstanceStore.set(exports.multiInstanceAtom, new Map());
+// Create scoped hooks that ONLY work with multiInstanceStore
+var useSpreadsheetInstances = function () {
+    return (0, jotai_1.useAtomValue)(exports.multiInstanceAtom, { store: exports.multiInstanceStore });
+};
+exports.useSpreadsheetInstances = useSpreadsheetInstances;
+var SpreadsheetProvider = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(jotai_1.Provider, null,
+        react_1.default.createElement(ui_1.ModalProvider, null,
+            react_1.default.createElement(ui_1.TooltipProvider, null, children))));
+};
+exports.SpreadsheetProvider = SpreadsheetProvider;
+var SpreadsheetStateProvider = function (_a) {
+    var children = _a.children;
+    return (react_1.default.createElement(jotai_1.Provider, null,
+        react_1.default.createElement(ui_1.ModalProvider, null, children)));
+};
+exports.SpreadsheetStateProvider = SpreadsheetStateProvider;
+var SpreadsheetMultiInstanceProvider = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(jotai_1.Provider, { store: exports.multiInstanceStore }, children);
+};
+exports.SpreadsheetMultiInstanceProvider = SpreadsheetMultiInstanceProvider;
+var SpreadsheetTooltipProvider = function (_a) {
+    var children = _a.children;
+    return react_1.default.createElement(ui_1.TooltipProvider, null, children);
+};
+exports.SpreadsheetTooltipProvider = SpreadsheetTooltipProvider;

package/dist/cjs/release-date.d.ts

@@ -0,0 +1,2 @@
+export declare const releaseDate: any;
+//# sourceMappingURL=release-date.d.ts.map

package/dist/cjs/release-date.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"release-date.d.ts","sourceRoot":"","sources":["../../release-date.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAEuC,CAAC"}

package/dist/cjs/release-date.js

@@ -0,0 +1,7 @@
+"use strict";
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.releaseDate = void 0;
+exports.releaseDate = 
+// @ts-ignore
+(_a = new Date("2026-09-01")) !== null && _a !== void 0 ? _a : new Date("2025-06-18");

package/dist/cjs/signals/scroll-subscriber.d.ts

@@ -0,0 +1,4 @@
+import type { ScrollCoords } from "@rowsncolumns/grid";
+import { Subject } from "rxjs";
+export declare const scrollSubscriber: Subject<ScrollCoords>;
+//# sourceMappingURL=scroll-subscriber.d.ts.map

package/dist/cjs/signals/scroll-subscriber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-subscriber.d.ts","sourceRoot":"","sources":["../../../signals/scroll-subscriber.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAE/B,eAAO,MAAM,gBAAgB,uBAA8B,CAAC"}

package/dist/cjs/signals/scroll-subscriber.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.scrollSubscriber = void 0;
+var rxjs_1 = require("rxjs");
+exports.scrollSubscriber = new rxjs_1.Subject();

package/dist/cjs/test-setup.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=test-setup.d.ts.map

package/dist/cjs/test-setup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"test-setup.d.ts","sourceRoot":"","sources":["../../test-setup.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,CAAC"}

package/dist/cjs/test-setup.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var webcrypto_1 = require("@peculiar/webcrypto");
+var vitest_1 = require("vitest");
+global.ResizeObserver = vitest_1.vi.fn().mockImplementation(function () { return ({
+    observe: vitest_1.vi.fn(),
+    unobserve: vitest_1.vi.fn(),
+    disconnect: vitest_1.vi.fn(),
+}); });
+vitest_1.vi.mock("./hooks/use-resize-observer", function () { return ({
+    useResizeObserver: vitest_1.vi
+        .fn()
+        .mockReturnValue([null, { width: 100, height: 100 }]),
+}); });
+Object.defineProperty(window, "crypto", {
+    value: new webcrypto_1.Crypto(),
+});

package/dist/cjs/themes.d.ts

@@ -0,0 +1,13 @@
+import type { SpreadsheetTheme, ThemeColors } from "./components/canvas-grid/typings";
+import type { Color } from "./types";
+export declare const availableThemes: SpreadsheetTheme[];
+export declare const STANDARD_COLORS: string[];
+export declare const colorKeys: Map<ColorIndex, ThemeColors>;
+export type ColorIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
+export declare const getThemeColorFromIndex: (theme: SpreadsheetTheme, index: ColorIndex, tint?: number | null) => string | undefined;
+type StringifiedColorValue<T extends Color | string | undefined | null> = T extends undefined ? undefined : string;
+export declare const getStringifiedColor: <T extends Color | undefined | null>(color: T, theme: SpreadsheetTheme) => StringifiedColorValue<T>;
+export declare const createColorShades: (color: string, tints: number[]) => string[];
+export declare const colorTintsToDisplay: number[][];
+export {};
+//# sourceMappingURL=themes.d.ts.map

package/dist/cjs/themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../themes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,gBAAgB,EAChB,WAAW,EACZ,MAAM,kCAAkC,CAAC;AAC1C,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAQrC,eAAO,MAAM,eAAe,EAAE,gBAAgB,EAyM7C,CAAC;AAEF,eAAO,MAAM,eAAe,UAW3B,CAAC;AAEF,eAAO,MAAM,SAAS,8BAYpB,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;AAGpE,eAAO,MAAM,sBAAsB,GACjC,OAAO,gBAAgB,EACvB,OAAO,UAAU,EACjB,OAAO,MAAM,GAAG,IAAI,uBAQrB,CAAC;AAEF,KAAK,qBAAqB,CAAC,CAAC,SAAS,KAAK,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,IACpE,CAAC,SAAS,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAC3C,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,KAAK,GAAG,SAAS,GAAG,IAAI,EACpE,OAAO,CAAC,EACR,OAAO,gBAAgB,KACtB,qBAAqB,CAAC,CAAC,CASzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,EAAE,OAAO,MAAM,EAAE,KACL,MAAM,EAChE,CAAC;AAEF,eAAO,MAAM,mBAAmB,YAY/B,CAAC"}