@cube-dev/ui-kit 0.0.0-canary-85915a2 → 0.0.0-canary-bee8cc8

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/forms/{FieldWrapper/FieldWrapper.js → FieldWrapper.js}

@@ -1,21 +1,21 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { InfoCircleOutlined } from '@ant-design/icons';
-import { Paragraph } from '../../content/Paragraph';
-import { tasty } from '../../../tasty';
-import { TooltipProvider } from '../../overlays/Tooltip/TooltipProvider';
-import { Text } from '../../content/Text';
-import { wrapNodeIfPlain } from '../../../utils/react';
-import { Space } from '../../layout/Space';
-import { Flex } from '../../layout/Flex';
-import { Label } from '../Label';
+import { Paragraph } from '../content/Paragraph';
+import { tasty } from '../../tasty';
+import { TooltipProvider } from '../overlays/Tooltip/TooltipProvider';
+import { Text } from '../content/Text';
+import { wrapNodeIfPlain } from '../../utils/react';
+import { Space } from '../layout/Space';
+import { Flex } from '../layout/Flex';
+import { Label } from './Label';
 const FieldElement = tasty({
     qa: 'Field',
     styles: {
@@ -65,9 +65,6 @@ const MessageElement = tasty({
         userSelect: 'none',
     },
 });
-/**
- * @internal Do not use this component directly.
- */
 function FieldWrapper(props, ref) {
     const { as, labelPosition = 'top', label, extra, styles, isRequired, isDisabled, labelStyles, necessityIndicator, labelProps, fieldProps, message, messageStyles, description, Component, validationState, requiredMark = true, tooltip, isHidden, labelSuffix, } = props;
     const labelComponent = label ? (_jsx(Label, { as: as === 'label' ? 'div' : 'label', styles: labelStyles, labelPosition: labelPosition, isRequired: requiredMark ? isRequired : false, isDisabled: isDisabled, necessityIndicator: necessityIndicator, validationState: validationState, "aria-label": label, ...labelProps, children: _jsxs(Flex, { placeContent: "baseline space-between", width: "100%", children: [_jsxs(Space, { placeItems: "center", gap: "0.25x", children: [_jsx("div", { children: label }, void 0), tooltip ? (_jsx(TooltipProvider, { activeWrap: true, title: tooltip, width: "initial max-content 40x", children: _jsx(InfoCircleOutlined, { style: { color: 'var(--primary-color)', margin: '0 4px' } }, void 0) }, void 0)) : null, _jsx("div", { children: labelSuffix }, void 0)] }, void 0), extra && _jsx(Text, { preset: "t3", children: extra }, void 0)] }, void 0) }, void 0)) : null;
@@ -78,7 +75,7 @@ function FieldWrapper(props, ref) {
         invalid: validationState === 'invalid',
         valid: validationState === 'valid',
     };
-    return (_jsxs(FieldElement, { ref: ref, as: as !== null && as !== void 0 ? as : 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
+    return (_jsxs(FieldElement, { ref: ref, as: as || 'div', mods: mods, isHidden: isHidden, styles: styles, ...fieldProps, children: [labelComponent || descriptionComponent ? (_jsxs("div", { "data-element": "LabelArea", children: [labelComponent, descriptionComponent] }, void 0)) : null, _jsxs("div", { "data-element": "InputArea", children: [Component, message && !isDisabled && (_jsx(MessageElement, { mods: mods, styles: messageStyles, role: validationState === 'invalid' ? 'alert' : undefined, children: message }, void 0))] }, void 0)] }, void 0));
 }
 /**
  * A wrapper for form fields to provide additional decoration for inputs.

package/es/components/forms/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -9,7 +9,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useCallback, useImperativeHandle, useRef, useState, } from 'react';
 import { createFocusableRef } from '@react-spectrum/utils';
 import { useProviderProps } from '../../../provider';
-import { Action } from '../../actions';
+import { Action } from '../../actions/Action';
 import { CONTAINER_STYLES, extractStyles, tasty, } from '../../../tasty';
 import { FieldWrapper } from '../FieldWrapper';
 const FileInputElement = tasty(Action, {
@@ -68,7 +68,7 @@ const FileInputElement = tasty(Action, {
     },
 });
 function extractContents(element, callback) {
-    const files = element === null || element === void 0 ? void 0 : element.files;
+    const files = element?.files;
     if (files && files.length > 0) {
         const fileReader = new FileReader();
         fileReader.onload = function () {
@@ -88,7 +88,7 @@ function FileInput(props, ref) {
     const onLocalChange = useCallback((event) => {
         const value = event.target.value;
         if (type === 'file') {
-            onChange === null || onChange === void 0 ? void 0 : onChange(value);
+            onChange?.(value);
         }
         else if (onChange) {
             extractContents(event.target, onChange);
@@ -99,21 +99,20 @@ function FileInput(props, ref) {
     useImperativeHandle(ref, () => ({
         ...createFocusableRef(domRef, inputRef),
         select() {
-            if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+            if (inputRef?.current) {
                 inputRef.current.select();
             }
         },
         getInputElement() {
-            return inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
+            return inputRef?.current;
         },
     }));
     const fileInput = (_jsxs(FileInputElement, { ref: domRef, qa: qa || 'FileInput', styles: inputStyles, isDisabled: isDisabled, mods: {
             selected: !!value,
             'drag-hover': dragHover,
         }, onKeyDown: (e) => {
-            var _a;
             if (e.key === 'Enter' || e.key === 'Space') {
-                (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                inputRef?.current?.click();
             }
         }, children: [_jsx("input", { ref: inputRef, id: id, name: name, "data-element": "Input", type: "file", tabIndex: -1, onChange: onLocalChange, onDragEnter: () => {
                     setDragHover(true);

package/es/components/forms/Form/{LegacyField.js → Field.js}

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -105,7 +105,7 @@ export function Field(allProps) {
             }
         };
     }, []);
-    let field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
+    let field = form?.getFieldInstance(fieldName);
     if (field) {
         field.rules = rules;
     }
@@ -140,9 +140,9 @@ export function Field(allProps) {
         if (!field) {
             form.createField(fieldName, true);
         }
-        if ((field === null || field === void 0 ? void 0 : field.value) == null) {
+        if (field?.value == null) {
             form.setFieldValue(fieldName, defaultValue, false, true);
-            field = form === null || form === void 0 ? void 0 : form.getFieldInstance(fieldName);
+            field = form?.getFieldInstance(fieldName);
         }
     }
     firstRunRef.current = false;
@@ -232,7 +232,7 @@ export function Field(allProps) {
             newProps.message = field.errors[0];
         }
     }
-    Object.assign(newProps, getValueProps(inputType, field === null || field === void 0 ? void 0 : field.inputValue, onChangeHandler, child.props.allowsCustomValue));
+    Object.assign(newProps, getValueProps(inputType, field?.inputValue, onChangeHandler, child.props.allowsCustomValue));
     const { onChange, onSelectionChange, ...childProps } = child.props;
     // onChange event passed to the child should be executed after Form onChange logic
     return cloneElement(child, mergeProps(childProps, newProps, onChange ? { onChange } : {}, onSelectionChange ? { onSelectionChange } : {}));

package/es/components/forms/Form/Form.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -43,9 +43,9 @@ function Form(props, ref) {
     let onSubmitCallback;
     if ((onSubmit || onSubmitFailed) && !otherProps.action) {
         onSubmitCallback = async (e) => {
-            if (e && (e === null || e === void 0 ? void 0 : e.preventDefault)) {
-                e && (e === null || e === void 0 ? void 0 : e.preventDefault) && (e === null || e === void 0 ? void 0 : e.preventDefault());
-                e && (e === null || e === void 0 ? void 0 : e.stopPropagation) && (e === null || e === void 0 ? void 0 : e.stopPropagation());
+            if (e && e?.preventDefault) {
+                e && e?.preventDefault && e?.preventDefault();
+                e && e?.stopPropagation && e?.stopPropagation();
                 if (e.nativeEvent) {
                     const evt = e.nativeEvent;
                     if (evt.submitter &&
@@ -60,7 +60,7 @@ function Form(props, ref) {
             try {
                 await form.validateFields();
                 await timeout();
-                await (onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(form.getFormData()));
+                await onSubmit?.(form.getFormData());
             }
             catch (e) {
                 await timeout();
@@ -69,10 +69,10 @@ function Form(props, ref) {
                 }
                 // errors are shown
                 // transfer errors to the callback
-                onSubmitFailed === null || onSubmitFailed === void 0 ? void 0 : onSubmitFailed(e);
+                onSubmitFailed?.(e);
             }
             finally {
-                form === null || form === void 0 ? void 0 : form.setSubmitting(false);
+                form?.setSubmitting(false);
             }
             // output data from form directly
             // onSubmit(Object.fromEntries(new FormData(e.target).entries()));
@@ -105,7 +105,7 @@ function Form(props, ref) {
     }
     useEffect(() => {
         if (defaultValues) {
-            form === null || form === void 0 ? void 0 : form.setInitialFieldsValue(defaultValues);
+            form?.setInitialFieldsValue(defaultValues);
         }
     }, [defaultValues]);
     return (_jsx(FormElement, { ...filterBaseProps(otherProps, { propNames: formPropNames }), ref: domRef, noValidate: true, styles: styles, mods: { 'has-sider': labelPosition === 'side' }, onSubmit: onSubmitCallback, children: _jsx(FormContext.Provider, { value: ctx, children: _jsx(Provider, { insideForm: true, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, validationState: validationState, children: children }, void 0) }, void 0) }, void 0));

package/es/components/forms/Form/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -10,6 +10,5 @@ import { useForm } from './useForm';
 import { useFormProps, FormContext, Form as _Form } from './Form';
 const Form = Object.assign(_Form, { Item: Field, useForm });
 export { useFormProps, Form, Field, useForm, FormContext };
-export * from './Field';
 
         

package/es/components/forms/Form/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/forms/Form/useForm.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -82,12 +82,10 @@ export class CubeFormInstance {
         this.setFields = this.setFields.bind(this);
     }
     async submit() {
-        var _a;
-        return (_a = this.onSubmit) === null || _a === void 0 ? void 0 : _a.call(this, this.getFormData());
+        return this.onSubmit?.(this.getFormData());
     }
     getFieldValue(name) {
-        var _a;
-        return (_a = this.fields[name]) === null || _a === void 0 ? void 0 : _a.value;
+        return this.fields[name]?.value;
     }
     getFieldsValue() {
         return Object.values(this.fields).reduce((map, field) => {
@@ -132,8 +130,7 @@ export class CubeFormInstance {
         return this.fields[name];
     }
     setInitialFieldsValue(values) {
-        var _a;
-        this.initialFields = (_a = dotize.convert(values)) !== null && _a !== void 0 ? _a : {};
+        this.initialFields = dotize.convert(values) ?? {};
     }
     resetFields(names, skipRender) {
         const fieldsValue = this.getFieldsValue();

package/es/components/forms/Form/validation.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -131,7 +131,7 @@ export async function applyRules(value, rules, form) {
     for (let rule of rules) {
         await applyRule(value, rule, form).catch((err) => {
             if (err instanceof Error) {
-                err = (err === null || err === void 0 ? void 0 : err.message) || rule.message;
+                err = err?.message || rule.message;
             }
             throw err || rule.message;
         });

package/es/components/forms/Input/Input.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/forms/Input/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/forms/Label.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * 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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -14,9 +14,8 @@ import { useFormProps } from '../Form';
 import { useProviderProps } from '../../../provider';
 import { BLOCK_STYLES, DIMENSION_STYLES, extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';
 import { useFocus } from '../../../utils/react/interactions';
-import { extractFieldWrapperProps, FieldWrapper } from '../FieldWrapper';
+import { FieldWrapper } from '../FieldWrapper';
 import { mergeProps } from '../../../utils/react';
-import { useFieldProps } from '../Form';
 const ADD_STYLES = {
     display: 'grid',
     placeContent: 'stretch',
@@ -139,10 +138,9 @@ const InputElement = tasty({ qa: 'Input', styles: DEFAULT_INPUT_STYLES });
 function TextInputBase(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
-    props = useFieldProps(props);
-    let { qa, mods, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, rows = 1, size, validationState, icon, type, ...otherProps } = props;
-    const { fieldWrapperProps, rest } = extractFieldWrapperProps(props);
-    const styles = extractStyles(rest, STYLE_LIST);
+    let { qa, label, extra, mods, labelPosition = 'top', labelStyles, isRequired, necessityIndicator, necessityLabel, validationState, message, description, prefix, isDisabled, multiLine, autoFocus, labelProps, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, requiredMark = true, tooltip, isHidden, rows = 1, size, icon, labelSuffix, ...otherProps } = props;
+    let styles = extractStyles(otherProps, STYLE_LIST);
+    let type = otherProps.type;
     inputStyles = extractStyles(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
     let ElementType = multiLine ? 'textarea' : 'input';
     let { isFocused, focusProps } = useFocus({ isDisabled });
@@ -154,19 +152,19 @@ function TextInputBase(props, ref) {
     useImperativeHandle(ref, () => ({
         ...createFocusableRef(domRef, inputRef),
         select() {
-            if (inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) {
+            if (inputRef?.current) {
                 inputRef.current.select();
             }
         },
         getInputElement() {
-            return inputRef === null || inputRef === void 0 ? void 0 : inputRef.current;
+            return inputRef?.current;
         },
     }));
     let isInvalid = validationState === 'invalid';
     let validationIcon = isInvalid ? (_jsx(WarningOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--danger-color)' } }, void 0)) : (_jsx(CheckOutlined, { "data-element": "ValidationIcon", style: { color: 'var(--success-color)' } }, void 0));
     let validation = cloneElement(validationIcon);
     // Fix safari bug: https://github.com/philipwalton/flexbugs/issues/270
-    if (!(inputProps === null || inputProps === void 0 ? void 0 : inputProps.placeholder)) {
+    if (!inputProps?.placeholder) {
         if (!inputProps) {
             inputProps = {};
         }
@@ -207,7 +205,27 @@ function TextInputBase(props, ref) {
     let textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, qa: qa || 'TextInput', mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [_jsx(InputElement, { as: ElementType, ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: {
                     WebkitTextSecurity: multiLine && type === 'password' ? 'disc' : 'initial',
                 }, autoFocus: autoFocus, "data-size": size, styles: inputStyles, isDisabled: isDisabled }, void 0), prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }, void 0) : null, _jsxs("div", { "data-element": "Suffix", children: [suffixPosition === 'before' ? suffix : null, (validationState && !isLoading) || isLoading ? (_jsxs("div", { "data-element": "State", children: [validationState && !isLoading ? validation : null, isLoading && _jsx(LoadingOutlined, { "data-element": "InputIcon" }, void 0)] }, void 0)) : null, suffixPosition === 'after' ? suffix : null] }, void 0)] }, void 0));
-    return (_jsx(FieldWrapper, { ...fieldWrapperProps, ref: domRef, styles: styles, isDisabled: isDisabled, Component: textField }, void 0));
+    return (_jsx(FieldWrapper, { ...{
+            labelPosition,
+            label,
+            extra,
+            styles,
+            isRequired,
+            labelStyles,
+            necessityIndicator,
+            necessityLabel,
+            labelProps,
+            isDisabled,
+            validationState,
+            message,
+            description,
+            requiredMark,
+            tooltip,
+            isHidden,
+            labelSuffix,
+            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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * 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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/layout/Flow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/layout/Grid.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/layout/Prefix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 
@@ -30,7 +30,7 @@ export const Prefix = forwardRef(function Prefix(allProps, outerRef) {
     const styles = extractStyles(props, CONTAINER_STYLES);
     const ref = useCombinedRefs(outerRef);
     useLayoutEffect(() => {
-        if ((ref === null || ref === void 0 ? void 0 : ref.current) && onWidthChange) {
+        if (ref?.current && onWidthChange) {
             onWidthChange(ref.current.offsetWidth);
         }
     }, [children, ref, onWidthChange]);

package/es/components/layout/Space.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

package/es/components/layout/Suffix.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */
 

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-85915a2
+ * @cube-dev/ui-kit v0.0.0-canary-bee8cc8
  * Released under the MIT license.
  */