@driveflux/ui 1.0.0-next.0

package/dist/modal/ModalProvider.js

@@ -0,0 +1,239 @@
+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 { 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";
+var getModalComponent = function(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 : /*#__PURE__*/ _jsx(modalContentConfig.content, _object_spread({
+                open: open,
+                close: close
+            }, otherProps));
+    }
+};
+var isModalOpenOptions = function(options) {
+    return (options === null || options === void 0 ? void 0 : options.modalContentConfig) !== undefined;
+};
+var ModalProvider = function(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 === null || modalOptions === void 0 ? void 0 : modalOptions.onClose) {
+            modalOptions.onClose();
+        }
+        if (!(options === null || options === void 0 ? void 0 : options.keepModalContentConfig)) {
+            setModalContentConfig(undefined);
+            setModalOptions(undefined);
+            setModalState(undefined);
+        }
+    }, [
+        modalOptions
+    ]);
+    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;
+            newModalOptions = modalContentConfigOrOptions;
+        } else if (modalContentConfigOrOptions) {
+            newModalContentConfig = modalContentConfigOrOptions;
+            newModalSate = undefined;
+            newModalOptions = undefined;
+        }
+        setModalContentConfig(function(oldModalContentConfig) {
+            var modalContentConfig = newModalContentConfig || oldModalContentConfig;
+            if (modalContentConfig) {
+                onOpenRaw();
+            }
+            return modalContentConfig;
+        });
+        setModalState(newModalSate);
+        setModalOptions(newModalOptions);
+    }, []);
+    var update = useCallback(function(updateOptions) {
+        if (!updateOptions || isEmpty(updateOptions)) {
+            return;
+        }
+        setModalContentConfig(function(oldModalContentConfig) {
+            if (!oldModalContentConfig) {
+                return oldModalContentConfig;
+            }
+            return _object_spread_props(_object_spread({}, oldModalContentConfig, updateOptions.modalContentConfig), {
+                contentProps: _object_spread({}, updateOptions.contentProps, oldModalContentConfig.contentProps)
+            });
+        });
+    }, []);
+    var state = useMemo(function() {
+        return {
+            isOpen: isOpen,
+            // @ts-expect-error
+            open: onOpen,
+            close: onClose,
+            update: update,
+            modalState: modalState,
+            setModalState: setModalState
+        };
+    }, [
+        onOpen,
+        onClose,
+        update,
+        modalState,
+        setModalState,
+        isOpen
+    ]);
+    var content = useMemo(function() {
+        return modalContentConfig && getModalComponent(modalContentConfig, state);
+    }, [
+        modalContentConfig
+    ]);
+    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) || {
+                    base: "full",
+                    md: "3xl"
+                },
+                isOpen: isOpen,
+                onClose: onClose,
+                children: [
+                    /*#__PURE__*/ _jsx(ModalOverlay, {}),
+                    /*#__PURE__*/ _jsx(ModalContent, {
+                        borderRadius: 0,
+                        children: content
+                    })
+                ]
+            })
+        ]
+    });
+};
+export default ModalProvider;

package/dist/modal/components/EnhancedModalCustomWrapper.d.ts

@@ -0,0 +1,9 @@
+import type { FC, PropsWithChildren, ReactNode } from 'react';
+import { type StackProps } from '../../chakra.js';
+type Props = {
+    title?: ReactNode;
+    isCloseHidden?: boolean;
+} & StackProps;
+declare const EnhancedModalCustomWrapper: FC<PropsWithChildren<Props>>;
+export default EnhancedModalCustomWrapper;
+//# sourceMappingURL=EnhancedModalCustomWrapper.d.ts.map

package/dist/modal/components/EnhancedModalCustomWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedModalCustomWrapper.d.ts","sourceRoot":"","sources":["../../../src/modal/components/EnhancedModalCustomWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EAAkC,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjF,KAAK,KAAK,GAAG;IACX,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,GAAG,UAAU,CAAA;AAEd,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CA0B5D,CAAA;AAED,eAAe,0BAA0B,CAAA"}

package/dist/modal/components/EnhancedModalCustomWrapper.js

@@ -0,0 +1,124 @@
+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 _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 _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import IconClose from "@driveflux/icons/icons/IconClose";
+import { Button, HStack, Heading, Stack } from "../../chakra.js";
+import { useEnhancedModal } from "../use-enhanced-modal.js";
+var EnhancedModalCustomWrapper = function(_param) {
+    var title = _param.title, children = _param.children, isCloseHidden = _param.isCloseHidden, props = _object_without_properties(_param, [
+        "title",
+        "children",
+        "isCloseHidden"
+    ]);
+    var close = useEnhancedModal().close;
+    return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
+        overflowY: "scroll",
+        px: "32px",
+        py: "24px",
+        spacing: "18px"
+    }, props), {
+        children: [
+            /*#__PURE__*/ _jsxs(HStack, {
+                justifyContent: "space-between",
+                children: [
+                    /*#__PURE__*/ _jsx(Heading, {
+                        fontSize: "18px",
+                        textTransform: "uppercase",
+                        children: title
+                    }),
+                    !isCloseHidden && /*#__PURE__*/ _jsx(Button, {
+                        p: 0,
+                        variant: "unstyled",
+                        border: 0,
+                        w: "fit-content",
+                        onClick: function() {
+                            close();
+                        },
+                        children: /*#__PURE__*/ _jsx(IconClose, {
+                            size: "28px"
+                        })
+                    })
+                ]
+            }),
+            children
+        ]
+    }));
+};
+export default EnhancedModalCustomWrapper;

package/dist/modal/components/EnhancedModalFooter.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { ButtonProps, StackProps } from '../../chakra.js';
+type Props = {
+    sticky?: boolean;
+    cancelProps?: ButtonProps;
+    okProps?: ButtonProps;
+    children?: ReactNode;
+    suffix?: ReactNode;
+} & StackProps;
+declare const EnhancedModalFooter: FC<Props>;
+export default EnhancedModalFooter;
+//# sourceMappingURL=EnhancedModalFooter.d.ts.map

package/dist/modal/components/EnhancedModalFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnhancedModalFooter.d.ts","sourceRoot":"","sources":["../../../src/modal/components/EnhancedModalFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAU,WAAW,EAAS,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIxE,KAAK,KAAK,GAAG;IACX,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,GAAG,UAAU,CAAA;AAEd,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAkClC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/modal/components/EnhancedModalFooter.js

@@ -0,0 +1,157 @@
+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 _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 _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Trans } from "@lingui/macro";
+import { Button, Stack } from "../../chakra.js";
+import { colors } from "../../theme/colors.js";
+import { useEnhancedModal } from "../use-enhanced-modal.js";
+var EnhancedModalFooter = function(_param) {
+    var sticky = _param.sticky, cancelProps = _param.cancelProps, okProps = _param.okProps, children = _param.children, suffix = _param.suffix, props = _object_without_properties(_param, [
+        "sticky",
+        "cancelProps",
+        "okProps",
+        "children",
+        "suffix"
+    ]);
+    var close = useEnhancedModal().close;
+    return /*#__PURE__*/ _jsxs(Stack, _object_spread_props(_object_spread({
+        pos: {
+            base: "absolute",
+            md: sticky ? "absolute" : "static"
+        },
+        bottom: 0,
+        left: 0,
+        right: 0,
+        py: "32px",
+        px: {
+            base: "32px",
+            md: sticky ? "32px" : "0"
+        },
+        borderTop: sticky ? "1px solid ".concat(colors.primary2) : "",
+        background: colors.white,
+        spacing: "24px",
+        zIndex: "sticky"
+    }, props), {
+        children: [
+            children ? /*#__PURE__*/ _jsx(Stack, {
+                direction: {
+                    base: "column-reverse",
+                    md: "row"
+                },
+                spacing: "24px",
+                children: children
+            }) : /*#__PURE__*/ _jsxs(Stack, {
+                direction: {
+                    base: "column-reverse",
+                    md: "row"
+                },
+                spacing: "24px",
+                children: [
+                    /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({
+                        w: "full",
+                        variant: "outline",
+                        onClick: function() {
+                            return close();
+                        }
+                    }, cancelProps), {
+                        fontSize: "10px",
+                        fontWeight: "bold",
+                        letterSpacing: "3px",
+                        children: (cancelProps === null || cancelProps === void 0 ? void 0 : cancelProps.children) ? cancelProps.children : /*#__PURE__*/ _jsx(Trans, {
+                            children: "Cancel"
+                        })
+                    })),
+                    /*#__PURE__*/ _jsx(Button, _object_spread_props(_object_spread({
+                        w: "full"
+                    }, okProps), {
+                        fontSize: "10px",
+                        fontWeight: "bold",
+                        letterSpacing: "3px",
+                        children: (okProps === null || okProps === void 0 ? void 0 : okProps.children) ? okProps.children : /*#__PURE__*/ _jsx(Trans, {
+                            children: "Confirm"
+                        })
+                    }))
+                ]
+            }),
+            suffix
+        ]
+    }));
+};
+export default EnhancedModalFooter;

package/dist/modal/components/MinimalModalContent.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import type { ModalContentConfig, ModalControlProps } from '../context.js';
+type Props = {
+    controls: ModalControlProps;
+    modalContentConfig: Extract<ModalContentConfig, {
+        type: 'minimal';
+    }>;
+};
+declare const MinimalModalContent: FC<Props>;
+export default MinimalModalContent;
+//# sourceMappingURL=MinimalModalContent.d.ts.map

package/dist/modal/components/MinimalModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimalModalContent.d.ts","sourceRoot":"","sources":["../../../src/modal/components/MinimalModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAA;AAGzC,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAE1E,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,EAAE;QAAE,IAAI,EAAE,SAAS,CAAA;KAAE,CAAC,CAAA;CACrE,CAAA;AAED,QAAA,MAAM,mBAAmB,EAAE,EAAE,CAAC,KAAK,CAWlC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/modal/components/MinimalModalContent.js

@@ -0,0 +1,84 @@
+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 _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 _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { Box, ModalBody, ModalCloseButton, ModalHeader } from "../../chakra.js";
+import { isReactNode } from "../../utils/react.js";
+var MinimalModalContent = function(_param) {
+    var _param_controls = _param.controls, open = _param_controls.open, close = _param_controls.close, modalContentConfig = _param.modalContentConfig, props = _object_without_properties(_param, [
+        "controls",
+        "modalContentConfig"
+    ]);
+    var Content = modalContentConfig.content;
+    var Wrapper = modalContentConfig.noModalBody ? Fragment : ModalBody;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            modalContentConfig.title ? /*#__PURE__*/ _jsx(ModalHeader, {
+                children: modalContentConfig.title
+            }) : /*#__PURE__*/ _jsx(Box, {
+                h: "32px"
+            }),
+            /*#__PURE__*/ _jsx(ModalCloseButton, {}),
+            /*#__PURE__*/ _jsx(Wrapper, {
+                children: isReactNode(Content) ? Content : /*#__PURE__*/ _jsx(Content, _object_spread({
+                    close: close,
+                    open: open
+                }, props))
+            })
+        ]
+    });
+};
+export default MinimalModalContent;

package/dist/modal/components/StandardModalContent.d.ts

@@ -0,0 +1,11 @@
+import { type FC } from 'react';
+import type { ModalContentConfig, ModalControlProps } from '../context.js';
+type Props = {
+    controls: ModalControlProps;
+    modalContentConfig: Extract<ModalContentConfig, {
+        type: 'standard';
+    }>;
+};
+declare const StandardModalContent: FC<Props>;
+export default StandardModalContent;
+//# sourceMappingURL=StandardModalContent.d.ts.map

package/dist/modal/components/StandardModalContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardModalContent.d.ts","sourceRoot":"","sources":["../../../src/modal/components/StandardModalContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAA;AAUtD,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAG1E,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,EAAE;QAAE,IAAI,EAAE,UAAU,CAAA;KAAE,CAAC,CAAA;CACtE,CAAA;AAED,QAAA,MAAM,oBAAoB,EAAE,EAAE,CAAC,KAAK,CA2CnC,CAAA;AAED,eAAe,oBAAoB,CAAA"}