@rowsncolumns/spreadsheet 10.2.68

package/dist/cjs/components/selection/paste-menu.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export type PasteMenuProps = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    onSplitTextToColumns?: (delimiter?: string) => void;
+};
+export declare const PasteMenu: ({ x, y, width, height, onSplitTextToColumns, }: PasteMenuProps) => React.JSX.Element;
+//# sourceMappingURL=paste-menu.d.ts.map

package/dist/cjs/components/selection/paste-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paste-menu.d.ts","sourceRoot":"","sources":["../../../../components/selection/paste-menu.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrD,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,gDAMvB,cAAc,sBAsDhB,CAAC"}

package/dist/cjs/components/selection/paste-menu.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PasteMenu = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+var PasteMenu = function (_a) {
+    var x = _a.x, y = _a.y, width = _a.width, height = _a.height, onSplitTextToColumns = _a.onSplitTextToColumns;
+    return (react_1.default.createElement("div", { className: "absolute pointer-events-auto shadow-sm bg-rnc-background border-rnc-border border border-solid rounded-md flex items-start justify-start", style: {
+            left: x + width,
+            top: y + height,
+        }, onMouseDown: function (e) { return e.stopPropagation(); } },
+        react_1.default.createElement(ui_1.DropdownMenu, null,
+            react_1.default.createElement(ui_1.DropdownMenuTrigger, { asChild: true },
+                react_1.default.createElement(ui_1.IconButton, { tooltip: "Paste formatting" },
+                    react_1.default.createElement(icons_1.MdPaste, null),
+                    react_1.default.createElement(icons_1.MdOutlineArrowDropDown, null))),
+            react_1.default.createElement(ui_1.DropdownMenuPortal, null,
+                react_1.default.createElement(ui_1.DropdownMenuContent, { align: "start", onCloseAutoFocus: function (event) {
+                        event.preventDefault();
+                    } },
+                    react_1.default.createElement(ui_1.DropdownMenuSub, null,
+                        react_1.default.createElement(ui_1.DropdownMenuSubTrigger, null,
+                            "Split text to columns",
+                            react_1.default.createElement(ui_1.DropdownRightSlot, null,
+                                react_1.default.createElement(icons_1.ChevronRightIcon, null))),
+                        react_1.default.createElement(ui_1.DropdownMenuSubContent, { sideOffset: 2, alignOffset: -5 },
+                            react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns(","); } }, "Comma"),
+                            react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns(";"); } }, "Semicolon"),
+                            react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns("."); } }, "Period"),
+                            react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns(" "); } }, "Space"),
+                            react_1.default.createElement(ui_1.DropdownMenuItem, { onClick: function () { return onSplitTextToColumns === null || onSplitTextToColumns === void 0 ? void 0 : onSplitTextToColumns("|"); } }, "Pipe"))))))));
+};
+exports.PasteMenu = PasteMenu;

package/dist/cjs/components/selection/quick-edit.d.ts

@@ -0,0 +1,14 @@
+import type { GridRange } from "@rowsncolumns/grid";
+import React from "react";
+import type { SheetRange } from "../../types";
+export type QuickEditProps = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    sheetId: number;
+    range?: GridRange | null;
+    onRemoveQuickEdit(range: SheetRange): void;
+};
+export declare const QuickEdit: ({ x, y, width, sheetId, range, onRemoveQuickEdit, }: QuickEditProps) => React.JSX.Element;
+//# sourceMappingURL=quick-edit.d.ts.map

package/dist/cjs/components/selection/quick-edit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"quick-edit.d.ts","sourceRoot":"","sources":["../../../../components/selection/quick-edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AASpD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI9C,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CAC5C,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,qDAOvB,cAAc,sBAoEhB,CAAC"}

package/dist/cjs/components/selection/quick-edit.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.QuickEdit = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+var style_1 = require("../cell-tooltip/style");
+var style_2 = require("../context-menu/style");
+var QuickEdit = function (_a) {
+    var x = _a.x, y = _a.y, width = _a.width, sheetId = _a.sheetId, range = _a.range, onRemoveQuickEdit = _a.onRemoveQuickEdit;
+    var padding = 2;
+    return (react_1.default.createElement(ui_1.Popover, { open: true },
+        react_1.default.createElement(ui_1.PopoverTrigger, { asChild: true },
+            react_1.default.createElement(style_2.StyledFakeTriggerButton, { style: {
+                    left: x + width + padding,
+                    top: y,
+                } })),
+        react_1.default.createElement(ui_1.PopoverPortal, null,
+            react_1.default.createElement(ui_1.PopoverContent, { align: "start", className: "pointer-events-auto min-w-52", onCloseAutoFocus: function (event) {
+                    event.preventDefault();
+                } },
+                react_1.default.createElement("form", { onSubmit: function (e) {
+                        e.preventDefault();
+                    } },
+                    react_1.default.createElement("div", { className: "text-xs pb-2" }, "Quick Edit"),
+                    react_1.default.createElement("div", { className: "flex flex-col gap-1 pb-2" },
+                        react_1.default.createElement("label", { className: "text-xs m-0 p-0" }, "Prompt"),
+                        react_1.default.createElement(style_1.StyledNoteTextarea, { className: (0, ui_1.cn)("border border-rnc-input border-solid"), rows: 4, placeholder: "What would you like to do with this text?", autoFocus: true, onKeyDown: function (e) {
+                                if (e.key === "Escape" && range) {
+                                    onRemoveQuickEdit(tslib_1.__assign(tslib_1.__assign({}, range), { sheetId: sheetId }));
+                                }
+                            } })),
+                    react_1.default.createElement("div", { className: "flex gap-2" },
+                        react_1.default.createElement(ui_1.Button, { variant: "primary", type: "submit", size: "xs" }, "Submit"),
+                        react_1.default.createElement(ui_1.Button, { variant: "outline", type: "reset", size: "xs", onClick: function () {
+                                if (range) {
+                                    onRemoveQuickEdit(tslib_1.__assign(tslib_1.__assign({}, range), { sheetId: sheetId }));
+                                }
+                            } }, "Cancel")))))));
+};
+exports.QuickEdit = QuickEdit;

package/dist/cjs/components/selection/style.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+export declare const StyledLine: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const StyledBorderCover: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * For formula resize handles to work
+ * we have to replace all the values in the editor
+ */
+export declare const StyleResizeHandle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const StyledFill: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const StyledTitle: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    selectable?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const StyledTitleWrapper: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const StyledAvatar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/cjs/components/selection/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../components/selection/style.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,UAAU,mKAYrB,CAAC;AAIH,eAAO,MAAM,iBAAiB,mKAS5B,CAAC;AAIH;;;GAGG;AACH,eAAO,MAAM,iBAAiB,mKAY5B,CAAC;AAIH,eAAO,MAAM,UAAU,mKAYrB,CAAC;AAIH,eAAO,MAAM,WAAW;iBAEiC,OAAO;wCAa9D,CAAC;AAIH,eAAO,MAAM,kBAAkB,mKAY7B,CAAC;AAIH,eAAO,MAAM,YAAY,mKAYvB,CAAC"}

package/dist/cjs/components/selection/style.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledAvatar = exports.StyledTitleWrapper = exports.StyledTitle = exports.StyledFill = exports.StyleResizeHandle = exports.StyledBorderCover = exports.StyledLine = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.StyledLine = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("absolute border-0 top-0 left-0 pointer-events-none border-none print:hidden", className) }, props)));
+});
+exports.StyledLine.displayName = "StyledLine";
+exports.StyledBorderCover = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("select-none  absolute top-0 left-0 print:hidden", className) }, props)));
+});
+exports.StyledBorderCover.displayName = "StyledBorderCover";
+/**
+ * For formula resize handles to work
+ * we have to replace all the values in the editor
+ */
+exports.StyleResizeHandle = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("absolute top-0 left-0 print:hidden w-1.5 h-1.5 cursor-crosshair pointer-events-auto before:content-[''] before:absolute before:-inset-[4px]", className) }, props)));
+});
+exports.StyleResizeHandle.displayName = "StyleResizeHandle";
+exports.StyledFill = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("absolute top-0 left-0 select-none pointer-events-none print:hidden", className) }, props)));
+});
+exports.StyledFill.displayName = "StyledFill";
+exports.StyledTitle = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, selectable = _a.selectable, props = tslib_1.__rest(_a, ["className", "selectable"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("absolute top-0 pointer-events-auto left-0 select-none pb-1 fade-in-50 animate-fade-in z-10 -translate-y-full", selectable
+            ? "pointer-events-auto"
+            : "pointer-events-none print:hidden select-none", className) }, props)));
+});
+exports.StyledTitle.displayName = "StyledTitle";
+exports.StyledTitleWrapper = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("bg-rnc-accent text-xs font-system text-rnc-foreground px-2 rounded-sm border-solid border border-rnc-border h-[24px] flex items-center gap-1 whitespace-nowrap print:hidden", className) }, props)));
+});
+exports.StyledTitleWrapper.displayName = "StyledTitleWrapper";
+exports.StyledAvatar = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("text-xs text-center h-5 rounded-md w-auto pl-1 pr-1 justify-center flex items-center -translate-x-[10px] translate-y-1/2 overflow-hidden whitespace-nowrap text-rnc-background pointer-events-none print:hidden", className) }, props)));
+});
+exports.StyledAvatar.displayName = "StyledAvatar";

package/dist/cjs/components/selection/suggestion-action.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import type { AgentSuggestion } from "../../types";
+export type SuggestionArrowProps = {
+    /**
+     * Direction of the arrow
+     */
+    direction?: "left" | "right" | "top" | "bottom";
+    /**
+     * Size of the arrow in pixels
+     */
+    size?: number;
+};
+export declare const SuggestionArrow: ({ direction, size, }: SuggestionArrowProps) => React.JSX.Element;
+export type SuggestionActionProps = React.HTMLAttributes<HTMLDivElement> & {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    agentSuggestion?: AgentSuggestion;
+};
+export declare const SuggestionAction: ({ x, y, width, height, agentSuggestion, }: SuggestionActionProps) => React.JSX.Element;
+//# sourceMappingURL=suggestion-action.d.ts.map

package/dist/cjs/components/selection/suggestion-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestion-action.d.ts","sourceRoot":"","sources":["../../../../components/selection/suggestion-action.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;IAChD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,sBAG7B,oBAAoB,sBAoBtB,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACzE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,eAAe,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,2CAM9B,qBAAqB,sBAgFvB,CAAC"}

package/dist/cjs/components/selection/suggestion-action.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SuggestionAction = exports.SuggestionArrow = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+var SuggestionArrow = function (_a) {
+    var _b = _a.direction, direction = _b === void 0 ? "left" : _b, _c = _a.size, size = _c === void 0 ? 8 : _c;
+    var getArrowClassName = function () {
+        var base = "absolute w-3 h-3 bg-rnc-background border border-rnc-border border-solid";
+        switch (direction) {
+            case "left":
+                return "".concat(base, " -left-[7px] top-4 rotate-45 border-r-0 border-t-0");
+            case "right":
+                return "".concat(base, " -right-[6px] top-1/2 -translate-y-1/2 rotate-45 border-l-0 border-t-0");
+            case "top":
+                return "".concat(base, " left-1/2 -translate-x-1/2 -top-[6px] rotate-45 border-b-0 border-r-0");
+            case "bottom":
+                return "".concat(base, " left-1/2 -translate-x-1/2 -bottom-[6px] rotate-45 border-t-0 border-l-0");
+            default:
+                return base;
+        }
+    };
+    return react_1.default.createElement("div", { className: getArrowClassName() });
+};
+exports.SuggestionArrow = SuggestionArrow;
+var SuggestionAction = function (_a) {
+    var x = _a.x, y = _a.y, width = _a.width, height = _a.height, agentSuggestion = _a.agentSuggestion;
+    return (react_1.default.createElement("div", { className: "absolute pointer-events-auto shadow-lg bg-rnc-background border-rnc-border border border-solid rounded-md flex flex-col items-stretch animate-fade-in z-20 text-xs p-2 ml-2", style: {
+            left: x + width,
+            top: y,
+        } },
+        react_1.default.createElement(exports.SuggestionArrow, { direction: "left", size: 8 }),
+        react_1.default.createElement("div", { className: "pb-1.5" }, "Agent Suggestion"),
+        (agentSuggestion === null || agentSuggestion === void 0 ? void 0 : agentSuggestion.reason) && (react_1.default.createElement("div", { className: "pb-2 text-xs text-rnc-muted-foreground border-b border-rnc-border" }, agentSuggestion === null || agentSuggestion === void 0 ? void 0 : agentSuggestion.reason)),
+        react_1.default.createElement("div", { className: "flex flex-col gap-2 pb-2 border-b border-rnc-border" },
+            react_1.default.createElement("div", { className: "flex flex-col" },
+                react_1.default.createElement("label", { className: "flex items-center gap-2 cursor-pointer hover:bg-rnc-accent rounded px-2 py-1" },
+                    react_1.default.createElement("input", { type: "radio", name: "viewMode", value: "agent", className: "cursor-pointer m-0" }),
+                    react_1.default.createElement("span", { className: "text-xs" }, "Proposed changes")),
+                react_1.default.createElement("label", { className: "flex items-center gap-2 cursor-pointer hover:bg-rnc-accent rounded px-2 py-1" },
+                    react_1.default.createElement("input", { type: "radio", name: "viewMode", value: "current", className: "cursor-pointer m-0" }),
+                    react_1.default.createElement("span", { className: "text-xs" }, "Current values")),
+                react_1.default.createElement("label", { className: "flex items-center gap-2 cursor-pointer hover:bg-rnc-accent rounded px-2 py-1" },
+                    react_1.default.createElement("input", { type: "radio", name: "viewMode", value: "diff", defaultChecked: true, className: "cursor-pointer m-0" }),
+                    react_1.default.createElement("span", { className: "text-xs" }, "Show diff")))),
+        react_1.default.createElement("div", { className: "flex items-center justify-between gap-2" },
+            react_1.default.createElement("div", { className: "flex gap-2" },
+                react_1.default.createElement(ui_1.IconButton, { tooltip: "Approve", variant: "success" },
+                    react_1.default.createElement(icons_1.CheckIcon, null)),
+                react_1.default.createElement(ui_1.IconButton, { tooltip: "Reject", variant: "warning" },
+                    react_1.default.createElement(icons_1.Cross2Icon, null))),
+            react_1.default.createElement("div", { className: "flex items-center gap-1" },
+                react_1.default.createElement(ui_1.IconButton, { tooltip: "Previous suggestion", className: "min-h-[28px] min-w-[28px]" },
+                    react_1.default.createElement(icons_1.ChevronLeftIcon, null)),
+                react_1.default.createElement("span", { className: "text-xs text-rnc-muted-foreground px-1 min-w-[40px] text-center" }, "1 / 3"),
+                react_1.default.createElement(ui_1.IconButton, { tooltip: "Next suggestion", className: "min-h-[28px] min-w-[28px]" },
+                    react_1.default.createElement(icons_1.ChevronRightIcon, null))))));
+};
+exports.SuggestionAction = SuggestionAction;

package/dist/cjs/components/selection/title.d.ts

@@ -0,0 +1,45 @@
+import type { AreaStyle, GridRange, SelectionType } from "@rowsncolumns/grid";
+import React from "react";
+import type { PivotTable, TableView } from "../../types";
+import type { SelectionNewProps } from "./types";
+export type SelectionTitleProps = React.HTMLAttributes<HTMLDivElement> & {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    title?: string;
+    type: SelectionType;
+    range?: GridRange;
+    isDragging?: boolean;
+    offset?: number;
+    stroke?: string;
+    table?: TableView;
+    pivotTable?: PivotTable;
+    strokeWidth?: number;
+    onRequestEditTable: SelectionNewProps["onRequestEditTable"];
+    onRequestEditPivotTable: SelectionNewProps["onRequestEditPivotTable"];
+    metadata?: AreaStyle["metadata"];
+    readonly?: boolean;
+    /**
+     * Keep the title chip inside the selection's right edge. Set on
+     * frozen-pane copies, where a chip hanging past the edge would be
+     * clipped by the pane's overflow container at the frozen boundary.
+     */
+    keepTitleWithinBounds?: boolean;
+    /**
+     * Keep the title chip inside the selection's bottom edge. Set on
+     * frozen-row pane copies: a chip placed below the area (the first
+     * visible row has no room above it) would be cut in half by the pane's
+     * overflow container at the frozen boundary.
+     */
+    keepTitleWithinVerticalBounds?: boolean;
+    /**
+     * Draw the title chip below the area instead of above it. Set on
+     * scrollable-pane copies whose range starts on the pane's first visible
+     * row: a chip above the area would sit entirely past the frozen boundary,
+     * where the pane's overflow clip hides it.
+     */
+    flipTitleToBottom?: boolean;
+};
+export declare const SelectionTitle: ({ x, y, title, height, isDragging, onMouseDown, offset, type, stroke, width, range, table, pivotTable, strokeWidth, onRequestEditTable, onRequestEditPivotTable, readonly, keepTitleWithinBounds, keepTitleWithinVerticalBounds, flipTitleToBottom, }: SelectionTitleProps) => React.JSX.Element | null;
+//# sourceMappingURL=title.d.ts.map

package/dist/cjs/components/selection/title.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"title.d.ts","sourceRoot":"","sources":["../../../../components/selection/title.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG9E,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EAEV,UAAU,EACV,SAAS,EAEV,MAAM,aAAa,CAAC;AAGrB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IACvE,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,iBAAiB,CAAC,oBAAoB,CAAC,CAAC;IAC5D,uBAAuB,EAAE,iBAAiB,CAAC,yBAAyB,CAAC,CAAC;IACtE,QAAQ,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;OAKG;IACH,6BAA6B,CAAC,EAAE,OAAO,CAAC;IACxC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAoCF,eAAO,MAAM,cAAc,GAAI,uPAqB5B,mBAAmB,6BA0GrB,CAAC"}

package/dist/cjs/components/selection/title.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionTitle = void 0;
+var tslib_1 = require("tslib");
+var icons_1 = require("@rowsncolumns/icons");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importStar(require("react"));
+var avatar_1 = require("./avatar");
+var style_1 = require("./style");
+var getTitleStyle = function (type, x, y, width, height, offset, isOutOfView) {
+    switch (type) {
+        case "collaborator":
+            return {
+                left: x - offset,
+                top: y - offset + 1, // Cater for border width
+            };
+        case "pivotTable":
+            return {
+                left: x - offset,
+                top: y + height,
+                transform: "translateY(0%)",
+            };
+        case "copy":
+        case "table":
+        default:
+            return {
+                left: isOutOfView ? x + width : x - offset,
+                top: y - offset + 1, // Cater for border width,
+                transform: isOutOfView ? "translateY(0%)" : undefined,
+            };
+    }
+};
+var SelectionTitle = function (_a) {
+    var x = _a.x, y = _a.y, title = _a.title, height = _a.height, isDragging = _a.isDragging, onMouseDown = _a.onMouseDown, _b = _a.offset, offset = _b === void 0 ? 0 : _b, type = _a.type, stroke = _a.stroke, width = _a.width, range = _a.range, table = _a.table, pivotTable = _a.pivotTable, _c = _a.strokeWidth, strokeWidth = _c === void 0 ? 0 : _c, onRequestEditTable = _a.onRequestEditTable, onRequestEditPivotTable = _a.onRequestEditPivotTable, _d = _a.readonly, readonly = _d === void 0 ? false : _d, _e = _a.keepTitleWithinBounds, keepTitleWithinBounds = _e === void 0 ? false : _e, _f = _a.keepTitleWithinVerticalBounds, keepTitleWithinVerticalBounds = _f === void 0 ? false : _f, _g = _a.flipTitleToBottom, flipTitleToBottom = _g === void 0 ? false : _g;
+    var handleMouseMove = (0, react_1.useCallback)(function (e) {
+        // Prevent propagation to parent element
+        // Selection title gets hidden when user mouses out of
+        // borderstyles
+        e.stopPropagation();
+    }, []);
+    var verticalAlignment = getLabelVerticalAlignment(range, flipTitleToBottom).verticalAlignment;
+    /**
+     * A chip below the area is centred on its bottom edge, so half of it hangs
+     * into the next row. Inside a frozen-row pane that half sits past the frozen
+     * boundary, where the pane's overflow clip cuts the chip in two, so pull it
+     * fully above the edge instead.
+     */
+    var clampToBottomEdge = keepTitleWithinVerticalBounds && verticalAlignment !== "top";
+    var isPivot = !!pivotTable;
+    if (!title) {
+        return null;
+    }
+    var isOutOfView = (range === null || range === void 0 ? void 0 : range.startRowIndex) === 1;
+    var titleStyles = getTitleStyle(type, x, y, width, height, offset, isOutOfView);
+    return (react_1.default.createElement(style_1.StyledTitle, { style: tslib_1.__assign({ pointerEvents: isDragging ? "none" : "all" }, titleStyles), onMouseDown: onMouseDown, onMouseMove: handleMouseMove, selectable: type !== "collaborator" && type !== "copy" }, type === "collaborator" ? (react_1.default.createElement(avatar_1.Avatar, { title: title, backgroundColor: stroke, style: tslib_1.__assign(tslib_1.__assign({ position: "absolute", backgroundColor: stroke, left: width }, (verticalAlignment === "top"
+            ? { bottom: "calc(100% + 5px)" }
+            : {
+                top: clampToBottomEdge
+                    ? "".concat(height - strokeWidth, "px")
+                    : "calc(".concat(height - strokeWidth, "px - 5px)"),
+            })), { 
+            // Overrides the class-based -translate-x-[10px] translate-y-1/2.
+            // A -100% offset on an axis pulls the chip inside that edge of
+            // the cell instead of letting it hang past it, where a frozen
+            // pane's overflow clip would cut it off.
+            marginLeft: keepTitleWithinBounds ? 0 : 10, transform: "translate(".concat(keepTitleWithinBounds ? "-100%" : "-10px", ", ").concat(clampToBottomEdge ? "-100%" : "50%", ")") }), alignment: clampToBottomEdge ? "top" : verticalAlignment, flipX: keepTitleWithinBounds })) : type === "table" ? (react_1.default.createElement(style_1.StyledTitleWrapper, null,
+        title,
+        " ",
+        table && !readonly ? (react_1.default.createElement(ui_1.IconButton, { onClick: function () { return onRequestEditTable === null || onRequestEditTable === void 0 ? void 0 : onRequestEditTable(table); }, onMouseDown: function (e) {
+                e.stopPropagation();
+            }, className: "min-h-[20px] min-w-[20px]", tooltip: "Edit table" },
+            react_1.default.createElement(icons_1.Pencil1Icon, null))) : null)) : (react_1.default.createElement(style_1.StyledTitleWrapper, { className: "bg-rnc-accent" },
+        title,
+        " ",
+        pivotTable && !readonly ? (react_1.default.createElement(ui_1.IconButton, { onClick: function () { return onRequestEditPivotTable === null || onRequestEditPivotTable === void 0 ? void 0 : onRequestEditPivotTable(pivotTable); }, onMouseDown: function (e) {
+                e.stopPropagation();
+            }, className: "min-h-[20px] min-w-[20px]", tooltip: "Edit Pivot Table" },
+            react_1.default.createElement(icons_1.Pencil1Icon, null))) : null))));
+};
+exports.SelectionTitle = SelectionTitle;
+var getLabelVerticalAlignment = function (range, flipToBottom) {
+    if (flipToBottom === void 0) { flipToBottom = false; }
+    var rowIndex = range === null || range === void 0 ? void 0 : range.startRowIndex;
+    var columnIndex = range === null || range === void 0 ? void 0 : range.startColumnIndex;
+    var horizontalAlignment = rowIndex === 1 && columnIndex === 1 ? "right" : "left";
+    // Row 1 is the degenerate case of flipToBottom: the first row of an
+    // unfrozen grid has no room above it either (the column header sits there).
+    var verticalAlignment = rowIndex === 1 || flipToBottom ? "bottom" : "top";
+    return {
+        horizontalAlignment: horizontalAlignment,
+        verticalAlignment: verticalAlignment,
+    };
+};

package/dist/cjs/components/selection/types.d.ts

@@ -0,0 +1,43 @@
+import type { CellInterface } from "@rowsncolumns/common-types";
+import type { SelectionProps } from "@rowsncolumns/grid";
+import type { ElementType } from "react";
+import type { Maybe, PivotTable, SheetRange } from "../../types";
+import type { TableView } from "../../types";
+import type { SelectionAttributes } from "../canvas-grid/typings";
+import type { MagicFillContentProps, MagicFillProps } from "./magic-fill";
+import type { PasteMenuProps } from "./paste-menu";
+import type { QuickEditProps } from "./quick-edit";
+import type { SuggestionActionProps } from "./suggestion-action";
+export type SelectionNewProps = SelectionProps<SelectionAttributes> & {
+    onMouseDownTitle?(e: React.MouseEvent<HTMLDivElement>): void;
+    onMouseDownResizeHandle?(e: React.PointerEvent<HTMLDivElement>): void;
+    onMouseDownMoveHandle?(e: React.PointerEvent<HTMLDivElement>): void;
+    TitleComponent?: ElementType;
+    onRequestEditTable?(table: TableView): void;
+    onRequestEditPivotTable?(pivotTable: PivotTable): void;
+    onFlashEnd?(id: string | number): void;
+    isCopy?: boolean;
+    zIndex?: number;
+    showResizeHandles?: boolean;
+    resizeHandleBorderColor?: string;
+    resizeHandleSize?: number;
+    fillHandleSize?: number;
+    showFillHandle?: boolean;
+    duration?: number;
+    selectionCount: number;
+    enableMagicFill?: boolean;
+    hoveredCell?: Maybe<CellInterface>;
+    MagicFillComponent?: React.ComponentType<MagicFillProps>;
+    MagicFillContent?: React.ComponentType<MagicFillContentProps>;
+    QuickEdit?: React.ComponentType<QuickEditProps>;
+    PasteMenu?: React.ComponentType<PasteMenuProps>;
+    SuggestionAction?: React.ComponentType<SuggestionActionProps>;
+    readonly?: boolean;
+    showPasteMenu?: boolean;
+    sheetId: number;
+    onSplitTextToColumns: (delimiter?: string) => void;
+    isHovered?: boolean;
+    onRemoveQuickEdit(range: SheetRange): void;
+    onAddQuickEdit(range: SheetRange): void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/cjs/components/selection/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../components/selection/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,KAAK,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,mBAAmB,CAAC,GAAG;IACpE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IAC7D,uBAAuB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACtE,qBAAqB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;IACpE,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,kBAAkB,CAAC,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5C,uBAAuB,CAAC,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IACvD,UAAU,CAAC,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACvC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACzD,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IAChD,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,qBAAqB,CAAC,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,oBAAoB,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;IAC3C,cAAc,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,CAAC;CACzC,CAAC"}

package/dist/cjs/components/selection/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/selection-input/index.d.ts

@@ -0,0 +1,19 @@
+import type { CellInterface, GridRange, SelectionArea } from "@rowsncolumns/grid";
+import React from "react";
+import type { SelectionAttributes } from "../canvas-grid/typings";
+type SelectionInputProps = {
+    placeholder?: string;
+    value?: string;
+    onChange?(value: string): void;
+    sheetName: string;
+    selections?: SelectionArea<SelectionAttributes>[];
+    activeCell: CellInterface;
+    selectionIndex?: number;
+    merges?: GridRange[];
+    rowCount?: number;
+    columnCount?: number;
+    style?: React.CSSProperties;
+};
+export declare const SelectionInput: ({ value, onChange, sheetName, selections, activeCell, selectionIndex, placeholder, style, }: SelectionInputProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/selection-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/selection-input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAIlE,KAAK,mBAAmB,GAAG;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,aAAa,CAAC,mBAAmB,CAAC,EAAE,CAAC;IAClD,UAAU,EAAE,aAAa,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,6FAS5B,mBAAmB,sBAgCrB,CAAC"}

package/dist/cjs/components/selection-input/index.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectionInput = void 0;
+var tslib_1 = require("tslib");
+var grid_1 = require("@rowsncolumns/grid");
+var react_1 = tslib_1.__importStar(require("react"));
+var atoms_1 = require("../../atoms");
+var use_isomorphic_layout_effect_1 = require("../../hooks/use-isomorphic-layout-effect");
+var cell_input_1 = require("../cell-input");
+var style_1 = require("./style");
+var SelectionInput = function (_a) {
+    var _b = _a.value, value = _b === void 0 ? "" : _b, onChange = _a.onChange, sheetName = _a.sheetName, selections = _a.selections, activeCell = _a.activeCell, _c = _a.selectionIndex, selectionIndex = _c === void 0 ? 0 : _c, placeholder = _a.placeholder, style = _a.style;
+    var editorRef = (0, react_1.useRef)(null);
+    var getAddressFromSelection = (0, atoms_1.useGetAddressFromSelection)();
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(function () {
+        var selection = (selections === null || selections === void 0 ? void 0 : selections.length)
+            ? selections[selectionIndex]
+            : (0, grid_1.selectionFromActiveCell)(activeCell)[0];
+        var cellAddress = getAddressFromSelection === null || getAddressFromSelection === void 0 ? void 0 : getAddressFromSelection(selection, sheetName);
+        if (cellAddress) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(cellAddress);
+        }
+    }, [selections, activeCell, sheetName, getAddressFromSelection]);
+    var handleChange = function (value) {
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    };
+    return (react_1.default.createElement(style_1.StyledInputWrapper, null,
+        react_1.default.createElement(cell_input_1.CellInput, { ref: editorRef, placeholder: placeholder, value: value, onChange: handleChange, style: tslib_1.__assign({ border: "1px #ccc solid" }, style) })));
+};
+exports.SelectionInput = SelectionInput;

package/dist/cjs/components/selection-input/style.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare const StyledInputWrapper: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/cjs/components/selection-input/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../components/selection-input/style.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,kBAAkB,mKAS7B,CAAC"}

package/dist/cjs/components/selection-input/style.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledInputWrapper = void 0;
+var tslib_1 = require("tslib");
+var ui_1 = require("@rowsncolumns/ui");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.StyledInputWrapper = react_1.default.forwardRef(function (_a, ref) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    return (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, className: (0, ui_1.cn)("flex flex-row items-center mb-1", className) }, props)));
+});
+exports.StyledInputWrapper.displayName = "StyledInputWrapper";

package/dist/cjs/components/sheet-search/index.d.ts

@@ -0,0 +1,41 @@
+import React from "react";
+/**
+ * Per-search toggles. Backwards-compatible: hosts that ignore the
+ * second `options` argument keep the previous case-insensitive
+ * substring behaviour.
+ */
+export type SheetSearchOptions = {
+    matchCase?: boolean;
+    wholeWord?: boolean;
+    useRegex?: boolean;
+};
+export type SheetSearchProps = {
+    placeholder?: string;
+    isActive?: boolean;
+    searchQuery?: string;
+    onSubmit(query: string, options?: SheetSearchOptions): void;
+    onReset(): void;
+    onNext(): void;
+    onPrevious(): void;
+    disablePrevious?: boolean;
+    disableNext?: boolean;
+    totalResults?: number;
+    currentResult?: number;
+    /**
+     * Open with the Replace pane expanded (Cmd/Ctrl+H entry point).
+     * Can also be toggled via the in-pane "Replace" link.
+     */
+    showReplaceByDefault?: boolean;
+    /**
+     * Replace the currently active match. When omitted, the Replace
+     * controls are not rendered.
+     */
+    onReplace?(replaceWith: string): void;
+    /**
+     * Replace every match in the current search scope.
+     */
+    onReplaceAll?(replaceWith: string): void;
+    replacePlaceholder?: string;
+};
+export declare const SheetSearch: ({ onSubmit, onReset, onNext, onPrevious, searchQuery, isActive, disablePrevious, disableNext, placeholder, totalResults, currentResult, showReplaceByDefault, onReplace, onReplaceAll, replacePlaceholder, }: SheetSearchProps) => React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/sheet-search/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/sheet-search/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAKhD;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAC5D,OAAO,IAAI,IAAI,CAAC;IAChB,MAAM,IAAI,IAAI,CAAC;IACf,UAAU,IAAI,IAAI,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,SAAS,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACtC;;OAEG;IACH,YAAY,CAAC,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACzC,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,8MAgBzB,gBAAgB,6BAmNlB,CAAC"}