@cube-dev/ui-kit 0.0.0-canary-67120ec → 0.0.0-canary-3443cc5

package/cjs/components/overlays/Dialog/Dialog.js

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -35,7 +35,7 @@ function DialogContainer(props) {
         onClose: onDismiss,
         isDismissable,
     };
-    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { isOpen: isActuallyOpened, onClose: isDismissable ? onDismiss : undefined, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: child }) }));
+    return ((0, jsx_runtime_1.jsx)(Modal_1.Modal, { isOpen: isActuallyOpened, onClose: isDismissable ? onDismiss : undefined, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, children: (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: child }, void 0) }, void 0));
 }
 exports.DialogContainer = DialogContainer;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -33,13 +33,13 @@ const DialogForm = function DialogForm(props) {
             form === null || form === void 0 ? void 0 : form.resetFields();
         }
     }
-    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }) }), (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsxs)(Form_1.Form, { qa: qa || 'DialogForm', form: form, name: name, onSubmit: async (data) => {
+    return ((0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [(0, jsx_runtime_1.jsx)(Header_1.Header, { children: (0, jsx_runtime_1.jsx)(Title_1.Title, { children: title }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Content_1.Content, { children: (0, jsx_runtime_1.jsxs)(Form_1.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 ? ((0, jsx_runtime_1.jsxs)(actions_2.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(Submit_1.Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }), (0, jsx_runtime_1.jsx)(actions_1.Button, { qa: `${qa || ''}CancelButton`, onPress: onLocalDismiss, label: "Cancel", ...(cancelProps || {}) })] })) : undefined] }) })] }));
+                    }, 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 ? ((0, jsx_runtime_1.jsxs)(actions_2.ButtonGroup, { children: [(0, jsx_runtime_1.jsx)(Submit_1.Submit, { qa: `${qa || ''}SubmitButton`, theme: danger ? 'danger' : undefined, label: "Submit", ...(submitProps || {}) }, void 0), (0, jsx_runtime_1.jsx)(actions_1.Button, { qa: `${qa || ''}CancelButton`, onPress: onLocalDismiss, label: "Cancel", ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0));
 };
 exports.DialogForm = DialogForm;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -54,7 +54,7 @@ function DialogTrigger(props) {
         }
     }
     if (type === 'popover') {
-        return ((0, jsx_runtime_1.jsx)(PopoverTrigger, { ...positionProps, state: state, targetRef: targetRef, trigger: trigger, content: content, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow }));
+        return ((0, jsx_runtime_1.jsx)(PopoverTrigger, { ...positionProps, state: state, targetRef: targetRef, trigger: trigger, content: content, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow }, void 0));
     }
     let renderOverlay = () => {
         switch (type) {
@@ -62,12 +62,12 @@ function DialogTrigger(props) {
             case 'fullscreen':
             case 'fullscreenTakeover':
             case 'modal':
-                return ((0, jsx_runtime_1.jsx)(Modal_1.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 }));
+                return ((0, jsx_runtime_1.jsx)(Modal_1.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));
             case 'tray':
-                return ((0, jsx_runtime_1.jsx)(Modal_1.Tray, { isOpen: state.isOpen, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, children: typeof content === 'function' ? content(state.close) : content }));
+                return ((0, jsx_runtime_1.jsx)(Modal_1.Tray, { isOpen: state.isOpen, onClose: onClose, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, children: typeof content === 'function' ? content(state.close) : content }, void 0));
         }
     };
-    return ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: type, state: state, onClose: onClose, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay() }));
+    return ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: type, state: state, onClose: onClose, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay() }, void 0));
 }
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
@@ -95,8 +95,8 @@ function PopoverTrigger(allProps) {
         ...triggerProps,
         ref: targetRef ? undefined : triggerRef,
     };
-    let overlay = ((0, jsx_runtime_1.jsx)(Modal_1.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 ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, onClose: onClose, overlay: overlay }));
+    let overlay = ((0, jsx_runtime_1.jsx)(Modal_1.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 ((0, jsx_runtime_1.jsx)(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, onClose: onClose, overlay: overlay }, void 0));
 }
 function DialogTriggerBase(props) {
     let { type, state, onClose, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger, } = props;
@@ -109,7 +109,7 @@ function DialogTriggerBase(props) {
     return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(interactions_1.PressResponder, { ...triggerProps, onPress: state.toggle, isPressed: state.isOpen &&
                     type !== 'modal' &&
                     type !== 'fullscreen' &&
-                    type !== 'fullscreenTakeover', children: trigger }), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay })] }));
+                    type !== 'fullscreenTakeover', children: trigger }, void 0), (0, jsx_runtime_1.jsx)(context_1.DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
 }
 
         

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

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

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

@@ -1,18 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/overlays/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -68,7 +68,7 @@ function Modal(props, ref) {
     let { qa, children, onClose, type, styles, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     let { overlayProps, underlayProps } = (0, overlays_1.useOverlay)(props, domRef);
-    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && (0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }), (0, jsx_runtime_1.jsx)(ModalWrapper, { qa: qa, onClose: onClose, type: type, ref: domRef, overlayProps: overlayProps, styles: styles, children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && (0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }, void 0), (0, jsx_runtime_1.jsx)(ModalWrapper, { qa: qa, onClose: onClose, type: type, ref: domRef, overlayProps: overlayProps, styles: styles, children: children }, void 0)] }, void 0));
 }
 let ModalWrapper = (0, react_1.forwardRef)(function ModalWrapper(props, ref) {
     let { qa, children, isOpen, type, placement, styles, overlayProps, ...otherProps } = props;
@@ -78,7 +78,7 @@ let ModalWrapper = (0, react_1.forwardRef)(function ModalWrapper(props, ref) {
     let style = {
         '--cube-visual-viewport-height': viewport.height + 'px',
     };
-    return ((0, jsx_runtime_1.jsx)(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, style: style, children: (0, jsx_runtime_1.jsx)(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...(0, react_2.mergeProps)(otherProps, overlayProps, modalProps), ref: ref, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(ModalWrapperElement, { mods: { open: isOpen }, "data-type": type, "data-placement": placement, style: style, children: (0, jsx_runtime_1.jsx)(ModalElement, { qa: qa || 'Modal', styles: styles, mods: { open: isOpen }, "data-type": type, "data-placement": placement, ...(0, react_2.mergeProps)(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
 });
 let _Modal = (0, react_1.forwardRef)(Modal);
 exports.Modal = _Modal;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -19,7 +19,7 @@ const OPEN_STATES = {
     entered: true,
 };
 function OpenTransition(props) {
-    return ((0, jsx_runtime_1.jsx)(Transition_1.default, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => react_1.Children.map(props.children, (child) => child && (0, react_1.cloneElement)(child, { isOpen: !!OPEN_STATES[state] })) }));
+    return ((0, jsx_runtime_1.jsx)(Transition_1.default, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => react_1.Children.map(props.children, (child) => child && (0, react_1.cloneElement)(child, { isOpen: !!OPEN_STATES[state] })) }, void 0));
 }
 exports.OpenTransition = OpenTransition;
 

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ const PopoverElement = (0, tasty_1.tasty)({
 });
 function Popover(props, ref) {
     let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, ...otherProps } = props;
-    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { ...otherProps, children: (0, jsx_runtime_1.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 }) }));
+    return ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { ...otherProps, children: (0, jsx_runtime_1.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));
 }
 const PopoverWrapper = (0, react_2.forwardRef)(function PopoverWrapper(props, ref) {
     let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, ...otherProps } = props;
@@ -48,7 +48,7 @@ const PopoverWrapper = (0, react_2.forwardRef)(function PopoverWrapper(props, re
     });
     return ((0, jsx_runtime_1.jsx)(PopoverElement, { qa: qa || 'Popover', ...(0, react_1.mergeProps)(otherProps, overlayProps, modalProps), styles: styles, ref: ref, mods: {
             open: isOpen,
-        }, "data-placement": placement, style: style, children: children }));
+        }, "data-placement": placement, style: style, children: children }, void 0));
 });
 let _Popover = (0, react_2.forwardRef)(Popover);
 exports.Popover = _Popover;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -43,7 +43,7 @@ function Tray(props, ref) {
     let { qa, children, onClose, isFixedHeight, isNonModal, styles, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     let { overlayProps, underlayProps } = (0, overlays_1.useOverlay)({ ...props, isDismissable: true }, domRef);
-    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [(0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }), (0, jsx_runtime_1.jsx)(TrayWrapper, { qa: qa, onClose: onClose, ref: domRef, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, children: children })] }));
+    return ((0, jsx_runtime_1.jsxs)(Overlay_1.Overlay, { ...otherProps, children: [(0, jsx_runtime_1.jsx)(Underlay_1.Underlay, { ...underlayProps }, void 0), (0, jsx_runtime_1.jsx)(TrayWrapper, { qa: qa, onClose: onClose, ref: domRef, overlayProps: overlayProps, isFixedHeight: isFixedHeight, isNonModal: isNonModal, styles: styles, children: children }, void 0)] }, void 0));
 }
 let TrayWrapper = (0, react_1.forwardRef)(function (props, ref) {
     let { qa, children, isOpen, styles, isFixedHeight, isNonModal, overlayProps, ...otherProps } = props;
@@ -87,7 +87,7 @@ let TrayWrapper = (0, react_1.forwardRef)(function (props, ref) {
         }, style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(TrayElement, { qa: qa || 'Tray', styles: styles, mods: {
                 open: isOpen,
                 'fixed-height': isFixedHeight,
-            }, ...domProps, ...modalProps, ref: ref, children: children }) }));
+            }, ...domProps, ...modalProps, ref: ref, children: children }, void 0) }, void 0));
 });
 let _Tray = (0, react_1.forwardRef)(Tray);
 exports.Tray = _Tray;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ const UnderlayElement = (0, tasty_1.tasty)({
 const Underlay = ({ isOpen, ...otherProps }, ref) => {
     return ((0, jsx_runtime_1.jsx)(UnderlayElement, { ref: ref, mods: {
             open: isOpen,
-        }, ...otherProps }));
+        }, ...otherProps }, void 0));
 };
 let _Underlay = (0, react_1.forwardRef)(Underlay);
 exports.Underlay = _Underlay;

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

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

package/cjs/components/overlays/Notification/Notification.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -80,7 +80,7 @@ function Notification(allProps) {
             Icon = icons_1.InfoOutlined;
             break;
     }
-    return ((0, jsx_runtime_1.jsxs)(NotificationElement, { ...props, "data-theme": theme, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Icon", children: (0, jsx_runtime_1.jsx)(Icon, {}) }), (0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }), (0, jsx_runtime_1.jsx)(CloseButton, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}) })] }));
+    return ((0, jsx_runtime_1.jsxs)(NotificationElement, { ...props, "data-theme": theme, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Icon", children: (0, jsx_runtime_1.jsx)(Icon, {}, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Block_1.Block, { children: children }, void 0), (0, jsx_runtime_1.jsx)(CloseButton, { onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, {}, void 0) }, void 0)] }, void 0));
 }
 exports.Notification = Notification;
 

package/cjs/components/overlays/OverlayWrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -27,8 +27,8 @@ function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, cont
     if (minOffset != null) {
         options.minOffset = minOffset;
     }
-    const contents = ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { in: isOpen, unmountOnExit: true, timeout: 180, classNames: "cube-overlay-transition", children: children }));
-    return (0, jsx_runtime_1.jsx)(portal_1.Portal, { root: containerRef, children: contents });
+    const contents = ((0, jsx_runtime_1.jsx)(react_transition_group_1.CSSTransition, { in: isOpen, unmountOnExit: true, timeout: 180, classNames: "cube-overlay-transition", children: children }, void 0));
+    return (0, jsx_runtime_1.jsx)(portal_1.Portal, { root: containerRef, children: contents }, void 0);
 }
 exports.OverlayWrapper = OverlayWrapper;
 

package/cjs/components/overlays/Tooltip/Tooltip.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -99,7 +99,7 @@ function Tooltip(props, ref) {
     return ((0, jsx_runtime_1.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, (0, jsx_runtime_1.jsx)(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps })] }));
+        }, "data-min-offset": minOffset, "data-min-slale": minScale, "data-placement": placement, ref: overlayRef, children: [props.children, (0, jsx_runtime_1.jsx)(TooltipTipElement, { "data-placement": placement, styles: tipStyles, ...arrowProps }, void 0)] }, void 0));
 }
 /**
  * Display container for Tooltip content. Has a directional arrow dependent on its placement.

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ function TooltipProvider(props) {
     (0, react_1.useEffect)(() => {
         setRendered(true);
     });
-    return rendered ? ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { ...otherProps, children: [children, (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title })] })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "children" }));
+    return rendered ? ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { ...otherProps, children: [children, (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { styles: tooltipStyles, ...(width ? { width } : null), children: title }, void 0)] }, void 0)) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "children" }, void 0));
 }
 let _TooltipProvider = TooltipProvider;
 exports.TooltipProvider = _TooltipProvider;

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -43,13 +43,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 (0, jsx_runtime_1.jsx)(Block_1.Block, { children: trigger });
+        return (0, jsx_runtime_1.jsx)(Block_1.Block, { children: trigger }, void 0);
     }
     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 ((0, jsx_runtime_1.jsxs)(focus_1.FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? ((0, jsx_runtime_1.jsx)(ActiveZone_1.ActiveZone, { onClick: onClick, children: trigger })) : (trigger), (0, jsx_runtime_1.jsx)(context_1.TooltipContext.Provider, { value: {
+    return ((0, jsx_runtime_1.jsxs)(focus_1.FocusableProvider, { ...triggerProps, ref: tooltipTriggerRef, children: [activeWrap ? ((0, jsx_runtime_1.jsx)(ActiveZone_1.ActiveZone, { onClick: onClick, children: trigger }, void 0)) : (trigger), (0, jsx_runtime_1.jsx)(context_1.TooltipContext.Provider, { value: {
                     state,
                     placement,
                     ref: overlayRef,
@@ -59,7 +59,7 @@ function TooltipTrigger(props) {
                     minScale: '1',
                     isMaterial,
                     ...tooltipProps,
-                }, children: (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen, placement: props.placement || 'top', children: tooltip }) })] }));
+                }, children: (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen, placement: props.placement || 'top', children: tooltip }, void 0) }, void 0)] }, void 0));
 }
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing

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

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

package/cjs/components/pickers/ComboBox/ComboBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -31,7 +31,7 @@ const collections_1 = require("@react-stately/collections");
 const TextInputBase_1 = require("../../forms/TextInput/TextInputBase");
 const overlays_1 = require("@react-aria/overlays");
 const OverlayWrapper_1 = require("../../overlays/OverlayWrapper");
-const CaretDownIcon = () => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.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 CaretDownIcon = () => ((0, jsx_runtime_1.jsx)("svg", { "aria-hidden": "true", width: "14", height: "14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.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 ComboBoxWrapperElement = (0, tasty_1.tasty)({
     styles: {
         position: 'relative',
@@ -121,7 +121,7 @@ function ComboBox(props, ref) {
     let { hoverProps: triggerHoverProps, isHovered: isTriggerHovered } = (0, interactions_1.useHover)({ isDisabled });
     let { focusProps: triggerFocusProps, isFocused: isTriggerFocused } = (0, interactions_2.useFocus)({ isDisabled }, true);
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } })) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }));
+    let validationIcon = isInvalid ? ((0, jsx_runtime_1.jsx)(icons_1.WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : ((0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = (0, react_1.cloneElement)(validationIcon);
     let comboBoxWidth = (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth;
     let comboBoxField = ((0, jsx_runtime_1.jsxs)(ComboBoxWrapperElement, { ref: ref, qa: qa || 'ComboBox', ...(0, react_2.modAttrs)({
@@ -138,12 +138,12 @@ function ComboBox(props, ref) {
                     disabled: isDisabled,
                     hovered: isHovered,
                     focused: isFocused,
-                }), "data-size": size }), prefix ? ((0, jsx_runtime_1.jsx)(Prefix_1.Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix })) : null, (0, jsx_runtime_1.jsxs)(Suffix_1.Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {})] })) : null, suffix, !hideTrigger ? ((0, jsx_runtime_1.jsx)(TriggerElement, { ...(0, utils_1.mergeProps)(buttonProps, triggerFocusProps, triggerHoverProps), ...(0, react_2.modAttrs)({
+                }), "data-size": size }, void 0), prefix ? ((0, jsx_runtime_1.jsx)(Prefix_1.Prefix, { onWidthChange: setPrefixWidth, padding: "0 1x 0 1.5x", opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", outerGap: 0, children: prefix }, void 0)) : null, (0, jsx_runtime_1.jsxs)(Suffix_1.Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [validationState || isLoading ? ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: false, padding: "0 1x", children: [validationState && !isLoading ? validation : null, isLoading && (0, jsx_runtime_1.jsx)(icons_1.LoadingOutlined, {}, void 0)] }, void 0)) : null, suffix, !hideTrigger ? ((0, jsx_runtime_1.jsx)(TriggerElement, { ...(0, utils_1.mergeProps)(buttonProps, triggerFocusProps, triggerHoverProps), ...(0, react_2.modAttrs)({
                             pressed: isTriggerPressed,
                             focused: isTriggerFocused,
                             hovered: isTriggerHovered,
                             disabled: isDisabled,
-                        }), "data-size": size, isDisabled: isDisabled, ref: triggerRef, styles: triggerStyles, children: (0, jsx_runtime_1.jsx)(CaretDownIcon, {}) })) : null] }), (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: (0, jsx_runtime_1.jsx)(Select_1.ListBoxPopup, { ...listBoxProps, listBoxRef: listBoxRef, popoverRef: popoverRef, overlayProps: overlayProps, shouldUseVirtualFocus: true, placement: placement, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: comboBoxWidth }) })] }));
+                        }), "data-size": size, isDisabled: isDisabled, ref: triggerRef, styles: triggerStyles, children: (0, jsx_runtime_1.jsx)(CaretDownIcon, {}, void 0) }, void 0)) : null] }, void 0), (0, jsx_runtime_1.jsx)(OverlayWrapper_1.OverlayWrapper, { isOpen: state.isOpen && !isDisabled, children: (0, jsx_runtime_1.jsx)(Select_1.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));
     return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
             labelPosition,
             label,
@@ -160,7 +160,7 @@ function ComboBox(props, ref) {
             requiredMark,
             Component: comboBoxField,
             ref: ref,
-        } }));
+        } }, void 0));
 }
 const _ComboBox = (0, react_1.forwardRef)(ComboBox);
 const __ComboBox = Object.assign(_ComboBox, { Item: collections_1.Item });

package/cjs/components/pickers/Menu/Menu.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -42,7 +42,7 @@ function Menu(props, ref) {
         },
     };
     (0, utils_1.useSyncRef)(contextProps, domRef);
-    return ((0, jsx_runtime_1.jsxs)(styled_1.StyledMenu, { ...(0, utils_1.mergeProps)(menuProps, completeProps, baseProps), ref: domRef, children: [header && (0, jsx_runtime_1.jsx)(styled_1.StyledMenuHeader, { children: header }), items.map((item) => {
+    return ((0, jsx_runtime_1.jsxs)(styled_1.StyledMenu, { ...(0, utils_1.mergeProps)(menuProps, completeProps, baseProps), ref: domRef, children: [header && (0, jsx_runtime_1.jsx)(styled_1.StyledMenuHeader, { children: header }, void 0), items.map((item) => {
                 if (item.type === 'section') {
                     return ((0, jsx_runtime_1.jsx)(MenuSection_1.MenuSection, { item: item, state: state, onAction: completeProps.onAction }, item.key));
                 }
@@ -51,7 +51,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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -51,16 +51,16 @@ const ACTION_BUTTON = {
         },
     },
 };
-const getPostfix = (postfix) => typeof postfix === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix })) : (postfix);
+const getPostfix = (postfix) => typeof postfix === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { nowrap: true, color: "inherit", "data-element": "Postfix", children: postfix }, void 0)) : (postfix);
 function MenuButton({ children, icon, postfix, ...props }) {
     const { isSelected, isSelectable } = props;
-    const checkIcon = isSelectable && isSelected ? (0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, {}) : null;
+    const checkIcon = isSelectable && isSelected ? (0, jsx_runtime_1.jsx)(icons_1.CheckOutlined, {}, void 0) : null;
     const mods = {
         ...props.mods,
         selectable: isSelectable,
         selected: isSelected,
     };
-    return ((0, jsx_runtime_1.jsxs)(actions_1.Button, { type: "neutral", size: "small", styles: ACTION_BUTTON, ...props, icon: checkIcon, mods: mods, children: [icon && (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "inherit", children: icon }), (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { color: "inherit", ellipsis: true, children: children }), postfix && getPostfix(postfix)] })] }));
+    return ((0, jsx_runtime_1.jsxs)(actions_1.Button, { type: "neutral", size: "small", styles: ACTION_BUTTON, ...props, icon: checkIcon, mods: mods, children: [icon && (0, jsx_runtime_1.jsx)(Text_1.Text, { color: "inherit", children: icon }, void 0), (0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "1x", placeContent: "space-between", overflow: "auto", width: "100%", children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { color: "inherit", ellipsis: true, children: children }, void 0), postfix && getPostfix(postfix)] }, void 0)] }, void 0));
 }
 exports.MenuButton = MenuButton;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ function MenuItem(props) {
         isVirtualized,
         onAction,
     }, state, ref);
-    let contents = typeof rendered === 'string' ? ((0, jsx_runtime_1.jsx)(MenuButton_1.MenuButton, { ...itemProps, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered })) : (rendered);
+    let contents = typeof rendered === 'string' ? ((0, jsx_runtime_1.jsx)(MenuButton_1.MenuButton, { ...itemProps, isSelectable: isSelectable, isSelected: isSelected, isDisabled: isDisabled, children: rendered }, void 0)) : (rendered);
     return ((0, jsx_runtime_1.jsx)(focus_1.FocusRing, { children: (0, jsx_runtime_1.jsx)(styled_1.StyledMenuItem, { ...(0, react_2.mergeProps)(menuItemProps, hoverProps), ref: ref, mods: {
                 disabled: isDisabled,
                 selected: isSelected,
@@ -49,7 +49,7 @@ function MenuItem(props) {
                         icon: { className: 'icon', size: 'S' },
                         description: { className: 'description', ...descriptionProps },
                         keyboard: { className: 'keyboard', ...keyboardShortcutProps },
-                    }, children: contents }) }) }) }));
+                    }, children: contents }, void 0) }, void 0) }, void 0) }, void 0));
 }
 exports.MenuItem = MenuItem;
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -20,13 +20,13 @@ function MenuSection(props) {
         heading,
         'aria-label': item['aria-label'],
     });
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styled_1.StyledMenuSection, { ...itemProps, children: [heading && ((0, jsx_runtime_1.jsx)(styled_1.StyledMenuSectionHeading, { ...headingProps, children: heading })), (0, jsx_runtime_1.jsx)(styled_1.StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(styled_1.StyledMenuSection, { ...itemProps, children: [heading && ((0, jsx_runtime_1.jsx)(styled_1.StyledMenuSectionHeading, { ...headingProps, children: heading }, void 0)), (0, jsx_runtime_1.jsx)(styled_1.StyledMenu, { ...groupProps, mods: { section: true }, children: [...item.childNodes].map((node) => {
                         let item = ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, { item: node, state: state, onAction: onAction }, node.key));
                         if (node.wrapper) {
                             item = node.wrapper(item);
                         }
                         return item;
-                    }) })] }) }));
+                    }) }, void 0)] }, void 0) }, void 0));
 }
 exports.MenuSection = MenuSection;