@cube-dev/ui-kit 0.0.0-canary-3462d8e → 0.0.0-canary-0e9f2c8

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/Checkbox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/ComboBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerElement.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DatePickerSegment.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateRangePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/DateRangeSeparatedPicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/TimeInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/intl.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/parseDate.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/props.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/DatePicker/utils.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/FilterListBox/FilterListBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 
@@ -93,7 +93,7 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
             return fieldProps;
         },
     });
-    let { qa, label, extra, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, searchPlaceholder = 'Search...', autoFocus, filter, mods: externalMods, emptyLabel, searchInputStyles, listStyles, optionStyles, sectionStyles, headingStyles, searchInputRef, listRef, message, description, styles, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, header, footer, size = 'small', headerStyles, footerStyles, listBoxStyles, children, onEscape, isCheckable, onOptionClick, selectionMode = 'single', ...otherProps } = props;
+    let { qa, label, extra, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, searchPlaceholder = 'Search...', autoFocus, filter, mods: externalMods, emptyLabel, searchInputStyles, listStyles, optionStyles, sectionStyles, headingStyles, searchInputRef, listRef, message, description, styles, focusOnHover, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, header, footer, size = 'small', headerStyles, footerStyles, listBoxStyles, children, onEscape, isCheckable, onOptionClick, selectionMode = 'single', ...otherProps } = props;
     // Collect original option keys to avoid duplicating them as custom values.
     const originalKeys = useMemo(() => {
         const keys = new Set();
@@ -326,38 +326,42 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
     // When the search value changes, the visible collection of items may change as well.
     // If the currently focused item is no longer visible, move virtual focus to the first
     // available item so that arrow navigation and Enter behaviour continue to work.
+    // If there are no available items, reset the selection so Enter won't select anything.
     useLayoutEffect(() => {
         const listState = listStateRef.current;
         if (!listState)
             return;
         const { selectionManager, collection } = listState;
-        // Early exit if the current focused key is still present in the collection.
-        const currentFocused = selectionManager.focusedKey;
-        if (currentFocused != null &&
-            collection.getItem &&
-            collection.getItem(currentFocused)) {
-            return;
-        }
-        // Find the first item key in the (possibly sectioned) collection.
-        let firstKey = null;
-        for (const node of collection) {
-            if (node.type === 'item') {
-                firstKey = node.key;
-                break;
-            }
-            if (node.childNodes) {
-                for (const child of node.childNodes) {
-                    if (child.type === 'item') {
-                        firstKey = child.key;
-                        break;
+        // Helper to collect visible item keys (supports sections)
+        const collectVisibleKeys = (nodes, out) => {
+            const term = searchValue.trim();
+            for (const node of nodes) {
+                if (node.type === 'item') {
+                    const text = node.textValue ?? String(node.rendered ?? '');
+                    if (!term || textFilterFn(text, term)) {
+                        out.push(node.key);
                     }
                 }
+                else if (node.childNodes) {
+                    collectVisibleKeys(node.childNodes, out);
+                }
             }
-            if (firstKey != null)
-                break;
+        };
+        const visibleKeys = [];
+        collectVisibleKeys(collection, visibleKeys);
+        // If there are no visible items, reset the focused key so Enter won't select anything
+        if (visibleKeys.length === 0) {
+            selectionManager.setFocusedKey(null);
+            return;
+        }
+        // Early exit if the current focused key is still present in the visible items.
+        const currentFocused = selectionManager.focusedKey;
+        if (currentFocused != null && visibleKeys.includes(currentFocused)) {
+            return;
         }
-        selectionManager.setFocusedKey(firstKey);
-    }, [searchValue, enhancedChildren]);
+        // Set focus to the first visible item
+        selectionManager.setFocusedKey(visibleKeys[0]);
+    }, [searchValue, enhancedChildren, textFilterFn]);
     // Keyboard navigation handler for search input
     const { keyboardProps } = useKeyboard({
         onKeyDown: (e) => {
@@ -540,7 +544,7 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
                     const value = e.target.value;
                     setSearchValue(value);
                 }, ...keyboardProps, ...modAttrs(mods) }), _jsx("div", { "data-element": "Prefix", children: _jsx("div", { "data-element": "InputIcon", children: isLoading ? _jsx(LoadingIcon, {}) : _jsx(SearchIcon, {}) }) })] }));
-    const filterListBoxField = (_jsxs(FilterListBoxWrapperElement, { ref: ref, qa: qa || 'FilterListBox', ...modAttrs(mods), styles: styles, ...focusProps, children: [header ? (_jsx(StyledHeaderWithoutBorder, { "data-size": size, styles: headerStyles, children: header })) : (_jsx("div", { role: "presentation" })), searchInput, showEmptyMessage ? (_jsx("div", { style: { padding: '0.75rem 1rem' }, children: _jsx(Block, { preset: "t4", color: "#dark-03", children: emptyLabel !== undefined ? emptyLabel : 'No results found' }) })) : (_jsx(ListBox, { ref: listBoxRef, "aria-label": innerAriaLabel, selectedKey: selectedKey, defaultSelectedKey: defaultSelectedKey, selectedKeys: selectedKeys, defaultSelectedKeys: defaultSelectedKeys, selectionMode: selectionMode, isDisabled: isDisabled, listRef: listRef, stateRef: listStateRef, listStyles: listStyles, optionStyles: optionStyles, sectionStyles: sectionStyles, headingStyles: headingStyles, validationState: validationState, disallowEmptySelection: props.disallowEmptySelection, disabledKeys: props.disabledKeys, focusOnHover: true, shouldUseVirtualFocus: true, footer: footer, footerStyles: footerStyles, mods: mods, size: size, isCheckable: isCheckable, onSelectionChange: handleSelectionChange, onEscape: onEscape, onOptionClick: onOptionClick, children: finalChildren }))] }));
+    const filterListBoxField = (_jsxs(FilterListBoxWrapperElement, { ref: ref, qa: qa || 'FilterListBox', ...modAttrs(mods), styles: styles, ...focusProps, children: [header ? (_jsx(StyledHeaderWithoutBorder, { "data-size": size, styles: headerStyles, children: header })) : (_jsx("div", { role: "presentation" })), searchInput, showEmptyMessage ? (_jsx("div", { style: { padding: '0.75rem 1rem' }, children: _jsx(Block, { preset: "t4", color: "#dark-03", children: emptyLabel !== undefined ? emptyLabel : 'No results found' }) })) : (_jsx(ListBox, { ref: listBoxRef, "aria-label": innerAriaLabel, selectedKey: selectedKey, defaultSelectedKey: defaultSelectedKey, selectedKeys: selectedKeys, defaultSelectedKeys: defaultSelectedKeys, selectionMode: selectionMode, isDisabled: isDisabled, listRef: listRef, stateRef: listStateRef, listStyles: listStyles, optionStyles: optionStyles, sectionStyles: sectionStyles, headingStyles: headingStyles, validationState: validationState, disallowEmptySelection: props.disallowEmptySelection, disabledKeys: props.disabledKeys, focusOnHover: focusOnHover, shouldUseVirtualFocus: true, footer: footer, footerStyles: footerStyles, mods: mods, size: size, isCheckable: isCheckable, onSelectionChange: handleSelectionChange, onEscape: onEscape, onOptionClick: onOptionClick, children: finalChildren }))] }));
     return wrapWithField(filterListBoxField, ref, mergeProps({ ...props, styles: undefined }, {}));
 });
 FilterListBox.Item = ListBox.Item;

package/es/components/fields/FilterListBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/FilterPicker/FilterPicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 
@@ -43,7 +43,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
             return fieldProps;
         },
     });
-    let { qa, label, extra, icon, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, placeholder, size = 'small', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, children, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode = 'single', listStateRef, header, footer, headerStyles, footerStyles, allowsCustomValue, renderSummary, isCheckable, ...otherProps } = props;
+    let { qa, label, extra, icon, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, placeholder, size = 'small', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, children, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, header, footer, headerStyles, footerStyles, allowsCustomValue, renderSummary, isCheckable, ...otherProps } = props;
     styles = extractStyles(otherProps, PROP_STYLES, styles);
     // Warn if isCheckable is false in single selection mode
     useWarn(isCheckable === false && selectionMode === 'single', {
@@ -349,7 +349,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
     };
     const filterPickerField = (_jsxs(DialogTrigger, { type: "popover", placement: "bottom start", shouldFlip: true, isDismissable: true, children: [renderTrigger, (close) => (_jsx(Dialog, { display: "grid", styles: { gridRows: '1sf', ...popoverStyles }, children: _jsx(FilterListBox, { autoFocus: true, "aria-label": `${props['aria-label'] ?? props.label ?? ''} Picker`, selectedKey: selectionMode === 'single'
                         ? effectiveSelectedKey ?? undefined
-                        : undefined, selectedKeys: selectionMode === 'multiple' ? effectiveSelectedKeys : undefined, allowsCustomValue: allowsCustomValue, selectionMode: selectionMode, validationState: validationState, isDisabled: isDisabled, stateRef: listStateRef, isCheckable: isCheckable, mods: {
+                        : undefined, selectedKeys: selectionMode === 'multiple' ? effectiveSelectedKeys : undefined, focusOnHover: focusOnHover, allowsCustomValue: allowsCustomValue, selectionMode: selectionMode, validationState: validationState, isDisabled: isDisabled, stateRef: listStateRef, isCheckable: isCheckable, mods: {
                         popover: true,
                     }, header: header, footer: footer, headerStyles: headerStyles, footerStyles: footerStyles, qa: `${props.qa || 'FilterPicker'}ListBox`, onEscape: close, onOptionClick: (key) => {
                         // For FilterPicker, clicking the content area should close the popover

package/es/components/fields/FilterPicker/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/Input/Input.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/Input/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/ListBox/ListBox.js

@@ -1,11 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useHover } from '@react-aria/interactions';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { forwardRef, useEffect, useMemo, useRef, } from 'react';
 import { useKeyboard, useListBox, useListBoxSection, useOption, } from 'react-aria';
@@ -14,7 +15,7 @@ import { useWarn } from '../../../_internal/hooks/use-warn';
 import { CheckIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
 import { BASE_STYLES, COLOR_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
-import { mergeProps, modAttrs, useCombinedRefs } from '../../../utils/react';
+import { mergeProps, useCombinedRefs } from '../../../utils/react';
 import { useFocus } from '../../../utils/react/interactions';
 // Import Menu styled components for header and footer
 import { StyledDivider, StyledFooter, StyledHeader, StyledSectionHeading, } from '../../actions/Menu/styled';
@@ -94,7 +95,6 @@ const OptionElement = tasty({
             disabled: 'not-allowed',
         },
         transition: 'theme',
-        outline: 0,
         border: 0,
         userSelect: 'none',
         color: {
@@ -106,14 +106,15 @@ const OptionElement = tasty({
         },
         fill: {
             '': '#clear',
-            focused: '#dark.03',
-            selected: '#dark.06',
-            'selected & focused': '#dark.09',
-            pressed: '#dark.06',
+            'hovered | focused': '#dark.03',
+            selected: '#dark.09',
+            'selected & (hovered | focused)': '#dark.12',
+            pressed: '#dark.09',
             valid: '#success-bg',
             invalid: '#danger-bg',
             disabled: '#clear',
         },
+        outline: 0,
         backgroundClip: 'padding-box',
         CheckboxWrapper: {
             cursor: 'pointer',
@@ -341,6 +342,9 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
             }
             return size === 'small' ? 33 : 41;
         },
+        measureElement: (el) => {
+            return el.offsetHeight + 1;
+        },
         overscan: 10,
     });
     // Trigger remeasurement when items change (for filtering scenarios)
@@ -382,7 +386,7 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
         footer,
         externalMods,
     ]);
-    const listBoxField = (_jsxs(ListBoxWrapperElement, { ref: ref, qa: qa || 'ListBox', ...modAttrs(mods), styles: styles, ...focusProps, children: [header ? (_jsx(StyledHeader, { styles: headerStyles, "data-size": size, children: header })) : (_jsx("div", { role: "presentation" })), _jsx(ListBoxScrollElement, { ref: scrollRef, children: _jsx(ListElement, { ...mergedListBoxProps, ref: listRef, styles: listStyles, "aria-disabled": isDisabled || undefined, mods: { sections: hasSections }, style: shouldVirtualize
+    const listBoxField = (_jsxs(ListBoxWrapperElement, { ref: ref, qa: qa || 'ListBox', mods: mods, styles: styles, ...focusProps, children: [header ? (_jsx(StyledHeader, { styles: headerStyles, "data-size": size, children: header })) : (_jsx("div", { role: "presentation" })), _jsx(ListBoxScrollElement, { ref: scrollRef, children: _jsx(ListElement, { ...mergedListBoxProps, ref: listRef, styles: listStyles, "aria-disabled": isDisabled || undefined, mods: { sections: hasSections }, style: shouldVirtualize
                         ? {
                             position: 'relative',
                             height: `${rowVirtualizer.getTotalSize() + 3}px`,
@@ -393,8 +397,7 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
                             return (_jsx(Option, { size: size, item: item, state: listState, styles: optionStyles, isParentDisabled: isDisabled, validationState: validationState, focusOnHover: focusOnHover, isCheckable: isCheckable, 
                                 // We don't need to measure the element here, because the height is already set by the virtualizer
                                 // This is a workaround to avoid glitches when selecting/deselecting items
-                                // virtualRef={rowVirtualizer.measureElement as any}
-                                virtualStyle: {
+                                virtualRef: rowVirtualizer.measureElement, virtualStyle: {
                                     position: 'absolute',
                                     top: 0,
                                     left: 0,
@@ -421,13 +424,14 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
                         })() }) }), footer ? (_jsx(StyledFooter, { styles: footerStyles, "data-size": size, children: footer })) : (_jsx("div", { role: "presentation" }))] }));
     return wrapWithField(listBoxField, ref, mergeProps({ ...props, styles: undefined }, {}));
 });
-function Option({ size = 'medium', item, state, styles, isParentDisabled, validationState, focusOnHover = true, isCheckable, onOptionClick, virtualStyle, virtualRef, virtualIndex, }) {
+function Option({ size = 'medium', item, state, styles, isParentDisabled, validationState, focusOnHover = false, isCheckable, onOptionClick, virtualStyle, virtualRef, virtualIndex, }) {
     const localRef = useRef(null);
     // Merge local ref with react-virtual measure ref when provided
     const combinedRef = useCombinedRefs(localRef, virtualRef);
     const isDisabled = isParentDisabled || state.disabledKeys.has(item.key);
     const isSelected = state.selectionManager.isSelected(item.key);
     const isFocused = state.selectionManager.focusedKey === item.key;
+    const { hoverProps, isHovered } = useHover({ isDisabled });
     const { optionProps, isPressed } = useOption({
         key: item.key,
         isDisabled,
@@ -468,7 +472,7 @@ function Option({ size = 'medium', item, state, styles, isParentDisabled, valida
             optionProps.onClick?.(e);
         }
     };
-    return (_jsxs(OptionElement, { id: `ListBoxItem-${String(item.key)}`, ...optionProps, ref: combinedRef, style: virtualStyle, "data-size": size, "data-index": virtualIndex, mods: {
+    return (_jsxs(OptionElement, { id: `ListBoxItem-${String(item.key)}`, ...mergeProps(optionProps, hoverProps), ref: combinedRef, style: virtualStyle, "data-size": size, "data-index": virtualIndex, mods: {
             selected: isSelected,
             focused: isFocused,
             disabled: isDisabled,
@@ -476,7 +480,7 @@ function Option({ size = 'medium', item, state, styles, isParentDisabled, valida
             valid: isSelected && validationState === 'valid',
             invalid: isSelected && validationState === 'invalid',
             checkable: isCheckable,
-            hovered: isFocused, // We'll treat focus as hover for the checkbox visibility
+            hovered: isHovered, // We'll treat focus as hover for the checkbox visibility
         }, styles: styles, onClick: handleOptionClick, children: [isCheckable && state.selectionManager.selectionMode === 'multiple' && (_jsx("div", { "data-element": "CheckboxWrapper", children: _jsx("div", { "data-element": "Checkbox", children: _jsx(CheckIcon, { size: 12, stroke: 3 }) }) })), _jsxs("div", { "data-element": "Content", children: [_jsx("div", { "data-element": "Label", children: item.rendered }), description ? (_jsx("div", { "data-element": "Description", children: description })) : null] })] }));
 }
 function ListBoxSection(props) {

package/es/components/fields/ListBox/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/NumberInput/StepButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/RadioGroup/Radio.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/RadioGroup/context.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/RadioGroup/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */
 

package/es/components/fields/SearchInput/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-3462d8e
+ * @cube-dev/ui-kit v0.0.0-canary-0e9f2c8
  * Released under the MIT license.
  */