@cube-dev/ui-kit 0.92.3 → 0.93.0

package/es/components/fields/FilterPicker/FilterPicker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -15,7 +15,6 @@ import { CloseIcon, DirectionIcon, LoadingIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
 import { BASE_STYLES, COLOR_STYLES, extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
 import { generateRandomId } from '../../../utils/random';
-import { mergeProps } from '../../../utils/react';
 import { useEventBus } from '../../../utils/react/useEventBus';
 import { ItemAction, ItemButton } from '../../actions';
 import { Text } from '../../content/Text';
@@ -63,7 +62,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
             return fieldProps;
         },
     });
-    let { qa, label, extra, id, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, containerPadding = 8, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, allowsCustomValue, renderSummary, isCheckable, allValueProps, customValueProps, newCustomValueProps, searchPlaceholder, autoFocus, filter, emptyLabel, searchInputStyles, searchInputRef, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, searchValue, onSearchChange, sortSelectedToTop: sortSelectedToTopProp, isButton = false, form, ...otherProps } = props;
+    let { qa, label, extra, id, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, containerPadding = 8, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, allowsCustomValue, renderSummary, isCheckable, allValueProps, customValueProps, newCustomValueProps, searchPlaceholder, autoFocus, filter, emptyLabel, searchInputStyles, searchInputRef, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, searchValue, onSearchChange, sortSelectedToTop: sortSelectedToTopProp, onOpenChange, isButton = false, form, ...otherProps } = props;
     // Track if sortSelectedToTop was explicitly provided
     const sortSelectedToTopExplicit = sortSelectedToTopProp !== undefined;
     // Default to true if items are provided, false otherwise
@@ -403,8 +402,9 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                     selectionsWhenClosed.current = { ...latestSelectionRef.current };
                     cachedItemsOrder.current = null;
                 }
+                onOpenChange?.(state.isOpen);
             }
-        }, [state.isOpen, isPopoverOpen]);
+        }, [state.isOpen, isPopoverOpen, onOpenChange]);
         // Add keyboard support for arrow keys to open the popover
         const { keyboardProps } = useKeyboard({
             onKeyDown: (e) => {
@@ -538,12 +538,7 @@ export const FilterPicker = forwardRef(function FilterPicker(props, ref) {
                             }, children: (children
                                 ? finalChildren
                                 : undefined) }) }) }))] }) }));
-    const finalProps = {
-        ...props,
-        children: undefined,
-        styles: undefined,
-    };
-    return wrapWithField(filterPickerField, ref, mergeProps(finalProps, {}));
+    return wrapWithField(filterPickerField, ref, props);
 });
 FilterPicker.Item = ListBox.Item;
 FilterPicker.Section = BaseSection;

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

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

package/es/components/fields/Input/Input.js

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

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

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

package/es/components/fields/ListBox/ListBox.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -562,8 +562,7 @@ export const ListBox = forwardRef(function ListBox(props, ref) {
                             }
                             return renderedItems;
                         })() })) }), footer ? (_jsx(StyledFooter, { styles: footerStyles, "data-size": size, children: footer })) : (_jsx("div", { role: "presentation" }))] }));
-    const finalProps = { ...props, styles: undefined };
-    return wrapWithField(listBoxField, ref, mergeProps(finalProps, {}));
+    return wrapWithField(listBoxField, ref, props);
 });
 function Option({ size = 'medium', item, state, styles, isParentDisabled, validationState, focusOnHover = false, isCheckable, onClick: onOptionClick, virtualStyle, virtualRef, virtualIndex, lastFocusSourceRef, }) {
     const localRef = useRef(null);

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

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

package/es/components/fields/NumberInput/NumberInput.js

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

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

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

package/es/components/fields/PasswordInput/PasswordInput.js

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

package/es/components/fields/Picker/Picker.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -15,7 +15,6 @@ import { CloseIcon, DirectionIcon, LoadingIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
 import { BASE_STYLES, COLOR_STYLES, extractStyles, filterBaseProps, OUTER_STYLES, tasty, } from '../../../tasty';
 import { generateRandomId } from '../../../utils/random';
-import { mergeProps } from '../../../utils/react';
 import { useEventBus } from '../../../utils/react/useEventBus';
 import { ItemAction, ItemButton } from '../../actions';
 import { Text } from '../../content/Text';
@@ -62,7 +61,7 @@ export const Picker = forwardRef(function Picker(props, ref) {
             return fieldProps;
         },
     });
-    let { id, qa, label, extra, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, containerPadding = 8, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, renderSummary, isCheckable, allValueProps, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, onClear, sortSelectedToTop, isButton = false, listStateRef: externalListStateRef, ...otherProps } = props;
+    let { id, qa, label, extra, icon, rightIcon, prefix, suffix, hotkeys, triggerTooltip, triggerDescription, labelStyles, isRequired, necessityIndicator, validationState, isDisabled, isLoading, message, mods: externalMods, description, descriptionPlacement, placeholder, size = 'medium', styles, listBoxStyles, popoverStyles, type = 'outline', theme = 'default', labelSuffix, shouldFocusWrap, children, shouldFlip = true, containerPadding = 8, selectedKey, defaultSelectedKey, selectedKeys, defaultSelectedKeys, disabledKeys, onSelectionChange, selectionMode = 'single', listStateRef, focusOnHover, showSelectAll, selectAllLabel = 'All', items, header, footer, headerStyles, footerStyles, triggerStyles, renderSummary, isCheckable, allValueProps, listStyles, optionStyles, sectionStyles, headingStyles, listRef, disallowEmptySelection, shouldUseVirtualFocus, onEscape, onOptionClick, isClearable, onClear, sortSelectedToTop, onOpenChange, isButton = false, listStateRef: externalListStateRef, ...otherProps } = props;
     styles = extractStyles(otherProps, PROP_STYLES, styles);
     // Generate a unique ID for this Picker instance
     const pickerId = useMemo(() => generateRandomId(), []);
@@ -139,6 +138,10 @@ export const Picker = forwardRef(function Picker(props, ref) {
         effectiveSelectedKeys,
         selectionMode,
     ]);
+    // Call onOpenChange when popover state changes
+    useEffect(() => {
+        onOpenChange?.(isPopoverOpen);
+    }, [isPopoverOpen]);
     // Sort items with selected on top if enabled
     const getSortedItems = useCallback(() => {
         if (!items || !shouldSortSelectedToTop)
@@ -404,11 +407,7 @@ export const Picker = forwardRef(function Picker(props, ref) {
                                     close();
                                 }
                             }, children: children }) }) }))] }) }));
-    return wrapWithField(pickerField, ref, mergeProps({
-        ...props,
-        children: undefined,
-        styles: undefined,
-    }, {}));
+    return wrapWithField(pickerField, ref, props);
 });
 Picker.Item = ListBox.Item;
 Picker.Section = BaseSection;

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -51,7 +51,7 @@ function RadioGroup(props, ref) {
     props = useProviderProps(props);
     props = useFormProps(props);
     props = useFieldProps(props, { defaultValidationTrigger: 'onChange' });
-    let { qa, isDisabled, isRequired, labelPosition = 'top', isInvalid, children, styles, groupStyles, insideForm, 
+    let { qa, id, isDisabled, isRequired, labelPosition = 'top', isInvalid, children, styles, groupStyles, insideForm, 
     // orientation, // ignore orientation since it came from the form context
     labelProps: baseLabelProps, size, buttonType, type, form, ...otherProps } = props;
     let domRef = useDOMRef(ref);
@@ -63,7 +63,7 @@ function RadioGroup(props, ref) {
             type === 'button' || type === 'tabs' ? 'horizontal' : 'vertical';
     }
     let { radioGroupProps: fieldProps, labelProps } = useRadioGroup({ ...props, orientation }, state);
-    let radioGroup = (_jsx(RadioGroupElement, { qa: qa || 'RadioGroup', styles: styles, "data-input-type": "radiogroup", mods: {
+    let radioGroup = (_jsx(RadioGroupElement, { id: id, qa: qa || 'RadioGroup', styles: styles, "data-input-type": "radiogroup", mods: {
             horizontal: orientation === 'horizontal',
             'inside-form': insideForm,
             'side-label': labelPosition === 'side',
@@ -85,7 +85,6 @@ function RadioGroup(props, ref) {
         children: null,
         fieldProps,
         labelProps: mergeProps(baseLabelProps, labelProps),
-        styles: props.fieldStyles,
     });
 }
 /**

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -123,7 +123,7 @@ function Select(props, ref) {
             onSelectionChange: onChange,
         }),
     });
-    let { qa, label, extra, icon, rightIcon, labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled = props.isLoading || false, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, triggerStyles, optionStyles, wrapperStyles, listBoxStyles, overlayStyles, suffix, message, triggerDescription, descriptionPlacement, hotkeys, direction = 'bottom', shouldFlip = true, containerPadding = 8, placeholder, tooltip, size = 'medium', styles, type = 'outline', theme = 'default', labelSuffix, suffixPosition = 'before', isClearable, isButton = false, form, ...otherProps } = props;
+    let { qa, label, extra, icon, rightIcon, labelStyles, isRequired, necessityIndicator, validationState, prefix, isDisabled = props.isLoading || false, autoFocus, inputProps, triggerRef, popoverRef, listBoxRef, isLoading, loadingIndicator, overlayOffset = 8, inputStyles, triggerStyles, optionStyles, listBoxStyles, overlayStyles, suffix, message, triggerDescription, descriptionPlacement, hotkeys, direction = 'bottom', shouldFlip = true, containerPadding = 8, placeholder, tooltip, size = 'medium', styles, type = 'outline', theme = 'default', labelSuffix, suffixPosition = 'before', isClearable, onOpenChange, isButton = false, form, ...otherProps } = props;
     let state = useSelectState(props);
     // Generate a unique ID for this select instance
     const selectId = useMemo(() => generateRandomId(), []);
@@ -145,6 +145,10 @@ function Select(props, ref) {
             emit('popover:open', { menuId: selectId });
         }
     }, [state.isOpen, emit, selectId]);
+    // Call onOpenChange when open state changes
+    useEffect(() => {
+        onOpenChange?.(state.isOpen);
+    }, [state.isOpen]);
     styles = extractStyles(otherProps, PROP_STYLES, styles);
     ref = useCombinedRefs(ref);
     triggerRef = useCombinedRefs(triggerRef);
@@ -211,14 +215,13 @@ function Select(props, ref) {
         }
         return (_jsxs(_Fragment, { children: [suffix, validationState ? validation : null] }));
     }, [suffix, validationState, validation]);
-    let selectField = (_jsxs(SelectWrapperElement, { mods: modifiers, styles: { ...wrapperStyles, ...styles }, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsx(Item, { as: "button", qa: qa || 'Select', "data-input-type": "select", ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, "data-popover-trigger": true, styles: { ...inputStyles, ...triggerStyles }, theme: theme, size: size, 
+    let selectField = (_jsxs(SelectWrapperElement, { mods: modifiers, styles: styles, "data-size": size, "data-type": type, "data-theme": theme, children: [_jsx(HiddenSelect, { state: state, triggerRef: triggerRef, label: props.label, name: props.name }), _jsx(Item, { as: "button", qa: qa || 'Select', "data-input-type": "select", ...mergeProps(buttonProps, hoverProps, focusProps), ref: triggerRef, "data-popover-trigger": true, styles: { ...inputStyles, ...triggerStyles }, theme: theme, size: size, 
                 // Ensure this button never submits a surrounding form in tests or runtime
                 htmlType: "button", 
                 // Preserve visual variant via data attribute instead of conflicting with HTML attribute
                 type: type, mods: modifiers, prefix: prefix, suffix: suffix, icon: icon, rightIcon: rightIcon !== undefined ? (rightIcon) : showClearButton ? (_jsx(ItemAction, { icon: _jsx(CloseIcon, {}), theme: validationState === 'invalid' ? 'danger' : undefined, qa: "SelectClearButton", mods: { pressed: false }, onPress: clearValue })) : isLoading ? (_jsx(LoadingIcon, {})) : (_jsx(DirectionIcon, { to: state.isOpen ? 'up' : 'down' })), description: triggerDescription, descriptionPlacement: descriptionPlacement, hotkeys: hotkeys, tooltip: tooltip, isButton: isButton, labelProps: valueProps, children: state.selectedItem ? (state.selectedItem.rendered) : placeholder ? (_jsx(Text.Placeholder, { children: placeholder })) : null }), _jsx(ListBoxPopup, { ...menuProps, popoverRef: popoverRef, listBoxRef: listBoxRef, overlayProps: overlayProps, placement: placement, updatePosition: updatePosition, state: state, listBoxStyles: listBoxStyles, overlayStyles: overlayStyles, optionStyles: optionStyles, minWidth: triggerWidth, triggerRef: triggerRef, isDisabled: isDisabled })] }));
     return wrapWithField(selectField, ref, mergeProps({
         ...props,
-        styles: labelStyles,
     }, { labelProps }));
 }
 export function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus = false, placement, updatePosition, minWidth, size = 'small', triggerRef, isDisabled, ...otherProps }) {

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -107,15 +107,13 @@ function SliderBase(allProps, ref) {
         horizontal: orientation === 'horizontal',
     }), [labelPosition, orientation]);
     styles = extractStyles(otherProps, OUTER_STYLES, styles);
-    const sliderField = (_jsx(SliderElement, { ref: domRef, ...groupProps, mods: mods, styles: styles, "data-input-type": "slider", children: _jsx(SliderControlsElement, { ...trackProps, ref: trackRef, mods: mods, children: children({
+    const sliderField = (_jsx(SliderElement, { ref: domRef, id: props.id, ...groupProps, mods: mods, styles: styles, "data-input-type": "slider", children: _jsx(SliderControlsElement, { ...trackProps, ref: trackRef, mods: mods, children: children({
                 trackRef,
                 inputRef,
                 state,
             }) }) }));
     return wrapWithField(sliderField, ref, {
         ...props,
-        children: undefined,
-        // styles,
         extra,
         labelProps: mergeProps(labelProps, userLabelProps),
     });

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * 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.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -123,7 +123,7 @@ function Switch(props, ref) {
             onChange: onChange,
         }),
     });
-    let { qa, isDisabled = false, children, label, labelStyles, insideForm, isLoading, labelPosition, inputStyles, fieldStyles, validationState, size = 'medium', form, } = props;
+    let { qa, isDisabled = false, children, label, labelStyles, insideForm, isLoading, labelPosition, inputStyles, validationState, size = 'medium', form, } = props;
     const id = useId(props.id);
     let styles = extractStyles(props, OUTER_STYLES);
     inputStyles = extractStyles(props, BLOCK_STYLES, inputStyles);
@@ -151,9 +151,7 @@ function Switch(props, ref) {
             for: id,
         },
         children: null,
-        labelStyles,
         inputStyles,
-        styles: fieldStyles,
     });
 }
 /**

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

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

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

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.92.3
+ * @cube-dev/ui-kit v0.93.0
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ import { cloneElement, forwardRef, useImperativeHandle, useMemo, useRef, } from
 import { useHover } from 'react-aria';
 import { LoadingIcon } from '../../../icons';
 import { useProviderProps } from '../../../provider';
-import { BLOCK_STYLES, DIMENSION_STYLES, extractStyles, POSITION_STYLES, tasty, } from '../../../tasty';
+import { BLOCK_STYLES, extractStyles, OUTER_STYLES, tasty, } from '../../../tasty';
 import { mergeProps, useCombinedRefs } from '../../../utils/react';
 import { useFocus } from '../../../utils/react/interactions';
 import { useFieldProps, useFormProps, wrapWithField } from '../../form';
@@ -109,7 +109,6 @@ const InputWrapperElement = tasty({
     qa: 'InputWrapper',
     styles: INPUT_WRAPPER_STYLES,
 });
-const STYLE_LIST = [...POSITION_STYLES, ...DIMENSION_STYLES];
 const INPUT_STYLE_PROPS_LIST = [...BLOCK_STYLES, 'resize'];
 export const DEFAULT_INPUT_STYLES = {
     placeSelf: 'stretch',
@@ -163,8 +162,8 @@ function _TextInputBase(props, ref) {
             onChange,
         }),
     });
-    let { qa, mods, validationState, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, wrapperStyles = {}, suffix, suffixPosition = 'before', wrapperRef, tooltip, rows = 1, size = 'medium', autocomplete, icon, maxLength, minLength, form, ...otherProps } = props;
-    let styles = extractStyles(otherProps, STYLE_LIST);
+    let { qa, mods, validationState, prefix, isDisabled, multiLine, autoFocus, inputProps, wrapperProps, inputRef, isLoading, loadingIndicator, value, inputStyles = {}, suffix, suffixPosition = 'before', wrapperRef, tooltip, rows = 1, size = 'medium', autocomplete, icon, maxLength, minLength, form, ...otherProps } = props;
+    let styles = extractStyles(otherProps, OUTER_STYLES);
     let type = otherProps.type;
     inputStyles = extractStyles(otherProps, INPUT_STYLE_PROPS_LIST, inputStyles);
     let ElementType = multiLine ? 'textarea' : 'input';
@@ -232,11 +231,10 @@ function _TextInputBase(props, ref) {
             fontFamily: 'text-security-disc',
         }
         : {};
-    const textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, mods: modifiers, "data-size": size, styles: wrapperStyles, ...wrapperProps, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx(InputElement, { qa: qa || 'Input', as: ElementType, "data-input-type": "textinput", ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, "data-autofocus": autoFocus ? '' : undefined, autoFocus: autoFocus, "data-size": size, autoComplete: autocomplete, styles: inputStyles, disabled: !!isDisabled, maxLength: maxLength, minLength: minLength }), (validationState && !isLoading) || isLoading || suffix ? (_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(LoadingIcon, { "data-element": "InputIcon" })] })) : null, suffixPosition === 'after' ? suffix : null] })) : null] }));
+    const textField = (_jsxs(InputWrapperElement, { ref: wrapperRef, mods: modifiers, "data-size": size, styles: styles, ...wrapperProps, children: [prefix ? _jsx("div", { "data-element": "Prefix", children: prefix }) : null, _jsx(InputElement, { qa: qa || 'Input', as: ElementType, "data-input-type": "textinput", ...mergeProps(inputProps, focusProps, hoverProps), ref: inputRef, rows: multiLine ? rows : undefined, mods: modifiers, style: textSecurityStyles, "data-autofocus": autoFocus ? '' : undefined, autoFocus: autoFocus, "data-size": size, autoComplete: autocomplete, styles: inputStyles, disabled: !!isDisabled, maxLength: maxLength, minLength: minLength }), (validationState && !isLoading) || isLoading || suffix ? (_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(LoadingIcon, { "data-element": "InputIcon" })] })) : null, suffixPosition === 'after' ? suffix : null] })) : null] }));
     return wrapWithField(textField, domRef, {
         ...props,
         form: undefined,
-        styles,
     });
 }
 const TextInputBase = forwardRef(_TextInputBase);

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

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