@rowsncolumns/ui 15.0.38

package/dist/esm/dialog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../dialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAC;AAyB1B,eAAO,MAAM,WAAW,oKAYtB,CAAC;AAGH,eAAO,MAAM,iBAAiB,8KAY5B,CAAC;AAkBH,eAAO,MAAM,aAAa;sBAGJ,MAAM;gBACZ,WAAW,GAAG,IAAI;wCA0BhC,CAAC;AAGH,eAAO,MAAM,MAAM,uCAAuB,CAAC;AAC3C,eAAO,MAAM,aAAa,8GAA0B,CAAC;AACrD,eAAO,MAAM,WAAW,4GAAwB,CAAC;AAEjD,eAAO,MAAM,iBAAiB,4KAS5B,CAAC;AAGH,eAAO,MAAM,UAAU,GAAI,0BAGxB;IACD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,sBAEA,CAAC"}

package/dist/esm/dialog/index.js

@@ -0,0 +1,30 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { useRef } from "react";
+import React from "react";
+import Draggable from "react-draggable";
+import { IconButton } from "./../icon-button";
+import { cn } from "./../utils";
+const DialogPortal = ({ children, className, container, ...props }) => (React.createElement(DialogPrimitive.Portal, { container: container, ...props },
+    React.createElement("div", { className: cn("fixed inset-0 z-50 flex items-start justify-center sm:items-center pointer-events-none", className) }, children)));
+DialogPortal.displayName = DialogPrimitive.Portal.displayName;
+export const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DialogPrimitive.Title, { ref: ref, className: cn("m-0 p-4 pb-1 text-lg font-semibold leading-none tracking-tight font-system rnc-drag-handle cursor-move", className), ...props })));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+export const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DialogPrimitive.Description, { ref: ref, className: cn("m-0 pt-2 pl-4 pr-4 text-sm text-rnc-muted-foreground font-system", className), ...props })));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-50 bg-rnc-background/80 transition-all duration-100 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=open]:fade-in", className), ...props })));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+export const DialogContent = React.forwardRef(({ className, portalClassName, container, children, ...props }, ref) => {
+    const nodeRef = useRef(null);
+    return (React.createElement(DialogPortal, { className: portalClassName, container: container },
+        React.createElement(DialogOverlay, null),
+        React.createElement("div", { className: "fixed z-50 grid w-full gap-4  animate-in data-[state=open]:fade-in-90 data-[state=open]:slide-in-from-bottom-10 sm:max-w-lg sm:rounded-lg sm:zoom-in-90 data-[state=open]:sm:slide-in-from-bottom-0 pointer-events-none" },
+            React.createElement(Draggable, { handle: ".rnc-drag-handle", nodeRef: nodeRef },
+                React.createElement(DialogPrimitive.Content, { ref: nodeRef, className: cn("bg-rnc-background text-rnc-foreground shadow-lg rounded-sm border border-solid border-rnc-border pointer-events-auto  min-w-0", className), ...props }, children)))));
+});
+// Exports
+export const Dialog = DialogPrimitive.Root;
+export const DialogTrigger = DialogPrimitive.Trigger;
+export const DialogClose = DialogPrimitive.Close;
+export const DialogCloseButton = React.forwardRef(({ className, ...props }, ref) => (React.createElement(IconButton, { ref: ref, className: cn("absolute top-2 right-2", className), ...props })));
+DialogCloseButton.displayName = "DialogCloseButton";
+export const DialogBody = ({ className, children, }) => (React.createElement("div", { className: cn("p-4 overflow-auto max-h-svh", className) }, children));

package/dist/esm/dropdown/index.d.ts

@@ -0,0 +1,34 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import React from "react";
+export declare const DropdownRightSlot: ({ className, ...props }: React.ComponentPropsWithoutRef<"div">) => React.JSX.Element;
+export declare const DropdownLeftSlot: ({ className, ...props }: React.ComponentPropsWithoutRef<"div">) => React.JSX.Element;
+export declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
+export declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Applies `max-h-dropdown` so content fits Radix available viewport height.
+     * Set to false to fully control max height via className/style.
+     */
+    constrainToAvailableHeight?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuTriggerItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuArrow: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+export declare const DropdownMenuItemIndicator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemIndicatorProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
+export declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/dropdown/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AACvE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,sBAUvC,CAAC;AACF,eAAO,MAAM,gBAAgB,GAAI,yBAG9B,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,sBAOvC,CAAC;AAGF,eAAO,MAAM,YAAY,mDAA6B,CAAC;AACvD,eAAO,MAAM,mBAAmB,0HAAgC,CAAC;AACjE,eAAO,MAAM,kBAAkB,yDAA+B,CAAC;AAE/D,eAAO,MAAM,sBAAsB,0HAAmC,CAAC;AAWvE,eAAO,MAAM,mBAAmB;IAP9B;;;OAGG;iCAC0B,OAAO;wCA6BrC,CAAC;AAGF,eAAO,MAAM,gBAAgB;YAGjB,OAAO;wCAYjB,CAAC;AAGH,eAAO,MAAM,uBAAuB;YAKxB,OAAO;2CAYjB,CAAC;AAIH,eAAO,MAAM,wBAAwB,+KAenC,CAAC;AAIH,eAAO,MAAM,iBAAiB;YAGlB,OAAO;wCAYjB,CAAC;AAGH,eAAO,MAAM,qBAAqB,4KAShC,CAAC;AAGH,eAAO,MAAM,iBAAiB,sKAS5B,CAAC;AAGH,eAAO,MAAM,yBAAyB,kLAcpC,CAAC;AAIH,eAAO,MAAM,eAAe,sDAA4B,CAAC;AAEzD,eAAO,MAAM,sBAAsB;YAGvB,OAAO;wCAcjB,CAAC;AAKH,eAAO,MAAM,sBAAsB,6KAYjC,CAAC"}

package/dist/esm/dropdown/index.js

@@ -0,0 +1,42 @@
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import React from "react";
+import { cn } from "../utils";
+export const DropdownRightSlot = ({ className, ...props }) => {
+    return (React.createElement("div", { className: cn("ml-auto pl-2 box-border text-rnc-muted-foreground leading-none", className), ...props }));
+};
+export const DropdownLeftSlot = ({ className, ...props }) => {
+    return (React.createElement("div", { className: cn("pr-2 w-6 box-border text-base leading-none", className), ...props }));
+};
+// export const DropdownMenuItemStandalone = StyledStandaloneItem;
+export const DropdownMenu = DropdownMenuPrimitive.Root;
+export const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+export const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+export const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, constrainToAvailableHeight = true, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-solid border-rnc-border bg-rnc-popover p-1 text-rnc-popover-foreground shadow-md animate-in 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", constrainToAvailableHeight && "max-h-dropdown", "overflow-auto font-system", "rnc-dropdown", className), ...props })));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+export const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-xs outline-none transition-colors focus:bg-rnc-accent focus:text-rnc-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), ...props })));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+export const DropdownMenuTriggerItem = React.forwardRef(({ className, inset, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.DropdownMenuTrigger, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-xs outline-none transition-colors focus:bg-rnc-accent focus:text-rnc-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), ...props })));
+DropdownMenuTriggerItem.displayName =
+    DropdownMenuPrimitive.DropdownMenuTrigger.displayName;
+export const DropdownMenuCheckboxItem = React.forwardRef(({ className, checked, ...props }, ref) => {
+    return (React.createElement(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-xs outline-none transition-colors focus:bg-rnc-accent focus:text-rnc-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked, ...props }));
+});
+DropdownMenuCheckboxItem.displayName =
+    DropdownMenuPrimitive.CheckboxItem.displayName;
+export const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.Label, { ref: ref, className: cn("px-2 py-1 text-xs text-rnc-muted-foreground", inset && "pl-8", className), ...props })));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+export const DropdownMenuSeparator = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.Separator, { ref: ref, className: cn("-mx-1 my-1 h-px bg-rnc-border", className), ...props })));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+export const DropdownMenuArrow = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.Arrow, { ref: ref, className: cn("fill-background", className), ...props })));
+DropdownMenuArrow.displayName = DropdownMenuPrimitive.Arrow.displayName;
+export const DropdownMenuItemIndicator = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.DropdownMenuItemIndicator, { ref: ref, className: cn("pr-1 w-[25px] inline-flex items-center justify-center absolute left-1 top-0 translate-y-1/2", className), ...props })));
+DropdownMenuItemIndicator.displayName =
+    DropdownMenuPrimitive.DropdownMenuItemIndicator.displayName;
+export const DropdownMenuSub = DropdownMenuPrimitive.Sub;
+export const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-xs outline-none transition-colors focus:bg-rnc-accent focus:text-rnc-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[state=open]:bg-rnc-accent data-[state=open]:text-rnc-accent-foreground", inset && "pl-8", className), ...props }, children)));
+DropdownMenuSubTrigger.displayName =
+    DropdownMenuPrimitive.SubTrigger.displayName;
+export const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-solid border-rnc-border bg-rnc-popover p-1 text-rnc-popover-foreground shadow-md animate-in data-[side=bottom]:slide-in-from-top-1 data-[side=left]:slide-in-from-right-1 data-[side=right]:slide-in-from-left-1 data-[side=top]:slide-in-from-bottom-1", className), ...props })));
+DropdownMenuSubContent.displayName =
+    DropdownMenuPrimitive.SubContent.displayName;

package/dist/esm/editor/constants.d.ts

@@ -0,0 +1,7 @@
+import { OptionItem } from "../editor-pm/types";
+export declare const OPERATORS: string[];
+export declare const CELL_SUGGESTION_PREFIX: string[];
+export declare const CELL_SUGGESTION_SUFFIX: string[];
+export declare const THIS_ROW_ITEM: OptionItem;
+export declare const SPECIAL_ITEMS: OptionItem[];
+//# sourceMappingURL=constants.d.ts.map

package/dist/esm/editor/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../editor/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEhD,eAAO,MAAM,SAAS,UAcrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAMlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAKlC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,UAG3B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,UAAU,EAiBrC,CAAC"}

package/dist/esm/editor/constants.js

@@ -0,0 +1,51 @@
+import { tokenVocabulary } from "@rowsncolumns/calculator";
+export const OPERATORS = [
+    tokenVocabulary.MulOp.name,
+    tokenVocabulary.PlusOp.name,
+    tokenVocabulary.DivOp.name,
+    tokenVocabulary.MinOp.name,
+    tokenVocabulary.ConcatOp.name,
+    tokenVocabulary.ExOp.name,
+    tokenVocabulary.MulOp.name,
+    tokenVocabulary.NeqOp.name,
+    tokenVocabulary.GteOp.name,
+    tokenVocabulary.LteOp.name,
+    tokenVocabulary.GtOp.name,
+    tokenVocabulary.EqOp.name,
+    tokenVocabulary.LtOp.name,
+];
+export const CELL_SUGGESTION_PREFIX = [
+    ...OPERATORS,
+    tokenVocabulary.Comma.name,
+    tokenVocabulary.Function.name,
+    tokenVocabulary.OpenParen.name,
+    tokenVocabulary.OpenCurlyParen.name,
+];
+export const CELL_SUGGESTION_SUFFIX = [
+    ...OPERATORS,
+    tokenVocabulary.Comma.name,
+    tokenVocabulary.CloseParen.name,
+    tokenVocabulary.CloseCurlyParen.name,
+];
+export const THIS_ROW_ITEM = {
+    title: "@ - This Row",
+    category: "thisrow",
+};
+export const SPECIAL_ITEMS = [
+    {
+        title: "#All",
+        category: "specialitem",
+    },
+    {
+        title: "#Data",
+        category: "specialitem",
+    },
+    {
+        title: "#Headers",
+        category: "specialitem",
+    },
+    {
+        title: "#Totals",
+        category: "specialitem",
+    },
+];

package/dist/esm/editor/editor-error-boundary.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function ErrorFallback(): React.JSX.Element;
+//# sourceMappingURL=editor-error-boundary.d.ts.map

package/dist/esm/editor/editor-error-boundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor-error-boundary.d.ts","sourceRoot":"","sources":["../../../editor/editor-error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,wBAAgB,aAAa,sBAgB5B"}

package/dist/esm/editor/editor-error-boundary.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { IconButton } from "../icon-button";
+import { useErrorBoundary } from "react-error-boundary";
+export function ErrorFallback() {
+    const { resetBoundary } = useErrorBoundary();
+    return (React.createElement("div", { className: "px-1.5 py-1 text-sm font-system" },
+        "Sorry, Something went wrong with editor.",
+        React.createElement(IconButton, { className: "ml-2", variant: "warning", size: "sm", onClick: resetBoundary }, "Try again")));
+}

package/dist/esm/editor/style.d.ts

@@ -0,0 +1,12 @@
+import type { ComponentProps } from "react";
+import React from "react";
+import { IconButton } from "../icon-button";
+export declare const StyledDropdownItem: React.ForwardRefExoticComponent<Omit<import("../button").ButtonProps & React.RefAttributes<HTMLButtonElement> & {
+    active?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const StyledDropdownWrapper: React.ForwardRefExoticComponent<Omit<{
+    children: React.ReactNode;
+} & React.HTMLProps<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const StyledFormulaHelp: ({ className, ...props }: ComponentProps<typeof IconButton>) => React.JSX.Element;
+export declare const StyledCategoryHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=style.d.ts.map

package/dist/esm/editor/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../editor/style.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,eAAO,MAAM,kBAAkB;aAEoB,OAAO;mDAexD,CAAC;AAGH,eAAO,MAAM,qBAAqB;cAGpB,KAAK,CAAC,SAAS;kFAa3B,CAAC;AAGH,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,cAAc,CAAC,OAAO,UAAU,CAAC,sBAUnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mKAY/B,CAAC"}

package/dist/esm/editor/style.js

@@ -0,0 +1,17 @@
+import React from "react";
+import { Button } from "../button";
+import { IconButton } from "../icon-button";
+import { cn } from "../utils";
+export const StyledDropdownItem = React.forwardRef(({ active, className, ...props }, ref) => {
+    return (React.createElement(Button, { ref: ref, role: "option", variant: "unstyled", className: cn("m-0 py-1 px-2 hover:bg-rnc-accent rounded-none w-full text-left flex-col justify-start items-start text-sm font-system min-h-[calc(1lh+0.5rem)]", active && "bg-rnc-foreground/10", className), ...props }));
+});
+StyledDropdownItem.displayName = "StyledDropdownItem";
+export const StyledDropdownWrapper = React.forwardRef(({ className, ...props }, ref) => {
+    return (React.createElement("div", { ref: ref, className: cn("shadow-md bg-rnc-background rounded-md py-1 max-w-[400px] max-h-[400px] overflow-auto top-full w-full flex flex-col", className), ...props }));
+});
+StyledDropdownWrapper.displayName = "StyledDropdownWrapper";
+export const StyledFormulaHelp = ({ className, ...props }) => {
+    return (React.createElement(IconButton, { className: cn("absolute right-full mr-1 text-xs shadow-sm whitespace-nowrap font-system flex items-center rounded-tr-none rounded-br-none bg-blue-500 text-white min-h-0 min-w-0 pt-1 pb-1 hover:bg-blue-600 hover:text-white top-[-2px] px-0.5", className), ...props }));
+};
+export const StyledCategoryHeader = React.forwardRef(({ className, ...props }, ref) => (React.createElement("div", { ref: ref, className: cn("px-2 py-1 whitespace-nowrap font-system text-xs text-rnc-muted-foreground select-none", className), ...props })));
+StyledCategoryHeader.displayName = "StyledCategoryHeader";

package/dist/esm/editor/suggestions-dropdown.d.ts

@@ -0,0 +1,25 @@
+import type { ParsedToken } from "@rowsncolumns/calculator";
+import type { CalculatorFunction } from "@rowsncolumns/common-types";
+import React from "react";
+import { OptionItem } from "../editor-pm/types";
+export type SuggestionsDropdownProps = {
+    formulaMode?: boolean;
+    dropdownStyles?: React.CSSProperties;
+    functionToken: ParsedToken | undefined;
+    parameterIndex: number;
+    items: (OptionItem | CalculatorFunction)[];
+    highlightedIndex: number;
+    /**
+     * Show formula help
+     */
+    showFormulaHelp?: boolean;
+    /**
+     * Callback to hide formula help
+     */
+    onHideFormulaHelp?(): void;
+    onSelect(value: OptionItem | CalculatorFunction): void;
+    onChangeHighlightedIndex(index: number): void;
+    functionDescriptions?: CalculatorFunction[] | null;
+};
+export declare const SuggestionsDropdown: React.MemoExoticComponent<({ formulaMode, dropdownStyles, items, functionToken, parameterIndex, highlightedIndex, showFormulaHelp, onHideFormulaHelp, onSelect, onChangeHighlightedIndex, functionDescriptions, }: SuggestionsDropdownProps) => React.JSX.Element>;
+//# sourceMappingURL=suggestions-dropdown.d.ts.map

package/dist/esm/editor/suggestions-dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"suggestions-dropdown.d.ts","sourceRoot":"","sources":["../../../editor/suggestions-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,OAAO,KAA2C,MAAM,OAAO,CAAC;AAShE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAkBhD,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,aAAa,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE,CAAC,UAAU,GAAG,kBAAkB,CAAC,EAAE,CAAC;IAC3C,gBAAgB,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,IAAI,IAAI,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,UAAU,GAAG,kBAAkB,GAAG,IAAI,CAAC;IACvD,wBAAwB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9C,oBAAoB,CAAC,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAC;CACpD,CAAC;AAEF,eAAO,MAAM,mBAAmB,qNAa3B,wBAAwB,uBAwK5B,CAAC"}

package/dist/esm/editor/suggestions-dropdown.js

@@ -0,0 +1,115 @@
+import { TableIcon } from "@rowsncolumns/icons";
+import React, { memo, useMemo, useEffect, useRef } from "react";
+import { FunctionInfo } from "../function-info";
+import { cn } from "../utils";
+import { StyledCategoryHeader, StyledDropdownItem, StyledDropdownWrapper, } from "./style";
+import { cleanFunctionToken } from "../editor-pm/helpers";
+export const SuggestionsDropdown = memo(({ formulaMode, dropdownStyles, items, functionToken, parameterIndex, highlightedIndex, showFormulaHelp = true, onHideFormulaHelp, onSelect, onChangeHighlightedIndex, functionDescriptions, }) => {
+    const containerRef = useRef(null);
+    const itemRefs = useRef(new Map());
+    const categorizedItems = useMemo(() => {
+        const seenCategories = new Set();
+        const getCategory = (item) => {
+            if (!formulaMode) {
+                return "default";
+            }
+            if ("category" in item) {
+                switch (item.category) {
+                    case "table":
+                    case "column":
+                    case "specialitem":
+                    case "thisrow":
+                        return "structured";
+                    case "property":
+                        return "property";
+                    case "parameter":
+                        return "parameter";
+                    case "namedrange":
+                        return "namedrange";
+                    default:
+                        return "default";
+                }
+            }
+            return "function";
+        };
+        const getHeader = (category) => {
+            switch (category) {
+                case "structured":
+                    return "Structured References";
+                case "property":
+                    return "Properties";
+                case "parameter":
+                    return "Parameters";
+                case "namedrange":
+                    return "Named ranges";
+                case "function":
+                    return "Functions";
+                default:
+                    return undefined;
+            }
+        };
+        return items.map((item, index) => {
+            const category = getCategory(item);
+            const header = category !== "default" && !seenCategories.has(category)
+                ? getHeader(category)
+                : undefined;
+            seenCategories.add(category);
+            return {
+                item,
+                index,
+                category,
+                header,
+            };
+        });
+    }, [items, formulaMode]);
+    // Scroll highlighted item into view
+    useEffect(() => {
+        const highlightedElement = itemRefs.current.get(highlightedIndex);
+        if (highlightedElement && containerRef.current) {
+            highlightedElement.scrollIntoView({
+                block: "nearest",
+                behavior: "smooth",
+            });
+        }
+    }, [highlightedIndex]);
+    // Get active function
+    const activeFunction = useMemo(() => {
+        return functionToken
+            ? functionDescriptions?.find((fn) => fn.title.match(new RegExp("^" + cleanFunctionToken(functionToken?.image ?? "") + "$", "gi")))
+            : void 0;
+    }, [functionDescriptions, functionToken]);
+    const showFunctionInfo = functionToken && !categorizedItems.length && activeFunction;
+    return (React.createElement(StyledDropdownWrapper, { ref: containerRef, style: dropdownStyles, role: "listbox", className: cn("relative", showFunctionInfo && !showFormulaHelp ? "p-0" : undefined, formulaMode ? "w-[340px]" : undefined) },
+        Boolean(showFormulaHelp && showFunctionInfo) && (React.createElement(FunctionInfo, { activeFunction: activeFunction, parameterIndex: parameterIndex, onHideFormulaHelp: onHideFormulaHelp })),
+        categorizedItems.map(({ item, index, header, category }) => {
+            const isNamedRange = category === "namedrange";
+            const isFunction = category === "function";
+            const isStructuredReference = category === "structured";
+            const isPropertyReference = category === "property";
+            const isParameter = category === "parameter";
+            const isActive = highlightedIndex === index;
+            const className = isNamedRange ||
+                isFunction ||
+                isStructuredReference ||
+                isPropertyReference ||
+                isParameter
+                ? isNamedRange
+                    ? "font-formula flex-row items-center"
+                    : "font-formula"
+                : undefined;
+            const functionDescription = isFunction && "description" in item ? item.description : undefined;
+            return (React.createElement(React.Fragment, { key: index },
+                header && React.createElement(StyledCategoryHeader, null, header),
+                React.createElement(StyledDropdownItem, { role: "option", ref: (el) => {
+                        if (el)
+                            itemRefs.current.set(index, el);
+                        else
+                            itemRefs.current.delete(index);
+                    }, active: isActive, variant: "unstyled", onClick: () => onSelect(item), onMouseMove: () => onChangeHighlightedIndex(index), onMouseDown: (event) => event.preventDefault(), className: className },
+                    isNamedRange && (React.createElement("div", { className: "mr-1 inline-block leading-none" },
+                        React.createElement(TableIcon, null))),
+                    item.title,
+                    functionDescription && isActive && (React.createElement("span", { className: "text-xs text-rnc-foreground/70 pt-0 block font-system" }, functionDescription)))));
+        })));
+});
+SuggestionsDropdown.displayName = "SuggestionsDropdown";

package/dist/esm/editor-pm/constants.d.ts

@@ -0,0 +1,2 @@
+export * from "../editor/constants";
+//# sourceMappingURL=constants.d.ts.map

package/dist/esm/editor-pm/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../editor-pm/constants.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC"}

package/dist/esm/editor-pm/constants.js

@@ -0,0 +1,2 @@
+// Re-export constants from the original editor
+export * from "../editor/constants";

package/dist/esm/editor-pm/decoration-plugin.d.ts

@@ -0,0 +1,15 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import { DecorationSet } from "prosemirror-view";
+import type { ParsedToken } from "@rowsncolumns/calculator";
+export interface DecorationPluginState {
+    decorations: DecorationSet;
+}
+export declare const decorationPluginKey: PluginKey<DecorationPluginState>;
+export interface DecorationPluginOptions {
+    formulaMode?: boolean;
+    isActive?: boolean;
+    tokenizer(value: string): ParsedToken[];
+    getDecorations(state: any): DecorationSet;
+}
+export declare function createDecorationPlugin(options: DecorationPluginOptions): Plugin<DecorationPluginState>;
+//# sourceMappingURL=decoration-plugin.d.ts.map

package/dist/esm/editor-pm/decoration-plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decoration-plugin.d.ts","sourceRoot":"","sources":["../../../editor-pm/decoration-plugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,WAAW,qBAAqB;IACpC,WAAW,EAAE,aAAa,CAAC;CAC5B;AAED,eAAO,MAAM,mBAAmB,kCAAsD,CAAC;AAEvF,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,EAAE,CAAC;IACxC,cAAc,CAAC,KAAK,EAAE,GAAG,GAAG,aAAa,CAAC;CAC3C;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,uBAAuB,iCAyCtE"}

package/dist/esm/editor-pm/decoration-plugin.js

@@ -0,0 +1,38 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+export const decorationPluginKey = new PluginKey("decorations");
+export function createDecorationPlugin(options) {
+    return new Plugin({
+        key: decorationPluginKey,
+        state: {
+            init(_, state) {
+                return {
+                    decorations: options.getDecorations(state),
+                };
+            },
+            apply(tr, pluginState, oldState, newState) {
+                // Force update if metadata is set
+                const forceUpdate = tr.getMeta("updateDecorations");
+                // Recalculate decorations when the document changes, selection changes, or force update
+                if (tr.docChanged || tr.selectionSet || forceUpdate) {
+                    return {
+                        decorations: options.getDecorations(newState),
+                    };
+                }
+                // Map existing decorations if document structure changed but nothing else
+                if (tr.mapping && tr.mapping.maps.length > 0) {
+                    return {
+                        decorations: pluginState.decorations.map(tr.mapping, tr.doc),
+                    };
+                }
+                // Return existing state if nothing changed
+                return pluginState;
+            },
+        },
+        props: {
+            decorations(state) {
+                const pluginState = decorationPluginKey.getState(state);
+                return pluginState?.decorations;
+            },
+        },
+    });
+}