@cube-dev/ui-kit 0.92.0 → 0.92.1

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

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

package/es/components/fields/RadioGroup/index.js

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

package/es/components/fields/SearchInput/SearchInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.0
+ * @cube-dev/ui-kit v0.92.1
  * Released under the MIT license.
  */
 
@@ -11,6 +11,7 @@ import { useSearchField } from 'react-aria';
 import { useSearchFieldState } from 'react-stately';
 import { CloseIcon, SearchIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
+import { mergeProps } from '../../../utils/react';
 import { ariaToCubeButtonProps } from '../../../utils/react/mapProps';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
 import { ItemAction } from '../../actions';
@@ -19,12 +20,14 @@ export { useSearchFieldState, useSearchField };
 export const SearchInput = forwardRef(function SearchInput(props, ref) {
     props = castNullableStringValue(props);
     props = useProviderProps(props);
-    let { isClearable, validationState, onClear } = props;
+    let { isClearable, validationState, onClear, labelProps: userLabelProps, ...restProps } = props;
     let inputRef = useRef(null);
-    let state = useSearchFieldState(props);
-    let { inputProps, clearButtonProps } = useSearchField(props, state, inputRef);
-    let showClearButton = isClearable && state.value !== '' && !props.isReadOnly;
-    return (_jsx(TextInputBase, { ref: ref, inputProps: { ...inputProps, 'data-input-type': 'searchinput' }, inputRef: inputRef, type: "search", icon: _jsx(SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? (_jsxs(_Fragment, { children: [props.suffix, showClearButton && (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: props.size, type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...ariaToCubeButtonProps(clearButtonProps), onPress: (e) => {
+    let state = useSearchFieldState(restProps);
+    let { labelProps, inputProps, clearButtonProps } = useSearchField(restProps, state, inputRef);
+    let showClearButton = isClearable && state.value !== '' && !restProps.isReadOnly;
+    // Merge user-provided labelProps with aria labelProps
+    const mergedLabelProps = mergeProps(labelProps, userLabelProps);
+    return (_jsx(TextInputBase, { ref: ref, labelProps: mergedLabelProps, inputProps: { ...inputProps, 'data-input-type': 'searchinput' }, inputRef: inputRef, type: "search", icon: _jsx(SearchIcon, {}), suffixPosition: "after", validationState: validationState, ...restProps, suffix: restProps.suffix || showClearButton ? (_jsxs(_Fragment, { children: [restProps.suffix, showClearButton && (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), size: restProps.size, type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...ariaToCubeButtonProps(clearButtonProps), onPress: (e) => {
                         // Call the original clear functionality
                         clearButtonProps.onPress?.();
                         // Call the onClear callback

package/es/components/fields/SearchInput/index.js

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

package/es/components/fields/Select/Select.js

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

package/es/components/fields/Select/index.js

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

package/es/components/fields/Slider/Gradation.js

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

package/es/components/fields/Slider/Header.js

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

package/es/components/fields/Slider/RangeSlider.js

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

package/es/components/fields/Slider/Slider.js

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

package/es/components/fields/Slider/SliderBase.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.0
+ * @cube-dev/ui-kit v0.92.1
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { useMemo, useRef, } from 'react';
 import { useNumberFormatter, useSlider } from 'react-aria';
 import { useSliderState } from 'react-stately';
 import { extractStyles, OUTER_STYLES, tasty } from '../../../tasty';
-import { forwardRefWithGenerics } from '../../../utils/react/forwardRefWithGenerics';
+import { forwardRefWithGenerics, mergeProps } from '../../../utils/react';
 import { Text } from '../../content/Text';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
 import { SliderControlsElement, SliderElement } from './elements';
@@ -30,7 +30,7 @@ function SliderBase(allProps, ref) {
             onChange: onChange,
         }),
     });
-    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, gradation, isDisabled, inputStyles, minValue = 0, maxValue = 100, inputWidth, formatOptions, getValueLabel, onChange, onChangeEnd, children, showValueLabel = true, orientation: formOrientation, form, ...otherProps } = props;
+    let { labelPosition, label, extra, styles, isRequired, validationState, message, description, requiredMark, labelSuffix, labelStyles, necessityIndicator, gradation, isDisabled, inputStyles, minValue = 0, maxValue = 100, inputWidth, formatOptions, getValueLabel, onChange, onChangeEnd, children, showValueLabel = true, orientation: formOrientation, form, labelProps: userLabelProps, ...otherProps } = props;
     let orientation = allProps.orientation || 'horizontal';
     // `Math.abs(Math.sign(a) - Math.sign(b)) === 2` is true if the values have a different sign.
     let alwaysDisplaySign = Math.abs(Math.sign(minValue) - Math.sign(maxValue)) === 2;
@@ -117,7 +117,7 @@ function SliderBase(allProps, ref) {
         children: undefined,
         // styles,
         extra,
-        labelProps,
+        labelProps: mergeProps(labelProps, userLabelProps),
     });
 }
 const _SliderBase = forwardRefWithGenerics(SliderBase);

package/es/components/fields/Slider/SliderInput.js

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

package/es/components/fields/Slider/SliderThumb.js

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

package/es/components/fields/Slider/SliderTrack.js

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

package/es/components/fields/Slider/elements.js

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

package/es/components/fields/Slider/index.js

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

package/es/components/fields/Slider/types.js

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

package/es/components/fields/Switch/Switch.js

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

package/es/components/fields/Switch/index.js

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

package/es/components/fields/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.0
+ * @cube-dev/ui-kit v0.92.1
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { forwardRef, useEffect, useLayoutEffect, useRef, } from 'react';
 import { useTextField } from 'react-aria';
 import { useEvent } from '../../../_internal/index';
 import { useProviderProps } from '../../../provider';
-import { chain } from '../../../utils/react';
+import { chain, mergeProps } from '../../../utils/react';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
 import { useFieldProps } from '../../form';
 import { TextInputBase } from '../TextInput';
@@ -25,17 +25,22 @@ function TextArea(props, ref) {
             value: value?.toString() ?? '',
         }),
     });
-    let { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, maxRows = 10, rows = 3, mods, ...otherProps } = props;
+    let { autoSize = false, isDisabled = false, isReadOnly = false, isRequired = false, onChange, maxRows = 10, rows = 3, mods, labelProps: userLabelProps, inputRef: propsInputRef, ...otherProps } = props;
     rows = Math.max(rows, 1);
     maxRows = Math.max(maxRows, rows);
     let [inputValue, setInputValue] = useControlledState(props.value, props.defaultValue, () => { });
     let localInputRef = useRef(null);
-    let inputRef = props.inputRef ?? localInputRef;
+    let inputRef = propsInputRef ?? localInputRef;
     let { labelProps, inputProps } = useTextField({
-        ...props,
+        ...otherProps,
+        isDisabled,
+        isReadOnly,
+        isRequired,
         onChange: chain(onChange, setInputValue),
         inputElementType: 'textarea',
     }, inputRef);
+    // Merge user-provided labelProps with aria labelProps
+    const mergedLabelProps = mergeProps(labelProps, userLabelProps);
     const adjustHeight = useEvent(() => {
         const textarea = inputRef.current;
         if (!textarea || !autoSize)
@@ -78,7 +83,7 @@ function TextArea(props, ref) {
         resizeObserver.observe(inputRef?.current);
         return () => resizeObserver.disconnect();
     }, [autoSize, inputRef?.current]);
-    return (_jsx(TextInputBase, { ref: ref, ...otherProps, multiLine: true, inputRef: inputRef, labelProps: labelProps, inputProps: { ...inputProps, 'data-input-type': 'textarea' }, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
+    return (_jsx(TextInputBase, { ref: ref, ...otherProps, multiLine: true, inputRef: inputRef, labelProps: mergedLabelProps, inputProps: { ...inputProps, 'data-input-type': 'textarea' }, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired, rows: rows }));
 }
 /**
  * TextInputs are text inputs that allow users to input custom text entries

package/es/components/fields/TextArea/index.js

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

package/es/components/fields/TextInput/TextInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.0
+ * @cube-dev/ui-kit v0.92.1
  * Released under the MIT license.
  */
 
@@ -9,6 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
 import { useTextField } from 'react-aria';
 import { useProviderProps } from '../../../provider';
+import { mergeProps } from '../../../utils/react';
 import { castNullableStringValue, } from '../../../utils/react/nullableValue';
 import { useFieldProps } from '../../form';
 import { TextInputBase } from './TextInputBase';
@@ -23,10 +24,13 @@ export const TextInput = forwardRef(function TextInput(props, ref) {
             value: value?.toString() ?? '',
         }),
     });
+    let { labelProps: userLabelProps, inputRef: propsInputRef, ...restProps } = props;
     let localInputRef = useRef(null);
-    let inputRef = props.inputRef ?? localInputRef;
-    let { labelProps, inputProps } = useTextField(props, inputRef);
-    return (_jsx(TextInputBase, { ...props, ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef }));
+    let inputRef = propsInputRef ?? localInputRef;
+    let { labelProps, inputProps } = useTextField(restProps, inputRef);
+    // Merge user-provided labelProps with aria labelProps
+    const mergedLabelProps = mergeProps(labelProps, userLabelProps);
+    return (_jsx(TextInputBase, { ...restProps, ref: ref, labelProps: mergedLabelProps, inputProps: inputProps, inputRef: inputRef }));
 });
 /**
  * TextInputs are text inputs that allow users to input custom text entries

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

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

package/es/components/fields/TextInput/index.js

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

package/es/components/fields/TextInputMapper/TextInputMapper.js

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

package/es/components/fields/TextInputMapper/index.js

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

package/es/components/fields/index.js

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

package/es/components/form/FieldWrapper/FieldWrapper.js

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

package/es/components/form/FieldWrapper/extract-field-wrapper-props.js

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

package/es/components/form/FieldWrapper/index.js

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

package/es/components/form/FieldWrapper/types.js

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

package/es/components/form/Form/Field.js

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

package/es/components/form/Form/Form.js

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

package/es/components/form/Form/ResetButton/ResetButton.js

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

package/es/components/form/Form/ResetButton/index.js

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

package/es/components/form/Form/SubmitButton/SubmitButton.js

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

package/es/components/form/Form/SubmitButton/index.js

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

package/es/components/form/Form/SubmitError.js

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

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

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

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

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

package/es/components/form/Form/use-field/index.js

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

package/es/components/form/Form/use-field/types.js

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

package/es/components/form/Form/use-field/use-field-props.js

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

package/es/components/form/Form/use-field/use-field.js

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

package/es/components/form/Form/use-form.js

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

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

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

package/es/components/form/Label.js

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

package/es/components/form/index.js

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

package/es/components/form/wrapper.js

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

package/es/components/helpers/DisplayTransition/DisplayTransition.js

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

package/es/components/helpers/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.0
+ * @cube-dev/ui-kit v0.92.1
  * 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.92.0
+ * @cube-dev/ui-kit v0.92.1
  * Released under the MIT license.
  */