@cube-dev/ui-kit 0.27.2 → 0.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.27.2",
+  "version": "0.29.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -18,76 +18,42 @@
   },
   "dependencies": {
     "@ant-design/icons": "^5.0.1",
-    "@internationalized/date": "^3.3.0",
-    "@react-aria/button": "3.6.4",
-    "@react-aria/calendar": "^3.4.0",
-    "@react-aria/checkbox": "3.7.1",
-    "@react-aria/combobox": "3.4.4",
-    "@react-aria/datepicker": "^3.5.0",
-    "@react-aria/dialog": "3.4.2",
-    "@react-aria/dnd": "^3.4.1",
-    "@react-aria/focus": "3.10.1",
-    "@react-aria/i18n": "3.7.2",
-    "@react-aria/interactions": "3.13.1",
-    "@react-aria/listbox": "3.7.2",
-    "@react-aria/menu": "3.7.1",
-    "@react-aria/numberfield": "3.3.4",
-    "@react-aria/overlays": "3.12.1",
-    "@react-aria/radio": "3.4.2",
-    "@react-aria/searchfield": "3.4.4",
-    "@react-aria/select": "3.8.4",
-    "@react-aria/selection": "3.12.1",
-    "@react-aria/separator": "3.2.6",
-    "@react-aria/slider": "3.2.4",
-    "@react-aria/ssr": "3.4.1",
-    "@react-aria/switch": "3.3.1",
-    "@react-aria/textfield": "3.8.1",
-    "@react-aria/tooltip": "3.3.4",
-    "@react-aria/utils": "3.14.2",
-    "@react-aria/visually-hidden": "3.6.1",
-    "@react-spectrum/utils": "3.8.1",
-    "@react-stately/calendar": "^3.3.0",
-    "@react-stately/checkbox": "3.3.2",
-    "@react-stately/collections": "3.5.1",
-    "@react-stately/combobox": "3.3.1",
-    "@react-stately/datepicker": "^3.5.0",
-    "@react-stately/list": "3.6.1",
-    "@react-stately/menu": "3.4.4",
-    "@react-stately/numberfield": "3.3.1",
-    "@react-stately/overlays": "3.4.4",
-    "@react-stately/radio": "3.6.2",
-    "@react-stately/searchfield": "3.3.4",
-    "@react-stately/select": "3.3.4",
-    "@react-stately/selection": "3.11.2",
-    "@react-stately/slider": "3.2.4",
-    "@react-stately/toggle": "3.4.4",
-    "@react-stately/tooltip": "3.2.4",
-    "@react-stately/tree": "3.4.1",
-    "@react-stately/utils": "3.5.2",
-    "@react-types/button": "3.7.0",
-    "@react-types/calendar": "^3.3.0",
-    "@react-types/checkbox": "3.4.1",
-    "@react-types/combobox": "3.5.5",
-    "@react-types/datepicker": "^3.4.0",
-    "@react-types/dialog": "3.4.5",
-    "@react-types/menu": "3.7.3",
-    "@react-types/numberfield": "3.3.5",
-    "@react-types/overlays": "3.6.5",
-    "@react-types/radio": "3.3.1",
-    "@react-types/select": "3.6.5",
-    "@react-types/shared": "3.16.0",
-    "@react-types/slider": "3.3.1",
-    "@react-types/switch": "3.2.5",
-    "@react-types/textfield": "3.6.2",
-    "@react-types/tooltip": "3.2.5",
+    "@internationalized/date": "^3.5.0",
+    "@react-aria/focus": "^3.15.0",
+    "@react-aria/i18n": "^3.9.0",
+    "@react-aria/interactions": "^3.20.0",
+    "@react-aria/selection": "^3.17.2",
+    "@react-aria/ssr": "^3.9.0",
+    "@react-aria/utils": "^3.22.0",
+    "@react-spectrum/utils": "^3.11.2",
+    "@react-stately/utils": "^3.9.0",
+    "@react-types/button": "^3.9.1",
+    "@react-types/calendar": "^3.4.2",
+    "@react-types/checkbox": "^3.6.0",
+    "@react-types/combobox": "^3.9.0",
+    "@react-types/datepicker": "^3.7.0",
+    "@react-types/dialog": "^3.5.7",
+    "@react-types/menu": "^3.9.6",
+    "@react-types/numberfield": "^3.7.0",
+    "@react-types/overlays": "^3.8.4",
+    "@react-types/radio": "^3.6.0",
+    "@react-types/select": "^3.9.0",
+    "@react-types/shared": "^3.22.0",
+    "@react-types/slider": "^3.7.0",
+    "@react-types/switch": "^3.5.0",
+    "@react-types/textfield": "^3.9.0",
+    "@react-types/tooltip": "^3.4.6",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "email-validator": "^2.0.4",
     "prismjs": "^1.27.0",
+    "react-aria": "^3.30.0",
     "react-focus-lock": "^2.9.4",
     "react-is": "^17.0.0",
     "react-keyed-flatten-children": "^1.3.0",
+    "react-stately": "^3.28.0",
     "react-transition-group": "^4.4.5",
+    "react-types": "^0.1.0",
     "storybook": "^7.0.17",
     "tiny-invariant": "^1.3.1",
     "valid-url": "^1.0.9"

package/types/components/actions/use-action.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
-import { AriaButtonProps } from '@react-types/button';
 import { FocusableRef } from '@react-types/shared';
+import { AriaButtonProps } from '@react-types/button';
 import { BaseProps, TagNameProps } from '../../tasty';
 export interface CubeUseActionProps extends BaseProps, TagNameProps, Omit<AriaButtonProps, 'type'> {
     to?: string;
@@ -38,7 +38,7 @@ export declare const useAction: ({ to, as, htmlType, label, mods, onPress, ...pr
         href: string | undefined;
         mods: {
             hovered: boolean;
-            pressed: boolean;
+            pressed: any;
             focused: boolean;
             disabled: boolean | undefined;
         };

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

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { FocusableOptions } from '@react-aria/focus';
+import { FocusableOptions } from 'react-aria';
 import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../../tasty';
 export interface CubeActiveZoneProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, FocusableOptions {
     label?: string;

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

@@ -103,15 +103,15 @@ declare const ActionButton: import("react").ComponentType<{
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
     key?: import("react").Key | null | undefined;
-    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
-    onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
     to?: string | undefined;
     htmlType?: "button" | "reset" | "submit" | undefined;
@@ -246,15 +246,15 @@ declare const _CopySnippet: typeof CopySnippet & {
         onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
         onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
         key?: import("react").Key | null | undefined;
-        onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-        onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-        onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+        onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+        onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+        onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
         onFocusChange?: ((isFocused: boolean) => void) | undefined;
         excludeFromTabOrder?: boolean | undefined;
         isLoading?: boolean | undefined;
         isSelected?: boolean | undefined;
         onPressChange?: ((isPressed: boolean) => void) | undefined;
-        onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+        onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
         elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
         to?: string | undefined;
         htmlType?: "button" | "reset" | "submit" | undefined;

package/types/components/forms/Checkbox/Checkbox.d.ts

@@ -1,9 +1,10 @@
 /// <reference types="react" />
-import { BaseProps } from '../../../tasty';
+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;
 }
 declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;

package/types/components/forms/Checkbox/context.d.ts

@@ -1,3 +1,2 @@
 /// <reference types="react" />
-import { CheckboxGroupState } from '@react-stately/checkbox';
-export declare const CheckboxGroupContext: import("react").Context<CheckboxGroupState | null>;
+export declare const CheckboxGroupContext: import("react").Context<any>;

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

@@ -100,15 +100,15 @@ export declare const DatePickerButton: import("react").ComponentType<{
     onMouseEnter?: import("react").MouseEventHandler<Element> | undefined;
     onMouseLeave?: import("react").MouseEventHandler<Element> | undefined;
     key?: import("react").Key | null | undefined;
-    onPress?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressStart?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
-    onPressEnd?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPress?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressStart?: ((e: import("react-aria").PressEvent) => void) | undefined;
+    onPressEnd?: ((e: import("react-aria").PressEvent) => void) | undefined;
     onFocusChange?: ((isFocused: boolean) => void) | undefined;
     excludeFromTabOrder?: boolean | undefined;
     isLoading?: boolean | undefined;
     isSelected?: boolean | undefined;
     onPressChange?: ((isPressed: boolean) => void) | undefined;
-    onPressUp?: ((e: import("@react-types/shared").PressEvent) => void) | undefined;
+    onPressUp?: ((e: import("react-aria").PressEvent) => void) | undefined;
     elementType?: "button" | import("react").JSXElementConstructor<any> | undefined;
     to?: string | undefined;
     htmlType?: "button" | "reset" | "submit" | undefined;

package/types/components/forms/DatePicker/DatePickerInput.d.ts

@@ -4,6 +4,8 @@ interface CubeDatePickerInputProps<T extends DateValue> extends SpectrumDatePick
     hideValidationIcon?: boolean;
     maxGranularity?: SpectrumDatePickerProps<T>['granularity'];
     useLocale?: boolean;
+    onFocus?: () => void;
+    onBlur?: () => void;
 }
 export declare function DatePickerInput<T extends DateValue>(props: CubeDatePickerInputProps<T>): JSX.Element;
 export {};

package/types/components/forms/DatePicker/DatePickerSegment.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { DateFieldState, DateSegment } from '@react-stately/datepicker';
+import { DateFieldState, DateSegment } from 'react-stately';
 import { DatePickerBase, DateValue } from '@react-types/datepicker';
 interface DatePickerSegmentProps extends DatePickerBase<DateValue> {
     segment: DateSegment;

package/types/components/forms/DatePicker/DateRangeSeparatedPicker.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { AriaDateRangePickerProps, DateValue } from '@react-types/datepicker';
+import { FocusableRef } from '@react-types/shared';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
+import { FieldBaseProps, ValidationState } from '../../../shared';
+export interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateValue> extends AriaDateRangePickerProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
+    wrapperStyles?: Styles;
+    inputStyles?: Styles;
+    styles?: Styles;
+    size?: 'small' | 'medium' | 'large' | (string & {});
+    validationState?: ValidationState;
+    maxVisibleMonths?: number;
+    shouldFlip?: boolean;
+    useLocale?: boolean;
+}
+declare const _DateRangeSeparatedPicker: <T extends DateValue>(props: CubeDateRangeSeparatedPickerProps<T> & {
+    ref?: FocusableRef<HTMLElement> | undefined;
+}) => ReactElement;
+export { _DateRangeSeparatedPicker as DateRangeSeparatedPicker };

package/types/components/forms/DatePicker/TimeInput.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { FocusableRef } from '@react-types/shared';
-import { TimeValue } from '@react-types/datepicker';
-import { AriaTimeFieldProps } from '@react-aria/datepicker';
+import { Granularity, TimeValue } from '@react-types/datepicker';
+import { AriaTimeFieldProps, DateValue } from 'react-aria';
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps, ValidationState } from '../../../shared';
 export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends AriaTimeFieldProps<T>, BaseProps, ContainerStyleProps, FieldBaseProps {
@@ -10,6 +10,25 @@ export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Ari
     styles?: Styles;
     size?: 'small' | 'medium' | 'large' | (string & {});
     validationState?: ValidationState;
+    value?: TimeValue;
+    /** The minimum allowed date that a user may select. */
+    minValue?: TimeValue;
+    /** The maximum allowed date that a user may select. */
+    maxValue?: TimeValue;
+    /** 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?: TimeValue;
+    /** 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;
+    onChange?: (value: TimeValue) => void;
 }
 /**
  * TimeFields allow users to enter and edit time values using a keyboard.

package/types/components/forms/DatePicker/index.d.ts

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

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

@@ -1,4 +1,4 @@
 import { DatePickerProps } from '@react-types/datepicker';
-import { DateValue } from '@react-aria/calendar';
+import { DateValue } from 'react-aria';
 export declare const DEFAULT_DATE_PROPS: Partial<DatePickerProps<DateValue>>;
 export declare const DEFAULT_TIME_PROPS: Partial<DatePickerProps<DateValue>>;

package/types/components/forms/DatePicker/utils.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
 import { FocusableRef } from '@react-types/shared';
-import { SpectrumDatePickerBase } from '@react-types/datepicker';
-import { DateSegment } from '@react-stately/datepicker';
-export declare function useFormatHelpText(props: Pick<SpectrumDatePickerBase, 'description' | 'showFormatHelpText'>): {};
-export declare function useVisibleMonths(maxVisibleMonths: number): number;
+import { DateSegment } from 'react-stately';
 export declare function useFocusManagerRef(ref: FocusableRef<HTMLElement>): import("react").MutableRefObject<undefined>;
 export declare function formatSegments(segments: DateSegment[]): DateSegment[];

package/types/components/forms/NumberInput/NumberInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
 import type { AriaNumberFieldProps } from '@react-types/numberfield';
-export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>, AriaNumberFieldProps {
+export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>, Omit<AriaNumberFieldProps, 'validate'> {
     /** Whether or to hide stepper */
     hideStepper?: boolean;
 }

package/types/components/forms/RadioGroup/Radio.d.ts

@@ -54,11 +54,11 @@ declare const ButtonGroup: import("react").ComponentType<{
     insideForm?: boolean | undefined;
     isReadOnly?: boolean | undefined;
     isRequired?: boolean | undefined;
-    validationState?: import("@react-types/shared").ValidationState | undefined;
+    validationState?: import("react-stately").ValidationState | undefined;
     isLoading?: boolean | undefined;
     rules?: import("../../../shared").ValidationRule[] | undefined;
     extra?: import("react").ReactNode;
-    orientation?: import("@react-types/shared").Orientation | undefined;
+    orientation?: import("react-aria").Orientation | undefined;
     labelStyles?: Styles | undefined;
     labelPosition?: import("../../../shared").LabelPosition | undefined;
     requiredMark?: boolean | undefined;
@@ -71,7 +71,10 @@ declare const ButtonGroup: import("react").ComponentType<{
     idPrefix?: string | undefined;
     validationDelay?: number | undefined;
     shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-    errorMessage?: import("react").ReactNode;
+    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;
 } & {}>;
@@ -127,11 +130,11 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         insideForm?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         isRequired?: boolean | undefined;
-        validationState?: import("@react-types/shared").ValidationState | undefined;
+        validationState?: import("react-stately").ValidationState | undefined;
         isLoading?: boolean | undefined;
         rules?: import("../../../shared").ValidationRule[] | undefined;
         extra?: import("react").ReactNode;
-        orientation?: import("@react-types/shared").Orientation | undefined;
+        orientation?: import("react-aria").Orientation | undefined;
         labelStyles?: Styles | undefined;
         labelPosition?: import("../../../shared").LabelPosition | undefined;
         requiredMark?: boolean | undefined;
@@ -144,7 +147,10 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         idPrefix?: string | undefined;
         validationDelay?: number | undefined;
         shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-        errorMessage?: import("react").ReactNode;
+        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/RadioGroup/context.d.ts

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

package/types/components/forms/Slider/Gradation.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 export type GradationProps = {
     state: SliderState;
     ranges: number[];

package/types/components/forms/Slider/SliderBase.d.ts

@@ -1,5 +1,5 @@
 import { RefObject, ReactNode } from 'react';
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 import { CubeSliderBaseProps } from './types';
 export interface SliderBaseChildArguments {
     inputRef: RefObject<HTMLInputElement>;

package/types/components/forms/Slider/SliderInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 import { CubeNumberInputProps } from '../../../';
 export interface RangeInputProps extends CubeNumberInputProps {
     index: number;

package/types/components/forms/Slider/SliderThumb.d.ts

@@ -1,10 +1,11 @@
 import { RefObject } from 'react';
-import { AriaSliderThumbOptions } from '@react-aria/slider';
-import { SliderState } from '@react-stately/slider';
+import { AriaSliderThumbOptions } from 'react-aria';
+import { SliderState } from 'react-stately';
 export interface SliderThumbProps extends AriaSliderThumbOptions {
     state: SliderState;
     isDisabled?: boolean;
     trackRef: RefObject<HTMLElement>;
     inputRef: RefObject<HTMLInputElement>;
+    index: number;
 }
 export declare function SliderThumb(props: SliderThumbProps): JSX.Element;

package/types/components/forms/Slider/SliderTrack.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SliderState } from '@react-stately/slider';
+import { SliderState } from 'react-stately';
 export type SliderTrackProps = {
     state: SliderState;
     orientation?: 'horizontal' | 'vertical';

package/types/components/forms/TextInput/TextInputBase.d.ts

@@ -1,10 +1,12 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
+import { AriaNumberFieldProps } from 'react-aria';
 import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
 import type { AriaTextFieldProps } from '@react-types/textfield';
 export declare const INPUT_WRAPPER_STYLES: Styles;
 export declare const DEFAULT_INPUT_STYLES: Styles;
-export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps {
+export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, DimensionStyleProps, BlockStyleProps, Omit<AriaTextFieldProps, 'validate'>, FieldBaseProps {
+    validate?: AriaTextFieldProps['validate'] | AriaNumberFieldProps['validate'];
     /** Left input icon */
     icon?: ReactElement;
     /** Input decoration before the main input */

package/types/components/other/Calendar/Calendar.d.ts

@@ -1,5 +1,10 @@
 /// <reference types="react" />
 import { AriaCalendarProps, DateValue } from '@react-types/calendar';
-declare const _Calendar: import("react").ForwardRefExoticComponent<AriaCalendarProps<DateValue> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+export interface CubeCalendarProps extends AriaCalendarProps<DateValue> {
+    selectedRange?: {
+        start: DateValue;
+        end: DateValue;
+    };
+}
+declare const _Calendar: import("react").ForwardRefExoticComponent<CubeCalendarProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 export { _Calendar as Calendar };
-export type { AriaCalendarProps as CubeCalendarProps };

package/types/components/other/Calendar/CalendarCell.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-export declare function CalendarCell({ state, date }: {
+export declare function CalendarCell({ state, selectedRange, date }: {
     state: any;
+    selectedRange: any;
     date: any;
 }): JSX.Element;

package/types/components/overlays/Modal/Modal.d.ts

@@ -3,7 +3,7 @@ import { BaseProps, Styles } from '../../../tasty';
 import { WithCloseBehavior } from './types';
 import type { ModalProps } from '@react-types/overlays';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
-export interface CubeModalProps extends Omit<ModalProps, 'container' | 'type'>, WithCloseBehavior {
+export interface CubeModalProps extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>, WithCloseBehavior {
     container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;

package/types/components/overlays/Modal/Overlay.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { WithCloseBehavior } from './types';
 import type { OverlayProps } from '@react-types/overlays';
-export interface CubeOverlayProps extends Omit<OverlayProps, 'container'>, WithCloseBehavior {
+export interface CubeOverlayProps extends Omit<OverlayProps, 'container' | 'nodeRef'>, WithCloseBehavior {
     container?: HTMLElement | null;
 }
 declare let _Overlay: import("react").ForwardRefExoticComponent<CubeOverlayProps & import("react").RefAttributes<unknown>>;

package/types/components/overlays/Modal/Popover.d.ts

@@ -3,7 +3,7 @@ import { OverlayProps } from '@react-types/overlays';
 import { BaseProps } from '../../../tasty';
 import { PlacementAxis } from '../../../shared';
 import { TransitionState, WithCloseBehavior } from './types';
-export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children'>, WithCloseBehavior, TransitionState {
+export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'children' | 'nodeRef'>, WithCloseBehavior, TransitionState {
     container?: HTMLElement;
     placement?: PlacementAxis;
     arrowProps?: HTMLAttributes<HTMLElement>;

package/types/components/overlays/NewNotifications/hooks/types.d.ts

@@ -1,4 +1,4 @@
-import type { ListState } from '@react-stately/list';
+import type { ListState } from 'react-stately';
 import type { Collection, CollectionElement, Node } from '@react-types/shared';
 import type { CubeNotificationProps } from '../types';
 export type CollectionChildren<T, R = T> = CollectionElement<R> | CollectionElement<R>[] | ((item: T) => CollectionElement<R>);

package/types/components/overlays/NewNotifications/hooks/use-notification-list-item.d.ts

@@ -1,6 +1,6 @@
 import { SelectableItemAria } from '@react-aria/selection';
 import type { Key, MutableRefObject } from 'react';
-import type { ListState } from '@react-stately/list';
+import type { ListState } from 'react-stately';
 export type UseNotificationListItemPropsType<T extends object> = {
     key: Key;
     ref: MutableRefObject<HTMLElement | null>;

package/types/components/overlays/Tooltip/context.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLAttributes, RefObject } from 'react';
-import { TooltipTriggerState } from '@react-stately/tooltip';
+import { TooltipTriggerState } from 'react-stately';
 import { PlacementAxis } from '../../../shared';
 import { Props } from '../../../tasty';
 interface TooltipContextProps {

package/types/components/pickers/ComboBox/ComboBox.d.ts

@@ -1,10 +1,10 @@
 import { ForwardedRef, ReactElement, RefObject } from 'react';
-import { FilterFn } from '@react-stately/combobox';
-import { Item } from '@react-stately/collections';
 import { CubeSelectBaseProps } from '../Select/Select';
 import type { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import type { ComboBoxProps } from '@react-types/combobox';
-export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
+type FilterFn = (textValue: string, inputValue: string) => boolean;
+export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange' | 'onBlur' | 'onFocus' | 'validate'>, ComboBoxProps<T>, CollectionBase<T> {
+    validate?: ComboBoxProps<T>['validate'];
     icon?: ReactElement;
     multiLine?: boolean;
     autoComplete?: string;
@@ -28,5 +28,6 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
 export declare const ComboBox: (<T>(props: CubeComboBoxProps<T> & {
     ref?: ForwardedRef<HTMLDivElement> | undefined;
 }) => JSX.Element) & {
-    Item: typeof Item;
+    Item: any;
 };
+export {};

package/types/components/pickers/Menu/Menu.d.ts

@@ -18,15 +18,14 @@ type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
     wrapper?: (item: ReactElement) => ReactElement;
 }) => JSX.Element;
 declare const Item: ItemComponent;
-declare const Section: <T>(props: import("@react-types/shared").SectionProps<T>) => JSX.Element;
 declare const __Menu: (<T>(props: CubeMenuProps<T> & {
     ref?: DOMRef<HTMLUListElement> | undefined;
 }) => ReactElement) & {
     Item: typeof Item;
-    Section: typeof Section;
+    Section: any;
 } & {
     Item: ItemComponent;
-    Section: <T_1>(props: import("@react-types/shared").SectionProps<T_1>) => JSX.Element;
+    Section: any;
     displayName: string;
 };
 export { __Menu as Menu };

package/types/components/pickers/Menu/MenuItem.d.ts

@@ -1,6 +1,6 @@
 import { Key } from 'react';
 import { Node } from '@react-types/shared';
-import { TreeState } from '@react-stately/tree';
+import { TreeState } from 'react-stately';
 import { Styles } from '../../../tasty';
 import { MenuSelectionType } from './MenuButton';
 export interface MenuItemProps<T> {

package/types/components/pickers/Menu/MenuTrigger.d.ts

@@ -1,18 +1,22 @@
 import React, { ReactNode } from 'react';
-import { PositionProps } from '@react-types/overlays';
 import { MenuTriggerProps as BaseTriggerProps } from '@react-types/menu';
+import { Placement, PositionProps } from '@react-types/overlays';
 export type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
-    trigger?: string;
     isDisabled?: boolean;
     children: ReactNode[];
+    direction?: Placement;
+    align?: 'start' | 'end';
+    closeOnSelect?: boolean;
 };
 /**
  * The MenuTrigger serves as a wrapper around a Menu and its associated trigger,
  * linking the Menu's open state with the trigger's press state.
  */
 declare let _MenuTrigger: React.ForwardRefExoticComponent<BaseTriggerProps & PositionProps & {
-    trigger?: string | undefined;
     isDisabled?: boolean | undefined;
     children: ReactNode[];
+    direction?: Placement | undefined;
+    align?: "end" | "start" | undefined;
+    closeOnSelect?: boolean | undefined;
 } & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLElement>>>;
 export { _MenuTrigger as MenuTrigger };