@wlloyalty/wll-react-sdk 1.4.4 → 1.4.6

package/dist/types/components/atoms/BaseTile/base-tile-body.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TextProps, TextStyle } from 'react-native';
 type BaseTileBodyProps = Omit<TextProps, 'style'> & {
     variant?: 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
@@ -8,7 +9,7 @@ type BaseTileBodyProps = Omit<TextProps, 'style'> & {
  * Renders the body text of a BaseTile component.
  *
  * @param {BaseTileBodyProps} props - Component props including text styling options
- * @returns {JSX.Element|null} The rendered body text or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered body text or null if conditions for display are not met
  */
-export declare const BaseTileBody: (props: BaseTileBodyProps) => JSX.Element | null;
+export declare const BaseTileBody: (props: BaseTileBodyProps) => React.ReactElement | null;
 export {};

package/dist/types/components/atoms/BaseTile/base-tile-content.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { WithChildren } from '../../../types/helpers';
 type BaseTileContentProps = WithChildren;
 /**
@@ -5,7 +6,7 @@ type BaseTileContentProps = WithChildren;
  *
  * @param {BaseTileContentProps} props - Component props
  * @param {ReactNode} props.children - Child elements to render within the content area
- * @returns {JSX.Element|null} The rendered content or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered content or null if conditions for display are not met
  */
-export declare const BaseTileContent: ({ children, }: BaseTileContentProps) => JSX.Element | null;
+export declare const BaseTileContent: ({ children, }: BaseTileContentProps) => React.ReactElement | null;
 export {};

package/dist/types/components/atoms/BaseTile/base-tile-header.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { WithChildren } from '../../../types/helpers';
 type BaseTileHeaderProps = WithChildren;
 /**
@@ -5,7 +6,7 @@ type BaseTileHeaderProps = WithChildren;
  *
  * @param {BaseTileHeaderProps} props - Component props
  * @param {ReactNode} props.children - Child elements to render within the header
- * @returns {JSX.Element|null} The rendered header or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered header or null if conditions for display are not met
  */
-export declare const BaseTileHeader: ({ children, }: BaseTileHeaderProps) => JSX.Element | null;
+export declare const BaseTileHeader: ({ children, }: BaseTileHeaderProps) => React.ReactElement | null;
 export {};

package/dist/types/components/atoms/BaseTile/base-tile-media.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { ImagePropsNoSource } from '../../../types/common';
 /**
  * Renders the media (image) for a BaseTile component.
  *
  * @param {ImagePropsNoSource} props - The image props excluding source
- * @returns {JSX.Element|null} The rendered image or null if no artwork URL is present
+ * @returns {React.ReactElement|null} The rendered image or null if no artwork URL is present
  */
-export declare const BaseTileMedia: (props: ImagePropsNoSource) => JSX.Element | null;
+export declare const BaseTileMedia: (props: ImagePropsNoSource) => React.ReactElement | null;

package/dist/types/components/atoms/BaseTile/base-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title of a BaseTile component.
  *
- * @returns {JSX.Element|null} The rendered title or null if conditions for display are not met
+ * @returns {React.ReactElement|null} The rendered title or null if conditions for display are not met
  */
-export declare const BaseTileTitle: () => JSX.Element | null;
+export declare const BaseTileTitle: () => React.ReactElement | null;

package/dist/types/components/atoms/BaseTile/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ViewStyle } from 'react-native';
 import { Tile } from '../../../types/tile';
 import { WithChildren } from '../../../types/helpers';
@@ -18,20 +19,20 @@ type BaseTileRootProps = WithChildren & {
 /**
  * BaseTile component with subcomponents attached.
  */
-export declare const BaseTile: (({ tile, children, style, }: BaseTileProps) => JSX.Element | null) & {
-    Container: ({ children, style, }: BaseTileRootProps) => JSX.Element;
-    Media: (props: import("../../..").ImagePropsNoSource) => JSX.Element | null;
+export declare const BaseTile: (({ tile, children, style, }: BaseTileProps) => React.ReactElement | null) & {
+    Container: ({ children, style, }: BaseTileRootProps) => React.ReactElement;
+    Media: (props: import("../../..").ImagePropsNoSource) => React.ReactElement | null;
     Content: ({ children, }: {
         children?: React.ReactNode;
-    }) => JSX.Element | null;
+    }) => React.ReactElement | null;
     Header: ({ children, }: {
         children?: React.ReactNode;
-    }) => JSX.Element | null;
-    Title: () => JSX.Element | null;
+    }) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
     Body: (props: Omit<import("react-native").TextProps, "style"> & {
         variant?: "eyebrow" | "title" | "description" | "body" | "caption" | "label" | "tier-requirement" | "tier-earned";
         isSurface?: boolean;
         style?: import("react-native").TextStyle;
-    }) => JSX.Element | null;
+    }) => React.ReactElement | null;
 };
 export default BaseTile;

package/dist/types/components/atoms/Button/index.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Variant } from '../../../types/theme';
 type ButtonProps = {
     title: string;
@@ -8,5 +9,5 @@ type ButtonProps = {
     accessibilityHint?: string;
     testID?: string;
 };
-declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => JSX.Element;
+declare const Button: ({ title, onPress, variant, disabled, accessibilityLabel, accessibilityHint, testID, }: ButtonProps) => React.ReactElement;
 export default Button;

package/dist/types/components/atoms/Chip/Chip.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/atoms/Chip/Chip.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+import Chip, { ChipProps } from './index';
+declare const meta: Meta<typeof Chip>;
+export default meta;
+export declare const Primary: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ChipProps>;
+export declare const Green: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ChipProps>;
+export declare const Grey: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ChipProps>;

package/dist/types/components/atoms/Chip/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { AccessibilityRole, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { StatusVariant } from '../../../types/tile';
+type ChipLabel = React.ReactNode;
+type AriaLive = 'polite' | 'assertive' | 'off';
+export type ChipProps = {
+    label: ChipLabel;
+    variant?: StatusVariant;
+    role?: AccessibilityRole | 'status';
+    ariaLive?: AriaLive;
+    accessibilityLabel?: string;
+    testID?: string;
+    style?: StyleProp<ViewStyle>;
+    labelStyle?: StyleProp<TextStyle>;
+};
+declare const Chip: ({ label, variant, role, ariaLive, accessibilityLabel, testID, style, labelStyle, }: ChipProps) => React.ReactElement;
+export default Chip;

package/dist/types/components/atoms/Chip/styles.d.ts

@@ -0,0 +1,20 @@
+export declare const useChipStyles: () => {
+    container: {
+        alignSelf: "flex-start";
+        alignItems: "center";
+        justifyContent: "center";
+        flexDirection: "row";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        borderRadius: 9999;
+        overflow: "hidden";
+        flexShrink: number;
+    };
+    label: {
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+        fontWeight: "400";
+        flexShrink: number;
+    };
+};

package/dist/types/components/atoms/Icon/index.d.ts

@@ -1,4 +1,5 @@
 import * as LucideReactIcons from 'lucide-react';
+import * as React from 'react';
 import { ViewProps } from 'react-native';
 type IconName = keyof typeof LucideReactIcons;
 type IconProps = {
@@ -7,5 +8,5 @@ type IconProps = {
     size?: number;
     strokeWidth?: number;
 } & Omit<ViewProps, 'style'>;
-declare const Icon: ({ name, color, size, strokeWidth, ...props }: IconProps) => JSX.Element | null;
+declare const Icon: ({ name, color, size, strokeWidth, ...props }: IconProps) => React.ReactElement | null;
 export default Icon;

package/dist/types/components/atoms/Indicator/index.d.ts

@@ -1,2 +1,3 @@
-declare const Indicator: () => JSX.Element;
+import React from 'react';
+declare const Indicator: () => React.ReactElement;
 export default Indicator;

package/dist/types/components/atoms/LoadingIndicator/index.d.ts

@@ -1,2 +1,3 @@
-declare const LoadingIndicator: () => JSX.Element;
+import * as React from 'react';
+declare const LoadingIndicator: () => React.ReactElement;
 export default LoadingIndicator;

package/dist/types/components/atoms/Primatives/Column.d.ts

@@ -18,5 +18,5 @@ type ColumnProps = {
  * @param flex - Optional flex number to control the column's flex behavior
  * @param style - Additional styles to apply to the column
  */
-export declare const Column: ({ children, justify, align, reverse, flex, style, ...rest }: ColumnProps) => JSX.Element;
+export declare const Column: ({ children, justify, align, reverse, flex, style, ...rest }: ColumnProps) => React.ReactElement;
 export {};

package/dist/types/components/atoms/Primatives/FullFlex.d.ts

@@ -16,5 +16,5 @@ type FullFlexProps = {
  * This component is commonly used to create a full-flex container that expands
  * to fill available space in a layout.
  */
-export declare const FullFlex: ({ children, style, ...rest }: FullFlexProps) => JSX.Element;
+export declare const FullFlex: ({ children, style, ...rest }: FullFlexProps) => React.ReactElement;
 export {};

package/dist/types/components/atoms/Primatives/Layout.d.ts

@@ -17,5 +17,5 @@ type LayoutProps = {
  * @param children - The child components to render inside the layout
  * @returns The rendered Layout component with special paddings
  */
-export declare const Layout: ({ children, direction, justify, align, style, ...rest }: LayoutProps) => JSX.Element;
+export declare const Layout: ({ children, direction, justify, align, style, ...rest }: LayoutProps) => React.ReactElement;
 export {};

package/dist/types/components/atoms/Primatives/Row.d.ts

@@ -18,5 +18,5 @@ type RowProps = {
  * @param flex - Optional flex number to control the row's flex behavior
  * @param style - Additional styles to apply to the row
  */
-export declare const Row: ({ children, justify, align, reverse, flex, style, ...rest }: RowProps) => JSX.Element;
+export declare const Row: ({ children, justify, align, reverse, flex, style, ...rest }: RowProps) => React.ReactElement;
 export {};

package/dist/types/components/atoms/Primatives/Spacer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ViewProps, ViewStyle } from 'react-native';
 /**
  * Props for the Spacer component.
@@ -13,5 +14,5 @@ type SpacerProps = {
  * The Spacer is commonly used in flexbox layouts to create adjustable empty space
  * between child elements, avoiding the need for explicit margins or padding.
  */
-export declare const Spacer: ({ style, ...rest }: SpacerProps) => JSX.Element;
+export declare const Spacer: ({ style, ...rest }: SpacerProps) => React.ReactElement;
 export {};

package/dist/types/components/atoms/ProgressBar/index.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Size, Variant } from '../../../types/theme';
 export type ProgressBarProps = {
     percentage: number;
@@ -5,5 +6,5 @@ export type ProgressBarProps = {
     height?: Size;
     animationDuration?: number;
 };
-declare const ProgressBar: ({ percentage, variant, height, animationDuration, }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ percentage, variant, height, animationDuration, }: ProgressBarProps) => React.ReactElement;
 export default ProgressBar;

package/dist/types/components/atoms/ProgressiveImage/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
 type ProgressiveImageProps = {
     source: ImageSourcePropType;
@@ -6,5 +7,5 @@ type ProgressiveImageProps = {
     alt?: string;
     [key: string]: any;
 };
-declare const ProgressiveImage: ({ source, style, isDesaturated, alt, ...props }: ProgressiveImageProps) => JSX.Element;
+declare const ProgressiveImage: ({ source, style, isDesaturated, alt, ...props }: ProgressiveImageProps) => React.ReactElement;
 export default ProgressiveImage;

package/dist/types/components/atoms/Skeleton/index.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { ViewStyle } from 'react-native';
 type SkeletonProps = {
     width?: number | `${number}%`;
@@ -6,5 +7,5 @@ type SkeletonProps = {
     style?: ViewStyle;
     numberOfSquares?: number;
 };
-declare const Skeleton: ({ style, numberOfSquares, }: SkeletonProps) => JSX.Element;
+declare const Skeleton: ({ style, numberOfSquares, }: SkeletonProps) => React.ReactElement;
 export default Skeleton;

package/dist/types/components/atoms/SkeletonTile/index.d.ts

@@ -1,6 +1,7 @@
+import * as React from 'react';
 import { ViewStyle } from 'react-native';
 type SkeletonTileProps = {
     style?: ViewStyle;
 };
-declare const SkeletonTile: ({ style }: SkeletonTileProps) => JSX.Element;
+declare const SkeletonTile: ({ style }: SkeletonTileProps) => React.ReactElement;
 export default SkeletonTile;

package/dist/types/components/atoms/Text/index.d.ts

@@ -1,9 +1,10 @@
-import { TextProps as RNTextProps, TextStyle } from 'react-native';
+import * as React from 'react';
+import { TextProps as RNTextProps, StyleProp, TextStyle } from 'react-native';
 type TextVariant = 'eyebrow' | 'title' | 'description' | 'body' | 'caption' | 'label' | 'tier-requirement' | 'tier-earned';
 type TextProps = RNTextProps & {
     variant?: TextVariant;
-    style?: TextStyle;
+    style?: StyleProp<TextStyle>;
     isSurface?: boolean;
 };
-export declare const Text: ({ variant, style, isSurface, ...props }: TextProps) => JSX.Element;
+export declare const Text: ({ variant, style, isSurface, ...props }: TextProps) => React.ReactElement;
 export default Text;

package/dist/types/components/atoms/TileContainer/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Tile } from '../../../types/tile';
 type TileContainerProps = {
     tiles: Tile[];
@@ -5,5 +6,5 @@ type TileContainerProps = {
 /**
  * TileContainer component to render a list of tiles with proper layout and spacing.
  */
-declare const TileContainer: ({ tiles }: TileContainerProps) => JSX.Element;
+declare const TileContainer: ({ tiles }: TileContainerProps) => React.ReactElement;
 export default TileContainer;

package/dist/types/components/atoms/index.d.ts

@@ -10,3 +10,4 @@ export { default as Indicator } from './Indicator';
 export { default as Skeleton } from './Skeleton';
 export { default as TileContainer } from './TileContainer';
 export { Column, FullFlex, Layout, Row, Spacer } from './Primatives';
+export { default as Chip } from './Chip';

package/dist/types/components/molecules/Carousel/index.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { TSection } from '../../../types/section';
 type CarouselProps = {
     section?: TSection;
     autoRotateInterval?: number;
 };
-declare const Carousel: ({ section, autoRotateInterval, }: CarouselProps) => JSX.Element | null;
+declare const Carousel: ({ section, autoRotateInterval, }: CarouselProps) => React.ReactElement | null;
 export default Carousel;

package/dist/types/components/molecules/CarouselNavButton/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 type CarouselNavButtonProps = {
     direction: 'left' | 'right';
     onPress: () => void;
 };
-export declare const CarouselNavButton: ({ direction, onPress, }: CarouselNavButtonProps) => JSX.Element;
+export declare const CarouselNavButton: ({ direction, onPress, }: CarouselNavButtonProps) => React.ReactElement;
 export default CarouselNavButton;

package/dist/types/components/molecules/ProgressIndicator/index.d.ts

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { Size, Variant } from '../../../types/theme';
 export type ProgressIndicatorProps = {
     currentPoints: number;
@@ -6,5 +7,5 @@ export type ProgressIndicatorProps = {
     height?: Size;
     attained?: boolean;
 };
-export declare const ProgressIndicator: ({ currentPoints, maxPoints, variant, height, attained, }: ProgressIndicatorProps) => JSX.Element;
+export declare const ProgressIndicator: ({ currentPoints, maxPoints, variant, height, attained, }: ProgressIndicatorProps) => React.ReactElement;
 export default ProgressIndicator;

package/dist/types/components/molecules/SectionHeader/index.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 type SectionHeaderProps = {
     title?: string;
     description?: string;
 };
-declare const SectionHeader: ({ title, description, }: SectionHeaderProps) => JSX.Element | null;
+declare const SectionHeader: ({ title, description, }: SectionHeaderProps) => React.ReactElement | null;
 export default SectionHeader;

package/dist/types/components/organisms/BadgeTile/badge-tile-date-earned.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the date earned for a Badge Tile.
  *
- * @returns JSX.Element or null if badge is not earned or badgeNotEarnedMessage exists
+ * @returns React.ReactElement or null if badge is not earned or badgeNotEarnedMessage exists
  */
-export declare const BadgeTileDateEarned: () => JSX.Element | null;
+export declare const BadgeTileDateEarned: () => React.ReactElement | null;

package/dist/types/components/organisms/BadgeTile/badge-tile-description.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the description for a Badge Tile.
  *
- * @returns JSX.Element or null if description is not present
+ * @returns React.ReactElement or null if description is not present
  */
-export declare const BadgeTileDescription: () => JSX.Element | null;
+export declare const BadgeTileDescription: () => React.ReactElement | null;

package/dist/types/components/organisms/BadgeTile/badge-tile-media.d.ts

@@ -7,6 +7,6 @@ export type BadgeTileMediaProps = {
 /**
  * Renders the media for a Badge Tile.
  *
- * @returns JSX.Element or null if media is not present
+ * @returns React.ReactElement or null if media is not present
  */
-export declare const BadgeTileMedia: ({ children, alt, ...props }: BadgeTileMediaProps) => JSX.Element | null;
+export declare const BadgeTileMedia: ({ children, alt, ...props }: BadgeTileMediaProps) => React.ReactElement | null;

package/dist/types/components/organisms/BadgeTile/badge-tile-status.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the status for a Badge Tile.
  *
- * @returns JSX.Element or null if badge is not earned or badgeNotEarnedMessage exists
+ * @returns React.ReactElement or null if badge is not earned or badgeNotEarnedMessage exists
  */
-export declare const BadgeTileStatus: () => JSX.Element | null;
+export declare const BadgeTileStatus: () => React.ReactElement | null;

package/dist/types/components/organisms/BadgeTile/badge-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title for a Badge Tile.
  *
- * @returns JSX.Element or null if name is not present
+ * @returns React.ReactElement or null if name is not present
  */
-export declare const BadgeTileTitle: () => JSX.Element | null;
+export declare const BadgeTileTitle: () => React.ReactElement | null;

package/dist/types/components/organisms/BadgeTile/index.d.ts

@@ -6,12 +6,12 @@ type BadgeTileProps = {
 /**
  * The BadgeTile component with subcomponents attached.
  */
-export declare const BadgeTile: (({ tile }: BadgeTileProps) => JSX.Element | null) & {
-    Media: ({ children, alt, ...props }: import("./badge-tile-media").BadgeTileMediaProps) => JSX.Element | null;
-    Title: () => JSX.Element | null;
-    Description: () => JSX.Element | null;
-    DateEarned: () => JSX.Element | null;
-    Status: () => JSX.Element | null;
+export declare const BadgeTile: (({ tile }: BadgeTileProps) => React.ReactElement | null) & {
+    Media: ({ children, alt, ...props }: import("./badge-tile-media").BadgeTileMediaProps) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
+    Description: () => React.ReactElement | null;
+    DateEarned: () => React.ReactElement | null;
+    Status: () => React.ReactElement | null;
 };
 declare const _default: (props: Omit<BadgeTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/BannerTile/banner-tile-cta.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the call to action of a Banner Tile.
  *
- * @returns JSX.Element or null if no text or required props are present
+ * @returns React.ReactElement or null if no text or required props are present
  */
-export declare const BannerTileCTA: () => JSX.Element | null;
+export declare const BannerTileCTA: () => React.ReactElement | null;

package/dist/types/components/organisms/BannerTile/banner-tile-description.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the description text of a Banner Tile.
  *
- * @returns JSX.Element or null if no description is present
+ * @returns React.ReactElement or null if no description is present
  */
-export declare const BannerTileDescription: () => JSX.Element | null;
+export declare const BannerTileDescription: () => React.ReactElement | null;

package/dist/types/components/organisms/BannerTile/banner-tile-media.d.ts

@@ -1,10 +1,11 @@
+import React from 'react';
 type BannerTileMediaProps = {
     isArtworkOnly: boolean;
 };
 /**
  * Renders the media of a Banner Tile.
  *
- * @returns JSX.Element or null if no media is present
+ * @returns React.ReactElement or null if no media is present
  */
-export declare const BannerTileMedia: ({ isArtworkOnly, }: BannerTileMediaProps) => JSX.Element | null;
+export declare const BannerTileMedia: ({ isArtworkOnly, }: BannerTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/types/components/organisms/BannerTile/banner-tile-title.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders the title of a Banner Tile.
  *
- * @returns JSX.Element or null if no title is present
+ * @returns React.ReactElement or null if no title is present
  */
-export declare const BannerTileTitle: () => JSX.Element | null;
+export declare const BannerTileTitle: () => React.ReactElement | null;

package/dist/types/components/organisms/BannerTile/index.d.ts

@@ -6,13 +6,13 @@ type BannerTileProps = {
 /**
  * The BannerTile component with subcomponents attached.
  */
-export declare const BannerTile: (({ tile }: BannerTileProps) => JSX.Element | null) & {
+export declare const BannerTile: (({ tile }: BannerTileProps) => React.ReactElement | null) & {
     Media: ({ isArtworkOnly, }: {
         isArtworkOnly: boolean;
-    }) => JSX.Element | null;
-    Title: () => JSX.Element | null;
-    Description: () => JSX.Element | null;
-    CTA: () => JSX.Element | null;
+    }) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
+    Description: () => React.ReactElement | null;
+    CTA: () => React.ReactElement | null;
 };
 declare const _default: (props: Omit<BannerTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/ContentTile/content-tile-chevron.d.ts

@@ -1 +1,2 @@
-export declare const ContentTileChevron: () => JSX.Element | null;
+import React from 'react';
+export declare const ContentTileChevron: () => React.ReactElement | null;

package/dist/types/components/organisms/ContentTile/content-tile-media.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 type ContentTileMediaProps = {
     isArtworkOnly: boolean;
 };
-export declare const ContentTileMedia: ({ isArtworkOnly, }: ContentTileMediaProps) => JSX.Element | null;
+export declare const ContentTileMedia: ({ isArtworkOnly, }: ContentTileMediaProps) => React.ReactElement | null;
 export {};

package/dist/types/components/organisms/ContentTile/content-tile-summary.d.ts

@@ -1 +1,2 @@
-export declare const ContentTileSummary: () => JSX.Element | null;
+import React from 'react';
+export declare const ContentTileSummary: () => React.ReactElement | null;

package/dist/types/components/organisms/ContentTile/content-tile-title.d.ts

@@ -1 +1,2 @@
-export declare const ContentTileTitle: () => JSX.Element | null;
+import React from 'react';
+export declare const ContentTileTitle: () => React.ReactElement | null;

package/dist/types/components/organisms/ContentTile/index.d.ts

@@ -6,13 +6,13 @@ type ContentTileProps = {
 /**
  * The ContentTile component with subcomponents attached.
  */
-export declare const ContentTile: (({ tile }: ContentTileProps) => JSX.Element | null) & {
+export declare const ContentTile: (({ tile }: ContentTileProps) => React.ReactElement | null) & {
     Media: ({ isArtworkOnly, }: {
         isArtworkOnly: boolean;
-    }) => JSX.Element | null;
-    Title: () => JSX.Element | null;
-    Summary: () => JSX.Element | null;
-    Chevron: () => JSX.Element | null;
+    }) => React.ReactElement | null;
+    Title: () => React.ReactElement | null;
+    Summary: () => React.ReactElement | null;
+    Chevron: () => React.ReactElement | null;
 };
 declare const _default: (props: Omit<ContentTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/Group/index.d.ts

@@ -27,15 +27,15 @@ export declare const useGroupContext: () => GroupContextType;
  *
  * @param {GroupEmptyStateProps} props - Component props
  * @param {string} props.message - Message to display
- * @returns {JSX.Element} The empty state component
+ * @returns {React.ReactElement} The empty state component
  */
-export declare const GroupEmptyState: ({ message, }: GroupEmptyStateProps) => JSX.Element;
+export declare const GroupEmptyState: ({ message, }: GroupEmptyStateProps) => React.ReactElement;
 /**
  * Component to render all sections in a group
  *
- * @returns {JSX.Element} The sections component
+ * @returns {React.ReactElement} The sections component
  */
-export declare const GroupSections: () => JSX.Element;
+export declare const GroupSections: () => React.ReactElement;
 /**
  * A page-level component that represents a Group view in the application.
  *
@@ -46,7 +46,7 @@ export declare const GroupSections: () => JSX.Element;
  *
  * @param {GroupProps} props - Component props
  * @param {string} props.id - The unique identifier of the group to fetch and display
- * @returns {JSX.Element|null} The rendered group or null if invalid ID
+ * @returns {React.ReactElement|null} The rendered group or null if invalid ID
  */
-declare const Group: ({ id, enablePullToRefresh, onRefresh }: GroupProps) => JSX.Element | null;
+declare const Group: ({ id, enablePullToRefresh, onRefresh }: GroupProps) => React.ReactElement | null;
 export default Group;

package/dist/types/components/organisms/PointsTile/index.d.ts

@@ -6,13 +6,13 @@ type PointsTileProps = {
 /**
  * The PointsTile component with subcomponents attached.
  */
-export declare const PointsTile: (({ tile }: PointsTileProps) => JSX.Element | null) & {
-    Title: () => JSX.Element | null;
-    Points: () => JSX.Element | null;
+export declare const PointsTile: (({ tile }: PointsTileProps) => React.ReactElement | null) & {
+    Title: () => React.ReactElement | null;
+    Points: () => React.ReactElement | null;
     Media: ({ isFullSize, }: {
         isFullSize: boolean;
-    }) => JSX.Element | null;
-    Chevron: () => JSX.Element | null;
+    }) => React.ReactElement | null;
+    Chevron: () => React.ReactElement | null;
 };
 declare const _default: (props: Omit<PointsTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
 export default _default;

package/dist/types/components/organisms/PointsTile/points-tile-chevron.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 /**
  * Renders a chevron icon for a Roundup Tile.
  *
- * @returns JSX.Element
+ * @returns React.ReactElement
  */
-export declare const PointsTileChevron: () => JSX.Element | null;
+export declare const PointsTileChevron: () => React.ReactElement | null;