@cube-dev/ui-kit 0.9.12 → 0.10.4

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.12
+ * @cube-dev/ui-kit v0.10.4
  * Released under the MIT license.
  */
 
@@ -11,6 +11,7 @@ const SUGGESTED_PROP_MAP = {
     selected: 'isSelected',
 };
 const PREFIX = 'CubeUIKit';
+const devMode = process.env.NODE_ENV !== 'production';
 export function propDeprecationWarning(name, props, propList) {
     propList.forEach((prop) => {
         if (prop in props) {
@@ -20,28 +21,30 @@ export function propDeprecationWarning(name, props, propList) {
     });
 }
 export function accessibilityWarning(...args) {
-    console.warn(`${PREFIX} accessibility issue:`, ...args);
+    if (devMode) {
+        console.warn(`${PREFIX} accessibility issue:`, ...args);
+    }
 }
 export function warn(...args) {
-    console.warn(`${PREFIX}:`, ...args);
+    if (devMode) {
+        console.warn(`${PREFIX}:`, ...args);
+    }
 }
 export function deprecationWarning(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 condition, { property, name, betterAlternative, reason, }) {
     if (condition)
         return;
-    if (process.env.NODE_ENV === 'production') {
-        return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
-            ? betterAlternative()
-            : betterAlternative}`);
-    }
+    if (!devMode)
+        return;
     // we can make deprecations even better if we add the md syntax in the console.
     // anyway, everything down below will be stripped in the production build
     console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
     warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
         ? betterAlternative()
         : betterAlternative}`);
-    reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
+    reason &&
+        warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
     console.groupEnd();
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.9.12",
+  "version": "0.10.4",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -24,12 +24,12 @@
     "@react-aria/listbox": "^3.4.0",
     "@react-aria/menu": "3.4.3",
     "@react-aria/numberfield": "^3.1.1",
-    "@react-aria/overlays": "^3.7.3",
+    "@react-aria/overlays": "^3.7.5",
     "@react-aria/radio": "^3.1.6",
     "@react-aria/searchfield": "^3.2.2",
-    "@react-aria/select": "^3.6.0",
+    "@react-aria/select": "^3.7.1",
     "@react-aria/separator": "3.1.6",
-    "@react-aria/ssr": "^3.1.0",
+    "@react-aria/ssr": "^3.1.2",
     "@react-aria/switch": "^3.1.3",
     "@react-aria/textfield": "^3.5.0",
     "@react-aria/tooltip": "^3.1.3",
@@ -39,26 +39,26 @@
     "@react-stately/collections": "^3.3.4",
     "@react-stately/combobox": "^3.0.1",
     "@react-stately/numberfield": "^3.0.2",
-    "@react-stately/overlays": "^3.1.3",
+    "@react-stately/overlays": "^3.1.6",
     "@react-stately/radio": "^3.3.2",
     "@react-stately/searchfield": "^3.1.3",
-    "@react-stately/select": "^3.1.3",
+    "@react-stately/select": "^3.2.1",
     "@react-stately/toggle": "^3.2.3",
-    "@react-stately/tooltip": "^3.0.5",
-    "@react-stately/utils": "^3.3.0",
+    "@react-stately/tooltip": "^3.0.8",
+    "@react-stately/utils": "^3.5.0",
     "@react-types/button": "^3.4.1",
     "@react-types/checkbox": "^3.2.5",
     "@react-types/combobox": "^3.2.1",
-    "@react-types/dialog": "^3.3.1",
+    "@react-types/dialog": "^3.3.4",
     "@react-types/menu": "^3.5.2",
-    "@react-types/numberfield": "^3.1.0",
-    "@react-types/overlays": "^3.5.1",
+    "@react-types/numberfield": "^3.1.3",
+    "@react-types/overlays": "^3.5.5",
     "@react-types/radio": "^3.1.2",
-    "@react-types/select": "^3.5.1",
+    "@react-types/select": "^3.6.1",
     "@react-types/shared": "^3.10.1",
     "@react-types/switch": "^3.1.2",
     "@react-types/textfield": "^3.3.0",
-    "@react-types/tooltip": "^3.1.2",
+    "@react-types/tooltip": "^3.1.5",
     "clipboard-copy": "^4.0.1",
     "clsx": "^1.1.1",
     "email-validator": "^2.0.4",

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

@@ -0,0 +1 @@
+export * from './use-deprecation-warning';

package/types/_internal/hooks/use-deprecation-warning.d.ts

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

package/types/_internal/index.d.ts

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

package/types/components/Base.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { AllBaseProps } from './types';
+import { AllBaseProps } from '../tasty';
 /**
- * @deprecated consider using styled() instead
+ * @deprecated consider using tasty() instead
  */
 declare const _Base: import("react").ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
 export { _Base as Base };

package/types/components/Block.d.ts

@@ -1,8 +1,5 @@
 /// <reference types="react" />
-import { AllBaseProps, ContainerStyleProps } from './types';
-export declare const CUBE_BLOCK_STYLES: {
-    display: string;
-};
+import { AllBaseProps, ContainerStyleProps } from '../tasty';
 export interface CubeBlockProps extends Omit<AllBaseProps, keyof ContainerStyleProps | 'as'>, ContainerStyleProps {
 }
 export declare const Block: import("react").ForwardRefExoticComponent<CubeBlockProps & import("react").RefAttributes<unknown>>;

package/types/components/GridProvider.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Styles } from '../styles/types';
+import { Styles } from '../tasty';
 export interface CubeGridProviderProps {
     children: ReactNode;
     columns?: number;

package/types/components/Root.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from './types';
+import { BaseProps } from '../tasty';
 export interface CubeRootProps extends BaseProps {
     tokens?: {
         [key: string]: string;

package/types/components/actions/Action.d.ts

@@ -1,5 +1,5 @@
 import { MouseEventHandler } from 'react';
-import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../types';
+import { BaseProps, BaseStyleProps, ContainerStyleProps, TagNameProps, TextStyleProps } from '../../tasty';
 import { AriaButtonProps } from '@react-types/button';
 export interface CubeActionProps extends BaseProps, TagNameProps, BaseStyleProps, ContainerStyleProps, TextStyleProps, Omit<AriaButtonProps, 'type'> {
     to?: string;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CubeAlertProps } from './types';
+export declare const Alert: import("react").ForwardRefExoticComponent<CubeAlertProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/content/Alert/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Alert';
+export type { CubeAlertProps } from './types';

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

@@ -0,0 +1,17 @@
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../../tasty';
+import THEMES from '../../../data/themes';
+export interface CubeAlertProps extends Omit<BaseProps, 'theme'>, ContainerStyleProps, TextStyleProps {
+    /**
+     * ***Deprecated***
+     *
+     * @deprecated use `theme` prop instead
+     * @default note
+     */
+    type?: keyof typeof THEMES;
+    /**
+     * Changes the appearance of the Alert component
+     *
+     * @default note
+     */
+    theme?: keyof typeof THEMES;
+}

package/types/components/content/Alert/use-alert.d.ts

@@ -0,0 +1,6 @@
+import { CubeAlertProps } from './types';
+export declare function useAlert(props: CubeAlertProps): {
+    styles: import("../../../tasty").Styles;
+    theme: "disabled" | "danger" | "success" | "note";
+    filteredProps: {};
+};

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

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps } from '../../types';
-import { Styles } from '../../../styles/types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubeAvatarProps extends BaseProps, ContainerStyleProps {
     icon?: ReactNode;
     size?: Styles['size'];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {
     type?: keyof typeof THEMES | string;
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 export interface CubeCardProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Card: import("react").ForwardRefExoticComponent<CubeCardProps & import("react").RefAttributes<unknown>>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeContentProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Content: import("react").ForwardRefExoticComponent<CubeContentProps & import("react").RefAttributes<unknown>>;

package/types/components/{organisms → content}/CopySnippet/CopySnippet.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CubeCardProps } from '../../content/Card/Card';
+import { CubeCardProps } from '../Card/Card';
+import { Styles } from '../../../tasty';
 import { CubePrismCodeProps } from '../../content/PrismCode/PrismCode';
-import { Styles } from '../../../styles/types';
 export interface CubeCopySnippetProps extends CubeCardProps {
     padding?: Styles['padding'];
     /** The code snippet */

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, OuterStyleProps } from '../types';
+import { BaseProps, OuterStyleProps } from '../../tasty';
 export interface CubeDividerProps extends BaseProps, OuterStyleProps {
 }
 export declare const Divider: import("react").ForwardRefExoticComponent<CubeDividerProps & import("react").RefAttributes<unknown>>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeFooterProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Footer: import("react").ForwardRefExoticComponent<CubeFooterProps & import("react").RefAttributes<unknown>>;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, TextStyleProps } from '../types';
+import { BaseProps, ContainerStyleProps, TextStyleProps } from '../../tasty';
 export interface CubeHeaderProps extends BaseProps, ContainerStyleProps, TextStyleProps {
 }
 export declare const Header: import("react").ForwardRefExoticComponent<CubeHeaderProps & import("react").RefAttributes<unknown>>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CubeTextProps } from './Text';
-import { ContainerStyleProps } from '../types';
+import { ContainerStyleProps } from '../../tasty';
 export interface CubeParagraphProps extends CubeTextProps, ContainerStyleProps {
 }
 export declare const Paragraph: import("react").ForwardRefExoticComponent<CubeParagraphProps & import("react").RefAttributes<unknown>>;

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

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

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps } from '../../types';
-import { Styles } from '../../../styles/types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubePrismCodeProps extends ContainerStyleProps {
     /** The CSS style map */
     style?: BaseProps['style'];

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 export interface CubeResultProps extends BaseProps, ContainerStyleProps {
     /** Additional block content. For example, a set of buttons */
     children?: ReactNode;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CubePlaceholderProps } from '../Placeholder/Placeholder';
 import { CubeGridProps } from '../../layout/Grid';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../../tasty';
 declare const LAYOUT_MAP: {
     readonly page: ({ lines, children, ...props }: {
         [x: string]: any;

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

@@ -1,10 +1,11 @@
 /// <reference types="react" />
 import THEMES from '../../../data/themes';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubeTagProps extends BaseProps, ContainerStyleProps {
     type?: keyof typeof THEMES | string;
     isClosable?: boolean;
     onClose?: () => void;
+    closeButtonStyles?: Styles;
 }
 declare const _Tag: import("react").ForwardRefExoticComponent<CubeTagProps & import("react").RefAttributes<unknown>>;
 export { _Tag as Tag };

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

@@ -1,6 +1,5 @@
 import { CSSProperties } from 'react';
-import { ResponsiveStyleValue } from '../../utils/styles';
-import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from '../types';
+import { BaseProps, BaseStyleProps, ColorStyleProps, ResponsiveStyleValue, TagNameProps, TextStyleProps } from '../../tasty';
 export declare const TEXT_PROP_MAP: {
     readonly transform: "textTransform";
     readonly weight: "fontWeight";

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CubeTextProps } from './Text';
-import { BaseProps, ContainerStyleProps, PositionStyleProps, TagNameProps } from '../types';
+import { BaseProps, ContainerStyleProps, PositionStyleProps, TagNameProps } from '../../tasty';
 export interface CubeTitleProps extends BaseProps, CubeTextProps, TagNameProps, ContainerStyleProps, PositionStyleProps {
     /** The level of the heading **/
     level?: 1 | 2 | 3 | 4 | 5 | 6;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { AriaCheckboxProps } from '@react-types/checkbox';
+import { BaseProps } from '../../../tasty';
 import { CheckboxGroup } from './CheckboxGroup';
-import { BaseProps } from '../../types';
 import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxProps extends BaseProps, AriaCheckboxProps, FormFieldProps {
 }

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps } from '../../types';
+import { BaseProps } from '../../../tasty';
 import type { AriaCheckboxGroupProps } from '@react-types/checkbox';
 import { FormFieldProps } from '../../../shared';
 export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProps, FormFieldProps {

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
-import { Styles } from '../../styles/types';
+import { Props, Styles } from '../../tasty';
 export declare type CubeFieldWrapperProps = {
     as: string;
     labelPosition: LabelPosition;
@@ -12,8 +12,8 @@ export declare type CubeFieldWrapperProps = {
     /** Whether the input is disabled */
     isDisabled?: boolean;
     necessityIndicator?: NecessityIndicator;
-    labelProps?: any;
-    fieldProps?: any;
+    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 */

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

@@ -1,6 +1,5 @@
 import { RefObject } from 'react';
-import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, PositionStyleProps } from '../../types';
+import { BaseProps, BlockStyleProps, PositionStyleProps, Styles } from '../../../tasty';
 import type { AriaTextFieldProps } from '@react-types/textfield';
 import { FormFieldProps } from '../../../shared';
 export interface CubeFileInputProps extends BaseProps, PositionStyleProps, BlockStyleProps, AriaTextFieldProps, FormFieldProps {

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

@@ -1,6 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
 import { OptionalFieldBaseProps, ValidationRule } from '../../../shared';
 import { CubeFormInstance } from './useForm';
+import { Styles } from '../../../tasty';
 export interface CubeFieldProps extends OptionalFieldBaseProps {
     /** The initial value of the input. */
     defaultValue?: any;
@@ -27,5 +28,6 @@ export interface CubeFieldProps extends OptionalFieldBaseProps {
     name?: string[] | string;
     /** Whether the field is hidden. */
     isHidden?: boolean;
+    styles?: Styles;
 }
 export declare function Field(allProps: CubeFieldProps): JSX.Element | null;

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

@@ -1,8 +1,7 @@
 import { FormHTMLAttributes } from 'react';
-import { CubeFormInstance, CubeFormData } from './useForm';
-import { BaseProps, ContainerStyleProps } from '../../types';
+import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
+import { CubeFormData, CubeFormInstance } from './useForm';
 import { FormBaseProps } from '../../../shared';
-import { Styles } from '../../../styles/types';
 export declare const FormContext: import("react").Context<{}>;
 export declare function useFormProps(props: any): any;
 export interface CubeFormProps extends FormBaseProps, BaseProps, ContainerStyleProps, Pick<FormHTMLAttributes<HTMLFormElement>, 'action' | 'autoComplete' | 'encType' | 'method' | 'target'> {

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

@@ -1,8 +1,8 @@
 export declare type CubeFormData = {
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export declare type CubeFieldData = {
-    value?: any;
+    value?: unknown;
     name: string;
     errors: string[];
     touched?: boolean;
@@ -20,18 +20,18 @@ export declare class CubeFormInstance {
     constructor(forceReRender?: () => void);
     submit(): Promise<any>;
     setFieldsValue(newData: {
-        [key: string]: any;
+        [key: string]: unknown;
     }, touched?: boolean, skipRender?: boolean, createFields?: boolean): void;
-    getFieldValue(name: any): any;
+    getFieldValue(name: any): unknown;
     getFieldsValue(): CubeFormData;
     /**
      * Similar to getFieldsValue() but respects '.' notation and creates nested objects.
      */
     getFormData(): CubeFormData;
-    setFieldValue(name: string, value: any, touched?: boolean, skipRender?: boolean): void;
+    setFieldValue(name: string, value: unknown, touched?: boolean, skipRender?: boolean): void;
     getFieldInstance(name: string): CubeFieldData;
     setInitialFieldsValue(values: {
-        [key: string]: any;
+        [key: string]: unknown;
     }): void;
     resetFields(names?: string[], skipRender?: boolean): void;
     validateField(name: string): Promise<any>;

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

@@ -0,0 +1,14 @@
+import { TextInput } from '../TextInput/TextInput';
+import { PasswordInput } from '../PasswordInput/PasswordInput';
+import { NumberInput } from '../NumberInput/NumberInput';
+import { FileInput } from '../FileInput/FileInput';
+import { TextArea } from '../TextArea/TextArea';
+declare type CubeInput = typeof TextInput & {
+    Text: typeof TextInput;
+    Password: typeof PasswordInput;
+    Number: typeof NumberInput;
+    TextArea: typeof TextArea;
+    File: typeof FileInput;
+};
+export declare const Input: CubeInput;
+export {};

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

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

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

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

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

@@ -1,7 +1,6 @@
 /// <reference types="react" />
+import { BaseProps, Styles } from '../../../tasty';
 import { RadioGroup } from './RadioGroup';
-import { Styles } from '../../../styles/types';
-import { BaseProps } from '../../types';
 import type { AriaRadioProps } from '@react-types/radio';
 import { FormFieldProps } from '../../../shared';
 export interface CubeRadioProps extends BaseProps, AriaRadioProps, FormFieldProps {

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps } from '../../types';
+import { BaseProps, Styles } from '../../../tasty';
 import type { AriaRadioGroupProps } from '@react-types/radio';
 import { FormFieldProps } from '../../../shared';
 export interface CubeRadioGroupProps extends BaseProps, AriaRadioGroupProps, FormFieldProps {

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, OuterStyleProps } from '../../types';
+import { BaseProps, BlockStyleProps, OuterStyleProps, Styles } from '../../../tasty';
 import type { AriaSwitchProps } from '@react-types/switch';
 import { FormFieldProps } from '../../../shared';
 export interface CubeSwitchProps extends BaseProps, OuterStyleProps, BlockStyleProps, FormFieldProps, AriaSwitchProps {

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

@@ -1,12 +1,8 @@
 /// <reference types="react" />
 import { CubeTextInputBaseProps } from './TextInputBase';
-/**
- * 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.
- */
-declare const _TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
+import { WithNullableValue } from '../../../utils/react/nullableValue';
+export declare type CubeTextInputProps = WithNullableValue<CubeTextInputBaseProps>;
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<CubeTextInputBaseProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
-} & import("react").RefAttributes<unknown>>;
-export { _TextInput as TextInput };
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -1,6 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { Styles } from '../../../styles/types';
-import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props } from '../../types';
+import { BaseProps, BlockStyleProps, DimensionStyleProps, PositionStyleProps, Props, Styles } from '../../../tasty';
 import { FormFieldProps } from '../../../shared';
 import type { AriaTextFieldProps } from '@react-types/textfield';
 export declare const DEFAULT_INPUT_STYLES: Styles;

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

@@ -1,35 +1,7 @@
-/// <reference types="react" />
-import { TextInput } from './TextInput/TextInput';
-import { PasswordInput } from './PasswordInput/PasswordInput';
-import { NumberInput } from './NumberInput/NumberInput';
-import { FileInput } from './FileInput/FileInput';
-import { TextArea } from './TextArea/TextArea';
-declare const Input: import("react").ForwardRefExoticComponent<Omit<import("./TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-    value?: any;
-    defaultValue?: any;
-} & import("react").RefAttributes<unknown>> & {
-    Text: typeof TextInput;
-    Password: typeof PasswordInput;
-    Number: typeof NumberInput;
-    TextArea: typeof TextArea;
-    File: typeof FileInput;
-} & {
-    Text: import("react").ForwardRefExoticComponent<Omit<import("./TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    Password: import("react").ForwardRefExoticComponent<Omit<import("./TextInput/TextInputBase").CubeTextInputBaseProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    Number: import("react").ForwardRefExoticComponent<Omit<import("./NumberInput/NumberInput").CubeNumberInputProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    TextArea: import("react").ForwardRefExoticComponent<Omit<import("./TextArea/TextArea").CubeTextAreaProps, "value" | "defaultValue"> & {
-        value?: any;
-        defaultValue?: any;
-    } & import("react").RefAttributes<unknown>>;
-    File: import("react").ForwardRefExoticComponent<import("./FileInput/FileInput").CubeFileInputProps & import("react").RefAttributes<unknown>>;
-};
-export { Input, TextInput, NumberInput, TextArea, PasswordInput, FileInput };
+export * from './Input';
+export * from './TextInput/TextInput';
+export * from './PasswordInput/PasswordInput';
+export * from './NumberInput/NumberInput';
+export * from './FileInput/FileInput';
+export * from './TextArea/TextArea';
+export * from './Form';