@cube-dev/ui-kit 0.84.0 → 0.85.1

package/es/components/fields/Picker/Picker.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.
  */
 
@@ -343,7 +343,6 @@ export const Picker = forwardRef(function Picker(props, ref) {
         });
         return (_jsx(ItemButton, { ref: triggerRef, "data-popover-trigger": true, id: id, qa: qa || 'PickerTrigger', type: type, theme: validationState === 'invalid' ? 'danger' : theme, size: size, isDisabled: isDisabled || isLoading, mods: {
                 placeholder: !hasSelection,
-                selected: hasSelection,
                 ...externalMods,
             }, icon: icon, rightIcon: isLoading ? (_jsx(LoadingIcon, {})) : rightIcon !== undefined ? (rightIcon) : showClearButton ? (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: size, theme: validationState === 'invalid' ? 'danger' : undefined, qa: "PickerClearButton", mods: { pressed: false }, onPress: clearValue })) : (_jsx(DirectionIcon, { to: state.isOpen ? 'top' : 'bottom' })), prefix: prefix, suffix: suffix, hotkeys: hotkeys, tooltip: triggerTooltip, description: triggerDescription, descriptionPlacement: descriptionPlacement, styles: styles, ...keyboardProps, "aria-label": `${props['aria-label'] ?? props.label ?? ''}`, children: renderTriggerContent() }));
     };
@@ -365,7 +364,7 @@ export const Picker = forwardRef(function Picker(props, ref) {
                                 ? effectiveSelectedKeys
                                 : undefined, listStyles: listStyles, optionStyles: optionStyles, sectionStyles: sectionStyles, headingStyles: headingStyles, listRef: listRef, disallowEmptySelection: disallowEmptySelection, disabledKeys: disabledKeys, focusOnHover: focusOnHover, shouldFocusWrap: shouldFocusWrap, selectionMode: selectionMode, validationState: validationState, isDisabled: isDisabled, isLoading: isLoading, stateRef: internalListStateRef, isCheckable: isCheckable, mods: {
                                 popover: true,
-                            }, size: size === 'small' ? 'medium' : size, showSelectAll: showSelectAll, selectAllLabel: selectAllLabel, header: header, footer: footer, headerStyles: headerStyles, footerStyles: footerStyles, qa: `${props.qa || 'Picker'}ListBox`, allValueProps: allValueProps, onEscape: () => close(), onOptionClick: (key) => {
+                            }, size: "medium", showSelectAll: showSelectAll, selectAllLabel: selectAllLabel, header: header, footer: footer, headerStyles: headerStyles, footerStyles: footerStyles, qa: `${props.qa || 'Picker'}ListBox`, allValueProps: allValueProps, onEscape: () => close(), onOptionClick: (key) => {
                                 // For Picker, clicking the content area should close the popover
                                 // in multiple selection mode (single mode already closes via onSelectionChange)
                                 if ((selectionMode === 'multiple' && isCheckable) ||

package/es/components/fields/Picker/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/fields/RadioGroup/Radio.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/fields/RadioGroup/RadioGroup.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/fields/RadioGroup/context.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/fields/RadioGroup/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/fields/SearchInput/SearchInput.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/fields/SearchInput/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/fields/Select/Select.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.
  */
 
@@ -13,6 +13,7 @@ import { useEvent } from '../../../_internal';
 import { CloseIcon, DirectionIcon, LoadingIcon } from '../../../icons/index';
 import { useProviderProps } from '../../../provider';
 import { BASE_STYLES, COLOR_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty/index';
+import { chainRaf } from '../../../utils/raf';
 import { generateRandomId } from '../../../utils/random';
 import { forwardRefWithGenerics, mergeProps, useCombinedRefs, useLayoutEffect, } from '../../../utils/react/index';
 import { useFocus } from '../../../utils/react/interactions';
@@ -77,13 +78,19 @@ const OptionItem = tasty(ItemBase, {
         '$inline-compensation': '0px',
     },
 });
-const OverlayElement = tasty({
+const SelectOverlayWrapper = tasty({
+    qa: 'SelectOverlayWrapper',
     styles: {
         position: 'absolute',
+        zIndex: 1000,
+    },
+});
+const OverlayElement = tasty({
+    styles: {
         width: 'min $overlay-min-width',
         display: 'grid',
         gridRows: '1sf',
-        height: 'initial max-content (50vh - $size)',
+        height: 'initial max-content (50vh - 5x)',
         overflow: 'auto',
         background: '#white',
         radius: '1cr',
@@ -215,7 +222,7 @@ function Select(props, ref) {
                 // Ensure this button never submits a surrounding form in tests or runtime
                 htmlType: "button", 
                 // Preserve visual variant via data attribute instead of conflicting with HTML attribute
-                type: type, mods: modifiers, prefix: prefix, suffix: suffix, icon: icon, rightIcon: rightIcon !== undefined ? (rightIcon) : showClearButton ? (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: size, theme: validationState === 'invalid' ? 'danger' : undefined, qa: "SelectClearButton", mods: { pressed: false }, onPress: clearValue })) : isLoading ? (_jsx(LoadingIcon, {})) : (_jsx(DirectionIcon, { to: state.isOpen ? 'up' : 'down' })), description: description, descriptionPlacement: descriptionPlacement, hotkeys: hotkeys, tooltip: tooltip, labelProps: valueProps, children: state.selectedItem
+                type: type, mods: modifiers, prefix: prefix, suffix: suffix, icon: icon, rightIcon: rightIcon !== undefined ? (rightIcon) : showClearButton ? (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), theme: validationState === 'invalid' ? 'danger' : undefined, qa: "SelectClearButton", mods: { pressed: false }, onPress: clearValue })) : isLoading ? (_jsx(LoadingIcon, {})) : (_jsx(DirectionIcon, { to: state.isOpen ? 'up' : 'down' })), description: description, descriptionPlacement: descriptionPlacement, hotkeys: hotkeys, tooltip: tooltip, labelProps: valueProps, children: state.selectedItem
                     ? state.selectedItem.rendered
                     : placeholder || _jsx(_Fragment, { children: "\u00A0" }) }), _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, updatePosition: updatePosition, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth, triggerRef: triggerRef, isDisabled: isDisabled })] }));
     return wrapWithField(selectField, ref, mergeProps({
@@ -229,15 +236,14 @@ export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, ove
     const listItemSize = size === 'small' ? 'medium' : size;
     // Update position when overlay opens
     useLayoutEffect(() => {
-        if (state.isOpen) {
-            // Use double RAF to ensure layout is complete before positioning
-            requestAnimationFrame(() => {
-                requestAnimationFrame(() => {
-                    updatePosition?.();
-                });
-            });
+        if (state.isOpen && updatePosition) {
+            // Use triple RAF to ensure layout is complete before positioning
+            // This gives enough time for the DisplayTransition and content to render
+            return chainRaf(() => {
+                updatePosition();
+            }, 3);
         }
-    }, [state.isOpen, updatePosition]);
+    }, [state.isOpen]);
     // Get props for the listbox
     let { listBoxProps } = useListBox({
         autoFocus: state.focusStrategy || true,
@@ -269,31 +275,27 @@ export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, ove
     // trigger when the popup is closed. In addition, add hidden
     // <DismissButton> components at the start and end of the list
     // to allow screen reader users to dismiss the popup easily.
-    return (_jsx(Portal, { children: _jsx(DisplayTransition, { isShown: state.isOpen && !isDisabled, children: ({ phase, isShown, ref: transitionRef }) => (_jsx(OverlayElement, { ...overlayProps, ...parentOverlayProps, ref: (value) => {
-                    transitionRef(value);
-                    popoverRef.current = value;
-                }, "data-placement": placementDirection, "data-phase": phase, mods: {
-                    open: isShown,
-                }, styles: overlayStyles, style: {
-                    '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',
-                    ...parentOverlayProps?.style,
-                }, children: _jsxs(FocusScope, { restoreFocus: true, children: [_jsx(DismissButton, { onDismiss: () => state.close() }), (() => {
-                            const renderedItems = [];
-                            let isFirstSection = true;
-                            for (const item of state.collection) {
-                                if (item.type === 'section') {
-                                    if (!isFirstSection) {
-                                        renderedItems.push(_jsx(ListDivider, { as: "li", role: "separator", "aria-orientation": "horizontal" }, `divider-${String(item.key)}`));
+    return (_jsx(Portal, { children: _jsx(DisplayTransition, { isShown: state.isOpen && !isDisabled, children: ({ phase, isShown, ref: transitionRef }) => (_jsx(SelectOverlayWrapper, { ...overlayProps, ...parentOverlayProps, ref: popoverRef, style: parentOverlayProps?.style, children: _jsx(OverlayElement, { ref: transitionRef, "data-placement": placementDirection, "data-phase": phase, mods: {
+                        open: isShown,
+                    }, styles: overlayStyles, style: {
+                        '--overlay-min-width': minWidth ? `${minWidth}px` : 'initial',
+                    }, children: _jsxs(FocusScope, { restoreFocus: true, children: [_jsx(DismissButton, { onDismiss: () => state.close() }), (() => {
+                                const renderedItems = [];
+                                let isFirstSection = true;
+                                for (const item of state.collection) {
+                                    if (item.type === 'section') {
+                                        if (!isFirstSection) {
+                                            renderedItems.push(_jsx(ListDivider, { as: "li", role: "separator", "aria-orientation": "horizontal" }, `divider-${String(item.key)}`));
+                                        }
+                                        renderedItems.push(_jsx(SelectSection, { item: item, state: state, optionStyles: optionStyles, sectionStyles: undefined, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
+                                        isFirstSection = false;
+                                    }
+                                    else {
+                                        renderedItems.push(_jsx(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
                                     }
-                                    renderedItems.push(_jsx(SelectSection, { item: item, state: state, optionStyles: optionStyles, sectionStyles: undefined, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
-                                    isFirstSection = false;
-                                }
-                                else {
-                                    renderedItems.push(_jsx(Option, { item: item, state: state, styles: optionStyles, shouldUseVirtualFocus: shouldUseVirtualFocus, size: listItemSize }, item.key));
                                 }
-                            }
-                            return (_jsx(ListBoxElement, { styles: listBoxStyles, ...listBoxProps, ref: listBoxRef, children: renderedItems }));
-                        })(), _jsx(DismissButton, { onDismiss: () => state.close() })] }) })) }) }));
+                                return (_jsx(ListBoxElement, { styles: listBoxStyles, ...listBoxProps, ref: listBoxRef, children: renderedItems }));
+                            })(), _jsx(DismissButton, { onDismiss: () => state.close() })] }) }) })) }) }));
 }
 function Option({ item, state, styles, shouldUseVirtualFocus, size }) {
     let ref = useRef(null);

package/es/components/fields/Select/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/fields/Slider/Gradation.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/fields/Slider/Header.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/fields/Slider/RangeSlider.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/fields/Slider/Slider.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/fields/Slider/SliderBase.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/fields/Slider/SliderInput.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/fields/Slider/SliderThumb.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/fields/Slider/SliderTrack.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/fields/Slider/elements.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/fields/Slider/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/fields/Slider/types.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/fields/Switch/Switch.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/fields/Switch/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/fields/TextArea/TextArea.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/fields/TextArea/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/fields/TextInput/TextInput.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/fields/TextInput/TextInputBase.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/fields/TextInput/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/fields/TextInputMapper/TextInputMapper.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/fields/TextInputMapper/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/fields/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.
  */
 
@@ -19,7 +19,6 @@ export * from './Slider';
 export * from './Switch/Switch';
 export * from './Select';
 export * from './ComboBox';
-export * from './LegacyComboBox';
 export * from './ListBox';
 export * from './FilterListBox';
 export * from './FilterPicker';

package/es/components/form/FieldWrapper/FieldWrapper.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/form/FieldWrapper/extract-field-wrapper-props.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/form/FieldWrapper/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/form/FieldWrapper/types.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/form/Form/Field.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/form/Form/Form.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/form/Form/ResetButton/ResetButton.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/form/Form/ResetButton/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/form/Form/SubmitButton/SubmitButton.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/form/Form/SubmitButton/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/form/Form/SubmitError.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/form/Form/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/form/Form/types.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/form/Form/use-field/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/form/Form/use-field/types.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/form/Form/use-field/use-field-props.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/form/Form/use-field/use-field.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.
  */
 
@@ -133,6 +133,8 @@ export function useField(props, params) {
                     ? 'valid'
                     : undefined),
         ...(isRequired && { isRequired }),
+        isInvalid: field?.status === 'invalid',
+        isValid: field?.status === 'valid',
         message: message !== undefined
             ? message
             : field?.status === 'invalid' && field?.errors?.[0],