@cube-dev/ui-kit 0.39.1 → 0.40.0

package/cjs/components/{forms → fields}/DatePicker/TimeInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -12,18 +12,17 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
 const react_stately_1 = require("react-stately");
-const wrapper_1 = require("../wrapper");
 const provider_1 = require("../../../provider");
 const tasty_1 = require("../../../tasty");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const DateInputBase_1 = require("./DateInputBase");
 const DatePickerSegment_1 = require("./DatePickerSegment");
 const utils_1 = require("./utils");
 const props_1 = require("./props");
 function TimeInput(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
+    props = (0, form_1.useFormProps)(props);
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onBlur',
     });
     props = Object.assign({}, props_1.DEFAULT_TIME_PROPS, props);
@@ -38,7 +37,7 @@ function TimeInput(props, ref) {
     let fieldRef = (0, react_1.useRef)(null);
     let { labelProps, fieldProps } = (0, react_aria_1.useTimeField)(props, state, fieldRef);
     const timeInput = ((0, jsx_runtime_1.jsx)(DateInputBase_1.DateInputBase, { ref: fieldRef, size: size, fieldProps: fieldProps, isDisabled: isDisabled, autoFocus: autoFocus, inputStyles: inputStyles, styles: wrapperStyles, validationState: validationState, children: state.segments.map((segment, i) => ((0, jsx_runtime_1.jsx)(DatePickerSegment_1.DatePickerSegment, { segment: segment, state: state, isDisabled: isDisabled, isReadOnly: isReadOnly, isRequired: isRequired }, i))) }));
-    return (0, wrapper_1.wrapWithField)(timeInput, domRef, {
+    return (0, form_1.wrapWithField)(timeInput, domRef, {
         ...props,
         styles,
         labelProps,

package/cjs/components/{forms → fields}/DatePicker/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -27,5 +27,6 @@ __exportStar(require("./DatePicker"), exports);
 __exportStar(require("./DateRangePicker"), exports);
 __exportStar(require("./parseDate"), exports);
 __exportStar(require("./DateRangeSeparatedPicker"), exports);
+__exportStar(require("./types"), exports);
 
         

package/cjs/components/{forms → fields}/DatePicker/intl.js

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

package/cjs/components/{forms → fields}/DatePicker/parseDate.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.parseAbsoluteDate = void 0;
+exports.parseAbsoluteDate = parseAbsoluteDate;
 const date_1 = require("@internationalized/date");
 function parseAbsoluteDate(val) {
     if (!val || (typeof val === 'string' && val.trim() === '')) {
@@ -29,6 +29,5 @@ function parseAbsoluteDate(val) {
         }
     }
 }
-exports.parseAbsoluteDate = parseAbsoluteDate;
 
         

package/cjs/components/{forms → fields}/DatePicker/props.js

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

package/cjs/components/{forms/Slider → fields/DatePicker}/types.js

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

package/cjs/components/{forms → fields}/DatePicker/utils.js

@@ -1,13 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.formatSegments = exports.useFocusManagerRef = void 0;
+exports.useFocusManagerRef = useFocusManagerRef;
+exports.formatSegments = formatSegments;
 const utils_1 = require("@react-spectrum/utils");
 const focus_1 = require("@react-aria/focus");
 const react_1 = require("react");
@@ -74,7 +75,6 @@ function useFocusManagerRef(ref) {
     }));
     return domRef;
 }
-exports.useFocusManagerRef = useFocusManagerRef;
 function formatSegments(segments) {
     segments = JSON.parse(JSON.stringify(segments));
     segments.forEach((segment) => {
@@ -104,6 +104,5 @@ function formatSegments(segments) {
     }
     return segments;
 }
-exports.formatSegments = formatSegments;
 
         

package/cjs/components/{forms → fields}/FileInput/FileInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -12,10 +12,10 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const utils_1 = require("@react-spectrum/utils");
 const provider_1 = require("../../../provider");
-const Action_1 = require("../../actions/Action");
+const actions_1 = require("../../actions");
 const tasty_1 = require("../../../tasty");
-const wrapper_1 = require("../wrapper");
-const FileInputElement = (0, tasty_1.tasty)(Action_1.Action, {
+const form_1 = require("../../form");
+const FileInputElement = (0, tasty_1.tasty)(actions_1.Action, {
     styles: {
         display: 'inline-flex',
         position: 'relative',
@@ -89,25 +89,40 @@ function extractContents(element, callback) {
         fileReader.readAsText(files[0]);
     }
 }
+function extractFileNameFromValue(value) {
+    return typeof value === 'string'
+        ? value.split('\\')?.pop()
+        : undefined;
+}
 function FileInput(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    let { id, name, qa, qaVal, onChange, placeholder, inputRef, label, extra, labelPosition, isRequired, necessityIndicator, necessityLabel, labelStyles, labelProps, isDisabled, validationState, message, description, requiredMark, tooltip, isHidden, inputStyles, labelSuffix, type = 'file', inputProps, ...otherProps } = props;
-    const [value, setValue] = (0, react_1.useState)();
+    props = (0, form_1.useFormProps)(props);
+    props = (0, form_1.useFieldProps)({ ...props }, {
+        defaultValidationTrigger: 'onChange',
+        valuePropsMapper: ({ value, onChange }) => ({
+            onChange,
+            value: props.type === 'file' || !props.type ? value : undefined,
+        }),
+    });
+    let { id, name, qa, value, onChange, placeholder, inputRef, isDisabled, inputStyles, type = 'file', inputProps, accept, ...otherProps } = props;
     const [dragHover, setDragHover] = (0, react_1.useState)(false);
+    const defaultValue = (0, react_1.useMemo)(() => (type === 'file' ? value : undefined), [type, value]);
+    const defaultFileName = (0, react_1.useMemo)(() => extractFileNameFromValue(defaultValue), []);
+    const [fileName, setFileName] = (0, react_1.useState)(defaultFileName);
     let domRef = (0, react_1.useRef)(null);
     let defaultInputRef = (0, react_1.useRef)(null);
     inputRef = inputRef || defaultInputRef;
-    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
     const onLocalChange = (0, react_1.useCallback)((event) => {
         const value = event.target.value;
+        setFileName(extractFileNameFromValue(value));
         if (type === 'file') {
             onChange?.(value);
         }
-        else if (onChange) {
+        else {
             extractContents(event.target, onChange);
         }
-        setValue(value);
     }, [onChange]);
+    let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.CONTAINER_STYLES);
     // Expose imperative interface for ref
     (0, react_1.useImperativeHandle)(ref, () => ({
         ...(0, utils_1.createFocusableRef)(domRef, inputRef),
@@ -120,24 +135,21 @@ function FileInput(props, ref) {
             return inputRef?.current;
         },
     }));
-    const fileName = typeof value === 'string'
-        ? value.split('\\')?.pop()
-        : undefined;
-    const fileInput = ((0, jsx_runtime_1.jsxs)(FileInputElement, { ref: domRef, qa: qa || 'FileInput', styles: inputStyles, isDisabled: isDisabled, mods: {
+    const fileInput = ((0, jsx_runtime_1.jsxs)(FileInputElement, { ref: domRef, qa: "FileInput", styles: inputStyles, isDisabled: isDisabled, mods: {
             selected: !!value,
             'drag-hover': dragHover,
         }, onKeyDown: (e) => {
             if (e.key === 'Enter' || e.key === 'Space') {
                 inputRef?.current?.click();
             }
-        }, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: id, name: name, "data-element": "Input", type: "file", tabIndex: -1, onChange: onLocalChange, onDragEnter: () => {
+        }, children: [(0, jsx_runtime_1.jsx)("input", { ref: inputRef, id: id, name: name, accept: accept, "data-element": "Input", type: "file", multiple: false, tabIndex: -1, onChange: onLocalChange, onDragEnter: () => {
                     setDragHover(true);
                 }, onDragLeave: () => {
                     setDragHover(false);
                 }, onDrop: () => {
                     setDragHover(false);
                 }, ...inputProps }), (0, jsx_runtime_1.jsx)("div", { "data-element": "Button", children: "Choose file" }), (0, jsx_runtime_1.jsx)("div", { "data-element": !!fileName ? 'Value' : 'Placeholder', children: fileName || placeholder || 'No file selected' })] }));
-    return (0, wrapper_1.wrapWithField)(fileInput, domRef, {
+    return (0, form_1.wrapWithField)(fileInput, domRef, {
         ...props,
         styles,
     });

package/cjs/components/{forms → fields}/Input/Input.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Input = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const TextInput_1 = require("../TextInput/TextInput");
+const TextInput_1 = require("../TextInput");
 const PasswordInput_1 = require("../PasswordInput/PasswordInput");
 const NumberInput_1 = require("../NumberInput/NumberInput");
 const FileInput_1 = require("../FileInput/FileInput");

package/cjs/components/{forms → fields}/Input/index.js

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

package/cjs/components/{forms → fields}/NumberInput/NumberInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -12,13 +12,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
 const react_stately_1 = require("react-stately");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const provider_1 = require("../../../provider");
-const TextInputBase_1 = require("../TextInput/TextInputBase");
+const TextInput_1 = require("../TextInput");
 const tasty_1 = require("../../../tasty");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const StepButton_1 = require("./StepButton");
-const StyledTextInputBase = (0, tasty_1.tasty)(TextInputBase_1.TextInputBase, {
+const StyledTextInputBase = (0, tasty_1.tasty)(TextInput_1.TextInputBase, {
     wrapperStyles: {
         width: 'initial 13x 100%',
     },
@@ -35,7 +35,7 @@ const StepperContainer = (0, tasty_1.tasty)({
 function NumberInput(props, ref) {
     props = (0, nullableValue_1.castNullableNumberValue)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFieldProps)(props);
+    props = (0, form_1.useFieldProps)(props);
     let { hideStepper, suffix, value, defaultValue, onChange, inputRef, ...otherProps } = props;
     let showStepper = !hideStepper;
     let { locale } = (0, react_aria_1.useLocale)();

package/cjs/components/{forms → fields}/NumberInput/StepButton.js

@@ -1,13 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StepButton = void 0;
+exports.StepButton = StepButton;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const actions_1 = require("../../actions");
 const icons_1 = require("../../../icons");
@@ -40,6 +40,5 @@ function StepButton(props) {
             down: props.direction === 'down',
         }, label: `Step ${props.direction}`, ...props }));
 }
-exports.StepButton = StepButton;
 
         

package/cjs/components/{forms → fields}/PasswordInput/PasswordInput.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -11,16 +11,16 @@ exports.PasswordInput = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
-const TextInputBase_1 = require("../TextInput/TextInputBase");
+const TextInput_1 = require("../TextInput");
 const provider_1 = require("../../../provider");
 const actions_1 = require("../../actions");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const icons_1 = require("../../../icons");
 function PasswordInput(props, ref) {
     props = (0, nullableValue_1.castNullableStringValue)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFieldProps)(props, {
+    props = (0, form_1.useFieldProps)(props, {
         defaultValidationTrigger: 'onBlur',
         valuePropsMapper: ({ value, onChange }) => ({
             value: value?.toString() ?? '',
@@ -38,7 +38,7 @@ function PasswordInput(props, ref) {
         setType((type) => (type === 'password' ? 'text' : 'password'));
     }, []);
     const wrappedSuffix = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [suffix, (0, jsx_runtime_1.jsx)(actions_1.Button, { excludeFromTabOrder: true, type: "neutral", htmlType: "button", placeSelf: "stretch", height: "auto", radius: "right", width: "4x", label: "Toggle masking", icon: type === 'password' ? (0, jsx_runtime_1.jsx)(icons_1.EyeInvisibleIcon, {}) : (0, jsx_runtime_1.jsx)(icons_1.EyeIcon, {}), onPress: toggleType })] }));
-    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: type, suffixPosition: "after", suffix: wrappedSuffix, multiLine: multiLine, ...rest }));
+    return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInputBase, { ref: ref, labelProps: labelProps, inputProps: inputProps, inputRef: inputRef, inputStyles: { paddingRight: '4x' }, type: type, suffixPosition: "after", suffix: wrappedSuffix, multiLine: multiLine, ...rest }));
 }
 /**
  * PasswordInputs are password inputs that allow users to input passwords or code entries

package/cjs/components/{forms → fields}/RadioGroup/Radio.js

@@ -1,24 +1,24 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = exports.Radio = void 0;
+exports.RadioButton = exports.Radio = exports.useRadio = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const utils_1 = require("@react-spectrum/utils");
 const react_1 = require("react");
 const react_aria_1 = require("react-aria");
+Object.defineProperty(exports, "useRadio", { enumerable: true, get: function () { return react_aria_1.useRadio; } });
 const tasty_1 = require("../../../tasty");
 const interactions_1 = require("../../../utils/react/interactions");
 const react_2 = require("../../../utils/react");
 const provider_1 = require("../../../provider");
-const Label_1 = require("../Label");
 const HiddenInput_1 = require("../../HiddenInput");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const RadioGroup_1 = require("./RadioGroup");
 const context_1 = require("./context");
 const RadioWrapperElement = (0, tasty_1.tasty)({
@@ -140,19 +140,19 @@ const RadioNormalElement = (0, tasty_1.tasty)({
 const RadioCircleElement = (0, jsx_runtime_1.jsx)("div", { "data-element": "RadioCircle" });
 const RadioLabelElement = (0, tasty_1.tasty)({
     qa: 'RadioLabel',
-    styles: Label_1.INLINE_LABEL_STYLES,
+    styles: form_1.INLINE_LABEL_STYLES,
 });
 function Radio(props, ref) {
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    props = (0, Form_1.useFieldProps)(props, { defaultValidationTrigger: 'onChange' });
+    props = (0, form_1.useFormProps)(props);
+    props = (0, form_1.useFieldProps)(props, { defaultValidationTrigger: 'onChange' });
     let { qa, isDisabled, validationState, children, label, autoFocus, labelStyles, labelProps, inputStyles, type = 'radio', 'aria-label': ariaLabel, ...otherProps } = props;
     let isButton = type === 'button';
     label = label || children;
     let styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES);
     const RadioElement = isButton ? RadioButtonElement : RadioNormalElement;
     labelStyles = {
-        ...Label_1.INLINE_LABEL_STYLES,
+        ...form_1.INLINE_LABEL_STYLES,
         ...labelStyles,
     };
     let radioGroupProps = (0, context_1.useRadioProvider)();

package/cjs/components/{forms → fields}/RadioGroup/RadioGroup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
@@ -14,11 +14,10 @@ const utils_1 = require("@react-spectrum/utils");
 const react_aria_1 = require("react-aria");
 const react_stately_1 = require("react-stately");
 const provider_1 = require("../../../provider");
-const Form_1 = require("../Form");
+const form_1 = require("../../form");
 const tasty_1 = require("../../../tasty");
 const nullableValue_1 = require("../../../utils/react/nullableValue");
 const react_2 = require("../../../utils/react");
-const wrapper_1 = require("../wrapper");
 const context_1 = require("./context");
 const RadioGroupElement = (0, tasty_1.tasty)({
     qa: 'RadioGroup',
@@ -45,8 +44,8 @@ const RadioGroupElement = (0, tasty_1.tasty)({
 function RadioGroup(props, ref) {
     props = (0, nullableValue_1.castNullableStringValue)(props);
     props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    props = (0, Form_1.useFieldProps)(props, { defaultValidationTrigger: 'onChange' });
+    props = (0, form_1.useFormProps)(props);
+    props = (0, form_1.useFieldProps)(props, { defaultValidationTrigger: 'onChange' });
     let { isDisabled, isRequired, labelPosition = 'top', validationState, children, orientation, styles, groupStyles, insideForm, labelProps: baseLabelProps, isSolid, ...otherProps } = props;
     let domRef = (0, utils_1.useDOMRef)(ref);
     styles = (0, tasty_1.extractStyles)(otherProps, tasty_1.OUTER_STYLES, styles);
@@ -61,12 +60,12 @@ function RadioGroup(props, ref) {
             'inside-form': insideForm,
             'side-label': labelPosition === 'side',
             solid: !!isSolid,
-        }, children: (0, jsx_runtime_1.jsx)(Form_1.FormContext.Provider, { value: {
+        }, children: (0, jsx_runtime_1.jsx)(form_1.FormContext.Provider, { value: {
                 isRequired,
                 validationState,
                 isDisabled,
             }, children: (0, jsx_runtime_1.jsx)(context_1.RadioContext.Provider, { value: { state, name: props.name, isSolid }, children: children }) }) }));
-    return (0, wrapper_1.wrapWithField)(radioGroup, domRef, {
+    return (0, form_1.wrapWithField)(radioGroup, domRef, {
         ...props,
         children: null,
         fieldProps,

package/cjs/components/{forms → fields}/RadioGroup/context.js

@@ -1,18 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRadioProvider = exports.RadioContext = void 0;
+exports.RadioContext = void 0;
+exports.useRadioProvider = useRadioProvider;
 const react_1 = require("react");
 exports.RadioContext = (0, react_1.createContext)(null);
 function useRadioProvider() {
     return (0, react_1.useContext)(exports.RadioContext);
 }
-exports.useRadioProvider = useRadioProvider;
 
         

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

@@ -0,0 +1,27 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./Radio"), exports);
+__exportStar(require("./RadioGroup"), exports);
+
+        

package/cjs/components/{forms → fields}/SearchInput/SearchInput.js

@@ -1,18 +1,20 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.39.1
+ * @cube-dev/ui-kit v0.40.0
  * Released under the MIT license.
  */
 
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchInput = void 0;
+exports.SearchInput = exports.useSearchField = exports.useSearchFieldState = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const react_stately_1 = require("react-stately");
+Object.defineProperty(exports, "useSearchFieldState", { enumerable: true, get: function () { return react_stately_1.useSearchFieldState; } });
 const react_aria_1 = require("react-aria");
-const TextInputBase_1 = require("../TextInput/TextInputBase");
+Object.defineProperty(exports, "useSearchField", { enumerable: true, get: function () { return react_aria_1.useSearchField; } });
+const TextInput_1 = require("../TextInput");
 const provider_1 = require("../../../provider");
 const actions_1 = require("../../actions");
 const mapProps_1 = require("../../../utils/react/mapProps");
@@ -36,7 +38,7 @@ exports.SearchInput = (0, react_1.forwardRef)(function SearchInput(props, ref) {
     let state = (0, react_stately_1.useSearchFieldState)(props);
     let { inputProps, clearButtonProps } = (0, react_aria_1.useSearchField)(props, state, inputRef);
     let showClearButton = isClearable && state.value !== '' && !props.isReadOnly;
-    return ((0, jsx_runtime_1.jsx)(TextInputBase_1.TextInputBase, { ref: ref, inputProps: inputProps, inputRef: inputRef, type: "search", icon: (0, jsx_runtime_1.jsx)(icons_1.SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.suffix, showClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...(0, mapProps_1.ariaToCubeButtonProps)(clearButtonProps) }))] })) : undefined }));
+    return ((0, jsx_runtime_1.jsx)(TextInput_1.TextInputBase, { ref: ref, inputProps: inputProps, inputRef: inputRef, type: "search", icon: (0, jsx_runtime_1.jsx)(icons_1.SearchIcon, {}), suffixPosition: "after", ...props, suffix: props.suffix || showClearButton ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [props.suffix, showClearButton && ((0, jsx_runtime_1.jsx)(ClearButton, { type: validationState === 'invalid' ? 'clear' : 'neutral', theme: validationState === 'invalid' ? 'danger' : undefined, ...(0, mapProps_1.ariaToCubeButtonProps)(clearButtonProps) }))] })) : undefined }));
 });
 
         

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

@@ -0,0 +1,26 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.40.0
+ * Released under the MIT license.
+ */
+
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SearchInput"), exports);
+
+