@monolith-forensics/monolith-ui 1.1.46 → 1.1.48

package/dist/Button/Button.d.ts

@@ -13,6 +13,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: Variant;
     color?: string;
     disabled?: boolean;
+    selected?: boolean;
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 }
 declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/Button/Button.js

@@ -117,7 +117,7 @@ const StyledButton = styled.button `
     }
 }};
 
-  background-color: ${({ theme, variant, color }) => {
+  background-color: ${({ theme, variant, color, selected }) => {
     var _a, _b, _c, _d, _e, _f;
     if (variant === "default")
         return "transparent";
@@ -144,6 +144,8 @@ const StyledButton = styled.button `
             return "transparent";
         case "text":
             return "transparent";
+        case "subtle":
+            return selected ? theme.palette.action.hover : "transparent";
         default:
             return "transparent";
     }

package/dist/DropDownMenu/DropDownMenu.d.ts

@@ -1,20 +1,15 @@
-import { ComponentPropsWithoutRef, ComponentType, ReactNode, UIEvent } from "react";
+import { ComponentPropsWithoutRef, ComponentType, ReactElement, ReactNode, UIEvent } from "react";
 import { ButtonProps } from "../Button";
 import { Size, Variant } from "../core";
+import { DropDownItem } from "./types";
 interface StyledContentProps {
     maxDropdownHeight?: number | string;
     variant?: Variant;
 }
 declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledContentProps>> & string;
-interface DropDownItem {
-    toLowerCase?: () => string;
-    label: string;
-    value: string;
-    data?: any;
-}
-interface DropDownMenuProps {
+export interface DropDownMenuProps {
     className?: string;
-    children?: ReactNode;
+    children?: ReactNode | string;
     data?: DropDownItem[];
     variant?: Variant;
     defaultValue?: DropDownItem[];
@@ -30,7 +25,8 @@ interface DropDownMenuProps {
     arrow?: boolean;
     searchable?: boolean;
     dropDownProps?: ComponentPropsWithoutRef<typeof StyledContent>;
+    buttonRender?: (props: any) => ReactElement;
     buttonProps?: ButtonProps;
 }
-declare const DropDownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<DropDownMenuProps, never>> & string & Omit<({ className, children, data, variant, defaultValue, multiselect, size, TooltipContent, renderOption, onChange, onItemSelect, onScroll, loading, arrow, searchable, dropDownProps, buttonProps, }: DropDownMenuProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const DropDownMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<DropDownMenuProps, never>> & string & Omit<({ className, children, data, variant, defaultValue, multiselect, size, TooltipContent, renderOption, onChange, onItemSelect, onScroll, loading, arrow, searchable, dropDownProps, buttonRender, buttonProps, }: DropDownMenuProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export default DropDownMenu;

package/dist/DropDownMenu/DropDownMenu.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { FloatingFocusManager, FloatingPortal, flip, useFloating, } from "@floating-ui/react";
+import { FloatingFocusManager, FloatingPortal, flip, offset, useFloating, } from "@floating-ui/react";
 import { forwardRef, useEffect, useRef, useState, } from "react";
 import styled from "styled-components";
 import { Button, Tooltip, CheckBox, Input } from "..";
 import { useDebouncedCallback } from "use-debounce";
+import { ChevronDownIcon } from "lucide-react";
 const StyledFloatContainer = styled.div `
   z-index: 1500;
 `;
@@ -107,7 +108,7 @@ const StyledContent = styled.div `
     display: none;
   }
 `;
-const DropDownMenu = styled(({ className, children, data = [], variant = "outlined", defaultValue, multiselect = false, size = "xs", TooltipContent, renderOption, onChange, onItemSelect, onScroll, loading, arrow, searchable, dropDownProps, buttonProps, }) => {
+const DropDownMenu = styled(({ className, children, data = [], variant = "outlined", defaultValue, multiselect = false, size = "xs", TooltipContent, renderOption, onChange, onItemSelect, onScroll, loading, arrow, searchable, dropDownProps, buttonRender, buttonProps, }) => {
     var _a, _b, _c;
     const isObjectArray = (_a = Object.keys((data === null || data === void 0 ? void 0 : data[0]) || {})) === null || _a === void 0 ? void 0 : _a.includes("label");
     const [isOpen, setIsOpen] = useState(false);
@@ -121,7 +122,7 @@ const DropDownMenu = styled(({ className, children, data = [], variant = "outlin
         placement: "bottom-start",
         strategy: "absolute",
         // Handle collisions with the viewport
-        middleware: [flip()],
+        middleware: [flip(), offset(3)],
     });
     const handleAddItem = (item) => {
         setSelected((prev) => {
@@ -171,9 +172,13 @@ const DropDownMenu = styled(({ className, children, data = [], variant = "outlin
     }, [isOpen, searchable]);
     const scrollActive = (((_b = scrollContainerRef === null || scrollContainerRef === void 0 ? void 0 : scrollContainerRef.current) === null || _b === void 0 ? void 0 : _b.scrollHeight) || 0) >
         (((_c = scrollContainerRef === null || scrollContainerRef === void 0 ? void 0 : scrollContainerRef.current) === null || _c === void 0 ? void 0 : _c.clientHeight) || 0);
-    return (_jsxs("div", { className: className + " mfDropDownMenu", children: [_jsx(Button, Object.assign({ ref: (ref) => {
+    return (_jsxs("div", { className: className + " mfDropDownMenu", children: [buttonRender ? (buttonRender({
+                onClick: () => setIsOpen(!isOpen),
+                buttonRef: refs.setReference,
+                isOpen,
+            })) : (_jsx(Button, Object.assign({ ref: (ref) => {
                     refs.setReference(ref);
-                }, onMouseDown: () => setIsOpen(!isOpen), rightSection: arrow ? _jsx("span", { children: "\u25BC" }) : null, size: size }, buttonProps, { children: children })), isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(FloatingFocusManager, { context: context, modal: false, children: _jsx(StyledFloatContainer, { ref: refs.setFloating, style: floatingStyles, className: "mfFloating", children: _jsx(StyledContent, Object.assign({ className: "mfFloatingContent", style: { width: 150, maxWidth: 400 }, variant: variant }, dropDownProps, { children: _jsxs(StyledInnerItemContainer, { ref: scrollContainerRef, "data-scroll-active": scrollActive, onScroll: onScroll, children: [loading && _jsx("div", { children: "Loading..." }), searchable && (_jsx(SearchInput, { ref: searchInputRef, variant: "outlined", placeholder: "Search", onChange: handleSearch })), !loading &&
+                }, onClick: () => setIsOpen(!isOpen), rightSection: arrow ? _jsx(ChevronDownIcon, { size: 12 }) : null, size: size, variant: variant, selected: isOpen }, buttonProps, { children: children }))), isOpen && (_jsx(FloatingPortal, { preserveTabOrder: true, children: _jsx(FloatingFocusManager, { context: context, modal: false, children: _jsx(StyledFloatContainer, { ref: refs.setFloating, style: floatingStyles, className: "mfFloating", children: _jsx(StyledContent, Object.assign({ className: "mfFloatingContent", style: { width: 150, maxWidth: 400 } }, dropDownProps, { children: _jsxs(StyledInnerItemContainer, { ref: scrollContainerRef, "data-scroll-active": scrollActive, onScroll: onScroll, children: [loading && _jsx("div", { children: "Loading..." }), searchable && (_jsx(SearchInput, { ref: searchInputRef, variant: "outlined", size: size, placeholder: "Search", onChange: handleSearch })), !loading &&
                                         data
                                             .filter((item) => {
                                             var _a, _b, _c;
@@ -191,6 +196,7 @@ const DropDownMenu = styled(({ className, children, data = [], variant = "outlin
                                                 ? (s === null || s === void 0 ? void 0 : s.value) === (item === null || item === void 0 ? void 0 : item.value)
                                                 : s === item));
                                             return (_jsx(Tooltip, { content: TooltipContent ? (_jsx(TooltipContent, { data: item.data })) : null, side: "left", children: _jsxs(StyledItem, { className: "mfFloatingItem", onClick: (e) => {
+                                                        var _a;
                                                         e.preventDefault();
                                                         e.stopPropagation();
                                                         if (multiselect) {
@@ -202,7 +208,8 @@ const DropDownMenu = styled(({ className, children, data = [], variant = "outlin
                                                             setIsOpen(false);
                                                         }
                                                         onItemSelect === null || onItemSelect === void 0 ? void 0 : onItemSelect(item);
-                                                    }, "data-selected": isSelected, size: size, children: [multiselect && _jsx(CheckBox, { value: isSelected }), _jsx(_Fragment, { children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || (item === null || item === void 0 ? void 0 : item.label) || item })] }) }, index));
+                                                        (_a = item === null || item === void 0 ? void 0 : item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, item);
+                                                    }, "data-selected": isSelected, size: size, children: [multiselect && _jsx(CheckBox, { value: isSelected }), (item === null || item === void 0 ? void 0 : item.leftSection) || null, _jsx(_Fragment, { children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || (item === null || item === void 0 ? void 0 : item.label) || item }), (item === null || item === void 0 ? void 0 : item.rightSection) || null] }) }, index));
                                         })] }) })) }) }) }))] }));
 }) ``;
 export default DropDownMenu;

package/dist/DropDownMenu/index.d.ts

@@ -1 +1,2 @@
 export { default } from "./DropDownMenu";
+export type { DropDownItem } from "./types";

package/dist/DropDownMenu/types.d.ts

@@ -0,0 +1,9 @@
+export type DropDownItem = {
+    toLowerCase?: () => string;
+    label: string;
+    value: string;
+    onClick?: (args: any) => void;
+    data?: any;
+    leftSection?: React.ReactNode;
+    rightSection?: React.ReactNode;
+};

package/dist/DropDownMenu/types.js

@@ -0,0 +1 @@
+export {};

package/dist/MonolithUIProvider/GlobalStyle.js

@@ -47,5 +47,23 @@ const GlobalStyle = createGlobalStyle `
         text-decoration: none;
         color: unset;
     }
+
+    ::-webkit-scrollbar {
+	    width: 6px;
+	    height: 5px;
+    }
+
+    ::-webkit-scrollbar-track {
+        background: ${(props) => props.theme.scrollbar.track};
+    }
+
+    ::-webkit-scrollbar-thumb {
+
+        background: ${(props) => props.theme.scrollbar.thumb}
+    }
+
+    ::-webkit-scrollbar-thumb:hover {
+        background: ${(props) => props.theme.scrollbar.thumbHover}; 
+    }
 `;
 export default GlobalStyle;

package/dist/MonolithUIProvider/MonolithUIProvider.d.ts

@@ -11,7 +11,7 @@ export interface MonolithUIContextType {
 }
 export declare const MonolithUIContext: React.Context<MonolithUIContextType | undefined>;
 interface MonolithUIProviderProps {
-    children: React.ReactNode | React.ReactNode[];
+    children?: React.ReactNode | React.ReactNode[];
     theme?: DefaultTheme;
     defaultColorScheme?: ColorScheme;
     colorScheme?: ColorScheme;

package/dist/RichTextEditor/Components/BubbleMenu.d.ts

@@ -0,0 +1,34 @@
+import Extensions from "../Enums/Extensions";
+import { DropDownItem } from "../../DropDownMenu";
+import { ReactElement } from "react";
+import { ButtonProps } from "../../Button";
+import { Editor } from "@tiptap/react";
+import { DropDownMenuProps } from "../../DropDownMenu/DropDownMenu";
+export interface BubbleMenuProps {
+    className?: string;
+    editor: Editor;
+    rect: DOMRect;
+    open: boolean;
+    onOpen?: (element: HTMLElement) => void;
+    customMenuItems?: BubbleItem[];
+}
+interface BubbleMenuDropDownItem extends DropDownItem {
+    data?: {
+        command?: (editor: Editor, selectedText: string) => void;
+    };
+}
+export type BubbleItem = {
+    name: Extensions | string;
+    icon?: React.FC<any>;
+    type?: "button" | "menu";
+    label?: string | Element;
+    items?: BubbleMenuDropDownItem[];
+    arrow?: boolean;
+    isActive?: (editor: Editor) => boolean;
+    buttonRender?: (props: any) => ReactElement;
+    buttonProps?: ButtonProps;
+    dropDownProps?: DropDownMenuProps;
+    onClick?: (editor: Editor) => void;
+};
+declare const BubbleMenu: React.FC<BubbleMenuProps>;
+export default BubbleMenu;

package/dist/RichTextEditor/Components/BubbleMenu.js

@@ -0,0 +1,276 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import Extensions from "../Enums/Extensions";
+import { BoldIcon, ItalicIcon, UnderlineIcon, CaseSensitiveIcon, ListIcon, ListOrderedIcon, StrikethroughIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, RemoveFormattingIcon, } from "lucide-react";
+import DropDownMenu from "../../DropDownMenu";
+import { FloatingPortal, useFloating } from "@floating-ui/react";
+import { useEffect, useRef } from "react";
+import Button from "../../Button";
+const getMenuItems = (editor, customMenuItems) => {
+    var _a, _b, _c, _d, _e, _f, _g;
+    const node = (_c = (_b = (_a = editor === null || editor === void 0 ? void 0 : editor.state) === null || _a === void 0 ? void 0 : _a.selection) === null || _b === void 0 ? void 0 : _b.$from) === null || _c === void 0 ? void 0 : _c.parent;
+    const pos = (_e = (_d = editor === null || editor === void 0 ? void 0 : editor.state) === null || _d === void 0 ? void 0 : _d.selection) === null || _e === void 0 ? void 0 : _e.$from;
+    let withinUnorderedList = false;
+    let withinOrderedList = false;
+    // Traverse the node ancestors
+    pos.path.forEach((node) => {
+        var _a, _b;
+        if (((_a = node === null || node === void 0 ? void 0 : node.type) === null || _a === void 0 ? void 0 : _a.name) === "bulletList") {
+            withinUnorderedList = true;
+        }
+        else if (((_b = node === null || node === void 0 ? void 0 : node.type) === null || _b === void 0 ? void 0 : _b.name) === "orderedList") {
+            withinOrderedList = true;
+        }
+    });
+    const attrs = node === null || node === void 0 ? void 0 : node.attrs;
+    let nodeTypeLabel = "Select Type";
+    let nodeTypeIcon = null;
+    if (withinOrderedList) {
+        nodeTypeLabel = "Ordered List";
+        nodeTypeIcon = _jsx(ListOrderedIcon, { size: 16 });
+    }
+    else if (withinUnorderedList) {
+        nodeTypeLabel = "Bullet List";
+        nodeTypeIcon = _jsx(ListIcon, { size: 16 });
+    }
+    else if (((_f = node === null || node === void 0 ? void 0 : node.type) === null || _f === void 0 ? void 0 : _f.name) === "paragraph") {
+        nodeTypeLabel = "Text";
+        nodeTypeIcon = _jsx(CaseSensitiveIcon, { size: 16 });
+    }
+    else if (((_g = node === null || node === void 0 ? void 0 : node.type) === null || _g === void 0 ? void 0 : _g.name) === "heading") {
+        const level = attrs === null || attrs === void 0 ? void 0 : attrs.level;
+        nodeTypeLabel = `Heading ${level}`;
+        nodeTypeIcon =
+            level === 1 ? (_jsx(Heading1Icon, { size: 16 })) : level === 2 ? (_jsx(Heading2Icon, { size: 16 })) : level === 3 ? (_jsx(Heading3Icon, { size: 16 })) : (_jsx(Heading4Icon, { size: 16 }));
+    }
+    return [
+        ...customMenuItems,
+        {
+            name: "node_type",
+            label: nodeTypeLabel,
+            type: "menu",
+            arrow: true,
+            buttonProps: {
+                leftSection: nodeTypeIcon,
+                style: { fontSize: 11, padding: "4px" },
+            },
+            items: [
+                {
+                    label: "Text",
+                    value: "text",
+                    leftSection: _jsx(CaseSensitiveIcon, { size: 16 }),
+                    data: {
+                        command: (editor) => {
+                            // remove ordered list
+                            editor
+                                .chain()
+                                .focus()
+                                .liftListItem("listItem")
+                                .setParagraph()
+                                .run();
+                        },
+                    },
+                },
+                {
+                    label: "Heading 1",
+                    value: "heading_1",
+                    leftSection: _jsx(Heading1Icon, { size: 16 }),
+                    data: {
+                        command: (editor) => {
+                            editor.chain().focus().setHeading({ level: 1 }).run();
+                        },
+                    },
+                },
+                {
+                    label: "Heading 2",
+                    value: "heading_2",
+                    leftSection: _jsx(Heading2Icon, { size: 16 }),
+                    data: {
+                        command: (editor) => {
+                            editor.chain().focus().setHeading({ level: 2 }).run();
+                        },
+                    },
+                },
+                {
+                    label: "Heading 3",
+                    value: "heading_3",
+                    leftSection: _jsx(Heading3Icon, { size: 16 }),
+                    data: {
+                        command: (editor) => {
+                            editor.chain().focus().setHeading({ level: 3 }).run();
+                        },
+                    },
+                },
+                {
+                    label: "Heading 4",
+                    value: "heading_4",
+                    leftSection: _jsx(Heading4Icon, { size: 16 }),
+                    data: {
+                        command: (editor) => {
+                            editor.chain().focus().setHeading({ level: 4 }).run();
+                        },
+                    },
+                },
+                {
+                    label: "Bullet List",
+                    value: "bullet_list",
+                    leftSection: _jsx(ListIcon, { size: 16 }),
+                    data: {
+                        command: (editor) => {
+                            editor.chain().focus().toggleBulletList().run();
+                        },
+                    },
+                },
+                {
+                    label: "Ordered List",
+                    value: "ordered_list",
+                    leftSection: _jsx(ListOrderedIcon, { size: 16 }),
+                    data: {
+                        command: (editor) => {
+                            editor.chain().focus().toggleOrderedList().run();
+                        },
+                    },
+                },
+            ],
+        },
+        {
+            name: Extensions.Bold,
+            icon: BoldIcon,
+            type: "button",
+            isActive: (editor) => editor.isActive("bold"),
+            onClick: (editor) => {
+                editor.chain().focus().toggleBold().run();
+            },
+        },
+        {
+            name: Extensions.Italic,
+            icon: ItalicIcon,
+            type: "button",
+            isActive: (editor) => editor.isActive("italic"),
+            onClick: (editor) => {
+                editor.chain().focus().toggleItalic().run();
+            },
+        },
+        {
+            name: Extensions.Underline,
+            icon: UnderlineIcon,
+            type: "button",
+            isActive: (editor) => editor.isActive("underline"),
+            onClick: (editor) => {
+                editor.chain().focus().toggleUnderline().run();
+            },
+        },
+        {
+            name: Extensions.Strike,
+            icon: StrikethroughIcon,
+            type: "button",
+            isActive: (editor) => editor.isActive("strike"),
+            onClick: (editor) => {
+                editor.chain().focus().toggleStrike().run();
+            },
+        },
+        {
+            name: Extensions.ClearFormatting,
+            icon: RemoveFormattingIcon,
+            type: "button",
+            onClick: (editor) => {
+                editor.chain().focus().setParagraph().run();
+                editor.chain().focus().unsetAllMarks().run();
+            },
+        },
+    ];
+};
+const BubbleMenuContent = styled.div `
+  position: fixed;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 2px;
+  gap: 2px;
+
+  color: ${({ theme }) => theme.palette.text.primary};
+  background-color: ${({ theme }) => theme.palette.input.background};
+
+  border-radius: 5px;
+  border: 1px solid ${(props) => props.theme.palette.divider};
+
+  font-size: 0.8rem;
+
+  min-height: 30px;
+
+  opacity: 0;
+  transform: scale(0.25); /* Start at half size */
+  animation: fadeInEffect 90ms forwards;
+
+  /* Animation to handle the fade in */
+  @keyframes fadeInEffect {
+    0% {
+      opacity: 0;
+      transform: scale(0.25);
+    }
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+`;
+const BubbleItemButton = styled(Button) `
+  font-size: 0.5rem;
+  font-weight: 500;
+  padding: 4px;
+  height: auto;
+
+  &.is-active {
+    opacity: 1;
+    color: ${({ theme }) => theme.palette.primary.main};
+  }
+
+  &:hover {
+    background-color: ${({ theme }) => theme.palette.action.hover};
+  }
+`;
+const BubbleMenu = ({ editor, rect, open, onOpen, customMenuItems = [], }) => {
+    var _a;
+    const menuRef = useRef(null);
+    const { refs, elements } = useFloating();
+    useEffect(() => {
+        if (open && onOpen) {
+            onOpen(elements.floating);
+        }
+    }, [open, onOpen, elements.floating]);
+    const elementWidth = ((_a = elements.floating) === null || _a === void 0 ? void 0 : _a.offsetWidth) || 0;
+    const { from, to } = editor.state.selection;
+    const selectedText = editor.state.doc.textBetween(from, to);
+    let top = (rect === null || rect === void 0 ? void 0 : rect.top) ? rect.top - 50 : 0;
+    if (top < 10) {
+        top = 10; // add some padding
+    }
+    let left = (rect === null || rect === void 0 ? void 0 : rect.left) ? rect.left + rect.width / 2 - elementWidth / 2 : 0;
+    if (left < 10) {
+        left = 10; // add some padding
+    }
+    // Check if the menu is overflowing on the right
+    const rightOverflow = left + elementWidth - window.innerWidth;
+    if (rightOverflow > -10) {
+        left -= rightOverflow + 10; // add some padding
+    }
+    return (_jsx(FloatingPortal, { preserveTabOrder: true, children: open && (_jsx(BubbleMenuContent, { ref: (ref) => {
+                refs.setFloating(ref);
+                menuRef.current = ref;
+            }, style: {
+                top,
+                left,
+            }, children: getMenuItems(editor, customMenuItems).map((item) => {
+                var _a;
+                if (item.type === "button") {
+                    const isActive = (_a = item.isActive) === null || _a === void 0 ? void 0 : _a.call(item, editor);
+                    return (_jsx(BubbleItemButton, { variant: "subtle", onClick: () => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.onClick) === null || _a === void 0 ? void 0 : _a.call(item, editor); }, color: isActive ? "primary" : undefined, selected: isActive, children: item.icon && _jsx(item.icon, { size: 14 }) }, item.name));
+                }
+                if (item.type === "menu") {
+                    return (_jsx(DropDownMenu, Object.assign({ data: item.items, size: "xs", arrow: item.arrow, buttonProps: item.buttonProps, variant: "subtle", buttonRender: item.buttonRender, onItemSelect: (item) => { var _a, _b; return (_b = (_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.command) === null || _b === void 0 ? void 0 : _b.call(_a, editor, selectedText); } }, item.dropDownProps, { children: item.icon
+                            ? (_jsx(item.icon, { size: 14 }))
+                            : (item.label || item.name) }), item.name));
+                }
+            }) })) }));
+};
+export default BubbleMenu;

package/dist/RichTextEditor/Components/SaveBadge.d.ts

@@ -0,0 +1,6 @@
+declare const SavingBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
+    className?: string;
+}, never>> & string & Omit<({ className }: {
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+export default SavingBadge;

package/dist/RichTextEditor/Components/SaveBadge.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const SavingBadge = styled(({ className }) => {
+    return (_jsx("div", { className: className, children: _jsx("div", { className: "saving-badge", children: _jsx("span", { children: "Saving..." }) }) }));
+}) `
+  position: absolute;
+  top: 0px;
+  left: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: ${({ theme }) => theme.palette.text.secondary};
+`;
+export default SavingBadge;

package/dist/RichTextEditor/Enums/Extensions.d.ts

@@ -0,0 +1,26 @@
+declare enum Extensions {
+    ClearFormatting = "clearFormatting",
+    HorizontalRule = "horizontalRule",
+    Underline = "underline",
+    Bold = "bold",
+    Italic = "italic",
+    Strike = "strike",
+    BulletList = "bulletList",
+    OrderedList = "orderedList",
+    AlignLeft = "alignLeft",
+    AlignCenter = "alignCenter",
+    AlignRight = "alignRight",
+    AlignJustify = "alignJustify",
+    TextAlign = "textAlign",
+    Table = "table",
+    TableCell = "tableCell",
+    TableHeader = "tableHeader",
+    TableRow = "tableRow",
+    Placeholder = "placeholder",
+    Focus = "focus",
+    Image = "image",
+    CustomStorage = "storage",
+    SlashCommand = "slashCommand",
+    BubbleMenu = "bubbleMenu"
+}
+export default Extensions;

package/dist/RichTextEditor/Enums/Extensions.js

@@ -0,0 +1,27 @@
+var Extensions;
+(function (Extensions) {
+    Extensions["ClearFormatting"] = "clearFormatting";
+    Extensions["HorizontalRule"] = "horizontalRule";
+    Extensions["Underline"] = "underline";
+    Extensions["Bold"] = "bold";
+    Extensions["Italic"] = "italic";
+    Extensions["Strike"] = "strike";
+    Extensions["BulletList"] = "bulletList";
+    Extensions["OrderedList"] = "orderedList";
+    Extensions["AlignLeft"] = "alignLeft";
+    Extensions["AlignCenter"] = "alignCenter";
+    Extensions["AlignRight"] = "alignRight";
+    Extensions["AlignJustify"] = "alignJustify";
+    Extensions["TextAlign"] = "textAlign";
+    Extensions["Table"] = "table";
+    Extensions["TableCell"] = "tableCell";
+    Extensions["TableHeader"] = "tableHeader";
+    Extensions["TableRow"] = "tableRow";
+    Extensions["Placeholder"] = "placeholder";
+    Extensions["Focus"] = "focus";
+    Extensions["Image"] = "image";
+    Extensions["CustomStorage"] = "storage";
+    Extensions["SlashCommand"] = "slashCommand";
+    Extensions["BubbleMenu"] = "bubbleMenu";
+})(Extensions || (Extensions = {}));
+export default Extensions;

package/dist/RichTextEditor/Enums/SlashCommands.d.ts

@@ -0,0 +1,13 @@
+declare enum SlashCommands {
+    Text = "Text",
+    Heading1 = "Heading 1",
+    Heading2 = "Heading 2",
+    Heading3 = "Heading 3",
+    Heading4 = "Heading 4",
+    BulletList = "Bullet List",
+    NumberedList = "Numbered List",
+    CurrentDate = "Current Date",
+    CurrentTimestamp = "Current Timestamp",
+    Image = "Image"
+}
+export default SlashCommands;

package/dist/RichTextEditor/Enums/SlashCommands.js

@@ -0,0 +1,14 @@
+var SlashCommands;
+(function (SlashCommands) {
+    SlashCommands["Text"] = "Text";
+    SlashCommands["Heading1"] = "Heading 1";
+    SlashCommands["Heading2"] = "Heading 2";
+    SlashCommands["Heading3"] = "Heading 3";
+    SlashCommands["Heading4"] = "Heading 4";
+    SlashCommands["BulletList"] = "Bullet List";
+    SlashCommands["NumberedList"] = "Numbered List";
+    SlashCommands["CurrentDate"] = "Current Date";
+    SlashCommands["CurrentTimestamp"] = "Current Timestamp";
+    SlashCommands["Image"] = "Image";
+})(SlashCommands || (SlashCommands = {}));
+export default SlashCommands;

package/dist/RichTextEditor/Extensions/BubbleMenuExtension.d.ts

@@ -0,0 +1,7 @@
+import { Extension } from "@tiptap/core";
+import { BubbleItem } from "../Components/BubbleMenu";
+export type BubbleMenuOptions = {
+    customMenuItems?: BubbleItem[];
+};
+declare const BubbleMenu: Extension<any, any>;
+export default BubbleMenu;