@cube-dev/ui-kit 0.16.4 → 0.18.0

package/es/_internal/hooks/use-timer/timer.js

@@ -1,11 +1,17 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
 export class Timer {
+    get status() {
+        return this._status;
+    }
+    set status(status) {
+        this._status = status;
+    }
     constructor(callback, delay) {
         this.timerId = null;
         this.startTime = null;
@@ -15,12 +21,6 @@ export class Timer {
         this.remaining = delay;
         this.resume();
     }
-    get status() {
-        return this._status;
-    }
-    set status(status) {
-        this._status = status;
-    }
     reset() {
         this.clear();
         this.remaining = this.delay;

package/es/_internal/hooks/use-timer/use-timer.js

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

package/es/_internal/index.js

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

package/es/components/Base.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -44,7 +44,7 @@ function Base(allProps, ref) {
     if (mods) {
         Object.assign(props, modAttrs(mods));
     }
-    return (_jsx(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, ref: ref, hidden: isHidden, disabled: isDisabled, css: css }, void 0));
+    return (_jsx(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, ref: ref, hidden: isHidden, disabled: isDisabled, css: css }));
 }
 /**
  * @deprecated consider using tasty() instead

package/es/components/Block.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -15,7 +15,7 @@ const BlockElement = tasty({
 });
 export const Block = forwardRef(function Block(props, ref) {
     const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsx(BlockElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }, void 0));
+    return (_jsx(BlockElement, { ...filterBaseProps(props, { eventProps: true }), ref: ref, styles: styles }));
 });
 
         

package/es/components/GlobalStyles.js

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

package/es/components/GridProvider.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -58,7 +58,7 @@ export const GridProvider = forwardRef(function GridProvider(props, outerRef) {
             '--columns-amount': columns,
             '--column-gap': gap,
             '--column-width': COLUMN_WIDTH,
-        }, children: children }, void 0));
+        }, children: children }));
 });
 
         

package/es/components/HiddenInput.js

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

package/es/components/OpenTrasition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -25,7 +25,7 @@ const OPEN_STATES = {
  * **note** hitting esc bypasses exit animation for anyone testing.
  */
 export function OpenTransition(props) {
-    return (_jsx(Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => Children.map(props.children, (child) => child && cloneElement(child, { isOpen: !!OPEN_STATES[state] })) }, void 0));
+    return (_jsx(Transition, { timeout: { enter: 0, exit: 350 }, ...props, children: (state) => Children.map(props.children, (child) => child && cloneElement(child, { isOpen: !!OPEN_STATES[state] })) }));
 }
 
         

package/es/components/Root.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -13,6 +13,7 @@ import { BASE_STYLES, BLOCK_STYLES, extractStyles, filterBaseProps, tasty, } fro
 import { Provider } from '../provider';
 import { TOKENS } from '../tokens';
 import { useViewportSize } from '../utils/react';
+import { TrackingProvider } from '../providers/TrackingProvider';
 import { PortalProvider } from './portal';
 import { GlobalStyles } from './GlobalStyles';
 import { AlertDialogApiProvider } from './overlays/AlertDialog';
@@ -36,7 +37,7 @@ const IS_DVH_SUPPORTED = typeof CSS !== 'undefined' && typeof CSS?.supports ===
 export function Root(allProps) {
     let { children, 
     /** Raw css styles for body element */
-    bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, ...props } = allProps;
+    bodyStyles, fonts, publicUrl, router, font, monospaceFont, applyLegacyTokens, tracking, ...props } = allProps;
     const ref = useRef(null);
     const [rootRef, setRootRef] = useState();
     // We need to measure the window's height in JS rather than using percentages in CSS
@@ -77,9 +78,11 @@ export function Root(allProps) {
         }
     }, []);
     const styles = extractStyles(props, STYLES, DEFAULT_STYLES);
-    return (_jsx(Provider, { router: router, root: rootRef, children: _jsx(StyleSheetManager, { disableVendorPrefixes: true, children: _jsxs(RootElement, { ref: ref, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
-                    '--cube-dynamic-viewport-height': height ? height + 'px' : '100dvh',
-                }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }, void 0), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }, void 0) }, void 0) }, void 0) }, void 0)] }, void 0) }, void 0) }, void 0));
+    return (_jsx(Provider, { router: router, root: rootRef, children: _jsx(TrackingProvider, { event: tracking?.event, children: _jsx(StyleSheetManager, { disableVendorPrefixes: true, children: _jsxs(RootElement, { ref: ref, ...filterBaseProps(props, { eventProps: true }), styles: styles, style: {
+                        '--cube-dynamic-viewport-height': height
+                            ? height + 'px'
+                            : '100dvh',
+                    }, children: [_jsx(GlobalStyles, { bodyStyles: bodyStyles, applyLegacyTokens: applyLegacyTokens, publicUrl: publicUrl, fonts: fonts, font: font, monospaceFont: monospaceFont }), _jsx(ModalProvider, { children: _jsx(PortalProvider, { value: ref, children: _jsx(NotificationsProvider, { rootRef: ref, children: _jsx(AlertDialogApiProvider, { children: children }) }) }) })] }) }) }) }));
 }
 
         

package/es/components/actions/Action.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -33,7 +33,7 @@ const STYLE_PROPS = [...CONTAINER_STYLES, ...TEXT_STYLES];
 export const Action = forwardRef(function Action({ to, as, htmlType, label, theme, mods, onPress, ...props }, ref) {
     const { actionProps } = useAction({ to, as, htmlType, label, onPress, mods, ...props }, ref);
     const styles = extractStyles(props, STYLE_PROPS);
-    return _jsx(ActionElement, { "data-theme": theme, ...actionProps, styles: styles }, void 0);
+    return _jsx(ActionElement, { "data-theme": theme, ...actionProps, styles: styles });
 });
 
         

package/es/components/actions/Button/Button.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -64,164 +64,150 @@ export const DEFAULT_BUTTON_STYLES = {
         fontSize: '@icon-size',
     },
 };
-const DefaultButtonElement = tasty({
+const ButtonElement = tasty({
     qa: 'Button',
-    'data-theme': 'default',
-    styles: {
-        ...DEFAULT_BUTTON_STYLES,
-        shadow: {
-            '': false,
-            '[data-type="link"]': '0 @border-width 0 0 #purple.20',
-            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #purple.20',
+    styles: DEFAULT_BUTTON_STYLES,
+    variants: {
+        default: {
+            shadow: {
+                '': false,
+                '[data-type="link"]': '0 @border-width 0 0 #purple.20',
+                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #purple.20',
+            },
+            outline: {
+                '': '0 #purple-03.0',
+                focused: '@outline-width #purple-03',
+            },
+            border: {
+                // default
+                '': '#clear',
+                '[data-type="primary"] & pressed': '#purple-text',
+                '[data-type="secondary"] & pressed': '#purple.3',
+                '[data-type="outline"]': '#purple.3',
+                '[data-type="outline"] & [disabled]': '#dark.12',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple-text.10',
+                '[data-type="link"]': '0',
+            },
+            fill: {
+                '': '#clear',
+                '[data-type="primary"]': '#purple',
+                '[data-type="primary"] & pressed': '#purple',
+                '[data-type="primary"] & hovered': '#purple-text',
+                '[data-type="secondary"]': '#purple.10',
+                '[data-type="secondary"] & hovered': '#purple.16',
+                '[data-type="secondary"] & pressed': '#purple-text.10',
+                '[data-type="neutral"]': '#dark.0',
+                '[data-type="neutral"] & hovered': '#dark.04',
+                '[data-type="neutral"] & pressed': '#dark.05',
+                '[disabled] & ![data-type="link"]': '#dark.04',
+                '([data-type="clear"] | [data-type="outline"])': '#purple.0',
+                '([data-type="clear"] | [data-type="outline"]) & hovered': '#purple.16',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple.10',
+                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#purple.0',
+            },
+            color: {
+                // default
+                '': '#white',
+                '[data-type="secondary"]': '#purple',
+                '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#purple-text',
+                '[data-type="link"] & pressed': '#purple',
+                '[data-type="neutral"]': '#dark.75',
+                '[data-type="neutral"] & hovered': '#dark.75',
+                '[data-type="neutral"] & pressed': '#purple',
+                // other
+                '[disabled]': '#dark.30',
+            },
         },
-        outline: {
-            '': '0 #purple-03.0',
-            focused: '@outline-width #purple-03',
+        danger: {
+            shadow: {
+                '': false,
+                '[data-type="link"]': '0 @border-width 0 0 #danger.20',
+                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #danger.20',
+            },
+            outline: {
+                '': '0 #danger.0',
+                focused: '@outline-width #danger.50',
+            },
+            border: {
+                '': '#clear',
+                '[data-type="primary"] & pressed': '#danger-text',
+                '[data-type="secondary"] & pressed': '#danger.3',
+                '[data-type="outline"]': '#danger-text.3',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger-text.10',
+                '[data-type="outline"] & pressed': '#danger.3',
+                '[data-type="link"]': '#clear',
+            },
+            fill: {
+                '': '#clear',
+                '[data-type="primary"]': '#danger-text',
+                '[data-type="primary"] & hovered': '#danger-text',
+                '[data-type="primary"] & pressed': '#danger',
+                '[data-type="secondary"]': '#danger.05',
+                '[data-type="secondary"] & hovered': '#danger.1',
+                '[data-type="secondary"] & pressed': '#danger.05',
+                '[data-type="neutral"]': '#dark.0',
+                '[data-type="neutral"] & hovered': '#dark.04',
+                '[data-type="neutral"] & pressed': '#dark.05',
+                '[disabled] & ![data-type="link"]': '#dark.04',
+                '[data-type="clear"] | [data-type="outline"]': '#danger.0',
+                '([data-type="clear"] | [data-type="outline"]) & hovered': '#danger.1',
+                '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger.05',
+                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#danger.0',
+            },
+            color: {
+                '': '#white',
+                '[data-type="neutral"]': '#dark.75',
+                '[data-type="neutral"] & hovered': '#dark.75',
+                '[data-type="secondary"]': '#danger',
+                '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#danger-text',
+                '[data-type="link"] & pressed': '#danger',
+                '[data-type="neutral"] & pressed': '#danger',
+                '[disabled]': '#dark.30',
+            },
         },
-        border: {
-            // default
-            '': '#clear',
-            '[data-type="primary"] & pressed': '#purple-text',
-            '[data-type="secondary"] & pressed': '#purple.3',
-            '[data-type="outline"]': '#purple.3',
-            '[data-type="outline"] & [disabled]': '#dark.12',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple-text.10',
-            '[data-type="link"]': '0',
-        },
-        fill: {
-            '': '#clear',
-            '[data-type="primary"]': '#purple',
-            '[data-type="primary"] & pressed': '#purple',
-            '[data-type="primary"] & hovered': '#purple-text',
-            '[data-type="secondary"]': '#purple.10',
-            '[data-type="secondary"] & hovered': '#purple.16',
-            '[data-type="secondary"] & pressed': '#purple-text.10',
-            '[data-type="neutral"]': '#dark.0',
-            '[data-type="neutral"] & hovered': '#dark.04',
-            '[data-type="neutral"] & pressed': '#dark.05',
-            '[disabled] & ![data-type="link"]': '#dark.04',
-            '([data-type="clear"] | [data-type="outline"])': '#purple.0',
-            '([data-type="clear"] | [data-type="outline"]) & hovered': '#purple.16',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#purple.10',
-            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#purple.0',
-        },
-        color: {
-            // default
-            '': '#white',
-            '[data-type="secondary"]': '#purple',
-            '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#purple-text',
-            '[data-type="link"] & pressed': '#purple',
-            '[data-type="neutral"]': '#dark.75',
-            '[data-type="neutral"] & hovered': '#dark.75',
-            '[data-type="neutral"] & pressed': '#purple',
-            // other
-            '[disabled]': '#dark.30',
-        },
-    },
-});
-const DangerButtonElement = tasty({
-    qa: 'Button',
-    'data-theme': 'default',
-    styles: {
-        ...DEFAULT_BUTTON_STYLES,
-        shadow: {
-            '': false,
-            '[data-type="link"]': '0 @border-width 0 0 #danger.20',
-            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #danger.20',
-        },
-        outline: {
-            '': '0 #danger.0',
-            focused: '@outline-width #danger.50',
-        },
-        border: {
-            '': '#clear',
-            '[data-type="primary"] & pressed': '#danger-text',
-            '[data-type="secondary"] & pressed': '#danger.3',
-            '[data-type="outline"]': '#danger-text.3',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger-text.10',
-            '[data-type="outline"] & pressed': '#danger.3',
-            '[data-type="link"]': '#clear',
-        },
-        fill: {
-            '': '#clear',
-            '[data-type="primary"]': '#danger-text',
-            '[data-type="primary"] & hovered': '#danger-text',
-            '[data-type="primary"] & pressed': '#danger',
-            '[data-type="secondary"]': '#danger.05',
-            '[data-type="secondary"] & hovered': '#danger.1',
-            '[data-type="secondary"] & pressed': '#danger.05',
-            '[data-type="neutral"]': '#dark.0',
-            '[data-type="neutral"] & hovered': '#dark.04',
-            '[data-type="neutral"] & pressed': '#dark.05',
-            '[disabled] & ![data-type="link"]': '#dark.04',
-            '[data-type="clear"] | [data-type="outline"]': '#danger.0',
-            '([data-type="clear"] | [data-type="outline"]) & hovered': '#danger.1',
-            '([data-type="clear"] | [data-type="outline"]) & pressed': '#danger.05',
-            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#danger.0',
-        },
-        color: {
-            '': '#white',
-            '[data-type="neutral"]': '#dark.75',
-            '[data-type="neutral"] & hovered': '#dark.75',
-            '[data-type="secondary"]': '#danger',
-            '[data-type="clear"] | [data-type="outline"] | [data-type="link"]': '#danger-text',
-            '[data-type="link"] & pressed': '#danger',
-            '[data-type="neutral"] & pressed': '#danger',
-            '[disabled]': '#dark.30',
+        special: {
+            shadow: {
+                '': false,
+                '[data-type="link"]': '0 @border-width 0 0 #white.44',
+                '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #white.44',
+            },
+            outline: {
+                '': '0 #white.0',
+                focused: '@outline-width #white.44',
+                '([data-type="primary"] | [data-type="clear"])': '0 #dark-03.80',
+                '([data-type="primary"] | [data-type="clear"]) & focused': '@outline-width #purple-03.80',
+            },
+            border: {
+                '': '#clear',
+                '[data-type="primary"] & pressed': '#purple-03',
+                '[data-type="secondary"] & pressed': '#white.44',
+                '[data-type="outline"] & !pressed': '#white.44',
+            },
+            fill: {
+                '': '#clear',
+                '[data-type="primary"]': '#purple',
+                '[data-type="primary"] & pressed': '#purple',
+                '[data-type="primary"] & hovered': '#purple-text',
+                '[data-type="secondary"]': '#white.12',
+                '[data-type="clear"]': '#white',
+                '[data-type="clear"] & hovered': '#white.94',
+                '[data-type="clear"] & pressed': '#white',
+                '[disabled] & ![data-type="link"]': '#white.12',
+                '([data-type="neutral"] | [data-type="outline"])': '#white.0',
+                '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & hovered': '#white.18',
+                '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & pressed': '#white.12',
+                '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#white.0',
+            },
+            color: {
+                // default
+                '': '#white',
+                '[data-type="clear"]': '#purple',
+                // other
+                '[disabled]': '#white.30',
+            },
         },
     },
 });
-const SpecialButtonElement = tasty({
-    qa: 'Button',
-    'data-theme': 'default',
-    styles: {
-        ...DEFAULT_BUTTON_STYLES,
-        shadow: {
-            '': false,
-            '[data-type="link"]': '0 @border-width 0 0 #white.44',
-            '[data-type="link"] & (pressed | hovered | [disabled])': '0 0 0 0 #white.44',
-        },
-        outline: {
-            '': '0 #white.0',
-            focused: '@outline-width #white.44',
-            '([data-type="primary"] | [data-type="clear"])': '0 #dark-03.80',
-            '([data-type="primary"] | [data-type="clear"]) & focused': '@outline-width #purple-03.80',
-        },
-        border: {
-            '': '#clear',
-            '[data-type="primary"] & pressed': '#purple-03',
-            '[data-type="secondary"] & pressed': '#white.44',
-            '[data-type="outline"] & !pressed': '#white.44',
-        },
-        fill: {
-            '': '#clear',
-            '[data-type="primary"]': '#purple',
-            '[data-type="primary"] & pressed': '#purple',
-            '[data-type="primary"] & hovered': '#purple-text',
-            '[data-type="secondary"]': '#white.12',
-            '[data-type="clear"]': '#white',
-            '[data-type="clear"] & hovered': '#white.94',
-            '[data-type="clear"] & pressed': '#white',
-            '[disabled] & ![data-type="link"]': '#white.12',
-            '([data-type="neutral"] | [data-type="outline"])': '#white.0',
-            '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & hovered': '#white.18',
-            '([data-type="neutral"] | [data-type="outline"] | [data-type="secondary"]) & pressed': '#white.12',
-            '([data-type="clear"] | [data-type="outline"]) & [disabled]': '#white.0',
-        },
-        color: {
-            // default
-            '': '#white',
-            '[data-type="clear"]': '#purple',
-            // other
-            '[disabled]': '#white.30',
-        },
-    },
-});
-const ElementMap = {
-    default: DefaultButtonElement,
-    danger: DangerButtonElement,
-    special: SpecialButtonElement,
-};
 export const Button = forwardRef(function Button(allProps, ref) {
     let { type, size, label, children, theme = 'default', icon, rightIcon, mods, ...props } = allProps;
     const isDisabled = props.isDisabled || props.isLoading;
@@ -258,10 +244,9 @@ export const Button = forwardRef(function Button(allProps, ref) {
         'single-icon-only': singleIcon,
         ...mods,
     }), [mods, isDisabled, isLoading, isSelected, singleIcon]);
-    const ButtonElement = ElementMap[theme];
     const { actionProps } = useAction({ ...allProps, isDisabled, mods: modifiers }, ref);
     const styles = extractStyles(props, STYLE_PROPS);
-    return (_jsxs(ButtonElement, { ...actionProps, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}, void 0) : null, children, rightIcon] }, void 0));
+    return (_jsxs(ButtonElement, { ...actionProps, variant: theme, "data-theme": theme, "data-type": type ?? 'secondary', "data-size": size ?? 'medium', styles: styles, children: [icon || isLoading ? !isLoading ? icon : _jsx(LoadingOutlined, {}) : null, children, rightIcon] }));
 });
 
         

package/es/components/actions/Button/Submit.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -18,7 +18,7 @@ function Submit(props, ref) {
     const isValid = !Object.keys(formData).find((name) => {
         return form.isFieldInvalid(name);
     });
-    return (_jsx(Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form.isSubmitting, isDisabled: !isValid, ...otherProps }, void 0));
+    return (_jsx(Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form.isSubmitting, isDisabled: !isValid, ...otherProps }));
 }
 const _Submit = forwardRef(Submit);
 export { _Submit as Submit };

package/es/components/actions/Button/index.js

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

package/es/components/actions/ButtonGroup/ButtonGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
+ * @cube-dev/ui-kit v0.18.0
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ const ButtonGroupElement = tasty(Space, {
     },
 });
 export const ButtonGroup = forwardRef(function ButtonGroup(props, ref) {
-    return (_jsx(ButtonGroupElement, { ref: ref, ...useSlotProps(props, 'buttonGroup') }, void 0));
+    return (_jsx(ButtonGroupElement, { ref: ref, ...useSlotProps(props, 'buttonGroup') }));
 });
 
         

package/es/components/actions/index.js

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