@driveflux/ui 3.0.5 → 3.0.6

package/dist/bottom-sheet/BottomSheetProvider.js

@@ -1,16 +1,63 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { IconClose } from '@driveflux/icons';
-import { useCallback, useEffect, useRef, useState, } from 'react';
-import { Box, Button, Divider, HStack, Slide, Text, useDisclosure, VStack, } from '../chakra.js';
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Box, Button, Divider, HStack, Slide, Text, useDisclosure, VStack } from '../chakra.js';
 import { colors } from '../theme/index.js';
 import { BottomSheetContext } from './context.js';
 import { isMobile } from './utils.js';
-const BottomSheetProvider = ({ children }) => {
-    const { isOpen, onClose, onOpen } = useDisclosure();
-    const [options, setOptions] = useState(null);
-    const anchorY = useRef(0);
+var BottomSheetProvider = function BottomSheetProvider(param) {
+    var children = param.children;
+    var _useDisclosure = useDisclosure(), isOpen = _useDisclosure.isOpen, onClose = _useDisclosure.onClose, onOpen = _useDisclosure.onOpen;
+    var _useState = _sliced_to_array(useState(null), 2), options = _useState[0], setOptions = _useState[1];
+    var anchorY = useRef(0);
     // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
-    const open = useCallback((options) => {
+    var open = useCallback(function(options) {
         if (!isMobile(navigator) && !options.showOnDesktop) {
             console.log('isMobile(navigator)', isMobile(navigator));
             return;
@@ -19,56 +66,137 @@ const BottomSheetProvider = ({ children }) => {
         onOpen();
         document.body.style.overflow = 'hidden';
     }, []);
-    const close = () => {
+    var close = function close() {
         onClose();
         setOptions(null);
         document.body.style.overflow = 'auto';
     };
-    const dismissWithAnimation = (element) => {
+    var dismissWithAnimation = function dismissWithAnimation(element) {
         element.style.transition = 'transform 200ms ease-in';
         element.style.transform = 'translateY(100%)';
-        setTimeout(() => {
-            options?.onClose?.('handle');
+        setTimeout(function() {
+            var _options_onClose;
+            options === null || options === void 0 ? void 0 : (_options_onClose = options.onClose) === null || _options_onClose === void 0 ? void 0 : _options_onClose.call(options, 'handle');
             close();
             element.style.transition = '';
         }, 200);
     };
-    useEffect(() => {
+    useEffect(function() {
         if (!options) {
             return;
         }
-    }, [options]);
-    return (_jsxs(BottomSheetContext.Provider, { value: { isOpen, open, close }, children: [children, _jsx(Box, { display: isOpen ? 'block' : 'none', position: 'fixed', top: 0, left: 0, right: 0, bottom: 0, background: 'blackAlpha.600', zIndex: 'modal', onClick: () => {
-                    options?.onClose?.('overlay');
+    }, [
+        options
+    ]);
+    return /*#__PURE__*/ _jsxs(BottomSheetContext.Provider, {
+        value: {
+            isOpen: isOpen,
+            open: open,
+            close: close
+        },
+        children: [
+            children,
+            /*#__PURE__*/ _jsx(Box, {
+                display: isOpen ? 'block' : 'none',
+                position: 'fixed',
+                top: 0,
+                left: 0,
+                right: 0,
+                bottom: 0,
+                background: 'blackAlpha.600',
+                zIndex: 'modal',
+                onClick: function onClick() {
+                    var _options_onClose;
+                    options === null || options === void 0 ? void 0 : (_options_onClose = options.onClose) === null || _options_onClose === void 0 ? void 0 : _options_onClose.call(options, 'overlay');
                     close();
-                } }), _jsx(Slide, { direction: 'bottom', in: isOpen, style: { zIndex: 1500, position: 'fixed' }, children: _jsxs(Box, { background: colors.white, borderTopLeftRadius: '24px', borderTopRightRadius: '24px', children: [_jsxs(VStack, { padding: '8px 24px 16px', cursor: 'pointer', 
+                }
+            }),
+            /*#__PURE__*/ _jsx(Slide, {
+                direction: 'bottom',
+                in: isOpen,
+                style: {
+                    zIndex: 1500,
+                    position: 'fixed'
+                },
+                children: /*#__PURE__*/ _jsxs(Box, {
+                    background: colors.white,
+                    borderTopLeftRadius: '24px',
+                    borderTopRightRadius: '24px',
+                    children: [
+                        /*#__PURE__*/ _jsxs(VStack, {
+                            padding: '8px 24px 16px',
+                            cursor: 'pointer',
                             // mobile touch
-                            onTouchStart: (e) => {
-                                const touch = e.touches[0];
+                            onTouchStart: function onTouchStart(e) {
+                                var touch = e.touches[0];
                                 anchorY.current = touch.clientY;
-                            }, onTouchMove: (e) => {
-                                const parent = e.currentTarget.parentElement?.parentElement;
+                            },
+                            onTouchMove: function onTouchMove(e) {
+                                var _e_currentTarget_parentElement;
+                                var parent = (_e_currentTarget_parentElement = e.currentTarget.parentElement) === null || _e_currentTarget_parentElement === void 0 ? void 0 : _e_currentTarget_parentElement.parentElement;
                                 if (!parent) {
                                     return;
                                 }
-                                const touch = e.touches[0];
-                                const distance = touch.clientY - anchorY.current;
-                                parent.style.bottom = `-${distance}px`;
+                                var touch = e.touches[0];
+                                var distance = touch.clientY - anchorY.current;
+                                parent.style.bottom = "-".concat(distance, "px");
                                 if (distance > 80 && touch.clientY > window.innerHeight / 2) {
                                     anchorY.current = 0;
                                     dismissWithAnimation(parent);
                                 }
-                            }, onTouchEnd: (e) => {
+                            },
+                            onTouchEnd: function onTouchEnd(e) {
+                                var _e_currentTarget_parentElement;
                                 anchorY.current = 0;
-                                const parent = e.currentTarget.parentElement?.parentElement;
+                                var parent = (_e_currentTarget_parentElement = e.currentTarget.parentElement) === null || _e_currentTarget_parentElement === void 0 ? void 0 : _e_currentTarget_parentElement.parentElement;
                                 if (!parent) {
                                     return;
                                 }
                                 parent.style.bottom = '0px';
-                            }, children: [_jsx(Box, { backgroundColor: colors.primary2, borderRadius: '4px', w: '44px', height: '4px' }), _jsxs(HStack, { w: 'full', justifyContent: 'space-between', children: [_jsx(Text, { fontSize: '12px', letterSpacing: '1px', textStyle: 'bold', textTransform: 'uppercase', children: options?.title }), _jsx(Button, { variant: 'invisible', onClick: () => {
-                                                options?.onClose?.('close_button');
+                            },
+                            children: [
+                                /*#__PURE__*/ _jsx(Box, {
+                                    backgroundColor: colors.primary2,
+                                    borderRadius: '4px',
+                                    w: '44px',
+                                    height: '4px'
+                                }),
+                                /*#__PURE__*/ _jsxs(HStack, {
+                                    w: 'full',
+                                    justifyContent: 'space-between',
+                                    children: [
+                                        /*#__PURE__*/ _jsx(Text, {
+                                            fontSize: '12px',
+                                            letterSpacing: '1px',
+                                            textStyle: 'bold',
+                                            textTransform: 'uppercase',
+                                            children: options === null || options === void 0 ? void 0 : options.title
+                                        }),
+                                        /*#__PURE__*/ _jsx(Button, {
+                                            variant: 'invisible',
+                                            onClick: function onClick() {
+                                                var _options_onClose;
+                                                options === null || options === void 0 ? void 0 : (_options_onClose = options.onClose) === null || _options_onClose === void 0 ? void 0 : _options_onClose.call(options, 'close_button');
                                                 close();
-                                            }, children: _jsx(IconClose, { size: '16px' }) })] })] }), _jsx(Divider, {}), _jsx(Box, { overflowY: 'scroll', maxH: '80vh', children: options?.content })] }) })] }));
+                                            },
+                                            children: /*#__PURE__*/ _jsx(IconClose, {
+                                                size: '16px'
+                                            })
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ _jsx(Divider, {}),
+                        /*#__PURE__*/ _jsx(Box, {
+                            overflowY: 'scroll',
+                            maxH: '80vh',
+                            children: options === null || options === void 0 ? void 0 : options.content
+                        })
+                    ]
+                })
+            })
+        ]
+    });
 };
 export default BottomSheetProvider;
-//# sourceMappingURL=BottomSheetProvider.js.map

package/dist/bottom-sheet/context.js

@@ -1,7 +1,6 @@
 import { createContext } from 'react';
-export const BottomSheetContext = createContext({
+export var BottomSheetContext = createContext({
     isOpen: false,
-    open: () => { },
-    close: () => { },
+    open: function open() {},
+    close: function close() {}
 });
-//# sourceMappingURL=context.js.map

package/dist/bottom-sheet/index.js

@@ -1,4 +1,3 @@
 export { default as BottomSheetProvider } from './BottomSheetProvider.js';
 export * from './context.js';
 export * from './use-bottom-sheet.js';
-//# sourceMappingURL=index.js.map

package/dist/bottom-sheet/use-bottom-sheet.js

@@ -1,4 +1,5 @@
 import { useContext } from 'react';
 import { BottomSheetContext } from './context.js';
-export const useBottomSheet = () => useContext(BottomSheetContext);
-//# sourceMappingURL=use-bottom-sheet.js.map
+export var useBottomSheet = function useBottomSheet() {
+    return useContext(BottomSheetContext);
+};

package/dist/bottom-sheet/utils.js

@@ -1,5 +1,5 @@
-export const isMobile = (navigator) => {
-    const toMatch = [
+export var isMobile = function isMobile(navigator) {
+    var toMatch = [
         /Android/i,
         /webOS/i,
         /iPhone/i,
@@ -7,10 +7,9 @@ export const isMobile = (navigator) => {
         /Tablet/i,
         /iPod/i,
         /BlackBerry/i,
-        /Windows Phone/i,
+        /Windows Phone/i
     ];
-    return toMatch.some((toMatchItem) => {
+    return toMatch.some(function(toMatchItem) {
         return navigator.userAgent.match(toMatchItem);
     });
 };
-//# sourceMappingURL=utils.js.map

package/dist/chakra.js

@@ -1,3 +1,2 @@
 'use client';
 export * from '@chakra-ui/react';
-//# sourceMappingURL=chakra.js.map

package/dist/modal/ModalProvider.js

@@ -1,67 +1,177 @@
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import isEmpty from 'lodash/isEmpty.js';
-import { useCallback, useMemo, useState, } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { Modal, ModalContent, ModalOverlay, useDisclosure } from '../chakra.js';
 import { isReactNode } from '../utils/react.js';
 import MinimalModalContent from './components/MinimalModalContent.js';
 import StandardModalContent from './components/StandardModalContent.js';
-import { ModalContext, } from './context.js';
-const getModalComponent = (modalContentConfig, controls) => {
-    const otherProps = modalContentConfig.contentProps || {};
-    switch (modalContentConfig.type) {
-        case 'standard': {
-            return (_jsx(StandardModalContent, { controls: controls, modalContentConfig: modalContentConfig, ...otherProps }));
-        }
-        case 'minimal': {
-            return (_jsx(MinimalModalContent, { controls: controls, modalContentConfig: modalContentConfig, ...otherProps }));
-        }
+import { ModalContext } from './context.js';
+var getModalComponent = function getModalComponent(modalContentConfig, controls) {
+    var otherProps = modalContentConfig.contentProps || {};
+    switch(modalContentConfig.type){
+        case 'standard':
+            {
+                return /*#__PURE__*/ _jsx(StandardModalContent, _object_spread({
+                    controls: controls,
+                    modalContentConfig: modalContentConfig
+                }, otherProps));
+            }
+        case 'minimal':
+            {
+                return /*#__PURE__*/ _jsx(MinimalModalContent, _object_spread({
+                    controls: controls,
+                    modalContentConfig: modalContentConfig
+                }, otherProps));
+            }
         case 'custom':
-            return isReactNode(modalContentConfig.content) ? (modalContentConfig.content) : (_jsx(modalContentConfig.content, { open: open, close: close, ...otherProps }));
-        default: {
-            const _exhaustiveCheck = modalContentConfig;
-            return null;
-        }
+            return isReactNode(modalContentConfig.content) ? modalContentConfig.content : /*#__PURE__*/ _jsx(modalContentConfig.content, _object_spread({
+                open: open,
+                close: close
+            }, otherProps));
+        default:
+            {
+                var _exhaustiveCheck = modalContentConfig;
+                return null;
+            }
     }
 };
-const isModalOpenOptions = (options) => {
-    return options?.modalContentConfig !== undefined;
+var isModalOpenOptions = function isModalOpenOptions(options) {
+    return (options === null || options === void 0 ? void 0 : options.modalContentConfig) !== undefined;
 };
-const ModalProvider = ({ children }) => {
-    const { isOpen, onClose: onCloseRaw, onOpen: onOpenRaw } = useDisclosure();
-    const [modalContentConfig, setModalContentConfig] = useState();
-    const [modalOptions, setModalOptions] = useState();
-    const [modalState, setModalState] = useState();
-    const onClose = useCallback((options) => {
+var ModalProvider = function ModalProvider(param) {
+    var children = param.children;
+    var _useDisclosure = useDisclosure(), isOpen = _useDisclosure.isOpen, onCloseRaw = _useDisclosure.onClose, onOpenRaw = _useDisclosure.onOpen;
+    var _useState = _sliced_to_array(useState(), 2), modalContentConfig = _useState[0], setModalContentConfig = _useState[1];
+    var _useState1 = _sliced_to_array(useState(), 2), modalOptions = _useState1[0], setModalOptions = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(), 2), modalState = _useState2[0], setModalState = _useState2[1];
+    var onClose = useCallback(function(options) {
         onCloseRaw();
-        if (modalOptions?.onClose) {
+        if (modalOptions === null || modalOptions === void 0 ? void 0 : modalOptions.onClose) {
             modalOptions.onClose();
         }
-        if (!options?.keepModalContentConfig) {
+        if (!(options === null || options === void 0 ? void 0 : options.keepModalContentConfig)) {
             setModalContentConfig(undefined);
             setModalOptions(undefined);
             setModalState(undefined);
         }
-    }, [modalOptions, onCloseRaw]);
-    const onOpen = useCallback((modalContentConfigOrOptions) => {
-        let newModalContentConfig;
-        let newModalSate;
-        let newModalOptions;
+    }, [
+        modalOptions,
+        onCloseRaw
+    ]);
+    var onOpen = useCallback(function(modalContentConfigOrOptions) {
+        var newModalContentConfig;
+        var newModalSate;
+        var newModalOptions;
         // Here, we know we're passing the global options object
         if (isModalOpenOptions(modalContentConfigOrOptions)) {
             newModalContentConfig = modalContentConfigOrOptions.modalContentConfig;
-            newModalSate =
-                modalContentConfigOrOptions.modalContentConfig.initialModalState;
+            newModalSate = modalContentConfigOrOptions.modalContentConfig.initialModalState;
             newModalOptions = modalContentConfigOrOptions;
-        }
-        // we will set the state only when we're passing the modal content config. Maybe the modal
-        // was closed with keepModalContentConfig set to true, so we don't want to override the state
-        else if (modalContentConfigOrOptions) {
+        } else if (modalContentConfigOrOptions) {
             newModalContentConfig = modalContentConfigOrOptions;
             newModalSate = undefined;
             newModalOptions = undefined;
         }
-        setModalContentConfig((oldModalContentConfig) => {
-            const modalContentConfig = newModalContentConfig || oldModalContentConfig;
+        setModalContentConfig(function(oldModalContentConfig) {
+            var modalContentConfig = newModalContentConfig || oldModalContentConfig;
             if (modalContentConfig) {
                 onOpenRaw();
             }
@@ -69,39 +179,67 @@ const ModalProvider = ({ children }) => {
         });
         setModalState(newModalSate);
         setModalOptions(newModalOptions);
-    }, [onOpenRaw]);
-    const update = useCallback((updateOptions) => {
+    }, [
+        onOpenRaw
+    ]);
+    var update = useCallback(function(updateOptions) {
         if (!updateOptions || isEmpty(updateOptions)) {
             return;
         }
-        setModalContentConfig((oldModalContentConfig) => {
+        setModalContentConfig(function(oldModalContentConfig) {
             if (!oldModalContentConfig) {
                 return oldModalContentConfig;
             }
-            return {
-                ...oldModalContentConfig,
-                ...updateOptions.modalContentConfig,
-                contentProps: {
-                    ...updateOptions.contentProps,
-                    ...oldModalContentConfig.contentProps,
-                },
-            };
+            return _object_spread_props(_object_spread({}, oldModalContentConfig, updateOptions.modalContentConfig), {
+                contentProps: _object_spread({}, updateOptions.contentProps, oldModalContentConfig.contentProps)
+            });
         });
     }, []);
-    const state = useMemo(() => {
+    var state = useMemo(function() {
         return {
-            isOpen,
+            isOpen: isOpen,
             // TODO
             // @ts-expect-error
             open: onOpen,
             close: onClose,
-            update,
-            modalState,
-            setModalState,
+            update: update,
+            modalState: modalState,
+            setModalState: setModalState
         };
-    }, [onOpen, onClose, update, modalState, isOpen]);
-    const content = useMemo(() => modalContentConfig && getModalComponent(modalContentConfig, state), [modalContentConfig, state]);
-    return (_jsxs(ModalContext.Provider, { value: state, children: [children, _jsxs(Modal, { scrollBehavior: 'inside', isCentered: true, blockScrollOnMount: true, closeOnOverlayClick: true, size: modalContentConfig?.size || '3xl', isOpen: isOpen, onClose: onClose, children: [_jsx(ModalOverlay, {}), _jsx(ModalContent, { borderRadius: 0, children: content })] })] }));
+    }, [
+        onOpen,
+        onClose,
+        update,
+        modalState,
+        isOpen
+    ]);
+    var content = useMemo(function() {
+        return modalContentConfig && getModalComponent(modalContentConfig, state);
+    }, [
+        modalContentConfig,
+        state
+    ]);
+    return /*#__PURE__*/ _jsxs(ModalContext.Provider, {
+        value: state,
+        children: [
+            children,
+            /*#__PURE__*/ _jsxs(Modal, {
+                scrollBehavior: 'inside',
+                isCentered: true,
+                blockScrollOnMount: true,
+                closeOnOverlayClick: true,
+                size: (modalContentConfig === null || modalContentConfig === void 0 ? void 0 : modalContentConfig.size) || '3xl',
+                isOpen: isOpen,
+                onClose: onClose,
+                children: [
+                    /*#__PURE__*/ _jsx(ModalOverlay, {}),
+                    /*#__PURE__*/ _jsx(ModalContent, {
+                        borderRadius: 0,
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
 };
 export default ModalProvider;
-//# sourceMappingURL=ModalProvider.js.map