@ovotech/element-native 4.4.1 → 4.4.2-canary-46e0b79-313

package/dist/components/Accordion/Accordion.d.ts

@@ -1,4 +1,4 @@
 import { ComponentType } from 'react';
 import { AccordionProps } from './types';
 export declare function withAnimated<T extends object>(WrappedComponent: ComponentType<T>): any;
-export declare const Accordion: ({ expanded, first, last, title, children, onToggle, }: AccordionProps) => JSX.Element;
+export declare const Accordion: ({ expanded, first, last, title, children, onToggle, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/Group.d.ts

@@ -3,4 +3,4 @@ import { AccordionGroupProps } from './types';
 export declare const AccordionGroupContext: import("react").Context<{
     Header?: AccordionGroupProps['headingComponent'];
 }>;
-export declare const AccordionGroup: ({ children, headingComponent, }: PropsWithChildren<AccordionGroupProps>) => JSX.Element;
+export declare const AccordionGroup: ({ children, headingComponent, }: PropsWithChildren<AccordionGroupProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Accordion/Icon.d.ts

@@ -1,4 +1,4 @@
 import { SharedValue } from 'react-native-reanimated';
 export declare function AccordionIcon({ animationTiming, }: {
     animationTiming: SharedValue<number>;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionCard/ActionCard.d.ts

@@ -18,4 +18,4 @@ export type ActionCardProps = {
     inline?: boolean;
     testID?: string;
 };
-export declare const ActionCard: ({ accessibilityLabel, actionIconName, body, buttonTitle, ctaVariant, image, inline, inverted, onMount, onPressCloseButton, onPressActionButton, onPressIndicator, testID, title, }: ActionCardProps) => JSX.Element;
+export declare const ActionCard: ({ accessibilityLabel, actionIconName, body, buttonTitle, ctaVariant, image, inline, inverted, onMount, onPressCloseButton, onPressActionButton, onPressIndicator, testID, title, }: ActionCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionCard/CloseIconShape.d.ts

@@ -1,3 +1,3 @@
 export declare const CloseIconShape: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionCard/IndicatorIconShape.d.ts

@@ -1,3 +1,3 @@
 export declare const IndicatorIconShape: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ActionList/ActionList.d.ts

@@ -16,6 +16,6 @@ type ActionProps = PropsWithChildren<ViewProps & {
     inList?: boolean;
     standalone?: boolean;
 }>;
-declare const ActionList: ({ children, inverted, ...rest }: ActionListProps) => JSX.Element;
-declare const Action: import("react").ForwardRefExoticComponent<Pick<ActionProps, "onPress" | "inverted" | "inline" | keyof ViewProps | "fullWidth" | "iconLeft" | "iconRight" | "standalone" | "inList"> & import("react").RefAttributes<View>>;
+declare const ActionList: ({ children, inverted, ...rest }: ActionListProps) => import("react/jsx-runtime").JSX.Element;
+declare const Action: import("react").ForwardRefExoticComponent<Omit<ActionProps, "ref"> & import("react").RefAttributes<View>>;
 export { ActionList, Action };

package/dist/components/ActionList/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledActionList: import("react").ForwardRefExoticComponent<Pick<Omit<{
+export declare const StyledActionList: import("react").ForwardRefExoticComponent<Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -572,7 +572,7 @@ export declare const StyledActionList: import("react").ForwardRefExoticComponent
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<import("react-native").View>>;
+}, import("../../hooks").BreakpointNames>, "ref"> & import("react").RefAttributes<import("react-native").View>>;
 export declare const StyledActionWrapper: import("styled-components").StyledComponent<typeof import("react-native").View, {
     core: {
         color: {
@@ -2844,7 +2844,7 @@ export declare const StyledActionNodeWrapper: import("styled-components").Styled
         };
     };
 }, {}, never>;
-export declare const StyledRightIcon: import("styled-components").StyledComponent<({ name, size, color, testID, ...rest }: import("../Icon/Icon").IconProps) => JSX.Element | null, {
+export declare const StyledRightIcon: import("styled-components").StyledComponent<({ name, size, color, testID, ...rest }: import("../Icon/Icon").IconProps) => import("react/jsx-runtime").JSX.Element | null, {
     core: {
         color: {
             brand: {
@@ -3411,7 +3411,7 @@ export declare const StyledRightIcon: import("styled-components").StyledComponen
 }, {
     inverted?: boolean | undefined;
 }, never>;
-export declare const StyledLeftIcon: import("styled-components").StyledComponent<({ name, size, color, testID, ...rest }: import("../Icon/Icon").IconProps) => JSX.Element | null, {
+export declare const StyledLeftIcon: import("styled-components").StyledComponent<({ name, size, color, testID, ...rest }: import("../Icon/Icon").IconProps) => import("react/jsx-runtime").JSX.Element | null, {
     core: {
         color: {
             brand: {

package/dist/components/Badge/Badge.d.ts

@@ -575,5 +575,5 @@ declare const StyledBadge: import("styled-components").StyledComponent<typeof im
     variant?: BadgeVariantName | undefined;
 }, never>;
 type BadgeProps = ComponentProps<typeof StyledBadge>;
-export declare const Badge: ({ children, variant, inverted, ...rest }: BadgeProps) => JSX.Element;
+export declare const Badge: ({ children, variant, inverted, ...rest }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CTAButton/CTAButton.d.ts

@@ -10,11 +10,11 @@ type CTAButtonProps = PropsWithChildren<TouchableOpacityProps & {
     ref?: Ref<TouchableOpacity>;
     inverted?: boolean;
 }>;
-declare const CTAButton: ({ iconLeft, iconRight, children, fullWidth, variant, inverted, ...rest }: CTAButtonProps) => JSX.Element;
+declare const CTAButton: ({ iconLeft, iconRight, children, fullWidth, variant, inverted, ...rest }: CTAButtonProps) => import("react/jsx-runtime").JSX.Element;
 type CTAProps = Omit<ComponentProps<typeof CTAButton>, 'variant' | 'ref'> & {
     ref: Ref<TouchableOpacity>;
 };
-declare const PrimaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, "inverted" | "fullWidth" | "iconLeft" | "iconRight" | keyof TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
-declare const SecondaryCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, "inverted" | "fullWidth" | "iconLeft" | "iconRight" | keyof TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
-declare const DestructiveCTAButton: import("react").ForwardRefExoticComponent<Pick<CTAProps, "inverted" | "fullWidth" | "iconLeft" | "iconRight" | keyof TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
+declare const PrimaryCTAButton: import("react").ForwardRefExoticComponent<Omit<CTAProps, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const SecondaryCTAButton: import("react").ForwardRefExoticComponent<Omit<CTAProps, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const DestructiveCTAButton: import("react").ForwardRefExoticComponent<Omit<CTAProps, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
 export { CTAButton, PrimaryCTAButton, SecondaryCTAButton, DestructiveCTAButton, };

package/dist/components/CTALink/CTALink.d.ts

@@ -4,8 +4,8 @@ import { CTAButton } from '../CTAButton';
 type CTALinkProps = Omit<ComponentProps<typeof CTAButton>, 'ref'> & {
     ref: Ref<TouchableOpacity>;
 };
-declare const CTALink: import("react").ForwardRefExoticComponent<Pick<CTALinkProps, "inverted" | "fullWidth" | "variant" | "iconLeft" | "iconRight" | keyof import("react-native").TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
+declare const CTALink: import("react").ForwardRefExoticComponent<Omit<CTALinkProps, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
 type CTAProps = Omit<ComponentProps<typeof CTALink>, 'variant'>;
-declare const PrimaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "inverted" | "key" | "fullWidth" | "iconLeft" | "iconRight" | keyof import("react-native").TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
-declare const SecondaryCTALink: import("react").ForwardRefExoticComponent<Pick<CTAProps, "inverted" | "key" | "fullWidth" | "iconLeft" | "iconRight" | keyof import("react-native").TouchableOpacityProps> & import("react").RefAttributes<TouchableOpacity>>;
+declare const PrimaryCTALink: import("react").ForwardRefExoticComponent<Omit<CTAProps, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
+declare const SecondaryCTALink: import("react").ForwardRefExoticComponent<Omit<CTAProps, "ref"> & import("react").RefAttributes<TouchableOpacity>>;
 export { CTALink, PrimaryCTALink, SecondaryCTALink };

package/dist/components/Card/Card.d.ts

@@ -3,5 +3,5 @@ type CardProps = ViewProps & {
     inline?: boolean;
     inverted?: boolean;
 };
-export declare const Card: ({ children, inline, inverted, ...rest }: CardProps) => JSX.Element;
+export declare const Card: ({ children, inline, inverted, ...rest }: CardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Checkbox/CheckboxField.d.ts

@@ -5,5 +5,5 @@ type Props = PropsWithChildren<{
     error?: ReactNode;
     optional?: boolean;
 }>;
-declare const CheckboxField: ({ label, hint, error, children, optional, ...rest }: Props) => JSX.Element;
+declare const CheckboxField: ({ label, hint, error, children, optional, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export { CheckboxField };

package/dist/components/DataTable/DataTable.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { View } from 'react-native';
 import { TableProps } from './types';
-export declare const DataTable: import("react").ForwardRefExoticComponent<Pick<TableProps, "caption" | "rowHeadings" | "striped" | "columnWidths" | "items" | "columnHeadings"> & import("react").RefAttributes<View>>;
+export declare const DataTable: import("react").ForwardRefExoticComponent<Omit<TableProps, "ref"> & import("react").RefAttributes<View>>;

package/dist/components/DataTable/TableRow.d.ts

@@ -1,2 +1,2 @@
 import { TableRowProps } from './types';
-export declare const TableRow: ({ data, index, striped, rowHeadings, columnWidths, }: TableRowProps) => JSX.Element;
+export declare const TableRow: ({ data, index, striped, rowHeadings, columnWidths, }: TableRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/DescriptionList/DescriptionList.d.ts

@@ -1,10 +1,10 @@
 import { ComponentProps, ReactNode } from 'react';
 import { Dd, Dl } from './styled';
 type DescriptionListProps = ComponentProps<typeof Dl>;
-declare const DescriptionList: ({ children, ...rest }: DescriptionListProps) => JSX.Element;
+declare const DescriptionList: ({ children, ...rest }: DescriptionListProps) => import("react/jsx-runtime").JSX.Element;
 type DescriptionItemProps = ComponentProps<typeof Dd> & {
     label: ReactNode;
     index?: number;
 };
-declare const DescriptionItem: ({ label, children, index, ...rest }: DescriptionItemProps) => JSX.Element;
+declare const DescriptionItem: ({ label, children, index, ...rest }: DescriptionItemProps) => import("react/jsx-runtime").JSX.Element;
 export { DescriptionList, DescriptionItem };

package/dist/components/DescriptionList/styled.d.ts

@@ -566,5 +566,5 @@ export declare const Dl: import("styled-components").StyledComponent<typeof impo
         };
     };
 }, Breakpoints, never>;
-export declare const Dt: ({ children, ...rest }: PropsWithChildren<ViewProps>) => JSX.Element;
-export declare const Dd: ({ children, ...rest }: PropsWithChildren<ViewProps>) => JSX.Element;
+export declare const Dt: ({ children, ...rest }: PropsWithChildren<ViewProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Dd: ({ children, ...rest }: PropsWithChildren<ViewProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Display0/Display0.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Display0: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Display1/Display1.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Display1: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Display2/Display2.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Display2: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Display3/Display3.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Display3: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Divider/Divider.d.ts

@@ -2,4 +2,4 @@ export type DividerProps = {
     type?: 'default' | 'differentiated';
     width?: string;
 };
-export declare const Divider: ({ type, width }: DividerProps) => JSX.Element;
+export declare const Divider: ({ type, width }: DividerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ErrorSummaryNotification/ErrorSummaryNotification.d.ts

@@ -14,5 +14,5 @@ type Props = {
         y: number;
     };
 };
-declare const ErrorSummaryNotification: ({ errors, scrollViewRef, scrollPos, ...rest }: Props) => JSX.Element;
+declare const ErrorSummaryNotification: ({ errors, scrollViewRef, scrollPos, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export { ErrorSummaryNotification };

package/dist/components/ErrorText/ErrorText.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Text } from 'react-native';
-declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
+declare const ErrorText: import("react").ForwardRefExoticComponent<Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -573,5 +573,5 @@ declare const ErrorText: import("react").ForwardRefExoticComponent<Pick<Omit<{
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<Text>>;
+}, import("../../hooks").BreakpointNames>, "ref"> & import("react").RefAttributes<Text>>;
 export { ErrorText };

package/dist/components/FilterSelect/FilterSelect.d.ts

@@ -12,5 +12,5 @@ export type FilterSelect = {
     leftText?: string;
     dropdownDirection?: 'left' | 'right';
 };
-export declare const FilterSelect: ({ options, defaultSelected, onSelected, testID, rightText, leftText, dropdownDirection, }: FilterSelect) => JSX.Element;
+export declare const FilterSelect: ({ options, defaultSelected, onSelected, testID, rightText, leftText, dropdownDirection, }: FilterSelect) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/FormGroup/FormGroup.d.ts

@@ -4,5 +4,5 @@ type Props = ViewProps & {
     children?: ReactNode;
     error?: boolean;
 };
-declare const FormGroup: ({ children, error, ...rest }: Props) => JSX.Element;
+declare const FormGroup: ({ children, error, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export { FormGroup };

package/dist/components/Grid/Col.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
+declare const Col: import("react").ForwardRefExoticComponent<Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -572,5 +572,5 @@ declare const Col: import("react").ForwardRefExoticComponent<Pick<Omit<{
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<import("react-native").View>>;
+}, import("../../hooks").BreakpointNames>, "ref"> & import("react").RefAttributes<import("react-native").View>>;
 export { Col };

package/dist/components/Grid/Row.d.ts

@@ -569,5 +569,5 @@ declare const StyledRow: import("styled-components").StyledComponent<typeof impo
 } & {
     children?: import("react").ReactNode;
 } & Breakpoints, never>;
-declare const Row: ({ children, ...rest }: ComponentProps<typeof StyledRow>) => JSX.Element;
+declare const Row: ({ children, ...rest }: ComponentProps<typeof StyledRow>) => import("react/jsx-runtime").JSX.Element;
 export { Row };

package/dist/components/Heading1/Heading1.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Heading1: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Heading2/Heading2.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Heading2: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Heading3/Heading3.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Heading3: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Heading4/Heading4.d.ts

@@ -2,4 +2,4 @@ import { PropsWithChildren } from 'react';
 import { TextProps } from 'react-native';
 export declare const Heading4: ({ accessibilityRole, ...rest }: PropsWithChildren<TextProps & {
     inverted?: boolean;
-}>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HintText/HintText.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Text } from 'react-native';
-declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
+declare const HintText: import("react").ForwardRefExoticComponent<Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -573,5 +573,5 @@ declare const HintText: import("react").ForwardRefExoticComponent<Pick<Omit<{
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<Text>>;
+}, import("../../hooks").BreakpointNames>, "ref"> & import("react").RefAttributes<Text>>;
 export { HintText };

package/dist/components/Icon/Icon.d.ts

@@ -7,4 +7,4 @@ export type IconProps = SvgProps & {
     color?: string;
     size: string | number;
 };
-export declare const Icon: ({ name, size, color, testID, ...rest }: IconProps) => JSX.Element | null;
+export declare const Icon: ({ name, size, color, testID, ...rest }: IconProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/LabelText/LabelText.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Text } from 'react-native';
-declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
+declare const LabelText: import("react").ForwardRefExoticComponent<Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -573,5 +573,5 @@ declare const LabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<Text>>;
+}, import("../../hooks").BreakpointNames>, "ref"> & import("react").RefAttributes<Text>>;
 export { LabelText };

package/dist/components/List/List.d.ts

@@ -1,8 +1,8 @@
 import { PropsWithChildren } from 'react';
 import { TextProps, ViewProps } from 'react-native';
-declare const Li: ({ children }: PropsWithChildren<TextProps>) => JSX.Element;
+declare const Li: ({ children }: PropsWithChildren<TextProps>) => import("react/jsx-runtime").JSX.Element;
 declare const Ul: (props: PropsWithChildren<ViewProps & {
     showBullets?: boolean | undefined;
-}>) => JSX.Element;
-declare const Ol: (props: PropsWithChildren<ViewProps>) => JSX.Element;
+}>) => import("react/jsx-runtime").JSX.Element;
+declare const Ol: (props: PropsWithChildren<ViewProps>) => import("react/jsx-runtime").JSX.Element;
 export { Li, Ol, Ul };

package/dist/components/Margin/Margin.d.ts

@@ -585,5 +585,5 @@ type Props = Omit<ComponentProps<typeof StyledMargin>, 'mTop' | 'mBottom' | 'mLe
     vertical?: SpaceKey | SpaceKey[];
     all?: SpaceKey | SpaceKey[];
 };
-declare const Margin: ({ top, bottom, left, right, ...rest }: Props) => JSX.Element;
+declare const Margin: ({ top, bottom, left, right, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Margin };

package/dist/components/NavHeader/IconButton.d.ts

@@ -11,5 +11,5 @@ type IconButtonProps = {
     animation: ComplexAnimationBuilder;
     rightActionConfig?: RightActionConfig;
 };
-export declare const IconButton: ({ size, animation, rightActionConfig, }: IconButtonProps) => JSX.Element | null;
+export declare const IconButton: ({ size, animation, rightActionConfig, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/NavHeader/NavHeader.d.ts

@@ -15,4 +15,4 @@ export type NavHeaderProps = {
      */
     onHeaderHeightChange?: (height: number) => void;
 };
-export declare const NavHeader: ({ title, scrolled, canGoBack, rightActionConfig, topOffset, backButtonText, onHeaderHeightChange, onBackButtonPress, }: NavHeaderProps) => JSX.Element;
+export declare const NavHeader: ({ title, scrolled, canGoBack, rightActionConfig, topOffset, backButtonText, onHeaderHeightChange, onBackButtonPress, }: NavHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Notification/Notification.d.ts

@@ -1144,8 +1144,8 @@ export declare const Notification: import("react").ForwardRefExoticComponent<{
     dismissible?: boolean | undefined;
     onDismiss?: (() => void) | undefined;
 } & import("react").RefAttributes<View>>;
-export declare const ErrorNotification: import("react").ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissible" | "onDismiss"> & import("react").RefAttributes<View>>;
-export declare const SuccessNotification: import("react").ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissible" | "onDismiss"> & import("react").RefAttributes<View>>;
-export declare const InfoNotification: import("react").ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissible" | "onDismiss"> & import("react").RefAttributes<View>>;
-export declare const WarningNotification: import("react").ForwardRefExoticComponent<Pick<NotificationProps, "children" | "title" | "key" | "noMargin" | "dismissible" | "onDismiss"> & import("react").RefAttributes<View>>;
+export declare const ErrorNotification: import("react").ForwardRefExoticComponent<Omit<NotificationProps, "ref"> & import("react").RefAttributes<View>>;
+export declare const SuccessNotification: import("react").ForwardRefExoticComponent<Omit<NotificationProps, "ref"> & import("react").RefAttributes<View>>;
+export declare const InfoNotification: import("react").ForwardRefExoticComponent<Omit<NotificationProps, "ref"> & import("react").RefAttributes<View>>;
+export declare const WarningNotification: import("react").ForwardRefExoticComponent<Omit<NotificationProps, "ref"> & import("react").RefAttributes<View>>;
 export {};

package/dist/components/PasswordInput/PasswordVisibilityToggle.d.ts

@@ -8,5 +8,5 @@ type PasswordVisibilityToggleProps = {
     visibilityToggleLabel: string;
     handlePasswordVisibility: () => void;
 };
-export declare const PasswordVisibilityToggle: ({ iconName, visibilityToggleLabel, handlePasswordVisibility, }: PasswordVisibilityToggleProps) => JSX.Element;
+export declare const PasswordVisibilityToggle: ({ iconName, visibilityToggleLabel, handlePasswordVisibility, }: PasswordVisibilityToggleProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/ProductCarousel/NavigationDots.d.ts

@@ -2,4 +2,4 @@ import { SharedValue } from 'react-native-reanimated';
 export declare function NavigationDots<T>({ data, animatedValue, }: {
     data: T[];
     animatedValue: SharedValue<number>;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ProductCarousel/ProductCarousel.d.ts

@@ -9,5 +9,5 @@ interface ProductCarouselProps<T> {
     loop?: boolean;
     arrowsDistanceFromTop?: number;
 }
-export declare function ProductCarousel<T>({ data, children, width, height, fullWidth, showArrows, showDots, loop, arrowsDistanceFromTop, }: ProductCarouselProps<T>): JSX.Element;
+export declare function ProductCarousel<T>({ data, children, width, height, fullWidth, showArrows, showDots, loop, arrowsDistanceFromTop, }: ProductCarouselProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Radio/RadioField.d.ts

@@ -7,5 +7,5 @@ type Props = PropsWithChildren<{
     error?: ReactNode;
     optional?: boolean;
 }>;
-declare const RadioField: ({ label, hint, error, children, optional, value, onValueChange, ...rest }: Props) => JSX.Element;
+declare const RadioField: ({ label, hint, error, children, optional, value, onValueChange, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export { RadioField };

package/dist/components/SelectField/Select.d.ts

@@ -578,5 +578,5 @@ declare const SelectOption: import("styled-components").StyledComponent<typeof i
 }, {
     isLastOption: boolean;
 }, never>;
-export declare const Select: ({ options, defaultSelected, noOptionMessage, onSelected, hasError, testID, }: SelectProps) => JSX.Element;
+export declare const Select: ({ options, defaultSelected, noOptionMessage, onSelected, hasError, testID, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SelectField/SelectField.d.ts

@@ -3,5 +3,5 @@ import { SelectProps } from './Select';
 type SelectFieldProps = SelectProps & Omit<FieldProps, 'children'> & {
     testID?: string;
 };
-export declare const SelectField: ({ error, options, onSelected, noOptionMessage, defaultSelected, testID, ...rest }: SelectFieldProps) => JSX.Element;
+export declare const SelectField: ({ error, options, onSelected, noOptionMessage, defaultSelected, testID, ...rest }: SelectFieldProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SkeletonAnimation/SkeletonAnimation.d.ts

@@ -3,4 +3,4 @@ export declare const SkeletonAnimation: ({ children, animation, testID, }: {
     children: ReactNode;
     animation?: "none" | "pulse" | undefined;
     testID?: string | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SkeletonCTA/SkeletonCTA.d.ts

@@ -2,5 +2,5 @@ import { ViewProps } from 'react-native';
 type Props = ViewProps & {
     size?: string;
 };
-export declare const SkeletonCTA: ({ size, ...rest }: Props) => JSX.Element;
+export declare const SkeletonCTA: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SkeletonCircle/SkeletonCircle.d.ts

@@ -2,5 +2,5 @@ import { ViewProps } from 'react-native';
 type Props = ViewProps & {
     size?: string;
 };
-export declare const SkeletonCircle: ({ size, ...rest }: Props) => JSX.Element;
+export declare const SkeletonCircle: ({ size, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SkeletonHeading/SkeletonHeading.d.ts

@@ -4,5 +4,5 @@ type Props = ViewProps & {
     size?: string;
     headingComponent?: ComponentType<any>;
 };
-export declare const SkeletonHeading: ({ size, headingComponent: Heading, ...rest }: Props) => JSX.Element;
+export declare const SkeletonHeading: ({ size, headingComponent: Heading, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/SkeletonText/SkeletonText.d.ts

@@ -2,5 +2,5 @@ import { ViewProps } from 'react-native';
 type Props = ViewProps & {
     lines?: number;
 };
-export declare const SkeletonText: ({ lines, ...rest }: Props) => JSX.Element;
+export declare const SkeletonText: ({ lines, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Small/Small.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Text } from 'react-native';
-export declare const Small: import("react").ForwardRefExoticComponent<Pick<Omit<{
+export declare const Small: import("react").ForwardRefExoticComponent<Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -573,4 +573,4 @@ export declare const Small: import("react").ForwardRefExoticComponent<Pick<Omit<
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<Text>>;
+}, import("../../hooks").BreakpointNames>, "ref"> & import("react").RefAttributes<Text>>;

package/dist/components/Spinner/Spinner.d.ts

@@ -4,5 +4,5 @@ type SpinnerProps = {
     size?: SpinnerSize | number;
     accessibilityLabel?: string;
 };
-export declare const Spinner: ({ inverted, size, accessibilityLabel, }: SpinnerProps) => JSX.Element;
+export declare const Spinner: ({ inverted, size, accessibilityLabel, }: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Stack/Stack.d.ts

@@ -5,5 +5,5 @@ type Props = ViewProps & {
     spaceBetween: SpaceKey | SpaceKey[];
     children: ReactNode;
 };
-declare const Stack: ({ children, spaceBetween, ...rest }: Props) => JSX.Element;
+declare const Stack: ({ children, spaceBetween, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export { Stack };

package/dist/components/Stretch/Stretch.d.ts

@@ -4,4 +4,4 @@ export declare const Stretch: (props: ViewProps & {
     fullWidth?: boolean;
     defaultWidth: string;
     children: ReactNode;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SubLabelText/SubLabelText.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Text } from 'react-native';
-declare const SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<{
+declare const SubLabelText: import("react").ForwardRefExoticComponent<Omit<Omit<{
     [x: string]: any;
     [x: number]: any;
     [x: symbol]: any;
@@ -573,5 +573,5 @@ declare const SubLabelText: import("react").ForwardRefExoticComponent<Pick<Omit<
 } & {
     as?: string | import("react").ComponentType<any> | undefined;
     forwardedAs?: string | import("react").ComponentType<any> | undefined;
-}, import("../../hooks").BreakpointNames>, string | number | symbol> & import("react").RefAttributes<Text>>;
+}, import("../../hooks").BreakpointNames>, "ref"> & import("react").RefAttributes<Text>>;
 export { SubLabelText };

package/dist/components/Tabs/TabList.d.ts

@@ -7,5 +7,5 @@ type TabListProps = ViewProps & {
     tabRefs?: React.RefObject<any>[];
     inline?: boolean;
 };
-export declare const TabList: ({ children, setActiveTab, activeTab, tabRefs, fullWidth, inline, ...rest }: TabListProps) => JSX.Element;
+export declare const TabList: ({ children, setActiveTab, activeTab, tabRefs, fullWidth, inline, ...rest }: TabListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Tabs/TabPanel.d.ts

@@ -1,3 +1,3 @@
 export declare const TabPanel: ({ ...rest }: {
     [x: string]: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Tabs/Tabs.d.ts

@@ -6,5 +6,5 @@ type TabsProps = {
     onSelected?: (activeTab: number) => void;
     fullWidth?: boolean;
 };
-export declare const Tabs: ({ children, defaultSelected, onSelected, fullWidth, inline, ...rest }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ children, defaultSelected, onSelected, fullWidth, inline, ...rest }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/TextGroup/TextGroup.d.ts

@@ -1,3 +1,3 @@
 import { PropsWithChildren } from 'react';
 import { ViewProps } from 'react-native';
-export declare const TextGroup: ({ children, ...rest }: PropsWithChildren<ViewProps>) => JSX.Element;
+export declare const TextGroup: ({ children, ...rest }: PropsWithChildren<ViewProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Toast/Toast.d.ts

@@ -1,6 +1,6 @@
 export declare const ToastsContainer: ({ top }: {
     top?: number | undefined;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 type ToastVariant = 'default' | 'error';
 export declare const showToast: ({ message, dismissible, action, actionTitle, variant, duration, }: {
     message: string;

package/dist/esm/providers/icons/PaymentCardFilled.js

@@ -11,4 +11,4 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import Svg, { Path } from 'react-native-svg';
-export var PaymentCardFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M14.5 11.098V3h-13v10h11.902L13 11.5l1.5-.402ZM13 4.51l-.003-.01h.004v.01ZM11.75 9.5V8H6.974l.402 1.5h4.374Zm1.05-4.7v.8H3.2v-.8h9.6Z", clipRule: "evenodd" }) }))); };
+export var PaymentCardFilled = function (props) { return (_jsx(Svg, __assign({ viewBox: "0 0 16 16" }, props, { children: _jsx(Path, { fill: "currentColor", fillRule: "evenodd", d: "M14.5 11.098V3h-13v10H14.5v-1.902ZM13 4.51l-.003-.01h.004v.01ZM11.75 9.5V8H6.974l.402 1.5h4.374Zm1.05-4.7v.8H3.2v-.8h9.6Z", clipRule: "evenodd" }) }))); };