@cube-dev/ui-kit 0.0.0-canary-c9d953f → 0.0.0-canary-da9a90b

package/es/components/other/CloudLogo/CloudLogo.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -29,7 +29,7 @@ const Button = styled.button((props) => {
 function CloudLogo(props, ref) {
     let domRef = useFocusableRef(ref);
     let { buttonProps } = useButton(cubeToAriaButtonProps(props), domRef);
-    return (_jsx(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, isLink: !!props.onPress, ref: domRef, label: "Logo", children: _jsxs("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }, void 0), _jsx("path", { d: "M22.533 11.029L19.154 13l-7.887-4.567-4.507 2.6-3.38-1.827 7.889-4.684 11.264 6.507z", fill: "#141446" }, void 0), _jsx("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }, void 0), _jsx("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }, void 0), _jsx("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }, void 0), _jsx("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }, void 0), _jsx("path", { d: "M36.594 21.099c2.446 0 4.36-1.21 5.503-3.067l-1.967-1.534c-.878 1.21-1.967 1.991-3.509 1.991-2.392 0-4.093-1.856-4.093-4.305 0-2.394 1.7-4.278 4.093-4.278 1.568 0 2.658.807 3.509 2.018l1.967-1.56c-1.117-1.857-3.03-3.067-5.503-3.067-3.854 0-6.91 3.013-6.91 6.887 0 3.902 3.056 6.915 6.91 6.915zM50.224 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM66.42 7.297c-1.807 0-3.376.7-4.36 1.91V.624h-2.79v20.18h2.605v-1.83c.983 1.345 2.658 2.125 4.572 2.125 3.694 0 6.38-2.96 6.38-6.888S70.14 7.297 66.42 7.297zm-.452 11.22c-1.94 0-3.934-1.292-3.934-4.306 0-2.986 1.967-4.332 3.934-4.332 2.233 0 3.987 1.75 3.987 4.305 0 2.556-1.727 4.332-3.987 4.332zM87.469 13.35c0-3.47-2.552-6.053-6.034-6.053-3.801 0-6.752 3.04-6.752 6.914 0 3.902 2.977 6.888 7.018 6.888 2.073 0 3.827-.807 5.21-2.125l-1.33-1.938c-1.09.969-2.286 1.56-3.8 1.56-2.234 0-3.882-1.29-4.254-3.47h9.729c.08-.35.213-1.05.213-1.776zm-6.14-3.659c1.78 0 3.296 1.157 3.349 3.229H77.58c.425-1.964 1.913-3.229 3.747-3.229zM101.014 21.099c2.445 0 4.359-1.21 5.502-3.067l-1.967-1.534c-.877 1.21-1.967 1.991-3.508 1.991-2.393 0-4.094-1.856-4.094-4.305 0-2.394 1.701-4.278 4.094-4.278 1.568 0 2.658.807 3.508 2.018l1.967-1.56c-1.116-1.857-3.03-3.067-5.502-3.067-3.854 0-6.911 3.013-6.911 6.887 0 3.902 3.057 6.915 6.911 6.915zM109.062 20.803h2.791V.624h-2.791v20.18zM121.417 21.099c3.881 0 6.938-3.067 6.938-6.915 0-3.847-3.057-6.887-6.938-6.887-3.854 0-6.884 3.013-6.884 6.887 0 3.848 3.03 6.915 6.884 6.915zm0-2.61c-2.312 0-4.04-1.83-4.04-4.278 0-2.475 1.728-4.332 4.067-4.332 2.286 0 4.04 1.857 4.04 4.332 0 2.422-1.754 4.278-4.067 4.278zM136.605 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM155.566.624v8.583c-.984-1.21-2.552-1.91-4.36-1.91-3.694 0-6.379 2.986-6.379 6.914 0 3.928 2.658 6.888 6.379 6.888 1.941 0 3.615-.807 4.572-2.18v1.884h2.605V.624h-2.817zm-3.881 17.892c-2.286 0-4.014-1.776-4.014-4.332s1.754-4.305 4.014-4.305c1.94 0 3.934 1.346 3.934 4.332 0 3.014-1.994 4.305-3.934 4.305z", fill: "#141446" }, void 0)] }, void 0) }, void 0));
+    return (_jsx(Button, { "data-qa": "HeaderCubeCloudLogo", ...buttonProps, isLink: !!props.onPress, ref: domRef, label: "Logo", children: _jsxs("svg", { width: "159", height: "26", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M22.533 6.535L11.27 0v4.522l11.264 6.507V6.535z", fill: "#FF6492" }), _jsx("path", { d: "M22.533 11.029L19.154 13l-7.887-4.567-4.507 2.6-3.38-1.827 7.889-4.684 11.264 6.507z", fill: "#141446" }), _jsx("path", { d: "M6.76 11.033L3.38 9.206V13l3.38-1.967z", fill: "#A14474" }), _jsx("path", { d: "M0 19.465L11.267 13l11.266 6.465L11.267 26 0 19.465z", fill: "#141446" }), _jsx("path", { d: "M22.533 14.978L11.267 8.362V13l11.266 6.465v-4.487z", fill: "#FF6492" }), _jsx("path", { d: "M3.38 13V9.205l7.889-4.683V0L0 6.535v12.93L11.267 13V8.362L3.38 13z", fill: "#7A77FF" }), _jsx("path", { d: "M36.594 21.099c2.446 0 4.36-1.21 5.503-3.067l-1.967-1.534c-.878 1.21-1.967 1.991-3.509 1.991-2.392 0-4.093-1.856-4.093-4.305 0-2.394 1.7-4.278 4.093-4.278 1.568 0 2.658.807 3.509 2.018l1.967-1.56c-1.117-1.857-3.03-3.067-5.503-3.067-3.854 0-6.91 3.013-6.91 6.887 0 3.902 3.056 6.915 6.91 6.915zM50.224 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM66.42 7.297c-1.807 0-3.376.7-4.36 1.91V.624h-2.79v20.18h2.605v-1.83c.983 1.345 2.658 2.125 4.572 2.125 3.694 0 6.38-2.96 6.38-6.888S70.14 7.297 66.42 7.297zm-.452 11.22c-1.94 0-3.934-1.292-3.934-4.306 0-2.986 1.967-4.332 3.934-4.332 2.233 0 3.987 1.75 3.987 4.305 0 2.556-1.727 4.332-3.987 4.332zM87.469 13.35c0-3.47-2.552-6.053-6.034-6.053-3.801 0-6.752 3.04-6.752 6.914 0 3.902 2.977 6.888 7.018 6.888 2.073 0 3.827-.807 5.21-2.125l-1.33-1.938c-1.09.969-2.286 1.56-3.8 1.56-2.234 0-3.882-1.29-4.254-3.47h9.729c.08-.35.213-1.05.213-1.776zm-6.14-3.659c1.78 0 3.296 1.157 3.349 3.229H77.58c.425-1.964 1.913-3.229 3.747-3.229zM101.014 21.099c2.445 0 4.359-1.21 5.502-3.067l-1.967-1.534c-.877 1.21-1.967 1.991-3.508 1.991-2.393 0-4.094-1.856-4.094-4.305 0-2.394 1.701-4.278 4.094-4.278 1.568 0 2.658.807 3.508 2.018l1.967-1.56c-1.116-1.857-3.03-3.067-5.502-3.067-3.854 0-6.911 3.013-6.911 6.887 0 3.902 3.057 6.915 6.911 6.915zM109.062 20.803h2.791V.624h-2.791v20.18zM121.417 21.099c3.881 0 6.938-3.067 6.938-6.915 0-3.847-3.057-6.887-6.938-6.887-3.854 0-6.884 3.013-6.884 6.887 0 3.848 3.03 6.915 6.884 6.915zm0-2.61c-2.312 0-4.04-1.83-4.04-4.278 0-2.475 1.728-4.332 4.067-4.332 2.286 0 4.04 1.857 4.04 4.332 0 2.422-1.754 4.278-4.067 4.278zM136.605 21.099c3.19 0 5.662-2.26 5.662-5.838V7.593h-2.791v7.883c0 1.856-1.276 3.013-2.871 3.013-1.648 0-2.95-1.157-2.95-3.013V7.593h-2.765v7.668c0 3.578 2.472 5.838 5.715 5.838zM155.566.624v8.583c-.984-1.21-2.552-1.91-4.36-1.91-3.694 0-6.379 2.986-6.379 6.914 0 3.928 2.658 6.888 6.379 6.888 1.941 0 3.615-.807 4.572-2.18v1.884h2.605V.624h-2.817zm-3.881 17.892c-2.286 0-4.014-1.776-4.014-4.332s1.754-4.305 4.014-4.305c1.94 0 3.934 1.346 3.934 4.332 0 3.014-1.994 4.305-3.934 4.305z", fill: "#141446" })] }) }));
 }
 const _CloudLogo = forwardRef(CloudLogo);
 export { _CloudLogo as CloudLogo };

package/es/components/overlays/AlertDialog/AlertDialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -45,13 +45,13 @@ function AlertDialog(props, ref) {
             ...(typeof cancelProps === 'object' ? cancelProps : null),
         }
         : undefined;
-    return (_jsxs(Dialog, { role: "alertdialog", ref: ref, isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0)) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content }, void 0)) : (content) }, void 0)) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { theme: danger ? 'danger' : undefined, autoFocus: true, ...confirmProps, onPress: (e) => {
-                                var _a, _b;
-                                return chain((_b = (_a = confirmProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('confirm'));
-                            } }, void 0), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => { var _a; return chain((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('secondary')); } }, void 0)), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => {
-                                var _a, _b;
-                                return chain((_b = (_a = cancelProps) === null || _a === void 0 ? void 0 : _a.onPress) === null || _b === void 0 ? void 0 : _b.call(_a, e), onClose === null || onClose === void 0 ? void 0 : onClose('cancel'));
-                            } }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
+    return (_jsxs(Dialog, { role: "alertdialog", ref: ref, isDismissable: false, ...otherProps, children: [title ? (_jsx(Header, { children: _jsx(Title, { children: title }) })) : null, content ? (_jsx(Content, { children: typeof content === 'string' ? (_jsx(Paragraph, { children: content })) : (content) })) : null, !noActions ? (_jsx(Footer, { children: _jsxs(ButtonGroup, { align: "end", children: [_jsx(Button, { theme: danger ? 'danger' : undefined, autoFocus: true, ...confirmProps, onPress: (e) => {
+                                var _a;
+                                return chain((_a = confirmProps === null || confirmProps === void 0 ? void 0 : confirmProps.onPress) === null || _a === void 0 ? void 0 : _a.call(confirmProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('confirm'));
+                            } }), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => { var _a; return chain((_a = secondaryProps === null || secondaryProps === void 0 ? void 0 : secondaryProps.onPress) === null || _a === void 0 ? void 0 : _a.call(secondaryProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('secondary')); } })), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => {
+                                var _a;
+                                return chain((_a = cancelProps === null || cancelProps === void 0 ? void 0 : cancelProps.onPress) === null || _a === void 0 ? void 0 : _a.call(cancelProps, e), onClose === null || onClose === void 0 ? void 0 : onClose('cancel'));
+                            } }))] }) })) : null] }));
 }
 /**
  * AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.

package/es/components/overlays/AlertDialog/AlertDialogApiProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -62,7 +62,7 @@ export function AlertDialogApiProvider(props) {
             return currentDialog.meta.promise;
         },
     }), []);
-    return (_jsxs(DialogApiContext.Provider, { value: api, children: [_jsx(AlertDialogZone, { openedDialog: openedDialog }, void 0), props.children] }, void 0));
+    return (_jsxs(DialogApiContext.Provider, { value: api, children: [_jsx(AlertDialogZone, { openedDialog: openedDialog }), props.children] }));
 }
 /**
  * Hook gives the ability to open `<AlertDialog />` imperatively.

package/es/components/overlays/AlertDialog/AlertDialogZone.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ export function AlertDialogZone(props) {
     })();
     return (_jsx(Portal, { children: _jsx(DialogContainer, { isOpen: isVisible, isDismissable: isDismissable, type: type, onDismiss: resolve, children: _jsx(AlertDialog, { noActions: dialogType === 'form', actions: _actions, isHidden: !isVisible, content: typeof content === 'function'
                     ? content({ resolve, reject })
-                    : content, ...options }, void 0) }, void 0) }, PORTAL_KEY));
+                    : content, ...options }) }) }, PORTAL_KEY));
 }
 
         

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

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

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

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

package/es/components/overlays/Dialog/Dialog.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -113,7 +113,7 @@ export const Dialog = forwardRef(function Dialog(props, ref) {
     // so we render a hidden one for screen readers.
     let dismissButton;
     if (type === 'popover' || type === 'tray') {
-        dismissButton = _jsx(DismissButton, { onDismiss: onDismiss }, void 0);
+        dismissButton = _jsx(DismissButton, { onDismiss: onDismiss });
     }
     // let hasHeader = useHasChild('[data-id="Header"]', domRef);
     // let hasFooter = useHasChild('[data-id="Footer"]', domRef);
@@ -160,7 +160,7 @@ export const Dialog = forwardRef(function Dialog(props, ref) {
                 dismissable: isDismissable,
             }, style: {
                 '--dialog-size': `${sizePxMap[size] || 288}px`,
-            }, "data-type": type, "data-size": size, ref: domRef, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || _jsx(CloseOutlined, {}, void 0), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() }, void 0)), children] }, void 0)] }, void 0) }, void 0));
+            }, "data-type": type, "data-size": size, ref: domRef, children: [dismissButton, _jsxs(SlotProvider, { slots: slots, children: [isDismissable && (_jsx(Button, { qa: "ModalCloseButton", type: "neutral", styles: CLOSE_BUTTON_STYLES, icon: closeIcon || _jsx(CloseOutlined, {}), label: formatMessage('dismiss'), onPress: () => onDismiss && onDismiss() })), children] })] }) }));
 });
 
         

package/es/components/overlays/Dialog/DialogContainer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ export function DialogContainer(props) {
         onClose: onDismiss,
         isDismissable,
     };
-    return (_jsx(Modal, { isOpen: isActuallyOpened, onClose: isDismissable ? onDismiss : undefined, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: _jsx(DialogContext.Provider, { value: context, children: child }, void 0) }, void 0));
+    return (_jsx(Modal, { isOpen: isActuallyOpened, onClose: isDismissable ? onDismiss : undefined, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: _jsx(DialogContext.Provider, { value: context, children: child }) }));
 }
 
         

package/es/components/overlays/Dialog/DialogForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -30,13 +30,13 @@ export const DialogForm = function DialogForm(props) {
             form === null || form === void 0 ? void 0 : form.resetFields();
         }
     }
-    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { children: title }, void 0) }, void 0), _jsx(Content, { children: _jsxs(Form, { qa: qa || 'DialogForm', form: form, name: name, onSubmit: async (data) => {
+    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { children: title }) }), _jsx(Content, { children: _jsxs(Form, { qa: qa || 'DialogForm', form: form, name: name, onSubmit: async (data) => {
                         await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(data));
                         onClose === null || onClose === void 0 ? void 0 : onClose();
                         if (!preserve) {
                             form === null || form === void 0 ? void 0 : form.resetFields();
                         }
-                    }, onSubmitFailed: onSubmitFailed, defaultValues: defaultValues, onValuesChange: onValuesChange, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? (_jsxs(ButtonGroup, { children: [_jsx(Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), _jsx(Button, { qa: `${qa || ''}CancelButton`, onPress: onLocalDismiss, label: "Cancel", ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0));
+                    }, onSubmitFailed: onSubmitFailed, defaultValues: defaultValues, onValuesChange: onValuesChange, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, children: [typeof children === 'function' ? children(onLocalDismiss) : children, !noActions ? (_jsxs(ButtonGroup, { children: [_jsx(Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }), _jsx(Button, { qa: `${qa || ''}CancelButton`, onPress: onLocalDismiss, label: "Cancel", ...(cancelProps || {}) })] })) : undefined] }) })] }));
 };
 
         

package/es/components/overlays/Dialog/DialogTrigger.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ function DialogTrigger(props) {
         }
     }
     if (type === 'popover') {
-        return (_jsx(PopoverTrigger, { ...positionProps, state: state, targetRef: targetRef, trigger: trigger, content: content, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow }, void 0));
+        return (_jsx(PopoverTrigger, { ...positionProps, state: state, targetRef: targetRef, trigger: trigger, content: content, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow }));
     }
     let renderOverlay = () => {
         switch (type) {
@@ -59,12 +59,12 @@ function DialogTrigger(props) {
             case 'fullscreen':
             case 'fullscreenTakeover':
             case 'modal':
-                return (_jsx(Modal, { isOpen: state.isOpen, isDismissable: isDismissable, onClose: onClose, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onExiting: onExiting, onExited: onExited, styles: styles, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+                return (_jsx(Modal, { isOpen: state.isOpen, isDismissable: isDismissable, onClose: onClose, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onExiting: onExiting, onExited: onExited, styles: styles, children: typeof content === 'function' ? content(state.close) : content }));
             case 'tray':
-                return (_jsx(Tray, { isOpen: state.isOpen, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+                return (_jsx(Tray, { isOpen: state.isOpen, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, children: typeof content === 'function' ? content(state.close) : content }));
         }
     };
-    return (_jsx(DialogTriggerBase, { type: type, state: state, onClose: onClose, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay() }, void 0));
+    return (_jsx(DialogTriggerBase, { type: type, state: state, onClose: onClose, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay() }));
 }
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
@@ -92,8 +92,8 @@ function PopoverTrigger(allProps) {
         ...triggerProps,
         ref: targetRef ? undefined : triggerRef,
     };
-    let overlay = (_jsx(Popover, { isOpen: state.isOpen, style: popoverProps.style, ref: overlayRef, onClose: onClose, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, children: typeof content === 'function' ? content(state.close) : content }, void 0));
-    return (_jsx(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, onClose: onClose, overlay: overlay }, void 0));
+    let overlay = (_jsx(Popover, { isOpen: state.isOpen, style: popoverProps.style, ref: overlayRef, onClose: onClose, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, children: typeof content === 'function' ? content(state.close) : content }));
+    return (_jsx(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, onClose: onClose, overlay: overlay }));
 }
 function DialogTriggerBase(props) {
     let { type, state, onClose, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger, } = props;
@@ -106,7 +106,7 @@ function DialogTriggerBase(props) {
     return (_jsxs(Fragment, { children: [_jsx(PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen &&
                     type !== 'modal' &&
                     type !== 'fullscreen' &&
-                    type !== 'fullscreenTakeover', children: trigger }, void 0), _jsx(DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
+                    type !== 'fullscreenTakeover', children: trigger }), _jsx(DialogContext.Provider, { value: context, children: overlay })] }));
 }
 
         

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

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

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

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

package/es/components/overlays/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -65,7 +65,7 @@ function Modal(props, ref) {
     let { qa, children, onClose, type, styles, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     let { overlayProps, underlayProps } = useOverlay(props, domRef);
-    return (_jsxs(Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && _jsx(Underlay, { ...underlayProps }, void 0), _jsx(ModalWrapper, { qa: qa, onClose: onClose, type: type, ref: domRef, overlayProps: overlayProps, styles: styles, children: children }, void 0)] }, void 0));
+    return (_jsxs(Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && _jsx(Underlay, { ...underlayProps }), _jsx(ModalWrapper, { qa: qa, onClose: onClose, type: type, ref: domRef, overlayProps: overlayProps, styles: styles, children: children })] }));
 }
 let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
     let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;
@@ -75,7 +75,7 @@ let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
     let style = {
         '--cube-visual-viewport-height': viewport.height + 'px',
     };
-    return (_jsx(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, style: style, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
+    return (_jsx(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, style: style, children: _jsx(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }) }));
 });
 let _Modal = forwardRef(Modal);
 export { _Modal as Modal };

package/es/components/overlays/Modal/OpenTransition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const OPEN_STATES = {
     entered: true,
 };
 export function OpenTransition(props) {
-    return (_jsx(Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => Children.map(props.children, (child) => child && cloneElement(child, { isOpen: !!OPEN_STATES[state] })) }, void 0));
+    return (_jsx(Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => Children.map(props.children, (child) => child && cloneElement(child, { isOpen: !!OPEN_STATES[state] })) }));
 }
 
         

package/es/components/overlays/Modal/Overlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -28,7 +28,7 @@ function Overlay(props, ref) {
         // Don't bother showing anything if we don't have to.
         return null;
     }
-    let contents = (_jsx(Provider, { ref: ref, children: _jsx(OpenTransition, { in: isOpen, appear: true, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }, void 0) }, void 0));
+    let contents = (_jsx(Provider, { ref: ref, children: _jsx(OpenTransition, { in: isOpen, appear: true, onExit: onExit, onExiting: onExiting, onExited: handleExited, onEnter: onEnter, onEntering: onEntering, onEntered: handleEntered, children: children }) }));
     return createPortal(contents, container || root || document.body);
 }
 let _Overlay = forwardRef(Overlay);

package/es/components/overlays/Modal/Popover.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -33,7 +33,7 @@ const PopoverElement = tasty({
 });
 function Popover(props, ref) {
     let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, ...otherProps } = props;
-    return (_jsx(Overlay, { ...otherProps, children: _jsx(PopoverWrapper, { qa: qa, ref: ref, style: style, styles: styles, placement: placement, arrowProps: arrowProps, onClose: onClose, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, children: children }, void 0) }, void 0));
+    return (_jsx(Overlay, { ...otherProps, children: _jsx(PopoverWrapper, { qa: qa, ref: ref, style: style, styles: styles, placement: placement, arrowProps: arrowProps, onClose: onClose, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, children: children }) }));
 }
 const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
     let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, ...otherProps } = props;
@@ -45,7 +45,7 @@ const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
     });
     return (_jsx(PopoverElement, { qa: qa || 'Popover', ...mergeProps(otherProps, overlayProps, modalProps), styles: styles, ref: ref, mods: {
             open: isOpen,
-        }, "data-placement": placement, style: style, children: children }, void 0));
+        }, "data-placement": placement, style: style, children: children }));
 });
 let _Popover = forwardRef(Popover);
 export { _Popover as Popover };

package/es/components/overlays/Modal/Tray.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -40,7 +40,7 @@ function Tray(props, ref) {
     let { qa, children, onClose, isFixedHeight, isNonModal, styles, ...otherProps } = props;
     let domRef = useDOMRef(ref);
     let { overlayProps, underlayProps } = useOverlay({ ...props, isDismissable: true }, domRef);
-    return (_jsxs(Overlay, { ...otherProps, children: [_jsx(Underlay, { ...underlayProps }, void 0), _jsx(TrayWrapper, { qa: qa, onClose: onClose, ref: domRef, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, children: children }, void 0)] }, void 0));
+    return (_jsxs(Overlay, { ...otherProps, children: [_jsx(Underlay, { ...underlayProps }), _jsx(TrayWrapper, { qa: qa, onClose: onClose, ref: domRef, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, children: children })] }));
 }
 let TrayWrapper = forwardRef(function (props, ref) {
     let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, ...otherProps } = props;
@@ -84,7 +84,7 @@ let TrayWrapper = forwardRef(function (props, ref) {
         }, style: wrapperStyle, children: _jsx(TrayElement, { qa: qa || 'Tray', styles: styles, mods: {
                 open: isOpen,
                 'fixed-height': isFixedHeight,
-            }, ...domProps, ...modalProps, ref: ref, children: children }, void 0) }, void 0));
+            }, ...domProps, ...modalProps, ref: ref, children: children }) }));
 });
 let _Tray = forwardRef(Tray);
 export { _Tray as Tray };

package/es/components/overlays/Modal/Underlay.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -34,7 +34,7 @@ const UnderlayElement = tasty({
 const Underlay = ({ isOpen, ...otherProps }, ref) => {
     return (_jsx(UnderlayElement, { ref: ref, mods: {
             open: isOpen,
-        }, ...otherProps }, void 0));
+        }, ...otherProps }));
 };
 let _Underlay = forwardRef(Underlay);
 export { _Underlay as Underlay };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * 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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * 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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * 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, { in: isOpen, unmountOnExit: true, timeout: 180, classNames: "cube-overlay-transition", children: children }, void 0));
-    return _jsx(Portal, { root: containerRef, children: contents }, void 0);
+    const contents = (_jsx(CSSTransition, { in: isOpen, unmountOnExit: true, timeout: 180, classNames: "cube-overlay-transition", children: children }));
+    return _jsx(Portal, { root: containerRef, children: contents });
 }
 
         

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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -93,7 +93,7 @@ function Tooltip(props, ref) {
     return (_jsxs(StyledTooltipElement, { ...tooltipProps, ...overlayProps, styles: styles, mods: {
             open: isOpen,
             material: isMaterial,
-        }, "data-min-offset": minOffset, "data-min-slale": minScale, "data-placement": placement, ref: overlayRef, children: [props.children, _jsx(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps }, void 0)] }, void 0));
+        }, "data-min-offset": minOffset, "data-min-slale": minScale, "data-placement": placement, ref: overlayRef, 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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * 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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -40,13 +40,13 @@ 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) {
         var _a;
         (_a = e === null || e === void 0 ? void 0 : e.currentTarget) === null || _a === void 0 ? void 0 : _a.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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * 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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -28,7 +28,7 @@ import { Item } from '@react-stately/collections';
 import { DEFAULT_INPUT_STYLES } from '../../forms/TextInput/TextInputBase';
 import { useOverlayPosition } from '@react-aria/overlays';
 import { OverlayWrapper } from '../../overlays/OverlayWrapper';
-const CaretDownIcon = () => (_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));
+const CaretDownIcon = () => (_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: {
         position: 'relative',
@@ -118,7 +118,7 @@ function ComboBox(props, ref) {
     let { hoverProps: triggerHoverProps, isHovered: isTriggerHovered } = useHover({ isDisabled });
     let { focusProps: triggerFocusProps, isFocused: isTriggerFocused } = useFocus({ isDisabled }, true);
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
+    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } })) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }));
     let validation = cloneElement(validationIcon);
     let comboBoxWidth = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     let comboBoxField = (_jsxs(ComboBoxWrapperElement, { ref: ref, qa: qa || 'ComboBox', ...modAttrs({
@@ -135,12 +135,12 @@ function ComboBox(props, ref) {
                     disabled: isDisabled,
                     hovered: isHovered,
                     focused: isFocused,
-                }), "data-size": size }, void 0), prefix ? (_jsx(Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix }, void 0)) : null, _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? (_jsxs(Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null, suffix, !hideTrigger ? (_jsx(TriggerElement, { ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
+                }), "data-size": size }), prefix ? (_jsx(Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix })) : null, _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? (_jsxs(Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {})] })) : null, suffix, !hideTrigger ? (_jsx(TriggerElement, { ...mergeProps(buttonProps, triggerFocusProps, triggerHoverProps), ...modAttrs({
                             pressed: isTriggerPressed,
                             focused: isTriggerFocused,
                             hovered: isTriggerHovered,
                             disabled: isDisabled,
-                        }), "data-size": size, isDisabled: isDisabled, ref: triggerRef, styles: triggerStyles, children: _jsx(CaretDownIcon, {}, void 0) }, void 0)) : null] }, void 0), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...listBoxProps, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, shouldUseVirtualFocus: true, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }, void 0) }, void 0)] }, void 0));
+                        }), "data-size": size, isDisabled: isDisabled, ref: triggerRef, styles: triggerStyles, children: _jsx(CaretDownIcon, {}) })) : null] }), _jsx(OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: _jsx(ListBoxPopup, { ...listBoxProps, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, shouldUseVirtualFocus: true, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }) })] }));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,
@@ -157,7 +157,7 @@ function ComboBox(props, ref) {
             requiredMark,
             Component: comboBoxField,
             ref: ref,
-        } }, void 0));
+        } }));
 }
 const _ComboBox = forwardRef(ComboBox);
 const __ComboBox = Object.assign(_ComboBox, { Item });

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-c9d953f
+ * @cube-dev/ui-kit v0.0.0-canary-da9a90b
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ function Menu(props, ref) {
         },
     };
     useSyncRef(contextProps, domRef);
-    return (_jsxs(StyledMenu, { ...mergeProps(menuProps, completeProps, baseProps), ref: domRef, children: [header && _jsx(StyledMenuHeader, { children: header }, void 0), items.map((item) => {
+    return (_jsxs(StyledMenu, { ...mergeProps(menuProps, completeProps, baseProps), ref: domRef, children: [header && _jsx(StyledMenuHeader, { children: header }), items.map((item) => {
                 if (item.type === 'section') {
                     return (_jsx(MenuSection, { item: item, state: state, onAction: completeProps.onAction }, item.key));
                 }
@@ -45,7 +45,7 @@ function Menu(props, ref) {
                     menuItem = item.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