@cube-dev/ui-kit 0.0.0-canary-1be35be → 0.0.0-canary-f2f75e5

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsList.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ export function NotificationsList(props) {
         children,
         ref,
     });
-    return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }, void 0));
+    return (_jsx(NotificationListContainer, { ref: ref, ...listProps, children: [...state.collection].map((item) => (_jsx(NotificationListItem, { item: item, state: state, onDismiss: onDismiss }, item.key))) }));
 }
 NotificationsList.Item = Item;
 

package/es/components/overlays/NewNotifications/NotificationsList/NotificationsListItem.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -23,7 +23,7 @@ export function NotificationListItem(props) {
     const ref = useRef(null);
     const onDismissEvent = useEvent(() => onDismiss?.(key));
     const { itemProps } = useNotificationListItem({ ref, key, state });
-    return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }, void 0) }, void 0));
+    return (_jsx(NotificationListItemWrap, { children: _jsx(NotificationView, { ref: ref, attributes: itemProps, ...notificationProps, isDismissible: !!onDismiss, onDismiss: onDismissEvent }) }));
 }
 
         

package/es/components/overlays/NewNotifications/NotificationsList/index.js

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

package/es/components/overlays/NewNotifications/NotificationsList/types.js

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

package/es/components/overlays/NewNotifications/hooks/index.js

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

package/es/components/overlays/NewNotifications/hooks/types.js

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

package/es/components/overlays/NewNotifications/hooks/use-notification-list-item.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-api.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-list.js

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

package/es/components/overlays/NewNotifications/hooks/use-notifications-observer.js

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

package/es/components/overlays/NewNotifications/index.js

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

package/es/components/overlays/NewNotifications/types.js

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

package/es/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -74,7 +74,7 @@ export function Notification(allProps) {
             Icon = InfoOutlined;
             break;
     }
-    return (_jsxs(NotificationElement, { ...props, "data-theme": theme, children: [_jsx("div", { "data-element": "Icon", children: _jsx(Icon, {}, void 0) }, void 0), _jsx(Block, { children: children }, void 0), _jsx(CloseButton, { onPress: onClose, children: _jsx(CloseOutlined, {}, void 0) }, void 0)] }, void 0));
+    return (_jsxs(NotificationElement, { ...props, "data-theme": theme, children: [_jsx("div", { "data-element": "Icon", children: _jsx(Icon, {}) }), _jsx(Block, { children: children }), _jsx(CloseButton, { onPress: onClose, children: _jsx(CloseOutlined, {}) })] }));
 }
 
         

package/es/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -24,8 +24,8 @@ export function OverlayWrapper({ isOpen, placement, minOffset, minScale, childre
     if (minOffset != null) {
         options.minOffset = minOffset;
     }
-    const contents = (_jsx(CSSTransition, { unmountOnExit: true, in: isOpen, timeout: 180, classNames: "cube-overlay-transition", children: _jsx(_Fragment, { children: children }, void 0) }, void 0));
-    return _jsx(Portal, { root: containerRef, children: contents }, void 0);
+    const contents = (_jsx(CSSTransition, { unmountOnExit: true, in: isOpen, timeout: 180, classNames: "cube-overlay-transition", children: _jsx(_Fragment, { children: children }) }));
+    return _jsx(Portal, { root: containerRef, children: contents });
 }
 
         

package/es/components/overlays/Toasts/Toast.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -25,13 +25,13 @@ export function Toast(props) {
     return null;
 }
 Toast.Success = function ToastSuccess(props) {
-    return _jsx(Toast, { type: "success", ...props }, void 0);
+    return _jsx(Toast, { type: "success", ...props });
 };
 Toast.Danger = function ToastDanger(props) {
-    return _jsx(Toast, { type: "danger", ...props }, void 0);
+    return _jsx(Toast, { type: "danger", ...props });
 };
 Toast.Attention = function ToastAttention(props) {
-    return _jsx(Toast, { type: "attention", ...props }, void 0);
+    return _jsx(Toast, { type: "attention", ...props });
 };
 
         

package/es/components/overlays/Toasts/index.js

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

package/es/components/overlays/Toasts/types.js

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

package/es/components/overlays/Toasts/use-toasts-api.js

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

package/es/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -93,7 +93,7 @@ function Tooltip(props, ref) {
     return (_jsxs(StyledTooltipElement, { ...tooltipProps, ...overlayProps, ref: overlayRef, styles: styles, mods: {
             open: isOpen,
             material: isMaterial,
-        }, "data-min-offset": minOffset, "data-min-scale": minScale, "data-placement": placement, children: [props.children, _jsx(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps }, void 0)] }, void 0));
+        }, "data-min-offset": minOffset, "data-min-scale": minScale, "data-placement": placement, children: [props.children, _jsx(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps })] }));
 }
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.

package/es/components/overlays/Tooltip/TooltipProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ function TooltipProvider(props) {
     useEffect(() => {
         setRendered(true);
     }, []);
-    return rendered ? (_jsxs(TooltipTrigger, { ...otherProps, children: [children, _jsx(Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title }, void 0)] }, void 0)) : (_jsx(_Fragment, { children: children }, void 0));
+    return rendered ? (_jsxs(TooltipTrigger, { ...otherProps, children: [children, _jsx(Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title })] })) : (_jsx(_Fragment, { children: children }));
 }
 let _TooltipProvider = TooltipProvider;
 export { _TooltipProvider as TooltipProvider };

package/es/components/overlays/Tooltip/TooltipTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -41,12 +41,12 @@ function TooltipTrigger(props) {
     });
     if (!activeWrap && typeof trigger === 'string') {
         console.warn('CubeUIKit: Tooltips are only supported on elements that are both focusable and hoverable. To solve this issue you can: 1) Use active element as a trigger (`Button`, `Link`, etc); 2) Use `activeWrap` attribute to automatically wrap the content; 3) Use `ActiveZone` component to manually wrap the content.');
-        return _jsx(Block, { children: trigger }, void 0);
+        return _jsx(Block, { children: trigger });
     }
     function onClick(e) {
         e?.currentTarget?.parentNode.click();
     }
-    return (_jsxs(FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? (_jsx(ActiveZone, { onClick: onClick, children: trigger }, void 0)) : (trigger), _jsx(TooltipContext.Provider, { value: {
+    return (_jsxs(FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? (_jsx(ActiveZone, { onClick: onClick, children: trigger })) : (trigger), _jsx(TooltipContext.Provider, { value: {
                     state,
                     placement,
                     ref: overlayRef,
@@ -56,7 +56,7 @@ function TooltipTrigger(props) {
                     minScale: '1',
                     isMaterial,
                     ...tooltipProps,
-                }, children: _jsx(OverlayWrapper, { isOpen: state.isOpen, placement: props.placement || 'top', children: tooltip }, void 0) }, void 0)] }, void 0));
+                }, children: _jsx(OverlayWrapper, { isOpen: state.isOpen, placement: props.placement || 'top', children: tooltip }) })] }));
 }
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing

package/es/components/overlays/Tooltip/context.js

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

package/es/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -15,17 +15,17 @@ import { useHover } from '@react-aria/interactions';
 import { useFilter } from '@react-aria/i18n';
 import { Item } from '@react-stately/collections';
 import { useOverlayPosition } from '@react-aria/overlays';
-import { useFormProps } from '../../forms/Form';
+import { useFieldProps } from '../../forms';
 import { useProviderProps } from '../../../provider';
 import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
 import { mergeProps, modAttrs, useCombinedRefs, useLayoutEffect, } from '../../../utils/react';
 import { FieldWrapper } from '../../forms/FieldWrapper';
 import { ListBoxPopup } from '../Select/Select';
-import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, } from '../../forms/TextInput/TextInputBase';
+import { DEFAULT_INPUT_STYLES, INPUT_WRAPPER_STYLES, } from '../../forms/TextInput';
 import { OverlayWrapper } from '../../overlays/OverlayWrapper';
 function CaretDownIcon() {
-    return (_jsx("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }, void 0) }, void 0));
+    return (_jsx("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M11.49 4.102H2.51c-.269 0-.42.284-.253.478l4.49 5.206a.342.342 0 00.506 0l4.49-5.206c.167-.194.016-.478-.253-.478z", fill: "currentColor" }) }));
 }
 const ComboBoxWrapperElement = tasty({
     styles: INPUT_WRAPPER_STYLES,
@@ -61,9 +61,15 @@ const TriggerElement = tasty({
         cursor: 'pointer',
     },
 });
-function ComboBox(props, ref) {
+export const ComboBox = forwardRef(function ComboBox(props, ref) {
     props = useProviderProps(props);
-    props = useFormProps(props);
+    props = useFieldProps(props, {
+        valuePropsMapper: ({ value, onChange }) => ({
+            inputValue: value != null ? value : '',
+            onInputChange: (val) => onChange(val, !props.allowsCustomValue),
+            onSelectionChange: onChange,
+        }),
+    });
     let { qa, label, extra, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, validationState, icon, prefix, isDisabled, multiLine, autoFocus, wrapperRef, inputRef, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, optionStyles, triggerStyles, suffix, listBoxStyles, overlayStyles, hideTrigger, message, description, size, autoComplete = 'off', direction = 'bottom', shouldFlip = true, requiredMark = true, menuTrigger = 'input', suffixPosition = 'before', loadingState, filter, styles, labelSuffix, ...otherProps } = props;
     let isAsync = loadingState != null;
     let { contains } = useFilter({ sensitivity: 'base' });
@@ -110,13 +116,13 @@ function ComboBox(props, ref) {
         }
     }, [updatePosition, state.isOpen, state.collection.size]);
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
+    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } })) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }));
     let validation = cloneElement(validationIcon);
     let comboBoxWidth = wrapperRef?.current?.offsetWidth;
     if (icon) {
-        icon = _jsx("div", { "data-element": "InputIcon", children: icon }, void 0);
+        icon = _jsx("div", { "data-element": "InputIcon", children: icon });
         if (prefix) {
-            prefix = (_jsxs(_Fragment, { children: [icon, prefix] }, void 0));
+            prefix = (_jsxs(_Fragment, { children: [icon, prefix] }));
         }
         else {
             prefix = icon;
@@ -142,13 +148,13 @@ function ComboBox(props, ref) {
     ]);
     let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: wrapperRef, qa: qa || 'ComboBox', ...modAttrs(mods), styles: outerStyles, style: {
             zIndex: isFocused ? 1 : 'initial',
-        }, "data-size": size, children: [_jsx(InputElement, { qa: "Input", ...mergeProps(inputProps, hoverProps, focusProps), ref: inputRef, autoComplete: autoComplete, styles: inputStyles, ...modAttrs(mods), "data-size": size }, void 0), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, validationState || isLoading ? (_jsxs(_Fragment, { children: [validationState && !isLoading ? validation : null, isLoading ? _jsx(LoadingOutlined, {}, void 0) : null] }, void 0)) : null, suffixPosition === 'after' ? suffix : null, !hideTrigger ? (_jsx(TriggerElement, { qa: "ComboBoxTrigger", ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
+        }, "data-size": size, children: [_jsx(InputElement, { qa: "Input", ...mergeProps(inputProps, hoverProps, focusProps), ref: inputRef, 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(LoadingOutlined, {}) : null] })) : null, suffixPosition === 'after' ? suffix : null, !hideTrigger ? (_jsx(TriggerElement, { qa: "ComboBoxTrigger", ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
                             pressed: isTriggerPressed,
                             focused: isTriggerFocused,
                             hovered: isTriggerHovered,
                             disabled: isDisabled,
                             loading: isLoading,
-                        }), ref: triggerRef, "data-size": size, isDisabled: isDisabled, styles: triggerStyles, children: _jsx(CaretDownIcon, {}, void 0) }, void 0)) : null] }, void 0), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...listBoxProps, shouldUseVirtualFocus: true, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }, void 0) }, void 0)] }, void 0));
+                        }), ref: triggerRef, "data-size": size, isDisabled: isDisabled, styles: triggerStyles, children: _jsx(CaretDownIcon, {}) })) : null] }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...listBoxProps, shouldUseVirtualFocus: true, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }) })] }));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,
@@ -166,11 +172,17 @@ function ComboBox(props, ref) {
             labelSuffix,
             Component: comboBoxField,
             ref: ref,
-        } }, void 0));
-}
-const _ComboBox = forwardRef(ComboBox);
-const __ComboBox = Object.assign(_ComboBox, { Item });
-__ComboBox.cubeInputType = 'ComboBox';
-export { __ComboBox as ComboBox };
+        } }));
+});
+ComboBox.Item = Item;
+/**
+ * @legacy should be removed with legacy <Field />
+ */
+Object.defineProperty(ComboBox, 'cubeInputType', {
+    enumerable: false,
+    configurable: false,
+    writable: false,
+    value: 'ComboBox',
+});
 
         

package/es/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -38,7 +38,7 @@ function Menu(props, ref) {
         },
     };
     useSyncRef(contextProps, domRef);
-    return (_jsxs(StyledMenu, { ...mergeProps(defaultProps, menuProps, filterBaseProps(completeProps)), ref: domRef, children: [header && _jsx(StyledMenuHeader, { children: header }, void 0), items.map((item) => {
+    return (_jsxs(StyledMenu, { ...mergeProps(defaultProps, menuProps, filterBaseProps(completeProps)), ref: domRef, children: [header && _jsx(StyledMenuHeader, { children: header }), items.map((item) => {
                 if (item.type === 'section') {
                     return (_jsx(MenuSection, { item: item, state: state, selectionIcon: selectionIcon, onAction: completeProps.onAction }, item.key));
                 }
@@ -47,7 +47,7 @@ function Menu(props, ref) {
                     menuItem = item.props.wrapper(menuItem);
                 }
                 return menuItem;
-            })] }, void 0));
+            })] }));
 }
 // forwardRef doesn't support generic parameters, so cast the result to the correct type
 // https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref

package/es/components/pickers/Menu/MenuButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -69,13 +69,13 @@ const RadioIcon = tasty({
         },
     },
 });
-const getPostfix = (postfix) => typeof postfix === 'string' ? (_jsx(Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix }, void 0)) : (postfix);
+const getPostfix = (postfix) => typeof postfix === 'string' ? (_jsx(Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix })) : (postfix);
 const getSelectionTypeIcon = (selectionIcon) => {
     switch (selectionIcon) {
         case 'checkbox':
-            return _jsx(CheckOutlined, {}, void 0);
+            return _jsx(CheckOutlined, {});
         case 'radio':
-            return _jsx(RadioIcon, {}, void 0);
+            return _jsx(RadioIcon, {});
         default:
             return undefined;
     }
@@ -91,7 +91,7 @@ export function MenuButton({ children, icon, postfix, ...props }) {
         selectable: isSelectable,
         selected: isSelected,
     };
-    return (_jsxs(Button, { type: "neutral", size: "small", styles: ACTION_BUTTON, ...props, icon: checkIcon, mods: mods, children: [icon && _jsx(Text, { color: "inherit", children: icon }, void 0), _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [_jsx(Text, { ellipsis: true, color: "inherit", children: children }, void 0), postfix && getPostfix(postfix)] }, void 0)] }, void 0));
+    return (_jsxs(Button, { type: "neutral", size: "small", styles: ACTION_BUTTON, ...props, icon: checkIcon, mods: mods, children: [icon && _jsx(Text, { color: "inherit", children: icon }), _jsxs(Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [_jsx(Text, { ellipsis: true, color: "inherit", children: children }), postfix && getPostfix(postfix)] })] }));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -42,7 +42,7 @@ export function MenuItem(props) {
             pressed: isPressed,
         },
     };
-    const contents = (_jsx(MenuButton, { ...mergeProps(itemProps, buttonProps), selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0));
+    const contents = (_jsx(MenuButton, { ...mergeProps(itemProps, buttonProps), selectionIcon: selectionIcon, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }));
     return (_jsx(FocusRing, { children: _jsx(StyledMenuItem, { ...mergeProps(menuItemProps, hoverProps), ref: ref, "data-qa": itemProps.qa ? `MenuItem-${itemProps.qa}` : `MenuItem-${key}`, mods: {
                 disabled: isDisabled,
                 selected: isSelected,
@@ -55,7 +55,7 @@ export function MenuItem(props) {
                         icon: { className: 'icon', size: 'S' },
                         description: { className: 'description', ...descriptionProps },
                         keyboard: { className: 'keyboard', ...keyboardShortcutProps },
-                    }, children: contents }, void 0) }, void 0) }, void 0) }, void 0));
+                    }, children: contents }) }) }) }));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -17,13 +17,13 @@ export function MenuSection(props) {
         heading,
         'aria-label': item['aria-label'],
     });
-    return (_jsx(_Fragment, { children: _jsxs(StyledMenuSection, { ...itemProps, children: [heading && (_jsx(StyledMenuSectionHeading, { ...headingProps, children: heading }, void 0)), _jsx(StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
+    return (_jsx(_Fragment, { children: _jsxs(StyledMenuSection, { ...itemProps, children: [heading && (_jsx(StyledMenuSectionHeading, { ...headingProps, children: heading })), _jsx(StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
                         let item = (_jsx(MenuItem, { item: node, state: state, onAction: onAction }, node.key));
                         if (node.props.wrapper) {
                             item = node.props.wrapper(item);
                         }
                         return item;
-                    }) }, void 0)] }, void 0) }, void 0));
+                    }) })] }) }));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-1be35be
+ * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
  * Released under the MIT license.
  */
 
@@ -67,16 +67,16 @@ function MenuTrigger(props, ref) {
             popover: !isMobile,
         },
     };
-    const contents = (_jsxs(_Fragment, { children: [_jsx(DismissButton, { onDismiss: state.close }, void 0), menu, _jsx(DismissButton, { onDismiss: state.close }, void 0)] }, void 0));
+    const contents = (_jsxs(_Fragment, { children: [_jsx(DismissButton, { onDismiss: state.close }), menu, _jsx(DismissButton, { onDismiss: state.close })] }));
     // On small screen devices, the menu is rendered in a tray, otherwise a popover.
     let overlay;
     if (isMobile) {
-        overlay = (_jsx(Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }, void 0));
+        overlay = (_jsx(Tray, { isOpen: state.isOpen, onClose: state.close, children: contents }));
     }
     else {
-        overlay = (_jsx(Popover, { ref: menuPopoverRef, hideArrow: true, isNonModal: true, isOpen: state.isOpen, style: positionProps.style, placement: placement, onClose: state.close, children: contents }, void 0));
+        overlay = (_jsx(Popover, { ref: menuPopoverRef, hideArrow: true, isNonModal: true, isOpen: state.isOpen, style: positionProps.style, placement: placement, onClose: state.close, children: contents }));
     }
-    return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: _jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }, void 0) }, void 0), _jsx(MenuContext.Provider, { value: menuContext, children: overlay }, void 0)] }, void 0));
+    return (_jsxs(Fragment, { children: [_jsx(SlotProvider, { slots: { actionButton: { holdAffordance: trigger === 'longPress' } }, children: _jsx(PressResponder, { ...menuTriggerProps, ref: menuTriggerRef, isPressed: state.isOpen, children: menuTrigger }) }), _jsx(MenuContext.Provider, { value: menuContext, children: overlay })] }));
 }
 /**
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,

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

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

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

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