@cube-dev/ui-kit 0.26.4 → 0.27.0

package/cjs/components/content/CopyPasteBlock/CopyPasteBlock.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -94,7 +94,7 @@ const CopyPasteBlockElement = (0, tasty_1.tasty)(Card_1.Card, {
 });
 const CopyButton = (0, tasty_1.tasty)(actions_1.Button, {
     type: 'clear',
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}, void 0),
+    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}),
     'aria-label': 'Copy to clipboard',
     styles: {
         placeSelf: 'stretch',
@@ -156,7 +156,7 @@ function CopyPasteBlock(allProps, ref) {
     const pristineValue = value.replace(/\n/, ' ');
     return ((0, jsx_runtime_1.jsx)(CopyPasteBlockElement, { ref: ref, mods: { error: !!error }, "data-size": size, styles: styles, tabIndex: "0", ...props, ...clipboardProps, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsxs)(StyledBlock, { "data-size": size, mods: {
                         placeholder: !!placeholder || !value,
-                    }, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Label", children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: placeholder ? placeholder : 'Select and paste' }, void 0)) }, void 0), (0, jsx_runtime_1.jsxs)("span", { "data-element": "Shortcut", children: [(0, jsx_runtime_1.jsx)("kbd", { children: "Cmd" }, void 0), " + ", (0, jsx_runtime_1.jsx)("kbd", { children: "V" }, void 0)] }, void 0)] }, void 0), value && !error && ((0, jsx_runtime_1.jsx)(CopyButton, { size: size, "aria-label": `Copy ${title}`, onPress: onCopy }, void 0))] }, void 0) }, void 0));
+                    }, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Label", children: error != null ? (error || 'Invalid data') : value ? (pristineValue) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: placeholder ? placeholder : 'Select and paste' })) }), (0, jsx_runtime_1.jsxs)("span", { "data-element": "Shortcut", children: [(0, jsx_runtime_1.jsx)("kbd", { children: "Cmd" }), " + ", (0, jsx_runtime_1.jsx)("kbd", { children: "V" })] })] }), value && !error && ((0, jsx_runtime_1.jsx)(CopyButton, { size: size, "aria-label": `Copy ${title}`, onPress: onCopy }))] }) }));
 }
 const _CopyPasteBlock = (0, react_1.forwardRef)(CopyPasteBlock);
 exports.CopyPasteBlock = _CopyPasteBlock;

package/cjs/components/content/CopyPasteBlock/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/content/CopySnippet/CopySnippet.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -107,7 +107,7 @@ const ActionButton = (0, tasty_1.tasty)(actions_1.Button, {
     },
 });
 const CopyButton = (0, tasty_1.tasty)(ActionButton, {
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}, void 0),
+    icon: (0, jsx_runtime_1.jsx)(icons_1.CopyOutlined, {}),
     'aria-label': 'Copy to clipboard',
     styles: {
         radius: {
@@ -160,9 +160,9 @@ function CopySnippet(allProps) {
             });
         }
     }
-    const Snippet = ((0, jsx_runtime_1.jsx)(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }, void 0) }, void 0), (0, jsx_runtime_1.jsxs)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: [actions, hideText && ((0, jsx_runtime_1.jsx)(ShowButton, { icon: showHidden ? (0, jsx_runtime_1.jsx)(icons_1.EyeInvisibleOutlined, {}, void 0) : (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}, void 0), mods: { multiline, withScroll: showScroll }, onPress: () => setShowHidden(!showHidden) }, void 0)), (0, jsx_runtime_1.jsx)(CopyButton, { "aria-label": `Copy ${title}`, mods: { multiline, withScroll: showScroll, hidden: !!hideText }, onPress: onCopy }, void 0)] }, void 0)] }, void 0) }, void 0));
+    const Snippet = ((0, jsx_runtime_1.jsx)(CopySnippetElement, { styles: { preset: 'default', ...styles }, ...props, children: (0, jsx_runtime_1.jsxs)("div", { "data-element": "Grid", children: [(0, jsx_runtime_1.jsx)(StyledBlock, { mods: { nowrap, multiline, scroll: showScroll, serif }, styles: { padding }, children: (0, jsx_runtime_1.jsx)(PrismCode_1.PrismCode, { style: { margin: 0, overflow: 'visible' }, code: formattedCode, language: language || 'javascript' }) }), (0, jsx_runtime_1.jsxs)(ButtonContainer, { styles: { padding }, mods: { overlay: showOverlay }, children: [actions, hideText && ((0, jsx_runtime_1.jsx)(ShowButton, { icon: showHidden ? (0, jsx_runtime_1.jsx)(icons_1.EyeInvisibleOutlined, {}) : (0, jsx_runtime_1.jsx)(icons_1.EyeOutlined, {}), mods: { multiline, withScroll: showScroll }, onPress: () => setShowHidden(!showHidden) })), (0, jsx_runtime_1.jsx)(CopyButton, { "aria-label": `Copy ${title}`, mods: { multiline, withScroll: showScroll, hidden: !!hideText }, onPress: onCopy })] })] }) }));
     if (showTooltip) {
-        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(ActionElement, { children: Snippet }, void 0), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode }, void 0)] }, void 0));
+        return ((0, jsx_runtime_1.jsxs)(TooltipTrigger_1.TooltipTrigger, { children: [(0, jsx_runtime_1.jsx)(ActionElement, { children: Snippet }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { children: formattedCode })] }));
     }
     return Snippet;
 }

package/cjs/components/content/CopySnippet/index.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];

package/cjs/components/content/Divider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -45,7 +45,7 @@ exports.Divider = (0, react_1.forwardRef)(function Divider(props, ref) {
     return ((0, jsx_runtime_1.jsx)(DividerElement, { as: children ? 'div' : 'hr', role: children ? 'separator' : undefined, mods: {
             text: !!children,
             ...mods,
-        }, ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0), (0, jsx_runtime_1.jsx)("div", { children: children }, void 0), (0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }, void 0)] }, void 0)) }, void 0));
+        }, ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: children && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Line" }), (0, jsx_runtime_1.jsx)("div", { children: children }), (0, jsx_runtime_1.jsx)("div", { "data-element": "Line" })] })) }));
 });
 
         

package/cjs/components/content/Footer.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ const FooterElement = (0, tasty_1.tasty)({
 exports.Footer = (0, react_1.forwardRef)(function Footer(props, ref) {
     props = (0, react_2.useSlotProps)(props, 'footer');
     const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(FooterElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(FooterElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/cjs/components/content/Header.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ const HeaderElement = (0, tasty_1.tasty)({
 exports.Header = (0, react_1.forwardRef)(function Header(props, ref) {
     props = (0, react_2.useSlotProps)(props, 'header');
     const styles = (0, tasty_1.extractStyles)(props, STYLE_LIST);
-    return ((0, jsx_runtime_1.jsx)(HeaderElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return ((0, jsx_runtime_1.jsx)(HeaderElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/cjs/components/content/Paragraph.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -20,7 +20,7 @@ const DEFAULT_STYLES = {
 const STYLE_PROPS = [...tasty_1.CONTAINER_STYLES, ...tasty_1.TEXT_STYLES];
 exports.Paragraph = (0, react_1.forwardRef)(function Paragraph(props, ref) {
     const styles = (0, tasty_1.extractStyles)(props, STYLE_PROPS, DEFAULT_STYLES);
-    return (0, jsx_runtime_1.jsx)(Text_1.Text, { as: "p", qa: "Paragraph", ...props, ref: ref, styles: styles }, void 0);
+    return (0, jsx_runtime_1.jsx)(Text_1.Text, { as: "p", qa: "Paragraph", ...props, ref: ref, styles: styles });
 });
 
         

package/cjs/components/content/Placeholder/Placeholder.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -61,7 +61,7 @@ exports.Placeholder = (0, react_1.forwardRef)(function Placeholder(allProps, ref
             width: circle ? size : false,
             radius: circle ? '9999rem' : '1r',
             ...styles,
-        } }, void 0));
+        } }));
 });
 
         

package/cjs/components/content/PrismCode/PrismCode.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -33,7 +33,7 @@ function PrismCode(props, ref) {
     (0, react_1.useEffect)(() => {
         prismjs_1.default.highlightAll();
     });
-    return ((0, jsx_runtime_1.jsx)(PreElement, { ref: ref, className: "cube-prism-code", ...otherProps, children: (0, jsx_runtime_1.jsx)("code", { "data-element": "Code", className: `language-${language}`, children: code }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(PreElement, { ref: ref, className: "cube-prism-code", ...otherProps, children: (0, jsx_runtime_1.jsx)("code", { "data-element": "Code", className: `language-${language}`, children: code }) }));
 }
 /**
  * Code block with syntax highlighting

package/cjs/components/content/Result/Result.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -92,10 +92,10 @@ function Result(props, ref) {
         const { color, component: Component } = status && statusIconMap.hasOwnProperty(status)
             ? statusIconMap[status]
             : statusIconMap.info;
-        return ((0, jsx_runtime_1.jsx)(IconWrapper, { "data-element": "IconWrapper", styles: { color }, children: (0, jsx_runtime_1.jsx)(Component, { "data-element": "Icon" }, void 0) }, void 0));
+        return ((0, jsx_runtime_1.jsx)(IconWrapper, { "data-element": "IconWrapper", styles: { color }, children: (0, jsx_runtime_1.jsx)(Component, { "data-element": "Icon" }) }));
     }, [icon, status]);
     const styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(Container, { ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Title", children: [(0, react_2.wrapNodeIfPlain)(title, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 2, preset: "h4", children: title }, void 0))), (0, react_2.wrapNodeIfPlain)(subtitle, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 3, preset: "t2m", children: subtitle }, void 0)))] }, void 0)), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children }, void 0)] }, void 0));
+    return ((0, jsx_runtime_1.jsxs)(Container, { ...(0, tasty_1.filterBaseProps)(otherProps, { eventProps: true }), ref: ref, styles: styles, children: [iconNode, (title || subtitle) && ((0, jsx_runtime_1.jsxs)("div", { "data-element": "Title", children: [(0, react_2.wrapNodeIfPlain)(title, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 2, preset: "h4", children: title }))), (0, react_2.wrapNodeIfPlain)(subtitle, () => ((0, jsx_runtime_1.jsx)(Title_1.Title, { level: 3, preset: "t2m", children: subtitle })))] })), children && (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children })] }));
 }
 const _Result = (0, react_1.forwardRef)(Result);
 exports.Result = _Result;

package/cjs/components/content/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -15,37 +15,37 @@ const Space_1 = require("../../layout/Space");
 const Grid_1 = require("../../layout/Grid");
 const LAYOUT_MAP = {
     page({ lines, children, ...props }) {
-        return ((0, jsx_runtime_1.jsxs)(Flow_1.Flow, { gap: "4x", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { placeContent: "space-between", children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "100px 25% 300px" }, void 0), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "50px 10% 150px" }, void 0)] }, void 0), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
+        return ((0, jsx_runtime_1.jsxs)(Flow_1.Flow, { gap: "4x", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { placeContent: "space-between", children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "100px 25% 300px" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "50px 10% 150px" })] }), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
                         Array(lines || 5)
                             .fill(0)
-                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i)) }, void 0)] }, void 0));
+                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i)) })] }));
     },
     content({ children, lines, ...props }) {
         return ((0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", ...props, children: children ||
                 Array(lines || 5)
                     .fill(0)
-                    .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i)) }, void 0));
+                    .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i)) }));
     },
     topbar(props) {
-        return ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "4x", placeContent: "space-between", height: "6x", padding: "1x", border: "bottom", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, size: "4x" }, void 0), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "20x" }, void 0)] }, void 0), (0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "10x" }, void 0), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, size: "4x" }, void 0)] }, void 0)] }, void 0));
+        return ((0, jsx_runtime_1.jsxs)(Space_1.Space, { gap: "4x", placeContent: "space-between", height: "6x", padding: "1x", border: "bottom", ...props, children: [(0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, size: "4x" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "20x" })] }), (0, jsx_runtime_1.jsxs)(Space_1.Space, { children: [(0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "10x" }), (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { circle: true, size: "4x" })] })] }));
     },
     menu({ lines, ...props }) {
         return ((0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "3.25x", ...props, padding: "3x 1x", children: Array(lines || 5)
                 .fill(0)
-                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i))) }, void 0));
+                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i))) }));
     },
     stats({ cards, ...props }) {
         return ((0, jsx_runtime_1.jsx)(Space_1.Space, { gap: "4x", ...props, children: Array(cards || 3)
                 .fill(0)
-                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { radius: "1x", width: "20x", height: "12x", flexGrow: 1 }, i))) }, void 0));
+                .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { radius: "1x", width: "20x", height: "12x", flexGrow: 1 }, i))) }));
     },
     tabs({ tabs, children, lines, ...props }) {
         return ((0, jsx_runtime_1.jsxs)(Flow_1.Flow, { gap: "4x", ...props, children: [(0, jsx_runtime_1.jsx)(Space_1.Space, { children: Array(tabs || 3)
                         .fill(0)
-                        .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "15x" }, i))) }, void 0), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
+                        .map((item, i) => ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { width: "15x" }, i))) }), (0, jsx_runtime_1.jsx)(Flow_1.Flow, { gap: "2x", children: children ||
                         Array(lines || 5)
                             .fill(0)
-                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i)) }, void 0)] }, void 0));
+                            .map((item, i) => (0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, {}, i)) })] }));
     },
     table({ rows, columns, ...props }) {
         columns = columns || 5;
@@ -58,7 +58,7 @@ const LAYOUT_MAP = {
                     .map((item, j) => {
                     return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { size: !i ? '3x' : '2x' }, `${i}.${j}`));
                 });
-            }) }, void 0));
+            }) }));
     },
     chart({ columns, ...props }) {
         columns = columns || 12;
@@ -67,12 +67,12 @@ const LAYOUT_MAP = {
                 .fill(0)
                 .map((item, i) => {
                 return ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { height: `${heightMap[i % 12] * 10}%`, width: "max 6x" }, i));
-            }) }, void 0));
+            }) }));
     },
 };
 function Skeleton({ layout, ...props }) {
     layout = layout || 'page';
-    return LAYOUT_MAP[layout] ? (LAYOUT_MAP[layout]({ ...props, qa: 'Skeleton' })) : ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { ...props }, void 0));
+    return LAYOUT_MAP[layout] ? (LAYOUT_MAP[layout]({ ...props, qa: 'Skeleton' })) : ((0, jsx_runtime_1.jsx)(Placeholder_1.Placeholder, { ...props }));
 }
 exports.Skeleton = Skeleton;
 

package/cjs/components/content/Tag/Tag.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -88,9 +88,9 @@ const CloseAction = (0, tasty_1.tasty)(actions_1.Action, {
 function Tag(allProps, ref) {
     let { type, icon, isClosable, onClose, closeButtonStyles, children, ...props } = allProps;
     const styles = (0, tasty_1.extractStyles)(props, tasty_1.CONTAINER_STYLES);
-    return ((0, jsx_runtime_1.jsxs)(TagElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-type": type, mods: { closable: isClosable }, children: [icon ? (0, jsx_runtime_1.jsx)("div", { "data-element": "TagIcon", children: icon }, void 0) : null, (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children }, void 0), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(CloseAction, { styles: closeButtonStyles, onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: {
+    return ((0, jsx_runtime_1.jsxs)(TagElement, { ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles, "data-type": type, mods: { closable: isClosable }, children: [icon ? (0, jsx_runtime_1.jsx)("div", { "data-element": "TagIcon", children: icon }) : null, (0, jsx_runtime_1.jsx)("div", { "data-element": "Content", children: children }), isClosable ? ((0, jsx_runtime_1.jsx)(Suffix_1.Suffix, { outerGap: "0", children: (0, jsx_runtime_1.jsx)(CloseAction, { styles: closeButtonStyles, onPress: onClose, children: (0, jsx_runtime_1.jsx)(icons_1.CloseOutlined, { style: {
                             fontSize: 'var(--font-size, inherit)',
-                        } }, void 0) }, void 0) }, void 0)) : undefined] }, void 0));
+                        } }) }) })) : undefined] }));
 }
 const _Tag = (0, react_1.forwardRef)(Tag);
 exports.Tag = _Tag;

package/cjs/components/content/Text.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -52,26 +52,26 @@ const _Text = (0, react_1.forwardRef)(function Text(allProps, ref) {
     return ((0, jsx_runtime_1.jsx)(TextElement, { as: as || 'span', qa: qa || 'Text', styleName: styleName, mods: {
             nowrap,
             ellipsis,
-        }, block: !!(block || ellipsis), ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+        }, block: !!(block || ellipsis), ...(0, tasty_1.filterBaseProps)(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 const Text = Object.assign(_Text, {
     Minor: (0, react_1.forwardRef)(function MinorText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, color: "#minor", ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, color: "#minor", ...props });
     }),
     Danger: (0, react_1.forwardRef)(function DangerText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, role: "alert", color: "#danger-text", ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, role: "alert", color: "#danger-text", ...props });
     }),
     Success: (0, react_1.forwardRef)(function SuccessText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, color: "#success-text", ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, color: "#success-text", ...props });
     }),
     Strong: (0, react_1.forwardRef)(function StrongText(props, ref) {
-        return ((0, jsx_runtime_1.jsx)(_Text, { ref: ref, as: "strong", preset: "strong", color: "#dark", ...props }, void 0));
+        return ((0, jsx_runtime_1.jsx)(_Text, { ref: ref, as: "strong", preset: "strong", color: "#dark", ...props }));
     }),
     Emphasis: (0, react_1.forwardRef)(function EmphasisText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, as: "em", preset: "em", ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, as: "em", preset: "em", ...props });
     }),
     Selection: (0, react_1.forwardRef)(function SelectionText(props, ref) {
-        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, color: "#dark", fill: "#note.30", ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(_Text, { ref: ref, color: "#dark", fill: "#note.30", ...props });
     }),
 });
 exports.Text = Text;

package/cjs/components/content/Title.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -56,14 +56,14 @@ const _Title = (0, react_1.forwardRef)(function Title({ qa, as, styleName, inlin
     return ((0, jsx_runtime_1.jsx)(TitleElement, { qa: qa || 'Title', as: as || tag, styleName: styleName, "data-level": level || 1, mods: {
             nowrap,
             ellipsis,
-        }, inline: inline, ...(0, tasty_1.filterBaseProps)(propsWithSlots, { eventProps: true }), ref: ref, styles: styles }, void 0));
+        }, inline: inline, ...(0, tasty_1.filterBaseProps)(propsWithSlots, { eventProps: true }), ref: ref, styles: styles }));
 });
 const Title = Object.assign(_Title, {
     Danger: (0, react_1.forwardRef)(function DangerTitle(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#danger-text", ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#danger-text", ...props });
     }),
     Success: (0, react_1.forwardRef)(function SuccessTitle(props, ref) {
-        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#success-text", ...props }, void 0);
+        return (0, jsx_runtime_1.jsx)(Title, { ref: ref, color: "#success-text", ...props });
     }),
 });
 exports.Title = Title;

package/cjs/components/forms/Checkbox/Checkbox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -27,10 +27,10 @@ const Text_1 = require("../../content/Text");
 const CheckboxGroup_1 = require("./CheckboxGroup");
 const context_1 = require("./context");
 function CheckOutlined() {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "10", height: "8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.417 7.604l-.017.018-3.4-3.4 1.433-1.433 1.985 1.985L8.192 0l1.432 1.433-6.189 6.189-.018-.018z", fill: "currentColor" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "10", height: "8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M3.417 7.604l-.017.018-3.4-3.4 1.433-1.433 1.985 1.985L8.192 0l1.432 1.433-6.189 6.189-.018-.018z", fill: "currentColor" }) }));
 }
 function IndeterminateOutline() {
-    return ((0, jsx_runtime_1.jsx)("svg", { width: "9", height: "3", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 .044v2.001l.026.025h8.063V.044H0z", fill: "#fff" }, void 0) }, void 0));
+    return ((0, jsx_runtime_1.jsx)("svg", { width: "9", height: "3", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 .044v2.001l.026.025h8.063V.044H0z", fill: "#fff" }) }));
 }
 const CheckboxWrapperElement = (0, tasty_1.tasty)({
     as: 'label',
@@ -124,7 +124,7 @@ function Checkbox(props, ref) {
                 ? { 'aria-label': label }
                 : {}),
         }, toggleState, inputRef);
-    let markIcon = isIndeterminate ? (0, jsx_runtime_1.jsx)(IndeterminateOutline, {}, void 0) : (0, jsx_runtime_1.jsx)(CheckOutlined, {}, void 0);
+    let markIcon = isIndeterminate ? (0, jsx_runtime_1.jsx)(IndeterminateOutline, {}) : (0, jsx_runtime_1.jsx)(CheckOutlined, {});
     if (groupState) {
         for (let key of ['isSelected', 'defaultSelected', 'isEmphasized']) {
             if (originalProps[key] != null) {
@@ -146,7 +146,7 @@ function Checkbox(props, ref) {
         'side-label': labelPosition === 'side',
         'inside-form': insideForm,
     };
-    const checkboxField = ((0, jsx_runtime_1.jsxs)(CheckboxWrapperElement, { isHidden: isHidden, mods: mods, styles: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": qa || 'Checkbox', ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }, void 0), (0, jsx_runtime_1.jsx)(CheckboxElement, { qa: "Checkbox", mods: mods, styles: inputStyles, children: markIcon }, void 0), children && (0, jsx_runtime_1.jsx)(Text_1.Text, { children: children }, void 0)] }, void 0));
+    const checkboxField = ((0, jsx_runtime_1.jsxs)(CheckboxWrapperElement, { isHidden: isHidden, mods: mods, styles: { position: 'relative' }, children: [(0, jsx_runtime_1.jsx)(HiddenInput_1.HiddenInput, { "data-qa": qa || 'Checkbox', ...(0, react_2.mergeProps)(inputProps, focusProps), ref: inputRef }), (0, jsx_runtime_1.jsx)(CheckboxElement, { qa: "Checkbox", mods: mods, styles: inputStyles, children: markIcon }), children && (0, jsx_runtime_1.jsx)(Text_1.Text, { children: children })] }));
     if (insideForm && !groupState) {
         return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...{
                 as: 'label',
@@ -169,13 +169,13 @@ function Checkbox(props, ref) {
                 labelSuffix,
                 Component: checkboxField,
                 ref: domRef,
-            } }, void 0));
+            } }));
     }
     return ((0, jsx_runtime_1.jsxs)(CheckboxWrapperElement, { as: "label", styles: styles, isHidden: isHidden, ...hoverProps, ...(0, tasty_1.filterBaseProps)(otherProps), ref: domRef, children: [checkboxField, label ? ((0, jsx_runtime_1.jsx)(tasty_1.Element, { styles: labelStyles, mods: {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
-                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label }, void 0)) : null] }, void 0));
+                }, ...(0, tasty_1.filterBaseProps)(labelProps), children: label })) : null] }));
 }
 /**
  * Checkboxes allow users to select multiple items from a list of individual items,

package/cjs/components/forms/Checkbox/CheckboxGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -57,8 +57,8 @@ function CheckboxGroup(props, ref) {
         }, children: (0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, { value: {
                 isDisabled,
                 validationState,
-            }, children: (0, jsx_runtime_1.jsx)(context_1.CheckboxGroupContext.Provider, { value: state, children: children }, void 0) }, void 0) }, void 0));
-    return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...fieldWrapperProps, ref: domRef, Component: radioGroup, fieldProps: groupProps, labelProps: labelProps, styles: styles }, void 0));
+            }, children: (0, jsx_runtime_1.jsx)(context_1.CheckboxGroupContext.Provider, { value: state, children: children }) }) }));
+    return ((0, jsx_runtime_1.jsx)(FieldWrapper_1.FieldWrapper, { ...fieldWrapperProps, ref: domRef, Component: radioGroup, fieldProps: groupProps, labelProps: labelProps, styles: styles }));
 }
 /**
  * Checkbox groups allow users to select a single option from a list of mutually exclusive options.

package/cjs/components/forms/Checkbox/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.0
  * Released under the MIT license.
  */
 

package/cjs/components/forms/DatePicker/DateInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -49,7 +49,7 @@ function DateInput(props, ref) {
     }
     let fieldRef = (0, react_1.useRef)(null);
     let { labelProps, fieldProps } = (0, datepicker_1.useDateField)(props, state, fieldRef);
-    const component = ((0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { ref: fieldRef, size: size, fieldProps: fieldProps, isDisabled: isDisabled, autoFocus: autoFocus, validationState: state.validationState, styles: wrapperStyles, inputStyles: inputStyles, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }, void 0));
+    const component = ((0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { ref: fieldRef, size: size, fieldProps: fieldProps, isDisabled: isDisabled, autoFocus: autoFocus, validationState: state.validationState, styles: wrapperStyles, inputStyles: inputStyles, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }));
     return (0, wrapper_1.wrapWithField)(component, domRef, {
         ...props,
         styles,

package/cjs/components/forms/DatePicker/DateInputBase.js

@@ -1,14 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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);
 }) : (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
@@ -68,7 +72,7 @@ function DateInputBase(props, ref) {
             disabled: isDisabled,
             focused: isFocused && !disableFocusRing,
             invalid: isInvalid,
-        }, ...(0, utils_1.mergeProps)(fieldProps ?? {}, focusProps), style: style, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Contents", role: "presentation", children: (0, jsx_runtime_1.jsx)(DateInputElement, { ref: (0, utils_1.mergeRefs)(ref, inputRef), "data-size": size, role: "presentation", styles: inputStyles, children: children }, void 0) }, void 0), validationState && !isLoading ? validation : undefined] }, void 0));
+        }, ...(0, utils_1.mergeProps)(fieldProps ?? {}, focusProps), style: style, children: [(0, jsx_runtime_1.jsx)("div", { "data-element": "Contents", role: "presentation", children: (0, jsx_runtime_1.jsx)(DateInputElement, { ref: (0, utils_1.mergeRefs)(ref, inputRef), "data-size": size, role: "presentation", styles: inputStyles, children: children }) }), validationState && !isLoading ? validation : undefined] }));
 }
 const _DateInputBase = react_1.default.forwardRef(DateInputBase);
 exports.DateInputBase = _DateInputBase;

package/cjs/components/forms/DatePicker/DatePicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -67,7 +67,7 @@ function DatePicker(props, ref) {
     let showTimeField = !!timeGranularity;
     //
     // let visibleMonths = useVisibleMonths(maxVisibleMonths);
-    const component = ((0, jsx_runtime_1.jsxs)(DatePickerElement_1.DatePickerElement, { ref: targetRef, styles: props.wrapperStyles, mods: { focused: isFocused && !isFocusedButton }, ...focusProps, children: [(0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { disableFocusRing: true, radius: "left", border: "top left bottom", isDisabled: isDisabled, validationState: validationState, size: size, children: (0, jsx_runtime_1.jsx)(DatePickerInput_1.DatePickerInput, { useLocale: useLocaleProp, ...fieldProps }, void 0) }, void 0), (0, jsx_runtime_1.jsxs)(Dialog_1.DialogTrigger, { hideArrow: true, type: "popover", mobileType: "tray", placement: "bottom right", targetRef: targetRef, isOpen: isOpen, shouldFlip: props.shouldFlip, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(DatePickerButton_1.DatePickerButton, { size: size, ...(0, react_2.mergeProps)(buttonProps, focusPropsButton), isDisabled: isDisabled }, void 0), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { ...dialogProps, width: "max-content", children: [(0, jsx_runtime_1.jsx)(Calendar_1.Calendar, { ...calendarProps }, void 0), showTimeField && ((0, jsx_runtime_1.jsx)(TimeInput_1.TimeInput, { padding: "1x", label: intl_1.dateMessages['time'], value: state.timeValue, placeholderValue: timePlaceholder, granularity: timeGranularity, minValue: timeMinValue, maxValue: timeMaxValue, hourCycle: props.hourCycle, hideTimeZone: props.hideTimeZone, onChange: state.setTimeValue }, void 0))] }, void 0)] }, void 0)] }, void 0));
+    const component = ((0, jsx_runtime_1.jsxs)(DatePickerElement_1.DatePickerElement, { ref: targetRef, styles: props.wrapperStyles, mods: { focused: isFocused && !isFocusedButton }, ...focusProps, children: [(0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { disableFocusRing: true, radius: "left", border: "top left bottom", isDisabled: isDisabled, validationState: validationState, size: size, children: (0, jsx_runtime_1.jsx)(DatePickerInput_1.DatePickerInput, { useLocale: useLocaleProp, ...fieldProps }) }), (0, jsx_runtime_1.jsxs)(Dialog_1.DialogTrigger, { hideArrow: true, type: "popover", mobileType: "tray", placement: "bottom right", targetRef: targetRef, isOpen: isOpen, shouldFlip: props.shouldFlip, onOpenChange: setOpen, children: [(0, jsx_runtime_1.jsx)(DatePickerButton_1.DatePickerButton, { size: size, ...(0, react_2.mergeProps)(buttonProps, focusPropsButton), isDisabled: isDisabled }), (0, jsx_runtime_1.jsxs)(Dialog_1.Dialog, { ...dialogProps, width: "max-content", children: [(0, jsx_runtime_1.jsx)(Calendar_1.Calendar, { ...calendarProps }), showTimeField && ((0, jsx_runtime_1.jsx)(TimeInput_1.TimeInput, { padding: "1x", label: intl_1.dateMessages['time'], value: state.timeValue, placeholderValue: timePlaceholder, granularity: timeGranularity, minValue: timeMinValue, maxValue: timeMaxValue, hourCycle: props.hourCycle, hideTimeZone: props.hideTimeZone, onChange: state.setTimeValue }))] })] })] }));
     return (0, wrapper_1.wrapWithField)(component, domRef, {
         ...props,
         styles,

package/cjs/components/forms/DatePicker/DatePickerButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -13,7 +13,7 @@ const icons_1 = require("@ant-design/icons");
 const tasty_1 = require("../../../tasty");
 const actions_1 = require("../../actions");
 exports.DatePickerButton = (0, tasty_1.tasty)(actions_1.Button, {
-    icon: (0, jsx_runtime_1.jsx)(icons_1.CalendarOutlined, {}, void 0),
+    icon: (0, jsx_runtime_1.jsx)(icons_1.CalendarOutlined, {}),
     styles: {
         radius: '1r right',
         border: 'top right bottom',

package/cjs/components/forms/DatePicker/DatePickerElement.js

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

package/cjs/components/forms/DatePicker/DatePickerInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.26.4
+ * @cube-dev/ui-kit v0.27.0
  * Released under the MIT license.
  */
 
@@ -38,7 +38,7 @@ function DatePickerInput(props) {
         state.segments = (0, utils_1.formatSegments)(state.segments);
     }
     let { fieldProps } = (0, datepicker_1.useDateField)(props, state, ref);
-    return ((0, jsx_runtime_1.jsx)(DateInputElement, { ref: ref, ...fieldProps, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }, void 0));
+    return ((0, jsx_runtime_1.jsx)(DateInputElement, { ref: ref, ...fieldProps, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }));
 }
 exports.DatePickerInput = DatePickerInput;