@cube-dev/ui-kit 0.0.0-canary-532466c → 0.0.0-canary-a6ebdac

package/es/utils/range.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/Slots.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/chain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/interactions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/isTextOnly.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/mapProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/mergeProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/nullableValue.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/useCombinedRefs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/useId.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/useLayoutEffect.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/useViewportSize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/react/wrapNodeIfPlain.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/transitions.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-532466c
+ * @cube-dev/ui-kit v0.0.0-canary-a6ebdac
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-532466c",
+  "version": "0.0.0-canary-a6ebdac",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -30,7 +30,6 @@
     "@react-aria/select": "^3.7.1",
     "@react-aria/selection": "^3.9.1",
     "@react-aria/separator": "3.1.6",
-    "@react-aria/slider": "3.2.1",
     "@react-aria/ssr": "^3.2.0",
     "@react-aria/switch": "^3.1.3",
     "@react-aria/textfield": "^3.5.0",
@@ -48,7 +47,6 @@
     "@react-stately/radio": "^3.3.2",
     "@react-stately/searchfield": "^3.1.3",
     "@react-stately/select": "^3.2.1",
-    "@react-stately/slider": "3.2.1",
     "@react-stately/toggle": "^3.2.3",
     "@react-stately/tooltip": "^3.0.8",
     "@react-stately/tree": "^3.3.1",
@@ -63,7 +61,6 @@
     "@react-types/radio": "^3.1.2",
     "@react-types/select": "^3.6.1",
     "@react-types/shared": "^3.10.1",
-    "@react-types/slider": "3.2.1",
     "@react-types/switch": "^3.1.2",
     "@react-types/textfield": "^3.3.0",
     "@react-types/tooltip": "^3.1.5",

package/types/_internal/hooks/index.d.ts

@@ -1,5 +1,9 @@
-export * from './use-deprecation-warning';
+export * from './use-warn';
+export * from './use-timer';
 export * from './use-event';
 export * from './use-sync-ref';
+export * from './use-effect-once';
+export * from './use-update-effect';
+export * from './use-is-first-render';
 export * from './use-chained-callback';
-export * from './use-timer';
+export * from './use-deprecation-warning';

package/types/_internal/hooks/use-effect-once.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useEffectOnce(effect: EffectCallback): void;

package/types/_internal/hooks/use-is-first-render.d.ts

@@ -0,0 +1 @@
+export declare function useIsFirstRender(): boolean;

package/types/_internal/hooks/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;

package/types/_internal/hooks/use-warn.d.ts

@@ -0,0 +1,2 @@
+import { warn } from '../../utils/warnings';
+export declare function useWarn<T>(condition: T, ...args: Parameters<typeof warn>): void;

package/types/components/actions/Button/index.d.ts

@@ -1,2 +1 @@
 export * from './Button';
-export * from './Submit';

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

@@ -9,8 +9,7 @@ export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProp
  * Checkbox 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 _CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
+export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
 } & import("react").RefAttributes<unknown>>;
-export { _CheckboxGroup as CheckboxGroup };

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CubeFieldWrapperProps } from './types';
+/**
+ * A wrapper for form fields to provide additional decoration for inputs.
+ * @internal Do not use this component directly.
+ */
+export declare const FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;

package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts

@@ -0,0 +1,9 @@
+import { CubeFieldWrapperProps } from './types';
+export declare function extractFieldWrapperProps<Props extends CubeFieldWrapperProps, FieldWrapperKeys extends keyof CubeFieldWrapperProps = keyof CubeFieldWrapperProps, ActualWrapperProps extends {
+    [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
+} = {
+    [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
+}, RestProps extends Omit<Props, FieldWrapperKeys> = Omit<Props, FieldWrapperKeys>>(props: Props): Readonly<{
+    fieldWrapperProps: ActualWrapperProps;
+    rest: RestProps;
+}>;

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

@@ -0,0 +1,3 @@
+export * from './FieldWrapper';
+export * from './extract-field-wrapper-props';
+export * from './types';

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

@@ -1,36 +1,31 @@
 import { ReactNode } from 'react';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
-import { Props, Styles } from '../../tasty';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared';
+import { Props, Styles } from '../../../tasty';
 export declare type CubeFieldWrapperProps = {
     as?: string;
-    labelPosition?: LabelPosition;
-    label?: ReactNode;
-    labelSuffix?: ReactNode;
-    labelStyles?: Styles;
+    validationState?: ValidationState;
     styles?: Styles;
     /** Whether the input is required */
     isRequired?: boolean;
     /** Whether the input is disabled */
     isDisabled?: boolean;
-    necessityIndicator?: NecessityIndicator;
-    labelProps?: Props;
     fieldProps?: Props;
-    /** Custom message for the field. It will be placed below the label and the input */
-    message?: string | ReactNode;
-    /** Styles for the message */
-    messageStyles?: Styles;
+    isHidden?: boolean;
+    label?: ReactNode;
+    labelPosition?: LabelPosition;
+    labelSuffix?: ReactNode;
+    labelStyles?: Styles;
+    labelProps?: Props;
     /** The description for the field. It will be placed below the label */
     description?: ReactNode;
-    Component?: JSX.Element;
-    validationState?: ValidationState;
     requiredMark?: boolean;
     tooltip?: ReactNode;
     extra?: ReactNode;
-    isHidden?: boolean;
     necessityLabel?: ReactNode;
+    necessityIndicator?: NecessityIndicator;
+    /** Custom message for the field. It will be placed below the label and the input */
+    message?: string | ReactNode;
+    /** Styles for the message */
+    messageStyles?: Styles;
+    Component?: JSX.Element;
 };
-/**
- * A wrapper for form fields to provide additional decoration for inputs.
- */
-declare const _FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;
-export { _FieldWrapper as FieldWrapper };

package/types/components/forms/Form/Field/Field.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FieldTypes } from '../types';
+import { CubeFieldProps } from './types';
+export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;

package/types/components/forms/Form/Field/FieldContext.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { ValidateTrigger, ValidationState } from '../../../../shared';
+export declare type FieldContextValue = {
+    id: string;
+    name: string;
+    value: any;
+    validateTrigger?: ValidateTrigger;
+    validationState?: ValidationState;
+    onChange?: (value: any, dontTouch: boolean, validateTrigger: ValidateTrigger) => void;
+    message?: React.ReactNode;
+    isRequired?: boolean;
+    onBlur: () => void;
+};
+export declare function FieldProvider(props: React.PropsWithChildren<{
+    value: FieldContextValue;
+}>): JSX.Element;
+export declare type UseFieldPropsParams = {
+    valuePropsMapper?: ({ value, onChange }: {
+        value: any;
+        onChange: any;
+    }) => any;
+    /**
+     * @default 'onBlur'
+     */
+    defaultValidationTrigger?: ValidateTrigger;
+    /**
+     * prop helps to prevent calling hook conditionally
+     */
+    isDisabled?: boolean;
+};
+export declare function useFieldProps<Props>(props: Props, params?: UseFieldPropsParams): Props;

package/types/components/forms/Form/Field/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Field';
+export * from './FieldContext';
+export * from './types';

package/types/components/forms/Form/Field/types.d.ts

@@ -0,0 +1,25 @@
+import { ReactElement } from 'react';
+import { FieldTypes } from '../types';
+import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
+import { CubeFormInstance } from '../useForm';
+export interface CubeFieldProps<T extends FieldTypes> {
+    /** The initial value of the input. */
+    defaultValue?: any;
+    /** The unique ID of the field */
+    id?: string;
+    /** The id prefix for the field to avoid collisions between forms */
+    idPrefix?: string;
+    children?: ReactElement | ((form: CubeFormInstance<T>) => ReactElement);
+    /** Function that checks whether to perform update of the form state. */
+    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
+    /** Validation rules */
+    rules?: ValidationRule[];
+    /** The form instance */
+    form?: CubeFormInstance<T>;
+    /** Field name. It's used as a key the form data. */
+    name?: string[] | string;
+    /** The validation state of the field */
+    validationState?: ValidationState;
+    /** On which event perform the validation for the field */
+    validateTrigger?: ValidateTrigger;
+}

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

@@ -5,7 +5,9 @@ import { FormBaseProps } from '../../../shared';
 import { CubeFormData, CubeFormInstance } from './useForm';
 import { FieldTypes } from './types';
 export declare const FormContext: import("react").Context<{}>;
-export declare function useFormProps(props: any): any;
+export declare function useFormProps<Props>(props: Props): Props & {
+    form: CubeFormInstance<any>;
+};
 export interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {
     /** Form name */
     name?: string;

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

@@ -3,7 +3,7 @@ import { LabelPosition, OptionalFieldBaseProps, ValidationRule } from '../../../
 import { Styles } from '../../../tasty';
 import { CubeFormInstance } from './useForm';
 import { FieldTypes } from './types';
-export interface CubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
+export interface CubeFieldProps<T extends FieldTypes = FieldTypes> extends OptionalFieldBaseProps {
     /** The initial value of the input. */
     defaultValue?: any;
     /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */

package/types/components/forms/Form/Submit/Submit.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { CubeButtonProps } from '../../../actions';
+import { FieldTypes } from '../types';
+import { CubeFormInstance } from '../useForm';
+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>>>;

package/types/components/forms/Form/Submit/index.d.ts

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

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Submit } from './Submit';
 import { Field } from './Field';
 import { useForm } from './useForm';
 import { useFormProps, FormContext } from './Form';
@@ -7,11 +8,14 @@ declare const Form: (<T extends import("./types").FieldTypes>(props: import("./F
 }) => JSX.Element) & {
     Item: typeof Field;
     useForm: typeof useForm;
+    Submit: typeof Submit;
 } & {
     Item: typeof Field;
     useForm: typeof useForm;
+    Submit: import("react").ForwardRefExoticComponent<import("./Submit").CubeSubmitProps<import("./types").FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
 };
-export { useFormProps, Form, Field, useForm, FormContext };
+export { useFormProps, Form, Field, useForm, FormContext, Submit };
 export type { CubeFormProps } from './Form';
 export type { CubeFormInstance } from './useForm';
 export type { FieldTypes, Fields } from './types';
+export * from './Field';

package/types/components/forms/Form/useForm.d.ts

@@ -30,7 +30,7 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
     isFieldInvalid<Name extends keyof T>(name: Name): boolean;
     isFieldTouched<Name extends keyof T>(name: Name): boolean;
     getFieldError<Name extends keyof T>(name: Name): ReactNode[];
-    createField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
+    createField<Name extends keyof T>(name: Name, skipRender?: boolean): TFormData[Name];
     removeField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
     setFields<Names extends keyof T>(newFields: SetFieldsArrType<T, Names>[]): void;
     setSubmitting(isSubmitting: boolean): void;

package/types/components/forms/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/NumberInput/NumberInput.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
+import { CubeTextInputBaseProps } from '../TextInput';
 import type { AriaNumberFieldProps } from '@react-types/numberfield';
 export interface CubeNumberInputProps extends Omit<CubeTextInputBaseProps, 'defaultValue' | 'value' | 'onChange'>, AriaNumberFieldProps {
     /** Whether or to hide stepper */
@@ -8,8 +8,7 @@ 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"> & {
+export declare const NumberInput: import("react").ForwardRefExoticComponent<Omit<CubeNumberInputProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
 } & import("react").RefAttributes<unknown>>;
-export { _NumberInput as NumberInput };

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
+import { CubeTextInputBaseProps } from '../TextInput';
+import { WithNullableValue } from '../../../utils/react/nullableValue';
+export declare type CubePasswordInputProps = 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

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

@@ -10,8 +10,7 @@ export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleP
  * Switches allow users to turn an individual option on or off.
  * They are usually used to activate or deactivate a specific setting.
  */
-declare let _Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<CubeSwitchProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;
     defaultSelected?: any;
-} & import("react").RefAttributes<unknown>>;
-export { _Switch as Switch };
+} & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CubeTextInputBaseProps } from '../TextInput/TextInputBase';
+import { CubeTextInputBaseProps } from '../TextInput';
 export interface CubeTextAreaProps extends CubeTextInputBaseProps {
     /** Whether the textarea should change its size depends on content */
     autoSize?: boolean;
@@ -12,8 +12,7 @@ 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"> & {
+export declare const TextArea: import("react").ForwardRefExoticComponent<Omit<CubeTextAreaProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
-export { _TextArea as TextArea };
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -2,6 +2,11 @@
 import { WithNullableValue } from '../../../utils/react/nullableValue';
 import { CubeTextInputBaseProps } from './TextInputBase';
 export declare type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
+/**
+ * TextInputs are text inputs that allow users to input custom text entries
+ * with a keyboard. Various decorations can be displayed around the field to
+ * communicate the entry requirements.
+ */
 export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;

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

@@ -40,5 +40,4 @@ 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>>;
-export { _TextInputBase as TextInputBase };
+export declare const TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;

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

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

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

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

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

@@ -1,5 +1,6 @@
-import { ReactElement, RefObject } from 'react';
+import { ForwardedRef, ReactElement, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
+import { FieldTypes } from '../../forms';
 import { CubeSelectBaseProps } from '../Select/Select';
 import type { CollectionBase, KeyboardDelegate, LoadingState } from '@react-types/shared';
 import type { ComboBoxProps } from '@react-types/combobox';
@@ -20,9 +21,8 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
     size?: 'small' | 'default' | 'large' | string;
     suffixPosition?: 'before' | 'after';
 }
-declare const __ComboBox: import("react").ForwardRefExoticComponent<CubeComboBoxProps<object> & import("react").RefAttributes<unknown>> & {
+export declare const ComboBox: (<T extends FieldTypes>(props: CubeComboBoxProps<T> & {
+    ref?: ForwardedRef<unknown> | undefined;
+}) => JSX.Element) & {
     Item: typeof Item;
-} & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
 };
-export { __ComboBox as ComboBox };

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

@@ -1,5 +1,6 @@
 import { ReactElement, ReactNode, RefObject } from 'react';
 import { Item } from '@react-stately/collections';
+import { DOMRef } from '@react-types/shared';
 import { BasePropsWithoutChildren, BlockStyleProps, OuterStyleProps, Props, Styles } from '../../../tasty';
 import { FormFieldProps } from '../../../shared';
 import { CubeButtonProps } from '../../actions';
@@ -43,9 +44,11 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     placement: any;
     minWidth: any;
 }): JSX.Element;
-declare const __Select: import("react").ForwardRefExoticComponent<CubeSelectProps<object> & import("react").RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>> & {
+declare const __Select: (<T extends object>(props: CubeSelectProps<T> & {
+    ref?: DOMRef<HTMLDivElement> | undefined;
+}) => JSX.Element) & {
     Item: typeof Item;
 } & {
-    Item: <T>(props: import("@react-types/shared").ItemProps<T>) => JSX.Element;
+    Item: <T_1>(props: import("@react-types/shared").ItemProps<T_1>) => JSX.Element;
 };
 export { __Select as Select };

package/types/index.d.ts

@@ -57,7 +57,6 @@ export { Tag } from './components/content/Tag/Tag';
 export type { CubeTagProps } from './components/content/Tag/Tag';
 export { SearchInput } from './components/forms/SearchInput/SearchInput';
 export type { CubeSearchInputProps } from './components/forms/SearchInput/SearchInput';
-export { Submit } from './components/actions/Button/Submit';
 export type { CubeTextInputBaseProps } from './components/forms/TextInput/TextInputBase';
 export type { CubeTextInputBaseProps as CubeTextInputProps } from './components/forms/TextInput/TextInputBase';
 export { TextInput } from './components/forms/TextInput/TextInput';
@@ -141,6 +140,6 @@ export * from './styled';
 export * from './tasty';
 export { default as copy } from 'clipboard-copy';
 export * from '@react-aria/ssr';
-export * from './components/forms/Form';
+export * from './components/forms';
 export * from './components/overlays/NewNotifications';
 export * from './components/overlays/Toasts';