@nascentdigital/funnel-ui 4.5.2 → 4.5.4

package/dist/client/interaction/focus/FocusController.d.ts

@@ -1,9 +0,0 @@
-import { HTMLAttributes } from 'react';
-import { HTMLElements } from '../../../types';
-export declare function FocusController<T extends FocusController.Tag>({ children, as, ...props }: FocusController.Props<T>): import("react/jsx-runtime").JSX.Element;
-export declare namespace FocusController {
-    type Props<T extends Tag> = Omit<HTMLAttributes<HTMLElements.Standard[T]>, 'tabIndex'> & {
-        as: T;
-    };
-    type Tag = HTMLElements.Standard.Container;
-}

package/dist/client/interaction/focus/FocusController.js

@@ -1,40 +0,0 @@
-"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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FocusController = FocusController;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const hooks_1 = require("../../hooks");
-const FocusContext_1 = require("./FocusContext");
-const FocusService_1 = require("./FocusService");
-function FocusController(_a) {
-    var { children, as } = _a, props = __rest(_a, ["children", "as"]);
-    // bind state/hooks
-    const [ref, rootElement] = (0, hooks_1.useRefElement)();
-    const [lastGuardRef, lastGuardElement] = (0, hooks_1.useRefElement)();
-    const focusService = (0, react_1.useMemo)(() => new FocusService_1.FocusService(), []);
-    const context = (0, react_1.useMemo)(() => ({ focusService }), [focusService]);
-    // bind service
-    (0, react_1.useEffect)(() => {
-        // ignore until element is ready
-        if (!rootElement || !lastGuardElement) {
-            return;
-        }
-        // initialize new service
-        focusService.initialize(rootElement, lastGuardElement);
-        // unregister in unmount
-        return () => focusService.finalize();
-    }, [focusService, rootElement, lastGuardElement]);
-    // render
-    return ((0, jsx_runtime_1.jsx)(FocusContext_1.FocusContext.Provider, { value: context, children: (0, react_1.createElement)(as, Object.assign({ ref, tabIndex: '0' }, props), (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)("div", { ref: lastGuardRef, className: "outline-none", "aria-hidden": true, tabIndex: 0 })] })) }));
-}

package/dist/client/interaction/focus/FocusService.d.ts

@@ -1,20 +0,0 @@
-export declare class FocusService {
-    private _rootElement?;
-    private _lastGuardElement?;
-    private readonly _areaNodes;
-    private _focusedAreaNode?;
-    constructor();
-    initialize(root: HTMLElement, lastGuard: HTMLElement): void;
-    finalize(): void;
-    bindArea(area: HTMLElement, { order }?: FocusService.AreaOptions): void;
-    unbindArea(area: HTMLElement): void;
-    private onRootFocus;
-    private onAreaFocus;
-    private onLastGuardFocus;
-    private focusOutside;
-}
-export declare namespace FocusService {
-    type AreaOptions = {
-        order?: number;
-    };
-}

package/dist/client/interaction/focus/FocusService.js

@@ -1,204 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FocusService = void 0;
-const funnel_core_1 = require("@nascentdigital/funnel-core");
-const LinkedList_1 = require("./LinkedList");
-class FocusService {
-    constructor() {
-        // instance variables
-        this._areaNodes = new LinkedList_1.SortedLinkedList();
-        // bind methods
-        this.onAreaFocus = this.onAreaFocus.bind(this);
-        this.onRootFocus = this.onRootFocus.bind(this);
-        this.onLastGuardFocus = this.onLastGuardFocus.bind(this);
-    }
-    initialize(root, lastGuard) {
-        // capture root and last guard
-        this._rootElement = root;
-        this._lastGuardElement = lastGuard;
-        // bind listeners
-        this._rootElement.addEventListener('focusin', this.onRootFocus);
-        this._lastGuardElement.addEventListener('focusin', this.onLastGuardFocus);
-    }
-    finalize() {
-        var _a, _b;
-        // clear listeners
-        (_a = this._rootElement) === null || _a === void 0 ? void 0 : _a.removeEventListener('focusin', this.onRootFocus);
-        (_b = this._lastGuardElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('focusin', this.onLastGuardFocus);
-        // remove root
-        delete this._rootElement;
-        delete this._lastGuardElement;
-    }
-    bindArea(area, { order = 0 } = {}) {
-        // ensure area isn't already bound
-        let pointer = this._areaNodes.head;
-        while (pointer) {
-            if (pointer.area === area) {
-                console.warn('[FocusService.ts]: area is already bound');
-                return;
-            }
-            pointer = pointer.next;
-        }
-        // update the node links
-        this._areaNodes.insert(new AreaNode(area, order));
-        // initialize area
-        area.addEventListener('focusin', this.onAreaFocus);
-        area.tabIndex = 0;
-    }
-    unbindArea(area) {
-        // find element (or skip)
-        const { _areaNodes } = this;
-        const node = _areaNodes.find(node => node.area === area);
-        if (!node) {
-            console.warn('[FocusService]: area not found to unbind');
-            return;
-        }
-        // unregister listeners
-        area.removeEventListener('focusin', this.onAreaFocus);
-        // remove the element from list
-        _areaNodes.remove(node);
-    }
-    onRootFocus(e) {
-        var _a;
-        // skip events bubbled up from the children
-        if (e.target !== e.currentTarget) {
-            return;
-        }
-        // skip if not focused through keyboard
-        // TODO: handle mouse click focus
-        const element = e.target;
-        if (!element.matches(':focus-visible')) {
-            return;
-        }
-        // focus the first tab-able element
-        const focusedArea = (_a = this._areaNodes.head) === null || _a === void 0 ? void 0 : _a.focusNext(true);
-        if (focusedArea) {
-            this._focusedAreaNode = focusedArea;
-            return;
-        }
-        // else, focus outside the container
-        this.focusOutside('forward');
-    }
-    onAreaFocus(e) {
-        var _a, _b, _c;
-        // skip events bubbled up from the children
-        if (e.target !== e.currentTarget) {
-            return;
-        }
-        // skip if not focused through keyboard
-        // TODO: handle mouse click focus
-        const element = e.target;
-        if (!element.matches(':focus-visible')) {
-            return;
-        }
-        // determine tab direction
-        // if focused on the same area as current focused area node, it means moving backward
-        // otherwise, moving forward
-        const tabDirection = ((_a = this._focusedAreaNode) === null || _a === void 0 ? void 0 : _a.area) === e.target ? 'backward' : 'forward';
-        const focusedArea = tabDirection === 'forward' ?
-            (_b = this._focusedAreaNode) === null || _b === void 0 ? void 0 : _b.focusNext() :
-            (_c = this._focusedAreaNode) === null || _c === void 0 ? void 0 : _c.focusPrevious();
-        if (focusedArea) {
-            this._focusedAreaNode = focusedArea;
-            return;
-        }
-        this.focusOutside(tabDirection);
-    }
-    onLastGuardFocus(e) {
-        var _a;
-        // skip events bubbled up from the children
-        if (e.target !== e.currentTarget) {
-            return;
-        }
-        // if there is no focused area context, it means focus is moving backwards
-        // therefore, focus the first tab-able element from the back
-        if (!this._focusedAreaNode) {
-            const focusedAreaContext = (_a = this._areaNodes.tail) === null || _a === void 0 ? void 0 : _a.focusPrevious(true);
-            // set focusedAreaContext if found
-            if (focusedAreaContext) {
-                this._focusedAreaNode = focusedAreaContext;
-                return;
-            }
-            // otherwise, focusOutside
-            this.focusOutside('backward');
-            return;
-        }
-        const focusedArea = this._focusedAreaNode.focusNext();
-        if (focusedArea) {
-            this._focusedAreaNode = focusedArea;
-        }
-    }
-    focusOutside(tabDirection) {
-        // get all focusable elements
-        const focusableElements = Array.from(document.querySelectorAll(tabbableQuerySelector));
-        // if forward, focus the element after the last guard element
-        if (tabDirection === 'forward') {
-            const lastGuardElementIndex = focusableElements.findIndex(focusableElement => focusableElement === this._lastGuardElement);
-            const newElementIndex = lastGuardElementIndex + 1;
-            // focus if within boundary
-            if (lastGuardElementIndex > 0 && lastGuardElementIndex < focusableElements.length) {
-                focusableElements[newElementIndex].focus();
-            }
-            this._focusedAreaNode = undefined;
-            return;
-        }
-        // otherwise, focus on the element before the root element
-        const rootElementIndex = focusableElements.findIndex(focusableElement => focusableElement === this._rootElement);
-        const newElementIndex = rootElementIndex - 1;
-        // focus if within boundary
-        if (newElementIndex >= 0 && newElementIndex < focusableElements.length) {
-            focusableElements[newElementIndex].focus();
-        }
-        this._focusedAreaNode = undefined;
-        return;
-    }
-}
-exports.FocusService = FocusService;
-const tabbableQuerySelector = funnel_core_1.Browser.Element.tabbable.join(',');
-//  create AreaNode
-class AreaNode {
-    constructor(area, ordinal) {
-        this.area = area;
-        this.ordinal = ordinal;
-    }
-    focusNext(inclusive = false) {
-        // pointer
-        let current = inclusive ? this : this.next;
-        // traverse the list forward
-        while (current) {
-            const focusAbleElement = current.area.querySelector(tabbableQuerySelector);
-            // if focus-able element found, focus and return the area node
-            if (focusAbleElement) {
-                focusAbleElement.focus();
-                return current;
-            }
-            // otherwise, keep traversing
-            current = current.next;
-        }
-        return undefined;
-    }
-    focusPrevious(inclusive = false) {
-        // pointer
-        let current = inclusive ? this : this.prev;
-        // traverse the list backward
-        while (current) {
-            const focusAbleElements = Array.from(current.area.querySelectorAll(tabbableQuerySelector));
-            const focusAbleElement = focusAbleElements.pop();
-            // if focus-able element found, focus and return the area node
-            if (focusAbleElement) {
-                focusAbleElement.focus();
-                return current;
-            }
-            // otherwise, keep traversing
-            current = current.prev;
-        }
-        return undefined;
-    }
-    compareTo(that) {
-        return this.ordinal === that.ordinal
-            ? 0
-            : this.ordinal < that.ordinal
-                ? -1
-                : 1;
-    }
-}

package/dist/client/interaction/focus/LinkedList.d.ts

@@ -1,18 +0,0 @@
-import { Transform } from '@nascentdigital/funnel-core';
-export declare class SortedLinkedList<T extends SortedLinkedList.Node<T>> {
-    constructor(list?: SortedLinkedList<T>);
-    private _head?;
-    get head(): T | undefined;
-    private _tail?;
-    get tail(): T | undefined;
-    find(matches: Transform<T, boolean>): T | undefined;
-    insert(node: T): void;
-    remove(node: T): void;
-}
-export declare namespace SortedLinkedList {
-    interface Node<T> {
-        prev?: Node<T>;
-        next?: Node<T>;
-        compareTo(that: Node<T>): number;
-    }
-}

package/dist/client/interaction/focus/LinkedList.js

@@ -1,122 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SortedLinkedList = void 0;
-const funnel_core_1 = require("@nascentdigital/funnel-core");
-// class
-class SortedLinkedList {
-    constructor(list) {
-        // initialize instance variables
-        this._head = list === null || list === void 0 ? void 0 : list._head;
-        this._tail = list === null || list === void 0 ? void 0 : list._tail;
-    }
-    get head() {
-        return this._head;
-    }
-    get tail() {
-        return this._tail;
-    }
-    find(matches) {
-        // find the closest match
-        let node = this._head;
-        while (node && !matches(node)) {
-            node = node.next;
-        }
-        // return result
-        return node;
-    }
-    insert(node) {
-        // blow up if node is already connected
-        if (node.prev || node.next) {
-            throw new funnel_core_1.InvalidOperationError('Cannot connect node that is already bound to a list - call remove() first');
-        }
-        // find insertion target (node that comes AFTER the new node)
-        const { _head, _tail } = this;
-        let target = _head;
-        while (target && node.compareTo(target) > 0) {
-            target = target.next;
-        }
-        // handle case if we're at an extremity
-        if (!target) {
-            // make root if there's no head
-            if (!_head) {
-                this._head = node;
-                this._tail = node;
-            }
-            // or make the new tail
-            else if (_tail) {
-                _tail.next = node;
-                node.prev = _tail;
-                this._tail = node;
-            }
-            // or fail if the list is broken
-            else {
-                throw new funnel_core_1.IllegalStateError('[LinkedList.ts] list is broken');
-            }
-        }
-        // add before the first node if this is the new root
-        else if (!target.prev) {
-            target.prev = node;
-            node.next = target;
-            this._head = node;
-        }
-        // or add in between the list
-        else {
-            target.prev.next = node;
-            node.prev = target.prev;
-            target.prev = node;
-            node.next = target;
-        }
-    }
-    remove(node) {
-        var _a, _b;
-        const { _head, _tail } = this;
-        // blow up if the list is empty
-        if (!_head || !_tail) {
-            throw new funnel_core_1.InvalidOperationError('Cannot delete node from an empty list - call insert() first');
-        }
-        // handle if there is only one item in the list
-        if (_head === _tail) {
-            if (node === _head) {
-                delete this._head;
-                delete this._tail;
-            }
-            return;
-        }
-        // find deletion target
-        let target = this._head;
-        // traverse the list
-        while (target) {
-            if (target === node) {
-                break;
-            }
-            target = target.next;
-        }
-        if (!target) {
-            console.warn('[LinkedList]: Unable to find the node');
-            return;
-        }
-        // handle case if we're at an extremity
-        if (target === _head) {
-            this._head = (_a = this.head) === null || _a === void 0 ? void 0 : _a.next;
-            // if head is a node set the previous to undefined
-            if (this._head) {
-                delete this._head.prev;
-            }
-            return;
-        }
-        if (target === _tail) {
-            this._tail = (_b = this.tail) === null || _b === void 0 ? void 0 : _b.prev;
-            delete this._tail.next;
-            return;
-        }
-        // or remove from in between the list
-        if (!target.prev || !target.next) {
-            throw new funnel_core_1.IllegalStateError('Node is not in between the list');
-        }
-        target.prev.next = target.next;
-        target.next.prev = target.prev;
-        delete target.next;
-        delete target.prev;
-    }
-}
-exports.SortedLinkedList = SortedLinkedList;

package/dist/client/interaction/focus/index.d.ts

@@ -1,2 +0,0 @@
-export * from './FocusController';
-export * from './FocusArea';

package/dist/client/interaction/focus/index.js

@@ -1,18 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./FocusController"), exports);
-__exportStar(require("./FocusArea"), exports);

package/dist/client/interaction/focus/useFocusService.d.ts

@@ -1,2 +0,0 @@
-import { FocusService } from './FocusService';
-export declare function useFocusService(): FocusService;

package/dist/client/interaction/focus/useFocusService.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFocusService = useFocusService;
-const funnel_core_1 = require("@nascentdigital/funnel-core");
-const react_1 = require("react");
-const FocusContext_1 = require("./FocusContext");
-function useFocusService() {
-    const focusContext = (0, react_1.useContext)(FocusContext_1.FocusContext);
-    // throw if trying to access focus service outside the focus context
-    if (!focusContext.focusService) {
-        throw new funnel_core_1.IllegalStateError('[useFocusService] FocusService must be accessed within focus context');
-    }
-    return focusContext.focusService;
-}

package/dist/client/interaction/modal/Modal.d.ts

@@ -1,29 +0,0 @@
-import { Callback } from '@nascentdigital/funnel-core';
-import { Variant } from 'framer-motion';
-import { PropsWithChildren } from 'react';
-import { BackdropEvent } from '../backdrop/BackdropEvent';
-import { UILevel } from '../UILevel';
-export declare function Modal({ className, level, animation, open, onOpened: onOpenedRaw, onActiveChanged: onActiveChangedRaw, onClose, onClosed: onClosedRaw, disableDismiss, children }: Modal.Props): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace Modal {
-    type Id = BackdropEvent.DependantId;
-    type Props = PropsWithChildren & {
-        className?: string;
-        level?: UILevel;
-        animation?: Animation;
-        open?: boolean;
-        onOpened?: Callback.Void;
-        onActiveChanged?: Callback<boolean>;
-        onClose?: Callback.Void;
-        onClosed?: Callback.Void;
-        disableDismiss?: boolean;
-    };
-    type Animation = {
-        initial: Variant;
-        open: Variant;
-        close: Variant;
-    };
-    namespace Animation {
-        type Variant = keyof Animation;
-        const slideUp: Animation;
-    }
-}

package/dist/client/interaction/modal/Modal.js

@@ -1,136 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = Modal;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const funnel_core_1 = require("@nascentdigital/funnel-core");
-const classnames_1 = __importDefault(require("classnames"));
-const framer_motion_1 = require("framer-motion");
-const react_1 = require("react");
-const react_dom_1 = require("react-dom");
-const rxjs_1 = require("rxjs");
-const backdrop_1 = require("../backdrop");
-const ClickObserver_1 = require("../ClickObserver");
-const ModalContext_1 = require("./ModalContext");
-const ModalEvent_1 = require("./ModalEvent");
-// component
-function Modal({ className, level = 'l1', animation = Modal.Animation.slideUp, open = false, onOpened: onOpenedRaw = funnel_core_1.Fn.NoOp, onActiveChanged: onActiveChangedRaw = funnel_core_1.Fn.NoOp, onClose = funnel_core_1.Fn.NoOp, onClosed: onClosedRaw = funnel_core_1.Fn.NoOp, disableDismiss = false, children }) {
-    // bind context
-    const [active, setActive] = (0, react_1.useState)(false);
-    const { eventBus } = (0, react_1.useContext)(ModalContext_1.ModalContext);
-    const backdrop = (0, backdrop_1.useBackdrop)();
-    const openRef = (0, react_1.useRef)(false);
-    const onOpenedRef = (0, react_1.useRef)(onOpenedRaw);
-    onOpenedRef.current = onOpenedRaw;
-    const onActiveChangedRef = (0, react_1.useRef)(onActiveChangedRaw);
-    onActiveChangedRef.current = onActiveChangedRaw;
-    const onClosedRef = (0, react_1.useRef)(onClosedRaw);
-    onClosedRef.current = onClosedRaw;
-    // show/hide based on open change
-    (0, react_1.useEffect)(() => {
-        // raise open event
-        const { id } = backdrop;
-        if (open) {
-            // update ref
-            openRef.current = true;
-            // raise event
-            eventBus.next(ModalEvent_1.ModalEvent.Open.create(id, disableDismiss));
-            // raise backdrop event
-            backdrop.show({ level });
-            // activate
-            setActive(true);
-        }
-        // raise or close event (if it was actually opened)
-        else if (openRef.current) {
-            // deactivate
-            setActive(false);
-            // update ref
-            openRef.current = false;
-            // raise event
-            eventBus.next({
-                id,
-                action: 'close'
-            });
-            // raise backdrop event
-            backdrop.hide();
-        }
-    }, [eventBus, backdrop, level, open, disableDismiss]);
-    // listen to activations or dismiss
-    (0, react_1.useEffect)(() => {
-        // listen for events
-        const subscription = eventBus
-            // filter only relevant events
-            .pipe((0, rxjs_1.filter)(({ id, action }) => id === backdrop.id
-            && (action === 'activate' || action === 'deactivate' || action === 'dismiss')))
-            .subscribe(({ action }) => {
-            // close on dismiss
-            if (action === 'dismiss') {
-                onClose();
-            }
-            // or activate/deactivate
-            else {
-                setActive(action === 'activate');
-            }
-        });
-        // unsubscribe on unmount
-        return () => subscription.unsubscribe();
-    }, [eventBus, backdrop, onClose]);
-    // raise activated event
-    (0, react_1.useEffect)(() => {
-        onActiveChangedRef.current(active);
-    }, [active]);
-    // skip for SSR
-    if (!funnel_core_1.Browser.available) {
-        return null;
-    }
-    // helpers
-    const onAnimationComplete = (definition) => {
-        if (definition === 'open') {
-            onOpenedRef.current();
-        }
-        else if (definition === 'close') {
-            onClosedRef.current();
-        }
-    };
-    // render
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(framer_motion_1.AnimatePresence, { mode: "wait", children: open &&
-                (0, jsx_runtime_1.jsx)(framer_motion_1.motion.div, { id: backdrop.id, className: (0, classnames_1.default)('Modal-wrap', {
-                        'Modal-l1': level === 'l1',
-                        'Modal-l2': level === 'l2',
-                        'Modal-l3': level === 'l3',
-                    }), variants: animation, initial: "initial", animate: "open", exit: "close", onAnimationComplete: definition => onAnimationComplete(definition), children: (0, jsx_runtime_1.jsx)(ClickObserver_1.ClickObserver, { disabled: disableDismiss, onClickOutside: onClose, children: (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)(className, 'Modal-root'), children: children }) }) }, backdrop.id) }), document.body) }));
-}
-// extension
-(function (Modal) {
-    let Animation;
-    (function (Animation) {
-        // slide up
-        Animation.slideUp = {
-            initial: {
-                opacity: 0,
-                y: 100
-            },
-            open: {
-                opacity: 1,
-                y: 0,
-                transition: {
-                    ease: 'easeIn',
-                    duration: 0.3,
-                    when: 'beforeChildren'
-                }
-            },
-            close: {
-                opacity: 0,
-                y: 50,
-                transition: {
-                    ease: 'easeOut',
-                    duration: 0.15,
-                    bounce: 0,
-                    when: 'afterChildren'
-                }
-            }
-        };
-    })(Animation = Modal.Animation || (Modal.Animation = {}));
-})(Modal || (exports.Modal = Modal = {}));

package/dist/client/interaction/modal/ModalContainer.d.ts

@@ -1,5 +0,0 @@
-import { PropsWithChildren } from 'react';
-export declare function ModalContainer({ children }: ModalContainer.Props): string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
-export declare namespace ModalContainer {
-    type Props = PropsWithChildren;
-}