@cube-dev/ui-kit 0.26.4 → 0.27.1

package/es/components/navigation/LegacyTabs/LegacyTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -51,9 +51,11 @@ const StyledTabElement = styled(TabElement) `
     pointer-events: none;
     transition: opacity linear 0.2s, box-shadow linear 0.2s;
   }
+
   &[data-is-selected]::before {
     --outline-size: 2px;
   }
+
   &:not([data-is-selected]):not([disabled])[data-is-hovered]::before {
     --outline-size: 1px;
   }
@@ -143,7 +145,7 @@ const StyledTabsContainerElement = styled(TabsContainerElement) `
   }
 `;
 function Tab({ isSelected, isHidden, onClose, ...props }) {
-    return (_jsx(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
+    return (_jsx(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }));
 }
 export function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
     const tabsRef = useRef(null);
@@ -239,7 +241,7 @@ export function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabCl
                 currentTab: activeKey,
             }, children: [_jsxs(Space, { gap: ".5x", placeContent: "center space-between", children: [_jsx(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                                 return (_jsx(Tab, { "data-qa": tab.qa, isSelected: tab.id === activeKey || false, isDisabled: tab.isDisabled, isHidden: tab.isHidden, onPress: () => onPress(tab), children: tab.title }, tab.id));
-                            }) }, void 0), extra] }, void 0), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
+                            }) }), extra] }), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
 }
 LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, children, ...props }) {
     const { addTab, removeTab, changeTab, currentTab } = useContext(LegacyTabsContext);
@@ -266,7 +268,7 @@ LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, chi
         });
     }, [title, isDisabled, isHidden]);
     const isCurrent = id === currentTab;
-    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
+    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
 };
 
         

package/es/components/navigation/Link/Link.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Button } from '../../actions';
 export const Link = forwardRef(function Link(props, ref) {
-    return _jsx(Button, { type: "link", ...props, ref: ref }, void 0);
+    return _jsx(Button, { type: "link", ...props, ref: ref });
 });
 
         

package/es/components/organisms/FileTabs/FileTabs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -189,7 +189,7 @@ const CloseButton = tasty(Button, {
 function Tab({ isDirty, isDisabled, children, isClosable, onClose, ...props }) {
     return (_jsx(TabElement, { mods: {
             dirty: isDirty,
-        }, isDisabled: isDisabled, ...props, children: _jsxs(Space, { gap: ".75x", children: [_jsx(Block, { children: children }, void 0), (isClosable || isDirty) && (_jsxs(Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? (_jsx(CloseButton, { onPress: onClose, children: _jsx(CloseOutlined, {}, void 0) }, void 0)) : (_jsx("div", {}, void 0)), isDirty ? _jsx(DirtyBadge, {}, void 0) : null] }, void 0))] }, void 0) }, void 0));
+        }, isDisabled: isDisabled, ...props, children: _jsxs(Space, { gap: ".75x", children: [_jsx(Block, { children: children }), (isClosable || isDirty) && (_jsxs(Flex, { placeItems: "center", style: { position: 'relative' }, children: [isClosable ? (_jsx(CloseButton, { onPress: onClose, children: _jsx(CloseOutlined, {}) })) : (_jsx("div", {})), isDirty ? _jsx(DirtyBadge, {}) : null] }))] }) }));
 }
 export function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
     const tabsRef = useRef(null);
@@ -291,7 +291,7 @@ export function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClic
                 currentTab: activeKey,
             }, children: [_jsx(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                         return (_jsx(Tab, { isClosable: isClosable, isDisabled: tab.id === activeKey || false, isDirty: tab.isDirty, onPress: () => onPress(tab), onClose: () => isClosable && handleClose(tab), children: tab.title }, tab.id));
-                    }) }, void 0), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
+                    }) }), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
 }
 FileTabs.TabPane = function FileTabPane(allProps) {
     let { id, title, isDirty, children, ...props } = allProps;
@@ -311,7 +311,7 @@ FileTabs.TabPane = function FileTabPane(allProps) {
         setDirtyTab(id, isDirty || false);
     }, [isDirty]);
     const isCurrent = id === currentTab;
-    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
+    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }));
 };
 
         

package/es/components/organisms/Modal/Modal.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -158,10 +158,10 @@ export function Modal(allProps) {
             }
         })();
     }, [onOk]);
-    return (_jsx(CSSTransition, { in: inProp, timeout: 250, classNames: "cube-modal-transition", children: _jsx(Overlay, { className: "cube-modal-overlay", onClick: onOverlayClick, children: _jsxs(Card, { "data-qa": qa || 'Modal', className: "cube-modal", display: "flex", role: "region", color: "#dark.85", padding: "0", shadow: true, border: false, radius: "1.5r", width: `288px (100% - 32px) ${typeof width === 'number' ? `${width}px` : width || '360px'}`, style: { textAlign: 'left' }, ...props, children: [_jsxs(Flex, { placeContent: "space-between", padding: "2x 3x", border: "bottom", children: [typeof title === 'object' ? (title) : (_jsx(Title, { ellipsis: true, level: 4, flexGrow: 1, children: title }, void 0)), isClosable ? (_jsx(Action, { qa: "ModalCloseButton", width: "3x", height: "3x", color: { '': '#dark.75', hovered: '#purple' }, outline: {
+    return (_jsx(CSSTransition, { in: inProp, timeout: 250, classNames: "cube-modal-transition", children: _jsx(Overlay, { className: "cube-modal-overlay", onClick: onOverlayClick, children: _jsxs(Card, { "data-qa": qa || 'Modal', className: "cube-modal", display: "flex", role: "region", color: "#dark.85", padding: "0", shadow: true, border: false, radius: "1.5r", width: `288px (100% - 32px) ${typeof width === 'number' ? `${width}px` : width || '360px'}`, style: { textAlign: 'left' }, ...props, children: [_jsxs(Flex, { placeContent: "space-between", padding: "2x 3x", border: "bottom", children: [typeof title === 'object' ? (title) : (_jsx(Title, { ellipsis: true, level: 4, flexGrow: 1, children: title })), isClosable ? (_jsx(Action, { qa: "ModalCloseButton", width: "3x", height: "3x", color: { '': '#dark.75', hovered: '#purple' }, outline: {
                                     '': '#purple-03.0',
                                     'focused & focus-visible': '#purple-03',
-                                }, label: "Close", onPress: onClose || onCancel, children: _jsx(CloseOutlined, { style: { fontSize: 16 } }, void 0) }, void 0)) : null] }, void 0), _jsxs(Flow, { padding: "3x", gap: "3x", height: "max (100vh - 90px)", style: { overflow: 'auto' }, children: [typeof children === 'string' ? (_jsx(Block, { children: children }, void 0)) : (children), type !== 'info' && (onOk || onCancel) ? (_jsxs(Space, { gap: "1.5x", children: [_jsx(Button, { "data-qa": 'ConfirmButton', isDisabled: isDisabled, type: "primary", theme: okType === 'danger' ? 'danger' : undefined, isLoading: isLoading || localLoading, onPress: handleOk, children: okText || 'OK' }, void 0), _jsx(Button, { "data-qa": 'CancelButton', isDisabled: isLoading, onPress: cancel, children: cancelText || (okText === 'Yes' ? 'No' : 'Cancel') }, void 0)] }, void 0)) : null, type === 'info' ? (_jsx(Space, { children: _jsx(Button, { "data-qa": 'OkButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', onPress: close, children: okText || 'OK' }, void 0) }, void 0)) : null] }, void 0)] }, void 0) }, void 0) }, void 0));
+                                }, label: "Close", onPress: onClose || onCancel, children: _jsx(CloseOutlined, { style: { fontSize: 16 } }) })) : null] }), _jsxs(Flow, { padding: "3x", gap: "3x", height: "max (100vh - 90px)", style: { overflow: 'auto' }, children: [typeof children === 'string' ? (_jsx(Block, { children: children })) : (children), type !== 'info' && (onOk || onCancel) ? (_jsxs(Space, { gap: "1.5x", children: [_jsx(Button, { "data-qa": 'ConfirmButton', isDisabled: isDisabled, type: "primary", theme: okType === 'danger' ? 'danger' : undefined, isLoading: isLoading || localLoading, onPress: handleOk, children: okText || 'OK' }), _jsx(Button, { "data-qa": 'CancelButton', isDisabled: isLoading, onPress: cancel, children: cancelText || (okText === 'Yes' ? 'No' : 'Cancel') })] })) : null, type === 'info' ? (_jsx(Space, { children: _jsx(Button, { "data-qa": 'OkButton', isDisabled: isDisabled, type: okType === 'danger' ? 'danger' : 'primary', onPress: close, children: okText || 'OK' }) })) : null] })] }) }) }));
 }
 let ID = 0;
 const modal = {

package/es/components/organisms/StatsCard/StatsCard.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ import { Card } from '../../content/Card/Card';
 import { Title } from '../../content/Title';
 import { Text } from '../../content/Text';
 export function StatsCard({ title, value, suffix, ...props }) {
-    return (_jsxs(Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [_jsx(Title, { nowrap: true, level: 4, color: "#minor", preset: "default", children: title }, void 0), _jsxs(Text.Strong, { preset: "h3", children: [value, " ", suffix] }, void 0)] }, void 0));
+    return (_jsxs(Card, { display: "flex", placeContent: "space-between", gap: "1x", border: false, shadow: "0 2px 6px #dark.10", padding: "2.5x", ...props, children: [_jsx(Title, { nowrap: true, level: 4, color: "#minor", preset: "default", children: title }), _jsxs(Text.Strong, { preset: "h3", children: [value, " ", suffix] })] }));
 }
 
         

package/es/components/other/Base64Upload/Base64Upload.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -68,7 +68,7 @@ export const Base64Upload = styled(forwardRef(function Base64Upload(allProps, re
             setError('Invalid file');
         }
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(Button, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, children: [_jsx(Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }, void 0), _jsx(Block, { color: "#dark-04", children: file || 'No file selected' }, void 0), _jsx("input", { type: "file", name: "base64", accept: ".json", onInput: onInputFile }, void 0)] }, void 0), error && _jsx(Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles, children: [_jsx(Block, { radius: "round", fill: "#purple.10", color: "#dark-02", padding: ".5x 1x", children: "Choose file" }), _jsx(Block, { color: "#dark-04", children: file || 'No file selected' }), _jsx("input", { type: "file", name: "base64", accept: ".json", onInput: onInputFile })] }), error && _jsx(Text.Danger, { color: "danger", children: error })] }));
 })) `
   appearance: none;
   cursor: pointer;

package/es/components/other/Calendar/Calendar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ function Calendar(props, ref) {
         },
     }));
     let { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
-    return (_jsxs(CalendarElement, { ...calendarProps, children: [_jsxs(CalendarHeaderElement, { children: [_jsx(Title, { level: 6, preset: "h6", children: title }, void 0), _jsxs(Button.Group, { gap: ".5x", children: [_jsx(Button, { size: "small", ...prevButtonProps, icon: _jsx(LeftOutlined, {}, void 0) }, void 0), _jsx(Button, { size: "small", ...nextButtonProps, icon: _jsx(RightOutlined, {}, void 0) }, void 0)] }, void 0)] }, void 0), _jsx(CalendarGrid, { state: state }, void 0)] }, void 0));
+    return (_jsxs(CalendarElement, { ...calendarProps, children: [_jsxs(CalendarHeaderElement, { children: [_jsx(Title, { level: 6, preset: "h6", children: title }), _jsxs(Button.Group, { gap: ".5x", children: [_jsx(Button, { size: "small", ...prevButtonProps, icon: _jsx(LeftOutlined, {}) }), _jsx(Button, { size: "small", ...nextButtonProps, icon: _jsx(RightOutlined, {}) })] })] }), _jsx(CalendarGrid, { state: state })] }));
 }
 const _Calendar = forwardRef(Calendar);
 export { _Calendar as Calendar };

package/es/components/other/Calendar/CalendarCell.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -59,7 +59,7 @@ export function CalendarCell({ state, date }) {
                 invalid: isInvalid,
                 disabled: isDisabled,
                 unavailable: isUnavailable,
-            }, children: formattedDate }, void 0) }, void 0));
+            }, children: formattedDate }) }));
 }
 
         

package/es/components/other/Calendar/CalendarGrid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -22,9 +22,9 @@ export function CalendarGrid({ state, ...props }) {
     let { gridProps, headerProps, weekDays } = useCalendarGrid(props, state);
     // Get the number of weeks in the month, so we can render the proper number of rows.
     let weeksInMonth = getWeeksInMonth(state.visibleRange.start, locale);
-    return (_jsxs(TableElement, { ...gridProps, children: [_jsx("thead", { "data-element": "Head", ...headerProps, children: _jsx("tr", { "data-element": "HeadRow", children: weekDays.map((day, index) => (_jsx("th", { children: day }, index))) }, void 0) }, void 0), _jsx("tbody", { "data-element": "Body", children: [...new Array(weeksInMonth).keys()].map((weekIndex) => (_jsx("tr", { "data-element": "Row", children: state
+    return (_jsxs(TableElement, { ...gridProps, children: [_jsx("thead", { "data-element": "Head", ...headerProps, children: _jsx("tr", { "data-element": "HeadRow", children: weekDays.map((day, index) => (_jsx("th", { children: day }, index))) }) }), _jsx("tbody", { "data-element": "Body", children: [...new Array(weeksInMonth).keys()].map((weekIndex) => (_jsx("tr", { "data-element": "Row", children: state
                         .getDatesInWeek(weekIndex)
-                        .map((date, i) => date ? (_jsx(CalendarCell, { state: state, date: date }, i)) : (_jsx("td", {}, i))) }, weekIndex))) }, void 0)] }, void 0));
+                        .map((date, i) => date ? (_jsx(CalendarCell, { state: state, date: date }, i)) : (_jsx("td", {}, i))) }, weekIndex))) })] }));
 }
 
         

package/es/components/other/Calendar/RangeCalendar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ function RangeCalendar(props, ref) {
         },
     }));
     let { calendarProps, prevButtonProps, nextButtonProps, title } = useRangeCalendar(props, state, domRef);
-    return (_jsxs(CalendarElement, { ref: domRef, ...calendarProps, children: [_jsxs(CalendarHeaderElement, { children: [_jsx(Title, { level: 6, preset: "h6", children: title }, void 0), _jsxs(Button.Group, { gap: ".5x", children: [_jsx(Button, { size: "small", ...prevButtonProps, icon: _jsx(LeftOutlined, {}, void 0) }, void 0), _jsx(Button, { size: "small", ...nextButtonProps, icon: _jsx(RightOutlined, {}, void 0) }, void 0)] }, void 0)] }, void 0), _jsx(CalendarGrid, { state: state }, void 0)] }, void 0));
+    return (_jsxs(CalendarElement, { ref: domRef, ...calendarProps, children: [_jsxs(CalendarHeaderElement, { children: [_jsx(Title, { level: 6, preset: "h6", children: title }), _jsxs(Button.Group, { gap: ".5x", children: [_jsx(Button, { size: "small", ...prevButtonProps, icon: _jsx(LeftOutlined, {}) }), _jsx(Button, { size: "small", ...nextButtonProps, icon: _jsx(RightOutlined, {}) })] })] }), _jsx(CalendarGrid, { state: state })] }));
 }
 const _RangeCalendar = forwardRef(RangeCalendar);
 export { _RangeCalendar as RangeCalendar };

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -24,7 +24,7 @@ const StyledLogoButton = tasty(Button, {
     },
 });
 function CloudLogo(props, ref) {
-    return (_jsxs(StyledLogoButton, { ...props, ref: ref, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "36", viewBox: "0 0 25 27", "data-type": "image", children: [_jsx("path", { fill: "#ff6492", d: "M23.447 6.786 11.727 0v4.696l11.72 6.757V6.786Z" }, void 0), _jsx("path", { fill: "#141446", d: "M23.447 11.453 19.931 13.5l-8.206-4.743-4.689 2.7L3.52 9.559l8.207-4.863 11.72 6.757Z" }, void 0), _jsx("path", { fill: "#a14474", d: "M7.036 11.457 3.52 9.559v3.94l3.516-2.042Z" }, void 0), _jsx("path", { fill: "#141446", d: "M.003 20.213 11.725 13.5l11.722 6.713L11.725 27 .003 20.213Z" }, void 0), _jsx("path", { fill: "#ff6492", d: "m23.447 15.554-11.722-6.87V13.5l11.722 6.713v-4.659Z" }, void 0), _jsx("path", { fill: "#7a77ff", d: "M3.52 13.5V9.56l8.207-4.864V0L.003 6.786v13.427L11.725 13.5V8.684L3.52 13.5Z" }, void 0)] }, void 0), _jsxs("svg", { width: "141", height: "27", viewBox: "0 0 141 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M12.7556 21.4555C15.323 21.4555 17.3322 20.1868 18.5322 18.2414L16.4671 16.6344C15.5462 17.9031 14.4021 18.7207 12.7835 18.7207C10.272 18.7207 8.48596 16.7753 8.48596 14.2097C8.48596 11.7005 10.272 9.72693 12.7835 9.72693C14.43 9.72693 15.5741 10.5727 16.4671 11.8414L18.5322 10.2062C17.3601 8.26086 15.3509 6.99214 12.7556 6.99214C8.70921 6.99214 5.5 10.1498 5.5 14.2097C5.5 18.2978 8.70921 21.4555 12.7556 21.4555Z", fill: "#141446" }, void 0), _jsx("path", { d: "M27.0647 21.4555C30.4135 21.4555 33.0088 19.0872 33.0088 15.3375V7.30227H30.0786V15.563C30.0786 17.5084 28.7391 18.7207 27.0647 18.7207C25.3346 18.7207 23.9672 17.5084 23.9672 15.563V7.30227H21.0649V15.3375C21.0649 19.0872 23.6602 21.4555 27.0647 21.4555Z", fill: "#141446" }, void 0), _jsx("path", { d: "M44.0683 6.99214C42.1707 6.99214 40.5243 7.72518 39.4917 8.99389V0.00012207H36.5616V21.1454H39.2964V19.2282C40.3289 20.6379 42.087 21.4555 44.0963 21.4555C47.9752 21.4555 50.7937 18.3542 50.7937 14.2379C50.7937 10.1216 47.9752 6.99214 44.0683 6.99214ZM43.5939 18.7489C41.5568 18.7489 39.4638 17.3956 39.4638 14.2379C39.4638 11.1084 41.5289 9.69873 43.5939 9.69873C45.9381 9.69873 47.7799 11.5313 47.7799 14.2097C47.7799 16.8881 45.966 18.7489 43.5939 18.7489Z", fill: "#141446" }, void 0), _jsx("path", { d: "M66.1661 13.3357C66.1661 9.69873 63.4871 6.99214 59.8314 6.99214C55.8408 6.99214 52.7433 10.178 52.7433 14.2379C52.7433 18.326 55.8688 21.4555 60.1105 21.4555C62.2872 21.4555 64.129 20.6097 65.5801 19.2282L64.1848 17.1982C63.0406 18.2132 61.7849 18.8335 60.1942 18.8335C57.8501 18.8335 56.1199 17.4802 55.7292 15.1965H65.9429C66.0266 14.83 66.1661 14.0969 66.1661 13.3357ZM59.7198 9.50138C61.5895 9.50138 63.1802 10.7137 63.236 12.8846H55.785C56.2315 10.8265 57.7943 9.50138 59.7198 9.50138Z", fill: "#141446" }, void 0), _jsx("path", { d: "M80.3867 21.4555C82.9541 21.4555 84.9634 20.1868 86.1633 18.2414L84.0983 16.6344C83.1774 17.9031 82.0332 18.7207 80.4147 18.7207C77.9031 18.7207 76.1171 16.7753 76.1171 14.2097C76.1171 11.7005 77.9031 9.72693 80.4147 9.72693C82.0611 9.72693 83.2053 10.5727 84.0983 11.8414L86.1633 10.2062C84.9913 8.26086 82.982 6.99214 80.3867 6.99214C76.3403 6.99214 73.1311 10.1498 73.1311 14.2097C73.1311 18.2978 76.3403 21.4555 80.3867 21.4555Z", fill: "#141446" }, void 0), _jsx("path", { d: "M88.8356 21.1454H91.7657V0.00012207H88.8356V21.1454Z", fill: "#141446" }, void 0), _jsx("path", { d: "M101.807 21.4555C105.882 21.4555 109.091 18.2414 109.091 14.2097C109.091 10.178 105.882 6.99214 101.807 6.99214C97.761 6.99214 94.5797 10.1498 94.5797 14.2097C94.5797 18.2414 97.761 21.4555 101.807 21.4555ZM101.807 18.7207C99.3795 18.7207 97.5656 16.8035 97.5656 14.2379C97.5656 11.6441 99.3795 9.69873 101.835 9.69873C104.235 9.69873 106.077 11.6441 106.077 14.2379C106.077 16.7753 104.235 18.7207 101.807 18.7207Z", fill: "#141446" }, void 0), _jsx("path", { d: "M117.752 21.4555C121.101 21.4555 123.696 19.0872 123.696 15.3375V7.30227H120.766V15.563C120.766 17.5084 119.427 18.7207 117.752 18.7207C116.022 18.7207 114.655 17.5084 114.655 15.563V7.30227H111.752V15.3375C111.752 19.0872 114.348 21.4555 117.752 21.4555Z", fill: "#141446" }, void 0), _jsx("path", { d: "M137.658 0.00012207V8.99389C136.626 7.72518 134.979 6.99214 133.082 6.99214C129.203 6.99214 126.384 10.1216 126.384 14.2379C126.384 18.3542 129.175 21.4555 133.082 21.4555C135.119 21.4555 136.877 20.6097 137.881 19.1718V21.1454H140.616V0.00012207H137.658ZM133.584 18.7489C131.184 18.7489 129.37 16.8881 129.37 14.2097C129.37 11.5313 131.212 9.69873 133.584 9.69873C135.621 9.69873 137.714 11.1084 137.714 14.2379C137.714 17.3956 135.621 18.7489 133.584 18.7489Z", fill: "#141446" }, void 0)] }, void 0)] }, void 0));
+    return (_jsxs(StyledLogoButton, { ...props, ref: ref, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "36", viewBox: "0 0 25 27", "data-type": "image", children: [_jsx("path", { fill: "#ff6492", d: "M23.447 6.786 11.727 0v4.696l11.72 6.757V6.786Z" }), _jsx("path", { fill: "#141446", d: "M23.447 11.453 19.931 13.5l-8.206-4.743-4.689 2.7L3.52 9.559l8.207-4.863 11.72 6.757Z" }), _jsx("path", { fill: "#a14474", d: "M7.036 11.457 3.52 9.559v3.94l3.516-2.042Z" }), _jsx("path", { fill: "#141446", d: "M.003 20.213 11.725 13.5l11.722 6.713L11.725 27 .003 20.213Z" }), _jsx("path", { fill: "#ff6492", d: "m23.447 15.554-11.722-6.87V13.5l11.722 6.713v-4.659Z" }), _jsx("path", { fill: "#7a77ff", d: "M3.52 13.5V9.56l8.207-4.864V0L.003 6.786v13.427L11.725 13.5V8.684L3.52 13.5Z" })] }), _jsxs("svg", { width: "141", height: "27", viewBox: "0 0 141 27", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M12.7556 21.4555C15.323 21.4555 17.3322 20.1868 18.5322 18.2414L16.4671 16.6344C15.5462 17.9031 14.4021 18.7207 12.7835 18.7207C10.272 18.7207 8.48596 16.7753 8.48596 14.2097C8.48596 11.7005 10.272 9.72693 12.7835 9.72693C14.43 9.72693 15.5741 10.5727 16.4671 11.8414L18.5322 10.2062C17.3601 8.26086 15.3509 6.99214 12.7556 6.99214C8.70921 6.99214 5.5 10.1498 5.5 14.2097C5.5 18.2978 8.70921 21.4555 12.7556 21.4555Z", fill: "#141446" }), _jsx("path", { d: "M27.0647 21.4555C30.4135 21.4555 33.0088 19.0872 33.0088 15.3375V7.30227H30.0786V15.563C30.0786 17.5084 28.7391 18.7207 27.0647 18.7207C25.3346 18.7207 23.9672 17.5084 23.9672 15.563V7.30227H21.0649V15.3375C21.0649 19.0872 23.6602 21.4555 27.0647 21.4555Z", fill: "#141446" }), _jsx("path", { d: "M44.0683 6.99214C42.1707 6.99214 40.5243 7.72518 39.4917 8.99389V0.00012207H36.5616V21.1454H39.2964V19.2282C40.3289 20.6379 42.087 21.4555 44.0963 21.4555C47.9752 21.4555 50.7937 18.3542 50.7937 14.2379C50.7937 10.1216 47.9752 6.99214 44.0683 6.99214ZM43.5939 18.7489C41.5568 18.7489 39.4638 17.3956 39.4638 14.2379C39.4638 11.1084 41.5289 9.69873 43.5939 9.69873C45.9381 9.69873 47.7799 11.5313 47.7799 14.2097C47.7799 16.8881 45.966 18.7489 43.5939 18.7489Z", fill: "#141446" }), _jsx("path", { d: "M66.1661 13.3357C66.1661 9.69873 63.4871 6.99214 59.8314 6.99214C55.8408 6.99214 52.7433 10.178 52.7433 14.2379C52.7433 18.326 55.8688 21.4555 60.1105 21.4555C62.2872 21.4555 64.129 20.6097 65.5801 19.2282L64.1848 17.1982C63.0406 18.2132 61.7849 18.8335 60.1942 18.8335C57.8501 18.8335 56.1199 17.4802 55.7292 15.1965H65.9429C66.0266 14.83 66.1661 14.0969 66.1661 13.3357ZM59.7198 9.50138C61.5895 9.50138 63.1802 10.7137 63.236 12.8846H55.785C56.2315 10.8265 57.7943 9.50138 59.7198 9.50138Z", fill: "#141446" }), _jsx("path", { d: "M80.3867 21.4555C82.9541 21.4555 84.9634 20.1868 86.1633 18.2414L84.0983 16.6344C83.1774 17.9031 82.0332 18.7207 80.4147 18.7207C77.9031 18.7207 76.1171 16.7753 76.1171 14.2097C76.1171 11.7005 77.9031 9.72693 80.4147 9.72693C82.0611 9.72693 83.2053 10.5727 84.0983 11.8414L86.1633 10.2062C84.9913 8.26086 82.982 6.99214 80.3867 6.99214C76.3403 6.99214 73.1311 10.1498 73.1311 14.2097C73.1311 18.2978 76.3403 21.4555 80.3867 21.4555Z", fill: "#141446" }), _jsx("path", { d: "M88.8356 21.1454H91.7657V0.00012207H88.8356V21.1454Z", fill: "#141446" }), _jsx("path", { d: "M101.807 21.4555C105.882 21.4555 109.091 18.2414 109.091 14.2097C109.091 10.178 105.882 6.99214 101.807 6.99214C97.761 6.99214 94.5797 10.1498 94.5797 14.2097C94.5797 18.2414 97.761 21.4555 101.807 21.4555ZM101.807 18.7207C99.3795 18.7207 97.5656 16.8035 97.5656 14.2379C97.5656 11.6441 99.3795 9.69873 101.835 9.69873C104.235 9.69873 106.077 11.6441 106.077 14.2379C106.077 16.7753 104.235 18.7207 101.807 18.7207Z", fill: "#141446" }), _jsx("path", { d: "M117.752 21.4555C121.101 21.4555 123.696 19.0872 123.696 15.3375V7.30227H120.766V15.563C120.766 17.5084 119.427 18.7207 117.752 18.7207C116.022 18.7207 114.655 17.5084 114.655 15.563V7.30227H111.752V15.3375C111.752 19.0872 114.348 21.4555 117.752 21.4555Z", fill: "#141446" }), _jsx("path", { d: "M137.658 0.00012207V8.99389C136.626 7.72518 134.979 6.99214 133.082 6.99214C129.203 6.99214 126.384 10.1216 126.384 14.2379C126.384 18.3542 129.175 21.4555 133.082 21.4555C135.119 21.4555 136.877 20.6097 137.881 19.1718V21.1454H140.616V0.00012207H137.658ZM133.584 18.7489C131.184 18.7489 129.37 16.8881 129.37 14.2097C129.37 11.5313 131.212 9.69873 133.584 9.69873C135.621 9.69873 137.714 11.1084 137.714 14.2379C137.714 17.3956 135.621 18.7489 133.584 18.7489Z", 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -45,7 +45,7 @@ function AlertDialog(props, ref) {
             ...(typeof cancelProps === 'object' ? cancelProps : null),
         }
         : undefined;
-    return (_jsxs(Dialog, { ref: ref, role: "alertdialog", 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, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => chain(confirmProps?.onPress?.(e), onClose?.('confirm')) }, void 0), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => chain(secondaryProps?.onPress?.(e), onClose?.('secondary')) }, void 0)), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => chain(cancelProps?.onPress?.(e), onClose?.('cancel')) }, void 0))] }, void 0) }, void 0)) : null] }, void 0));
+    return (_jsxs(Dialog, { ref: ref, role: "alertdialog", 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, { autoFocus: true, theme: danger ? 'danger' : undefined, ...confirmProps, onPress: (e) => chain(confirmProps?.onPress?.(e), onClose?.('confirm')) }), secondaryProps && (_jsx(Button, { ...secondaryProps, onPress: (e) => chain(secondaryProps?.onPress?.(e), onClose?.('secondary')) })), cancelProps && (_jsx(Button, { ...cancelProps, onPress: (e) => chain(cancelProps?.onPress?.(e), 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -69,7 +69,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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * 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: onDismiss, 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -109,7 +109,7 @@ const intlMessages = {
 export const Dialog = forwardRef(function Dialog(props, ref) {
     const transitionContext = useOpenTransitionContext();
     const isEntered = transitionContext?.transitionState === 'entered';
-    return (_jsx(StyledFocusLock, { returnFocus: true, disabled: !isEntered, children: _jsx(DialogContent, { ...props, ref: ref }, "content") }, void 0));
+    return (_jsx(StyledFocusLock, { returnFocus: true, disabled: !isEntered, children: _jsx(DialogContent, { ...props, ref: ref }, "content") }));
 });
 const DialogContent = forwardRef(function DialogContent(props, ref) {
     let { type = 'modal', ...contextProps } = useDialogContext();
@@ -123,7 +123,7 @@ const DialogContent = forwardRef(function DialogContent(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);
@@ -167,7 +167,7 @@ const DialogContent = forwardRef(function DialogContent(props, ref) {
             },
         },
     };
-    return (_jsxs(DialogElement, { ref: domRef, "data-id": "Dialog", "data-qa": qa || 'Dialog', styles: styles, as: "section", ...dialogProps, mods: { dismissable: isDismissable }, style: { '--dialog-size': `${sizePxMap[size] || 288}px` }, "data-type": type, "data-size": size, 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));
+    return (_jsxs(DialogElement, { ref: domRef, "data-id": "Dialog", "data-qa": qa || 'Dialog', styles: styles, as: "section", ...dialogProps, mods: { dismissable: isDismissable }, style: { '--dialog-size': `${sizePxMap[size] || 288}px` }, "data-type": type, "data-size": size, 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -32,7 +32,7 @@ export function DialogContainer(props) {
         onClose: onDismiss,
         isDismissable,
     };
-    return (_jsx(Modal, { isOpen: isActuallyOpened, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onClose: isDismissable ? onDismiss : undefined, children: _jsx(DialogContext.Provider, { value: context, children: child }, void 0) }, void 0));
+    return (_jsx(Modal, { isOpen: isActuallyOpened, type: type, isDismissable: isDismissable, isKeyboardDismissDisabled: isKeyboardDismissDisabled, onClose: isDismissable ? onDismiss : undefined, 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -30,13 +30,13 @@ export function DialogForm(props) {
             form?.resetFields();
         }
     }
-    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { ellipsis: true, children: title }, void 0) }, void 0), _jsx(Content, { children: _jsxs(Form, { qa: qa || 'DialogForm', form: form, name: name, defaultValues: defaultValues, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, onSubmit: async (data) => {
+    return (_jsxs(Dialog, { qa: `${qa || ''}Dialog`, size: size, closeIcon: closeIcon, ...dialogProps, children: [_jsx(Header, { children: _jsx(Title, { ellipsis: true, children: title }) }), _jsx(Content, { children: _jsxs(Form, { qa: qa || 'DialogForm', form: form, name: name, defaultValues: defaultValues, labelStyles: labelStyles, labelPosition: labelPosition, requiredMark: requiredMark, isRequired: isRequired, necessityIndicator: necessityIndicator, necessityLabel: necessityLabel, isReadOnly: isReadOnly, validationState: validationState, validateTrigger: validateTrigger, onSubmit: async (data) => {
                         await onSubmit?.(data);
                         onClose?.();
                         if (!preserve) {
                             form?.resetFields();
                         }
-                    }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, 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`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) }, void 0)] }, void 0)) : undefined] }, void 0) }, void 0)] }, void 0));
+                    }, onSubmitFailed: onSubmitFailed, onValuesChange: onValuesChange, 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`, label: "Cancel", onPress: onLocalDismiss, ...(cancelProps || {}) })] })) : undefined] }) })] }));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ function DialogTrigger(props) {
         }
     }
     if (type === 'popover') {
-        return (_jsx(PopoverTrigger, { ...positionProps, hideOnClose: hideOnClose, state: state, targetRef: targetRef, trigger: trigger, content: content, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose }, void 0));
+        return (_jsx(PopoverTrigger, { ...positionProps, hideOnClose: hideOnClose, state: state, targetRef: targetRef, trigger: trigger, content: content, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose }));
     }
     let renderOverlay = () => {
         switch (type) {
@@ -59,12 +59,12 @@ function DialogTrigger(props) {
             case 'fullscreen':
             case 'fullscreenTakeover':
             case 'modal':
-                return (_jsx(Modal, { hideOnClose: hideOnClose, isOpen: state.isOpen, isDismissable: isDismissable, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, onExiting: onExiting, onExited: onExited, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+                return (_jsx(Modal, { hideOnClose: hideOnClose, isOpen: state.isOpen, isDismissable: isDismissable, type: type, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, onExiting: onExiting, onExited: onExited, children: typeof content === 'function' ? content(state.close) : content }));
             case 'tray':
-                return (_jsx(Tray, { hideOnClose: hideOnClose, isOpen: state.isOpen, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }, void 0));
+                return (_jsx(Tray, { hideOnClose: hideOnClose, isOpen: state.isOpen, isKeyboardDismissDisabled: isKeyboardDismissDisabled, styles: styles, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }));
         }
     };
-    return (_jsx(DialogTriggerBase, { type: type, state: state, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay(), onClose: onClose }, void 0));
+    return (_jsx(DialogTriggerBase, { type: type, state: state, isDismissable: isDismissable, trigger: trigger, overlay: renderOverlay(), onClose: onClose }));
 }
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
@@ -96,8 +96,8 @@ function PopoverTrigger(allProps) {
         ...triggerProps,
         ref: targetRef ? undefined : triggerRef,
     };
-    let overlay = (_jsx(Popover, { ref: overlayRef, hideOnClose: hideOnClose, isOpen: state.isOpen, style: popoverProps.style, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, updatePosition: updatePosition, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }, void 0));
-    return (_jsx(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, overlay: overlay, onClose: onClose }, void 0));
+    let overlay = (_jsx(Popover, { ref: overlayRef, hideOnClose: hideOnClose, isOpen: state.isOpen, style: popoverProps.style, placement: placement, arrowProps: arrowProps, isKeyboardDismissDisabled: isKeyboardDismissDisabled, hideArrow: hideArrow, updatePosition: updatePosition, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: typeof content === 'function' ? content(state.close) : content }));
+    return (_jsx(DialogTriggerBase, { type: "popover", state: state, triggerProps: triggerPropsWithRef, dialogProps: overlayProps, trigger: trigger, overlay: overlay, onClose: onClose }));
 }
 function DialogTriggerBase(props) {
     let { type, state, onClose, isDismissable, dialogProps = {}, triggerProps = {}, overlay, trigger, } = props;
@@ -110,7 +110,7 @@ function DialogTriggerBase(props) {
     return (_jsxs(Fragment, { children: [_jsx(PressResponder, { ...triggerProps, isPressed: state.isOpen &&
                     type !== 'modal' &&
                     type !== 'fullscreen' &&
-                    type !== 'fullscreenTakeover', onPress: state.toggle, children: trigger }, void 0), _jsx(DialogContext.Provider, { value: context, children: overlay }, void 0)] }, void 0));
+                    type !== 'fullscreenTakeover', onPress: state.toggle, 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -72,7 +72,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, { ref: domRef, qa: qa, type: type, overlayProps: overlayProps, styles: styles, onClose: onClose, children: children }, void 0)] }, void 0));
+    return (_jsxs(Overlay, { ...otherProps, children: [type !== 'fullscreenTakeover' && _jsx(Underlay, { ...underlayProps }), _jsx(ModalWrapper, { ref: domRef, qa: qa, type: type, overlayProps: overlayProps, styles: styles, onClose: onClose, children: children })] }));
 }
 let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
     let { qa, children, isOpen, type, placement, styles, overlayProps, transitionState, ...otherProps } = props;
@@ -84,7 +84,7 @@ let ModalWrapper = forwardRef(function ModalWrapper(props, ref) {
                 exiting: transitionState === 'exiting',
                 exited: transitionState === 'exited',
                 entered: transitionState === 'entered',
-            }, "data-type": type, "data-placement": placement, ...mergeProps(otherProps, overlayProps, modalProps), ref: ref, children: children }, void 0) }, void 0));
+            }, "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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -21,7 +21,7 @@ export function OpenTransition(props) {
                 cloneElement(child, {
                     isOpen: !!OPEN_STATES[state],
                     transitionState: state,
-                })) }, void 0)) }, void 0));
+                })) })) }));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ function Overlay(props, ref) {
             return null;
         }
     }
-    let contents = (_jsx(Provider, { ref: ref, children: _jsx(OpenTransition, { appear: true, in: isOpen, 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, { appear: true, in: isOpen, 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.26.4
+ * @cube-dev/ui-kit v0.27.1
  * Released under the MIT license.
  */
 
@@ -39,7 +39,7 @@ const PopoverElement = tasty({
 });
 function Popover(props, ref) {
     let { qa, style, styles, children, placement, arrowProps, onClose, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable = true, updatePosition, shouldCloseOnInteractOutside, ...otherProps } = props;
-    return (_jsx(Overlay, { ...otherProps, children: _jsx(PopoverWrapper, { ref: ref, qa: qa, style: style, styles: styles, placement: placement, arrowProps: arrowProps, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, updatePosition: updatePosition, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: children }, void 0) }, void 0));
+    return (_jsx(Overlay, { ...otherProps, children: _jsx(PopoverWrapper, { ref: ref, qa: qa, style: style, styles: styles, placement: placement, arrowProps: arrowProps, shouldCloseOnBlur: shouldCloseOnBlur, isKeyboardDismissDisabled: isKeyboardDismissDisabled, isNonModal: isNonModal, isDismissable: isDismissable, updatePosition: updatePosition, shouldCloseOnInteractOutside: shouldCloseOnInteractOutside, onClose: onClose, children: children }) }));
 }
 const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
     let { qa, children, placement = 'bottom', arrowProps, isOpen, style, styles, shouldCloseOnBlur, isKeyboardDismissDisabled, isNonModal, isDismissable, updatePosition, transitionState, ...otherProps } = props;
@@ -60,7 +60,7 @@ const PopoverWrapper = forwardRef(function PopoverWrapper(props, ref) {
             exiting: transitionState === 'exiting',
             exited: transitionState === 'exited',
             entered: transitionState === 'entered',
-        }, "data-placement": placement, style: style, children: children }, void 0));
+        }, "data-placement": placement, style: style, children: children }));
 });
 let _Popover = forwardRef(Popover);
 export { _Popover as Popover };