@monolith-forensics/monolith-ui 1.3.0 → 1.3.2

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,38 @@ const StyledButton = styled.button `
 
   &:hover {
     background-color: ${({ theme, variant, color }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
-    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 "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");
+            return (resolvedColor || 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");
+            return (resolvedColor || 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");
+            return resolvedColor
+                ? resolvedColor + "70"
+                : theme.palette.action.hover;
         case "outlined":
-            return theme.palette.action.hover;
+            return resolvedColor
+                ? resolvedColor + "30"
+                : 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
+            return resolvedColor
+                ? resolvedColor + "30"
                 : theme.palette.action.hover;
         default:
-            return theme.palette.action.hover;
+            return resolvedColor
+                ? resolvedColor + "30"
+                : theme.palette.action.hover;
     }
 }};
 
-    border: 1px solid
-      ${({ theme, variant, color }) => {
-    var _a, _b;
-    switch (variant) {
-        case "contained":
-            return "transparent";
-        case "filled":
-            return "transparent";
-        case "light":
-            return "transparent";
-        case "outlined":
-            return color
-                ? colors[color] || theme.palette.divider
-                : theme.palette.divider;
-        case "text":
-            return "transparent";
-        case "subtle":
-            return "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;
-    }
-}};
     opacity: ${({ variant }) => (variant === "text" ? 0.8 : 1)};
   }
 
@@ -327,9 +283,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";

package/dist/RichTextEditor/RichTextEditor.d.ts

@@ -3,7 +3,7 @@ import { ExtensionType } from "./Extensions/getTiptapExtensions";
 import { HandleImageUpload } from "./Plugins/UploadImagesPlugin";
 import { BubbleMenuOptions } from "./Extensions/BubbleMenuExtension";
 import { ToolbarOptions } from "./Toolbar/Toolbar";
-interface RichTextEditorProps {
+type RichTextEditorProps = {
     className?: string;
     editorInstanceRef?: React.RefObject<Editor>;
     extensions?: ExtensionType[];
@@ -21,6 +21,6 @@ interface RichTextEditorProps {
     toolbarOptions?: ToolbarOptions;
     autoFocus?: boolean;
     style?: React.CSSProperties;
-}
-declare const RichTextEditor: import("react").ForwardRefExoticComponent<RichTextEditorProps & import("react").RefAttributes<unknown>>;
-export default RichTextEditor;
+};
+export declare const RichTextEditor: React.FC<RichTextEditorProps>;
+export {};

package/dist/RichTextEditor/RichTextEditor.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import styled from "styled-components";
 import { EditorContent, useEditor } from "@tiptap/react";
-import Toolbar from "./Toolbar";
+import { Toolbar } from "./Toolbar";
 import getTipTapExtensions from "./Extensions/getTiptapExtensions";
-import Extensions from "./Enums/Extensions";
+import { Extensions } from "./Enums";
 import { startImageUpload, } from "./Plugins/UploadImagesPlugin";
 import SaveBadge from "./Components/SaveBadge";
 import Fonts from "./Enums/Fonts";
@@ -278,7 +278,7 @@ const StyledContent = styled.div `
     margin: 0 0.125rem;
   }
 `;
-const RichTextEditor = forwardRef(({ className, editorInstanceRef, defaultValue = "", value = "", readOnly = false, font, showToolbar = true, saving = false, extensions = [], slashCommands = [], bubbleMenuOptions, toolbarOptions, autoFocus, onChange, handleImageUpload, style, }, ref) => {
+export const RichTextEditor = ({ className, editorInstanceRef, defaultValue = "", value = "", readOnly = false, font, showToolbar = true, saving = false, extensions = [], slashCommands = [], bubbleMenuOptions, toolbarOptions, autoFocus, onChange, handleImageUpload, style, }) => {
     const [fontState, setFontState] = useState(font || Fonts.DEFAULT);
     // check if image extension is included
     if (extensions === null || extensions === void 0 ? void 0 : extensions.includes(Extensions.Image)) {
@@ -359,5 +359,4 @@ const RichTextEditor = forwardRef(({ className, editorInstanceRef, defaultValue
                 font: fontState,
                 setFont: setFontState,
             }, children: [showToolbar && (_jsx(Toolbar, { editor: editor, toolbarOptions: toolbarOptions })), saving && _jsx(SaveBadge, {}), _jsx(EditorContent, { className: "editor-content", editor: editor, "data-font": fontState || null, style: style })] }) }));
-});
-export default RichTextEditor;
+};

package/dist/RichTextEditor/Toolbar/Control.d.ts

@@ -1,5 +1,5 @@
 import { Editor } from "@tiptap/react";
-interface ControlProps {
+export type ControlProps = {
     className?: string;
     editor: Editor | null;
     isActive?: any;
@@ -9,6 +9,5 @@ interface ControlProps {
     };
     label: string;
     icon: any;
-}
-declare const Control: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ControlProps, never>> & string & Omit<({ className, editor, isActive, operation, label, icon: Icon, }: ControlProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default Control;
+};
+export declare const Control: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ControlProps, never>> & string & Omit<({ className, editor, isActive, operation, label, icon: Icon, }: ControlProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/RichTextEditor/Toolbar/Control.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from "styled-components";
 import Labels from "./Labels";
-const Control = styled(({ className, editor, isActive, operation, label, icon: Icon, }) => {
+export const Control = styled(({ className, editor, isActive, operation, label, icon: Icon, }) => {
     var _a;
     const _label = Labels[label];
     const active = (isActive === null || isActive === void 0 ? void 0 : isActive.name)
@@ -29,5 +29,3 @@ const Control = styled(({ className, editor, isActive, operation, label, icon: I
     color: ${({ theme }) => theme.palette.primary.main};
   }
 `;
-Control.displayName = "Control";
-export default Control;

package/dist/RichTextEditor/Toolbar/Controls.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { IconBold, IconItalic, IconUnderline, IconStrikethrough, IconH1, IconH2, IconH3, IconH4, IconList, IconListNumbers, IconAlignLeft, IconAlignRight, IconAlignCenter, IconAlignJustified, IconCornerUpLeft, IconCornerUpRight, } from "@tabler/icons-react";
-import Control from "./Control";
+import { Control } from "./Control";
 export const UndoControl = ({ editor }) => {
     return (_jsx(Control, { editor: editor, label: "undoControlLabel", operation: {
             name: "undo",

package/dist/RichTextEditor/Toolbar/Toolbar.d.ts

@@ -1,5 +1,5 @@
 import { Editor } from "@tiptap/react";
-import Controls from "../Enums/Controls";
+import { Controls } from "../Enums";
 import { DropDownMenuProps } from "../../DropDownMenu";
 import { ReactNode } from "react";
 import { ButtonProps } from "../../Button";
@@ -12,14 +12,13 @@ export type CustomItem = {
     type: "menu";
     options: DropDownMenuProps;
 };
-export interface ToolbarOptions {
+export type ToolbarOptions = {
     controls?: Array<Controls | CustomItem>;
     customItems?: CustomItem[];
-}
-interface ToolbarProps {
+};
+export type ToolbarProps = {
     className?: string;
     editor: Editor | null;
     toolbarOptions?: ToolbarOptions;
-}
-declare const Toolbar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ToolbarProps, never>> & string & Omit<({ className, editor, toolbarOptions }: ToolbarProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default Toolbar;
+};
+export declare const Toolbar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<ToolbarProps, never>> & string & Omit<({ className, editor, toolbarOptions }: ToolbarProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/dist/RichTextEditor/Toolbar/Toolbar.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled, { useTheme } from "styled-components";
 import ControlsGroup from "./ControlsGroup";
 import { UndoControl, RedoControl, BoldControl, ItalicControl, UnderlineControl, StrikeThroughControl, Heading1Control, Heading2Control, Heading3Control, Heading4Control, BulletListControl, OrderedListControl, AlignLeftControl, AlignCenterControl, AlignRightControl, AlignJustifiedControl, } from "./Controls";
-import Controls from "../Enums/Controls";
+import { Controls } from "../Enums";
 import DropDownMenu from "../../DropDownMenu";
 import Fonts from "../Enums/Fonts";
 import { useContext } from "react";
 import RichTextEditorContext from "../Contexts/RichTextEditorContext";
-import Button from "../../Button";
+import { Button } from "../../Button";
 import TextColors from "../Enums/TextColors";
 import { SquircleIcon } from "lucide-react";
-const Toolbar = styled(({ className, editor, toolbarOptions }) => {
+export const Toolbar = styled(({ className, editor, toolbarOptions }) => {
     var _a;
     const theme = useTheme();
     const { controls } = toolbarOptions || {};
@@ -71,4 +71,3 @@ const Toolbar = styled(({ className, editor, toolbarOptions }) => {
   border-radius: 5px 5px 0 0;
   border: 1px solid transparent;
 `;
-export default Toolbar;

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

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

package/dist/RichTextEditor/Toolbar/index.js

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

package/dist/RichTextEditor/index.d.ts

@@ -1,6 +1,4 @@
-export { default } from "./RichTextEditor";
-export { default as Extensions } from "./Enums/Extensions";
-export { default as SlashCommands } from "./Enums/SlashCommands";
-export { default as Controls } from "./Enums/Controls";
-export type { CustomItem } from "./Toolbar/Toolbar";
-export type { ToolbarOptions } from "./Toolbar/Toolbar";
+export * from "./RichTextEditor";
+export * from "./Plugins";
+export * from "./Enums";
+export * from "./Toolbar";

package/dist/RichTextEditor/index.js

@@ -1,4 +1,4 @@
-export { default } from "./RichTextEditor";
-export { default as Extensions } from "./Enums/Extensions";
-export { default as SlashCommands } from "./Enums/SlashCommands";
-export { default as Controls } from "./Enums/Controls";
+export * from "./RichTextEditor";
+export * from "./Plugins";
+export * from "./Enums";
+export * from "./Toolbar";

package/dist/SelectBox/SelectBox.d.ts

@@ -2,5 +2,4 @@ import { SelectBoxProps } from "..";
 export declare const StyledInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string | number | null;
 }>> & string;
-declare const SelectBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<SelectBoxProps, never>> & string & Omit<({ className, data, placeholder, arrow, onChange, onSearch, searchFn, onScroll, loading, defaultValue, value, onItemAdded, size, variant, width, allowCustomValue, searchable, clearable, label, description, required, error, openOnFocus, renderOption, actionComponent, focused, grouped, OptionTooltip, DropDownProps, debounceTime, sort, disabled, }: SelectBoxProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default SelectBox;
+export declare const SelectBox: React.FC<SelectBoxProps>;

package/dist/SelectBox/SelectBox.js

@@ -202,7 +202,12 @@ const resolveValue = (value, data) => {
     }
     return value;
 };
-const SelectBox = styled(({ className, data = [], placeholder = "Select...", arrow = true, onChange, onSearch, searchFn, onScroll, loading, defaultValue, value, onItemAdded, size = "sm", variant = "outlined", width = "100%", allowCustomValue = false, searchable = false, clearable = false, label, description, required = false, error, openOnFocus = true, renderOption, actionComponent, focused, grouped, OptionTooltip, // Custom tooltip component for search menu items
+const StyledContainer = styled.div `
+  position: relative;
+  cursor: pointer;
+  width: 100%;
+`;
+export const SelectBox = ({ className, data = [], placeholder = "Select...", arrow = true, onChange, onSearch, searchFn, onScroll, loading, defaultValue, value, onItemAdded, size = "sm", variant = "outlined", width = "100%", allowCustomValue = false, searchable = false, clearable = false, label, description, required = false, error, openOnFocus = true, renderOption, actionComponent, focused, grouped, OptionTooltip, // Custom tooltip component for search menu items
 DropDownProps = {}, debounceTime = 175, sort = false, disabled = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const theme = useTheme();
@@ -456,8 +461,7 @@ DropDownProps = {}, debounceTime = 175, sort = false, disabled = false, }) => {
     // get height between bottom of the floating container and the bottom of the viewport
     const bottomHeight = window.innerHeight - ((_f = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.getBoundingClientRect()) === null || _f === void 0 ? void 0 : _f.bottom) - 10;
     // get height between top of the floating container and the top of the viewport
-    const topHeight = (((_g = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.top) -
-        10);
+    const topHeight = (((_g = referenceEl === null || referenceEl === void 0 ? void 0 : referenceEl.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.top) - 10);
     // Close on outside click
     useEffect(() => {
         const close = (e) => {
@@ -498,7 +502,7 @@ DropDownProps = {}, debounceTime = 175, sort = false, disabled = false, }) => {
             setDropDownHeight(bottomHeight);
         };
     }, [topHeight, bottomHeight, isOpen]);
-    return (_jsxs("div", { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: refs.setReference, onMouseDown: () => setIsOpen(true), width: width, onKeyDown: handleKeyDown, "data-open": isOpen, "data-disabled": disabled, children: [_jsx(Input, { ref: inputRef, value: inputValue, onChange: handleInputChange, onFocus: handleFocus, autoFocus: focused, placeholder: placeholder, size: size, readOnly: !searchable && !allowCustomValue, "data-button-right": arrow || clearable, style: isOpen ? { borderColor: theme.palette.primary.main } : {} }), clearable && (_value || !!inputValue) ? (_jsx(ClearButton, { className: "input-btn", onClick: handleClear, onMouseDown: (e) => {
+    return (_jsxs(StyledContainer, { className: className, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsxs(StyledInputContainer, { ref: refs.setReference, onMouseDown: () => setIsOpen(true), width: width, onKeyDown: handleKeyDown, "data-open": isOpen, "data-disabled": disabled, children: [_jsx(Input, { ref: inputRef, value: inputValue, onChange: handleInputChange, onFocus: handleFocus, autoFocus: focused, placeholder: placeholder, size: size, readOnly: !searchable && !allowCustomValue, "data-button-right": arrow || clearable, style: isOpen ? { borderColor: theme.palette.primary.main } : {} }), clearable && (_value || !!inputValue) ? (_jsx(ClearButton, { className: "input-btn", onClick: handleClear, onMouseDown: (e) => {
                             e.preventDefault();
                             e.stopPropagation();
                         } })) : arrow ? (_jsx(ArrowButton, { onClick: (e) => {
@@ -529,9 +533,4 @@ DropDownProps = {}, debounceTime = 175, sort = false, disabled = false, }) => {
                                     : filteredItems.map((item, index) => {
                                         return (_jsx(Tooltip, { content: OptionTooltip ? (_jsx(OptionTooltip, { data: item.data })) : null, side: "left", children: _jsx(StyledItem, { className: "mfFloatingItem", onClick: (e) => handleItemClick(e, item), "data-selected": (_value === null || _value === void 0 ? void 0 : _value.value) === item.value, "data-disabled": item.disabled, size: size, children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || _jsx(_Fragment, { children: item === null || item === void 0 ? void 0 : item.label }) }, index) }, index));
                                     }) }))] })) }) }))] }));
-}) `
-  position: relative;
-  cursor: pointer;
-  width: 100%;
-`;
-export default SelectBox;
+};

package/dist/SelectBox/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./SelectBox";
+export * from "./SelectBox";
 export type { SelectBoxProps, Option } from "./types";

package/dist/SelectBox/index.js

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

package/dist/SelectBox/types.d.ts

@@ -7,7 +7,7 @@ export type Option = {
     data?: any;
 };
 export type Value = number | boolean | string | Option;
-export interface SelectBoxProps {
+export type SelectBoxProps = {
     className?: string;
     defaultValue?: Option | string | number;
     value?: Option | string | number;
@@ -42,4 +42,4 @@ export interface SelectBoxProps {
     onSearch?: (value: string) => void;
     searchFn?: (value: string) => void;
     onItemAdded?: (item: Option | string) => void;
-}
+};

package/dist/Table/ActionButton.d.ts

@@ -1,2 +1,19 @@
-declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
+declare const ActionButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<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("../Button").ButtonColor;
+    disabled?: boolean;
+    selected?: boolean;
+    justify?: "start" | "center" | "end";
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+}, never>> & string & Omit<import("react").FC<import("../Button").ButtonProps>, keyof import("react").Component<any, {}, any>>;
 export default ActionButton;

package/dist/Table/ActionButton.js

@@ -1,5 +1,5 @@
 import styled from "styled-components";
-import Button from "../Button";
+import { Button } from "../Button";
 const ActionButton = styled(Button) `
   padding: 2px;
   height: fit-content;

package/dist/Table/TableMenu/TableMenu.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from "styled-components";
-import Button from "../../Button";
-import TextInput from "../../TextInput";
+import { Button } from "../../Button";
+import { TextInput } from "../../TextInput";
 import { CheckSquareIcon, Columns3Icon, DownloadIcon, FilterIcon, Rows3Icon, Rows4Icon, } from "lucide-react";
 import DropDownMenu from "../../DropDownMenu";
 import useTable from "../useTable";

package/dist/Tabs/Tab.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
-import Button from "../Button";
+import { Button } from "../Button";
 import { useTabs } from "./TabsProvider";
 const StyledTabButton = styled(Button) `
   user-select: none;

package/dist/Tabs/Tabs.js

@@ -7,17 +7,17 @@ const StyledContainer = styled.div `
   flex-wrap: wrap;
   justify-content: ${({ justify }) => justify};
 
-  ${({ orientation, showDivider, theme }) => orientation === "vertical"
+  ${({ orientation, $showDivider, theme }) => orientation === "vertical"
     ? css `
           flex-direction: column;
-          border-right: ${showDivider
+          border-right: ${$showDivider
         ? "1px solid " + theme.palette.divider
         : "transparent"};
           width: max-content;
         `
     : css `
           flex-direction: row;
-          border-bottom: ${showDivider
+          border-bottom: ${$showDivider
         ? "1px solid " + theme.palette.divider
         : "transparent"};
         `}
@@ -25,5 +25,5 @@ const StyledContainer = styled.div `
   color: ${({ theme }) => theme.palette.text.secondary};
 `;
 export const Tabs = ({ children, size, showDivider = true, justify = "start", defaultValue, value, onChange, orientation = "horizontal", }) => {
-    return (_jsx(TabsProvider, { size: size, value: value, defaultValue: defaultValue, onChange: onChange, orientation: orientation, children: _jsx(StyledContainer, { className: "tabs-container", size: size, showDivider: showDivider, justify: justify, orientation: orientation, children: children }) }));
+    return (_jsx(TabsProvider, { size: size, value: value, defaultValue: defaultValue, onChange: onChange, orientation: orientation, children: _jsx(StyledContainer, { className: "tabs-container", size: size, "$showDivider": showDivider, justify: justify, orientation: orientation, children: children }) }));
 };

package/dist/TextInput/TextInput.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from "../Input/Input";
 import { Size } from "../core";
-interface TextInputProps extends InputProps {
+export type TextInputProps = InputProps & {
     className?: string;
     label?: string;
     error?: string;
@@ -10,6 +10,5 @@ interface TextInputProps extends InputProps {
     description?: string;
     inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
     style?: React.CSSProperties;
-}
-declare const TextInput: import("react").ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export default TextInput;
+};
+export declare const TextInput: React.FC<TextInputProps>;

package/dist/TextInput/TextInput.js

@@ -17,8 +17,7 @@ import { forwardRef } from "react";
 const StyledContainer = styled.div `
   grid-column: span ${({ colSpan }) => colSpan || 1};
 `;
-const TextInput = forwardRef((_a, ref) => {
+export const TextInput = forwardRef((_a, ref) => {
     var { className, label, error, required, colSpan = 1, description, size = "sm", inputProps } = _a, rest = __rest(_a, ["className", "label", "error", "required", "colSpan", "description", "size", "inputProps"]);
     return (_jsxs(StyledContainer, { className: className, colSpan: colSpan, children: [label && (_jsx(FieldLabel, { error: error, asterisk: required, size: size, description: description, children: label })), _jsx(Input, Object.assign({ ref: ref, size: size }, inputProps, rest))] }));
 });
-export default TextInput;

package/dist/TextInput/index.d.ts

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

package/dist/TextInput/index.js

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

package/dist/index.d.ts

@@ -3,13 +3,11 @@ declare module "styled-components" {
     interface DefaultTheme extends MonolithDefaultTheme {
     }
 }
-export { default as FormSection } from "./FormSection";
-export { default as Grid } from "./Grid";
-export { default as TextInput } from "./TextInput";
-export { default as SelectBox } from "./SelectBox";
-export type { SelectBoxProps, Option } from "./SelectBox";
-export { default as Button } from "./Button";
-export type { ButtonProps } from "./Button";
+export * from "./FormSection";
+export * from "./Grid";
+export * from "./TextInput";
+export * from "./SelectBox";
+export * from "./Button";
 export { default as IconButton } from "./IconButton";
 export { default as DropDownMenu } from "./DropDownMenu";
 export type { DropDownItem } from "./DropDownMenu";
@@ -30,8 +28,7 @@ export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
 export { default as Typography } from "./Typography";
-export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";
-export type { CustomItem, ToolbarOptions } from "./RichTextEditor";
+export * from "./RichTextEditor";
 export { default as Loader } from "./Loader";
 export type { LoaderProps } from "./Loader";
 export * from "./QueryFilter";

package/dist/index.js

@@ -1,8 +1,8 @@
-export { default as FormSection } from "./FormSection";
-export { default as Grid } from "./Grid";
-export { default as TextInput } from "./TextInput";
-export { default as SelectBox } from "./SelectBox";
-export { default as Button } from "./Button";
+export * from "./FormSection";
+export * from "./Grid";
+export * from "./TextInput";
+export * from "./SelectBox";
+export * from "./Button";
 export { default as IconButton } from "./IconButton";
 export { default as DropDownMenu } from "./DropDownMenu";
 export { default as DateInput } from "./DateInput";
@@ -21,7 +21,7 @@ export { default as Tooltip } from "./Tooltip";
 export { default as Pill } from "./Pill";
 export { default as Calendar } from "./Calendar";
 export { default as Typography } from "./Typography";
-export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";
+export * from "./RichTextEditor";
 export { default as Loader } from "./Loader";
 export * from "./QueryFilter";
 export * from "./hooks";

package/dist/theme/variants.js

@@ -168,6 +168,14 @@ const lightVariant = {
     zIndex: {
         snackbar: 999999,
     },
+    button: {
+        background: {
+            default: "transparent",
+            primary: customBlue[500],
+            secondary: "#a1a1a1",
+            error: "#f44336",
+        },
+    },
 };
 const darkVariant = merge(lightVariant, {
     name: THEMES.DARK,
@@ -269,6 +277,18 @@ const darkVariant = merge(lightVariant, {
         primary: "#3f3f3f",
         secondary: "#252525",
     },
+    button: {
+        background: {
+            default: "transparent",
+            primary: customBlue[500],
+            secondary: "#3f3f3f",
+            error: "#f44336",
+        },
+        text: {
+            primary: "rgba(255, 255, 255, 0.95)",
+            secondary: "rgba(255, 255, 255, 0.6)",
+        },
+    },
 });
 const variants = [lightVariant, darkVariant];
 export default variants;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",