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

package/es/components/forms/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ const REQUIRED_ICON = (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", versio
         width: '.8em',
         height: '.8em',
         transform: 'rotate(-5deg)',
-    }, children: _jsx("switch", { children: _jsx("g", { children: _jsx("polygon", { fill: "currentColor", points: "97.5,47.5 90.5,26.1 61.3,35.6 61.3,4.8 38.7,4.8 38.7,35.6 9.5,26.1 2.5,47.5 31.8,57 13.7,82 31.9,95.2     50,70.3 68.1,95.2 86.3,82 68.2,57" }) }) }) }));
+    }, children: _jsx("switch", { children: _jsx("g", { children: _jsx("polygon", { fill: "currentColor", points: "97.5,47.5 90.5,26.1 61.3,35.6 61.3,4.8 38.7,4.8 38.7,35.6 9.5,26.1 2.5,47.5 31.8,57 13.7,82 31.9,95.2     50,70.3 68.1,95.2 86.3,82 68.2,57" }, void 0) }, void 0) }, void 0) }, void 0));
 const INTL_MESSAGES = {
     '(required)': '(required)',
     '(optional)': '(optional)',
@@ -66,7 +66,7 @@ function Label(props, ref) {
         : formatMessage('(optional)');
     let icon = (_jsx("span", { "aria-label": includeNecessityIndicatorInAccessibilityName
             ? formatMessage('(required)')
-            : undefined, children: REQUIRED_ICON }));
+            : undefined, children: REQUIRED_ICON }, void 0));
     return (_jsx(LabelElement, { ...filterBaseProps(otherProps), onClick: onClick, ref: domRef, styles: styles, htmlFor: labelFor || htmlFor, mods: {
             side: labelPosition === 'side',
             disabled: isDisabled,
@@ -76,7 +76,7 @@ function Label(props, ref) {
                     (necessityIndicator === 'icon' && isRequired)) &&
                     ' \u200b', necessityIndicator === 'label' && (_jsx("span", { "aria-hidden": !includeNecessityIndicatorInAccessibilityName
                         ? isRequired
-                        : undefined, children: necessityLabel })), necessityIndicator === 'icon' && isRequired && icon] })) }));
+                        : undefined, children: necessityLabel }, void 0)), necessityIndicator === 'icon' && isRequired && icon] }, void 0)) }, void 0));
 }
 let _Label = forwardRef(Label);
 export { _Label as Label };

package/es/components/forms/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -35,7 +35,7 @@ function NumberInput(props, ref) {
     let state = useNumberFieldState({ ...props, locale });
     let inputRef = useRef(null);
     let { groupProps, labelProps, inputProps, incrementButtonProps, decrementButtonProps, } = useNumberField(props, state, inputRef);
-    return (_jsx(TextInputBase, { ...otherProps, labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (_jsxs(StepperContainer, { children: [_jsx(StepButton, { direction: "up", ...incrementButtonProps }), _jsx(StepButton, { direction: "down", ...decrementButtonProps })] })) : null }));
+    return (_jsx(TextInputBase, { ...otherProps, labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef, wrapperProps: groupProps, suffixPosition: "after", suffix: showStepper ? (_jsxs(StepperContainer, { children: [_jsx(StepButton, { direction: "up", ...incrementButtonProps }, void 0), _jsx(StepButton, { direction: "down", ...decrementButtonProps }, void 0)] }, void 0)) : null }, void 0));
 }
 /**
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.

package/es/components/forms/NumberInput/StepButton.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -22,10 +22,10 @@ const STEP_BUTTON_STYLES = {
  * Buttons for NumberField.
  */
 export function StepButton(props) {
-    return (_jsx(Button, { type: "neutral", styles: STEP_BUTTON_STYLES, preventDefault: true, icon: props.direction === 'up' ? _jsx(CaretUpOutlined, {}) : _jsx(CaretDownOutlined, {}), mods: {
+    return (_jsx(Button, { type: "neutral", styles: STEP_BUTTON_STYLES, preventDefault: true, icon: props.direction === 'up' ? _jsx(CaretUpOutlined, {}, void 0) : _jsx(CaretDownOutlined, {}, void 0), mods: {
             up: props.direction === 'up',
             down: props.direction === 'down',
-        }, label: `Step ${props.direction}`, ...props }));
+        }, label: `Step ${props.direction}`, ...props }, void 0));
 }
 
         

package/es/components/forms/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -25,8 +25,8 @@ function PasswordInput(props, ref) {
     const toggleType = useCallback((e) => {
         setType((type) => (type === 'password' ? 'text' : 'password'));
     }, []);
-    const wrappedSuffix = (_jsxs(_Fragment, { children: [suffix, _jsx(Button, { type: "neutral", htmlType: "button", onPress: toggleType, placeSelf: "stretch", height: "auto", radius: "right (1r - 1bw)", padding: ".5x 1x", width: "auto", label: "Toggle masking", excludeFromTabOrder: true, icon: type === 'password' ? _jsx(EyeInvisibleOutlined, {}) : _jsx(EyeOutlined, {}) })] }));
-    return (_jsx(TextInputBase, { labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: type, suffixPosition: "after", suffix: wrappedSuffix, multiLine: multiLine, ...otherProps }));
+    const wrappedSuffix = (_jsxs(_Fragment, { children: [suffix, _jsx(Button, { type: "neutral", htmlType: "button", onPress: toggleType, placeSelf: "stretch", height: "auto", radius: "right (1r - 1bw)", padding: ".5x 1x", width: "auto", label: "Toggle masking", excludeFromTabOrder: true, icon: type === 'password' ? _jsx(EyeInvisibleOutlined, {}, void 0) : _jsx(EyeOutlined, {}, void 0) }, void 0)] }, void 0));
+    return (_jsx(TextInputBase, { labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: type, suffixPosition: "after", suffix: wrappedSuffix, multiLine: multiLine, ...otherProps }, void 0));
 }
 /**
  * PasswordInputs are password inputs that allow users to input passwords or code entries

package/es/components/forms/RadioGroup/Radio.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -104,7 +104,7 @@ const RadioNormalElement = tasty({
         },
     },
 });
-const RadioCircleElement = _jsx("div", { "data-element": "RadioCircle" });
+const RadioCircleElement = _jsx("div", { "data-element": "RadioCircle" }, void 0);
 const RadioLabelElement = tasty({
     qa: 'RadioLabel',
     styles: {
@@ -142,22 +142,22 @@ function Radio(props, ref) {
             invalid: validationState === 'invalid',
             hovered: isHovered,
             button: isButton,
-        }, children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...mergeProps(inputProps, focusProps), isButton: isButton, ref: inputRef }), _jsx(RadioElement, { mods: {
+        }, children: [_jsx(HiddenInput, { "data-qa": qa || 'Radio', "aria-label": ariaLabel, ...mergeProps(inputProps, focusProps), isButton: isButton, ref: inputRef }, void 0), _jsx(RadioElement, { mods: {
                     checked: inputProps.checked,
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
                     hovered: isHovered,
                     focused: isFocused,
-                }, styles: inputStyles, children: !isButton ? RadioCircleElement : children }), label && !isButton && (_jsx(RadioLabelElement, { mods: {
+                }, styles: inputStyles, children: !isButton ? RadioCircleElement : children }, void 0), label && !isButton && (_jsx(RadioLabelElement, { mods: {
                     invalid: validationState === 'invalid',
                     valid: validationState === 'valid',
                     disabled: isDisabled,
-                }, ...filterBaseProps(labelProps), children: label }))] }));
+                }, ...filterBaseProps(labelProps), children: label }, void 0))] }, void 0));
 }
 function RadioButton(props, ref) {
     const Radio = _Radio;
-    return _jsx(Radio, { ...props, type: "button", ref: ref });
+    return _jsx(Radio, { ...props, type: "button", ref: ref }, void 0);
 }
 /**
  * Radio buttons allow users to select a single option from a list of mutually exclusive options.

package/es/components/forms/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -49,7 +49,7 @@ function RadioGroup(props, ref) {
                 isRequired,
                 validationState,
                 isDisabled,
-            }, children: _jsx(RadioContext.Provider, { value: state, children: children }) }) }));
+            }, children: _jsx(RadioContext.Provider, { value: state, children: children }, void 0) }, void 0) }, void 0));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,
@@ -69,7 +69,7 @@ function RadioGroup(props, ref) {
             isHidden,
             Component: radioGroup,
             ref: domRef,
-        } }));
+        } }, void 0));
 }
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.

package/es/components/forms/RadioGroup/context.js

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

package/es/components/forms/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -31,12 +31,12 @@ export const SearchInput = forwardRef((props, ref) => {
     }, [combinedRef, value]);
     let state = useSearchFieldState(props);
     let { inputProps, clearButtonProps } = useSearchField(props, state, inputRef);
-    return (_jsx(TextInputBase, { inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: "search", prefix: _jsx(SearchOutlined, {}), suffixPosition: "after", suffix: isClearable &&
+    return (_jsx(TextInputBase, { inputProps: inputProps, ref: ref, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: "search", prefix: _jsx(SearchOutlined, {}, void 0), suffixPosition: "after", suffix: isClearable &&
             state.value !== '' &&
             !props.isReadOnly && (_jsx(Button, { type: "clear", ...ariaToCubeButtonProps(clearButtonProps), color: {
                 '': '#dark.50',
                 'hovered | pressed': '#purple-text',
-            }, radius: "right (1r - 1bw)", padding: ".5x 1x", placeSelf: "stretch", icon: _jsx(CloseOutlined, {}) })), ...props }));
+            }, radius: "right (1r - 1bw)", padding: ".5x 1x", placeSelf: "stretch", icon: _jsx(CloseOutlined, {}, void 0) }, void 0)), ...props }, void 0));
 });
 
         

package/es/components/forms/Switch/Switch.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -104,7 +104,7 @@ function Switch(props, ref) {
     let domRef = useFocusableRef(ref, inputRef);
     // eslint-disable-next-line react-hooks/rules-of-hooks
     let { inputProps } = useSwitch(props, useToggleState(props), inputRef);
-    const switchField = (_jsxs(BaseSwitchWrapperElement, { qa: qa || 'Switch', children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }), _jsx(SwitchElement, { mods: {
+    const switchField = (_jsxs(BaseSwitchWrapperElement, { qa: qa || 'Switch', children: [_jsx(HiddenInput, { "data-qa": "HiddenInput", ...mergeProps(inputProps, focusProps), ref: inputRef }, void 0), _jsx(SwitchElement, { mods: {
                     'inside-form': insideForm,
                     'side-label': labelPosition === 'side',
                     checked: inputProps.checked,
@@ -113,7 +113,7 @@ function Switch(props, ref) {
                     focused: isFocused,
                 }, styles: inputStyles, children: _jsx(SwitchThumbElement, { styles: thumbStyles, mods: {
                         checked: inputProps.checked,
-                    } }) })] }));
+                    } }, void 0) }, void 0)] }, void 0));
     if (insideForm) {
         return (_jsx(FieldWrapper, { ...{
                 as: 'label',
@@ -131,11 +131,11 @@ function Switch(props, ref) {
                 tooltip,
                 Component: switchField,
                 ref: domRef,
-            } }));
+            } }, void 0));
     }
     return (_jsxs(SwitchWrapperElement, { as: "label", styles: styles, ...hoverProps, ...filterBaseProps(otherProps), ref: domRef, children: [switchField, label && (_jsxs(Element, { styles: labelStyles, mods: {
                     disabled: isDisabled,
-                }, ...filterBaseProps(labelProps), children: [label, isLoading ? (_jsxs(_Fragment, { children: [label ? _jsx(_Fragment, { children: "\u00A0" }) : null, _jsx(LoadingOutlined, {})] })) : null] }))] }));
+                }, ...filterBaseProps(labelProps), children: [label, isLoading ? (_jsxs(_Fragment, { children: [label ? _jsx(_Fragment, { children: "\u00A0" }, void 0) : null, _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null] }, void 0))] }, void 0));
 }
 /**
  * Switches allow users to turn an individual option on or off.

package/es/components/forms/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -46,7 +46,7 @@ function TextArea(props, ref) {
         onChange: chain(onChange, setInputValue),
         inputElementType: 'textarea',
     }, inputRef);
-    return (_jsx(TextInputBase, { ...otherProps, ref: ref, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, multiLine: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
+    return (_jsx(TextInputBase, { ...otherProps, ref: ref, inputRef: inputRef, labelProps: labelProps, inputProps: inputProps, multiLine: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }, void 0));
 }
 /**
  * TextInputs are text inputs that allow users to input custom text entries

package/es/components/forms/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
     props = useProviderProps(props);
     let inputRef = useRef(null);
     let { labelProps, inputProps } = useTextField(props, inputRef);
-    return (_jsx(TextInputBase, { ...props, labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef }));
+    return (_jsx(TextInputBase, { ...props, labelProps: labelProps, inputProps: inputProps, ref: ref, inputRef: inputRef }, void 0));
 });
 /**
  * TextInputs are text inputs that allow users to input custom text entries

package/es/components/forms/TextInput/TextInputBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -115,10 +115,10 @@ function TextInputBase(props, ref) {
         },
     }));
     let isInvalid = validationState === 'invalid';
-    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } })) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }));
+    let validationIcon = isInvalid ? (_jsx(WarningOutlined, { style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
     suffix =
-        typeof suffix === 'string' ? (_jsx(Block, { padding: "1x right", children: suffix })) : (suffix);
+        typeof suffix === 'string' ? (_jsx(Block, { padding: "1x right", children: suffix }, void 0)) : (suffix);
     // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
     if (!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder)) {
         if (!inputProps) {
@@ -140,7 +140,7 @@ function TextInputBase(props, ref) {
                     focused: isFocused,
                 }, style: {
                     WebkitTextSecurity: multiLine && type === 'password' ? 'disc' : 'initial',
-                }, autoFocus: autoFocus, "data-size": size, styles: inputStyles }), _jsx(Prefix, { onWidthChange: setPrefixWidth, opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", children: prefix }), _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs(Space, { gap: false, padding: `0 ${suffix ? '1x' : '1.5x'} 0 0`, children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {})] })) : null, suffixPosition === 'after' ? suffix : null] })] }));
+                }, autoFocus: autoFocus, "data-size": size, styles: inputStyles }, void 0), _jsx(Prefix, { onWidthChange: setPrefixWidth, opacity: isDisabled ? '@disabled-opacity' : false, placeItems: "center", children: prefix }, void 0), _jsxs(Suffix, { onWidthChange: setSuffixWidth, opacity: isDisabled ? '@disabled-opacity' : false, children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs(Space, { gap: false, padding: `0 ${suffix ? '1x' : '1.5x'} 0 0`, children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, {}, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
     return (_jsx(FieldWrapper, { ...{
             labelPosition,
             label,
@@ -160,7 +160,7 @@ function TextInputBase(props, ref) {
             isHidden,
             Component: textField,
             ref: domRef,
-        } }));
+        } }, void 0));
 }
 const _TextInputBase = forwardRef(TextInputBase);
 export { _TextInputBase as TextInputBase };

package/es/components/forms/index.js

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

package/es/components/layout/Flex.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -16,7 +16,7 @@ const FlexElement = tasty({
 });
 export const Flex = forwardRef((props, ref) => {
     const styles = extractStyles(props, CONTAINER_STYLES);
-    return (_jsx(FlexElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }));
+    return (_jsx(FlexElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/es/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -17,7 +17,7 @@ const FlowElement = tasty({
 const STYLE_PROPS = CONTAINER_STYLES;
 export const Flow = forwardRef((props, ref) => {
     const styles = extractStyles(props, STYLE_PROPS);
-    return (_jsx(FlowElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }));
+    return (_jsx(FlowElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/es/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -22,7 +22,7 @@ const PROP_MAP = {
 };
 export const Grid = forwardRef((props, ref) => {
     const styles = extractStyles(props, CONTAINER_STYLES, undefined, PROP_MAP);
-    return (_jsx(GridElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }));
+    return (_jsx(GridElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref }, void 0));
 });
 
         

package/es/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -37,7 +37,7 @@ export const Prefix = forwardRef((allProps, outerRef) => {
     return (_jsx(PrefixElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref, style: {
             // @ts-ignore
             '--prefix-gap': parseStyle(outerGap).value,
-        }, children: children }));
+        }, children: children }, void 0));
 });
 
         

package/es/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -28,7 +28,7 @@ export const Space = forwardRef(function Space(props, ref) {
     return (_jsx(SpaceElement, { ...filterBaseProps(otherProps, { eventProps: true }), mods: {
             vertical: direction === 'vertical',
             ...mods,
-        }, styles: styles, ref: ref }));
+        }, styles: styles, ref: ref }, void 0));
 });
 
         

package/es/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -36,7 +36,7 @@ export const Suffix = forwardRef((allProps, outerRef) => {
     }, [children, ref, onWidthChange]);
     return (_jsx(SuffixElement, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref, style: {
             '--suffix-gap': parseStyle(outerGap).value,
-        }, children: children }));
+        }, children: children }, void 0));
 });
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -142,7 +142,7 @@ const StyledTabsContainerElement = styled(TabsContainerElement) `
   }
 `;
 const Tab = ({ isSelected, isHidden, onClose, ...props }) => {
-    return (_jsx(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }));
+    return (_jsx(StyledTabElement, { isSelected: isSelected, isHidden: isHidden, ...props }, void 0));
 };
 export function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }) {
     const tabsRef = useRef(null);
@@ -238,7 +238,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, onPress: () => onPress(tab), isSelected: tab.id === activeKey || false, isDisabled: tab.isDisabled, isHidden: tab.isHidden, children: tab.title }, tab.id));
-                            }) }), extra] }), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
+                            }) }, void 0), extra] }, void 0), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
 }
 LegacyTabs.TabPane = function TabPane({ id, title, qa, isHidden, isDisabled, children, ...props }) {
     const { addTab, removeTab, changeTab, currentTab } = useContext(LegacyTabsContext);
@@ -265,7 +265,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 }));
+    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
 };
 
         

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -195,7 +195,7 @@ const CloseButton = tasty({
     },
 });
 const Tab = ({ isDirty, isDisabled, children, isClosable, onClose, ...props }) => {
-    return (_jsx(TabElement, { className: isDirty ? 'file-tab--dirty' : '', 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, className: "file-tab-close", children: _jsx(CloseOutlined, {}) })) : (_jsx("div", {})), isDirty ? _jsx(DirtyBadge, { className: "file-tab-dirty-badge" }) : null] }))] }) }));
+    return (_jsx(TabElement, { className: isDirty ? 'file-tab--dirty' : '', 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, className: "file-tab-close", children: _jsx(CloseOutlined, {}, void 0) }, void 0)) : (_jsx("div", {}, void 0)), isDirty ? _jsx(DirtyBadge, { className: "file-tab-dirty-badge" }, void 0) : null] }, void 0))] }, void 0) }, void 0));
 };
 export function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable = true, children, ...props }) {
     const tabsRef = useRef(null);
@@ -297,7 +297,7 @@ export function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClic
                 currentTab: activeKey,
             }, children: [_jsx(StyledTabsPanelElement, { ref: tabsRef, children: tabs.map((tab) => {
                         return (_jsx(Tab, { onPress: () => onPress(tab), onClose: () => isClosable && handleClose(tab), isClosable: isClosable, isDisabled: tab.id === activeKey || false, isDirty: tab.isDirty, children: tab.title }, tab.id));
-                    }) }), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children })] }) }));
+                    }) }, void 0), _jsx(Flex, { flexGrow: 1, border: "top rgb(227, 227, 233)", ...(paneStyles || {}), children: children }, void 0)] }, void 0) }, void 0));
 }
 FileTabs.TabPane = function FileTabPane(allProps) {
     let { id, title, isDirty, children, ...props } = allProps;
@@ -317,7 +317,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 }));
+    return (_jsx(Block, { style: { display: isCurrent ? 'block' : 'none' }, flexGrow: 1, ...props, children: children }, void 0));
 };
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -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, { level: 4, flexGrow: 1, children: title })), isClosable ? (_jsx(Action, { qa: "ModalCloseButton", width: "3x", height: "3x", onPress: onClose || onCancel, 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, { level: 4, flexGrow: 1, children: title }, void 0)), isClosable ? (_jsx(Action, { qa: "ModalCloseButton", width: "3x", height: "3x", onPress: onClose || onCancel, color: { '': '#dark.75', hovered: '#purple' }, outline: {
                                     '': '#purple-03.0',
                                     'focused & focus-visible': '#purple-03',
-                                }, label: "Close", 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', onPress: cancel, isDisabled: isLoading, 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] })] }) }) }));
+                                }, label: "Close", 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', onPress: cancel, isDisabled: isLoading, 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));
 }
 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.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * 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, { level: 4, color: "#minor", preset: "default", nowrap: true, children: title }), _jsxs(Text.Strong, { preset: "h3", children: [value, " ", suffix] })] }));
+    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, { level: 4, color: "#minor", preset: "default", nowrap: true, children: title }, void 0), _jsxs(Text.Strong, { preset: "h3", children: [value, " ", suffix] }, void 0)] }, void 0));
 }
 
         

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-67120ec
+ * @cube-dev/ui-kit v0.0.0-canary-3443cc5
  * Released under the MIT license.
  */
 
@@ -68,7 +68,7 @@ export const Base64Upload = styled(forwardRef((allProps, ref) => {
             setError('Invalid file');
         }
     }
-    return (_jsxs(_Fragment, { children: [_jsxs(Button, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref, 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", onInput: onInputFile, accept: ".json" })] }), error && _jsx(Text.Danger, { color: "danger", children: error })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Button, { ...filterBaseProps(props, { eventProps: true }), styles: styles, ref: ref, 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", onInput: onInputFile, accept: ".json" }, void 0)] }, void 0), error && _jsx(Text.Danger, { color: "danger", children: error }, void 0)] }, void 0));
 })) `
   appearance: none;
   cursor: pointer;