@monolith-forensics/monolith-ui 1.2.122 → 1.3.1

package/dist/Button/Button.d.ts

@@ -1,6 +1,25 @@
-import { ButtonHTMLAttributes, ReactNode } from "react";
+import { ButtonHTMLAttributes, ReactNode, RefObject } from "react";
 import { Size, Variant } from "../core";
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+import { MonolithDefaultTheme } from "../MonolithUIProvider";
+declare const colors: {
+    gray: string;
+    red: string;
+    pink: string;
+    grape: string;
+    violet: string;
+    indigo: string;
+    cyan: string;
+    teal: string;
+    green: string;
+    lime: string;
+    yellow: string;
+    orange: string;
+};
+type ColorKeys = keyof typeof colors;
+type MonolithColorPalette = keyof Pick<MonolithDefaultTheme["palette"], "primary" | "error" | "secondary">;
+export type ButtonColor = ColorKeys | MonolithColorPalette;
+export type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
+    ref?: RefObject<HTMLButtonElement>;
     children?: ReactNode | string;
     className?: string;
     loading?: boolean;
@@ -11,11 +30,11 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     fullWidth?: boolean;
     size?: Size;
     variant?: Variant;
-    color?: string;
+    color?: ButtonColor;
     disabled?: boolean;
     selected?: boolean;
     justify?: "start" | "center" | "end";
     onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}
-declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export default Button;
+};
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/dist/Button/Button.js

@@ -102,49 +102,36 @@ const StyledButton = styled.button `
         return "white";
     if (variant === "filled")
         return "white";
-    switch (color) {
-        case "primary":
-            return theme.palette.primary.main;
-        case undefined:
-            return theme.palette.text.primary;
-        default:
-            return color
-                ? ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a[color]) === null || _b === void 0 ? void 0 : _b.main) ||
-                    colors[color] ||
-                    theme.palette.text.primary
-                : theme.palette.text.primary;
+    if (color) {
+        return (((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.button) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b[color]) ||
+            colors[color] ||
+            theme.palette.text.primary);
     }
+    return theme.palette.text.primary;
 }};
 
   background-color: ${({ theme, variant, color, selected }) => {
-    var _a, _b, _c, _d, _e, _f;
-    if (variant === "default")
-        return "transparent";
+    var _a, _b;
+    let resolvedColor = null;
+    if (color) {
+        resolvedColor =
+            ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.button) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b[color]) || colors[color];
+    }
     switch (variant) {
+        case "default":
+            return theme.button.background.default;
         case "contained":
-            return color
-                ? ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a[color]) === null || _b === void 0 ? void 0 : _b.main) ||
-                    colors[color] ||
-                    theme.palette.background.secondary
-                : theme.palette.background.secondary;
+            return resolvedColor || theme.button.background.secondary;
         case "filled":
-            return color
-                ? ((_d = (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c[color]) === null || _d === void 0 ? void 0 : _d.main) ||
-                    colors[color] ||
-                    theme.palette.background.secondary
-                : theme.palette.background.secondary;
+            return resolvedColor || theme.button.background.secondary;
         case "light":
-            return ((color
-                ? ((_f = (_e = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _e === void 0 ? void 0 : _e[color]) === null || _f === void 0 ? void 0 : _f.main) ||
-                    colors[color] ||
-                    theme.palette.background.secondary
-                : theme.palette.background.secondary) + "30");
+            return (resolvedColor || theme.palette.background.secondary) + "30";
         case "outlined":
             return "transparent";
         case "text":
             return "transparent";
         case "subtle":
-            return selected ? theme.palette.action.hover : "transparent";
+            return "transparent";
         default:
             return "transparent";
     }
@@ -163,7 +150,7 @@ const StyledButton = styled.button `
             return "transparent";
         case "outlined":
             return color
-                ? ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a[color]) === null || _b === void 0 ? void 0 : _b.main) ||
+                ? ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.button) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b[color]) ||
                     colors[color] ||
                     theme.palette.divider
                 : theme.palette.divider;
@@ -173,7 +160,7 @@ const StyledButton = styled.button `
             return "transparent";
         default:
             return color
-                ? ((_d = (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c[color]) === null || _d === void 0 ? void 0 : _d.main) ||
+                ? ((_d = (_c = theme === null || theme === void 0 ? void 0 : theme.button) === null || _c === void 0 ? void 0 : _c.background) === null || _d === void 0 ? void 0 : _d[color]) ||
                     colors[color] ||
                     theme.palette.divider
                 : theme.palette.divider;
@@ -211,69 +198,30 @@ const StyledButton = styled.button `
 
   &:hover {
     background-color: ${({ theme, variant, color }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    if (variant === "default")
-        return "transparent";
-    switch (variant) {
-        case "contained":
-            return ((color
-                ? ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a[color]) === null || _b === void 0 ? void 0 : _b.main) ||
-                    colors[color] ||
-                    theme.palette.background.secondary
-                : theme.palette.background.secondary) + "90");
-        case "filled":
-            return ((color
-                ? ((_d = (_c = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _c === void 0 ? void 0 : _c[color]) === null || _d === void 0 ? void 0 : _d.main) ||
-                    colors[color] ||
-                    theme.palette.background.secondary
-                : theme.palette.background.secondary) + "90");
-        case "light":
-            return ((color
-                ? ((_f = (_e = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _e === void 0 ? void 0 : _e[color]) === null || _f === void 0 ? void 0 : _f.main) ||
-                    colors[color] ||
-                    theme.palette.background.secondary
-                : theme.palette.background.secondary) + "70");
-        case "outlined":
-            return theme.palette.action.hover;
-        case "text":
-            return "transparent";
-        case "subtle":
-            return color
-                ? (((_h = (_g = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _g === void 0 ? void 0 : _g[color]) === null || _h === void 0 ? void 0 : _h.main) ||
-                    colors[color]) + "30" ||
-                    theme.palette.action.hover
-                : theme.palette.action.hover;
-        default:
-            return theme.palette.action.hover;
-    }
-}};
-
-    border: 1px solid
-      ${({ theme, variant, color }) => {
     var _a, _b;
+    let resolvedColor = null;
+    if (color) {
+        resolvedColor =
+            ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.button) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b[color]) || colors[color];
+    }
     switch (variant) {
         case "contained":
-            return "transparent";
+            return (resolvedColor || theme.palette.background.secondary) + "90";
         case "filled":
-            return "transparent";
+            return (resolvedColor || theme.palette.background.secondary) + "90";
         case "light":
-            return "transparent";
+            return (resolvedColor || theme.palette.background.secondary) + "70";
         case "outlined":
-            return color
-                ? colors[color] || theme.palette.divider
-                : theme.palette.divider;
+            return (resolvedColor || theme.palette.action.hover) + "30";
         case "text":
             return "transparent";
         case "subtle":
-            return "transparent";
+            return resolvedColor ? resolvedColor + "30" : "transparent";
         default:
-            return color
-                ? ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.palette) === null || _a === void 0 ? void 0 : _a[color]) === null || _b === void 0 ? void 0 : _b.main) ||
-                    colors[color] ||
-                    theme.palette.divider
-                : theme.palette.divider;
+            return (resolvedColor || theme.palette.action.hover) + "30";
     }
 }};
+
     opacity: ${({ variant }) => (variant === "text" ? 0.8 : 1)};
   }
 
@@ -327,9 +275,8 @@ const StyledLoader = styled.span `
     }
   }
 `;
-const Button = forwardRef((props, ref) => {
+export const Button = forwardRef((props, ref) => {
     const { children, loading = false, leftSection = null, rightSection = null, href = null, download = null, justify = "center" } = props, other = __rest(props, ["children", "loading", "leftSection", "rightSection", "href", "download", "justify"]);
     const buttonContent = (_jsx("div", { className: "inner-span", style: { height: "100%", width: "100%", justifyContent: justify }, children: loading ? (_jsx(StyledLoader, { children: _jsx(Loader2Icon, {}) })) : (_jsxs(_Fragment, { children: [leftSection && _jsx("div", { "data-position": "left", children: leftSection }), _jsx("div", { className: "button-label", children: children }), rightSection && _jsx("div", { "data-position": "right", children: rightSection })] })) }));
     return (_jsx(StyledButton, Object.assign({ ref: ref }, other, { children: href ? (_jsx(StyledAnchor, { href: href, download: download, children: buttonContent })) : (buttonContent) })));
 });
-export default Button;

package/dist/Button/index.d.ts

@@ -1,2 +1 @@
-export { default } from "./Button";
-export type { ButtonProps } from "./Button";
+export * from "./Button";

package/dist/Button/index.js

@@ -1 +1 @@
-export { default } from "./Button";
+export * from "./Button";

package/dist/DropDownMenu/components/MenuItem.d.ts

@@ -1,7 +1,41 @@
+import { RefObject } from "react";
 import { MenuProps } from "../types";
-import { ButtonProps } from "../../Button";
-export declare const MenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<MenuProps & ButtonProps & {
+export declare const MenuItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<MenuProps & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    ref?: RefObject<HTMLButtonElement>;
+    children?: import("react").ReactNode | string;
+    className?: string;
+    loading?: boolean;
+    leftSection?: import("react").ReactNode;
+    rightSection?: import("react").ReactNode;
+    href?: string | null;
+    download?: string | null;
+    fullWidth?: boolean;
+    size?: import("../../core").Size;
+    variant?: import("../../core").Variant;
+    color?: import("../../Button").ButtonColor;
+    disabled?: boolean;
+    selected?: boolean;
+    justify?: "start" | "center" | "end";
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+} & {
     multiselect?: boolean;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<unknown>, never>> & string & Omit<import("react").ForwardRefExoticComponent<MenuProps & ButtonProps & {
+}, "ref"> & import("react").RefAttributes<unknown>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<MenuProps & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    ref?: RefObject<HTMLButtonElement>;
+    children?: import("react").ReactNode | string;
+    className?: string;
+    loading?: boolean;
+    leftSection?: import("react").ReactNode;
+    rightSection?: import("react").ReactNode;
+    href?: string | null;
+    download?: string | null;
+    fullWidth?: boolean;
+    size?: import("../../core").Size;
+    variant?: import("../../core").Variant;
+    color?: import("../../Button").ButtonColor;
+    disabled?: boolean;
+    selected?: boolean;
+    justify?: "start" | "center" | "end";
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+} & {
     multiselect?: boolean;
-} & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<unknown>>, keyof import("react").Component<any, {}, any>>;
+}, "ref"> & import("react").RefAttributes<unknown>>, keyof import("react").Component<any, {}, any>>;

package/dist/DropDownMenu/components/MenuItem.js

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useContext } from "react";
 import styled from "styled-components";
-import Button from "../../Button";
+import { Button } from "../../Button";
 import { useFloatingTree, useListItem, useMergeRefs } from "@floating-ui/react";
 import { MenuContext } from "./MenuContext";
 import Tooltip from "../../Tooltip";
@@ -22,7 +22,10 @@ export const MenuItem = styled(forwardRef((_a, forwardedRef) => {
     const item = useListItem({ label: disabled ? null : label });
     const tree = useFloatingTree();
     const isActive = item.index === menu.activeIndex;
-    return (_jsx(Tooltip, { content: TooltipContent ? _jsx(TooltipContent, { data: itemData }) : null, side: "left", children: _jsx(Button, Object.assign({}, props, { ref: useMergeRefs([item.ref, forwardedRef]), type: "button", role: "menuitem", tabIndex: isActive ? 0 : -1, disabled: disabled, justify: "start" }, menu.getItemProps({
+    return (_jsx(Tooltip, { content: TooltipContent ? _jsx(TooltipContent, { data: itemData }) : null, side: "left", children: _jsx(Button, Object.assign({}, props, { ref: useMergeRefs([
+                item.ref,
+                forwardedRef,
+            ]), type: "button", role: "menuitem", tabIndex: isActive ? 0 : -1, disabled: disabled, justify: "start" }, menu.getItemProps({
             onClick(event) {
                 var _a;
                 (_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, event);

package/dist/FileViewer/FileViewer.js

@@ -3,7 +3,7 @@ import styled from "styled-components";
 import { CodeViewer, ImageViewer, OfficeViewer, PdfViewer, VideoViewer, } from "./viewers";
 import { FloatingPortal } from "@floating-ui/react";
 import { DownloadIcon, XIcon, ZoomInIcon, ZoomOutIcon } from "lucide-react";
-import Button from "../Button";
+import { Button } from "../Button";
 import { useState } from "react";
 import Loader from "../Loader";
 var ViewerTypes;

package/dist/FormSection/FormSection.d.ts

@@ -1,7 +1,7 @@
 import { LucideIcon } from "lucide-react";
 import { ReactNode } from "react";
 import { Size } from "../core";
-interface FormSectionProps {
+export type FormSectionProps = {
     children?: ReactNode;
     className?: string;
     style?: React.CSSProperties;
@@ -13,6 +13,5 @@ interface FormSectionProps {
     size?: Size;
     icon?: LucideIcon;
     iconColor?: string;
-}
-declare const FormSection: ({ title, children, open, defaultOpen, onOpenChange, allowCollapse, size, style, icon: Icon, iconColor, }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;
-export default FormSection;
+};
+export declare const FormSection: ({ title, children, open, defaultOpen, onOpenChange, allowCollapse, size, style, icon: Icon, iconColor, }: FormSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/FormSection/FormSection.js

@@ -72,7 +72,7 @@ const resolveIconSize = (size) => {
             return 18;
     }
 };
-const FormSection = ({ title, children, open, defaultOpen = true, onOpenChange, allowCollapse = true, size, style, icon: Icon, iconColor, }) => {
+export const FormSection = ({ title, children, open, defaultOpen = true, onOpenChange, allowCollapse = true, size, style, icon: Icon, iconColor, }) => {
     const [_open, setOpen] = useState(defaultOpen);
     const openState = open !== null && open !== void 0 ? open : _open;
     return (_jsxs(StyledContainer, { className: "mfui-FormSection", size: size, style: style, children: [_jsxs("div", { className: "section-header", onClick: (e) => {
@@ -82,4 +82,3 @@ const FormSection = ({ title, children, open, defaultOpen = true, onOpenChange,
                     }
                 }, children: [Icon && _jsx(Icon, { size: resolveIconSize(size), color: iconColor }), _jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), !!allowCollapse ? (_jsx(ChevronDownIcon, { size: 18, className: openState ? "open" : "" })) : ("")] }), _jsx("div", { className: "section-content", "data-open": openState, children: children })] }));
 };
-export default FormSection;

package/dist/FormSection/index.d.ts

@@ -1 +1 @@
-export { default } from "./FormSection";
+export * from "./FormSection";

package/dist/FormSection/index.js

@@ -1 +1 @@
-export { default } from "./FormSection";
+export * from "./FormSection";

package/dist/Grid/Grid.d.ts

@@ -1,8 +1,12 @@
-interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+export type GridProps = React.HTMLAttributes<HTMLDivElement> & {
     className?: string;
     children: React.ReactNode;
     col?: number;
     width?: string | number;
-}
-declare const Grid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<GridProps, never>> & string & Omit<({ className, children }: GridProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default Grid;
+};
+export declare const Grid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: string;
+    children: React.ReactNode;
+    col?: number;
+    width?: string | number;
+}, never>> & string & Omit<({ className, children }: GridProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/Grid/Grid.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from "styled-components";
-const Grid = styled(({ className, children }) => {
+export const Grid = styled(({ className, children }) => {
     return _jsx("div", { className: className, children: children });
 }) `
   display: grid;
@@ -11,4 +11,3 @@ const Grid = styled(({ className, children }) => {
   width: ${({ width }) => Number.isInteger(width) ? `${width}px` : width || "100%"};
   height: auto;
 `;
-export default Grid;

package/dist/Grid/index.d.ts

@@ -1 +1 @@
-export { default } from "./Grid";
+export * from "./Grid";

package/dist/Grid/index.js

@@ -1 +1 @@
-export { default } from "./Grid";
+export * from "./Grid";

package/dist/IconButton/IconButton.d.ts

@@ -1,3 +1,20 @@
 import { ButtonProps } from "../Button/Button.js";
-declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<ButtonProps & import("react").RefAttributes<HTMLButtonElement>, ButtonProps>> & string & Omit<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+declare const IconButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
+    ref?: import("react").RefObject<HTMLButtonElement>;
+    children?: import("react").ReactNode | string;
+    className?: string;
+    loading?: boolean;
+    leftSection?: import("react").ReactNode;
+    rightSection?: import("react").ReactNode;
+    href?: string | null;
+    download?: string | null;
+    fullWidth?: boolean;
+    size?: import("../core").Size;
+    variant?: import("../core").Variant;
+    color?: import("..").ButtonColor;
+    disabled?: boolean;
+    selected?: boolean;
+    justify?: "start" | "center" | "end";
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}, ButtonProps>> & string & Omit<import("react").FC<ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export default IconButton;

package/dist/MonolithUIProvider/MonolithUIProvider.d.ts

@@ -127,6 +127,14 @@ export interface MonolithDefaultTheme {
     zIndex: {
         snackbar: number;
     };
+    button: {
+        background: {
+            default: string;
+            primary: string;
+            secondary: string;
+            error: string;
+        };
+    };
 }
 export interface MonolithUIContextType {
     theme: MonolithDefaultTheme;

package/dist/QueryFilter/QueryFilter.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import styled, { useTheme } from "styled-components";
 import { XIcon } from "lucide-react";
 import DropDownMenu from "../DropDownMenu";
-import Button from "../Button";
+import { Button } from "../Button";
 import { DefaultOperators } from "./DefaultOperators";
 import Input from "../Input";
 import DateInput from "../DateInput";

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

@@ -1,4 +1,4 @@
-import Extensions from "../Enums/Extensions";
+import { Extensions } from "../Enums";
 import { DropDownItem, DropDownMenuProps } from "../../DropDownMenu";
 import { ReactElement } from "react";
 import { ButtonProps } from "../../Button";

package/dist/RichTextEditor/Components/BubbleMenu.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled, { useTheme } from "styled-components";
-import Extensions from "../Enums/Extensions";
+import { Extensions } from "../Enums";
 import { BoldIcon, ItalicIcon, UnderlineIcon, CaseSensitiveIcon, ListIcon, ListOrderedIcon, StrikethroughIcon, Heading1Icon, Heading2Icon, Heading3Icon, Heading4Icon, RemoveFormattingIcon, SquircleIcon, } from "lucide-react";
 import DropDownMenu from "../../DropDownMenu";
 import { FloatingPortal, useFloating } from "@floating-ui/react";
 import { useEffect, useRef } from "react";
-import Button from "../../Button";
+import { Button } from "../../Button";
 import TextColors from "../Enums/TextColors";
 const getMenuItems = (editor, customMenuItems, theme) => {
     var _a, _b, _c, _d, _e, _f, _g;

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

@@ -1,4 +1,4 @@
-declare enum Controls {
+export declare enum Controls {
     UNDO = "undo",
     REDO = "redo",
     BOLD = "bold",
@@ -18,4 +18,3 @@ declare enum Controls {
     FONT = "font",
     COLOR = "color"
 }
-export default Controls;

package/dist/RichTextEditor/Enums/Controls.js

@@ -1,4 +1,4 @@
-var Controls;
+export var Controls;
 (function (Controls) {
     Controls["UNDO"] = "undo";
     Controls["REDO"] = "redo";
@@ -19,4 +19,3 @@ var Controls;
     Controls["FONT"] = "font";
     Controls["COLOR"] = "color";
 })(Controls || (Controls = {}));
-export default Controls;

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

@@ -1,4 +1,4 @@
-declare enum Extensions {
+export declare enum Extensions {
     ClearFormatting = "clearFormatting",
     HorizontalRule = "horizontalRule",
     Underline = "underline",
@@ -25,4 +25,3 @@ declare enum Extensions {
     SlashCommand = "slashCommand",
     BubbleMenu = "bubbleMenu"
 }
-export default Extensions;

package/dist/RichTextEditor/Enums/Extensions.js

@@ -1,4 +1,4 @@
-var Extensions;
+export var Extensions;
 (function (Extensions) {
     Extensions["ClearFormatting"] = "clearFormatting";
     Extensions["HorizontalRule"] = "horizontalRule";
@@ -26,4 +26,3 @@ var Extensions;
     Extensions["SlashCommand"] = "slashCommand";
     Extensions["BubbleMenu"] = "bubbleMenu";
 })(Extensions || (Extensions = {}));
-export default Extensions;

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

@@ -1,4 +1,4 @@
-declare enum SlashCommands {
+export declare enum SlashCommands {
     Text = "Text",
     Heading1 = "Heading 1",
     Heading2 = "Heading 2",
@@ -10,4 +10,3 @@ declare enum SlashCommands {
     CurrentTimestamp = "Current Timestamp",
     Image = "Image"
 }
-export default SlashCommands;

package/dist/RichTextEditor/Enums/SlashCommands.js

@@ -1,4 +1,4 @@
-var SlashCommands;
+export var SlashCommands;
 (function (SlashCommands) {
     SlashCommands["Text"] = "Text";
     SlashCommands["Heading1"] = "Heading 1";
@@ -11,4 +11,3 @@ var SlashCommands;
     SlashCommands["CurrentTimestamp"] = "Current Timestamp";
     SlashCommands["Image"] = "Image";
 })(SlashCommands || (SlashCommands = {}));
-export default SlashCommands;

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

@@ -0,0 +1,3 @@
+export * from "./Extensions";
+export * from "./SlashCommands";
+export * from "./Controls";

package/dist/RichTextEditor/Enums/index.js

@@ -0,0 +1,3 @@
+export * from "./Extensions";
+export * from "./SlashCommands";
+export * from "./Controls";

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

@@ -1,6 +1,6 @@
 import { Extension } from "@tiptap/core";
 import { HandleImageUpload } from "../Plugins/UploadImagesPlugin.js";
-import SlashCommands from "../Enums/SlashCommands";
+import { SlashCommands } from "../Enums";
 type CommandName = keyof typeof SlashCommands;
 interface SlashCommandOptions {
     handleImageUpload?: HandleImageUpload;

package/dist/RichTextEditor/Extensions/getSlashCommand.js

@@ -15,7 +15,7 @@ import { Heading1, Heading2, Heading3, Heading4, List, ListOrdered, Text, Image
 import { startImageUpload, } from "../Plugins/UploadImagesPlugin.js";
 import { PluginKey } from "@tiptap/pm/state";
 import SlashCommandList from "./SlashCommandList";
-import SlashCommands from "../Enums/SlashCommands";
+import { SlashCommands } from "../Enums";
 import moment from "moment/moment.js";
 const SlashCommandPluginKey = new PluginKey("slash-command");
 const getCommandItems = (values, options) => {

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

@@ -1,6 +1,6 @@
 import { Extension } from "@tiptap/core";
-import { HandleImageUpload } from "../Plugins/UploadImagesPlugin";
-import Extensions from "../Enums/Extensions";
+import { HandleImageUpload } from "../Plugins";
+import { Extensions } from "../Enums";
 import { BubbleMenuOptions } from "./BubbleMenuExtension";
 export type ExtensionType = (typeof Extensions)[keyof typeof Extensions];
 interface GetTipTapExtensionsProps {

package/dist/RichTextEditor/Extensions/getTiptapExtensions.js

@@ -12,9 +12,9 @@ import { Color } from "@tiptap/extension-color";
 import TextStyle from "@tiptap/extension-text-style";
 import { InputRule, Extension } from "@tiptap/core";
 import Focus from "@tiptap/extension-focus";
-import UploadImagesPlugin from "../Plugins/UploadImagesPlugin";
+import { UploadImagesPlugin } from "../Plugins";
 import getSlashCommand from "./getSlashCommand";
-import Extensions from "../Enums/Extensions";
+import { Extensions } from "../Enums";
 import BubbleMenu from "./BubbleMenuExtension";
 const CustomImage = TiptapImage.extend({
     // Add data-uuid attribute to image

package/dist/RichTextEditor/Plugins/UploadImagesPlugin.d.ts

@@ -1,16 +1,15 @@
 import { Plugin } from "@tiptap/pm/state";
 import { DecorationSet, EditorView } from "@tiptap/pm/view";
-interface HandleImageUploadProps {
+export type HandleImageUploadProps = {
     file: File;
     name: string;
     id: string;
     md5: string;
     sha1: string;
     sha256: string;
-}
-export interface HandleImageUpload {
+};
+export type HandleImageUpload = {
     (props: HandleImageUploadProps): Promise<string> | undefined;
-}
+};
 export declare const startImageUpload: (file: File, view: EditorView, pos: number, handleImageUpload: HandleImageUpload | undefined) => void;
-declare const UploadImagesPlugin: () => Plugin<DecorationSet>;
-export default UploadImagesPlugin;
+export declare const UploadImagesPlugin: () => Plugin<DecorationSet>;

package/dist/RichTextEditor/Plugins/UploadImagesPlugin.js

@@ -76,7 +76,7 @@ export const startImageUpload = (file, view, pos, handleImageUpload) => {
         });
     });
 };
-const UploadImagesPlugin = () => new Plugin({
+export const UploadImagesPlugin = () => new Plugin({
     key: uploadKey,
     state: {
         init() {
@@ -111,4 +111,3 @@ const UploadImagesPlugin = () => new Plugin({
         },
     },
 });
-export default UploadImagesPlugin;

package/dist/RichTextEditor/Plugins/index.d.ts

@@ -0,0 +1 @@
+export * from "./UploadImagesPlugin";

package/dist/RichTextEditor/Plugins/index.js

@@ -0,0 +1 @@
+export * from "./UploadImagesPlugin";