@cube-dev/ui-kit 0.22.0 → 0.22.2

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared';
 import { Props, Styles } from '../../../tasty';
-export type CubeFieldWrapperProps = {
+export declare type CubeFieldWrapperProps = {
     as?: string;
     validationState?: ValidationState;
     styles?: Styles;

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

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { FieldBaseProps } from '../../../shared';
 import { Styles } from '../../../tasty';
-import { CubeFormInstance } from './useForm';
+import { CubeFormInstance } from './use-form';
 import { FieldTypes } from './types';
 export interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {
     /** The initial value of the input. */

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

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { CubeButtonProps } from '../../../actions';
 import { FieldTypes } from '../types';
-import { CubeFormInstance } from '../useForm';
+import { CubeFormInstance } from '../use-form';
 export interface CubeSubmitProps<T extends FieldTypes = FieldTypes> extends CubeButtonProps {
     form?: CubeFormInstance<T>;
 }

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

@@ -2,7 +2,7 @@
 import { CubeAlertProps } from '../../content/Alert';
 import { Field } from './Field';
 import { SubmitError } from './SubmitError';
-import { useForm } from './useForm';
+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;
@@ -18,7 +18,7 @@ declare const Form: (<T extends import("./types").FieldTypes>(props: import("./F
 export { useFormProps, Form, Field, useForm, FormContext, SubmitError };
 export { useFieldProps } from './use-field';
 export type { CubeFormProps } from './Form';
-export type { CubeFormInstance } from './useForm';
+export type { CubeFormInstance } from './use-form';
 export type { FieldTypes, Fields } from './types';
 export type { UseFieldParams, UseFieldPropsParams } from './use-field';
 export type { CubeAlertProps as CubeSubmitErrorProps };

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

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-export type FieldTypes = {
+export declare type FieldTypes = {
     [key: string]: any;
 };
-export type CubeFieldData<Name extends string, Value> = {
+export declare type CubeFieldData<Name extends string, Value> = {
     readonly name: Name;
     errors: ReactNode[];
     value?: Value;
@@ -10,7 +10,8 @@ export type CubeFieldData<Name extends string, Value> = {
     touched?: boolean;
     rules?: any[];
     validating?: boolean;
-    validationId: number;
+    validationId?: number;
+    status?: 'valid' | 'invalid';
 };
-export type Fields = Record<keyof FieldTypes, CubeFieldData<string, any>>;
-export type SetFieldsArrType<T extends FieldTypes, Name extends keyof T & string> = CubeFieldData<Name, T[Name]>;
+export declare type Fields = Record<keyof FieldTypes, CubeFieldData<string, any>>;
+export declare 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,7 +1,7 @@
-/// <reference types="react" />
+import { ReactNode } from 'react';
 import { CubeFieldData, FieldTypes } from '../types';
 import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
-import { CubeFormInstance } from '../useForm';
+import { CubeFormInstance } from '../use-form';
 export interface CubeFieldProps<T extends FieldTypes> {
     /** The initial value of the input. */
     defaultValue?: any;
@@ -21,10 +21,14 @@ export interface CubeFieldProps<T extends FieldTypes> {
     validationState?: ValidationState;
     /** Debounce in milliseconds for validation */
     validationDelay?: number;
+    /** Whether to show valid state */
+    showValid?: boolean;
     /** On which event perform the validation for the field */
     validateTrigger?: ValidateTrigger;
+    /** Message for the field. Some additional information or error notice */
+    message?: ReactNode;
 }
-export type FieldReturnValue<T extends FieldTypes> = {
+export declare type FieldReturnValue<T extends FieldTypes> = {
     id: string;
     name: string;
     value: any;

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

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

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

@@ -1,7 +1,7 @@
 import { ValidateTrigger } from '../../../../shared';
 import { FieldTypes } from '../types';
 import { CubeFieldProps, FieldReturnValue } from './types';
-export type UseFieldParams = {
+export declare type UseFieldParams = {
     defaultValidationTrigger?: ValidateTrigger;
 };
 export declare function useField<T extends FieldTypes, Props extends CubeFieldProps<T>>(props: Props, params: UseFieldParams): FieldReturnValue<T>;

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { CubeFieldData, FieldTypes, SetFieldsArrType } from './types';
-type PartialString<T> = {
+declare type PartialString<T> = {
     [P in keyof T & string]?: T[P];
 };
-export type CubeFormData<T extends FieldTypes> = {
+export declare type CubeFormData<T extends FieldTypes> = {
     [K in keyof T & string]?: CubeFieldData<K, T[K]>;
 };
 export declare class CubeFormInstance<T extends FieldTypes, TFormData extends CubeFormData<T> = CubeFormData<T>> {
@@ -17,7 +17,7 @@ export declare class CubeFormInstance<T extends FieldTypes, TFormData extends Cu
     onSubmit: (data: T) => void | Promise<void>;
     constructor(forceReRender?: () => void);
     submit(): Promise<void>;
-    setFieldsValue: (newData: PartialString<T>, touched?: boolean, skipRender?: boolean, createFields?: boolean, inputOnly?: boolean) => void;
+    setFieldsValue: (newData: PartialString<T>, touched?: boolean | undefined, skipRender?: boolean | undefined, createFields?: boolean, inputOnly?: boolean) => void;
     getFieldValue<Name extends keyof T & string>(name: Name): T[Name] | undefined;
     getFieldsValue(): PartialString<T>;
     /**

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

@@ -3,7 +3,7 @@ import { PasswordInput } from '../PasswordInput/PasswordInput';
 import { NumberInput } from '../NumberInput/NumberInput';
 import { FileInput } from '../FileInput/FileInput';
 import { TextArea } from '../TextArea/TextArea';
-type CubeInput = typeof TextInput & {
+declare type CubeInput = typeof TextInput & {
     Text: typeof TextInput;
     Password: typeof PasswordInput;
     Number: typeof NumberInput;

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

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

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

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

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

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

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

@@ -13,7 +13,7 @@ export interface DialogProps extends Omit<CubeDialogContainerProps, 'onDismiss'
         reject: any;
     }) => ReactNode);
 }
-export type AlertDialogResolveStatus = 'confirm' | 'cancel' | 'secondary';
+export declare type AlertDialogResolveStatus = 'confirm' | 'cancel' | 'secondary';
 interface AlertDialogMeta {
     id: number;
     isClosed: boolean;

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

@@ -1,7 +1,7 @@
 import { ReactElement, RefObject } from 'react';
 import { WithCloseBehavior } from '../Modal';
 import { Styles } from '../../../tasty';
-export type CubeDialogClose = (close: () => void) => ReactElement;
+export declare type CubeDialogClose = (close: () => void) => ReactElement;
 export interface CubeDialogTriggerProps extends WithCloseBehavior {
     /** The Dialog and its trigger element. See the DialogTrigger [Content section](#content) for more information on what to provide as children. */
     children: [ReactElement, CubeDialogClose | ReactElement];

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

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

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

@@ -1,6 +1,6 @@
 import { TransitionStatus as ReactTransitionStatus } from 'react-transition-group';
-export type CloseBehavior = 'remove' | 'hide';
-export type TransitionStatus = ReactTransitionStatus;
+export declare type CloseBehavior = 'remove' | 'hide';
+export declare type TransitionStatus = ReactTransitionStatus;
 export interface WithCloseBehavior {
     hideOnClose?: boolean;
 }

package/types/components/overlays/NewNotifications/Bar/FloatingNotification.d.ts

@@ -1,7 +1,7 @@
 import { Key } from 'react';
 import { CubeNotifyApiPropsWithID } from '../types';
 import { NotificationItemNode, NotificationsListState } from '../hooks';
-export type FloatingNotificationProps = {
+export declare type FloatingNotificationProps = {
     id: Key;
     isDisabledTimer: boolean;
     onRemoveNotification: (id: Key) => void;

package/types/components/overlays/NewNotifications/Bar/NotificationsBar.d.ts

@@ -1,7 +1,7 @@
 import { Key } from 'react';
 import { CubeNotifyApiPropsWithID } from '../types';
 import { CollectionChildren } from '../hooks';
-export type NotificationsBarProps = {
+export declare type NotificationsBarProps = {
     items: Iterable<CubeNotifyApiPropsWithID>;
     children: CollectionChildren<CubeNotifyApiPropsWithID>;
     onRemoveNotification: (id: Key) => void;

package/types/components/overlays/NewNotifications/Bar/TransitionComponent.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import type { TransitionProps } from 'react-transition-group/Transition';
-export type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
+export declare type TransitionComponentProps = PropsWithChildren<Partial<TransitionProps>>;
 export declare function TransitionComponent(props: TransitionComponentProps): JSX.Element;

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

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { CubeDialogProps, CubeDialogTriggerProps } from '../../Dialog';
 import { CubeNotifyApiPropsWithID } from '../types';
-export type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
+export declare type NotificationsDialogTriggerProps = Omit<CubeDialogTriggerProps, 'type'> & {
     onCloseNotificationInBar?: (props: CubeNotifyApiPropsWithID) => void;
 };
 export declare function NotificationsDialogTrigger(props: NotificationsDialogTriggerProps): JSX.Element;
-export type NotificationsDialogProps = {
+export declare type NotificationsDialogProps = {
     title?: ReactNode;
 } & CubeDialogProps;
 export declare function NotificationsDialog(props: NotificationsDialogProps): JSX.Element;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CubeNotifyApiProps } from './types';
-export type NotificationProps = {
+export declare type NotificationProps = {
     /**
      * If set to true, when the component gets unmounted, notifications will not be removed from the bar
      *

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

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { CubeButtonProps } from '../../../actions';
-export type NotificationActionProps = PropsWithChildren<{
+export declare type NotificationActionProps = PropsWithChildren<{
     type?: 'primary' | 'secondary';
     /**
      * @default false

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export type NotificationCloseButtonProps = {
+export declare type NotificationCloseButtonProps = {
     onPress: () => void;
 };
 export declare const NotificationCloseButton: import("react").NamedExoticComponent<NotificationCloseButtonProps>;

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { NotificationProps } from './types';
-export type NotificationDescriptionProps = {
+export declare type NotificationDescriptionProps = {
     description: NotificationProps['description'];
 } & HTMLAttributes<HTMLElement>;
 /**

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { NotificationProps } from './types';
-export type NotificationHeaderProps = {
+export declare type NotificationHeaderProps = {
     header: NotificationProps['header'];
 } & HTMLAttributes<HTMLElement>;
 /**

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

@@ -3,14 +3,14 @@ import { Timer } from '../../../../_internal';
 import { BaseNotificationProps } from '../types';
 import type { CubeNotificationType } from '../types';
 import type { ReactNode, HTMLAttributes } from 'react';
-export type NotificationProps = {
+export declare type NotificationProps = {
     qa?: string;
     attributes?: HTMLAttributes<HTMLDivElement>;
     styles?: Styles;
     timer?: Timer | null;
     onClose?: () => void;
 } & BaseNotificationProps;
-export type NotificationIconProps = {
+export declare type NotificationIconProps = {
     type: CubeNotificationType;
     icon?: ReactNode;
 };

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

@@ -2,20 +2,20 @@ import { Key } from 'react';
 import { CollectionElement } from '@react-types/shared';
 import { CollectionChildren, NotificationItemNode, NotificationsListState } from '../hooks';
 import { CubeNotificationProps } from '../types';
-export type NotificationsListProps<T> = {
+export declare type NotificationsListProps<T> = {
     onDismiss?: (id: Key) => void;
     items?: T[] | readonly T[];
     children: CollectionChildren<T>;
 } & (NotificationsListFactory<T> | NotificationsListStatic);
-export type NotificationsListFactory<T> = {
+export declare type NotificationsListFactory<T> = {
     items: T[] | readonly T[];
     children: (item: T) => CollectionElement<CubeNotificationProps>;
 };
-export type NotificationsListStatic = {
+export declare type NotificationsListStatic = {
     items?: 'You must either use factory or static children';
     children: CollectionElement<CubeNotificationProps> | CollectionElement<CubeNotificationProps>[];
 };
-export type NotificationListItemProps = {
+export declare type NotificationListItemProps = {
     onDismiss?: NotificationsListProps<unknown>['onDismiss'];
     item: NotificationItemNode<CubeNotificationProps>;
     state: NotificationsListState<CubeNotificationProps>;

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

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

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

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

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

@@ -1,11 +1,11 @@
 import { CollectionChildren, NotificationsListState } from './types';
 import type { HTMLAttributes, MutableRefObject } from 'react';
-export type UseNotificationsListPropsType<T, R> = {
+export declare type UseNotificationsListPropsType<T, R> = {
     items?: Iterable<T>;
     children: CollectionChildren<T, R>;
     ref: MutableRefObject<HTMLElement | null>;
 };
-export type UseNotificationsListReturnType<R> = {
+export declare type UseNotificationsListReturnType<R> = {
     listProps: HTMLAttributes<HTMLElement>;
     state: NotificationsListState<R>;
 };

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

@@ -1,13 +1,13 @@
 import { Key, ReactChild, ReactElement, ReactFragment, ReactNode } from 'react';
 import { NotificationAction, NotificationActionProps } from './NotificationView';
-export type CubeNotificationType = 'success' | 'danger' | 'attention';
-export type NotificationActionComponent = ReactElement<NotificationActionProps, typeof NotificationAction>;
-type NotificationActionType = NotificationActionComponent | [NotificationActionComponent] | [NotificationActionComponent, NotificationActionComponent];
-type NotificationActionCallbackArg = {
+export declare type CubeNotificationType = 'success' | 'danger' | 'attention';
+export declare type NotificationActionComponent = ReactElement<NotificationActionProps, typeof NotificationAction>;
+declare type NotificationActionType = NotificationActionComponent | [NotificationActionComponent] | [NotificationActionComponent, NotificationActionComponent];
+declare type NotificationActionCallbackArg = {
     onClose: () => void;
     onDismiss: () => void;
 };
-export type BaseNotificationProps = {
+export declare type BaseNotificationProps = {
     /**
      * @default 'attention'
      */
@@ -54,23 +54,23 @@ export type BaseNotificationProps = {
      */
     actions?: ((arg: NotificationActionCallbackArg) => NotificationActionType) | NotificationActionType;
 };
-export type CubeNotificationProps = BaseNotificationProps;
-export type CubeNotifyApiProps = {
+export declare type CubeNotificationProps = BaseNotificationProps;
+export declare type CubeNotifyApiProps = {
     meta?: CubeNotificationMeta;
 } & CubeNotificationProps;
-export type CubeNotifyApiPropsWithID = {
+export declare type CubeNotifyApiPropsWithID = {
     id: NonNullable<CubeNotificationProps['id']>;
 } & CubeNotifyApiProps;
-export type CubeNotificationsApiNotifyCallback = (props: CubeNotifyApiProps) => {
+export declare type CubeNotificationsApiNotifyCallback = (props: CubeNotifyApiProps) => {
     id: Key;
     update: (props: Partial<CubeNotifyApiProps>) => void;
     remove: () => void;
 };
-export type CubeNotificationsApiNotifyAction = CubeNotificationsApiNotifyCallback & Record<CubeNotificationType, CubeNotificationsApiNotifyCallback>;
-export type CubeNotificationsApi = {
+export declare type CubeNotificationsApiNotifyAction = CubeNotificationsApiNotifyCallback & Record<CubeNotificationType, CubeNotificationsApiNotifyCallback>;
+export declare type CubeNotificationsApi = {
     notify: CubeNotificationsApiNotifyAction;
     update: (id: Key, props: Partial<CubeNotifyApiProps>) => void;
     remove: (id: Key) => void;
 };
-export type CubeNotificationMeta = Record<string, unknown>;
+export declare type CubeNotificationMeta = Record<string, unknown>;
 export {};

package/types/components/overlays/Toasts/Toast.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CubeToastsApiProps } from './types';
-export type ToastProps = {
+export declare type ToastProps = {
     /**
      * If set to true, when the component gets unmounted, notifications will not be removed from the bar
      *

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

@@ -1,6 +1,6 @@
 import type { Key, ReactChild, ReactFragment, ReactNode } from 'react';
 import type { CubeNotificationType, CubeNotifyApiProps } from '../NewNotifications';
-export type CubeToastsApiProps = {
+export declare type CubeToastsApiProps = {
     description: ReactChild | ReactFragment;
     header?: ReactChild | ReactFragment;
     id?: Key;
@@ -9,15 +9,15 @@ export type CubeToastsApiProps = {
     icon?: ReactNode;
     type?: CubeNotificationType;
 };
-export type CubeToastsApi = {
+export declare type CubeToastsApi = {
     toast: CubeToastsApiToastAction;
     update: (id: Key, props: Partial<CubeToastsApiProps>) => void;
     remove: (id: Key) => void;
 };
-export type CubeToastsApiToastCallback = (props: CubeToastsApiProps | ReactChild | ReactFragment) => {
+export declare type CubeToastsApiToastCallback = (props: CubeToastsApiProps | ReactChild | ReactFragment) => {
     id: Key;
     update: (props: Partial<CubeNotifyApiProps>) => void;
     remove: () => void;
 };
-export type CubeToastsApiToastShortcuts = Record<CubeNotificationType, CubeToastsApiToastCallback>;
-export type CubeToastsApiToastAction = CubeToastsApiToastCallback & CubeToastsApiToastShortcuts;
+export declare type CubeToastsApiToastShortcuts = Record<CubeNotificationType, CubeToastsApiToastCallback>;
+export declare type CubeToastsApiToastAction = CubeToastsApiToastCallback & CubeToastsApiToastShortcuts;

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

@@ -13,8 +13,8 @@ export interface CubeMenuProps<T> extends ContainerStyleProps, AriaMenuProps<T>
     sectionHeadingStyles?: Styles;
     qa?: BaseProps['qa'];
 }
-type PartialMenuButton = Partial<MenuButtonProps>;
-type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
+declare type PartialMenuButton = Partial<MenuButtonProps>;
+declare type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
     wrapper?: (item: ReactElement) => ReactElement;
 }) => JSX.Element;
 declare const Item: ItemComponent;

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { CubeButtonProps } from '../../actions';
-export type MenuSelectionType = 'checkbox' | 'radio';
-export type MenuButtonProps = {
+export declare type MenuSelectionType = 'checkbox' | 'radio';
+export declare type MenuButtonProps = {
     postfix: ReactNode;
     selectionIcon?: MenuSelectionType;
     isSelectable?: boolean;

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

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { PositionProps } from '@react-types/overlays';
 import { MenuTriggerProps as BaseTriggerProps } from '@react-types/menu';
-export type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
+export declare type CubeMenuTriggerProps = BaseTriggerProps & PositionProps & {
     trigger?: string;
     isDisabled?: boolean;
     children: ReactNode[];

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

@@ -54,13 +54,13 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
     shadow?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
     radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
-    flow?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
+    flow?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
     gridAreas?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
     gridColumns?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     inline?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
@@ -133,13 +133,13 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     hide?: import("../../../tasty").ResponsiveStyleValue<boolean | undefined>;
     shadow?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
     radius?: import("../../../tasty").ResponsiveStyleValue<string | true | undefined>;
-    flow?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
+    flow?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "column" | "column-reverse" | "nowrap" | "row" | "row-reverse" | "wrap" | "wrap-reverse" | "dense" | undefined>;
     gridAreas?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateAreas | undefined>;
     gridColumns?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     inline?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;

package/types/components/status/Spin/types.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { Styles } from '../../../tasty';
-export type SpinSize = 'small' | 'default' | 'large';
-export type CubeSpinProps = {
+export declare type SpinSize = 'small' | 'default' | 'large';
+export declare type CubeSpinProps = {
     /**
      * Size of the spin.
      * @default 'default'
@@ -15,9 +15,9 @@ export type CubeSpinProps = {
     children?: ReactNode;
     styles?: Styles;
 };
-export type SpinCubeProps = {
+export declare type SpinCubeProps = {
     position: 'top' | 'right' | 'bottom';
 };
-export type InternalSpinnerProps = {
+export declare type InternalSpinnerProps = {
     size: SpinSize;
 };

package/types/provider.d.ts

@@ -11,7 +11,7 @@ export interface ProviderProps extends Props {
     ref?: JSX.Element;
     root?: ForwardedRef<any>;
 }
-export type ProviderInsideProps = Omit<ProviderProps, 'styles' | 'breakpoints'>;
+export declare type ProviderInsideProps = Omit<ProviderProps, 'styles' | 'breakpoints'>;
 export declare const UIKitContext: import("react").Context<ProviderInsideProps>;
 export declare function Provider(allProps: PropsWithChildren<ProviderProps>): JSX.Element;
 export declare function useProviderProps<T extends Props = Props>(props: T): T;