@cube-dev/ui-kit 0.39.1 → 0.40.0

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

@@ -1,6 +1,7 @@
 import { RefObject, ReactNode } from 'react';
-import { SliderState } from 'react-stately';
-import { CubeSliderBaseProps } from './types';
+import { useSlider } from 'react-aria';
+import type { SliderState } from 'react-stately';
+import type { CubeSliderBaseProps } from './types';
 export interface SliderBaseChildArguments {
     inputRef: RefObject<HTMLInputElement>;
     trackRef: RefObject<HTMLElement>;
@@ -9,5 +10,6 @@ export interface SliderBaseChildArguments {
 export interface SliderBaseProps<T = number[]> extends CubeSliderBaseProps<T> {
     children: (opts: SliderBaseChildArguments) => ReactNode;
 }
-declare const _SliderBase: import("react").ForwardRefExoticComponent<SliderBaseProps<number[]> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
+declare const _SliderBase: import("react").ForwardRefExoticComponent<Omit<SliderBaseProps<number[]>, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLDivElement, HTMLDivElement>>>;
 export { _SliderBase as SliderBase };
+export { useSlider };

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

@@ -1,5 +1,5 @@
-import { SliderState } from 'react-stately';
 import { CubeNumberInputProps } from '../../../';
+import type { SliderState } from 'react-stately';
 export interface RangeInputProps extends CubeNumberInputProps {
     index: number;
     state: SliderState;

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

@@ -1,6 +1,6 @@
 import { RefObject } from 'react';
 import { AriaSliderThumbOptions } from 'react-aria';
-import { SliderState } from 'react-stately';
+import type { SliderState } from 'react-stately';
 export interface SliderThumbProps extends AriaSliderThumbOptions {
     state: SliderState;
     isDisabled?: boolean;

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

@@ -1,4 +1,4 @@
-import { SliderState } from 'react-stately';
+import type { SliderState } from 'react-stately';
 export type SliderTrackProps = {
     state: SliderState;
     orientation?: 'horizontal' | 'vertical';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SliderThumbElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
 export declare const SliderTrackContainerElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
 export declare const SliderGradationElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;

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

@@ -0,0 +1,5 @@
+export * from './RangeSlider';
+export * from './Slider';
+export * from './types';
+export { useSliderState } from 'react-stately';
+export type { SliderState } from 'react-stately';

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

@@ -1,6 +1,6 @@
+import { AriaSliderProps } from 'react-aria';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
-import type { AriaSliderProps } from '@react-types/slider';
 export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label'>, BasePropsWithoutChildren, OuterStyleProps, FieldBaseProps, BlockStyleProps {
     inputStyles?: Styles;
     gradation?: string[];
@@ -14,3 +14,4 @@ export interface CubeSliderBaseProps<T> extends Omit<AriaSliderProps<T>, 'label'
     /** A function that returns the content to display as the value's label. Overrides default formatted number. */
     getValueLabel?: (value: T) => string;
 }
+export type { AriaSliderProps };

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
+import { useSwitch, AriaSwitchProps } from 'react-aria';
 import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import { FieldBaseProps } from '../../../shared';
-import type { AriaSwitchProps } from '@react-types/switch';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FieldBaseProps, AriaSwitchProps {
     inputStyles?: Styles;
     isLoading?: boolean;
@@ -12,7 +11,9 @@ export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleP
  * They are usually used to activate or deactivate a specific setting.
  */
 declare let _Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
-    isSelected?: any;
-    defaultSelected?: any;
+    isSelected?: T["isSelected"] | any;
+    defaultSelected?: T["defaultSelected"] | any;
 } & import("react").RefAttributes<unknown>>;
 export { _Switch as Switch };
+export type { AriaSwitchProps };
+export { useSwitch };

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

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

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
+import { CubeTextInputBaseProps } from '../TextInput';
+import { WithNullableValue } from '../../../utils/react/nullableValue';
 export interface CubeTextAreaProps extends CubeTextInputBaseProps {
     /** Whether the textarea should change its size depends on content */
     autoSize?: boolean;
     /** The rows attribute in HTML is used to specify the number of visible text lines for the
-     * control i.e the number of rows to display. */
+     * control i.e. the number of rows to display. */
     rows?: number;
 }
 /**
@@ -12,8 +12,5 @@ export interface CubeTextAreaProps extends CubeTextInputBaseProps {
  * with a keyboard. Various decorations can be displayed around the field to
  * communicate the entry requirements.
  */
-declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
+declare const _TextArea: import("react").ForwardRefExoticComponent<Omit<WithNullableValue<CubeTextAreaProps>, "ref"> & import("react").RefAttributes<unknown>>;
 export { _TextArea as TextArea };

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

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

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

@@ -1,8 +1,6 @@
-/// <reference types="react" />
+import { useTextField } from 'react-aria';
 import { WithNullableValue } from '../../../utils/react/nullableValue';
 import { CubeTextInputBaseProps } from './TextInputBase';
 export type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
-export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
-} & import("react").RefAttributes<HTMLInputElement>>;
+export { useTextField };
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,8 +1,7 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
-import { AriaNumberFieldProps } from 'react-aria';
+import { AriaNumberFieldProps, AriaTextFieldProps } 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, Omit<AriaTextFieldProps, 'validate'>, FieldBaseProps {
@@ -42,6 +41,6 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, D
     /** The size of the input */
     size?: 'small' | 'default' | 'large' | (string & {});
 }
-declare const TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
+declare const TextInputBase: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { TextInputBase };
-export { AriaTextFieldProps };
+export type { AriaTextFieldProps };

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

@@ -0,0 +1,2 @@
+export * from './TextInput';
+export * from './TextInputBase';

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

@@ -0,0 +1,14 @@
+export * from './Input';
+export * from './TextInput';
+export * from './PasswordInput/PasswordInput';
+export * from './NumberInput/NumberInput';
+export * from './FileInput/FileInput';
+export * from './TextArea';
+export * from './Checkbox';
+export * from './DatePicker';
+export * from './RadioGroup';
+export * from './SearchInput';
+export * from './Slider';
+export * from './Switch/Switch';
+export * from './Select';
+export * from './ComboBox';

package/types/components/{forms → form}/FieldWrapper/FieldWrapper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeFieldWrapperProps } from './types';
 /**
  * A wrapper for form fields to provide additional decoration for inputs.

package/types/components/{forms → form}/FieldWrapper/types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared';
-import { Props, Styles } from '../../../tasty';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared/index';
+import { Props, Styles } from '../../../tasty/index';
+import { CubeLabelProps } from '../Label';
 export type CubeFieldWrapperProps = {
     as?: string;
     validationState?: ValidationState;
@@ -15,7 +16,7 @@ export type CubeFieldWrapperProps = {
     labelPosition?: LabelPosition;
     labelSuffix?: ReactNode;
     labelStyles?: Styles;
-    labelProps?: Props;
+    labelProps?: CubeLabelProps;
     /** The description for the field. It will be placed below the label */
     description?: ReactNode;
     requiredMark?: boolean;

package/types/components/{forms → form}/Form/Field.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { FieldBaseProps } from '../../../shared';
-import { Styles } from '../../../tasty';
+import { FieldBaseProps } from '../../../shared/index';
+import { Styles } from '../../../tasty/index';
 import { CubeFormInstance } from './use-form';
 import { FieldTypes } from './types';
 export interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {

package/types/components/{forms → form}/Form/Form.d.ts

@@ -1,7 +1,7 @@
 import { FormHTMLAttributes } from 'react';
 import { DOMRef } from '@react-types/shared';
-import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-import { FormBaseProps } from '../../../shared';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty/index';
+import { FormBaseProps } from '../../../shared/index';
 import { CubeFormData, CubeFormInstance } from './use-form';
 import { FieldTypes } from './types';
 export declare const FormContext: import("react").Context<{}>;

package/types/components/{forms → form}/Form/Submit/Submit.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
-import { CubeButtonProps } from '../../../actions';
+import { CubeButtonProps } from '../../../actions/index';
 import { FieldTypes } from '../types';
 import { CubeFormInstance } from '../use-form';
 export interface CubeSubmitProps<T extends FieldTypes = FieldTypes> extends CubeButtonProps {
     form?: CubeFormInstance<T>;
 }
-export declare const Submit: import("react").ForwardRefExoticComponent<CubeSubmitProps<FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+export declare const Submit: import("react").ForwardRefExoticComponent<Omit<CubeSubmitProps<FieldTypes>, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

package/types/components/{forms → form}/Form/SubmitError.d.ts

@@ -1,4 +1,4 @@
-import { CubeAlertProps } from '../../content/Alert';
+import { CubeAlertProps } from '../../content/Alert/index';
 /**
  * An alert that shows a form error message received from the onSubmit callback.
  */

package/types/components/{forms → form}/Form/index.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
-import { CubeAlertProps } from '../../content/Alert';
+import { CubeAlertProps } from '../../content/Alert/index';
 import { Field } from './Field';
 import { SubmitError } from './SubmitError';
 import { useForm } from './use-form';
 import { useFormProps, FormContext } from './Form';
 declare const Form: (<T extends import("./types").FieldTypes>(props: import("./Form").CubeFormProps<T> & {
-    ref?: import("@react-types/shared").DOMRef<HTMLFormElement> | undefined;
+    ref?: import("@react-types/shared").DOMRef<HTMLFormElement>;
 }) => JSX.Element) & {
     Item: typeof Field;
     SubmitError: typeof SubmitError;
@@ -16,9 +15,9 @@ declare const Form: (<T extends import("./types").FieldTypes>(props: import("./F
     SubmitError: (props: CubeAlertProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export { useFormProps, Form, Field, useForm, FormContext, SubmitError };
-export { useFieldProps } from './use-field';
+export { useFieldProps } from './use-field/index';
 export type { CubeFormProps } from './Form';
 export type { CubeFormInstance } from './use-form';
 export type { FieldTypes, Fields } from './types';
-export type { UseFieldParams, UseFieldPropsParams } from './use-field';
+export type { UseFieldParams, UseFieldPropsParams } from './use-field/index';
 export type { CubeAlertProps as CubeSubmitErrorProps };

package/types/components/{forms → form}/Form/use-field/types.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
 import { CubeFieldData, FieldTypes } from '../types';
-import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
+import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared/index';
 import { CubeFormInstance } from '../use-form';
-import { Props } from '../../../../tasty';
+import { Props } from '../../../../tasty/index';
 export interface CubeFieldProps<T extends FieldTypes> {
     /** The initial value of the input. */
     defaultValue?: any;

package/types/components/{forms → form}/Form/use-field/use-field-props.d.ts

@@ -1,6 +1,6 @@
 import type { CubeFieldProps } from './types';
 import type { FieldTypes } from '../types';
-import type { ValidateTrigger } from '../../../../shared';
+import type { ValidateTrigger } from '../../../../shared/index';
 export type UseFieldPropsParams = {
     valuePropsMapper?: ({ value, onChange }: {
         value: any;

package/types/components/{forms → form}/Form/use-field/use-field.d.ts

@@ -1,4 +1,4 @@
-import { ValidateTrigger } from '../../../../shared';
+import { ValidateTrigger } from '../../../../shared/index';
 import { FieldTypes } from '../types';
 import { CubeFieldProps, FieldReturnValue } from './types';
 export type UseFieldParams = {

package/types/components/{forms → form}/Form/use-form.d.ts

@@ -34,6 +34,7 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
     isFieldValid<Name extends keyof T & string>(name: Name): boolean;
     isFieldInvalid<Name extends keyof T & string>(name: Name): boolean;
     isFieldTouched<Name extends keyof T & string>(name: Name): boolean;
+    get isTouched(): boolean;
     getFieldError<Name extends keyof T & string>(name: Name): ReactNode[];
     createField<Name extends keyof T & string>(name: Name, skipRender?: boolean): TFormData[Name];
     removeField<Name extends keyof T & string>(name: Name, skipRender?: boolean): void;

package/types/components/{forms → form}/Label.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, ContainerStyleProps, Styles, TagNameProps } from '../../tasty';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
+import { BaseProps, ContainerStyleProps, Styles, TagNameProps } from '../../tasty/index';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared/index';
 export declare const INLINE_LABEL_STYLES: Styles;
 export declare const LABEL_STYLES: Styles;
 export interface CubeLabelProps extends BaseProps, TagNameProps, ContainerStyleProps {

package/types/components/form/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Form';
+export * from './wrapper';
+export * from './Label';
+export * from './FieldWrapper';

package/types/components/{forms → form}/wrapper.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, RefObject } from 'react';
 import { FocusableRef } from '@react-types/shared';
-import { FieldBaseProps, FormBaseProps } from '../../shared';
-import { BaseProps, Styles } from '../../tasty';
+import { FieldBaseProps, FormBaseProps } from '../../shared/index';
+import { BaseProps, Styles } from '../../tasty/index';
 interface WrapWithFieldProps extends FieldBaseProps, BaseProps, FormBaseProps {
     styles?: Styles;
 }

package/types/components/layout/Flex.d.ts

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

package/types/components/layout/Flow.d.ts

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

package/types/components/layout/Grid.d.ts

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

package/types/components/layout/Space.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { BaseProps, ContainerStyleProps } from '../../tasty';
 export interface CubeSpaceProps extends BaseProps, ContainerStyleProps {
     direction?: 'vertical' | 'horizontal';

package/types/components/navigation/Link/Link.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CubeButtonProps } from '../../actions';
-export declare const Link: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+export declare const Link: import("react").ForwardRefExoticComponent<Omit<CubeButtonProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { BaseProps, PositionStyleProps } from '../../../tasty';
 export interface CubeBase64UploadProps extends BaseProps, PositionStyleProps {
     onInput?: (arg?: any) => void;
 }
 export declare const Base64Upload: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<CubeBase64UploadProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>, "ref"> & {
-    ref?: ((instance: import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement> | null) => void) | import("react").RefObject<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>> | null | undefined;
+    ref?: ((instance: import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement> | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<CubeBase64UploadProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>, keyof import("react").Component<any, {}, any>>;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { AriaCalendarProps, DateValue } from '@react-types/calendar';
+import { AriaCalendarProps, DateValue } from 'react-aria';
 export interface CubeCalendarProps extends AriaCalendarProps<DateValue> {
     selectedRange?: {
         start: DateValue;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-import { AriaRangeCalendarProps, DateValue } from '@react-types/calendar';
-declare const _RangeCalendar: import("react").ForwardRefExoticComponent<AriaRangeCalendarProps<DateValue> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
+import { AriaRangeCalendarProps } from 'react-aria';
+declare const _RangeCalendar: import("react").ForwardRefExoticComponent<Omit<AriaRangeCalendarProps<T>, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 export { _RangeCalendar as RangeCalendar };
 export type { AriaRangeCalendarProps as CubeRangeCalendarProps };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeButtonProps } from '../../actions';
-declare const _CloudLogo: import("react").ForwardRefExoticComponent<CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
+declare const _CloudLogo: import("react").ForwardRefExoticComponent<Omit<CubeButtonProps, "ref"> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLButtonElement, HTMLButtonElement>>>;
 export { _CloudLogo as CloudLogo };

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { CubeButtonProps } from '../../actions';
-import { CubeDialogProps } from '../Dialog/Dialog';
+import { CubeDialogProps } from '../Dialog';
 export interface CubeAlertDialogActionsProps {
     confirm?: CubeButtonProps | boolean;
     secondary?: CubeButtonProps;

package/types/components/overlays/AlertDialog/AlertDialogZone.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Dialog } from './types';
 export interface DialogZoneProps {
     openedDialog: Dialog | null;

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

@@ -1,4 +1,4 @@
-import { AriaDialogProps } from '@react-types/dialog';
+import { AriaDialogProps } from 'react-aria';
 import { ReactNode } from 'react';
 import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps } from '../../../tasty';
 import { CubeDialogContainerProps } from '../Dialog';

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
+import { AriaDialogProps } from 'react-aria';
 import { BaseProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps, Styles } from '../../../tasty';
-import type { AriaDialogProps } from '@react-types/dialog';
 export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProps, BaseStyleProps, BlockStyleProps, DimensionStyleProps {
     /** The size of the dialog */
     size?: 'S' | 'M' | 'L' | 'small' | 'medium' | 'large';
@@ -11,6 +11,7 @@ export interface CubeDialogProps extends Omit<BaseProps, 'role'>, AriaDialogProp
     /** That you can replace the close icon with */
     closeIcon?: ReactElement;
     closeButtonStyles?: Styles;
+    role?: 'dialog' | 'alertdialog';
 }
 /**
  * Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.

package/types/components/overlays/Dialog/DialogForm.d.ts

@@ -1,6 +1,5 @@
-import { CubeFormProps } from '../../forms/Form/Form';
+import { CubeFormProps, FieldTypes } from '../../form';
 import { CubeButtonProps } from '../../actions';
-import { FieldTypes } from '../../forms';
 import { CubeDialogProps } from './Dialog';
 export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends Omit<CubeDialogProps, 'children'>, Omit<CubeFormProps<T>, 'role' | 'children'> {
     /** Whether the submit button has a `danger` theme */

package/types/components/overlays/Dialog/DialogTrigger.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { OverlayTriggerProps, PositionProps } from '@react-types/overlays';
+import { OverlayTriggerProps, PositionProps, Placement } from 'react-aria';
 import { WithCloseBehavior } from '../Modal';
 import { Styles } from '../../../tasty';
 export type CubeDialogClose = (close: () => void) => ReactElement;
@@ -13,6 +13,7 @@ export interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionPro
     type?: 'modal' | 'popover' | 'tray' | 'fullscreen' | 'fullscreenTakeover' | 'panel';
     /** The type of Dialog that should be rendered when on a mobile device. See DialogTrigger [types section](#dialog-types) for an explanation on each. */
     mobileType?: 'modal' | 'tray' | 'fullscreen' | 'fullscreenTakeover' | 'panel' | 'popover';
+    placement?: Placement;
     /**
      * Whether a popover type Dialog's arrow should be hidden.
      */
@@ -29,6 +30,10 @@ export interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionPro
     styles?: Styles;
     shouldCloseOnInteractOutside?: (element: Element) => boolean;
     onDismiss?: (action?: string) => void;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    defaultOpen?: boolean;
+    shouldFlip?: boolean;
 }
 declare function DialogTrigger(props: CubeDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
 /**

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

@@ -1,7 +1,5 @@
-/// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
-import { WithCloseBehavior } from './types';
-import type { ModalProps } from '@react-types/overlays';
+import { ModalProps, WithCloseBehavior } from './types';
 export declare const OVERLAY_WRAPPER_STYLES: Styles;
 export interface CubeModalProps extends Omit<ModalProps, 'container' | 'type' | 'nodeRef'>, WithCloseBehavior {
     container?: HTMLElement;
@@ -11,5 +9,5 @@ export interface CubeModalProps extends Omit<ModalProps, 'container' | 'type' |
     styles?: Styles;
     shouldCloseOnInteractOutside?: (element: Element) => boolean;
 }
-declare let _Modal: import("react").ForwardRefExoticComponent<CubeModalProps & import("react").RefAttributes<unknown>>;
+declare let _Modal: import("react").ForwardRefExoticComponent<Omit<CubeModalProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { _Modal as Modal };

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

@@ -1,6 +1,7 @@
+import { TransitionStatus } from './types';
 import type { TimeoutProps } from 'react-transition-group/Transition';
 export type OpenTransitionProps = Omit<TimeoutProps<undefined>, 'timeout'>;
 export declare function useOpenTransitionContext(): {
-    transitionState: import("react-transition-group").TransitionStatus;
+    transitionState: TransitionStatus;
 } | null;
 export declare function OpenTransition(props: OpenTransitionProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { OverlayProps } from '@react-types/overlays';
+import { OverlayProps } from 'react-aria';
 import { BaseProps } from '../../../tasty';
 import { PlacementAxis } from '../../../shared';
 import { TransitionState, WithCloseBehavior } from './types';
@@ -16,5 +16,5 @@ export interface CubePopoverProps extends BaseProps, Omit<OverlayProps, 'childre
     updatePosition?: () => void;
     shouldCloseOnInteractOutside?: (element: Element) => boolean;
 }
-declare let _Popover: import("react").ForwardRefExoticComponent<CubePopoverProps & import("react").RefAttributes<unknown>>;
+declare let _Popover: import("react").ForwardRefExoticComponent<Omit<CubePopoverProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { _Popover as Popover };

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

@@ -1,14 +1,19 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
+import { OverlayProps } from 'react-aria';
 import { BaseProps, Styles } from '../../../tasty';
 import { WithCloseBehavior } from './types';
-import type { TrayProps } from '@react-types/overlays';
-export interface CubeTrayProps extends TrayProps, WithCloseBehavior {
+export interface CubeTrayProps extends OverlayProps, WithCloseBehavior {
     container?: HTMLElement;
     qa?: BaseProps['qa'];
     onClose?: (action?: string) => void;
     isFixedHeight?: boolean;
     isNonModal?: boolean;
     styles?: Styles;
+    children?: ReactNode;
+    isKeyboardDismissDisabled?: boolean;
+    isOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    defaultOpen?: boolean;
 }
 declare let _Tray: import("react").ForwardRefExoticComponent<CubeTrayProps & import("react").RefAttributes<unknown>>;
 export { _Tray as Tray };

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

@@ -1,3 +1,5 @@
+import { ReactElement } from 'react';
+import { OverlayProps } from 'react-aria';
 import { TransitionStatus as ReactTransitionStatus } from 'react-transition-group';
 export type CloseBehavior = 'remove' | 'hide';
 export type TransitionStatus = ReactTransitionStatus;
@@ -7,3 +9,10 @@ export interface WithCloseBehavior {
 export interface TransitionState {
     transitionState?: TransitionStatus;
 }
+export interface ModalProps extends Omit<OverlayProps, 'nodeRef'> {
+    children: ReactElement;
+    isOpen?: boolean;
+    onClose?: () => void;
+    type?: 'modal' | 'fullscreen' | 'fullscreenTakeover' | 'panel';
+    isDismissable?: boolean;
+}

package/types/components/overlays/NewNotifications/NotificationView/NotificationCloseButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export type NotificationCloseButtonProps = {
     onPress: () => void;
 };

package/types/components/overlays/NewNotifications/NotificationView/NotificationIcon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { NotificationIconProps } from './types';
 export declare const SuccessIcon: {
     (props: import("../../../../icons").CubeIconProps): import("react/jsx-runtime").JSX.Element;