@cube-dev/ui-kit 0.39.1 → 0.40.0

package/types/components/content/Divider.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, OuterStyleProps } from '../../tasty';
 export interface CubeDividerProps extends BaseProps, OuterStyleProps {
 }

package/types/components/content/Footer.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeFooterProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }

package/types/components/content/Header.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeHeaderProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }

package/types/components/content/Paragraph.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ContainerStyleProps } from '../../tasty';
 import { CubeTextProps } from './Text';
 export interface CubeParagraphProps extends CubeTextProps, ContainerStyleProps {

package/types/components/content/Placeholder/Placeholder.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
     size?: Styles['fontSize'];

package/types/components/content/PrismCode/PrismCode.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubePrismCodeProps extends ContainerStyleProps {
     /** The CSS style map */

package/types/components/content/Title.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, ContainerStyleProps, PositionStyleProps, TagNameProps } from '../../tasty';
 import { CubeTextProps } from './Text';
 export interface CubeTitleProps extends BaseProps, CubeTextProps, TagNameProps, ContainerStyleProps, PositionStyleProps {

package/types/components/{forms → fields}/Checkbox/Checkbox.d.ts

@@ -1,20 +1,23 @@
-/// <reference types="react" />
+import { useCheckbox, AriaCheckboxProps } from 'react-aria';
 import { BaseProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
 import { CheckboxGroup } from './CheckboxGroup';
-import type { AriaCheckboxProps } from '@react-types/checkbox';
 export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FieldBaseProps {
     inputStyles?: Styles;
+    isIndeterminate?: boolean;
+    value?: string;
 }
 declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
-    isSelected?: any;
-    defaultSelected?: any;
+    isSelected?: T["isSelected"] | any;
+    defaultSelected?: T["defaultSelected"] | any;
 } & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>> & {
     Group: typeof CheckboxGroup;
 } & {
     Group: import("react").ForwardRefExoticComponent<Omit<import("./CheckboxGroup").CubeCheckboxGroupProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
+        value?: T_1["value"] | any;
+        defaultValue?: T_1["defaultValue"] | any;
     } & import("react").RefAttributes<unknown>>;
 };
 export { __Checkbox as Checkbox };
+export type { AriaCheckboxProps };
+export { useCheckbox };

package/types/components/{forms → fields}/Checkbox/CheckboxGroup.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import { AriaCheckboxGroupProps } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
-import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
 export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FieldBaseProps, ContainerStyleProps {
     orientation?: 'vertical' | 'horizontal';
     inputStyles?: Styles;
@@ -11,7 +10,7 @@ export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProp
  * All possible options are exposed up front for users to compare.
  */
 declare const _CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
+    value?: T["value"] | any;
+    defaultValue?: T["defaultValue"] | any;
 } & import("react").RefAttributes<unknown>>;
 export { _CheckboxGroup as CheckboxGroup };

package/types/components/{forms → fields}/Checkbox/context.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const CheckboxGroupContext: import("react").Context<any>;

package/types/components/fields/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';

package/types/components/{pickers → fields}/ComboBox/ComboBox.d.ts

@@ -1,10 +1,11 @@
 import { ForwardedRef, ReactElement, RefObject } from 'react';
-import { CubeSelectBaseProps } from '../Select/Select';
+import { AriaComboBoxProps, AriaTextFieldProps } from 'react-aria';
+import { Item } from 'react-stately';
+import { CubeSelectBaseProps } from '../Select';
 import type { KeyboardDelegate, LoadingState } from '@react-types/shared';
-import type { ComboBoxProps } from '@react-types/combobox';
 type FilterFn = (textValue: string, inputValue: string) => boolean;
-export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate' | 'onSelectionChange'>, ComboBoxProps<T> {
-    validate?: ComboBoxProps<T>['validate'];
+export type MenuTriggerAction = 'focus' | 'input' | 'manual';
+export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate' | 'onSelectionChange'>, AriaComboBoxProps<T>, AriaTextFieldProps {
     icon?: ReactElement;
     multiLine?: boolean;
     autoComplete?: string;
@@ -24,10 +25,12 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
     filter?: FilterFn;
     size?: 'small' | 'default' | 'large' | string;
     suffixPosition?: 'before' | 'after';
+    menuTrigger?: MenuTriggerAction;
+    allowsCustomValue?: boolean;
 }
 export declare const ComboBox: (<T>(props: CubeComboBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => ReactElement) & {
-    Item: any;
+    Item: typeof Item;
 };
 export {};

package/types/components/fields/ComboBox/index.d.ts

@@ -0,0 +1 @@
+export * from './ComboBox';

package/types/components/{forms → fields}/DatePicker/DateInput.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { AriaDateFieldProps, DateValue } from '@react-types/datepicker';
 import { FocusableRef } from '@react-types/shared';
+import { AriaDateFieldProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 export interface CubeDateInputProps<T extends DateValue = DateValue> extends AriaDateFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {

package/types/components/{forms → fields}/DatePicker/DatePicker.d.ts

@@ -1,9 +1,10 @@
 import { ReactElement } from 'react';
-import { AriaDatePickerProps, DateValue } from '@react-types/datepicker';
 import { FocusableRef } from '@react-types/shared';
+import { AriaDatePickerProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
-export interface CubeDatePickerProps<T extends DateValue = DateValue> extends AriaDatePickerProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+import { DateFieldBase } from './types';
+export interface CubeDatePickerProps<T extends DateValue = DateValue> extends AriaDatePickerProps<T>, DateFieldBase<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     triggerStyles?: Styles;

package/types/components/fields/DatePicker/DatePickerButton.d.ts

@@ -0,0 +1,5 @@
+export declare const DatePickerButton: import("react").ComponentType<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {}>;

package/types/components/{forms → fields}/DatePicker/DatePickerElement.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const DatePickerElement: import("react").ComponentType<{
     children?: import("react").ReactNode;
     ref?: import("react").LegacyRef<unknown> | undefined;
@@ -77,5 +76,9 @@ export declare const DatePickerElement: import("react").ComponentType<{
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
+    "aria-describedby"?: string | undefined;
+    "aria-details"?: string | undefined;
+    "aria-label"?: string | undefined;
+    "aria-labelledby"?: string | undefined;
     key?: import("react").Key | null | undefined;
 } & {}>;

package/types/components/{forms → fields}/DatePicker/DatePickerInput.d.ts

@@ -1,7 +1,8 @@
-import { DateValue, SpectrumDatePickerProps } from '@react-types/datepicker';
-interface CubeDatePickerInputProps<T extends DateValue> extends SpectrumDatePickerProps<T> {
+import { DateValue, AriaDatePickerProps } from 'react-aria';
+import { DateFieldBase, Granularity } from './types';
+interface CubeDatePickerInputProps<T extends DateValue> extends AriaDatePickerProps<T>, DateFieldBase<T> {
     hideValidationIcon?: boolean;
-    maxGranularity?: SpectrumDatePickerProps<T>['granularity'];
+    maxGranularity?: Granularity;
     useLocale?: boolean;
     onFocus?: () => void;
     onBlur?: () => void;

package/types/components/{forms → fields}/DatePicker/DatePickerSegment.d.ts

@@ -1,6 +1,7 @@
 import { DateFieldState, DateSegment } from 'react-stately';
-import { DatePickerBase, DateValue } from '@react-types/datepicker';
-interface DatePickerSegmentProps extends DatePickerBase<DateValue> {
+import { DateValue } from 'react-aria';
+import { DateFieldBase } from './types';
+interface DatePickerSegmentProps extends DateFieldBase<DateValue> {
     segment: DateSegment;
     state: DateFieldState;
 }

package/types/components/{forms → fields}/DatePicker/DateRangePicker.d.ts

@@ -1,9 +1,10 @@
 import { ReactElement } from 'react';
-import { AriaDateRangePickerProps, DateValue } from '@react-types/datepicker';
 import { FocusableRef } from '@react-types/shared';
+import { AriaDateRangePickerProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
-export interface CubeDateRangePickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+import { DateFieldBase } from './types';
+export interface CubeDateRangePickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, DateFieldBase<T>, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     styles?: Styles;

package/types/components/{forms → fields}/DatePicker/DateRangeSeparatedPicker.d.ts

@@ -1,9 +1,10 @@
 import { ReactElement } from 'react';
-import { AriaDateRangePickerProps, DateValue } from '@react-types/datepicker';
 import { FocusableRef } from '@react-types/shared';
+import { AriaDateRangePickerProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
-export interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+import { DateFieldBase } from './types';
+export interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, ContainerStyleProps, DateFieldBase<T>, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;
     styles?: Styles;

package/types/components/{forms → fields}/DatePicker/TimeInput.d.ts

@@ -1,9 +1,9 @@
 import { ReactElement } from 'react';
 import { FocusableRef } from '@react-types/shared';
-import { Granularity, TimeValue } from '@react-types/datepicker';
-import { AriaTimeFieldProps, DateValue } from 'react-aria';
+import { AriaTimeFieldProps, DateValue, TimeValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
+import { Granularity } from './types';
 export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends AriaTimeFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
     wrapperStyles?: Styles;
     inputStyles?: Styles;

package/types/components/{forms → fields}/DatePicker/index.d.ts

@@ -4,3 +4,4 @@ export * from './DatePicker';
 export * from './DateRangePicker';
 export * from './parseDate';
 export * from './DateRangeSeparatedPicker';
+export * from './types';

package/types/components/fields/DatePicker/props.d.ts

@@ -0,0 +1,3 @@
+import { DateValue, AriaDatePickerProps } from 'react-aria';
+export declare const DEFAULT_DATE_PROPS: Partial<AriaDatePickerProps<DateValue>>;
+export declare const DEFAULT_TIME_PROPS: Partial<AriaDatePickerProps<DateValue>>;

package/types/components/fields/DatePicker/types.d.ts

@@ -0,0 +1,29 @@
+import { DateValue } from 'react-aria';
+export type Granularity = 'day' | 'hour' | 'minute' | 'second';
+export interface DateFieldBase<T extends DateValue> {
+    /** The minimum allowed date that a user may select. */
+    minValue?: DateValue;
+    /** The maximum allowed date that a user may select. */
+    maxValue?: DateValue;
+    /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */
+    isDateUnavailable?: (date: DateValue) => boolean;
+    /** A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight. */
+    placeholderValue?: T;
+    /** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */
+    hourCycle?: 12 | 24;
+    /** Determines the smallest unit that is displayed in the date picker. By default, this is `"day"` for dates, and `"minute"` for times. */
+    granularity?: Granularity;
+    /**
+     * Whether to hide the time zone abbreviation.
+     * @default false
+     */
+    hideTimeZone?: boolean;
+    /**
+     * Whether to always show leading zeros in the month, day, and hour fields.
+     * By default, this is determined by the user's locale.
+     */
+    shouldForceLeadingZeros?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+}

package/types/components/{forms → fields}/DatePicker/utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FocusableRef } from '@react-types/shared';
 import { DateSegment } from 'react-stately';
 export declare function useFocusManagerRef(ref: FocusableRef<HTMLElement>): import("react").MutableRefObject<undefined>;

package/types/components/{forms → fields}/FileInput/FileInput.d.ts

@@ -1,7 +1,7 @@
 import { RefObject } from 'react';
 import { BaseProps, BlockStyleProps, ContainerStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
-import type { AriaTextFieldProps } from '@react-types/textfield';
+import type { AriaTextFieldProps } from 'react-aria';
 export interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps {
     /**
      * The size of the input
@@ -19,6 +19,11 @@ export interface CubeFileInputProps extends BaseProps, PositionStyleProps, Conta
     type?: 'file' | 'text';
     /** Direct input props */
     inputProps?: Props;
+    /** The file types that the input should accept */
+    accept?: string;
+    value?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
 }
 /**
  * FileInputs are file inputs that allow users to select local files to

package/types/components/{forms → fields}/Input/Input.d.ts

@@ -1,4 +1,4 @@
-import { TextInput } from '../TextInput/TextInput';
+import { TextInput } from '../TextInput';
 import { PasswordInput } from '../PasswordInput/PasswordInput';
 import { NumberInput } from '../NumberInput/NumberInput';
 import { FileInput } from '../FileInput/FileInput';

package/types/components/{forms → fields}/NumberInput/NumberInput.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
-import type { AriaNumberFieldProps } from '@react-types/numberfield';
+import { AriaNumberFieldProps } from 'react-aria';
+import { CubeTextInputBaseProps } from '../TextInput';
+import { WithNullableValue } from '../../../utils/react/nullableValue';
 export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>, Omit<AriaNumberFieldProps, 'validate'> {
     /** Whether or to hide stepper */
     hideStepper?: boolean;
@@ -8,8 +8,6 @@ export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defa
 /**
  * NumberFields allow users to enter a number, and increment or decrement the value using stepper buttons.
  */
-declare const _NumberInput: import("react").ForwardRefExoticComponent<Omit<CubeNumberInputProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
+declare const _NumberInput: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeNumberInputProps>, "ref"> & import("react").RefAttributes<unknown>>;
 export { _NumberInput as NumberInput };
+export type { AriaNumberFieldProps };

package/types/components/{forms → fields}/PasswordInput/PasswordInput.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
+import { CubeTextInputBaseProps } from '../TextInput';
+import { WithNullableValue } from '../../../utils/react/nullableValue';
+export interface CubePasswordInputProps extends WithNullableValue<CubeTextInputBaseProps> {
+}
 /**
  * PasswordInputs are password inputs that allow users to input passwords or code entries
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _PasswordInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
+declare const _PasswordInput: import("react").ForwardRefExoticComponent<Omit<CubePasswordInputProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { _PasswordInput as PasswordInput };

package/types/components/{forms → fields}/RadioGroup/Radio.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
+import { useRadio } from 'react-aria';
 import { BaseProps, OuterStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
 import { RadioGroup } from './RadioGroup';
-import type { AriaRadioProps } from '@react-types/radio';
+import type { AriaRadioProps } from 'react-aria';
+export { AriaRadioProps };
+export { useRadio };
 export interface CubeRadioProps extends BaseProps, AriaRadioProps, FieldBaseProps, OuterStyleProps {
     inputStyles?: Styles;
     type?: 'button' | 'radio';
@@ -44,42 +46,34 @@ declare const ButtonGroup: import("react").ComponentType<{
     autoFocus?: boolean | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
-    "aria-errormessage"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
-    onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
-    onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onChange?: ((value: string) => void) | undefined;
     description?: import("react").ReactNode;
     rules?: import("../../../shared").ValidationRule[] | undefined;
     message?: import("react").ReactNode;
-    onFocusChange?: ((isFocused: boolean) => void) | undefined;
     insideForm?: boolean | undefined;
     isReadOnly?: boolean | undefined;
     isRequired?: boolean | undefined;
-    validationState?: import("react-stately").ValidationState | undefined;
+    validationState?: import("../../../shared").ValidationState | undefined;
     isLoading?: boolean | undefined;
     key?: import("react").Key | null | undefined;
     extra?: import("react").ReactNode;
-    orientation?: import("react-aria").Orientation | undefined;
-    labelStyles?: Styles | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
     labelPosition?: import("../../../shared").LabelPosition | undefined;
-    requiredMark?: boolean | undefined;
     necessityIndicator?: import("../../../shared").NecessityIndicator | undefined;
-    necessityLabel?: import("react").ReactNode;
-    validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
-    showValid?: boolean | undefined;
     fieldProps?: import("../../../tasty").Props | undefined;
     labelSuffix?: import("react").ReactNode;
+    labelStyles?: Styles | undefined;
     labelProps?: import("../../../tasty").Props | undefined;
+    requiredMark?: boolean | undefined;
+    necessityLabel?: import("react").ReactNode;
     messageStyles?: Styles | undefined;
+    validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
+    showValid?: boolean | undefined;
     idPrefix?: string | undefined;
     validationDelay?: number | undefined;
     shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-    validate?: ((value: string | null) => true | import("@react-types/shared").ValidationError | null | undefined) | undefined;
-    isInvalid?: boolean | undefined;
-    validationBehavior?: "native" | "aria" | undefined;
-    errorMessage?: import("react").ReactNode | ((v: import("@react-types/shared").ValidationResult) => import("react").ReactNode);
     groupStyles?: Styles | undefined;
     isSolid?: boolean | undefined;
 } & {}>;
@@ -89,8 +83,8 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
     ButtonGroup: typeof ButtonGroup;
 } & {
     Group: import("react").ForwardRefExoticComponent<Omit<import("./RadioGroup").CubeRadioGroupProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
+        value?: T["value"] | any;
+        defaultValue?: T["defaultValue"] | any;
     } & import("react").RefAttributes<unknown>>;
     Button: import("react").ForwardRefExoticComponent<CubeRadioProps & import("react").RefAttributes<unknown>>;
     ButtonGroup: import("react").ComponentType<{
@@ -125,42 +119,34 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         autoFocus?: boolean | undefined;
         "aria-describedby"?: string | undefined;
         "aria-details"?: string | undefined;
-        "aria-errormessage"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
-        onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
-        onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
         onChange?: ((value: string) => void) | undefined;
         description?: import("react").ReactNode;
         rules?: import("../../../shared").ValidationRule[] | undefined;
         message?: import("react").ReactNode;
-        onFocusChange?: ((isFocused: boolean) => void) | undefined;
         insideForm?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         isRequired?: boolean | undefined;
-        validationState?: import("react-stately").ValidationState | undefined;
+        validationState?: import("../../../shared").ValidationState | undefined;
         isLoading?: boolean | undefined;
         key?: import("react").Key | null | undefined;
         extra?: import("react").ReactNode;
-        orientation?: import("react-aria").Orientation | undefined;
-        labelStyles?: Styles | undefined;
+        orientation?: "horizontal" | "vertical" | undefined;
         labelPosition?: import("../../../shared").LabelPosition | undefined;
-        requiredMark?: boolean | undefined;
         necessityIndicator?: import("../../../shared").NecessityIndicator | undefined;
-        necessityLabel?: import("react").ReactNode;
-        validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
-        showValid?: boolean | undefined;
         fieldProps?: import("../../../tasty").Props | undefined;
         labelSuffix?: import("react").ReactNode;
+        labelStyles?: Styles | undefined;
         labelProps?: import("../../../tasty").Props | undefined;
+        requiredMark?: boolean | undefined;
+        necessityLabel?: import("react").ReactNode;
         messageStyles?: Styles | undefined;
+        validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
+        showValid?: boolean | undefined;
         idPrefix?: string | undefined;
         validationDelay?: number | undefined;
         shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-        validate?: ((value: string | null) => true | import("@react-types/shared").ValidationError | null | undefined) | undefined;
-        isInvalid?: boolean | undefined;
-        validationBehavior?: "native" | "aria" | undefined;
-        errorMessage?: import("react").ReactNode | ((v: import("@react-types/shared").ValidationResult) => import("react").ReactNode);
         groupStyles?: Styles | undefined;
         isSolid?: boolean | undefined;
     } & {}>;

package/types/components/{forms → fields}/RadioGroup/RadioGroup.d.ts

@@ -1,17 +1,20 @@
-/// <reference types="react" />
+import { AriaRadioGroupProps } from 'react-aria';
 import { BaseProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
-import type { AriaRadioGroupProps } from '@react-types/radio';
 export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, FieldBaseProps {
     groupStyles?: Styles;
     isSolid?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
 }
 /**
  * Radio groups allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
  */
 declare const _RadioGroup: import("react").ForwardRefExoticComponent<Omit<CubeRadioGroupProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
+    value?: T["value"] | any;
+    defaultValue?: T["defaultValue"] | any;
 } & import("react").RefAttributes<unknown>>;
 export { _RadioGroup as RadioGroup };

package/types/components/{forms → fields}/RadioGroup/context.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioGroupState } from 'react-stately';
 interface CubeRadioGroupState {
     isSolid?: boolean;

package/types/components/fields/RadioGroup/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Radio';
+export * from './RadioGroup';

package/types/components/fields/SearchInput/SearchInput.d.ts

@@ -0,0 +1,11 @@
+import { SearchFieldProps, useSearchFieldState } from 'react-stately';
+import { useSearchField } from 'react-aria';
+import { CubeTextInputBaseProps } from '../TextInput';
+import { WithNullableValue } from '../../../utils/react/nullableValue';
+export { useSearchFieldState, useSearchField };
+export type { SearchFieldProps };
+export interface CubeSearchInputProps extends CubeTextInputBaseProps, SearchFieldProps {
+    /** Whether the search input is clearable using ESC keyboard button or clear button inside the input */
+    isClearable?: boolean;
+}
+export declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeSearchInputProps>, "ref"> & import("react").RefAttributes<unknown>>;

package/types/components/fields/SearchInput/index.d.ts

@@ -0,0 +1 @@
+export * from './SearchInput';

package/types/components/{pickers → fields}/Select/Select.d.ts

@@ -1,8 +1,10 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
-import { FieldBaseProps } from '../../../shared';
-import type { AriaSelectProps } from '@react-types/select';
-export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps, BlockStyleProps, AriaSelectProps<T> {
+import { Item, useSelectState } from 'react-stately';
+import { AriaSelectProps } from 'react-aria';
+import { CollectionBase } from '@react-types/shared';
+import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty/index';
+import { FieldBaseProps } from '../../../shared/index';
+export interface CubeSelectBaseProps<T> extends BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps, BlockStyleProps, CollectionBase<T>, AriaSelectProps<T> {
     icon?: ReactElement;
     prefix?: ReactNode;
     suffix?: ReactNode;
@@ -28,6 +30,7 @@ export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     listBoxRef?: RefObject<HTMLElement>;
     size?: 'small' | 'default' | 'large' | string;
     ellipsis?: boolean;
+    placeholder?: string;
 }
 export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
     [x: string]: any;
@@ -43,8 +46,10 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     minWidth: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare const __Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
-    Item: any;
+    Item: typeof Item;
 } & {
     Item: any;
 };
 export { __Select as Select };
+export type { AriaSelectProps };
+export { useSelectState };

package/types/components/fields/Select/index.d.ts

@@ -0,0 +1 @@
+export * from './Select';

package/types/components/{forms → fields}/Slider/Gradation.d.ts

@@ -1,4 +1,4 @@
-import { SliderState } from 'react-stately';
+import type { SliderState } from 'react-stately';
 export type GradationProps = {
     state: SliderState;
     ranges: number[];

package/types/components/{forms → fields}/Slider/RangeSlider.d.ts

@@ -1,10 +1,9 @@
-/// <reference types="react" />
 import type { CubeSliderBaseProps } from './types';
 import type { RangeValue } from '../../../shared';
 export interface CubeRangeSliderProps extends CubeSliderBaseProps<RangeValue<number>> {
     gradation?: string[];
 }
-declare const __RangeSlider: import("react").ForwardRefExoticComponent<CubeRangeSliderProps & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
+declare const __RangeSlider: import("react").ForwardRefExoticComponent<Omit<CubeRangeSliderProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
     cubeInputType: string;
 };
 export { __RangeSlider as RangeSlider };

package/types/components/{forms → fields}/Slider/Slider.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import type { CubeSliderBaseProps } from './types';
 export interface CubeSliderProps extends CubeSliderBaseProps<number> {
     gradation?: string[];
 }
-declare const __Slider: import("react").ForwardRefExoticComponent<CubeSliderProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
+declare const __Slider: import("react").ForwardRefExoticComponent<Omit<CubeSliderProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>> & {
     cubeInputType: string;
 };
 export { __Slider as Slider };