@cube-dev/ui-kit 0.69.0 → 0.69.1

package/es/components/content/Tag/Tag.js

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

package/es/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * Released under the MIT license.
  */
 
@@ -242,7 +242,7 @@ export const ComboBox = forwardRef(function ComboBox(props, ref) {
     let allInputProps = useMemo(() => mergeProps(inputProps, hoverProps, focusProps), [inputProps, hoverProps, focusProps]);
     let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: wrapperRef, qa: qa || 'ComboBox', ...modAttrs(mods), styles: wrapperStyles, style: {
             zIndex: isFocused ? 1 : 'initial',
-        }, "data-size": size, children: [_jsx(InputElement, { ref: inputRef, qa: "Input", autoFocus: autoFocus, "data-autofocus": autoFocus ? '' : undefined, ...allInputProps, autoComplete: autoComplete, styles: inputStyles, ...modAttrs(mods), "data-size": size }), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState || isLoading ? (_jsxs(_Fragment, { children: [validationState && !isLoading ? validation : null, isLoading ? _jsx(LoadingIcon, {}) : null] })) : null, suffixPosition === 'after' ? suffix : null, !hideTrigger ? (_jsx(TriggerElement, { "data-menu-trigger": true, qa: "ComboBoxTrigger", ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
+        }, "data-size": size, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx(InputElement, { ref: inputRef, qa: "Input", autoFocus: autoFocus, "data-autofocus": autoFocus ? '' : undefined, ...allInputProps, autoComplete: autoComplete, styles: inputStyles, ...modAttrs(mods), "data-size": size }), _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState || isLoading ? (_jsxs(_Fragment, { children: [validationState && !isLoading ? validation : null, isLoading ? _jsx(LoadingIcon, {}) : null] })) : null, suffixPosition === 'after' ? suffix : null, !hideTrigger ? (_jsx(TriggerElement, { "data-menu-trigger": true, qa: "ComboBoxTrigger", ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
                             pressed: isTriggerPressed,
                             focused: isTriggerFocused,
                             hovered: isTriggerHovered,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * Released under the MIT license.
  */
 
@@ -26,6 +26,11 @@ const DateInputElement = tasty({
     role: 'presentation',
     styles: {
         ...DEFAULT_INPUT_STYLES,
+        height: {
+            '': '(@size-md - 2bw)',
+            '[data-size="small"]': '(@size-sm - 2bw)',
+            '[data-size="large"]': '(@size-lg - 2bw)',
+        },
         display: 'flex',
         flow: 'row',
         placeItems: 'center start',

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * Released under the MIT license.
  */
 
@@ -63,8 +63,8 @@ const SearchInputElement = tasty({
         ...DEFAULT_INPUT_STYLES,
         fill: '#clear',
         padding: {
-            '': '.5x 1.5x',
-            prefix: '.5x 1.5x .5x .5x',
+            '': '0 1.5x',
+            prefix: '0 1.5x 0 .5x',
         },
     },
 });
@@ -97,7 +97,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, focusOnHover, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, header, footer, size = 'medium', 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, shouldFocusWrap, labelSuffix, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, onSelectionChange: externalOnSelectionChange, allowsCustomValue = false, header, footer, size = 'medium', 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();
@@ -411,7 +411,7 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
                         if (newIndex >= 0 && newIndex < visibleKeys.length) {
                             nextKey = visibleKeys[newIndex];
                         }
-                        else {
+                        else if (shouldFocusWrap) {
                             // Wrap around
                             nextKey = isArrowDown
                                 ? visibleKeys[0]
@@ -509,6 +509,7 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
         focused: isFocused,
         loading: !!isLoading,
         searchable: true,
+        prefix: !!isLoading,
         ...externalMods,
     }), [
         isInvalid,
@@ -564,13 +565,13 @@ export const FilterListBox = forwardRef(function FilterListBox(props, ref) {
             onOptionClick(key);
         }
     };
-    const searchInput = (_jsxs(SearchWrapperElement, { mods: mods, "data-size": "small", children: [_jsx(SearchInputElement, { ref: searchInputRef, "data-is-prefix": isLoading ? '' : undefined, type: "search", placeholder: searchPlaceholder, value: searchValue, disabled: isDisabled, autoFocus: autoFocus, "data-autofocus": autoFocus ? '' : undefined, styles: searchInputStyles, "data-size": size, role: "combobox", "aria-expanded": "true", "aria-haspopup": "listbox", "aria-activedescendant": listStateRef.current?.selectionManager.focusedKey != null
+    const searchInput = (_jsxs(SearchWrapperElement, { mods: mods, "data-size": size, children: [isLoading && (_jsx("div", { "data-element": "Prefix", children: _jsx("div", { "data-element": "InputIcon", children: isLoading ? _jsx(LoadingIcon, {}) : null }) })), _jsx(SearchInputElement, { ref: searchInputRef, "data-is-prefix": isLoading ? '' : undefined, type: "search", placeholder: searchPlaceholder, value: searchValue, disabled: isDisabled, autoFocus: autoFocus, "data-autofocus": autoFocus ? '' : undefined, styles: searchInputStyles, "data-size": size, role: "combobox", "aria-expanded": "true", "aria-haspopup": "listbox", "aria-activedescendant": listStateRef.current?.selectionManager.focusedKey != null
                     ? `ListBoxItem-${listStateRef.current?.selectionManager.focusedKey}`
                     : undefined, onChange: (e) => {
                     const value = e.target.value;
                     setSearchValue(value);
-                }, ...keyboardProps, ...modAttrs(mods) }), isLoading && (_jsx("div", { "data-element": "Prefix", children: _jsx("div", { "data-element": "InputIcon", children: isLoading ? _jsx(LoadingIcon, {}) : null }) }))] }));
-    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: handleOptionClick, children: finalChildren }))] }));
+                }, ...keyboardProps, ...modAttrs(mods) })] }));
+    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, shouldFocusWrap: shouldFocusWrap, 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: handleOptionClick, 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * Released under the MIT license.
  */
 

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

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.69.0
+ * @cube-dev/ui-kit v0.69.1
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { forwardRef, useRef, useState, } from 'react';
+import { Children, cloneElement, forwardRef, useCallback, useEffect, useRef, useState, } from 'react';
+import { FocusScope, useKeyboard } from 'react-aria';
 import { Section as BaseSection, Item } from 'react-stately';
 import { useWarn } from '../../../_internal/hooks/use-warn';
 import { DirectionIcon } from '../../../icons';
@@ -43,7 +44,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 = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, children, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, 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 = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, 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', {
@@ -103,7 +104,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                 : []);
         const labels = [];
         const extractLabels = (nodes) => {
-            React.Children.forEach(nodes, (child) => {
+            Children.forEach(nodes, (child) => {
                 if (!child || typeof child !== 'object')
                     return;
                 if (child.type === Item) {
@@ -124,7 +125,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
         const processedKeys = new Set();
         // Modified extractLabels to track which keys we've processed
         const extractLabelsWithTracking = (nodes) => {
-            React.Children.forEach(nodes, (child) => {
+            Children.forEach(nodes, (child) => {
                 if (!child || typeof child !== 'object')
                     return;
                 if (child.type === Item) {
@@ -169,7 +170,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
             : null,
         multiple: (effectiveSelectedKeys ?? []).map(normalizeKeyValue),
     });
-    React.useEffect(() => {
+    useEffect(() => {
         latestSelectionRef.current = {
             single: effectiveSelectedKey != null
                 ? normalizeKeyValue(effectiveSelectedKey)
@@ -179,7 +180,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
     }, [effectiveSelectedKey, effectiveSelectedKeys]);
     const selectionsWhenClosed = useRef({ single: null, multiple: [] });
     // Function to sort children with selected items on top
-    const getSortedChildren = React.useCallback(() => {
+    const getSortedChildren = useCallback(() => {
         if (!children)
             return children;
         // When the popover is **closed** we don't want to trigger any resorting –
@@ -220,7 +221,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
         };
         // Helper function to sort children array
         const sortChildrenArray = (childrenArray) => {
-            const cloneWithNormalizedKey = (item) => React.cloneElement(item, {
+            const cloneWithNormalizedKey = (item) => cloneElement(item, {
                 key: normalizeKeyValue(item.key),
             });
             const selected = [];
@@ -256,7 +257,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                         }
                     });
                     // Create new section with sorted children, preserving React element properly
-                    unselected.push(React.cloneElement(child, {
+                    unselected.push(cloneElement(child, {
                         ...child.props,
                         children: [...selectedItems, ...unselectedItems],
                     }));
@@ -275,7 +276,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
             return [...selected, ...unselected];
         };
         // Sort the children
-        const childrenArray = React.Children.toArray(children);
+        const childrenArray = Children.toArray(children);
         const sortedChildren = sortChildrenArray(childrenArray);
         // Cache the sorted order when popover opens
         if (isPopoverOpen) {
@@ -292,16 +293,6 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
     // FilterListBox handles custom values internally when allowsCustomValue={true}
     // We only provide the sorted original children
     const finalChildren = getSortedChildren();
-    // Function to close popover and focus trigger button
-    const closeAndFocus = React.useCallback((close) => {
-        close();
-        // Use setTimeout to ensure the popover closes first, then focus the trigger
-        setTimeout(() => {
-            if (triggerRef.current) {
-                triggerRef.current.focus();
-            }
-        }, 0);
-    }, []);
     const renderTriggerContent = () => {
         // When there is a selection and a custom summary renderer is provided – use it.
         if (hasSelection && typeof renderSummary === 'function') {
@@ -341,7 +332,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
     // The trigger is rendered as a function so we can access the dialog state
     const renderTrigger = (state) => {
         // Track popover open/close state to control sorting
-        React.useEffect(() => {
+        useEffect(() => {
             if (state.isOpen !== isPopoverOpen) {
                 setIsPopoverOpen(state.isOpen);
                 if (!state.isOpen) {
@@ -352,64 +343,73 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                 }
             }
         }, [state.isOpen, isPopoverOpen]);
+        // Add keyboard support for arrow keys to open the popover
+        const { keyboardProps } = useKeyboard({
+            onKeyDown: (e) => {
+                if ((e.key === 'ArrowUp' || e.key === 'ArrowDown') && !state.isOpen) {
+                    e.preventDefault();
+                    state.open();
+                }
+            },
+        });
         return (_jsx(Button, { ref: triggerRef, qa: props.qa || 'FilterPicker', type: type, theme: validationState === 'invalid' ? 'danger' : theme, size: size, isDisabled: isDisabled, isLoading: isLoading, mods: {
                 placeholder: !hasSelection,
                 selected: hasSelection,
                 ...externalMods,
-            }, icon: icon, rightIcon: _jsx(DirectionIcon, { to: state.isOpen ? 'top' : 'bottom' }), styles: styles, ...otherProps, "aria-label": `${props['aria-label'] ?? props.label ?? ''}`, children: renderTriggerContent() }));
+            }, icon: icon, rightIcon: _jsx(DirectionIcon, { to: state.isOpen ? 'top' : 'bottom' }), styles: styles, ...otherProps, ...keyboardProps, "aria-label": `${props['aria-label'] ?? props.label ?? ''}`, children: renderTriggerContent() }));
     };
-    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, selectedKeys: selectionMode === 'multiple' ? effectiveSelectedKeys : undefined, disabledKeys: disabledKeys, focusOnHover: focusOnHover, allowsCustomValue: allowsCustomValue, selectionMode: selectionMode, validationState: validationState, isDisabled: isDisabled, stateRef: listStateRef, isCheckable: isCheckable, mods: {
-                        popover: true,
-                    }, size: size === 'small' ? 'medium' : size, header: header, footer: footer, headerStyles: headerStyles, footerStyles: footerStyles, qa: `${props.qa || 'FilterPicker'}ListBox`, onEscape: () => closeAndFocus(close), onOptionClick: (key) => {
-                        // For FilterPicker, clicking the content area should close the popover
-                        // in multiple selection mode (single mode already closes via onSelectionChange)
-                        if (selectionMode === 'multiple' && isCheckable) {
-                            closeAndFocus(close);
-                        }
-                    }, onSelectionChange: (selection) => {
-                        // No need to change any flags - children order is cached
-                        // Update internal state if uncontrolled
-                        if (selectionMode === 'single') {
-                            if (!isControlledSingle) {
-                                setInternalSelectedKey(selection);
+    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(FocusScope, { restoreFocus: true, children: _jsx(FilterListBox, { autoFocus: true, "aria-label": `${props['aria-label'] ?? props.label ?? ''} Picker`, selectedKey: selectionMode === 'single' ? effectiveSelectedKey : undefined, selectedKeys: selectionMode === 'multiple' ? effectiveSelectedKeys : undefined, disabledKeys: disabledKeys, focusOnHover: focusOnHover, shouldFocusWrap: shouldFocusWrap, allowsCustomValue: allowsCustomValue, selectionMode: selectionMode, validationState: validationState, isDisabled: isDisabled, stateRef: listStateRef, isCheckable: isCheckable, mods: {
+                            popover: true,
+                        }, size: size === 'small' ? 'medium' : size, 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
+                            // in multiple selection mode (single mode already closes via onSelectionChange)
+                            if (selectionMode === 'multiple' && isCheckable) {
+                                close();
                             }
-                        }
-                        else {
-                            if (!isControlledMultiple) {
-                                let normalized = selection;
+                        }, onSelectionChange: (selection) => {
+                            // No need to change any flags - children order is cached
+                            // Update internal state if uncontrolled
+                            if (selectionMode === 'single') {
+                                if (!isControlledSingle) {
+                                    setInternalSelectedKey(selection);
+                                }
+                            }
+                            else {
+                                if (!isControlledMultiple) {
+                                    let normalized = selection;
+                                    if (Array.isArray(selection)) {
+                                        normalized = processSelectionArray(selection);
+                                    }
+                                    else if (selection &&
+                                        typeof selection === 'object' &&
+                                        selection instanceof Set) {
+                                        normalized = processSelectionArray(selection);
+                                    }
+                                    setInternalSelectedKeys(normalized);
+                                }
+                            }
+                            // Update latest selection ref synchronously
+                            if (selectionMode === 'single') {
+                                latestSelectionRef.current.single = selection;
+                            }
+                            else {
                                 if (Array.isArray(selection)) {
-                                    normalized = processSelectionArray(selection);
+                                    latestSelectionRef.current.multiple = Array.from(new Set(processSelectionArray(selection)));
                                 }
                                 else if (selection &&
                                     typeof selection === 'object' &&
                                     selection instanceof Set) {
-                                    normalized = processSelectionArray(selection);
+                                    latestSelectionRef.current.multiple = Array.from(new Set(processSelectionArray(selection)));
+                                }
+                                else {
+                                    latestSelectionRef.current.multiple = selection;
                                 }
-                                setInternalSelectedKeys(normalized);
-                            }
-                        }
-                        // Update latest selection ref synchronously
-                        if (selectionMode === 'single') {
-                            latestSelectionRef.current.single = selection;
-                        }
-                        else {
-                            if (Array.isArray(selection)) {
-                                latestSelectionRef.current.multiple = Array.from(new Set(processSelectionArray(selection)));
-                            }
-                            else if (selection &&
-                                typeof selection === 'object' &&
-                                selection instanceof Set) {
-                                latestSelectionRef.current.multiple = Array.from(new Set(processSelectionArray(selection)));
                             }
-                            else {
-                                latestSelectionRef.current.multiple = selection;
+                            onSelectionChange?.(selection);
+                            if (selectionMode === 'single') {
+                                close();
                             }
-                        }
-                        onSelectionChange?.(selection);
-                        if (selectionMode === 'single') {
-                            closeAndFocus(close);
-                        }
-                    }, children: finalChildren }) }))] }));
+                        }, children: finalChildren }) }) }))] }));
     return wrapWithField(filterPickerField, ref, mergeProps({
         ...props,
         styles: undefined,

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * 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.69.0
+ * @cube-dev/ui-kit v0.69.1
  * Released under the MIT license.
  */