@cube-dev/ui-kit 0.98.8 → 0.99.0

package/es/components/Root.js

@@ -1,91 +1,49 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
 import { ModalProvider } from 'react-aria';
-import { StyleSheetManager } from 'styled-components';
-import { Provider } from '../provider';
-import { TrackingProvider } from '../providers/TrackingProvider';
-import { BASE_STYLES, BLOCK_STYLES, extractStyles, filterBaseProps, tasty, } from '../tasty';
-import { TOKENS } from '../tokens';
-import { useViewportSize } from '../utils/react';
-import { EventBusProvider } from '../utils/react/useEventBus';
-import { VERSION } from '../version';
-import { GlobalStyles } from './GlobalStyles';
-import { AlertDialogApiProvider } from './overlays/AlertDialog';
-import { NotificationsProvider } from './overlays/NewNotifications/NotificationsContext/NotificationsProvider';
-import { PortalProvider } from './portal';
+import { Provider } from '../provider.js';
+import { TrackingProvider } from '../providers/TrackingProvider.js';
+import { BASE_STYLES, BLOCK_STYLES, extractStyles, filterBaseProps, tasty, } from '../tasty/index.js';
+import { EventBusProvider } from '../utils/react/useEventBus.js';
+import { VERSION } from '../version.js';
+import { GlobalStyles } from './GlobalStyles.js';
+import { AlertDialogApiProvider } from './overlays/AlertDialog/index.js';
+import { NotificationsProvider } from './overlays/NewNotifications/NotificationsContext/NotificationsProvider.js';
+import { PortalProvider } from './portal/index.js';
 const RootElement = tasty({
     id: 'cube-ui-kit-root',
+    styles: {
+        display: 'contents',
+        color: '#dark-02',
+        preset: 't3',
+    },
 });
-const DEFAULT_STYLES = {
-    display: 'block',
-    preset: 't3',
-    ...Object.keys(TOKENS).reduce((map, key) => {
-        map[`$${key}`] = TOKENS[key];
-        return map;
-    }, {}),
-};
 const STYLES = [...BASE_STYLES, ...BLOCK_STYLES];
-const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports === 'function'
-    ? CSS.supports('height: 100dvh')
-    : false;
 export function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
-    bodyStyles, breakpoints = [980], fontDisplay = 'swap', fonts, publicUrl, navigation, font, monospaceFont, applyLegacyTokens, tracking, cursorStrategy = 'web', style, ...props } = allProps;
+    bodyStyles, fontDisplay = 'swap', fonts, publicUrl, navigation, font, monospaceFont, applyLegacyTokens: _applyLegacyTokens, // deprecated, ignored
+    tracking, cursorStrategy = 'web', style, tokens, ...props } = allProps;
     const ref = useRef(null);
     const [rootRef, setRootRef] = useState();
-    // We need to measure the window's height in JS rather than using percentages in CSS
-    // so that contents (e.g. menu) can inherit the max-height properly. Using percentages
-    // does not work properly because there is nothing to base the percentage on.
-    // We cannot use vh units because mobile browsers adjust the window height dynamically
-    // when the address bar/bottom toolbars show and hide on scroll and vh units are fixed.
-    // Also, the visual viewport is smaller than the layout viewport when the virtual keyboard
-    // is up, so use the VisualViewport API to ensure the tray is displayed above the keyboard.
-    let viewport = useViewportSize({ isDisabled: IS_DVH_SUPPORTED });
-    let [height, setHeight] = useState(IS_DVH_SUPPORTED ? undefined : viewport.height);
-    let timeoutRef = useRef(null);
-    useEffect(() => {
-        if (IS_DVH_SUPPORTED && typeof window !== 'undefined') {
-            return;
-        }
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        // When the height is decreasing, and the keyboard is visible
-        // (visual viewport smaller than layout viewport), delay setting
-        // the new max height until after the animation is complete
-        // so that there isn't an empty space under the tray briefly.
-        if (viewport.height < (height || 0) &&
-            viewport.height < window.innerHeight) {
-            timeoutRef.current = setTimeout(() => {
-                setHeight(viewport.height);
-            }, 500);
-        }
-        else {
-            setHeight(viewport.height);
-        }
-    }, [height, viewport.height]);
     useEffect(() => {
         if (!rootRef) {
             // @ts-ignore
             setRootRef(ref?.current);
         }
     }, []);
-    const styles = extractStyles(props, STYLES, DEFAULT_STYLES);
-    return (_jsx(Provider, { navigation: navigation, root: rootRef, breakpoints: breakpoints, children: _jsx(TrackingProvider, { event: tracking?.event, children: _jsx(StyleSheetManager, { children: _jsxs(RootElement, { ref: ref, "data-tasty": VERSION, "data-font-display": fontDisplay, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
-                        '--cube-dynamic-viewport-height': height
-                            ? height + 'px'
-                            : '100dvh',
-                        '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',
-                        ...style,
-                    }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont, fontDisplay: fontDisplay }), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(EventBusProvider, { children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }) }) }) }) })] }) }) }) }));
+    const styles = extractStyles(props, STYLES);
+    return (_jsx(Provider, { navigation: navigation, root: rootRef, children: _jsx(TrackingProvider, { event: tracking?.event, children: _jsxs(RootElement, { ref: ref, "data-tasty": VERSION, "data-font-display": fontDisplay, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
+                    '--pointer': cursorStrategy === 'web' ? 'pointer' : 'default',
+                    ...style,
+                }, tokens: tokens, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont, fontDisplay: fontDisplay }), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(EventBusProvider, { children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }) }) }) }) })] }) }) }));
 }
 
         

package/es/components/actions/Action/Action.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { CONTAINER_STYLES, extractStyles, tasty, TEXT_STYLES, } from '../../../tasty';
-import { useAction } from '../use-action';
+import { CONTAINER_STYLES, extractStyles, tasty, TEXT_STYLES, } from '../../../tasty/index.js';
+import { useAction } from '../use-action.js';
 const ActionElement = tasty({
     as: 'button',
     styles: {

package/es/components/actions/Button/Button.js

@@ -1,22 +1,22 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Children, forwardRef, isValidElement, useMemo, useState, } from 'react';
-import { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render';
-import { useWarn } from '../../../_internal/hooks/use-warn';
-import { DANGER_CLEAR_STYLES, DANGER_LINK_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_LINK_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes';
-import { LoadingIcon } from '../../../icons';
-import { CONTAINER_STYLES, extractStyles, tasty, TEXT_STYLES, } from '../../../tasty';
-import { mergeProps, resolveIcon } from '../../../utils/react';
-import { useAutoTooltip } from '../../content/use-auto-tooltip';
-import { DisplayTransition } from '../../helpers/DisplayTransition';
-import { IconSwitch } from '../../helpers/IconSwitch/IconSwitch';
-import { useAction } from '../use-action';
+import { useIsFirstRender } from '../../../_internal/hooks/use-is-first-render.js';
+import { useWarn } from '../../../_internal/hooks/use-warn.js';
+import { DANGER_CLEAR_STYLES, DANGER_LINK_STYLES, DANGER_NEUTRAL_STYLES, DANGER_OUTLINE_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_LINK_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_OUTLINE_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_LINK_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_OUTLINE_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_LINK_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_OUTLINE_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes.js';
+import { LoadingIcon } from '../../../icons/index.js';
+import { CONTAINER_STYLES, extractStyles, tasty, TEXT_STYLES, } from '../../../tasty/index.js';
+import { mergeProps, resolveIcon } from '../../../utils/react/index.js';
+import { useAutoTooltip } from '../../content/use-auto-tooltip.js';
+import { DisplayTransition } from '../../helpers/DisplayTransition/index.js';
+import { IconSwitch } from '../../helpers/IconSwitch/IconSwitch.js';
+import { useAction } from '../use-action.js';
 const BUTTON_SIZE_VALUES = [
     'xsmall',
     'small',
@@ -155,7 +155,7 @@ export const DEFAULT_BUTTON_STYLES = {
         whiteSpace: 'nowrap',
         overflow: 'hidden',
         textOverflow: 'ellipsis',
-        maxWidth: '100%',
+        width: '0 100%',
         textAlign: 'center',
         transition: 'theme, padding',
         padding: {

package/es/components/actions/Button/index.js

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './Button';
+export * from './Button.js';
 
         

package/es/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { tasty } from '../../../tasty';
-import { useSlotProps } from '../../../utils/react';
-import { Space } from '../../layout/Space';
+import { tasty } from '../../../tasty/index.js';
+import { useSlotProps } from '../../../utils/react/index.js';
+import { Space } from '../../layout/Space.js';
 const ButtonGroupElement = tasty(Space, {
     qa: 'ButtonGroup',
     styles: {

package/es/components/actions/CommandMenu/CommandMenu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
@@ -12,16 +12,16 @@ import React, { useCallback, useMemo, useRef, useState, } from 'react';
 import { useFilter, useMenu } from 'react-aria';
 // Import Item and Section from Menu for CommandMenu compound component
 import { Item, Section, useTreeState } from 'react-stately';
-import { LoadingIcon } from '../../../icons';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
-import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
-import { useMenuContext } from '../Menu';
-import { MenuItem } from '../Menu/MenuItem';
-import { MenuSection } from '../Menu/MenuSection';
-import { MenuTrigger } from '../Menu/MenuTrigger';
-import { StyledDivider, StyledFooter, StyledHeader, StyledMenu, } from '../Menu/styled';
-import { StyledCommandMenu, StyledEmptyState, StyledLoadingWrapper, StyledSearchInput, } from './styled';
+import { LoadingIcon } from '../../../icons/index.js';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, } from '../../../tasty/index.js';
+import { mergeProps } from '../../../utils/react/index.js';
+import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider.js';
+import { useMenuContext } from '../Menu/index.js';
+import { MenuItem } from '../Menu/MenuItem.js';
+import { MenuSection } from '../Menu/MenuSection.js';
+import { MenuTrigger } from '../Menu/MenuTrigger.js';
+import { StyledDivider, StyledFooter, StyledHeader, StyledMenu, } from '../Menu/styled.js';
+import { StyledCommandMenu, StyledEmptyState, StyledLoadingWrapper, StyledSearchInput, } from './styled.js';
 function CommandMenu(props, ref) {
     const { searchPlaceholder = 'Search commands...', searchValue: controlledSearchValue, onSearchChange, filter: customFilter, emptyLabel = 'No commands found', searchInputStyles, headerStyles, footerStyles, isLoading = false, shouldFilter = true, autoFocus = true, size = 'medium', qa, styles, selectedKeys, defaultSelectedKeys, onSelectionChange, header, footer, ...restMenuProps } = props;
     const domRef = useDOMRef(ref);

package/es/components/actions/CommandMenu/index.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 // Barrel file for CommandMenu component
-export { CommandMenu } from './CommandMenu';
+export { CommandMenu } from './CommandMenu.js';
 
         

package/es/components/actions/CommandMenu/styled.js

@@ -1,11 +1,11 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-import { tasty } from '../../../tasty';
+import { tasty } from '../../../tasty/index.js';
 export const StyledCommandMenu = tasty({
     qa: 'CommandMenu',
     styles: {

package/es/components/actions/ItemAction/ItemAction.js

@@ -1,20 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo, } from 'react';
-import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes';
-import { CheckIcon } from '../../../icons/CheckIcon';
-import { LoadingIcon } from '../../../icons/LoadingIcon';
-import { tasty } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
-import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
-import { useItemActionContext } from '../ItemActionContext';
-import { useAction } from '../use-action';
+import { DANGER_CLEAR_STYLES, DANGER_NEUTRAL_STYLES, DANGER_PRIMARY_STYLES, DANGER_SECONDARY_STYLES, DEFAULT_CLEAR_STYLES, DEFAULT_NEUTRAL_STYLES, DEFAULT_PRIMARY_STYLES, DEFAULT_SECONDARY_STYLES, ITEM_ACTION_BASE_STYLES, SPECIAL_CLEAR_STYLES, SPECIAL_NEUTRAL_STYLES, SPECIAL_PRIMARY_STYLES, SPECIAL_SECONDARY_STYLES, SUCCESS_CLEAR_STYLES, SUCCESS_NEUTRAL_STYLES, SUCCESS_PRIMARY_STYLES, SUCCESS_SECONDARY_STYLES, } from '../../../data/item-themes.js';
+import { CheckIcon } from '../../../icons/CheckIcon.js';
+import { LoadingIcon } from '../../../icons/LoadingIcon.js';
+import { tasty } from '../../../tasty/index.js';
+import { mergeProps } from '../../../utils/react/index.js';
+import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider.js';
+import { useItemActionContext } from '../ItemActionContext.js';
+import { useAction } from '../use-action.js';
 const ItemActionElement = tasty({
     qa: 'ItemAction',
     styles: {

package/es/components/actions/ItemAction/index.js

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export { ItemAction } from './ItemAction';
+export { ItemAction } from './ItemAction.js';
 
         

package/es/components/actions/ItemActionContext.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 

package/es/components/actions/ItemButton/ItemButton.js

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useLayoutEffect, useRef, useState, } from 'react';
 import { useFocusWithin, useHover } from 'react-aria';
-import { tasty } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
-import { Item } from '../../content/Item';
-import { ItemBadge } from '../../content/ItemBadge';
-import { DisplayTransition } from '../../helpers';
-import { ItemAction } from '../ItemAction';
-import { ItemActionProvider } from '../ItemActionContext';
-import { useAction } from '../use-action';
+import { tasty } from '../../../tasty/index.js';
+import { mergeProps } from '../../../utils/react/index.js';
+import { Item } from '../../content/Item/index.js';
+import { ItemBadge } from '../../content/ItemBadge/index.js';
+import { DisplayTransition } from '../../helpers/index.js';
+import { ItemAction } from '../ItemAction/index.js';
+import { ItemActionProvider } from '../ItemActionContext.js';
+import { useAction } from '../use-action.js';
 const StyledItem = tasty(Item, {
     as: 'button',
     type: 'neutral',

package/es/components/actions/ItemButton/index.js

@@ -1,10 +1,10 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './ItemButton';
+export * from './ItemButton.js';
 
         

package/es/components/actions/Link/Link.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { Button } from '../../actions';
+import { Button } from '../../actions/index.js';
 export const Link = forwardRef(function Link(props, ref) {
     return _jsx(Button, { type: "link", size: "inline", ...props, ref: ref });
 });

package/es/components/actions/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
@@ -11,15 +11,15 @@ import { useDOMRef } from '@react-spectrum/utils';
 import React, { useMemo } from 'react';
 import { useMenu } from 'react-aria';
 import { Section as BaseSection, useTreeState } from 'react-stately';
-import { CONTAINER_STYLES, extractStyles, filterBaseProps, } from '../../../tasty';
-import { mergeProps } from '../../../utils/react';
-import { CollectionItem } from '../../CollectionItem';
-import { useMenuContext } from './context';
-import { MenuItem } from './MenuItem';
-import { MenuSection } from './MenuSection';
-import { MenuTrigger } from './MenuTrigger';
-import { StyledDivider, StyledFooter, StyledHeader, StyledMenu, StyledMenuWrapper, } from './styled';
-import { SubMenuTrigger } from './SubMenuTrigger';
+import { CONTAINER_STYLES, extractStyles, filterBaseProps, } from '../../../tasty/index.js';
+import { mergeProps } from '../../../utils/react/index.js';
+import { CollectionItem } from '../../CollectionItem.js';
+import { useMenuContext } from './context.js';
+import { MenuItem } from './MenuItem.js';
+import { MenuSection } from './MenuSection.js';
+import { MenuTrigger } from './MenuTrigger.js';
+import { StyledDivider, StyledFooter, StyledHeader, StyledMenu, StyledMenuWrapper, } from './styled.js';
+import { SubMenuTrigger } from './SubMenuTrigger.js';
 function Menu(props, ref) {
     const { header, footer, menuStyles, headerStyles, footerStyles, itemStyles, sectionStyles, sectionHeadingStyles, size = 'medium', focusOnHover = false, qa, selectedKeys, defaultSelectedKeys, onSelectionChange, ...rest } = props;
     const domRef = useDOMRef(ref);

package/es/components/actions/Menu/MenuItem.js

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useContext, useRef } from 'react';
 import { FocusRing, useMenuItem } from 'react-aria';
-import { RightIcon } from '../../../icons';
-import { mergeProps } from '../../../utils/react';
-import { filterCollectionItemProps } from '../../CollectionItem';
-import { Item } from '../../content/Item/Item';
-import { useMenuContext } from './context';
-import { SubmenuTriggerContext } from './SubmenuTriggerContext';
+import { RightIcon } from '../../../icons/index.js';
+import { mergeProps } from '../../../utils/react/index.js';
+import { filterCollectionItemProps } from '../../CollectionItem.js';
+import { Item } from '../../content/Item/Item.js';
+import { useMenuContext } from './context.js';
+import { SubmenuTriggerContext } from './SubmenuTriggerContext.js';
 /** @private */
 export function MenuItem(props) {
     const { item, state, styles, isVirtualized, onAction, size } = props;

package/es/components/actions/Menu/MenuSection.js

@@ -1,15 +1,15 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useMenuSection } from 'react-aria';
-import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
-import { MenuItem } from './MenuItem';
-import { StyledMenu, StyledSection, StyledSectionHeading } from './styled';
+import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider.js';
+import { MenuItem } from './MenuItem.js';
+import { StyledMenu, StyledSection, StyledSectionHeading } from './styled.js';
 /** @private */
 export function MenuSection(props) {
     const { item, state, styles, itemStyles, headingStyles, size } = props;

package/es/components/actions/Menu/MenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
@@ -11,11 +11,11 @@ import { useDOMRef, useIsMobileDevice } from '@react-spectrum/utils';
 import { forwardRef, Fragment, useEffect, useMemo, useRef, } from 'react';
 import { DismissButton, useMenuTrigger, useOverlayPosition, } from 'react-aria';
 import { useMenuTriggerState } from 'react-stately';
-import { generateRandomId } from '../../../utils/random';
-import { SlotProvider } from '../../../utils/react';
-import { useEventBus } from '../../../utils/react/useEventBus';
-import { Popover, Tray } from '../../overlays/Modal';
-import { MenuContext } from './context';
+import { generateRandomId } from '../../../utils/random.js';
+import { SlotProvider } from '../../../utils/react/index.js';
+import { useEventBus } from '../../../utils/react/useEventBus.js';
+import { Popover, Tray } from '../../overlays/Modal/index.js';
+import { MenuContext } from './context.js';
 function MenuTrigger(props, ref) {
     const menuPopoverRef = useRef(null);
     const triggerRef = useRef(null);

package/es/components/actions/Menu/SubMenuTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
@@ -10,11 +10,11 @@ import { useSyncRef } from '@react-aria/utils';
 import React, { useEffect, useMemo, useRef, } from 'react';
 import { DismissButton, useMenuTrigger, useOverlayPosition, } from 'react-aria';
 import { useMenuTriggerState } from 'react-stately';
-import { generateRandomId } from '../../../utils/random';
-import { useEventBus } from '../../../utils/react/useEventBus';
-import { Popover } from '../../overlays/Modal';
-import { MenuContext, useMenuContext } from './context';
-import { SubmenuTriggerContext } from './SubmenuTriggerContext';
+import { generateRandomId } from '../../../utils/random.js';
+import { useEventBus } from '../../../utils/react/useEventBus.js';
+import { Popover } from '../../overlays/Modal/index.js';
+import { MenuContext, useMenuContext } from './context.js';
+import { SubmenuTriggerContext } from './SubmenuTriggerContext.js';
 // Default placement & offset for sub-menus (matches Spectrum / Aria)
 const DEFAULT_PLACEMENT = 'right top';
 const DEFAULT_OFFSET = 4;

package/es/components/actions/Menu/SubmenuTriggerContext.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 

package/es/components/actions/Menu/index.js

@@ -1,19 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-export * from './Menu';
-export * from './MenuTrigger';
-export * from './MenuItem';
-export * from './MenuSection';
-export * from './SubMenuTrigger';
-export * from './context';
+export * from './Menu.js';
+export * from './MenuTrigger.js';
+export * from './MenuItem.js';
+export * from './MenuSection.js';
+export * from './SubMenuTrigger.js';
+export * from './context.js';
 // Re-export the main components
-export { Menu } from './Menu';
-export { MenuTrigger } from './MenuTrigger';
-export { SubMenuTrigger } from './SubMenuTrigger';
+export { Menu } from './Menu.js';
+export { MenuTrigger } from './MenuTrigger.js';
+export { SubMenuTrigger } from './SubMenuTrigger.js';
 
         

package/es/components/actions/Menu/styled.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.98.8
+ * @cube-dev/ui-kit v0.99.0
  * Released under the MIT license.
  */
 
-import { DEFAULT_NEUTRAL_STYLES } from '../../../data/item-themes';
-import { tasty } from '../../../tasty';
-import { Space } from '../../layout/Space';
-import { DEFAULT_BUTTON_STYLES } from '../Button/Button';
+import { DEFAULT_NEUTRAL_STYLES } from '../../../data/item-themes.js';
+import { tasty } from '../../../tasty/index.js';
+import { Space } from '../../layout/Space.js';
+import { DEFAULT_BUTTON_STYLES } from '../Button/Button.js';
 export const StyledMenuWrapper = tasty({
     qa: 'Menu',
     styles: {