@muraldevkit/ui-toolkit 4.66.0-dev-7XJy.1 → 4.66.0-dev-7K0j.1

package/dist/cjs/components/panel/index.js

@@ -0,0 +1,19 @@
+"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("./MrlPanel"), exports);
+__exportStar(require("./MrlPanelFooter"), exports);
+__exportStar(require("./MrlPanelStickyHeader"), exports);

package/dist/cjs/components/popover/MrlPopover/MrlPopover.js

@@ -0,0 +1,322 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlPopover = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ds_icons_1 = require("@muraldevkit/ds-icons");
+const __1 = require("../../");
+const useTriggerPosition_1 = require("../../../hooks/useTriggerPosition");
+const useBrowserEdgeScroll_1 = require("../../menu/hooks/useBrowserEdgeScroll");
+const useClickOutside_1 = require("../../../hooks/useClickOutside");
+const useSubMenuElementPosition_1 = require("../../menu/hooks/useSubMenuElementPosition");
+const utils_1 = require("../../../utils");
+const layers_1 = require("../../../utils/layers");
+const web_1 = require("@react-spring/web");
+const MrlSelect_1 = require("../../form/select/MrlSelect/MrlSelect");
+const MrlMultiSelect_1 = require("../../form/select/MrlMultiSelect/MrlMultiSelect");
+const MrlPopover_module_scss_1 = __importDefault(require("./MrlPopover.module.scss.js"));
+const flip_position_1 = require("../../menu/utilities/flip-position");
+const get_data_point_1 = require("./utilities/get-data-point");
+const get_offset_1 = require("./utilities/get-offset");
+const use_mrl_popover_event_handlers_1 = require("./hooks/use-mrl-popover-event-handlers");
+const MrlPopoverContext_1 = require("./context/MrlPopoverContext");
+const POPOVER_CLICKOUTSIDE_WHITELIST = [
+    '#mrl-select-portal',
+    '#mrl-popover-menu-portal',
+    `.${MrlSelect_1.SELECT_MENU_LIST_CLASS_NAME}`,
+    `.${MrlMultiSelect_1.MULTI_SELECT_MENU_LIST_CLASS_NAME}`
+];
+/**
+ * MrlPopover
+ *
+ * Renders a popover component with position and alignment relative to a trigger element
+ * @param {MrlPopoverProps} props - The props for the MrlPopover component
+ * @returns {Element} - rendered MrlPopover component
+ */
+function MrlPopover(_a) {
+    var { alignment = 'center', ariaLabel, ariaLabelledBy, children, className, customPosition, disableClickToOpen = false, disableClickOutside = false, disableFlipping = false, disableFocusTrap = false, hasCloseButton = false, spacing = 'default', id, isSubMenu = false, actionState = { actionType: null, isOpen: false }, position = 'bottom', point = true, portalProps = { id: layers_1.PORTAL_LAYERS.POPOVER.name }, kind = 'primary', offset, onClose, onOpen, triggerRef } = _a, rest = __rest(_a, ["alignment", "ariaLabel", "ariaLabelledBy", "children", "className", "customPosition", "disableClickToOpen", "disableClickOutside", "disableFlipping", "disableFocusTrap", "hasCloseButton", "spacing", "id", "isSubMenu", "actionState", "position", "point", "portalProps", "kind", "offset", "onClose", "onOpen", "triggerRef"]);
+    const [state, setState] = React.useState({
+        actionType: null,
+        isOpen: actionState.isOpen || false
+    });
+    // stores all of the interactive elements in the popover for focus management
+    const [interactiveElements, setInteractiveElements] = React.useState([]);
+    const [menuRect, setMenuRect] = React.useState(null);
+    const menuRef = React.useRef(null);
+    /** Snapshot of trigger `aria-expanded` before we manage it; restored on popover unmount only. */
+    const triggerExpandedRestoreRef = React.useRef(null);
+    /**
+     * Checks if the trigger element is disabled
+     * @returns {boolean} - true if the trigger element is disabled, false otherwise
+     */
+    const isTriggerDisabled = React.useCallback(() => {
+        return (0, utils_1.isElementAriaDisabled)(triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current);
+    }, [triggerRef]);
+    /**
+     * Opening and closing the menu
+     */
+    const closeMenu = React.useCallback(() => {
+        setState({ actionType: null, isOpen: false });
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    }, [onClose]);
+    const { handleClose, handleMenuKey, hideMenuHover, handleTriggerSiblingKey, toggleMenuKey, toggleMenuTrigger, showMenuHover } = (0, use_mrl_popover_event_handlers_1.useMrlPopoverEventHandlers)({
+        closeMenu,
+        disableClickToOpen,
+        disableFocusTrap,
+        hasCloseButton,
+        interactiveElements,
+        isSubMenu,
+        isTriggerDisabled,
+        menuRef,
+        setState,
+        state,
+        triggerRef
+    });
+    (0, useClickOutside_1.useClickOutside)(menuRef, triggerRef, 'mouseup', closeMenu, disableClickOutside || !state.isOpen, POPOVER_CLICKOUTSIDE_WHITELIST);
+    React.useEffect(() => {
+        if (isTriggerDisabled())
+            return;
+        if (!isSubMenu) {
+            setState({ actionType: actionState.actionType, isOpen: actionState.isOpen });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isSubMenu, actionState.actionType, actionState.isOpen]);
+    // This use effect handles storing the rect in state for positioning calculations
+    React.useLayoutEffect(() => {
+        var _a;
+        if (!state.isOpen)
+            return;
+        // For consistent calculations, we are storing the menu rect in state
+        // Anytime we need to use the menu rect, we want to make sure the values are based
+        // on the original state of the menu for proper transformations
+        if (!menuRect && menuRef.current) {
+            const newRect = (_a = menuRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+            setMenuRect(newRect || null);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state.isOpen, isSubMenu]);
+    // This use effect handles getting and setting the interactive elements in the popover.
+    // These elements are used for focus management when focus trap is not enabled to ensure
+    // that our tab order matches the visual order of the page
+    React.useEffect(() => {
+        if (state.isOpen && !isSubMenu && menuRef.current) {
+            if (disableFocusTrap) {
+                // set the interactive elements so we can track focus location
+                const elements = (0, utils_1.getFocusableElementsInsideElement)(menuRef.current);
+                setInteractiveElements(elements);
+                // without focus trap enabled, we want to focus the first interactive element
+                elements[0].focus();
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state.isOpen, menuRef.current]);
+    // This use effect handles setting all of the event handlers for different parts of the component.
+    // - trigger event handlers
+    // - submenu event handlers
+    // - menu event handlers
+    // - "next element" event handlers, which are event handlers attached to the next interactive element after the trigger
+    //
+    React.useEffect(() => {
+        const triggerElement = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
+        const menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
+        const nextElement = (0, utils_1.findAdjacentInteractiveElement)(triggerRef, 'next');
+        if (triggerElement) {
+            triggerElement.addEventListener('mousedown', (e) => e.stopPropagation());
+            triggerElement.addEventListener('click', toggleMenuTrigger);
+            triggerElement.addEventListener('keydown', toggleMenuKey);
+            if (nextElement)
+                nextElement.addEventListener('keydown', handleTriggerSiblingKey);
+            // Setup event listeners for when the menu is a submenu
+            if (isSubMenu) {
+                const menuElement = menuRef === null || menuRef === void 0 ? void 0 : menuRef.current;
+                triggerElement.addEventListener('mouseover', showMenuHover);
+                triggerElement.addEventListener('mouseout', hideMenuHover);
+                if (menuElement) {
+                    menuElement.addEventListener('mouseover', showMenuHover);
+                    menuElement.addEventListener('mouseout', hideMenuHover);
+                }
+            }
+            return () => {
+                triggerElement.removeEventListener('mousedown', utils_1.preventDefault);
+                triggerElement.removeEventListener('click', toggleMenuTrigger);
+                triggerElement.removeEventListener('keydown', toggleMenuKey);
+                if (nextElement)
+                    nextElement.removeEventListener('keydown', handleTriggerSiblingKey);
+                if (isSubMenu) {
+                    triggerElement.removeEventListener('mouseover', showMenuHover);
+                    triggerElement.removeEventListener('mouseout', hideMenuHover);
+                    if (menuElement) {
+                        menuElement.removeEventListener('mouseover', showMenuHover);
+                        menuElement.removeEventListener('mouseout', hideMenuHover);
+                    }
+                }
+            };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        closeMenu,
+        isSubMenu,
+        toggleMenuKey,
+        toggleMenuTrigger,
+        triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current,
+        hideMenuHover,
+        showMenuHover,
+        hasCloseButton,
+        handleClose
+    ]);
+    /**
+     * Popover triggers are not necessarily modal dialogs; use the generic 'true' (see ARIA in HTML).
+     * Restore the previous DOM value when the trigger changes or this popover unmounts so host-owned
+     * ARIA (e.g. aria-haspopup="menu") is not left stale after a callout dismisses.
+     */
+    React.useEffect(() => {
+        const el = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
+        if (!el)
+            return;
+        const previousValue = el.getAttribute('aria-haspopup');
+        el.setAttribute('aria-haspopup', 'true');
+        // Restore the previous value of the aria-haspopup attribute when the callout is removed from the DOM
+        return () => {
+            if (previousValue === null) {
+                el.removeAttribute('aria-haspopup');
+            }
+            else {
+                el.setAttribute('aria-haspopup', previousValue);
+            }
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current]);
+    React.useEffect(() => {
+        const el = triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current;
+        if (!el)
+            return;
+        // Store the previous value of the aria-expanded attribute when the callout is added to the DOM
+        if (!triggerExpandedRestoreRef.current || triggerExpandedRestoreRef.current.el !== el) {
+            triggerExpandedRestoreRef.current = {
+                el,
+                value: el.hasAttribute('aria-expanded') ? el.getAttribute('aria-expanded') : null
+            };
+        }
+        // Set the aria-expanded attribute to the current state of the popover
+        el.setAttribute('aria-expanded', state.isOpen.toString());
+        if (state.isOpen)
+            onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [state.isOpen, onOpen, triggerRef === null || triggerRef === void 0 ? void 0 : triggerRef.current]);
+    /**
+     * Restore the previous value of the aria-expanded attribute when the callout is removed from the DOM
+     */
+    React.useEffect(() => {
+        return () => {
+            var _a;
+            const snap = triggerExpandedRestoreRef.current;
+            if (!snap)
+                return;
+            const { el, value } = snap;
+            if (!((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.contains(el)))
+                return;
+            if (value === null) {
+                el.removeAttribute('aria-expanded');
+            }
+            else {
+                el.setAttribute('aria-expanded', value);
+            }
+        };
+    }, []);
+    /**
+     * Setup positioning styles, submenu positioning styles, scroll styles, and transition.
+     */
+    const memoizedCustomPosition = React.useMemo(() => customPosition, [customPosition]);
+    const customPopoverPosition = memoizedCustomPosition || { left: 0, top: 0 };
+    const menuPosition = (0, useTriggerPosition_1.useTriggerPosition)(triggerRef, menuRef, {
+        align: alignment,
+        customPosition: customPopoverPosition,
+        position: position
+    }, state.isOpen, offset || (0, get_offset_1.getOffset)(position, point), isSubMenu, disableFlipping);
+    const subMenuPosition = (0, useSubMenuElementPosition_1.useSubMenuElementPosition)(triggerRef, menuRef, isSubMenu, state.isOpen, menuRect, !isSubMenu);
+    const menuPositionState = menuPosition.flipped ? (0, flip_position_1.flipPosition)(position) : position;
+    const scrollStyles = (0, useBrowserEdgeScroll_1.useBrowserEdgeScroll)(menuRef, menuPositionState, alignment);
+    const inlineStyles = {
+        menu: {
+            left: menuPosition.left,
+            position: 'fixed',
+            top: menuPosition.top
+        },
+        submenu: {
+            left: subMenuPosition.left,
+            top: subMenuPosition.top
+        }
+    };
+    /**
+     * React Spring transitions for the menu
+     */
+    const transitions = (0, web_1.useTransition)(state.isOpen, {
+        config: { duration: 150 },
+        enter: { opacity: 1, transform: 'translateY(0)' },
+        from: { opacity: 0, transform: 'translateY(4px)' },
+        leave: { opacity: 0, transform: 'translateY(4px)' }
+    });
+    const menuClasses = (0, classnames_1.default)(MrlPopover_module_scss_1.default['MrlPopover'], 'MrlPopover', MrlPopover_module_scss_1.default['MrlPopover--scrolling'], className, {
+        [MrlPopover_module_scss_1.default['MrlPopover--submenu']]: isSubMenu,
+        [MrlPopover_module_scss_1.default['inverse']]: kind === 'inverse',
+        [MrlPopover_module_scss_1.default['primary']]: kind === 'primary',
+        [MrlPopover_module_scss_1.default['compact']]: spacing === 'compact',
+        [MrlPopover_module_scss_1.default['default']]: spacing === 'default'
+    });
+    const positionStyles = isSubMenu ? inlineStyles.submenu : inlineStyles.menu;
+    const renderMenu = () => {
+        const inlineScrollStyles = isSubMenu ? {} : scrollStyles ? scrollStyles.styles : {};
+        const scrollClasses = (0, classnames_1.default)(MrlPopover_module_scss_1.default['MrlPopover--content'], MrlPopover_module_scss_1.default['MrlPopover--scrolling--content']);
+        return (React.createElement(React.Fragment, null, transitions((style, item) => item && (React.createElement(__1.MrlFocusTrap, { disabled: disableFocusTrap, containerRef: menuRef },
+            React.createElement(web_1.animated.div, Object.assign({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, className: menuClasses, id: id, tabIndex: -1, style: Object.assign(Object.assign({}, positionStyles), style), onKeyDown: handleMenuKey, ref: menuRef }, rest),
+                React.createElement("div", { className: scrollClasses, style: inlineScrollStyles },
+                    typeof children === 'function' && children({ closeMenu }),
+                    typeof children !== 'function' && children,
+                    hasCloseButton && (React.createElement(__1.MrlIconButton, { "data-qa": "popover-close-button", wrapperClassName: MrlPopover_module_scss_1.default['MrlPopover--close'], icon: React.createElement(__1.MrlSvg, { svg: ds_icons_1.close }), kind: kind === 'inverse' ? 'ghost-inverse' : 'ghost', text: "Close", state: "default", position: "right", tipAnchor: "center", onMouseUp: closeMenu, onKeyDown: handleClose, size: "small" })),
+                    point && (React.createElement("div", { className: MrlPopover_module_scss_1.default['MrlPopover--point'], "data-point": (0, get_data_point_1.getDataPoint)(menuPositionState, alignment) })))))))));
+    };
+    /* eslint-disable */
+    return (React.createElement(MrlPopoverContext_1.MrlPopoverContext.Provider, { value: {
+            closeMenu
+        } }, isSubMenu ? (renderMenu()) : (React.createElement(__1.MrlPortal, Object.assign({ layer: portalProps.layer || layers_1.PORTAL_LAYERS.POPOVER }, portalProps), renderMenu()))));
+    /* eslint-enable */
+}
+exports.MrlPopover = MrlPopover;
+MrlPopover.componentType = 'Popover';

package/dist/cjs/components/popover/MrlPopover/MrlPopover.module.css

@@ -0,0 +1,121 @@
+/* stylelint-disable scss/operator-no-newline-after */
+.mrl-u-focus-wrapper--FBve0 {
+  position: relative;
+}
+
+.primary--5FMZn {
+  --mrl-popover-background-color: var(--mrl-color-background);
+  --mrl-popover-text-color: var(--mrl-color-text);
+  --mrl-popover-text-emph-color: var(--mrl-color-text-emph);
+}
+
+.inverse--IA9ES {
+  --mrl-popover-background-color: var(--mrl-color-background-inverse);
+  --mrl-popover-text-color: var(--mrl-color-text-inverse);
+  --mrl-popover-text-emph-color: var(--mrl-color-text-emph);
+}
+
+.default--MvZ6i {
+  --mrl-popover-padding: var(--mrl-spacing-05);
+}
+
+.compact--uj75b {
+  --mrl-popover-padding: var(--mrl-spacing-04);
+}
+
+.MrlPopover---qmfx {
+  background: var(--mrl-popover-background-color);
+  border-radius: var(--mrl-border-radius-functional-large);
+  box-shadow: var(--mrl-shadows-raised);
+  color: var(--mrl-popover-text-color);
+  flex-direction: column;
+  max-width: 600px;
+  opacity: 0;
+  pointer-events: auto;
+  position: fixed;
+  z-index: 500;
+  z-index: 600;
+  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.24)) drop-shadow(0 6px 8px rgba(0, 0, 0, 0.06));
+}
+.MrlPopover---qmfx a {
+  color: var(--mrl-popover-text-color);
+}
+.MrlPopover--submenu--H6fY9 {
+  left: 97%;
+  position: absolute;
+}
+.MrlPopover--close--OHuvU {
+  position: absolute;
+  right: 4px;
+  top: 6px;
+  transition: none;
+}
+.MrlPopover--close--OHuvU svg {
+  color: var(--mrl-popover-text-color);
+}
+.MrlPopover---qmfx.open--AGUUs {
+  display: flex;
+}
+.MrlPopover--scrolling--content--9IDEb {
+  overflow: hidden auto;
+  padding: var(--mrl-popover-padding);
+}
+.MrlPopover--scrolling--content--9IDEb .MrlPopover--close--OHuvU {
+  position: absolute;
+  right: 8px;
+}
+.MrlPopover--point--hv0be {
+  background: var(--mrl-popover-background-color);
+  border-radius: 0 2px;
+  height: 10px;
+  position: absolute;
+  width: 10px;
+  z-index: 2;
+}
+.MrlPopover--point--hv0be[data-point*=bottom-] {
+  top: -4px;
+  transform: rotate(315deg);
+}
+.MrlPopover--point--hv0be[data-point*=top-] {
+  bottom: -4px;
+  transform: rotate(315deg);
+}
+.MrlPopover--point--hv0be[data-point=bottom-start], .MrlPopover--point--hv0be[data-point=top-start] {
+  left: 14px;
+}
+.MrlPopover--point--hv0be[data-point=bottom-end], .MrlPopover--point--hv0be[data-point=top-end] {
+  right: 14px;
+}
+.MrlPopover--point--hv0be[data-point=bottom-center], .MrlPopover--point--hv0be[data-point=top-center] {
+  left: calc(50% - 8px);
+}
+.MrlPopover--point--hv0be[data-point*=left-] {
+  right: -5px;
+  transform: rotate(225deg);
+}
+.MrlPopover--point--hv0be[data-point*=right-] {
+  left: -5px;
+  transform: rotate(45deg);
+}
+.MrlPopover--point--hv0be[data-point=left-center], .MrlPopover--point--hv0be[data-point=right-center] {
+  top: calc(50% - 8px);
+}
+.MrlPopover--point--hv0be[data-point=left-top], .MrlPopover--point--hv0be[data-point=right-top] {
+  top: 16px;
+}
+.MrlPopover--point--hv0be[data-point=left-bottom], .MrlPopover--point--hv0be[data-point=right-bottom] {
+  bottom: 16px;
+}
+
+.inverse--IA9ES .MrlPopover--scrolling--content--9IDEb::-webkit-scrollbar {
+  background-color: var(--mrl-popover-background-color);
+  border-radius: 10px;
+  width: 12px;
+}
+.inverse--IA9ES .MrlPopover--scrolling--content--9IDEb::-webkit-scrollbar-thumb {
+  background-clip: content-box;
+  background-color: var(--mrl-popover-text-color);
+  border: 3px solid transparent;
+  border-radius: 10px;
+  position: relative;
+}

package/dist/cjs/components/popover/MrlPopover/MrlPopover.module.scss.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./MrlPopover.module.css");
+exports.default = {
+	"mrl-u-focus-wrapper": "mrl-u-focus-wrapper--FBve0",
+	"primary": "primary--5FMZn",
+	"inverse": "inverse--IA9ES",
+	"default": "default--MvZ6i",
+	"compact": "compact--uj75b",
+	"MrlPopover": "MrlPopover---qmfx",
+	"MrlPopover--submenu": "MrlPopover--submenu--H6fY9",
+	"MrlPopover--close": "MrlPopover--close--OHuvU",
+	"open": "open--AGUUs",
+	"MrlPopover--scrolling--content": "MrlPopover--scrolling--content--9IDEb",
+	"MrlPopover--point": "MrlPopover--point--hv0be"
+};

package/dist/cjs/components/popover/MrlPopover/context/MrlPopoverContext.js

@@ -0,0 +1,44 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMrlPopoverContext = exports.MrlPopoverContext = void 0;
+const React = __importStar(require("react"));
+/**
+ * Adds context for the MrlPopover component
+ */
+exports.MrlPopoverContext = React.createContext(undefined);
+/**
+ * Returns the MrlPopoverContext state.
+ *
+ * @returns The MrlPopoverContext state.
+ */
+const useMrlPopoverContext = () => {
+    const context = React.useContext(exports.MrlPopoverContext);
+    if (!context) {
+        throw new Error('useMrlPopoverContext must be used within a MrlPopoverContext.Provider');
+    }
+    return context;
+};
+exports.useMrlPopoverContext = useMrlPopoverContext;