@cube-dev/ui-kit 0.31.1 → 0.32.0

package/types/components/forms/DatePicker/DatePickerSegment.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 import { DateFieldState, DateSegment } from 'react-stately';
 import { DatePickerBase, DateValue } from '@react-types/datepicker';
 interface DatePickerSegmentProps extends DatePickerBase<DateValue> {
     segment: DateSegment;
     state: DateFieldState;
 }
-export declare function DatePickerSegment({ segment, state, ...otherProps }: DatePickerSegmentProps): JSX.Element;
+export declare function DatePickerSegment({ segment, state, ...otherProps }: DatePickerSegmentProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/types/components/forms/DatePicker/DateRangePicker.d.ts

@@ -14,6 +14,6 @@ export interface CubeDateRangePickerProps<T extends DateValue = DateValue> exten
     useLocale?: boolean;
 }
 declare const _DateRangePicker: <T extends DateValue>(props: CubeDateRangePickerProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
+    ref?: FocusableRef<HTMLElement>;
 }) => ReactElement;
 export { _DateRangePicker as DateRangePicker };

package/types/components/forms/DatePicker/DateRangeSeparatedPicker.d.ts

@@ -14,6 +14,6 @@ export interface CubeDateRangeSeparatedPickerProps<T extends DateValue = DateVal
     useLocale?: boolean;
 }
 declare const _DateRangeSeparatedPicker: <T extends DateValue>(props: CubeDateRangeSeparatedPickerProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
+    ref?: FocusableRef<HTMLElement>;
 }) => ReactElement;
 export { _DateRangeSeparatedPicker as DateRangeSeparatedPicker };

package/types/components/forms/DatePicker/TimeInput.d.ts

@@ -35,6 +35,6 @@ export interface CubeTimeInputProps<T extends TimeValue = TimeValue> extends Ari
  * Each part of the time is displayed in an individually editable segment.
  */
 declare const _TimeInput: <T extends TimeValue>(props: CubeTimeInputProps<T> & {
-    ref?: FocusableRef<HTMLElement> | undefined;
+    ref?: FocusableRef<HTMLElement>;
 }) => ReactElement;
 export { _TimeInput as TimeInput };

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

@@ -11,5 +11,5 @@ export interface CubeFieldProps<T extends FieldTypes> extends FieldBaseProps {
     /** The form instance */
     form?: CubeFormInstance<T>;
 }
-export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;
+export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): import("react/jsx-runtime").JSX.Element | null;
 export declare function useInsideLegacyField(): boolean;

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

@@ -27,6 +27,6 @@ export interface CubeFormProps<T extends FieldTypes = FieldTypes> extends FormBa
  * Forms allow users to enter data that can be submitted while providing alignment and styling for form fields.
  */
 declare const _Form: <T extends FieldTypes>(props: CubeFormProps<T> & {
-    ref?: DOMRef<HTMLFormElement> | undefined;
+    ref?: DOMRef<HTMLFormElement>;
 }) => JSX.Element;
 export { _Form as Form };

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { CubeAlertProps } from '../../content/Alert';
 /**
  * An alert that shows a form error message received from the onSubmit callback.
  */
-export declare const SubmitError: (props: CubeAlertProps) => JSX.Element | null;
+export declare const SubmitError: (props: CubeAlertProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -13,7 +13,7 @@ declare const Form: (<T extends import("./types").FieldTypes>(props: import("./F
 } & {
     Item: typeof Field;
     useForm: typeof useForm;
-    SubmitError: (props: CubeAlertProps) => JSX.Element | null;
+    SubmitError: (props: CubeAlertProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export { useFormProps, Form, Field, useForm, FormContext, SubmitError };
 export { useFieldProps } from './use-field';

package/types/components/forms/NumberInput/StepButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 /**
  * Buttons for NumberField.
  */
-export declare function StepButton(props: any): JSX.Element;
+export declare function StepButton(props: any): import("react/jsx-runtime").JSX.Element;

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

@@ -15,15 +15,14 @@ declare const _RadioButton: import("react").ForwardRefExoticComponent<CubeRadioP
 declare const ButtonGroup: import("react").ComponentType<{
     value?: any;
     children?: import("react").ReactNode;
-    ref?: import("react").Ref<unknown> | undefined;
-    label?: import("react").ReactNode;
-    style?: import("react").CSSProperties | (import("react").CSSProperties & {
-        [key: string]: string | number | null;
-    }) | undefined;
+    ref?: import("react").LegacyRef<unknown> | undefined;
     mods?: {
         [key: string]: boolean | null | undefined;
     } | undefined;
     block?: boolean | undefined;
+    style?: import("react").CSSProperties | (import("react").CSSProperties & {
+        [key: string]: string | number | null;
+    }) | 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;
     tooltip?: import("react").ReactNode;
@@ -39,24 +38,28 @@ declare const ButtonGroup: import("react").ComponentType<{
     isDisabled?: boolean | undefined;
     styleName?: string | undefined;
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
-    autoFocus?: boolean | undefined;
+    label?: import("react").ReactNode;
     name?: string | undefined;
     defaultValue?: any;
+    autoFocus?: boolean | undefined;
     "aria-describedby"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-label"?: string | undefined;
     "aria-labelledby"?: string | undefined;
+    onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
+    onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
     onChange?: ((value: string) => void) | undefined;
     description?: import("react").ReactNode;
-    key?: import("react").Key | null | undefined;
+    rules?: import("../../../shared").ValidationRule[] | undefined;
     message?: import("react").ReactNode;
+    onFocusChange?: ((isFocused: boolean) => void) | undefined;
     insideForm?: boolean | undefined;
     isReadOnly?: boolean | undefined;
     isRequired?: boolean | undefined;
     validationState?: import("react-stately").ValidationState | undefined;
     isLoading?: boolean | undefined;
-    rules?: import("../../../shared").ValidationRule[] | undefined;
+    key?: import("react").Key | null | undefined;
     extra?: import("react").ReactNode;
     orientation?: import("react-aria").Orientation | undefined;
     labelStyles?: Styles | undefined;
@@ -91,15 +94,14 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
     ButtonGroup: import("react").ComponentType<{
         value?: any;
         children?: import("react").ReactNode;
-        ref?: import("react").Ref<unknown> | undefined;
-        label?: import("react").ReactNode;
-        style?: import("react").CSSProperties | (import("react").CSSProperties & {
-            [key: string]: string | number | null;
-        }) | undefined;
+        ref?: import("react").LegacyRef<unknown> | undefined;
         mods?: {
             [key: string]: boolean | null | undefined;
         } | undefined;
         block?: boolean | undefined;
+        style?: import("react").CSSProperties | (import("react").CSSProperties & {
+            [key: string]: string | number | null;
+        }) | 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;
         tooltip?: import("react").ReactNode;
@@ -115,24 +117,28 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         isDisabled?: boolean | undefined;
         styleName?: string | undefined;
         theme?: (string & {}) | "danger" | "default" | "special" | undefined;
-        autoFocus?: boolean | undefined;
+        label?: import("react").ReactNode;
         name?: string | undefined;
         defaultValue?: any;
+        autoFocus?: boolean | undefined;
         "aria-describedby"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-errormessage"?: string | undefined;
         "aria-label"?: string | undefined;
         "aria-labelledby"?: string | undefined;
+        onFocus?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
+        onBlur?: ((e: import("react").FocusEvent<Element, Element>) => void) | undefined;
         onChange?: ((value: string) => void) | undefined;
         description?: import("react").ReactNode;
-        key?: import("react").Key | null | undefined;
+        rules?: import("../../../shared").ValidationRule[] | undefined;
         message?: import("react").ReactNode;
+        onFocusChange?: ((isFocused: boolean) => void) | undefined;
         insideForm?: boolean | undefined;
         isReadOnly?: boolean | undefined;
         isRequired?: boolean | undefined;
         validationState?: import("react-stately").ValidationState | undefined;
         isLoading?: boolean | undefined;
-        rules?: import("../../../shared").ValidationRule[] | undefined;
+        key?: import("react").Key | null | undefined;
         extra?: import("react").ReactNode;
         orientation?: import("react-aria").Orientation | undefined;
         labelStyles?: Styles | undefined;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { SliderState } from 'react-stately';
 export type GradationProps = {
     state: SliderState;
     ranges: number[];
     values?: string[];
 };
-export declare function Gradation(props: GradationProps): JSX.Element | null;
+export declare function Gradation(props: GradationProps): import("react/jsx-runtime").JSX.Element | null;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { SliderState } from 'react-stately';
 import { CubeNumberInputProps } from '../../../';
 export interface RangeInputProps extends CubeNumberInputProps {
@@ -8,4 +7,4 @@ export interface RangeInputProps extends CubeNumberInputProps {
     max?: number;
     width?: string;
 }
-export declare function SliderInput(props: RangeInputProps): JSX.Element;
+export declare function SliderInput(props: RangeInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface SliderThumbProps extends AriaSliderThumbOptions {
     inputRef: RefObject<HTMLInputElement>;
     index: number;
 }
-export declare function SliderThumb(props: SliderThumbProps): JSX.Element;
+export declare function SliderThumb(props: SliderThumbProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { SliderState } from 'react-stately';
 export type SliderTrackProps = {
     state: SliderState;
     orientation?: 'horizontal' | 'vertical';
     isDisabled?: boolean;
 };
-export declare function SliderTrack(props: SliderTrackProps): JSX.Element;
+export declare function SliderTrack(props: SliderTrackProps): import("react/jsx-runtime").JSX.Element;

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

@@ -42,6 +42,6 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, D
     /** The size of the input */
     size?: 'small' | 'default' | 'large' | (string & {});
 }
-declare const _TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
-export { _TextInputBase as TextInputBase };
+declare const TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
+export { TextInputBase };
 export { AriaTextFieldProps };

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

@@ -4,5 +4,5 @@ import { BaseProps, Styles } from '../../tasty';
 interface WrapWithFieldProps extends FieldBaseProps, BaseProps, FormBaseProps {
     styles?: Styles;
 }
-export declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown>, props: T): JSX.Element;
+export declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown>, props: T): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -37,7 +37,7 @@ export interface CubeTabsProps extends CubeFlexProps {
     /** Additional content along the tabs */
     extra?: ReactNode;
 }
-export declare function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }: CubeTabsProps): JSX.Element;
+export declare function LegacyTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, extra, children, ...props }: CubeTabsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace LegacyTabs {
-    var TabPane: ({ id, title, qa, isHidden, isDisabled, children, ...props }: LegacyCubeTabProps) => JSX.Element;
+    var TabPane: ({ id, title, qa, isHidden, isDisabled, children, ...props }: LegacyCubeTabProps) => import("react/jsx-runtime").JSX.Element;
 }

package/types/components/organisms/FileTabs/FileTabs.d.ts

@@ -27,9 +27,9 @@ export interface CubeFileTabsProps extends CubeFlexProps {
     isClosable?: boolean;
     children?: ReactNode;
 }
-export declare function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable, children, ...props }: CubeFileTabsProps): JSX.Element;
+export declare function FileTabs({ defaultActiveKey, activeKey: activeKeyProp, onTabClick, onTabClose, paneStyles, isClosable, children, ...props }: CubeFileTabsProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace FileTabs {
-    var TabPane: (allProps: CubeFileTabProps) => JSX.Element;
+    var TabPane: (allProps: CubeFileTabProps) => import("react/jsx-runtime").JSX.Element;
 }
 export interface CubeFileTabProps extends FileTabProps {
     id: string | number;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeModalProps extends CubeCardProps {
     title?: string;
@@ -21,7 +20,7 @@ export interface CubeModalProps extends CubeCardProps {
  * Designed after AntD Modal component and almost duplicate its API.
  * Use Dialog component instead
  */
-export declare function Modal(allProps: CubeModalProps): JSX.Element;
+export declare function Modal(allProps: CubeModalProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace Modal {
     var confirm: (options: any) => void;
     var info: (options: any) => void;

package/types/components/organisms/StatsCard/StatsCard.d.ts

@@ -5,4 +5,4 @@ export interface CubeStatsCard extends CubeCardProps {
     value?: string | number | ReactNode;
     suffix?: string | number | ReactNode;
 }
-export declare function StatsCard({ title, value, suffix, ...props }: CubeStatsCard): JSX.Element;
+export declare function StatsCard({ title, value, suffix, ...props }: CubeStatsCard): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare function CalendarCell({ state, selectedRange, date }: {
     state: any;
     selectedRange: any;
     date: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
 export declare function CalendarGrid({ state, ...props }: {
     [x: string]: any;
     state: any;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AlertDialogResolveStatus, DialogProps } from './types';
 interface DialogApi {
     open: (dialogProps: DialogProps, params?: DialogApiParams) => Promise<AlertDialogResolveStatus>;
@@ -9,7 +8,7 @@ interface DialogApiParams {
 /**
  * @internal Do not use it in your code!
  */
-export declare function AlertDialogApiProvider(props: any): JSX.Element;
+export declare function AlertDialogApiProvider(props: any): import("react/jsx-runtime").JSX.Element;
 /**
  * Hook gives the ability to open `<AlertDialog />` imperatively.
  *

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

@@ -24,4 +24,4 @@ export interface CubeDialogContainerProps {
  * Useful in cases where there is no trigger element
  * or when the trigger unmounts while the dialog is open.
  */
-export declare function DialogContainer(props: CubeDialogContainerProps): JSX.Element;
+export declare function DialogContainer(props: CubeDialogContainerProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeFormProps } from '../../forms/Form/Form';
 import { CubeButtonProps } from '../../actions';
 import { FieldTypes } from '../../forms';
@@ -26,4 +25,4 @@ export interface CubeDialogFormRef {
 /**
  * DialogForms are a specific type of Dialog. They contain forms to fill.
  */
-export declare function DialogForm<T extends FieldTypes = FieldTypes>(props: CubeDialogFormProps<T>): JSX.Element;
+export declare function DialogForm<T extends FieldTypes = FieldTypes>(props: CubeDialogFormProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -30,7 +30,7 @@ export interface CubeDialogTriggerProps extends OverlayTriggerProps, PositionPro
     shouldCloseOnInteractOutside?: (element: Element) => boolean;
     onDismiss?: (action?: string) => void;
 }
-declare function DialogTrigger(props: CubeDialogTriggerProps): JSX.Element;
+declare function DialogTrigger(props: CubeDialogTriggerProps): import("react/jsx-runtime").JSX.Element;
 /**
  * DialogTrigger serves as a wrapper around a Dialog and its associated trigger, linking the Dialog's
  * open state with the trigger's press state. Additionally, it allows you to customize the type and

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

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

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

@@ -4,9 +4,9 @@ export interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {
     isOpen?: boolean;
     transitionState?: TransitionState;
 }
-declare let _Underlay: import("react").ForwardRefExoticComponent<Pick<{
+declare let _Underlay: import("react").ForwardRefExoticComponent<Omit<{
     [x: string]: any;
     isOpen: any;
     transitionState: any;
-}, string | number> & import("react").RefAttributes<unknown>>;
+}, "ref"> & import("react").RefAttributes<unknown>>;
 export { _Underlay as Underlay };

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeNotifyApiProps } from './types';
 export type NotificationProps = {
     /**
@@ -13,7 +12,7 @@ export type NotificationProps = {
  */
 export declare function Notification(props: NotificationProps): null;
 export declare namespace Notification {
-    var Success: (props: NotificationProps) => JSX.Element;
-    var Danger: (props: NotificationProps) => JSX.Element;
-    var Attention: (props: NotificationProps) => JSX.Element;
+    var Success: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+    var Danger: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
+    var Attention: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
 }

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

@@ -6,6 +6,4 @@ export type NotificationDescriptionProps = {
 /**
  * @internal This component is unstable and must not be used outside of `NotificationView`.
  */
-export declare const NotificationDescription: import("react").NamedExoticComponent<{
-    description: NotificationProps['description'];
-} & HTMLAttributes<HTMLElement>>;
+export declare const NotificationDescription: import("react").NamedExoticComponent<NotificationDescriptionProps>;

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

@@ -6,6 +6,4 @@ export type NotificationHeaderProps = {
 /**
  * @internal This component is unstable and must not be used outside of `NotificationView`.
  */
-export declare const NotificationHeader: import("react").NamedExoticComponent<{
-    header: NotificationProps['header'];
-} & HTMLAttributes<HTMLElement>>;
+export declare const NotificationHeader: import("react").NamedExoticComponent<NotificationHeaderProps>;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { NotificationListItemProps } from './types';
 /**
  * @internal This component is not intended to be used
  */
-export declare function NotificationListItem(props: NotificationListItemProps): JSX.Element;
+export declare function NotificationListItem(props: NotificationListItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { CubeCardProps } from '../../content/Card/Card';
 export interface CubeNotificationProps extends CubeCardProps {
     type?: 'success' | 'note' | 'danger';
     onClose?: () => void;
 }
-export declare function Notification(allProps: CubeNotificationProps): JSX.Element;
+export declare function Notification(allProps: CubeNotificationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -7,4 +7,4 @@ export interface CubeOverlayWrapperProps {
     minScale?: string;
     container?: HTMLElement | null;
 }
-export declare function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container, }: CubeOverlayWrapperProps): JSX.Element;
+export declare function OverlayWrapper({ isOpen, placement, minOffset, minScale, children, container, }: CubeOverlayWrapperProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CubeToastsApiProps } from './types';
 export type ToastProps = {
     /**
@@ -10,7 +9,7 @@ export type ToastProps = {
 } & CubeToastsApiProps;
 export declare function Toast(props: ToastProps): null;
 export declare namespace Toast {
-    var Success: (props: ToastProps) => JSX.Element;
-    var Danger: (props: ToastProps) => JSX.Element;
-    var Attention: (props: ToastProps) => JSX.Element;
+    var Success: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
+    var Danger: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
+    var Attention: (props: ToastProps) => import("react/jsx-runtime").JSX.Element;
 }

package/types/components/overlays/Tooltip/TooltipProvider.d.ts

@@ -8,6 +8,6 @@ export interface CubeTooltipProviderProps extends Omit<CubeTooltipTriggerProps,
     tooltipStyles?: Styles;
     width?: CubeTooltipProps['width'];
 }
-declare function TooltipProvider(props: CubeTooltipProviderProps): JSX.Element;
+declare function TooltipProvider(props: CubeTooltipProviderProps): import("react/jsx-runtime").JSX.Element;
 declare let _TooltipProvider: typeof TooltipProvider;
 export { _TooltipProvider as TooltipProvider };

package/types/components/overlays/Tooltip/TooltipTrigger.d.ts

@@ -10,7 +10,7 @@ export interface CubeTooltipTriggerProps extends TooltipTriggerProps {
      * Otherwise, tooltip won't work. */
     activeWrap?: boolean;
 }
-declare function TooltipTrigger(props: CubeTooltipTriggerProps): JSX.Element;
+declare function TooltipTrigger(props: CubeTooltipTriggerProps): import("react/jsx-runtime").JSX.Element;
 /**
  * TooltipTrigger wraps around a trigger element and a Tooltip. It handles opening and closing
  * the Tooltip when the user hovers over or focuses the trigger, and positioning the Tooltip

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

@@ -26,7 +26,7 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
     suffixPosition?: 'before' | 'after';
 }
 export declare const ComboBox: (<T>(props: CubeComboBoxProps<T> & {
-    ref?: ForwardedRef<HTMLDivElement> | undefined;
+    ref?: ForwardedRef<HTMLDivElement>;
 }) => JSX.Element) & {
     Item: any;
 };

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

@@ -19,7 +19,7 @@ type ItemComponent = <T>(props: ItemProps<T> & PartialMenuButton & {
 }) => JSX.Element;
 declare const Item: ItemComponent;
 declare const __Menu: (<T>(props: CubeMenuProps<T> & {
-    ref?: DOMRef<HTMLUListElement> | undefined;
+    ref?: DOMRef<HTMLUListElement>;
 }) => ReactElement) & {
     Item: typeof Item;
     Section: any;

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

@@ -7,4 +7,4 @@ export type MenuButtonProps = {
     isSelectable?: boolean;
     disabled?: boolean;
 } & CubeButtonProps;
-export declare function MenuButton({ children, icon, postfix, ...props }: MenuButtonProps): JSX.Element;
+export declare function MenuButton({ children, icon, postfix, ...props }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
-import { Key } from 'react';
-import { Node } from '@react-types/shared';
+import { Node, Key } from '@react-types/shared';
 import { TreeState } from 'react-stately';
 import { Styles } from '../../../tasty';
 import { MenuSelectionType } from './MenuButton';
@@ -13,4 +12,4 @@ export interface MenuItemProps<T> {
     onAction?: (key: Key) => void;
 }
 /** @private */
-export declare function MenuItem<T>(props: MenuItemProps<T>): JSX.Element;
+export declare function MenuItem<T>(props: MenuItemProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Styles } from '../../../tasty';
 import { MenuItemProps } from './MenuItem';
 export interface CubeMenuSectionProps<T> extends MenuItemProps<T> {
@@ -6,4 +5,4 @@ export interface CubeMenuSectionProps<T> extends MenuItemProps<T> {
     headingStyles?: Styles;
 }
 /** @private */
-export declare function MenuSection<T>(props: CubeMenuSectionProps<T>): JSX.Element;
+export declare function MenuSection<T>(props: CubeMenuSectionProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,6 @@
 import { FocusStrategy } from '@react-types/shared';
 import React, { HTMLAttributes, MutableRefObject } from 'react';
-export interface MenuContextValue extends HTMLAttributes<HTMLElement> {
+export interface MenuContextValue extends Omit<HTMLAttributes<HTMLElement>, 'autoFocus'> {
     onClose?: () => void;
     closeOnSelect?: boolean;
     shouldFocusWrap?: boolean;