@rowsncolumns/ui 15.0.38

package/dist/cjs/command/index.js

@@ -0,0 +1,37 @@
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { Command as CommandPrimitive } from "cmdk";
+import { cn } from "../utils";
+export var Command = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive, __assign({ ref: ref, className: cn("flex h-full w-full flex-col overflow-hidden rounded-md bg-rnc-popover text-rnc-popover-foreground", className) }, props)));
+});
+Command.displayName = CommandPrimitive.displayName;
+export var CommandInput = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", { className: "flex items-center border-b border-rnc-border p-3" },
+        React.createElement(CommandPrimitive.Input, __assign({ ref: ref, className: cn("flex w-full border-solid rounded-sm border border-rnc-input text-rnc-foreground bg-transparent px-1 py-0.5 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-rnc-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring focus-visible:ring-offset-0 disabled:cursor-not-allowed disabled:opacity-50", className) }, props))));
+});
+CommandInput.displayName = CommandPrimitive.Input.displayName;
+export var CommandList = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.List, __assign({ ref: ref, className: cn("max-h-[300px] overflow-y-auto overflow-x-hidden", className) }, props)));
+});
+CommandList.displayName = CommandPrimitive.List.displayName;
+export var CommandEmpty = React.forwardRef(function (props, ref) { return (React.createElement(CommandPrimitive.Empty, __assign({ ref: ref, className: "py-6 text-center text-sm text-rnc-muted-foreground" }, props))); });
+CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
+export var CommandGroup = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.Group, __assign({ ref: ref, className: cn("overflow-hidden p-1 text-rnc-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-rnc-muted-foreground", className) }, props)));
+});
+CommandGroup.displayName = CommandPrimitive.Group.displayName;
+export var CommandSeparator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.Separator, __assign({ ref: ref, className: cn("-mx-1 h-px bg-rnc-border", className) }, props)));
+});
+CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
+export var CommandItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(CommandPrimitive.Item, __assign({ ref: ref, className: cn("relative flex cursor-default gap-2 select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[disabled=true]:pointer-events-none data-[selected=true]:bg-rnc-accent data-[selected=true]:text-rnc-accent-foreground data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", className) }, props)));
+});
+CommandItem.displayName = CommandPrimitive.Item.displayName;

package/dist/cjs/conditional-wrapper/index.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+type ConditionalWrapperProps = {
+    children: React.ReactElement | null;
+    condition: boolean;
+    wrapper: (children: React.ReactElement | null) => React.JSX.Element | null;
+};
+export declare const ConditionalWrapper: ({ condition, wrapper, children, }: ConditionalWrapperProps) => React.JSX.Element | null;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/conditional-wrapper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../conditional-wrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,IAAI,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAAC;CAC5E,CAAC;AACF,eAAO,MAAM,kBAAkB,GAAI,mCAIhC,uBAAuB,6BAA+C,CAAC"}

package/dist/cjs/conditional-wrapper/index.js

@@ -0,0 +1,4 @@
+export var ConditionalWrapper = function (_a) {
+    var condition = _a.condition, wrapper = _a.wrapper, children = _a.children;
+    return (condition ? wrapper(children) : children);
+};

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

@@ -0,0 +1,17 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import React from "react";
+export declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    portalClassName?: string;
+    container?: HTMLElement | null;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogCloseButton: React.ForwardRefExoticComponent<Omit<import("./../icon-button").IconButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogBody: ({ className, children, }: {
+    className?: string;
+    children: React.ReactNode;
+}) => React.JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/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/cjs/dialog/index.js

@@ -0,0 +1,50 @@
+import { __assign, __rest } from "tslib";
+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";
+var DialogPortal = function (_a) {
+    var children = _a.children, className = _a.className, container = _a.container, props = __rest(_a, ["children", "className", "container"]);
+    return (React.createElement(DialogPrimitive.Portal, __assign({ 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 var DialogTitle = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DialogPrimitive.Title, __assign({ 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 var DialogDescription = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DialogPrimitive.Description, __assign({ 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;
+var DialogOverlay = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DialogPrimitive.Overlay, __assign({ 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 var DialogContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, portalClassName = _a.portalClassName, container = _a.container, children = _a.children, props = __rest(_a, ["className", "portalClassName", "container", "children"]);
+    var 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, __assign({ 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 var Dialog = DialogPrimitive.Root;
+export var DialogTrigger = DialogPrimitive.Trigger;
+export var DialogClose = DialogPrimitive.Close;
+export var DialogCloseButton = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(IconButton, __assign({ ref: ref, className: cn("absolute top-2 right-2", className) }, props)));
+});
+DialogCloseButton.displayName = "DialogCloseButton";
+export var DialogBody = function (_a) {
+    var className = _a.className, children = _a.children;
+    return (React.createElement("div", { className: cn("p-4 overflow-auto max-h-svh", className) }, children));
+};

package/dist/cjs/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/cjs/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/cjs/dropdown/index.js

@@ -0,0 +1,73 @@
+import { __assign, __rest } from "tslib";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import React from "react";
+import { cn } from "../utils";
+export var DropdownRightSlot = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: cn("ml-auto pl-2 box-border text-rnc-muted-foreground leading-none", className) }, props)));
+};
+export var DropdownLeftSlot = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: cn("pr-2 w-6 box-border text-base leading-none", className) }, props)));
+};
+// export const DropdownMenuItemStandalone = StyledStandaloneItem;
+export var DropdownMenu = DropdownMenuPrimitive.Root;
+export var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
+export var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
+export var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
+export var DropdownMenuContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 4 : _b, _c = _a.constrainToAvailableHeight, constrainToAvailableHeight = _c === void 0 ? true : _c, props = __rest(_a, ["className", "sideOffset", "constrainToAvailableHeight"]);
+    return (React.createElement(DropdownMenuPrimitive.Content, __assign({ 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 var DropdownMenuItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.Item, __assign({ 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 var DropdownMenuTriggerItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.DropdownMenuTrigger, __assign({ 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 var DropdownMenuCheckboxItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, checked = _a.checked, props = __rest(_a, ["className", "checked"]);
+    return (React.createElement(DropdownMenuPrimitive.CheckboxItem, __assign({ 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 var DropdownMenuLabel = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inset = _a.inset, props = __rest(_a, ["className", "inset"]);
+    return (React.createElement(DropdownMenuPrimitive.Label, __assign({ 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 var DropdownMenuSeparator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.Separator, __assign({ ref: ref, className: cn("-mx-1 my-1 h-px bg-rnc-border", className) }, props)));
+});
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+export var DropdownMenuArrow = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.Arrow, __assign({ ref: ref, className: cn("fill-background", className) }, props)));
+});
+DropdownMenuArrow.displayName = DropdownMenuPrimitive.Arrow.displayName;
+export var DropdownMenuItemIndicator = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.DropdownMenuItemIndicator, __assign({ 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 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
+export var DropdownMenuSubTrigger = React.forwardRef(function (_a, ref) {
+    var className = _a.className, inset = _a.inset, children = _a.children, props = __rest(_a, ["className", "inset", "children"]);
+    return (React.createElement(DropdownMenuPrimitive.SubTrigger, __assign({ 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 var DropdownMenuSubContent = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(DropdownMenuPrimitive.SubContent, __assign({ 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/cjs/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/cjs/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/cjs/editor/constants.js

@@ -0,0 +1,50 @@
+import { __read, __spreadArray } from "tslib";
+import { tokenVocabulary } from "@rowsncolumns/calculator";
+export var 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 var CELL_SUGGESTION_PREFIX = __spreadArray(__spreadArray([], __read(OPERATORS), false), [
+    tokenVocabulary.Comma.name,
+    tokenVocabulary.Function.name,
+    tokenVocabulary.OpenParen.name,
+    tokenVocabulary.OpenCurlyParen.name,
+], false);
+export var CELL_SUGGESTION_SUFFIX = __spreadArray(__spreadArray([], __read(OPERATORS), false), [
+    tokenVocabulary.Comma.name,
+    tokenVocabulary.CloseParen.name,
+    tokenVocabulary.CloseCurlyParen.name,
+], false);
+export var THIS_ROW_ITEM = {
+    title: "@ - This Row",
+    category: "thisrow",
+};
+export var SPECIAL_ITEMS = [
+    {
+        title: "#All",
+        category: "specialitem",
+    },
+    {
+        title: "#Data",
+        category: "specialitem",
+    },
+    {
+        title: "#Headers",
+        category: "specialitem",
+    },
+    {
+        title: "#Totals",
+        category: "specialitem",
+    },
+];

package/dist/cjs/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/cjs/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/cjs/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() {
+    var resetBoundary = useErrorBoundary().resetBoundary;
+    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/cjs/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/cjs/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/cjs/editor/style.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import React from "react";
+import { Button } from "../button";
+import { IconButton } from "../icon-button";
+import { cn } from "../utils";
+export var StyledDropdownItem = React.forwardRef(function (_a, ref) {
+    var active = _a.active, className = _a.className, props = __rest(_a, ["active", "className"]);
+    return (React.createElement(Button, __assign({ 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 var StyledDropdownWrapper = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ 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 var StyledFormulaHelp = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement(IconButton, __assign({ 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 var StyledCategoryHeader = React.forwardRef(function (_a, ref) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ 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/cjs/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/cjs/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/cjs/editor/suggestions-dropdown.js

@@ -0,0 +1,120 @@
+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 var SuggestionsDropdown = memo(function (_a) {
+    var formulaMode = _a.formulaMode, dropdownStyles = _a.dropdownStyles, items = _a.items, functionToken = _a.functionToken, parameterIndex = _a.parameterIndex, highlightedIndex = _a.highlightedIndex, _b = _a.showFormulaHelp, showFormulaHelp = _b === void 0 ? true : _b, onHideFormulaHelp = _a.onHideFormulaHelp, onSelect = _a.onSelect, onChangeHighlightedIndex = _a.onChangeHighlightedIndex, functionDescriptions = _a.functionDescriptions;
+    var containerRef = useRef(null);
+    var itemRefs = useRef(new Map());
+    var categorizedItems = useMemo(function () {
+        var seenCategories = new Set();
+        var getCategory = function (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";
+        };
+        var getHeader = function (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(function (item, index) {
+            var category = getCategory(item);
+            var header = category !== "default" && !seenCategories.has(category)
+                ? getHeader(category)
+                : undefined;
+            seenCategories.add(category);
+            return {
+                item: item,
+                index: index,
+                category: category,
+                header: header,
+            };
+        });
+    }, [items, formulaMode]);
+    // Scroll highlighted item into view
+    useEffect(function () {
+        var highlightedElement = itemRefs.current.get(highlightedIndex);
+        if (highlightedElement && containerRef.current) {
+            highlightedElement.scrollIntoView({
+                block: "nearest",
+                behavior: "smooth",
+            });
+        }
+    }, [highlightedIndex]);
+    // Get active function
+    var activeFunction = useMemo(function () {
+        return functionToken
+            ? functionDescriptions === null || functionDescriptions === void 0 ? void 0 : functionDescriptions.find(function (fn) {
+                var _a;
+                return fn.title.match(new RegExp("^" + cleanFunctionToken((_a = functionToken === null || functionToken === void 0 ? void 0 : functionToken.image) !== null && _a !== void 0 ? _a : "") + "$", "gi"));
+            })
+            : void 0;
+    }, [functionDescriptions, functionToken]);
+    var 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(function (_a) {
+            var item = _a.item, index = _a.index, header = _a.header, category = _a.category;
+            var isNamedRange = category === "namedrange";
+            var isFunction = category === "function";
+            var isStructuredReference = category === "structured";
+            var isPropertyReference = category === "property";
+            var isParameter = category === "parameter";
+            var isActive = highlightedIndex === index;
+            var className = isNamedRange ||
+                isFunction ||
+                isStructuredReference ||
+                isPropertyReference ||
+                isParameter
+                ? isNamedRange
+                    ? "font-formula flex-row items-center"
+                    : "font-formula"
+                : undefined;
+            var 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: function (el) {
+                        if (el)
+                            itemRefs.current.set(index, el);
+                        else
+                            itemRefs.current.delete(index);
+                    }, active: isActive, variant: "unstyled", onClick: function () { return onSelect(item); }, onMouseMove: function () { return onChangeHighlightedIndex(index); }, onMouseDown: function (event) { return 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/cjs/editor-pm/constants.d.ts

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

package/dist/cjs/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/cjs/editor-pm/constants.js

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

package/dist/cjs/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/cjs/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/cjs/editor-pm/decoration-plugin.js

@@ -0,0 +1,38 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+export var decorationPluginKey = new PluginKey("decorations");
+export function createDecorationPlugin(options) {
+    return new Plugin({
+        key: decorationPluginKey,
+        state: {
+            init: function (_, state) {
+                return {
+                    decorations: options.getDecorations(state),
+                };
+            },
+            apply: function (tr, pluginState, oldState, newState) {
+                // Force update if metadata is set
+                var 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: function (state) {
+                var pluginState = decorationPluginKey.getState(state);
+                return pluginState === null || pluginState === void 0 ? void 0 : pluginState.decorations;
+            },
+        },
+    });
+}