@cube-dev/ui-kit 0.57.0 → 0.59.0

package/cjs/components/overlays/Tooltip/TooltipProvider.js

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipProvider = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TooltipTrigger_1 = require("./TooltipTrigger");
-const Tooltip_1 = require("./Tooltip");
-function TooltipProvider(props) {
-    const [rendered, setRendered] = (0, react_1.useState)(false);
-    const { title, children, tooltipStyles, width, ...otherProps } = props;
-    (0, react_1.useEffect)(() => {
-        setRendered(true);
-    }, []);
-    return rendered ? ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { ...otherProps, children: [children, (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }));
-}
-let _TooltipProvider = TooltipProvider;
-exports.TooltipProvider = _TooltipProvider;
-
-        

package/cjs/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,71 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipTrigger = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const focus_1 = require("@react-aria/focus");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const OverlayWrapper_1 = require("../OverlayWrapper");
-const ActiveZone_1 = require("../../content/ActiveZone/ActiveZone");
-const Block_1 = require("../../Block");
-const context_1 = require("./context");
-const DEFAULT_OFFSET = 8; // Offset needed to reach 4px/5px (med/large) distance between tooltip and trigger button
-const DEFAULT_CROSS_OFFSET = 0;
-function TooltipTrigger(props) {
-    let { children, activeWrap, crossOffset = DEFAULT_CROSS_OFFSET, isDisabled, isMaterial, offset = DEFAULT_OFFSET, trigger: triggerAction, delay = 250, isOpen, onOpenChange, defaultOpen, } = props;
-    let [trigger, tooltip] = react_1.Children.toArray(children);
-    let state = (0, react_stately_1.useTooltipTriggerState)({ delay, ...props });
-    let tooltipTriggerRef = (0, react_1.useRef)(null);
-    let overlayRef = (0, react_1.useRef)(null);
-    let { triggerProps, tooltipProps } = (0, react_aria_1.useTooltipTrigger)({
-        isDisabled,
-        trigger: triggerAction,
-        delay,
-        isOpen,
-        onOpenChange,
-        defaultOpen,
-    }, state, tooltipTriggerRef);
-    let { overlayProps, arrowProps, placement } = (0, react_aria_1.useOverlayPosition)({
-        placement: props.placement || 'top',
-        targetRef: tooltipTriggerRef,
-        overlayRef,
-        offset,
-        crossOffset,
-        isOpen: state.isOpen,
-    });
-    if (!activeWrap && typeof trigger === 'string') {
-        console.warn('CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use `activeWrap` attribute to automatically wrap the content; 3) Use `ActiveZone` component to manually wrap the content.');
-        return (0, jsx_runtime_1.jsx)(Block_1.Block, { children: trigger });
-    }
-    function onClick(e) {
-        e?.currentTarget?.parentNode.click();
-    }
-    return ((0, jsx_runtime_1.jsxs)(focus_1.FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? ((0, jsx_runtime_1.jsx)(ActiveZone_1.ActiveZone, { onClick: onClick, children: trigger })) : (trigger), (0, jsx_runtime_1.jsx)(context_1.TooltipContext.Provider, { value: {
-                    state,
-                    placement,
-                    ref: overlayRef,
-                    overlayProps,
-                    arrowProps,
-                    minOffset: 'var(--gap)',
-                    minScale: '1',
-                    isMaterial,
-                    ...tooltipProps,
-                }, children: (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen, placement: props.placement || 'top', children: tooltip }) })] }));
-}
-/**
- * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
- * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip
- * relative to the trigger.
- */
-let _TooltipTrigger = TooltipTrigger;
-exports.TooltipTrigger = _TooltipTrigger;
-
-        

package/cjs/components/overlays/Tooltip/context.js

@@ -1,17 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TooltipContext = void 0;
-const react_1 = __importDefault(require("react"));
-exports.TooltipContext = react_1.default.createContext({});
-
-        

package/cjs/components/overlays/Tooltip/index.js

@@ -1,27 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"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("./Tooltip"), exports);
-__exportStar(require("./TooltipTrigger"), exports);
-
-        

package/cjs/components/pickers/Menu/Menu.js

@@ -1,96 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"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.Menu = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_stately_1 = require("react-stately");
-const react_aria_1 = require("react-aria");
-const utils_1 = require("@react-aria/utils");
-const utils_2 = require("@react-spectrum/utils");
-const tasty_1 = require("../../../tasty");
-const react_2 = require("../../../utils/react");
-const styled_1 = require("./styled");
-const MenuItem_1 = require("./MenuItem");
-const MenuSection_1 = require("./MenuSection");
-const context_1 = require("./context");
-function Menu(props, ref) {
-    const { header, footer, itemStyles, sectionStyles, sectionHeadingStyles, selectionIcon, qa, } = props;
-    const domRef = (0, utils_2.useDOMRef)(ref);
-    const contextProps = (0, context_1.useMenuContext)();
-    const completeProps = (0, react_2.mergeProps)(contextProps, props);
-    const state = (0, react_stately_1.useTreeState)(completeProps);
-    const items = [...state.collection];
-    const hasSections = items.some((item) => item.type === 'section');
-    const { menuProps } = (0, react_aria_1.useMenu)(completeProps, state, domRef);
-    const styles = (0, tasty_1.extractStyles)(completeProps, tasty_1.CONTAINER_STYLES);
-    const defaultProps = {
-        qa,
-        styles,
-        mods: {
-            sections: hasSections,
-            footer: !!footer,
-            header: !!header,
-        },
-    };
-    (0, utils_1.useSyncRef)(contextProps, domRef);
-    return ((0, jsx_runtime_1.jsxs)(styled_1.StyledMenu, { ...(0, react_2.mergeProps)(defaultProps, menuProps, (0, tasty_1.filterBaseProps)(completeProps)), ref: domRef, children: [header && (0, jsx_runtime_1.jsx)(styled_1.StyledMenuHeader, { children: header }), items.map((item) => {
-                if (item.type === 'section') {
-                    return ((0, jsx_runtime_1.jsx)(MenuSection_1.MenuSection, { item: item, state: state, styles: sectionStyles, itemStyles: itemStyles, headingStyles: sectionHeadingStyles, selectionIcon: selectionIcon }, item.key));
-                }
-                let menuItem = ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { item: item, state: state, styles: itemStyles, selectionIcon: selectionIcon, onAction: item.onAction }, item.key));
-                if (item.props.wrapper) {
-                    menuItem = item.props.wrapper(menuItem);
-                }
-                return (0, react_1.cloneElement)(menuItem, {
-                    key: item.key,
-                });
-            })] }));
-}
-// forwardRef doesn't support generic parameters, so cast the result to the correct type
-// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
-const _Menu = react_1.default.forwardRef(Menu);
-const Item = Object.assign(react_stately_1.Item, {
-    displayName: 'Item',
-});
-const Section = Object.assign(react_stately_1.Section, {
-    displayName: 'Section',
-});
-const __Menu = Object.assign(_Menu, {
-    Item,
-    Section,
-    displayName: 'Menu',
-});
-exports.Menu = __Menu;
-__Menu.displayName = 'Menu';
-
-        

package/cjs/components/pickers/Menu/MenuButton.js

@@ -1,114 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuButton = MenuButton;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("../../actions/index");
-const Block_1 = require("../../Block");
-const Text_1 = require("../../content/Text");
-const tasty_1 = require("../../../tasty");
-const Space_1 = require("../../layout/Space");
-const icons_1 = require("../../../icons");
-const StyledButton = (0, tasty_1.tasty)(Block_1.Block, {
-    styles: {
-        ...index_1.DEFAULT_BUTTON_STYLES,
-        border: {
-            '': '#clear',
-            pressed: '#clear',
-        },
-        fill: {
-            '': '#clear',
-            'hovered | focused': '#dark.04',
-            'pressed | selected': '#purple.10',
-            'focused & selected': '##purple.16',
-            'focused & pressed': '#purple.10',
-            disabled: '#clear',
-        },
-        color: {
-            '': '#dark-02',
-            'hovered | focused': '#dark-02',
-            'pressed | selected': '#purple-text',
-            'focused & selected': '#purple-text',
-            'focused & pressed': '#purple-text',
-            disabled: '#dark-04',
-        },
-        cursor: {
-            '': 'pointer',
-            disabled: 'default',
-        },
-        shadow: '#clear',
-        padding: {
-            '': '(0.75x - 1px) (1.5x - 1px)',
-            'selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px)',
-            'selectionIcon & selectable & !selected': '(0.75x - 1px) (1.5x - 1px) (0.75x - 1px) (1.5x - 1px + 22px)',
-        },
-        display: 'flex',
-        flow: 'row',
-        justifyContent: 'start',
-        gap: '.75x',
-        ButtonIcon: {
-            display: 'grid',
-            fontSize: '@icon-size',
-            width: '@icon-size',
-            height: '@icon-size',
-            placeSelf: 'center',
-            placeItems: 'center',
-        },
-        Postfix: {
-            color: {
-                '': '#dark-03',
-                'hovered | focused': '#dark-03',
-                'pressed | selected': '#purple-text',
-                disabled: '#dark-04',
-            },
-        },
-    },
-});
-const RadioIcon = (0, tasty_1.tasty)({
-    styles: {
-        display: 'flex',
-        width: '1.875x',
-        placeContent: 'center',
-        '&::before': {
-            display: 'block',
-            content: '""',
-            width: '1x',
-            height: '1x',
-            radius: 'round',
-            fill: '#current',
-        },
-    },
-});
-const getPostfix = (postfix) => typeof postfix === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix })) : (postfix);
-const getSelectionTypeIcon = (selectionIcon) => {
-    switch (selectionIcon) {
-        case 'checkbox':
-            return (0, jsx_runtime_1.jsx)(icons_1.CheckIcon, {});
-        case 'radio':
-            return (0, jsx_runtime_1.jsx)(RadioIcon, {});
-        default:
-            return undefined;
-    }
-};
-function MenuButton({ children, icon, postfix, ...props }) {
-    const { selectionIcon, isSelected, isSelectable, isDisabled, ...rest } = props;
-    const checkIcon = isSelectable && isSelected
-        ? getSelectionTypeIcon(selectionIcon)
-        : undefined;
-    const mods = {
-        ...props.mods,
-        selectionIcon: !!selectionIcon,
-        selectable: isSelectable,
-        selected: isSelected,
-        disabled: isDisabled,
-    };
-    return ((0, jsx_runtime_1.jsxs)(StyledButton, { ...rest, mods: mods, children: [checkIcon ? (0, jsx_runtime_1.jsx)("div", { "data-element": "ButtonIcon", children: checkIcon }) : null, icon ? (0, jsx_runtime_1.jsx)("div", { "data-element": "ButtonIcon", children: icon }) : null, (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1x", placeContent: "space-between", overflow: "clip", width: "100%", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { ellipsis: true, color: "inherit", children: children }), postfix && getPostfix(postfix)] })] }));
-}
-
-        

package/cjs/components/pickers/Menu/MenuItem.js

@@ -1,62 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItem = MenuItem;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_aria_1 = require("react-aria");
-const react_2 = require("../../../utils/react");
-const context_1 = require("./context");
-const styled_1 = require("./styled");
-const MenuButton_1 = require("./MenuButton");
-/** @private */
-function MenuItem(props) {
-    const { item, state, styles, selectionIcon, isVirtualized, onAction } = props;
-    const { onClose, closeOnSelect } = (0, context_1.useMenuContext)();
-    const { rendered, key, props: itemProps } = item;
-    const isSelectable = state.selectionManager.selectionMode !== 'none';
-    const isDisabledKey = state.disabledKeys.has(key);
-    const ref = (0, react_1.useRef)(null);
-    const { hoverProps, isHovered } = (0, react_aria_1.useHover)({ isDisabled: isDisabledKey });
-    const { menuItemProps, labelProps, descriptionProps, keyboardShortcutProps, isFocused, isSelected, isPressed, isDisabled, } = (0, react_aria_1.useMenuItem)({
-        isSelected: state.selectionManager.isSelected(key),
-        isDisabled: isDisabledKey,
-        'aria-label': item['aria-label'],
-        key,
-        onClose,
-        closeOnSelect,
-        isVirtualized,
-        onAction,
-    }, state, ref);
-    const buttonProps = {
-        qa: itemProps.qa ? itemProps.qa : `MenuButton-${key}`,
-        mods: {
-            ...itemProps.mods,
-            hovered: isHovered,
-            focused: isFocused,
-            pressed: isPressed,
-        },
-    };
-    const contents = ((0, jsx_runtime_1.jsx)(MenuButton_1.MenuButton, { ...(0, react_2.mergeProps)(itemProps, buttonProps), styles: styles, selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }));
-    return ((0, jsx_runtime_1.jsx)(react_aria_1.FocusRing, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledMenuItem, { ...(0, react_2.mergeProps)(menuItemProps, hoverProps), ref: ref, "data-qa": itemProps.qa ? `MenuItem-${itemProps.qa}` : `MenuItem-${key}`, mods: {
-                disabled: isDisabled,
-                selected: isSelected,
-                selectable: isSelectable,
-                hovered: isHovered,
-                focused: isFocused,
-            }, children: (0, jsx_runtime_1.jsx)(react_2.ClearSlots, { children: (0, jsx_runtime_1.jsx)(react_2.SlotProvider, { slots: {
-                        text: { className: 'itemLabel', ...labelProps },
-                        end: { className: 'end', ...descriptionProps },
-                        icon: { className: 'icon', size: 'S' },
-                        description: { className: 'description', ...descriptionProps },
-                        keyboard: { className: 'keyboard', ...keyboardShortcutProps },
-                    }, children: contents }) }) }) }));
-}
-
-        

package/cjs/components/pickers/Menu/MenuSection.js

@@ -1,32 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuSection = MenuSection;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_aria_1 = require("react-aria");
-const MenuItem_1 = require("./MenuItem");
-const styled_1 = require("./styled");
-/** @private */
-function MenuSection(props) {
-    const { item, state, styles, itemStyles, headingStyles } = props;
-    const heading = item.rendered;
-    const { itemProps, headingProps, groupProps } = (0, react_aria_1.useMenuSection)({
-        heading,
-        'aria-label': item['aria-label'],
-    });
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styled_1.StyledMenuSection, { ...itemProps, styles: styles, children: [heading && ((0, jsx_runtime_1.jsx)(styled_1.StyledMenuSectionHeading, { ...headingProps, styles: headingStyles, children: heading })), (0, jsx_runtime_1.jsx)(styled_1.StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
-                        let item = ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { item: node, styles: itemStyles, state: state, onAction: node.onAction }, node.key));
-                        if (node.props.wrapper) {
-                            item = node.props.wrapper(item);
-                        }
-                        return item;
-                    }) })] }) }));
-}
-
-        

package/cjs/components/pickers/Menu/MenuTrigger.js

@@ -1,97 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuTrigger = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const utils_1 = require("@react-spectrum/utils");
-const react_aria_1 = require("react-aria");
-const interactions_1 = require("@react-aria/interactions");
-const react_stately_1 = require("react-stately");
-const Modal_1 = require("../../overlays/Modal");
-const react_2 = require("../../../utils/react");
-const context_1 = require("./context");
-function MenuTrigger(props, ref) {
-    const menuPopoverRef = (0, react_1.useRef)(null);
-    const triggerRef = (0, react_1.useRef)();
-    const domRef = (0, utils_1.useDOMRef)(ref);
-    const menuTriggerRef = domRef || triggerRef;
-    const menuRef = (0, react_1.useRef)(null);
-    const { children, align = 'start', shouldFlip = true, direction = 'bottom', closeOnSelect, trigger = 'press', isDisabled, } = props;
-    if (!Array.isArray(children) || children.length > 2) {
-        throw new Error('MenuTrigger must have exactly 2 children');
-    }
-    let [menuTrigger, menu] = children;
-    const state = (0, react_stately_1.useMenuTriggerState)(props);
-    if (typeof menuTrigger === 'function') {
-        menuTrigger = menuTrigger(state);
-    }
-    const { menuTriggerProps, menuProps } = (0, react_aria_1.useMenuTrigger)({ isDisabled }, state, menuTriggerRef);
-    let initialPlacement;
-    switch (direction) {
-        case 'left':
-        case 'right':
-        case 'start':
-        case 'end':
-            initialPlacement = `${direction} ${align === 'end' ? 'bottom' : 'top'}`;
-            break;
-        case 'bottom':
-        case 'top':
-        default:
-            initialPlacement = `${direction} ${align}`;
-    }
-    const isMobile = (0, utils_1.useIsMobileDevice)();
-    const { overlayProps: positionProps, placement } = (0, react_aria_1.useOverlayPosition)({
-        targetRef: menuTriggerRef,
-        overlayRef: menuPopoverRef,
-        scrollRef: menuRef,
-        placement: initialPlacement,
-        shouldFlip: shouldFlip,
-        isOpen: state.isOpen && !isMobile,
-        onClose: state.close,
-        containerPadding: props.containerPadding,
-        offset: props.offset || 8,
-        crossOffset: props.crossOffset,
-    });
-    const menuContext = {
-        ...menuProps,
-        ref: menuRef,
-        onClose: state.close,
-        closeOnSelect,
-        autoFocus: state.focusStrategy || true,
-        style: isMobile
-            ? {
-                width: '100%',
-                maxHeight: 'inherit',
-            }
-            : undefined,
-        mods: {
-            popover: !isMobile,
-        },
-    };
-    const contents = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: state.close }), menu, (0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: state.close })] }));
-    // On small screen devices, the menu is rendered in a tray, otherwise a popover.
-    let overlay;
-    if (isMobile) {
-        overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }));
-    }
-    else {
-        overlay = ((0, jsx_runtime_1.jsx)(Modal_1.Popover, { ref: menuPopoverRef, hideArrow: true, isNonModal: true, isOpen: state.isOpen, style: positionProps.style, placement: placement, onClose: state.close, children: contents }));
-    }
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_2.SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: (0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }) }), (0, jsx_runtime_1.jsx)(context_1.MenuContext.Provider, { value: menuContext, children: overlay })] }));
-}
-/**
- * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
- * linking the Menu's open state with the trigger's press state.
- */
-let _MenuTrigger = (0, react_1.forwardRef)(MenuTrigger);
-exports.MenuTrigger = _MenuTrigger;
-_MenuTrigger.displayName = 'MenuTrigger';
-
-        

package/cjs/components/pickers/Menu/context.js

@@ -1,41 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.57.0
- * Released under the MIT license.
- */
-
-"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.MenuContext = void 0;
-exports.useMenuContext = useMenuContext;
-const react_1 = __importStar(require("react"));
-exports.MenuContext = react_1.default.createContext({});
-function useMenuContext() {
-    return (0, react_1.useContext)(exports.MenuContext);
-}
-
-