@cube-dev/ui-kit 0.20.8 → 0.22.0

package/es/tasty/utils/case-converter.js

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

package/es/tasty/utils/colors.js

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

package/es/tasty/utils/dotize.js

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

package/es/tasty/utils/filterBaseProps.js

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

package/es/tasty/utils/getDisplayName.js

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

package/es/tasty/utils/index.js

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

package/es/tasty/utils/mergeStyles.js

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

package/es/tasty/utils/modAttrs.js

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

package/es/tasty/utils/renderStyles.js

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

package/es/tasty/utils/responsive.js

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

package/es/tasty/utils/string.js

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

package/es/tasty/utils/styles.js

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

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

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

package/es/type-checks.js

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

package/es/utils/ResizeSensor.js

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

package/es/utils/modules.js

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

package/es/utils/promise.js

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

package/es/utils/random.js

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

package/es/utils/range.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * 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.20.8
+ * @cube-dev/ui-kit v0.22.0
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.20.8",
+  "version": "0.22.0",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -68,6 +68,8 @@
     "@react-types/switch": "3.2.5",
     "@react-types/textfield": "3.6.2",
     "@react-types/tooltip": "3.2.5",
+    "@storybook/addon-docs": "^7.0.10",
+    "@storybook/react-vite": "^7.0.10",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "email-validator": "^2.0.4",
@@ -76,8 +78,10 @@
     "react-is": "^17.0.0",
     "react-keyed-flatten-children": "^1.3.0",
     "react-transition-group": "^4.4.2",
+    "storybook": "^7.0.10",
     "tiny-invariant": "^1.3.1",
-    "valid-url": "^1.0.9"
+    "valid-url": "^1.0.9",
+    "vite": "^4.3.5"
   },
   "module": "./es/index.js",
   "types": "./types/index.d.ts",

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { BaseProps } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import { CheckboxGroup } from './CheckboxGroup';
 import type { AriaCheckboxProps } from '@react-types/checkbox';
-export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FormFieldProps {
+export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FieldBaseProps {
 }
 declare let __Checkbox: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxProps, "isSelected" | "defaultSelected"> & {
     isSelected?: any;

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
-export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FormFieldProps, ContainerStyleProps {
+export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FieldBaseProps, ContainerStyleProps {
     orientation?: 'vertical' | 'horizontal';
     inputStyles?: Styles;
 }

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

@@ -1,8 +1,8 @@
 import { RefObject } from 'react';
 import { BaseProps, BlockStyleProps, ContainerStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import type { AriaTextFieldProps } from '@react-types/textfield';
-export interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {
+export interface CubeFileInputProps extends BaseProps, PositionStyleProps, ContainerStyleProps, BlockStyleProps, AriaTextFieldProps, FieldBaseProps {
     /**
      * The size of the input
      * @default default

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

@@ -1,42 +1,15 @@
-import { ReactElement, ReactNode } from 'react';
-import { LabelPosition, OptionalFieldBaseProps, ValidationRule } from '../../../shared';
+import { ReactElement } from 'react';
+import { FieldBaseProps } from '../../../shared';
 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> extends FieldBaseProps {
     /** The initial value of the input. */
     defaultValue?: any;
-    /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
-    type?: string;
-    /** The unique ID of the field */
-    id?: string;
-    /** The id prefix for the field to avoid collisions between forms */
-    idPrefix?: string;
+    styles?: Styles;
     children?: ReactElement | ((CubeFormInstance: any) => 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>;
-    /** The message for the field or text for the error */
-    message?: ReactNode;
-    /** The description for the field */
-    description?: ReactNode;
-    /** Tooltip for the label that explains something. */
-    tooltip?: ReactNode;
-    /** Field name. It's used as a key the form data. */
-    name?: string | string[];
-    /** Whether the field is hidden. */
-    isHidden?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether the field is loading. */
-    isLoading?: boolean;
-    styles?: Styles;
-    labelPosition?: LabelPosition;
-    labelStyles?: Styles;
-    labelSuffix?: ReactNode;
 }
 export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;
 export declare function useInsideLegacyField(): boolean;

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

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 export type FieldTypes = {
     [key: string]: any;
 };
-export type CubeFieldData<Name extends string | number | symbol, Value> = {
+export type CubeFieldData<Name extends string, Value> = {
     readonly name: Name;
     errors: ReactNode[];
     value?: Value;
@@ -10,6 +10,7 @@ export type CubeFieldData<Name extends string | number | symbol, Value> = {
     touched?: boolean;
     rules?: any[];
     validating?: boolean;
+    validationId: number;
 };
 export type Fields = Record<keyof FieldTypes, CubeFieldData<string, any>>;
-export type SetFieldsArrType<T extends FieldTypes, Name extends keyof T> = CubeFieldData<Name, T[Name]>;
+export type SetFieldsArrType<T extends FieldTypes, Name extends keyof T & string> = CubeFieldData<Name, T[Name]>;

package/types/components/forms/Form/use-field/types.d.ts

@@ -1,43 +1,7 @@
-import { ReactElement, ReactNode } from 'react';
-import { Styles } from '../../../../tasty';
+/// <reference types="react" />
 import { CubeFieldData, FieldTypes } from '../types';
-import { LabelPosition, OptionalFieldBaseProps, ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
+import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
 import { CubeFormInstance } from '../useForm';
-export interface LegacyCubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
-    /** The initial value of the input. */
-    defaultValue?: any;
-    /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
-    type?: string;
-    /** The unique ID of the field */
-    id?: string;
-    /** The id prefix for the field to avoid collisions between forms */
-    idPrefix?: string;
-    children?: ReactElement | ((CubeFormInstance: any) => 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>;
-    /** The message for the field or text for the error */
-    message?: ReactNode;
-    /** The description for the field */
-    description?: ReactNode;
-    /** Tooltip for the label that explains something. */
-    tooltip?: ReactNode;
-    /** Field name. It's used as a key the form data. */
-    name?: string[] | string;
-    /** Whether the field is hidden. */
-    isHidden?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether the field is loading. */
-    isLoading?: boolean;
-    styles?: Styles;
-    labelPosition?: LabelPosition;
-    labelStyles?: Styles;
-    labelSuffix?: ReactNode;
-}
 export interface CubeFieldProps<T extends FieldTypes> {
     /** The initial value of the input. */
     defaultValue?: any;
@@ -52,9 +16,11 @@ export interface CubeFieldProps<T extends FieldTypes> {
     /** The form instance */
     form?: CubeFormInstance<T>;
     /** Field name. It's used as a key the form data. */
-    name?: string | string[];
+    name?: string;
     /** The validation state of the field */
     validationState?: ValidationState;
+    /** Debounce in milliseconds for validation */
+    validationDelay?: number;
     /** On which event perform the validation for the field */
     validateTrigger?: ValidateTrigger;
 }
@@ -70,5 +36,5 @@ export type FieldReturnValue<T extends FieldTypes> = {
     isRequired?: boolean;
     onBlur: () => void;
     nonInput: boolean;
-    field?: CubeFieldData<keyof FieldTypes, T[keyof FieldTypes]>;
+    field?: CubeFieldData<keyof FieldTypes & string, T[keyof FieldTypes]>;
 };

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

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
 import { CubeFieldData, FieldTypes, SetFieldsArrType } from './types';
+type PartialString<T> = {
+    [P in keyof T & string]?: T[P];
+};
 export type CubeFormData<T extends FieldTypes> = {
-    [K in keyof T]?: CubeFieldData<K, T[K]>;
+    [K in keyof T & string]?: CubeFieldData<K, T[K]>;
 };
 export declare class CubeFormInstance<T extends FieldTypes, TFormData extends CubeFormData<T> = CubeFormData<T>> {
     forceReRender: () => void;
@@ -14,30 +17,31 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
     onSubmit: (data: T) => void | Promise<void>;
     constructor(forceReRender?: () => void);
     submit(): Promise<void>;
-    setFieldsValue: (newData: Partial<T>, touched?: boolean, skipRender?: boolean, createFields?: boolean, inputOnly?: boolean) => void;
-    getFieldValue<Name extends keyof T>(name: Name): T[Name] | undefined;
-    getFieldsValue(): Partial<T>;
+    setFieldsValue: (newData: PartialString<T>, touched?: boolean, skipRender?: boolean, createFields?: boolean, inputOnly?: boolean) => void;
+    getFieldValue<Name extends keyof T & string>(name: Name): T[Name] | undefined;
+    getFieldsValue(): PartialString<T>;
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
      */
     getFormData(): T;
-    setFieldValue<Name extends keyof T>(name: Name, value: T[Name], touched?: boolean, skipRender?: boolean, inputOnly?: boolean): void;
-    getFieldInstance<Name extends keyof T>(name: Name): TFormData[Name];
-    setInitialFieldsValue(values: Partial<T>): void;
-    resetFields(names?: (keyof T)[], skipRender?: boolean): void;
-    validateField<Name extends keyof T>(name: Name): Promise<any>;
+    setFieldValue<Name extends keyof T & string>(name: Name, value: T[Name], touched?: boolean, skipRender?: boolean, inputOnly?: boolean): void;
+    getFieldInstance<Name extends keyof T & string>(name: Name): TFormData[Name];
+    setInitialFieldsValue(values: PartialString<T>): void;
+    resetFields(names?: (keyof T & string)[], skipRender?: boolean): void;
+    validateField<Name extends keyof T & string>(name: Name): Promise<any>;
     validateFields<Names extends (keyof T)[]>(names?: Names): Promise<any>;
-    isFieldValid<Name extends keyof T>(name: Name): boolean;
-    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): TFormData[Name];
-    removeField<Name extends keyof T>(name: Name, skipRender?: boolean): void;
-    setFields<Names extends keyof T>(newFields: SetFieldsArrType<T, Names>[]): void;
+    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;
+    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;
+    setFields<Names extends keyof T & string>(newFields: SetFieldsArrType<T, Names>[]): void;
     setSubmitting(isSubmitting: boolean): void;
-    _createField<Name extends keyof T, Data extends TFormData[Name]>(name: Name, data?: Data): Data;
+    _createField<Name extends keyof T & string, Data extends TFormData[Name]>(name: Name, data?: Data): Data;
 }
 export declare function useForm<TSourceType extends FieldTypes>(form?: CubeFormInstance<TSourceType, CubeFormData<TSourceType>>, ref?: any, options?: {
     onSubmit?: CubeFormInstance<TSourceType>['onSubmit'];
     onValuesChange?: CubeFormInstance<TSourceType>['onValuesChange'];
 }): [CubeFormInstance<TSourceType>];
+export {};

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

@@ -1,2 +1,5 @@
 export declare function applyRule(value: any, rule: any, form: any): Promise<void>;
-export declare function applyRules(value: any, rules: any, form: any): Promise<void>;
+export declare function applyRules(field: any, form: any, validationId?: number): Promise<void>;
+export declare const delayValidationRule: (timeout?: number) => {
+    validator(): Promise<void>;
+};

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

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import { BaseProps, Styles } from '../../../tasty';
-import { FormFieldProps } from '../../../shared';
+import { FieldBaseProps } from '../../../shared';
 import { RadioGroup } from './RadioGroup';
 import type { AriaRadioProps } from '@react-types/radio';
-export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProps {
+export interface CubeRadioProps extends BaseProps, AriaRadioProps, FieldBaseProps {
     inputStyles?: Styles;
     type?: 'button' | 'radio';
 }