@wlloyalty/wll-react-sdk 1.0.51 → 1.0.52

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

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

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

@@ -0,0 +1,2 @@
+declare const Indicator: () => JSX.Element;
+export default Indicator;

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

@@ -0,0 +1,2 @@
+declare const LoadingIndicator: () => JSX.Element;
+export default LoadingIndicator;

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { Align, Justify } from '../../../types/common';
+type ColumnProps = {
+    children: React.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    reverse?: boolean;
+    flex?: number;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
+/**
+ * A primitive Column component that extends Layout with vertical direction.
+ * Provides a cleaner API for creating vertically aligned layouts.
+ * @param reverse - When true, reverses the direction of the column (column-reverse)
+ * @param justify - The justify content of the column
+ * @param align - The align items of the column
+ * @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 {};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { ViewProps, ViewStyle } from 'react-native';
+/**
+ * Props for the FullFlex component.
+ *
+ * @param children - The child components to render inside the flex container.
+ * @param style - Optional custom styles to apply to the container.
+ */
+type FullFlexProps = {
+    children: React.ReactNode;
+    style?: ViewStyle;
+} & Omit<ViewProps, 'style'>;
+/**
+ * A FullFlex component that provides a flexible container with `flex: 1`.
+ *
+ * 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 {};

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { Align, FlexDirection, Justify } from '../../../types/common';
+type LayoutProps = {
+    children: React.ReactNode;
+    direction?: FlexDirection;
+    justify?: Justify;
+    align?: Align;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
+/**
+ * A primitive Layout component that provides flexible layout options.
+ * @param direction - The direction of the layout (column or row)
+ * @param justify - The justify content of the layout
+ * @param align - The align items of the layout
+ * @param style - Additional styles to apply to the layout
+ * @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 {};

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { ViewProps } from 'react-native';
+import { Align, Justify } from '../../../types/common';
+type RowProps = {
+    children: React.ReactNode;
+    justify?: Justify;
+    align?: Align;
+    reverse?: boolean;
+    flex?: number;
+    style?: ViewProps['style'];
+} & Omit<ViewProps, 'style'>;
+/**
+ * A primitive Row component that extends Layout with horizontal direction.
+ * Provides a cleaner API for creating horizontally aligned layouts.
+ * @param reverse - When true, reverses the direction of the row (row-reverse)
+ * @param justify - The justify content of the row
+ * @param align - The align items of the row
+ * @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 {};

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

@@ -0,0 +1,17 @@
+import { ViewProps, ViewStyle } from 'react-native';
+/**
+ * Props for the Spacer component.
+ *
+ * @param style - Optional custom styles to apply to the spacer.
+ */
+type SpacerProps = {
+    style?: ViewStyle;
+} & Omit<ViewProps, 'style'>;
+/**
+ * A simple Spacer component that creates flexible space in layouts.
+ *
+ * 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 {};

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

@@ -0,0 +1,5 @@
+export { Column } from './Column';
+export { FullFlex } from './FullFlex';
+export { Layout } from './Layout';
+export { Row } from './Row';
+export { Spacer } from './Spacer';

package/dist/components/atoms/ProgressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const Accent: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const Small: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const Full: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;
+export declare const Empty: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import(".").ProgressBarProps>;

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

@@ -0,0 +1,9 @@
+import { Size, Variant } from '../../../types/theme';
+export type ProgressBarProps = {
+    percentage: number;
+    variant?: Variant;
+    height?: Size;
+    animationDuration?: number;
+};
+declare const ProgressBar: ({ percentage, variant, height, animationDuration, }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/dist/components/atoms/ProgressiveImage/ProgressiveImage.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    [key: string]: any;
+    source: import("react-native").ImageSourcePropType;
+    style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    isDesaturated?: boolean;
+}>;

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

@@ -0,0 +1,9 @@
+import { ImageSourcePropType, StyleProp, ViewStyle } from 'react-native';
+type ProgressiveImageProps = {
+    source: ImageSourcePropType;
+    style?: StyleProp<ViewStyle>;
+    isDesaturated?: boolean;
+    [key: string]: any;
+};
+declare const ProgressiveImage: ({ source, style, isDesaturated, ...props }: ProgressiveImageProps) => JSX.Element;
+export default ProgressiveImage;

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

@@ -0,0 +1,10 @@
+import { ViewStyle } from 'react-native';
+interface SkeletonProps {
+    width?: number | `${number}%`;
+    height?: number | `${number}%`;
+    borderRadius?: number;
+    style?: ViewStyle;
+    numberOfSquares?: number;
+}
+declare const Skeleton: ({ style, numberOfSquares, }: SkeletonProps) => JSX.Element;
+export default Skeleton;

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

@@ -0,0 +1,6 @@
+import { ViewStyle } from 'react-native';
+interface SkeletonTileProps {
+    style?: ViewStyle;
+}
+declare const SkeletonTile: ({ style }: SkeletonTileProps) => JSX.Element;
+export default SkeletonTile;

package/dist/components/atoms/Text/Text.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Text } from '.';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof Text>;
+export declare const Body: Story;
+export declare const Eyebrow: Story;
+export declare const Title: Story;
+export declare const description: Story;
+export declare const Caption: Story;
+export declare const Label: Story;

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

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

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

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

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

@@ -0,0 +1,12 @@
+export { default as Button } from './Button';
+export { default as Icon } from './Icon';
+export { default as LoadingIndicator } from './LoadingIndicator';
+export { default as ProgressBar } from './ProgressBar';
+export { default as ProgressiveImage } from './ProgressiveImage';
+export { default as Text } from './Text';
+export { default as BaseBanner } from './BaseBanner';
+export { default as BaseTile } from './BaseTile';
+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';

package/dist/components/hoc/withTileFetching.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Tile } from '../../types/tile';
+export type WithTileFetchingProps = {
+    tile?: Tile;
+    tileId?: string;
+};
+export declare function withTileFetching<P extends {
+    tile: Tile;
+}>(WrappedComponent: React.ComponentType<P>): (props: Omit<P, "tile"> & WithTileFetchingProps) => React.JSX.Element;

package/dist/components/molecules/Carousel/Carousel.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/molecules/Carousel/Carousel.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section?: import("../../../types/section").TSection;
+}>;
+export declare const SingleItem: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section?: import("../../../types/section").TSection;
+}>;
+export declare const ManyItems: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section?: import("../../../types/section").TSection;
+}>;

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

@@ -0,0 +1,6 @@
+import { TSection } from '../../../types/section';
+type CarouselProps = {
+    section?: TSection;
+};
+declare const Carousel: ({ section }: CarouselProps) => JSX.Element | null;
+export default Carousel;

package/dist/components/molecules/Carousel/styles.d.ts

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useCarouselStyles: (buttonSize?: number) => ReturnType<typeof StyleSheet.create>;

package/dist/components/molecules/Grid/Grid.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/molecules/Grid/Grid.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    section: import("../../../types/section").TSection;
+}>;

package/dist/components/molecules/Grid/index.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { TSection } from '../../../types/section';
+type GridProps = {
+    section: TSection;
+};
+declare const Grid: ({ section }: GridProps) => React.JSX.Element | null;
+export default Grid;

package/dist/components/molecules/ProgressIndicator/ProgressIndicator.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta } from '@storybook/react';
+import ProgressIndicator, { ProgressIndicatorProps } from '.';
+declare const _default: Meta<typeof ProgressIndicator>;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
+export declare const Incomplete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
+export declare const AlmostComplete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;
+export declare const Complete: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ProgressIndicatorProps>;

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

@@ -0,0 +1,10 @@
+import { Size, Variant } from '../../../types/theme';
+export type ProgressIndicatorProps = {
+    currentPoints: number;
+    maxPoints: number;
+    variant?: Variant;
+    height?: Size;
+    attained?: boolean;
+};
+export declare const ProgressIndicator: ({ currentPoints, maxPoints, variant, height, attained, }: ProgressIndicatorProps) => JSX.Element;
+export default ProgressIndicator;

package/dist/components/molecules/SectionHeader/SectionHeader.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/molecules/SectionHeader/SectionHeader.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    title?: string;
+    description?: string;
+}>;

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

@@ -0,0 +1,6 @@
+type SectionHeaderProps = {
+    title?: string;
+    description?: string;
+};
+declare const SectionHeader: ({ title, description, }: SectionHeaderProps) => JSX.Element | null;
+export default SectionHeader;

package/dist/components/molecules/SectionHeader/styles.d.ts

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useSectionHeaderStyles: () => ReturnType<typeof StyleSheet.create>;

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

@@ -0,0 +1,4 @@
+export { default as Carousel } from './Carousel';
+export { default as Grid } from './Grid';
+export { default as ProgressIndicator } from './ProgressIndicator';
+export { default as SectionHeader } from './SectionHeader';

package/dist/components/organisms/BadgeTile/BadgeTile.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/organisms/BadgeTile/BadgeTile.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const LatestNoBadgesEarned: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const LatestEarned: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const SpecificBadgeNotEarned: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const SpecificBadgeHighCount: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const SpecificBadgeAwardedOnce: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const SpecificBadgeNotEarnedNoEmpty: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

@@ -0,0 +1 @@
+export declare const BadgeTileDateEarned: () => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const BadgeTileDescription: () => JSX.Element | null;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { ProgressiveImage } from '../../atoms';
+export type BadgeTileMediaProps = {
+    children?: React.ReactNode;
+} & Omit<React.ComponentProps<typeof ProgressiveImage>, 'source'>;
+export declare const BadgeTileMedia: ({ children, ...props }: BadgeTileMediaProps) => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const BadgeTileStatus: () => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const BadgeTileTitle: () => JSX.Element | null;

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { Tile } from '../../../types/tile';
+type BadgeTileProps = {
+    tile: Tile;
+};
+/**
+ * The BadgeTile component with subcomponents attached.
+ */
+export declare const BadgeTile: (({ tile }: BadgeTileProps) => JSX.Element | null) & {
+    Media: ({ children, ...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;
+};
+declare const _default: (props: Omit<BadgeTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
+export default _default;

package/dist/components/organisms/BadgeTile/styles.d.ts

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useBadgeTileStyles: () => ReturnType<typeof StyleSheet.create>;

package/dist/components/organisms/BannerTile/BannerTile.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/dist/components/organisms/BannerTile/BannerTile.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta;
+export default _default;
+export declare const SeasonalPromotionBanner: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const LoyaltyTierUpgrade: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const RewardsHighlight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

@@ -0,0 +1 @@
+export declare const BannerTileCTA: () => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const BannerTileDescription: () => JSX.Element | null;

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

@@ -0,0 +1,5 @@
+type BannerTileMediaProps = {
+    isArtworkOnly: boolean;
+};
+export declare const BannerTileMedia: ({ isArtworkOnly, }: BannerTileMediaProps) => JSX.Element | null;
+export {};

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

@@ -0,0 +1 @@
+export declare const BannerTileTitle: () => JSX.Element | null;

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

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

package/dist/components/organisms/BannerTile/styles.d.ts

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useBannerTileStyles: () => ReturnType<typeof StyleSheet.create>;

package/dist/components/organisms/ContentTile/ContentTile.spec.d.ts

@@ -0,0 +1,2 @@
+import { Tile } from '../../../types/tile';
+export declare const ContentTileMock: Tile;

package/dist/components/organisms/ContentTile/ContentTile.stories.d.ts

@@ -0,0 +1,28 @@
+import { Meta } from '@storybook/react';
+import ContentTile from '.';
+declare const _default: Meta<typeof ContentTile>;
+export default _default;
+export declare const FullSizeWelcomeTier: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullSizeRewardHighlight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullSizeMilestoneAlert: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullSizePointsExpiry: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HalfSizeBirthdayReward: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HalfSizePointsBoost: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const HalfSizeReferralBonus: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;
+export declare const FullSizePartnerRewards: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Omit<{
+    tile: import("../../../types/tile").Tile;
+}, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps>;

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

@@ -0,0 +1 @@
+export declare const ContentTileBody: () => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const ContentTileContainer: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export declare const ContentTileContent: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;

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

@@ -0,0 +1 @@
+export declare const ContentTileHeader: () => JSX.Element | null;

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

@@ -0,0 +1 @@
+export declare const ContentTileMedia: () => JSX.Element;

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

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Tile } from '../../../types/tile';
+type ContentTileProps = {
+    tile: Tile;
+};
+/**
+ * The ContentTile component with subcomponents attached.
+ */
+export declare const ContentTile: (({ tile }: ContentTileProps) => JSX.Element | null) & {
+    Container: ({ children, }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    Media: () => JSX.Element;
+    Content: ({ children, }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+    Header: () => JSX.Element | null;
+    Body: () => JSX.Element;
+};
+declare const _default: (props: Omit<ContentTileProps, "tile"> & import("../../hoc/withTileFetching").WithTileFetchingProps) => React.JSX.Element;
+export default _default;

package/dist/components/organisms/ContentTile/styles.d.ts

@@ -0,0 +1,2 @@
+import { StyleSheet } from 'react-native';
+export declare const useContentTileStyles: () => ReturnType<typeof StyleSheet.create>;

package/dist/components/organisms/Group/Group.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Group from './index';
+declare const meta: Meta<typeof Group>;
+export default meta;
+type Story = StoryObj<typeof Group>;
+export declare const EmptyGroup: Story;
+export declare const EmptySections: Story;
+export declare const FullGroup: Story;
+export declare const GamificationFullGroup: Story;
+export declare const AirMilesTravelFullGroup: Story;

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { TGroup } from '../../../types/group';
+type GroupProps = {
+    id: string;
+};
+type GroupContextType = {
+    groupData: TGroup;
+};
+type GroupEmptyStateProps = {
+    message: string;
+};
+export declare const GroupContext: React.Context<GroupContextType | undefined>;
+export declare const useGroupContext: () => GroupContextType;
+/**
+ * A page-level component that represents a Group view in the application.
+ *
+ * This component serves as a container page that manages the fetching and display
+ * of a group's data and its associated sections. It handles various states including
+ * loading, errors, and empty states, providing a complete page experience for
+ * viewing group content.
+ *
+ * @param id - The unique identifier of the group to fetch and display.
+ */
+declare const Group: ({ id }: GroupProps) => JSX.Element | null;
+export default Group;
+export declare const GroupSections: () => JSX.Element;
+export declare const GroupEmptyState: ({ message, }: GroupEmptyStateProps) => JSX.Element;

package/dist/components/organisms/PointsTile/PointsTile.spec.d.ts

@@ -0,0 +1,3 @@
+import '@testing-library/jest-dom';
+import { Tile } from '../../../types/tile';
+export declare const PointsTileMock: Tile;