@monolith-forensics/monolith-ui 1.1.30 → 1.1.31

package/dist/Flyout/Flyout.js

@@ -1,14 +1,9 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("@floating-ui/react");
-const lucide_react_1 = require("lucide-react");
-const styled_components_1 = __importDefault(require("styled-components"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FloatingFocusManager, FloatingOverlay, FloatingPortal, useFloating, } from "@floating-ui/react";
+import { XIcon } from "lucide-react";
+import styled from "styled-components";
 const ANIMATION_TIME = 300;
-const StyledOverlay = (0, styled_components_1.default)(react_1.FloatingOverlay) `
+const StyledOverlay = styled(FloatingOverlay) `
   background-color: rgba(0, 0, 0, 0.3);
   position: fixed;
   inset: 0;
@@ -23,14 +18,14 @@ const StyledOverlay = (0, styled_components_1.default)(react_1.FloatingOverlay)
     }
   }
 `;
-const StyledClose = styled_components_1.default.div `
+const StyledClose = styled.div `
   position: absolute;
   top: 20px;
   right: 20px;
 
   color: ${(props) => props.theme.palette.text.secondary};
 `;
-const StyledButton = styled_components_1.default.button `
+const StyledButton = styled.button `
   background-color: transparent;
   border: none;
   outline: none;
@@ -43,7 +38,7 @@ const StyledButton = styled_components_1.default.button `
     background-color: ${(props) => props.theme.palette.action.hover};
   }
 `;
-const StyledContent = styled_components_1.default.div `
+const StyledContent = styled.div `
   background-color: ${({ theme }) => theme.name === "DARK"
     ? theme.palette.background.alt
     : theme.palette.background.default};
@@ -81,7 +76,7 @@ const StyledContent = styled_components_1.default.div `
     }
   }
 `;
-const StyledInnerContent = styled_components_1.default.div `
+const StyledInnerContent = styled.div `
   display: flex;
   flex-direction: column;
   flex: 1 1 auto;
@@ -90,7 +85,7 @@ const StyledInnerContent = styled_components_1.default.div `
   padding: 25px;
 `;
 const Flyout = ({ children, open = false, onClose = () => { }, style = {}, closeOnOutsideClick = true, showCloseButton = true, }) => {
-    const { refs, floatingStyles, context } = (0, react_1.useFloating)({
+    const { refs, floatingStyles, context } = useFloating({
         open,
         onOpenChange: (isOpen) => {
             if (!isOpen) {
@@ -106,6 +101,6 @@ const Flyout = ({ children, open = false, onClose = () => { }, style = {}, close
             onClose === null || onClose === void 0 ? void 0 : onClose();
         }
     };
-    return ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { preserveTabOrder: true, children: open && ((0, jsx_runtime_1.jsx)(StyledOverlay, { className: "mf-ModalOverlay", lockScroll: true, onMouseDown: handleMouseDown, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, { context: context, modal: true, children: (0, jsx_runtime_1.jsxs)(StyledContent, Object.assign({ style: style, className: `mf-Modal mf-Flyout`, ref: refs.setFloating }, floatingStyles, { translate: undefined, children: [showCloseButton && ((0, jsx_runtime_1.jsx)(StyledClose, { children: (0, jsx_runtime_1.jsx)(StyledButton, { onMouseDown: () => onClose === null || onClose === void 0 ? void 0 : onClose(), children: (0, jsx_runtime_1.jsx)(lucide_react_1.XIcon, { size: 18 }) }) })), (0, jsx_runtime_1.jsx)(StyledInnerContent, { className: "mf-Flyout inner-content", children: children })] })) }) })) }));
+    return (_jsx(FloatingPortal, { preserveTabOrder: true, children: open && (_jsx(StyledOverlay, { className: "mf-ModalOverlay", lockScroll: true, onMouseDown: handleMouseDown, children: _jsx(FloatingFocusManager, { context: context, modal: true, children: _jsxs(StyledContent, Object.assign({ style: style, className: `mf-Modal mf-Flyout`, ref: refs.setFloating }, floatingStyles, { translate: undefined, children: [showCloseButton && (_jsx(StyledClose, { children: _jsx(StyledButton, { onMouseDown: () => onClose === null || onClose === void 0 ? void 0 : onClose(), children: _jsx(XIcon, { size: 18 }) }) })), _jsx(StyledInnerContent, { className: "mf-Flyout inner-content", children: children })] })) }) })) }));
 };
-exports.default = Flyout;
+export default Flyout;

package/dist/Flyout/FlyoutHeader.js

@@ -1,12 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-const FlyoutHeader = styled_components_1.default.div `
+import styled from "styled-components";
+const FlyoutHeader = styled.div `
   border-bottom: ${({ theme, hasBorder }) => hasBorder ? `1px solid ${theme.palette.divider}` : "none"};
 
   min-height: 50px;
 `;
-exports.default = FlyoutHeader;
+export default FlyoutHeader;

package/dist/Flyout/FlyoutTitle.js

@@ -1,13 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-const FlyoutTitle = styled_components_1.default.h1 `
+import styled from "styled-components";
+const FlyoutTitle = styled.h1 `
   font-size: 24px;
   font-weight: 600;
   margin: 0px;
   color: ${(props) => props.theme.palette.text.primary};
 `;
-exports.default = FlyoutTitle;
+export default FlyoutTitle;

package/dist/Flyout/index.js

@@ -1,12 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FlyoutTitle = exports.FlyoutHeader = exports.default = void 0;
-var Flyout_1 = require("./Flyout");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Flyout_1).default; } });
-var FlyoutHeader_1 = require("./FlyoutHeader");
-Object.defineProperty(exports, "FlyoutHeader", { enumerable: true, get: function () { return __importDefault(FlyoutHeader_1).default; } });
-var FlyoutTitle_1 = require("./FlyoutTitle");
-Object.defineProperty(exports, "FlyoutTitle", { enumerable: true, get: function () { return __importDefault(FlyoutTitle_1).default; } });
+export { default } from "./Flyout";
+export { default as FlyoutHeader } from "./FlyoutHeader";
+export { default as FlyoutTitle } from "./FlyoutTitle";

package/dist/FormSection/FormSection.js

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const FormSection = (0, styled_components_1.default)(({ className, title, children, defaultOpen = true }) => {
-    const [open, setOpen] = (0, react_1.useState)(defaultOpen);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { className: "section-header", onClick: (e) => setOpen((prev) => !prev), children: [(0, jsx_runtime_1.jsx)("h3", { children: title }), (0, jsx_runtime_1.jsx)("div", { className: "section-line" }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDownIcon, { size: 18, className: open ? "open" : "" })] }), (0, jsx_runtime_1.jsx)("div", { className: "section-content", "data-open": open, children: children })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronDownIcon } from "lucide-react";
+import { useState } from "react";
+import styled from "styled-components";
+const FormSection = styled(({ className, title, children, defaultOpen = true }) => {
+    const [open, setOpen] = useState(defaultOpen);
+    return (_jsxs("div", { className: className, children: [_jsxs("div", { className: "section-header", onClick: (e) => setOpen((prev) => !prev), children: [_jsx("h3", { children: title }), _jsx("div", { className: "section-line" }), _jsx(ChevronDownIcon, { size: 18, className: open ? "open" : "" })] }), _jsx("div", { className: "section-content", "data-open": open, children: children })] }));
 }) `
   h3 {
     margin: 0;
@@ -48,4 +43,4 @@ const FormSection = (0, styled_components_1.default)(({ className, title, childr
     }
   }
 `;
-exports.default = FormSection;
+export default FormSection;

package/dist/FormSection/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var FormSection_1 = require("./FormSection");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FormSection_1).default; } });
+export { default } from "./FormSection";

package/dist/Grid/Grid.js

@@ -1,12 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const Grid = (0, styled_components_1.default)(({ className, children }) => {
-    return (0, jsx_runtime_1.jsx)("div", { className: className, children: children });
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Grid = styled(({ className, children }) => {
+    return _jsx("div", { className: className, children: children });
 }) `
   display: grid;
   grid-template-columns: repeat(${({ col }) => col || 1}, minmax(0, 1fr));
@@ -15,4 +10,4 @@ const Grid = (0, styled_components_1.default)(({ className, children }) => {
   width: ${({ width }) => Number.isInteger(width) ? `${width}px` : width || "100%"};
   height: auto;
 `;
-exports.default = Grid;
+export default Grid;

package/dist/Grid/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Grid_1 = require("./Grid");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Grid_1).default; } });
+export { default } from "./Grid";

package/dist/IconButton/IconButton.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = __importDefault(require("styled-components"));
-const __1 = require("..");
-const IconButton = (0, styled_components_1.default)(__1.Button) `
+import styled from "styled-components";
+import { Button } from "..";
+const IconButton = styled(Button) `
   padding: ${({ size, variant }) => {
     if (variant === "text")
         return `0px 0px`;
@@ -27,4 +22,4 @@ const IconButton = (0, styled_components_1.default)(__1.Button) `
     }
 }};
 `;
-exports.default = IconButton;
+export default IconButton;

package/dist/IconButton/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var IconButton_1 = require("./IconButton");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(IconButton_1).default; } });
+export { default } from "./IconButton";

package/dist/Input/Input.js

@@ -1,4 +1,3 @@
-"use strict";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,16 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("react");
-const Input = (0, styled_components_1.default)((0, react_1.forwardRef)((_a, ref) => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+import { forwardRef } from "react";
+const Input = styled(forwardRef((_a, ref) => {
     var { className, size = "sm", variant = "outlined", width } = _a, rest = __rest(_a, ["className", "size", "variant", "width"]);
-    return (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, className: className }, rest));
+    return _jsx("input", Object.assign({ ref: ref, className: className }, rest));
 })) `
   font-family: ${({ theme }) => theme.typography.fontFamily};
   pointer-events: "all";
@@ -146,4 +141,4 @@ const Input = (0, styled_components_1.default)((0, react_1.forwardRef)((_a, ref)
     cursor: pointer;
   }
 `;
-exports.default = Input;
+export default Input;

package/dist/Input/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Input_1 = require("./Input");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Input_1).default; } });
+export { default } from "./Input";

package/dist/Modal/Modal.js

@@ -1,13 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const lucide_react_1 = require("lucide-react");
-const react_1 = require("@floating-ui/react");
-const StyledOverlay = (0, styled_components_1.default)(react_1.FloatingOverlay) `
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { X } from "lucide-react";
+import { FloatingFocusManager, FloatingOverlay, FloatingPortal, useFloating, } from "@floating-ui/react";
+const StyledOverlay = styled(FloatingOverlay) `
   background-color: rgba(0, 0, 0, 0.3);
   position: fixed;
   inset: 0;
@@ -22,7 +17,7 @@ const StyledOverlay = (0, styled_components_1.default)(react_1.FloatingOverlay)
     }
   }
 `;
-const StyledContent = styled_components_1.default.div `
+const StyledContent = styled.div `
   background-color: ${({ theme }) => theme.name === "DARK"
     ? theme.palette.background.default
     : theme.palette.background.default};
@@ -59,40 +54,40 @@ const StyledContent = styled_components_1.default.div `
     }
   }
 `;
-const StyledInnerContent = styled_components_1.default.div `
+const StyledInnerContent = styled.div `
   display: flex;
   flex-direction: column;
 
   overflow-y: auto;
   padding: 25px;
 `;
-const StyledClose = styled_components_1.default.div `
+const StyledClose = styled.div `
   position: absolute;
   top: 15px;
   right: 15px;
 
   color: ${(props) => props.theme.palette.text.secondary};
 `;
-const StyledButton = styled_components_1.default.button `
+const StyledButton = styled.button `
   background-color: transparent;
   border: none;
   outline: none;
   cursor: pointer;
   padding: 0;
 `;
-const Title = styled_components_1.default.h1 `
+const Title = styled.h1 `
   font-size: 20px;
   font-weight: 600;
   margin: 0px;
 `;
-const SubTitle = styled_components_1.default.h2 `
+const SubTitle = styled.h2 `
   font-size: 14px;
   font-weight: 500;
   margin: 0px;
   color: ${(props) => props.theme.palette.text.secondary};
 `;
 const Modal = ({ children, open = false, onClose, style = {}, showCloseButton = false, FocusProps = {}, }) => {
-    const { refs, floatingStyles, context } = (0, react_1.useFloating)({
+    const { refs, floatingStyles, context } = useFloating({
         open,
         onOpenChange: (isOpen) => {
             if (!isOpen) {
@@ -103,8 +98,8 @@ const Modal = ({ children, open = false, onClose, style = {}, showCloseButton =
     const handleMouseDown = () => {
         onClose === null || onClose === void 0 ? void 0 : onClose();
     };
-    return ((0, jsx_runtime_1.jsx)(react_1.FloatingPortal, { preserveTabOrder: true, children: open && ((0, jsx_runtime_1.jsx)(StyledOverlay, { className: "mf-ModalOverlay", lockScroll: true, children: (0, jsx_runtime_1.jsx)(react_1.FloatingFocusManager, Object.assign({ context: context, modal: true }, FocusProps, { children: (0, jsx_runtime_1.jsxs)(StyledContent, Object.assign({ style: style, className: "mf-Modal", ref: refs.setFloating }, floatingStyles, { children: [showCloseButton && ((0, jsx_runtime_1.jsx)(StyledClose, { children: (0, jsx_runtime_1.jsx)(StyledButton, { onMouseDown: handleMouseDown, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, { size: 18 }) }) })), (0, jsx_runtime_1.jsx)(StyledInnerContent, { children: children })] })) })) })) }));
+    return (_jsx(FloatingPortal, { preserveTabOrder: true, children: open && (_jsx(StyledOverlay, { className: "mf-ModalOverlay", lockScroll: true, children: _jsx(FloatingFocusManager, Object.assign({ context: context, modal: true }, FocusProps, { children: _jsxs(StyledContent, Object.assign({ style: style, className: "mf-Modal", ref: refs.setFloating }, floatingStyles, { children: [showCloseButton && (_jsx(StyledClose, { children: _jsx(StyledButton, { onMouseDown: handleMouseDown, children: _jsx(X, { size: 18 }) }) })), _jsx(StyledInnerContent, { children: children })] })) })) })) }));
 };
 Modal.Title = Title;
 Modal.SubTitle = SubTitle;
-exports.default = Modal;
+export default Modal;

package/dist/Modal/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Modal_1 = require("./Modal");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
+export { default } from "./Modal";

package/dist/MonolithUIProvider/GlobalStyle.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const styled_components_1 = require("styled-components");
-const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
+import { createGlobalStyle } from "styled-components";
+const GlobalStyle = createGlobalStyle `
     * {
         box-sizing: border-box;
     }
@@ -50,4 +48,4 @@ const GlobalStyle = (0, styled_components_1.createGlobalStyle) `
         color: unset;
     }
 `;
-exports.default = GlobalStyle;
+export default GlobalStyle;

package/dist/MonolithUIProvider/MonolithUIProvider.js

@@ -1,29 +1,23 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MonolithUIContext = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const deepmerge_1 = __importDefault(require("deepmerge"));
-const styled_components_1 = require("styled-components");
-const theme_1 = __importDefault(require("../theme"));
-const react_1 = require("react");
-const GlobalStyle_1 = __importDefault(require("./GlobalStyle"));
-exports.MonolithUIContext = (0, react_1.createContext)(undefined);
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import merge from "deepmerge";
+import { ThemeProvider } from "styled-components";
+import getTheme from "../theme";
+import { createContext, useState } from "react";
+import GlobalStyle from "./GlobalStyle";
+export const MonolithUIContext = createContext(undefined);
 const MonolithUIProvider = ({ children, theme = {}, defaultColorScheme = "dark", }) => {
-    const [colorScheme, setColorScheme] = (0, react_1.useState)(defaultColorScheme);
+    const [colorScheme, setColorScheme] = useState(defaultColorScheme);
     const toggleColorScheme = () => {
         setColorScheme(colorScheme === "light" ? "dark" : "light");
     };
-    const defaultTheme = (0, theme_1.default)(colorScheme);
+    const defaultTheme = getTheme(colorScheme);
     // override default theme with the provided theme
-    const _theme = (0, deepmerge_1.default)(defaultTheme, theme);
-    return ((0, jsx_runtime_1.jsx)(exports.MonolithUIContext.Provider, { value: {
+    const _theme = merge(defaultTheme, theme);
+    return (_jsx(MonolithUIContext.Provider, { value: {
             theme: _theme,
             colorScheme,
             toggleColorScheme,
             setColorScheme,
-        }, children: (0, jsx_runtime_1.jsxs)(styled_components_1.ThemeProvider, { theme: _theme, children: [(0, jsx_runtime_1.jsx)(GlobalStyle_1.default, { theme: _theme }), children] }) }));
+        }, children: _jsxs(ThemeProvider, { theme: _theme, children: [_jsx(GlobalStyle, { theme: _theme }), children] }) }));
 };
-exports.default = MonolithUIProvider;
+export default MonolithUIProvider;

package/dist/MonolithUIProvider/index.js

@@ -1,12 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTheme = exports.useMonolithUITheme = exports.default = void 0;
-var MonolithUIProvider_1 = require("./MonolithUIProvider");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(MonolithUIProvider_1).default; } });
-var useMonolithUITheme_1 = require("./useMonolithUITheme");
-Object.defineProperty(exports, "useMonolithUITheme", { enumerable: true, get: function () { return __importDefault(useMonolithUITheme_1).default; } });
-var theme_1 = require("../theme");
-Object.defineProperty(exports, "getTheme", { enumerable: true, get: function () { return __importDefault(theme_1).default; } });
+export { default } from "./MonolithUIProvider";
+export { default as useMonolithUITheme } from "./useMonolithUITheme";
+export { default as getTheme } from "../theme";

package/dist/MonolithUIProvider/useMonolithUITheme.js

@@ -1,12 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = require("react");
-const MonolithUIProvider_1 = require("./MonolithUIProvider");
+import { useContext } from "react";
+import { MonolithUIContext } from "./MonolithUIProvider";
 const useMonolithUITheme = () => {
-    const context = (0, react_1.useContext)(MonolithUIProvider_1.MonolithUIContext);
+    const context = useContext(MonolithUIContext);
     if (context === undefined) {
         throw new Error("hook must be used within a MonolithUIProvider");
     }
     return context;
 };
-exports.default = useMonolithUITheme;
+export default useMonolithUITheme;

package/dist/Pill/Pill.js

@@ -1,12 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styled_components_1 = __importDefault(require("styled-components"));
-const lucide_react_1 = require("lucide-react");
-const StyledButton = styled_components_1.default.button `
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from "styled-components";
+import { X } from "lucide-react";
+const StyledButton = styled.button `
   background-color: transparent;
   border: none;
   cursor: pointer;
@@ -19,19 +14,19 @@ const StyledButton = styled_components_1.default.button `
   transition: color 0.2s;
   padding-inline-end: 5px;
 `;
-const Pill = (0, styled_components_1.default)(({ className, children, size = "md", showRemoveIcon = true, onRemove, }) => {
+const Pill = styled(({ className, children, size = "md", showRemoveIcon = true, onRemove, }) => {
     const handleRemove = (e) => {
         e.preventDefault();
         e.stopPropagation();
         onRemove === null || onRemove === void 0 ? void 0 : onRemove();
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, onClick: (e) => {
+    return (_jsxs("div", { className: className, onClick: (e) => {
             e.preventDefault();
             e.stopPropagation();
-        }, children: [(0, jsx_runtime_1.jsx)("span", { className: "pill-content", children: children }), showRemoveIcon && ((0, jsx_runtime_1.jsx)(StyledButton, { onClick: handleRemove, onMouseDown: (e) => {
+        }, children: [_jsx("span", { className: "pill-content", children: children }), showRemoveIcon && (_jsx(StyledButton, { onClick: handleRemove, onMouseDown: (e) => {
                     e.preventDefault();
                     e.stopPropagation();
-                }, children: (0, jsx_runtime_1.jsx)(lucide_react_1.X, {}) }))] }));
+                }, children: _jsx(X, {}) }))] }));
 }) `
   user-select: none;
   display: flex;
@@ -149,4 +144,4 @@ const Pill = (0, styled_components_1.default)(({ className, children, size = "md
 }};
   }
 `;
-exports.default = Pill;
+export default Pill;

package/dist/Pill/index.js

@@ -1,8 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Pill_1 = require("./Pill");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Pill_1).default; } });
+export { default } from "./Pill";