@jobber/components-native 0.84.4-JOB-124066-166e539.11 → 0.84.4-JOB-138679-b1552ab.68

package/dist/tsconfig.json

@@ -8,8 +8,11 @@
         "declarationDir": "./dist/types",
         "resolveJsonModule": true,
         "paths": {
+            "@jobber/hooks": [
+                "../hooks/src/index.ts"
+            ],
             "@jobber/hooks/*": [
-                "../../packages/hooks/src/*"
+                "../hooks/src/*"
             ]
         },
         "types": [
@@ -32,10 +35,5 @@
         "**/*.stories.tsx",
         "**/*.test.ts",
         "**/*.test.tsx",
-    ],
-    "references": [
-        {
-            "path": "../hooks"
-        }
     ]
 }

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

@@ -1,11 +1,12 @@
+import React from "react";
 import type { TextAlign, TextColor } from "../Typography";
 export type ActionLabelVariation = Extract<TextColor, "interactive" | "destructive" | "learning" | "subtle" | "onPrimary">;
 type ActionLabelType = "default" | "cardTitle";
 interface ActionLabelProps {
     /**
-     * Text to display
+     * Text to display. Supports nesting text elements.
      */
-    readonly children?: string;
+    readonly children?: React.ReactNode;
     /**
      * Set the display text to disabled color
      */
@@ -23,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/Banner/components/BannerIcon/BannerIcon.style.d.ts

@@ -12,4 +12,7 @@ export declare const useStyles: () => {
     notice: {
         backgroundColor: string;
     };
+    success: {
+        backgroundColor: string;
+    };
 };

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

@@ -1,7 +1,7 @@
 import type { IconNames } from "@jobber/design";
 import type { ReactElement } from "react";
 import type { StyleProp, ViewStyle } from "react-native";
-export type BannerTypes = "error" | "warning" | "notice";
+export type BannerTypes = "error" | "warning" | "notice" | "success";
 export interface BannerStyleProps {
     /**
      * Styles applied to the main view of the banner. Styles are grabbed from Banner.style.ts file

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

@@ -1,6 +1,6 @@
 import type { ReactNode } from "react";
 import React from "react";
-import { Modalize } from "react-native-modalize";
+import type { Modalize } from "react-native-modalize";
 export interface BottomSheetProps {
     readonly children: ReactNode;
     /**

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,13 +1,14 @@
 import type { RefObject } from "react";
+import React from "react";
 import type { ButtonGroupSecondaryActionProps } from "../../types";
 import type { BottomSheetRef } from "../../../BottomSheet/BottomSheet";
 interface SecondaryActionSheetProps {
     readonly actions: ButtonGroupSecondaryActionProps[];
-    readonly secondaryActionsRef: RefObject<BottomSheetRef>;
+    readonly secondaryActionsRef: RefObject<BottomSheetRef | null>;
     readonly showCancel?: boolean;
     readonly heading?: string;
     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/ContentOverlay/ContentOverlay.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { Modalize } from "react-native-modalize";
+import type { Modalize } from "react-native-modalize";
 import type { ContentOverlayProps } from "./types";
 export declare const ContentOverlay: React.ForwardRefExoticComponent<ContentOverlayProps & React.RefAttributes<{
     open?: Modalize["open"];

package/dist/types/src/ContentOverlay/UNSAFE_WrappedModalize.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import type { IHandles } from "react-native-modalize/lib/options";
+export declare const UNSAFE_WrappedModalize: React.ForwardRefExoticComponent<Omit<import("react-native-modalize/lib/options").IProps<any> & React.RefAttributes<any>, "ref"> & React.RefAttributes<IHandles | undefined>>;

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/ErrorMessageWrapper/context/types.d.ts

@@ -43,7 +43,7 @@ type ElementID = Element["id"];
 export interface ErrorMessageContextRegisterParams {
     readonly id: ElementID;
     readonly hasErrorMessage: Methods["hasErrorMessage"];
-    readonly ref: RefObject<View>;
+    readonly ref: RefObject<View | null>;
 }
 export interface ErrorMessageContextProps {
     /**

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,9 +1,10 @@
-import type { FieldValues } from "react-hook-form";
+import React from "react";
+import type { DeepPartial, FieldValues } from "react-hook-form";
 interface FormCacheProps<T extends FieldValues> {
     readonly localCacheId?: string | string[];
     readonly localCacheKey?: string;
     readonly localCacheExclude?: string[];
-    readonly setLocalCache: (data: T) => void;
+    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/context/AtlantisFormContext.d.ts

@@ -1,10 +1,11 @@
 import type { AtlantisFormContextProps } from "./types";
 export declare const atlantisFormContextDefaultValues: {
-    useConfirmBeforeBack: () => import("react").MutableRefObject<() => undefined>;
+    useConfirmBeforeBack: () => import("react").RefObject<() => undefined>;
     useInternalFormLocalCache: () => {
         setLocalCache: () => undefined;
         removeLocalCache: () => undefined;
     };
+    edgeToEdgeEnabled: boolean;
 };
 export declare const AtlantisFormContext: import("react").Context<AtlantisFormContextProps>;
 export declare function useAtlantisFormContext(): AtlantisFormContextProps;

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

@@ -1,5 +1,5 @@
 import type { MutableRefObject } from "react";
-import type { FieldValues, UseFormReturn } from "react-hook-form";
+import type { DeepPartial, FieldValues, UseFormReturn } from "react-hook-form";
 export interface UseConfirmBeforeBackProps {
     alwaysPreventBack: boolean;
     onAcceptEvent?: () => void;
@@ -18,8 +18,9 @@ interface LocalCacheOptions {
 export interface AtlantisFormContextProps {
     useConfirmBeforeBack: (props: UseConfirmBeforeBackProps) => MutableRefObject<() => void>;
     useInternalFormLocalCache: <TData extends FieldValues>(formMethods: UseFormReturn<TData>, cacheKey?: string, options?: LocalCacheOptions) => {
-        setLocalCache: (data: TData) => void;
+        setLocalCache: (data: DeepPartial<TData>) => void;
         removeLocalCache: () => void;
     };
+    edgeToEdgeEnabled?: boolean;
 }
 export {};

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

@@ -2,8 +2,8 @@ import type { RefObject } from "react";
 import type { View } from "react-native";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 interface UseFormViewRefsReturn {
-    readonly scrollViewRef: RefObject<KeyboardAwareScrollView>;
-    readonly bottomViewRef: RefObject<View>;
+    readonly scrollViewRef: RefObject<KeyboardAwareScrollView | null>;
+    readonly bottomViewRef: RefObject<View | null>;
     readonly scrollToTop: () => void;
 }
 export declare function useFormViewRefs(): UseFormViewRefsReturn;

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

@@ -1,9 +1,9 @@
-import type { FieldValues, UseFormHandleSubmit, UseFormReturn } from "react-hook-form";
+import type { DeepPartial, FieldValues, UseFormHandleSubmit, UseFormReturn } from "react-hook-form";
 import type { MutableRefObject, RefObject } from "react";
 import type { KeyboardAwareScrollView } from "react-native-keyboard-aware-scroll-view";
 import type { InternalFormProps } from "../types";
-type UseInternalFormProps<T extends FieldValues, SubmitResponseType> = Pick<InternalFormProps<T, SubmitResponseType>, "mode" | "reValidateMode" | "initialValues" | "formRef" | "localCacheKey" | "localCacheExclude" | "localCacheId"> & {
-    scrollViewRef?: RefObject<KeyboardAwareScrollView>;
+type UseInternalFormProps<T extends FieldValues, SubmitResponseType> = Pick<InternalFormProps<T, SubmitResponseType>, "mode" | "reValidateMode" | "initialValues" | "formRef" | "localCacheKey" | "localCacheExclude" | "localCacheId" | "UNSAFE_allowDiscardLocalCacheWhenOffline"> & {
+    scrollViewRef?: RefObject<KeyboardAwareScrollView | null>;
     readonly saveButtonHeight: number;
     readonly messageBannerHeight: number;
 };
@@ -13,7 +13,7 @@ interface UseInternalForm<T extends FieldValues> {
     readonly isSubmitting: boolean;
     readonly isDirty: boolean;
     readonly removeListenerRef: MutableRefObject<() => void>;
-    readonly setLocalCache: (data: T) => void;
+    readonly setLocalCache: (data: DeepPartial<T>) => void;
 }
-export declare function useInternalForm<T extends FieldValues, SubmitResponseType>({ mode, reValidateMode, initialValues, formRef, localCacheKey, localCacheId, scrollViewRef, saveButtonHeight, messageBannerHeight, }: UseInternalFormProps<T, SubmitResponseType>): UseInternalForm<T>;
+export declare function useInternalForm<T extends FieldValues, SubmitResponseType>({ mode, reValidateMode, initialValues, formRef, localCacheKey, localCacheId, scrollViewRef, saveButtonHeight, messageBannerHeight, UNSAFE_allowDiscardLocalCacheWhenOffline, }: UseInternalFormProps<T, SubmitResponseType>): UseInternalForm<T>;
 export {};