@cube-dev/ui-kit 0.84.0 → 0.85.1

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @cube-dev/ui-kit
 
+## 0.85.1
+
+### Patch Changes
+
+- [#844](https://github.com/cube-js/cube-ui-kit/pull/844) [`1c2b44f2`](https://github.com/cube-js/cube-ui-kit/commit/1c2b44f2e4a3c10d8b50c3a5fcd8e602d52501d8) Thanks [@tenphi](https://github.com/tenphi)! - Disable autocomplete in ComboBox be default.
+
+- [#848](https://github.com/cube-js/cube-ui-kit/pull/848) [`677f06cb`](https://github.com/cube-js/cube-ui-kit/commit/677f06cb00ecb01c575570cf4ad93cca7c5e8aba) Thanks [@tenphi](https://github.com/tenphi)! - Fix position of ComboBox and Select popovers.
+
+- [#845](https://github.com/cube-js/cube-ui-kit/pull/845) [`a5fa4e6a`](https://github.com/cube-js/cube-ui-kit/commit/a5fa4e6aab277011528bf08e19baffcab611e55b) Thanks [@tenphi](https://github.com/tenphi)! - Optimize FilterListBox filtering logic.
+
+## 0.85.0
+
+### Minor Changes
+
+- [#842](https://github.com/cube-js/cube-ui-kit/pull/842) [`2ad48fe7`](https://github.com/cube-js/cube-ui-kit/commit/2ad48fe7a2e2624c067c9f0f1ac8500d3eb5ce0a) Thanks [@tenphi](https://github.com/tenphi)! - Allow to add actions to Item, ItemButton, and ItemBase.
+
+- [#842](https://github.com/cube-js/cube-ui-kit/pull/842) [`2ad48fe7`](https://github.com/cube-js/cube-ui-kit/commit/2ad48fe7a2e2624c067c9f0f1ac8500d3eb5ce0a) Thanks [@tenphi](https://github.com/tenphi)! - Add ItemBadge component.
+
+### Patch Changes
+
+- [#842](https://github.com/cube-js/cube-ui-kit/pull/842) [`2ad48fe7`](https://github.com/cube-js/cube-ui-kit/commit/2ad48fe7a2e2624c067c9f0f1ac8500d3eb5ce0a) Thanks [@tenphi](https://github.com/tenphi)! - Add isCard flag to ItemBase component.
+
+- [#842](https://github.com/cube-js/cube-ui-kit/pull/842) [`2ad48fe7`](https://github.com/cube-js/cube-ui-kit/commit/2ad48fe7a2e2624c067c9f0f1ac8500d3eb5ce0a) Thanks [@tenphi](https://github.com/tenphi)! - Fix popover height limit for Select and ComboBox.
+
 ## 0.84.0
 
 ### Minor Changes

package/es/_internal/hooks/index.js

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

package/es/_internal/hooks/use-chained-callback.js

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

package/es/_internal/hooks/use-debounced-value.js

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

package/es/_internal/hooks/use-deprecation-warning.js

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

package/es/_internal/hooks/use-effect-once.js

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

package/es/_internal/hooks/use-event.js

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

package/es/_internal/hooks/use-is-first-render.js

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

package/es/_internal/hooks/use-sync-ref.js

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

package/es/_internal/hooks/use-timer/index.js

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

package/es/_internal/hooks/use-timer/timer.js

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

package/es/_internal/hooks/use-timer/use-timer.js

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

package/es/_internal/hooks/use-update-effect.js

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

package/es/_internal/hooks/use-warn.js

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

package/es/_internal/index.js

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

package/es/components/Block.js

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

package/es/components/GlobalStyles.js

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

package/es/components/GridProvider.js

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

package/es/components/HiddenInput.js

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

package/es/components/Item.js

@@ -1,12 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.84.0
+ * @cube-dev/ui-kit v0.85.1
  * Released under the MIT license.
  */
 
 import { Item } from 'react-stately';
-const _Item = Item;
+import { ItemAction } from './actions/ItemAction';
+import { ItemBadge } from './content/ItemBadge';
+const _Item = Object.assign(Item, {
+    Action: ItemAction,
+    Badge: ItemBadge,
+});
 export { _Item as Item };
 
         

package/es/components/OpenTrasition.js

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

package/es/components/Root.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,24 +1,139 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.84.0
+ * @cube-dev/ui-kit v0.85.1
  * 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 { Button } from '../Button';
-export const ItemAction = tasty(Button, {
-    type: 'neutral',
+import { mergeProps } from '../../../utils/react';
+import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
+import { useItemActionContext } from '../ItemActionContext';
+import { useAction } from '../use-action';
+const ItemActionElement = tasty({
+    qa: 'ItemAction',
     styles: {
-        height: '($size - 1x)',
-        width: '($size - 1x)',
-        margin: {
-            '': '0 1bw 0 1bw',
-            ':last-child & !:first-child': '0 (.5x - 1bw) 0 0',
-            '!:last-child & :first-child': '0 0 0 (.5x - 1bw)',
-            ':last-child & :first-child': '0 (.5x - 1bw)',
-        },
+        ...ITEM_ACTION_BASE_STYLES,
+        reset: 'button',
+        outline: 0,
+        outlineOffset: 1,
+        cursor: { '': 'pointer', disabled: 'default' },
     },
+    variants: {
+        // Default theme
+        'default.primary': DEFAULT_PRIMARY_STYLES,
+        'default.secondary': DEFAULT_SECONDARY_STYLES,
+        'default.neutral': DEFAULT_NEUTRAL_STYLES,
+        'default.clear': DEFAULT_CLEAR_STYLES,
+        // Danger theme
+        'danger.primary': DANGER_PRIMARY_STYLES,
+        'danger.secondary': DANGER_SECONDARY_STYLES,
+        'danger.neutral': DANGER_NEUTRAL_STYLES,
+        'danger.clear': DANGER_CLEAR_STYLES,
+        // Success theme
+        'success.primary': SUCCESS_PRIMARY_STYLES,
+        'success.secondary': SUCCESS_SECONDARY_STYLES,
+        'success.neutral': SUCCESS_NEUTRAL_STYLES,
+        'success.clear': SUCCESS_CLEAR_STYLES,
+        // Special theme
+        'special.primary': SPECIAL_PRIMARY_STYLES,
+        'special.secondary': SPECIAL_SECONDARY_STYLES,
+        'special.neutral': SPECIAL_NEUTRAL_STYLES,
+        'special.clear': SPECIAL_CLEAR_STYLES,
+    },
+});
+export const ItemAction = forwardRef(function ItemAction(allProps, ref) {
+    const { type: contextType, theme: contextTheme } = useItemActionContext();
+    const { type = contextType ?? 'neutral', theme = contextTheme ?? 'default', icon, children, isLoading = false, isSelected = false, tooltip, mods, ...rest } = allProps;
+    // Determine if we should show checkbox
+    const hasCheckbox = icon === 'checkbox';
+    // Determine final icon (loading takes precedence)
+    const finalIcon = isLoading ? (_jsx(LoadingIcon, {})) : hasCheckbox ? (_jsx(CheckIcon, {})) : (icon);
+    // Build modifiers
+    const finalMods = useMemo(() => ({
+        checkbox: hasCheckbox,
+        selected: isSelected,
+        loading: isLoading,
+        'with-label': !!children,
+        context: !!contextType,
+        ...mods,
+    }), [hasCheckbox, isSelected, isLoading, children, contextType, mods]);
+    // Extract aria-label from tooltip if needed
+    const ariaLabel = useMemo(() => {
+        if (typeof tooltip === 'string') {
+            return tooltip;
+        }
+        if (typeof tooltip === 'object' && tooltip.title) {
+            return tooltip.title;
+        }
+        return rest['aria-label'];
+    }, [tooltip, rest]);
+    // Call useAction hook
+    const { actionProps } = useAction({
+        ...rest,
+        'aria-label': ariaLabel,
+        mods: finalMods,
+        htmlType: 'button',
+    }, ref);
+    // Set tabIndex when in context
+    const finalTabIndex = contextType ? -1 : undefined;
+    // Determine if we should show tooltip (icon-only buttons)
+    const showTooltip = !children && tooltip;
+    // Extract tooltip content and props
+    const tooltipContent = useMemo(() => {
+        if (typeof tooltip === 'string') {
+            return tooltip;
+        }
+        if (typeof tooltip === 'object' && tooltip.title) {
+            return tooltip.title;
+        }
+        return undefined;
+    }, [tooltip]);
+    const tooltipProps = useMemo(() => {
+        if (typeof tooltip === 'object') {
+            const { title, ...rest } = tooltip;
+            return rest;
+        }
+        return {};
+    }, [tooltip]);
+    const finalType = useMemo(() => {
+        return theme !== 'default' && type === 'neutral' ? 'clear' : type;
+    }, [theme, type]);
+    // Render function that accepts tooltip trigger props and ref
+    const renderButton = (tooltipTriggerProps, tooltipRef) => {
+        // Merge tooltip ref with actionProps if provided
+        const mergedProps = tooltipRef
+            ? mergeProps(actionProps, tooltipTriggerProps || {}, {
+                ref: (element) => {
+                    // Set the tooltip ref
+                    if (tooltipRef) {
+                        tooltipRef.current = element;
+                    }
+                    // Set the action ref if it exists in actionProps
+                    const actionRef = actionProps.ref;
+                    if (actionRef) {
+                        if (typeof actionRef === 'function') {
+                            actionRef(element);
+                        }
+                        else {
+                            actionRef.current = element;
+                        }
+                    }
+                },
+            })
+            : mergeProps(actionProps, tooltipTriggerProps || {});
+        return (_jsxs(ItemActionElement, { ...mergedProps, variant: `${theme}.${finalType}`, "data-theme": theme, "data-type": finalType, tabIndex: finalTabIndex, children: [finalIcon && _jsx("div", { "data-element": "Icon", children: finalIcon }), children] }));
+    };
+    // Wrap with tooltip if needed
+    if (showTooltip && tooltipContent) {
+        return (_jsx(TooltipProvider, { title: tooltipContent, ...tooltipProps, children: (triggerProps, tooltipRef) => renderButton(triggerProps, tooltipRef) }));
+    }
+    return renderButton();
 });
 
         

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

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

package/es/components/actions/ItemActionContext.js

@@ -0,0 +1,25 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.85.1
+ * Released under the MIT license.
+ */
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext } from 'react';
+const ItemActionContext = createContext(undefined);
+export function ItemActionProvider({ type, theme, children, }) {
+    return (_jsx(ItemActionContext.Provider, { value: {
+            type: type === 'item' || type === 'outline'
+                ? 'neutral'
+                : type === 'secondary'
+                    ? 'clear'
+                    : type,
+            theme,
+        }, children: children }));
+}
+export function useItemActionContext() {
+    return useContext(ItemActionContext) ?? {};
+}
+
+        

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

@@ -1,15 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.84.0
+ * @cube-dev/ui-kit v0.85.1
  * Released under the MIT license.
  */
 
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useLayoutEffect, useMemo, useRef, useState, } from 'react';
+import { useHover } from 'react-aria';
 import { tasty } from '../../../tasty';
 import { mergeProps } from '../../../utils/react';
+import { ItemBadge } from '../../content/ItemBadge';
 import { ItemBase } from '../../content/ItemBase';
+import { DisplayTransition } from '../../helpers';
+import { ItemAction } from '../ItemAction';
+import { ItemActionProvider } from '../ItemActionContext';
 import { useAction } from '../use-action';
 const StyledItemBase = tasty(ItemBase, {
     as: 'button',
@@ -20,10 +25,101 @@ const StyledItemBase = tasty(ItemBase, {
         placeContent: 'center stretch',
     },
 });
-export const ItemButton = forwardRef(function ItemButton(allProps, ref) {
-    const { mods, to, htmlType, as, type, theme, onPress, ...rest } = allProps;
+const ActionsWrapper = tasty({
+    styles: {
+        display: 'grid',
+        position: 'relative',
+        placeContent: 'stretch',
+        placeItems: 'stretch',
+        preset: {
+            '': 't3m',
+            '[data-size="xsmall"]': 't4',
+            '[data-size="xlarge"]': 't2m',
+        },
+        $size: {
+            '': '$size-md',
+            '[data-size="xsmall"]': '$size-xs',
+            '[data-size="small"]': '$size-sm',
+            '[data-size="medium"]': '$size-md',
+            '[data-size="large"]': '$size-lg',
+            '[data-size="xlarge"]': '$size-xl',
+        },
+        '& > [data-element="Actions"]': {
+            position: 'absolute',
+            inset: '1bw 1bw auto auto',
+            display: 'flex',
+            gap: '1bw',
+            placeItems: 'center',
+            placeContent: 'center end',
+            pointerEvents: 'auto',
+            padding: '0 $side-padding',
+            height: 'min ($size - 2bw)',
+            opacity: {
+                '': 1,
+                'actions-hidden': 0,
+            },
+            translate: {
+                '': '0 0',
+                'actions-hidden': '.5x 0',
+            },
+            transition: 'theme, translate',
+            '$side-padding': 'max(min(.5x, (($size - 3x + 2bw) / 2)), 1bw)',
+        },
+    },
+});
+const ItemButton = forwardRef(function ItemButton(allProps, ref) {
+    const { mods, to, htmlType, as, type, theme, onPress, actions, size = 'medium', wrapperStyles, showActionsOnHover = false, ...rest } = allProps;
+    const actionsRef = useRef(null);
+    const [actionsWidth, setActionsWidth] = useState(0);
+    const [areActionsVisible, setAreActionsVisible] = useState(false);
+    const [areActionsShown, setAreActionsShown] = useState(false);
+    useLayoutEffect(() => {
+        if (actions && actionsRef.current) {
+            const width = Math.round(actionsRef.current.offsetWidth);
+            if (width !== actionsWidth) {
+                setActionsWidth(width);
+            }
+        }
+    }, [actions, areActionsVisible]);
+    const { hoverProps, isHovered } = useHover({});
+    const finalWrapperStyles = useMemo(() => {
+        return wrapperStyles
+            ? {
+                ...wrapperStyles,
+                ...(wrapperStyles?.Actions
+                    ? {
+                        '& > [data-element="Actions"]': wrapperStyles.Actions,
+                        Actions: undefined,
+                    }
+                    : undefined),
+            }
+            : undefined;
+    }, [wrapperStyles]);
     const { actionProps } = useAction({ ...allProps, htmlType, to, as, mods }, ref);
-    return (_jsx(StyledItemBase, { ...mergeProps(rest, actionProps), htmlType: actionProps.type, type: type, theme: theme }));
+    const button = (_jsx(StyledItemBase, { actions: actions ? true : undefined, ...mergeProps(rest, actionProps), htmlType: actionProps.type, type: type, theme: theme, size: size }));
+    if (actions) {
+        return (_jsxs(ActionsWrapper, { ...hoverProps, "data-size": size, mods: { 'actions-hidden': !areActionsShown && showActionsOnHover }, styles: finalWrapperStyles, style: {
+                '--actions-width': areActionsVisible || !showActionsOnHover
+                    ? `${actionsWidth}px`
+                    : '0px',
+                ...(typeof size === 'number' && { '--size': `${size}px` }),
+            }, children: [button, _jsx(ItemActionProvider, { type: type, theme: theme, children: showActionsOnHover ? (_jsx(DisplayTransition, { exposeUnmounted: true, isShown: isHovered, onPhaseChange: (phase) => {
+                            setAreActionsVisible(phase !== 'unmounted');
+                        }, onToggle: (isShown) => {
+                            setAreActionsShown(isShown);
+                        }, children: ({ ref: transitionRef }) => {
+                            return (_jsx("div", { ref: (node) => {
+                                    actionsRef.current = node;
+                                    transitionRef(node);
+                                }, "data-element": "Actions", children: actions }));
+                        } })) : (_jsx("div", { ref: actionsRef, "data-element": "Actions", children: actions })) })] }));
+    }
+    return button;
+});
+const _ItemButton = Object.assign(ItemButton, {
+    Action: ItemAction,
+    Badge: ItemBadge,
 });
+export { _ItemButton as ItemButton };
 
         

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

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