@jobber/components-native 0.91.0 → 0.91.2

package/dist/types/src/ActionItem/ActionItem.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { IconColorNames, IconNames } from "@jobber/design";
 export interface ActionItemProps {
     /**
@@ -35,7 +36,7 @@ export interface ActionItemProps {
     readonly onPress?: () => void;
     readonly testID?: string;
 }
-export declare function ActionItem({ title, icon, iconColor, children, actionIcon, actionIconColour, actionIconAlignment, onPress, testID, }: ActionItemProps): JSX.Element;
+export declare function ActionItem({ title, icon, iconColor, children, actionIcon, actionIconColour, actionIconAlignment, onPress, testID, }: ActionItemProps): React.JSX.Element;
 type ActionIconColour = "interactive" | "destructive" | "informative" | "subtle";
 type ActionIconNames = IconNames | "editpencil";
 export {};

package/dist/types/src/ActionItem/ActionItemGroup.d.ts

@@ -1,4 +1,5 @@
 import type { ReactElement } from "react";
+import React from "react";
 import type { ActionItem, ActionItemProps } from "./ActionItem";
 export type ActionItemElement = ReactElement<ActionItemProps, typeof ActionItem> | boolean | null | undefined;
 interface ActionItemGroupProps {
@@ -7,5 +8,5 @@ interface ActionItemGroupProps {
      */
     readonly children: ActionItemElement | ActionItemElement[];
 }
-export declare function ActionItemGroup({ children, }: ActionItemGroupProps): JSX.Element;
+export declare function ActionItemGroup({ children }: ActionItemGroupProps): React.JSX.Element;
 export {};

package/dist/types/src/ActionItem/components/ActionItemContainer.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface ActionItemContainerProps {
     readonly children: ReactNode;
     readonly title?: string;
     readonly onPress?: () => void;
     readonly testID?: string;
 }
-export declare function ActionItemContainer({ onPress, title, children, testID, }: ActionItemContainerProps): JSX.Element;
+export declare function ActionItemContainer({ onPress, title, children, testID, }: ActionItemContainerProps): React.JSX.Element;
 export {};

package/dist/types/src/ActionLabel/ActionLabel.d.ts

@@ -24,5 +24,5 @@ interface ActionLabelProps {
      */
     readonly align?: TextAlign;
 }
-export declare function ActionLabel({ children, variation, type, disabled, align, }: ActionLabelProps): JSX.Element;
+export declare function ActionLabel({ children, variation, type, disabled, align, }: ActionLabelProps): React.JSX.Element;
 export {};

package/dist/types/src/ActivityIndicator/ActivityIndicator.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ActivityIndicatorProps } from "react-native";
-export declare function JobberActivityIndicator(props: ActivityIndicatorProps): JSX.Element;
+export declare function JobberActivityIndicator(props: ActivityIndicatorProps): React.JSX.Element;

package/dist/types/src/AutoLink/AutoLink.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { AutoLinkProps } from "./types";
-export declare function AutoLink({ children: text, bottomTabsVisible, selectable, ...rest }: AutoLinkProps): JSX.Element;
+export declare function AutoLink({ children: text, bottomTabsVisible, selectable, ...rest }: AutoLinkProps): React.JSX.Element;

package/dist/types/src/AutoLink/components/ComposeTextWithLinks/ComposeTextWithLinks.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { ComposeTextWithLinksProps } from "../../types";
-export declare function ComposeTextWithLinks({ part, index, match, bottomTabsVisible, selectable, }: ComposeTextWithLinksProps): JSX.Element;
+export declare function ComposeTextWithLinks({ part, index, match, bottomTabsVisible, selectable, }: ComposeTextWithLinksProps): React.JSX.Element;

package/dist/types/src/AutoLink/components/Link/Link.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 interface LinkProps {
     readonly children: string;
     readonly onPress: () => void;
     readonly onLongPress?: () => void;
 }
-export declare function Link({ children, onPress, onLongPress, }: LinkProps): JSX.Element;
+export declare function Link({ children, onPress, onLongPress }: LinkProps): React.JSX.Element;
 export {};

package/dist/types/src/Banner/Banner.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { BannerProps } from "./types";
-export declare function Banner({ action, details, text, type, children, icon, }: BannerProps): JSX.Element;
+export declare function Banner({ action, details, text, type, children, icon, }: BannerProps): React.JSX.Element;

package/dist/types/src/Banner/components/BannerIcon/BannerIcon.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import type { IconNames } from "@jobber/design";
 import type { BannerTypes } from "../../types";
 export interface BannerIconProps {
     readonly icon: IconNames;
     readonly type: BannerTypes;
 }
-export declare function BannerIcon({ icon, type }: BannerIconProps): JSX.Element;
+export declare function BannerIcon({ icon, type }: BannerIconProps): React.JSX.Element;

package/dist/types/src/BottomSheet/components/BottomSheetOption/BottomSheetOption.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { IconColorNames, IconNames } from "@jobber/design";
 import type { TextAlign } from "../../../Typography";
 export interface BottomSheetOptionProps {
@@ -9,4 +10,4 @@ export interface BottomSheetOptionProps {
     readonly textTransform?: "none" | "capitalize";
     readonly onPress: () => void;
 }
-export declare function BottomSheetOption({ text, icon, iconColor, textAlign, destructive, textTransform, onPress, }: BottomSheetOptionProps): JSX.Element;
+export declare function BottomSheetOption({ text, icon, iconColor, textAlign, destructive, textTransform, onPress, }: BottomSheetOptionProps): React.JSX.Element;

package/dist/types/src/Button/Button.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 import type { IconNames } from "@jobber/design";
 import type { XOR } from "ts-xor";
@@ -83,5 +84,5 @@ interface IconButton extends CommonButtonProps {
     readonly accessibilityLabel: string;
 }
 export type ButtonProps = XOR<LabelButton, IconButton>;
-export declare function Button({ label, onPress, variation, type, fullHeight, fullWidth, disabled, loading, size, accessibilityLabel, accessibilityHint, icon, testID, UNSAFE_style, }: ButtonProps): JSX.Element;
+export declare function Button({ label, onPress, variation, type, fullHeight, fullWidth, disabled, loading, size, accessibilityLabel, accessibilityHint, icon, testID, UNSAFE_style, }: ButtonProps): React.JSX.Element;
 export {};

package/dist/types/src/Button/components/InternalButtonLoading/InternalButtonLoading.d.ts

@@ -4,7 +4,7 @@ interface InternalButtonLoadingProps {
     readonly variation: ButtonVariation;
     readonly type: ButtonType;
 }
-declare function InternalButtonLoadingInternal({ variation, type, }: InternalButtonLoadingProps): JSX.Element;
+declare function InternalButtonLoadingInternal({ variation, type, }: InternalButtonLoadingProps): React.JSX.Element;
 export declare const darkPattern = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAMUExURQAAAEdwTAAAAAAAAKDh18UAAAAEdFJOUxkADQwimkzpAAAAtUlEQVRIx+3NqxHDQBRDUc0YuxyXokxgSkmT7sdgP++3YoYrqAsOYDto+7gfpwtfHy4Xfj7cLvw3sYlNbOINAoI4IIgTgrggiBuCIAThQyB8CIQLkXAhEi5EwoVIWEiEhURYSISFRMyQiRkyMUMmZsjECIUYoRAjFGKEQvRQiR4q0UMleqhECwuihQXRwoJoYUEQgiAEQQiCEAQhCEIQhCAIQRCCIARBCIIQBCEIQhCEIAhB8AEuzZ5wHe17xgAAAABJRU5ErkJggg==";
 export declare const lightPattern = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgAgMAAACf9p+rAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJcEhZcwAAITgAACE4AUWWMWAAAAAJUExURf///0dwTP///0SistEAAAADdFJOU0AAILGCadYAAAC0SURBVEjH7c2pFcNAFENRHTMX4pKUE5hS0oT7NZjlbyNmOIJ64AK2g7aP+3G68PXhcuHnw+3CfxOb2MQm3iAgiAOCOCGIC4K4IQhCED4EwodAuBAJFyLhQiRciISFRFhIhIVEWEjEDJmYIRMzZGKGTIxQiBEKMUIhRihED5XooRI9VKKHSrSwIFpYEC0siBYWBCEIQhCEIAhBEIIgBEEIghAEIQhCEIQgCEEQgiAEQQiCEAQfva6WeBniVLgAAAAASUVORK5CYII=";
 export declare const InternalButtonLoading: React.MemoExoticComponent<typeof InternalButtonLoadingInternal>;

package/dist/types/src/ButtonGroup/ButtonGroup.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { ButtonGroupActionElement } from "./types";
 export interface ButtonGroupProps {
     readonly children: ButtonGroupActionElement | ButtonGroupActionElement[];
@@ -22,7 +23,7 @@ export interface ButtonGroupProps {
      */
     readonly allowTapWhenOffline?: boolean;
 }
-export declare function ButtonGroup({ children, showCancelInBottomSheet, bottomSheetHeading, onOpenBottomSheet, onCloseBottomSheet, allowTapWhenOffline, }: ButtonGroupProps): JSX.Element;
+export declare function ButtonGroup({ children, showCancelInBottomSheet, bottomSheetHeading, onOpenBottomSheet, onCloseBottomSheet, allowTapWhenOffline, }: ButtonGroupProps): React.JSX.Element;
 export declare namespace ButtonGroup {
     var PrimaryAction: typeof import("./ButtonGroupAction").PrimaryAction;
     var SecondaryAction: typeof import("./ButtonGroupAction").SecondaryAction;

package/dist/types/src/ButtonGroup/ButtonGroupAction.d.ts

@@ -1,4 +1,5 @@
 import type { IconColorNames, IconNames } from "@jobber/design";
+import React, { type ReactElement } from "react";
 import type { ButtonType, ButtonVariation } from "../Button";
 export interface ButtonGroupActionProps {
     /**
@@ -39,8 +40,8 @@ export interface ButtonGroupPrimaryActionProps extends ButtonGroupActionProps {
     /**
      * Optional custom button that can be rendered in place of the primary action button
      */
-    customButton?: JSX.Element;
+    customButton?: ReactElement;
     loading?: boolean;
 }
-export declare function PrimaryAction(_: ButtonGroupPrimaryActionProps): JSX.Element;
-export declare function SecondaryAction(_: ButtonGroupSecondaryActionProps): JSX.Element;
+export declare function PrimaryAction(_: ButtonGroupPrimaryActionProps): React.JSX.Element;
+export declare function SecondaryAction(_: ButtonGroupSecondaryActionProps): React.JSX.Element;

package/dist/types/src/ButtonGroup/components/SecondaryActionSheet/SecondaryActionSheet.d.ts

@@ -1,4 +1,5 @@
 import type { RefObject } from "react";
+import React from "react";
 import type { ButtonGroupSecondaryActionProps } from "../../types";
 import type { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 interface SecondaryActionSheetProps {
@@ -9,5 +10,5 @@ interface SecondaryActionSheetProps {
     readonly onOpenBottomSheet?: () => void;
     readonly onCloseBottomSheet?: () => void;
 }
-export declare function SecondaryActionSheet({ actions, secondaryActionsRef, heading, showCancel, onOpenBottomSheet, onCloseBottomSheet, }: SecondaryActionSheetProps): JSX.Element;
+export declare function SecondaryActionSheet({ actions, secondaryActionsRef, heading, showCancel, onOpenBottomSheet, onCloseBottomSheet, }: SecondaryActionSheetProps): React.JSX.Element;
 export {};

package/dist/types/src/Card/Card.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { IconNames } from "@jobber/design";
 import type { XOR } from "ts-xor";
 interface CardProps {
@@ -36,5 +37,5 @@ interface ButtonAction {
     readonly label: string;
 }
 export type CardAction = XOR<IconAction, ButtonAction>;
-export declare function Card({ header, footer, children, reportCardHeight: onCardHeightChange, testID, error, elevation, }: CardProps): JSX.Element;
+export declare function Card({ header, footer, children, reportCardHeight: onCardHeightChange, testID, error, elevation, }: CardProps): React.JSX.Element;
 export {};

package/dist/types/src/Card/components/InternalCardHeader.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface InternalCardHeaderProps {
     readonly children: ReactNode[] | ReactNode;
     readonly onPress?: () => void;
     readonly testID?: string;
     readonly collapsable: boolean;
 }
-export declare function InternalCardHeader({ onPress, children, testID, collapsable, }: InternalCardHeaderProps): JSX.Element;
+export declare function InternalCardHeader({ onPress, children, testID, collapsable, }: InternalCardHeaderProps): React.JSX.Element;
 export {};

package/dist/types/src/Checkbox/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { XOR } from "ts-xor";
 interface CommonCheckboxProps {
     /**
@@ -54,5 +55,5 @@ interface UncontrolledCheckboxProps extends CommonCheckboxProps {
     readonly name: string;
 }
 export type CheckboxProps = XOR<ControlledCheckboxProps, UncontrolledCheckboxProps>;
-export declare function Checkbox(props: CheckboxProps): JSX.Element;
+export declare function Checkbox(props: CheckboxProps): React.JSX.Element;
 export {};

package/dist/types/src/Checkbox/CheckboxGroup.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { XOR } from "ts-xor";
 import type { CheckboxProps } from "./Checkbox";
 import type { CheckboxElement, CheckboxGroupState } from "./types";
@@ -17,5 +18,5 @@ interface UncontrolledCheckboxGroupProps extends CommonCheckboxGroupProps {
     name: string;
 }
 export type CheckboxGroupProps = XOR<UncontrolledCheckboxGroupProps, ControlledCheckboxGroupProps>;
-export declare function CheckboxGroup({ children, state, onChange, name, ...rest }: CheckboxGroupProps): JSX.Element;
+export declare function CheckboxGroup({ children, state, onChange, name, ...rest }: CheckboxGroupProps): React.JSX.Element;
 export {};

package/dist/types/src/Chip/Chip.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { AccessibilityRole } from "react-native";
 import type { IconNames } from "@jobber/design";
 export type AccentType = "client" | "invoice" | "job" | "request" | "quote";
@@ -41,4 +42,4 @@ export interface ChipProps {
      */
     readonly accent?: AccentType;
 }
-export declare function Chip({ icon, label, onPress, isDismissible, isActive, inactiveBackgroundColor, accessibilityLabel, accessibilityRole, accent, }: ChipProps): JSX.Element;
+export declare function Chip({ icon, label, onPress, isDismissible, isActive, inactiveBackgroundColor, accessibilityLabel, accessibilityRole, accent, }: ChipProps): React.JSX.Element;

package/dist/types/src/Content/Content.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 import type { StyleProp, ViewStyle } from "react-native";
 export type Spacing = "none" | "base" | "small" | "smaller" | "smallest" | "large";
 export interface ContentUnsafeStyle {
@@ -26,4 +27,4 @@ export interface ContentProps {
      */
     readonly UNSAFE_style?: ContentUnsafeStyle;
 }
-export declare function Content({ children, spacing, childSpacing, direction, UNSAFE_style, }: ContentProps): JSX.Element;
+export declare function Content({ children, spacing, childSpacing, direction, UNSAFE_style, }: ContentProps): React.JSX.Element;

package/dist/types/src/Disclosure/Disclosure.d.ts

@@ -31,5 +31,5 @@ interface DisclosureProps {
      */
     onToggle(): void;
 }
-export declare function Disclosure({ content, header, open, onToggle, isEmpty, animationDuration, }: DisclosureProps): JSX.Element;
+export declare function Disclosure({ content, header, open, onToggle, isEmpty, animationDuration, }: DisclosureProps): React.JSX.Element;
 export {};

package/dist/types/src/Divider/Divider.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface DividerProps {
     /**
      * The weight of the divider.
@@ -16,5 +17,5 @@ interface DividerProps {
      */
     readonly testID?: string;
 }
-export declare function Divider({ size, direction, testID, }: DividerProps): JSX.Element;
+export declare function Divider({ size, direction, testID, }: DividerProps): React.JSX.Element;
 export {};

package/dist/types/src/EmptyState/EmptyState.d.ts

@@ -1,4 +1,5 @@
 import type { IconColorNames, IconNames } from "@jobber/design";
+import React from "react";
 interface Action {
     label: string;
     onPress: () => void;
@@ -30,5 +31,5 @@ export interface EmptyStateProps {
      */
     readonly secondaryAction?: Action;
 }
-export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, iconColor, }: EmptyStateProps): JSX.Element;
+export declare function EmptyState({ icon, title, description, primaryAction, secondaryAction, iconColor, }: EmptyStateProps): React.JSX.Element;
 export {};

package/dist/types/src/ErrorMessageWrapper/ErrorMessageWrapper.d.ts

@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import React from "react";
 type WrapForTypes = "card" | "default";
 interface ErrorMessageWrapperProps {
     /**
@@ -17,5 +18,5 @@ interface ErrorMessageWrapperProps {
  *
  * This component is internal to Atlantis and shouldn't be used outside of it.
  */
-export declare function ErrorMessageWrapper({ message, wrapFor, children, }: ErrorMessageWrapperProps): JSX.Element;
+export declare function ErrorMessageWrapper({ message, wrapFor, children, }: ErrorMessageWrapperProps): React.JSX.Element;
 export {};

package/dist/types/src/ErrorMessageWrapper/context/ErrorMessageProvider.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from "react";
+import React from "react";
 interface ErrorMessageProviderProps {
     readonly children: ReactNode;
 }
-export declare function ErrorMessageProvider({ children, }: ErrorMessageProviderProps): JSX.Element;
+export declare function ErrorMessageProvider({ children }: ErrorMessageProviderProps): React.JSX.Element;
 export {};

package/dist/types/src/Flex/Flex.d.ts

@@ -1,3 +1,4 @@
 import type { PropsWithChildren } from "react";
+import React from "react";
 import type { FlexProps } from "./types";
-export declare function Flex({ template, align, gap, children, }: PropsWithChildren<FlexProps>): JSX.Element;
+export declare function Flex({ template, align, gap, children, }: PropsWithChildren<FlexProps>): React.JSX.Element;

package/dist/types/src/Form/Form.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { FieldValues } from "react-hook-form";
 import type { FormProps } from "./types";
-export declare function Form<T extends FieldValues, S>({ initialLoading, ...rest }: FormProps<T, S>): JSX.Element;
+export declare function Form<T extends FieldValues, S>({ initialLoading, ...rest }: FormProps<T, S>): React.JSX.Element;

package/dist/types/src/Form/components/FormActionBar/FormActionBar.d.ts

@@ -1,3 +1,4 @@
+import React, { type ReactElement } from "react";
 import type { SecondaryActionProp } from "../../types";
 export interface FormActionBarProps {
     readonly keyboardHeight: number;
@@ -5,8 +6,8 @@ export interface FormActionBarProps {
     readonly saveButtonLabel?: string;
     readonly submit: () => Promise<void> | void;
     readonly setSaveButtonHeight?: (height: number) => void;
-    readonly renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => JSX.Element;
+    readonly renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => ReactElement;
     readonly secondaryActions?: SecondaryActionProp[];
     readonly setSecondaryActionLoading?: (bool: boolean) => void;
 }
-export declare function FormActionBar({ keyboardHeight, submit, isFormSubmitting, saveButtonLabel, renderStickySection, setSaveButtonHeight, secondaryActions, setSecondaryActionLoading, }: FormActionBarProps): JSX.Element;
+export declare function FormActionBar({ keyboardHeight, submit, isFormSubmitting, saveButtonLabel, renderStickySection, setSaveButtonHeight, secondaryActions, setSecondaryActionLoading, }: FormActionBarProps): React.JSX.Element;

package/dist/types/src/Form/components/FormBody/FormBody.d.ts

@@ -1,9 +1,10 @@
+import React, { type ReactElement } from "react";
 import type { FormActionBarProps } from "../FormActionBar";
 interface FormBodyProps extends FormActionBarProps {
-    readonly children: JSX.Element;
+    readonly children: ReactElement;
     readonly shouldRenderActionBar?: boolean;
     readonly saveButtonOffset?: number;
 }
-export declare function FormBody({ isFormSubmitting, submit, keyboardHeight, children, saveButtonLabel, renderStickySection, shouldRenderActionBar, secondaryActions, setSecondaryActionLoading, setSaveButtonHeight, saveButtonOffset, }: FormBodyProps): JSX.Element;
+export declare function FormBody({ isFormSubmitting, submit, keyboardHeight, children, saveButtonLabel, renderStickySection, shouldRenderActionBar, secondaryActions, setSecondaryActionLoading, setSaveButtonHeight, saveButtonOffset, }: FormBodyProps): React.JSX.Element;
 export declare function useBottomPadding(): number;
 export {};

package/dist/types/src/Form/components/FormCache/FormCache.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { DeepPartial, FieldValues } from "react-hook-form";
 interface FormCacheProps<T extends FieldValues> {
     readonly localCacheId?: string | string[];
@@ -5,5 +6,5 @@ interface FormCacheProps<T extends FieldValues> {
     readonly localCacheExclude?: string[];
     readonly setLocalCache: (data: DeepPartial<T>) => void;
 }
-export declare function FormCache<T extends FieldValues>({ localCacheExclude, localCacheKey, setLocalCache, }: FormCacheProps<T>): JSX.Element;
+export declare function FormCache<T extends FieldValues>({ localCacheExclude, localCacheKey, setLocalCache, }: FormCacheProps<T>): React.JSX.Element;
 export {};

package/dist/types/src/Form/components/FormErrorBanner/FormErrorBanner.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { FormBannerErrors } from "../../types";
-export declare function FormErrorBanner({ networkError, bannerError, }: FormBannerErrors): JSX.Element;
+export declare function FormErrorBanner({ networkError, bannerError, }: FormBannerErrors): React.JSX.Element;

package/dist/types/src/Form/components/FormMask/FormMask.d.ts

@@ -1 +1,2 @@
-export declare function FormMask(): JSX.Element;
+import React from "react";
+export declare function FormMask(): React.JSX.Element;

package/dist/types/src/Form/components/FormMessage/FormMessage.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { EmptyStateProps } from "../../../EmptyState";
 type FormMessageData = EmptyStateProps;
 /**
@@ -11,7 +12,7 @@ type FormMessageData = EmptyStateProps;
  * recent message.
  */
 export declare const FormMessage: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     show(messageData: FormMessageData): void;
     close(): void;
 };

package/dist/types/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 import type { EmptyStateProps } from "../../../../../EmptyState";
 interface FormMessageProps {
     readonly data: EmptyStateProps;
     readonly onRequestClose: () => void;
 }
-export declare function InternalFormMessage({ data, onRequestClose, }: FormMessageProps): JSX.Element;
+export declare function InternalFormMessage({ data, onRequestClose, }: FormMessageProps): React.JSX.Element;
 export {};

package/dist/types/src/Form/components/FormMessageBanner/FormMessageBanner.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 import type { FormBannerMessage } from "../../types";
 interface FormMessageBannerProps {
     readonly bannerMessages?: FormBannerMessage[];
 }
-export declare function FormMessageBanner({ bannerMessages, }: FormMessageBannerProps): JSX.Element;
+export declare function FormMessageBanner({ bannerMessages }: FormMessageBannerProps): React.JSX.Element;
 export {};

package/dist/types/src/Form/components/FormSaveButton/FormSaveButton.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import type { FormSaveButtonProps } from "../../types";
-export declare function FormSaveButton({ primaryAction, loading, label, secondaryActions, setSecondaryActionLoading, onOpenBottomSheet, onCloseBottomSheet, }: FormSaveButtonProps): JSX.Element;
+export declare function FormSaveButton({ primaryAction, loading, label, secondaryActions, setSecondaryActionLoading, onOpenBottomSheet, onCloseBottomSheet, }: FormSaveButtonProps): React.JSX.Element;

package/dist/types/src/Form/types.d.ts

@@ -1,4 +1,4 @@
-import type { MutableRefObject, RefObject } from "react";
+import type { MutableRefObject, ReactElement, RefObject } from "react";
 import type { ControllerProps, DefaultValues, FieldPath, FieldValues, Mode, UseFormReturn } from "react-hook-form";
 import type { IconNames } from "@jobber/design";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
@@ -106,7 +106,7 @@ export interface FormProps<T extends FieldValues, SubmitResponseType> {
      * @deprecated use `secondaryAction` instead.
      * Override default save button in the sticky section of the form with another element.
      */
-    renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => JSX.Element;
+    renderStickySection?: (onSubmit: () => void, label: string | undefined, isSubmitting: boolean) => ReactElement;
     /**
      * Adding a key will save a local copy of the form data that will be used to
      * recover values when the app is backgrounded or has crashed.

package/dist/types/src/FormField/FormField.d.ts

@@ -20,5 +20,5 @@ interface FormFieldProps<T> {
      */
     readonly validations?: RegisterOptions;
 }
-export declare function FormField<T>({ name, children, defaultValue: value, validations, }: FormFieldProps<T>): JSX.Element;
+export declare function FormField<T>({ name, children, defaultValue: value, validations, }: FormFieldProps<T>): React.JSX.Element;
 export {};

package/dist/types/src/FormatFile/FormatFile.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { BottomSheetOptionsSuffix } from "./components/FormatFileBottomSheet";
 import type { CreateThumbnail, File, FileUpload, FormattedFile } from "./types";
 export interface FormatFileProps<T> {
@@ -43,4 +44,4 @@ export interface FormatFileProps<T> {
     readonly showFileTypeIndicator?: boolean;
     readonly createThumbnail?: CreateThumbnail;
 }
-export declare function FormatFile<T extends File | FileUpload>({ file, accessibilityLabel, accessibilityHint, onTap, onRemove, bottomSheetOptionsSuffix, styleInGrid, testID, showFileTypeIndicator, createThumbnail, onPreviewPress, }: FormatFileProps<T>): JSX.Element;
+export declare function FormatFile<T extends File | FileUpload>({ file, accessibilityLabel, accessibilityHint, onTap, onRemove, bottomSheetOptionsSuffix, styleInGrid, testID, showFileTypeIndicator, createThumbnail, onPreviewPress, }: FormatFileProps<T>): React.JSX.Element;

package/dist/types/src/FormatFile/components/ErrorIcon/ErrorIcon.d.ts

@@ -1 +1,2 @@
-export declare function ErrorIcon(): JSX.Element;
+import React from "react";
+export declare function ErrorIcon(): React.JSX.Element;

package/dist/types/src/FormatFile/components/FileView/FileView.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { FormattedFile } from "../../types";
 interface FileViewProps {
     readonly accessibilityLabel?: string;
@@ -7,5 +8,5 @@ interface FileViewProps {
     readonly styleInGrid: boolean;
     readonly onUploadComplete: () => void;
 }
-export declare function FileView({ accessibilityLabel, styleInGrid, file, showOverlay, showError, onUploadComplete, }: FileViewProps): JSX.Element;
+export declare function FileView({ accessibilityLabel, styleInGrid, file, showOverlay, showError, onUploadComplete, }: FileViewProps): React.JSX.Element;
 export {};

package/dist/types/src/FormatFile/components/FormatFileBottomSheet/FormatFileBottomSheet.d.ts

@@ -1,4 +1,5 @@
 import type { RefObject } from "react";
+import React from "react";
 import type { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 export type BottomSheetOptionsSuffix = "receipt" | "image" | "file" | "video";
 interface FormatFileBottomSheetProps {
@@ -7,5 +8,5 @@ interface FormatFileBottomSheetProps {
     readonly onRemovePress?: () => void;
     readonly bottomSheetOptionsSuffix?: BottomSheetOptionsSuffix;
 }
-export declare const FormatFileBottomSheet: ({ bottomSheetRef, onPreviewPress, onRemovePress, bottomSheetOptionsSuffix, }: FormatFileBottomSheetProps) => JSX.Element;
+export declare const FormatFileBottomSheet: ({ bottomSheetRef, onPreviewPress, onRemovePress, bottomSheetOptionsSuffix, }: FormatFileBottomSheetProps) => React.JSX.Element;
 export {};

package/dist/types/src/FormatFile/components/MediaView/MediaView.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { FormattedFile } from "../../types";
 interface MediaViewProps {
     readonly accessibilityLabel?: string;
@@ -7,5 +8,5 @@ interface MediaViewProps {
     readonly styleInGrid: boolean;
     readonly onUploadComplete: () => void;
 }
-export declare function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, }: MediaViewProps): JSX.Element;
+export declare function MediaView({ accessibilityLabel, showOverlay, showError, file, styleInGrid, onUploadComplete, }: MediaViewProps): React.JSX.Element;
 export {};

package/dist/types/src/FormatFile/components/ProgressBar/ProgressBar.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { StatusCode } from "../../types";
 interface ProgressBarProps {
     /**
@@ -13,5 +14,5 @@ interface ProgressBarProps {
      */
     readonly onComplete?: () => void;
 }
-export declare const ProgressBar: ({ progress, status, onComplete, }: ProgressBarProps) => JSX.Element;
+export declare const ProgressBar: ({ progress, status, onComplete, }: ProgressBarProps) => React.JSX.Element;
 export {};

package/dist/types/src/Heading/Heading.d.ts

@@ -34,5 +34,5 @@ interface HeadingProps<T extends HeadingLevel> extends Pick<TypographyProps<"bas
     readonly allowFontScaling?: boolean;
 }
 export declare const HEADING_MAX_SCALED_FONT_SIZE: Record<HeadingLevel, number>;
-export declare function Heading<T extends HeadingLevel = "heading">({ children, level, variation, reverseTheme, align, maxLines, allowFontScaling, selectable, }: HeadingProps<T>): JSX.Element;
+export declare function Heading<T extends HeadingLevel = "heading">({ children, level, variation, reverseTheme, align, maxLines, allowFontScaling, selectable, }: HeadingProps<T>): React.JSX.Element;
 export {};

package/dist/types/src/Icon/Icon.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { IconColorNames, IconNames, IconSizes } from "@jobber/design";
 export interface IconProps {
     /** The icon to show.  */
@@ -22,4 +23,4 @@ export interface IconProps {
      */
     readonly testID?: string;
 }
-export declare function Icon({ name, color, size, customColor, testID, }: IconProps): JSX.Element;
+export declare function Icon({ name, color, size, customColor, testID, }: IconProps): React.JSX.Element;

package/dist/types/src/IconButton/IconButton.d.ts

@@ -31,5 +31,5 @@ interface IconButtonProps {
      */
     readonly testID?: string;
 }
-export declare function IconButton({ badge, name, color, customColor, onPress, accessibilityLabel, testID, }: IconButtonProps): JSX.Element;
+export declare function IconButton({ badge, name, color, customColor, onPress, accessibilityLabel, testID, }: IconButtonProps): React.JSX.Element;
 export {};

package/dist/types/src/InputCurrency/InputCurrency.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { FormatNumberOptions } from "react-intl";
 import type { ControllerRenderProps, FieldValues } from "react-hook-form";
 import type { InputTextProps } from "../InputText";
@@ -28,4 +29,4 @@ export interface InputCurrencyProps extends Omit<InputTextProps, "keyboard" | "o
     readonly keyboard?: "decimal-pad" | "numbers-and-punctuation";
 }
 export declare const getInternalValue: (props: InputCurrencyProps, field: ControllerRenderProps<FieldValues, string>, formatNumber: (value: number, opts?: FormatNumberOptions | undefined) => string) => string;
-export declare function InputCurrency(props: InputCurrencyProps): JSX.Element;
+export declare function InputCurrency(props: InputCurrencyProps): React.JSX.Element;

package/dist/types/src/InputDate/InputDate.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import type { UseControllerProps } from "react-hook-form";
 import type { XOR } from "ts-xor";
 import type { Clearable } from "@jobber/hooks";
@@ -71,5 +72,5 @@ export type InputDateProps = XOR<FormControlledInputDate, DevControlledInputDate
 /**
  * Allow users to select a date using the device date picker.
  */
-export declare function InputDate(props: InputDateProps): JSX.Element;
+export declare function InputDate(props: InputDateProps): React.JSX.Element;
 export {};

package/dist/types/src/InputFieldWrapper/InputFieldWrapper.d.ts

@@ -85,4 +85,4 @@ export interface InputFieldWrapperProps {
 }
 export declare const INPUT_FIELD_WRAPPER_GLIMMERS_TEST_ID = "ATL-InputFieldWrapper-Glimmers";
 export declare const INPUT_FIELD_WRAPPER_SPINNER_TEST_ID = "ATL-InputFieldWrapper-Spinner";
-export declare function InputFieldWrapper({ invalid, disabled, placeholder, assistiveText, prefix, suffix, placeholderMode, hasValue, error, focused, children, onClear, showClearAction, styleOverride, toolbar, toolbarVisibility, loading, loadingType, }: InputFieldWrapperProps): JSX.Element;
+export declare function InputFieldWrapper({ invalid, disabled, placeholder, assistiveText, prefix, suffix, placeholderMode, hasValue, error, focused, children, onClear, showClearAction, styleOverride, toolbar, toolbarVisibility, loading, loadingType, }: InputFieldWrapperProps): React.JSX.Element;

package/dist/types/src/InputFieldWrapper/components/ClearAction/ClearAction.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface ClearActionProps {
     /**
      * Press handler
@@ -5,5 +6,5 @@ interface ClearActionProps {
     readonly onPress: () => void;
     readonly hasMarginRight?: boolean;
 }
-export declare function ClearAction({ onPress, hasMarginRight, }: ClearActionProps): JSX.Element;
+export declare function ClearAction({ onPress, hasMarginRight, }: ClearActionProps): React.JSX.Element;
 export {};