@aws-amplify/ui-react-native 0.0.0-fileuploader-41bde68-20221115171326

package/dist/__mocks__/@react-native-async-storage/async-storage.d.ts

@@ -0,0 +1 @@
+export { default } from '@react-native-async-storage/async-storage/jest/async-storage-mock';

package/dist/__mocks__/@react-native-async-storage/async-storage.js

@@ -0,0 +1,2 @@
+// mock RN AsyncStorage module to prevent errors from Amplify JS usage of the module
+export { default } from '@react-native-async-storage/async-storage/jest/async-storage-mock';

package/dist/__mocks__/@react-native-community/netinfo.d.ts

@@ -0,0 +1 @@
+export { default } from '@react-native-community/netinfo/jest/netinfo-mock.js';

package/dist/__mocks__/@react-native-community/netinfo.js

@@ -0,0 +1,2 @@
+// mock RN NetInfo module to prevent errors from Amplify JS usage of the module
+export { default } from '@react-native-community/netinfo/jest/netinfo-mock.js';

package/dist/__mocks__/react-native-safe-area-context.d.ts

@@ -0,0 +1,3 @@
+declare const SafeAreaProvider = "SafeAreaProvider";
+declare const SafeAreaView = "SafeAreaView";
+export { SafeAreaProvider, SafeAreaView };

package/dist/__mocks__/react-native-safe-area-context.js

@@ -0,0 +1,4 @@
+jest.mock('react-native-safe-area-context');
+const SafeAreaProvider = 'SafeAreaProvider';
+const SafeAreaView = 'SafeAreaView';
+export { SafeAreaProvider, SafeAreaView };

package/dist/assets/icons/index.d.ts

@@ -0,0 +1,7 @@
+import { ImageSourcePropType } from 'react-native';
+declare const icons: {
+    checkboxFilled: ImageSourcePropType;
+    checkboxOutline: ImageSourcePropType;
+    close: ImageSourcePropType;
+};
+export default icons;

package/dist/assets/icons/index.js

@@ -0,0 +1,6 @@
+const icons = {
+    checkboxFilled: require('./checkboxFilled.png'),
+    checkboxOutline: require('./checkboxOutline.png'),
+    close: require('./close.png'),
+};
+export default icons;

package/dist/assets/icons/index.ts

@@ -0,0 +1,9 @@
+import { ImageSourcePropType } from 'react-native';
+
+const icons = {
+  checkboxFilled: require('./checkboxFilled.png') as ImageSourcePropType,
+  checkboxOutline: require('./checkboxOutline.png') as ImageSourcePropType,
+  close: require('./close.png') as ImageSourcePropType,
+};
+
+export default icons;

package/dist/assets/index.d.ts

@@ -0,0 +1 @@
+export { default as icons } from './icons';

package/dist/assets/index.js

@@ -0,0 +1 @@
+export { default as icons } from './icons';

package/dist/assets/index.ts

@@ -0,0 +1 @@
+export { default as icons } from './icons';

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export { DeviceOrientation, useDeviceOrientation, } from './useDeviceOrientation';

package/dist/hooks/index.js

@@ -0,0 +1 @@
+export { useDeviceOrientation, } from './useDeviceOrientation';

package/dist/hooks/useDeviceOrientation/index.d.ts

@@ -0,0 +1 @@
+export { default as useDeviceOrientation, DeviceOrientation, } from './useDeviceOrientation';

package/dist/hooks/useDeviceOrientation/index.js

@@ -0,0 +1 @@
+export { default as useDeviceOrientation, } from './useDeviceOrientation';

package/dist/hooks/useDeviceOrientation/useDeviceOrientation.d.ts

@@ -0,0 +1,6 @@
+export declare type DeviceOrientation = 'portrait' | 'landscape';
+export default function useDeviceOrientation(): {
+    deviceOrientation: DeviceOrientation;
+    isLandscapeMode: boolean;
+    isPortraitMode: boolean;
+};

package/dist/hooks/useDeviceOrientation/useDeviceOrientation.js

@@ -0,0 +1,33 @@
+import { useEffect, useState } from 'react';
+import { Dimensions } from 'react-native';
+const getDeviceOrientation = () => {
+    const { height, width } = Dimensions.get('screen');
+    return height >= width ? 'portrait' : 'landscape';
+};
+export default function useDeviceOrientation() {
+    const [deviceOrientation, setDeviceOrientation] = useState(getDeviceOrientation);
+    const isLandscapeMode = deviceOrientation === 'landscape';
+    const isPortraitMode = deviceOrientation === 'portrait';
+    useEffect(() => {
+        const handler = () => {
+            setDeviceOrientation(getDeviceOrientation);
+        };
+        // The below cast and conditional unsubscribe handling is due to subscription removal variation
+        // between `Dimensions.addEventListener` in React Native prior to and after v0.65.
+        //
+        // Beginning with v0.65, `Dimensions.addEventListener` returns an `EventSubscription` object,
+        // which includes a `remove` method for removing the subscription. Prior versions return
+        // `undefined`, and subscription removal is handled by `Dimensions.removeEventListener`,
+        // which is deprecated in v0.65
+        const subscription = Dimensions.addEventListener('change', handler);
+        return () => {
+            if (typeof subscription?.remove === 'function') {
+                subscription.remove();
+            }
+            else {
+                Dimensions.removeEventListener('change', handler);
+            }
+        };
+    }, []);
+    return { deviceOrientation, isLandscapeMode, isPortraitMode };
+}

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './InAppMessaging';

package/dist/index.js

@@ -0,0 +1 @@
+export * from './InAppMessaging';

package/dist/primitives/Button/Button.d.ts

@@ -0,0 +1,2 @@
+import { ButtonProps } from './types';
+export default function Button({ children, textStyle, ...pressableProps }: ButtonProps): JSX.Element;

package/dist/primitives/Button/Button.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Pressable, Text } from 'react-native';
+import { styles } from './styles';
+export default function Button({ children, textStyle, ...pressableProps }) {
+    return (<Pressable {...pressableProps}>
+      {typeof children === 'string' ? (<Text style={[styles.text, textStyle]}>{children}</Text>) : (children)}
+    </Pressable>);
+}

package/dist/primitives/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Button } from './Button';
+export { ButtonProps, ButtonStyles } from './types';

package/dist/primitives/Button/index.js

@@ -0,0 +1 @@
+export { default as Button } from './Button';

package/dist/primitives/Button/styles.d.ts

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

package/dist/primitives/Button/styles.js

@@ -0,0 +1,4 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    text: { alignSelf: 'center' },
+});

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

@@ -0,0 +1,7 @@
+import { PressableProps, StyleProp, TextStyle } from 'react-native';
+export interface ButtonProps extends PressableProps {
+    textStyle?: StyleProp<TextStyle>;
+}
+export interface ButtonStyles {
+    text: TextStyle;
+}

package/dist/primitives/Button/types.js

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

package/dist/primitives/Carousel/Carousel.d.ts

@@ -0,0 +1,2 @@
+import { CarouselProps } from './types';
+export default function Carousel<T>(props: CarouselProps<T>): JSX.Element | null;

package/dist/primitives/Carousel/Carousel.js

@@ -0,0 +1,58 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Dimensions, FlatList, View, } from 'react-native';
+import CarouselPageIndicator from './CarouselPageIndicator';
+import { VIEWABILITY_CONFIG } from './constants';
+import { styles } from './styles';
+export default function Carousel(props) {
+    const { data, indicatorActiveStyle, indicatorInactiveStyle, renderItem, style, } = props;
+    const flatListRef = useRef(null);
+    const indexRef = useRef(0);
+    const [currentIndex, setCurrentIndex] = useState(0);
+    const windowWidthRef = useRef(Dimensions.get('window').width);
+    const [width, setWidth] = useState(windowWidthRef.current);
+    const onViewableItemsChanged = useRef(({ viewableItems }) => {
+        if (viewableItems.length !== 1) {
+            return;
+        }
+        const [item] = viewableItems;
+        indexRef.current = item.index;
+        setCurrentIndex(indexRef.current);
+    });
+    const updateOrientation = useCallback((updatedWidth) => {
+        if (windowWidthRef.current !== updatedWidth) {
+            windowWidthRef.current = updatedWidth;
+            setWidth(updatedWidth);
+        }
+    }, []);
+    useEffect(() => {
+        // on width change (due to orientation change), jump to the new index offset
+        flatListRef?.current?.scrollToOffset({
+            offset: width * indexRef.current,
+            animated: false,
+        });
+    }, [width]);
+    useEffect(() => {
+        const orientationHandler = ({ window }) => {
+            updateOrientation(window.width);
+        };
+        const subscription = Dimensions.addEventListener('change', orientationHandler);
+        // Clean up listener. Dimensions.removeEventListener is deprecated as of React Native 0.65 but it is technically
+        // available so try to remove via a `EmitterSubscription` first before falling back to `removeEventListener`
+        return () => {
+            if (typeof subscription?.remove === 'function') {
+                subscription?.remove();
+            }
+            else {
+                Dimensions.removeEventListener('change', orientationHandler);
+            }
+        };
+    }, [updateOrientation]);
+    const carouselRenderItem = (renderInfo) => (<View style={{ width }}>{renderItem(renderInfo)}</View>);
+    if (!data?.length) {
+        return null;
+    }
+    return (<>
+      <FlatList bounces={false} data={data} decelerationRate="fast" disableIntervalMomentum horizontal onViewableItemsChanged={onViewableItemsChanged.current} ref={flatListRef} renderItem={carouselRenderItem} renderToHardwareTextureAndroid showsHorizontalScrollIndicator={false} showsVerticalScrollIndicator={false} snapToAlignment="start" snapToInterval={width} style={style} viewabilityConfig={VIEWABILITY_CONFIG}/>
+      <CarouselPageIndicator activeStyle={indicatorActiveStyle} currentIndex={currentIndex} inactiveStyle={indicatorInactiveStyle} numberOfItems={data.length} style={styles.indicator}/>
+    </>);
+}

package/dist/primitives/Carousel/CarouselPageIndicator.d.ts

@@ -0,0 +1,2 @@
+import { CarouselPageIndicatorProps } from './types';
+export default function CarouselPageIndicator({ activeStyle, currentIndex, inactiveStyle, numberOfItems, style, }: CarouselPageIndicatorProps): JSX.Element;

package/dist/primitives/Carousel/CarouselPageIndicator.js

@@ -0,0 +1,10 @@
+import React, { useMemo } from 'react';
+import { View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import { DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE, DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE, } from './constants';
+export default function CarouselPageIndicator({ activeStyle, currentIndex, inactiveStyle, numberOfItems, style, }) {
+    const items = useMemo(() => new Array(numberOfItems ?? 0)
+        .fill(null)
+        .map((_, index) => (currentIndex ?? 0) === index ? (<View style={[DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE, activeStyle]} key={`indicator-item-${index}`}/>) : (<View style={[DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE, inactiveStyle]} key={`indicator-item-${index}`}/>)), [activeStyle, currentIndex, inactiveStyle, numberOfItems]);
+    return <SafeAreaView style={style}>{items}</SafeAreaView>;
+}

package/dist/primitives/Carousel/constants.d.ts

@@ -0,0 +1,9 @@
+import { ViewStyle } from 'react-native';
+export declare const DEFAULT_CAROUSEL_COLOR_ACTIVE = "#a1a1a1";
+export declare const DEFAULT_CAROUSEL_COLOR_INACTIVE = "#d8d8d8";
+export declare const DEFAULT_CAROUSEL_INDICATOR_SIZE = 12;
+export declare const DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE: ViewStyle;
+export declare const DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE: ViewStyle;
+export declare const VIEWABILITY_CONFIG: {
+    itemVisiblePercentThreshold: number;
+};

package/dist/primitives/Carousel/constants.js

@@ -0,0 +1,18 @@
+export const DEFAULT_CAROUSEL_COLOR_ACTIVE = '#a1a1a1';
+export const DEFAULT_CAROUSEL_COLOR_INACTIVE = '#d8d8d8';
+export const DEFAULT_CAROUSEL_INDICATOR_SIZE = 12;
+const DEFAULT_CAROUSEL_INDICATOR_STYLE = {
+    borderRadius: DEFAULT_CAROUSEL_INDICATOR_SIZE / 2,
+    height: DEFAULT_CAROUSEL_INDICATOR_SIZE,
+    margin: DEFAULT_CAROUSEL_INDICATOR_SIZE / 3,
+    width: DEFAULT_CAROUSEL_INDICATOR_SIZE,
+};
+export const DEFAULT_CAROUSEL_INDICATOR_ACTIVE_STYLE = {
+    ...DEFAULT_CAROUSEL_INDICATOR_STYLE,
+    backgroundColor: DEFAULT_CAROUSEL_COLOR_ACTIVE,
+};
+export const DEFAULT_CAROUSEL_INDICATOR_INACTIVE_STYLE = {
+    ...DEFAULT_CAROUSEL_INDICATOR_STYLE,
+    backgroundColor: DEFAULT_CAROUSEL_COLOR_INACTIVE,
+};
+export const VIEWABILITY_CONFIG = { itemVisiblePercentThreshold: 60 };

package/dist/primitives/Carousel/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Carousel } from './Carousel';
+export { DEFAULT_CAROUSEL_INDICATOR_SIZE } from './constants';
+export { CarouselProps } from './types';

package/dist/primitives/Carousel/index.js

@@ -0,0 +1,2 @@
+export { default as Carousel } from './Carousel';
+export { DEFAULT_CAROUSEL_INDICATOR_SIZE } from './constants';

package/dist/primitives/Carousel/styles.d.ts

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

package/dist/primitives/Carousel/styles.js

@@ -0,0 +1,11 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    indicator: {
+        bottom: 0,
+        flexDirection: 'row',
+        justifyContent: 'center',
+        left: 0,
+        position: 'absolute',
+        right: 0,
+    },
+});

package/dist/primitives/Carousel/types.d.ts

@@ -0,0 +1,19 @@
+import { ListRenderItem, StyleProp, ViewStyle } from 'react-native';
+export interface CarouselProps<T> {
+    data: ReadonlyArray<T>;
+    indicatorActiveStyle?: StyleProp<ViewStyle>;
+    indicatorInactiveStyle?: StyleProp<ViewStyle>;
+    onClose?: () => void;
+    renderItem: ListRenderItem<T>;
+    style?: StyleProp<ViewStyle>;
+}
+export interface CarouselPageIndicatorProps {
+    activeStyle?: StyleProp<ViewStyle>;
+    currentIndex: number | null;
+    inactiveStyle?: StyleProp<ViewStyle>;
+    numberOfItems: number;
+    style?: StyleProp<ViewStyle>;
+}
+export interface CarouselStyles {
+    indicator: ViewStyle;
+}

package/dist/primitives/Carousel/types.js

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

package/dist/primitives/Checkbox/Checkbox.d.ts

@@ -0,0 +1,2 @@
+import { CheckboxProps } from './types';
+export default function Checkbox<T>({ accessibilityRole, iconStyle, disabled, label, labelPosition, labelStyle, onChange, selected, size, style, value, ...rest }: CheckboxProps<T>): JSX.Element;

package/dist/primitives/Checkbox/Checkbox.js

@@ -0,0 +1,23 @@
+import React, { useCallback, useMemo, useState } from 'react';
+import { Pressable } from 'react-native';
+import { icons } from '../../assets';
+import { styles } from './styles';
+import { Label } from '../Label';
+import { getFlexDirectionFromLabelPosition } from '../Label/utils';
+import { Icon } from '../Icon';
+export default function Checkbox({ accessibilityRole = 'checkbox', iconStyle, disabled, label, labelPosition = 'end', labelStyle, onChange, selected, size, style, value, ...rest }) {
+    const [checked, setChecked] = useState(selected ?? false);
+    const handleOnChange = useCallback(() => {
+        onChange?.(value);
+        setChecked(!checked);
+    }, [onChange, value, checked]);
+    const containerStyle = useMemo(() => ({
+        ...styles.container,
+        flexDirection: getFlexDirectionFromLabelPosition(labelPosition),
+        opacity: disabled ? 0.6 : 1,
+    }), [disabled, labelPosition]);
+    return (<Pressable {...rest} accessibilityRole={accessibilityRole} disabled={disabled} onPress={handleOnChange} style={[containerStyle, style]}>
+      <Icon source={checked ? icons.checkboxFilled : icons.checkboxOutline} size={size} style={iconStyle}/>
+      {label ? <Label style={labelStyle}>{label}</Label> : null}
+    </Pressable>);
+}

package/dist/primitives/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxProps } from './types';

package/dist/primitives/Checkbox/index.js

@@ -0,0 +1 @@
+export { default as Checkbox } from './Checkbox';

package/dist/primitives/Checkbox/styles.d.ts

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

package/dist/primitives/Checkbox/styles.js

@@ -0,0 +1,6 @@
+export const styles = {
+    container: {
+        alignItems: 'center',
+        padding: 4,
+    },
+};

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

@@ -0,0 +1,18 @@
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import { IconProps } from '../Icon/types';
+import { LabelProps } from '../Label';
+import { LabelPosition } from '../Label/types';
+export interface CheckboxProps<T> extends PressableProps {
+    iconStyle?: IconProps['style'];
+    label?: string;
+    labelPosition?: LabelPosition;
+    labelStyle?: LabelProps['style'];
+    onChange: (value: T) => void;
+    selected?: boolean;
+    size?: number;
+    style?: StyleProp<ViewStyle>;
+    value: T;
+}
+export interface CheckboxStyle {
+    container: ViewStyle;
+}

package/dist/primitives/Checkbox/types.js

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

package/dist/primitives/Heading/Heading.d.ts

@@ -0,0 +1,2 @@
+import { HeadingProps } from './types';
+export default function Heading({ accessibilityRole, children, level, style, ...rest }: HeadingProps): JSX.Element;

package/dist/primitives/Heading/Heading.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { styles } from './styles';
+export default function Heading({ accessibilityRole = 'header', children, level = 6, style, ...rest }) {
+    return (<Text {...rest} accessibilityRole={accessibilityRole} style={[styles.text, styles[level], style]}>
+      {children}
+    </Text>);
+}

package/dist/primitives/Heading/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Heading } from './Heading';
+export { HeadingProps, HeadingStyles } from './types';

package/dist/primitives/Heading/index.js

@@ -0,0 +1 @@
+export { default as Heading } from './Heading';

package/dist/primitives/Heading/styles.d.ts

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

package/dist/primitives/Heading/styles.js

@@ -0,0 +1,14 @@
+import { StyleSheet } from 'react-native';
+import { getLineHeight } from '../../utils';
+export const styles = StyleSheet.create({
+    text: {
+        color: 'black',
+    },
+    // these values are completely arbitrary for now
+    1: { fontSize: 56, fontWeight: '100', lineHeight: getLineHeight(56) },
+    2: { fontSize: 44, fontWeight: '200', lineHeight: getLineHeight(44) },
+    3: { fontSize: 34, fontWeight: '300', lineHeight: getLineHeight(34) },
+    4: { fontSize: 26, fontWeight: '500', lineHeight: getLineHeight(26) },
+    5: { fontSize: 20, fontWeight: '700', lineHeight: getLineHeight(20) },
+    6: { fontSize: 16, fontWeight: '900', lineHeight: getLineHeight(16) },
+});

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

@@ -0,0 +1,11 @@
+import { TextProps, TextStyle } from 'react-native';
+declare type Level = 1 | 2 | 3 | 4 | 5 | 6;
+export interface HeadingProps extends TextProps {
+    level?: Level;
+}
+export declare type HeadingStyles = {
+    text: TextStyle;
+} & {
+    [key in Level]: TextStyle;
+};
+export {};

package/dist/primitives/Heading/types.js

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

package/dist/primitives/Icon/Icon.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from './types';
+export default function Icon({ animated, color, size, style, ...rest }: IconProps): JSX.Element;

package/dist/primitives/Icon/Icon.js

@@ -0,0 +1,10 @@
+import React, { useMemo } from 'react';
+import { Animated, Image } from 'react-native';
+import { getStyles } from './styles';
+export default function Icon({ animated, color, size, style, ...rest }) {
+    const { icon } = useMemo(() => getStyles(color, size), [color, size]);
+    if (animated) {
+        return <Animated.Image {...rest} style={[icon, style]}/>;
+    }
+    return <Image {...rest} style={[icon, style]}/>;
+}

package/dist/primitives/Icon/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Icon } from './Icon';
+export { IconProps } from './types';

package/dist/primitives/Icon/index.js

@@ -0,0 +1 @@
+export { default as Icon } from './Icon';

package/dist/primitives/Icon/styles.d.ts

@@ -0,0 +1,2 @@
+import { IconProps, IconStyles } from './types';
+export declare const getStyles: (color: IconProps['color'], size: IconProps['size']) => IconStyles;

package/dist/primitives/Icon/styles.js

@@ -0,0 +1,9 @@
+import { StyleSheet } from 'react-native';
+export const getStyles = (color, size) => StyleSheet.create({
+    icon: {
+        height: size,
+        resizeMode: 'contain',
+        tintColor: color,
+        width: size,
+    },
+});

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

@@ -0,0 +1,18 @@
+import { ColorValue, ImageProps, ImageStyle } from 'react-native';
+export interface IconStyles {
+    icon: ImageStyle;
+}
+export interface IconProps extends ImageProps {
+    /**
+     * Whether the icon is animated
+     */
+    animated?: boolean;
+    /**
+     * Color to be applied to the icon
+     */
+    color?: ColorValue;
+    /**
+     * Icon size
+     */
+    size?: number;
+}

package/dist/primitives/Icon/types.js

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

package/dist/primitives/IconButton/IconButton.d.ts

@@ -0,0 +1,2 @@
+import { IconButtonProps } from './types';
+export default function IconButton({ color, iconStyle, source, size, ...rest }: IconButtonProps): JSX.Element;

package/dist/primitives/IconButton/IconButton.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Pressable } from 'react-native';
+import { Icon } from '../Icon';
+export default function IconButton({ color, iconStyle, source, size = 16, ...rest }) {
+    return (<Pressable {...rest}>
+      <Icon color={color} size={size} source={source} style={iconStyle}/>
+    </Pressable>);
+}

package/dist/primitives/IconButton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as IconButton } from './IconButton';
+export { IconButtonProps, IconButtonStyles } from './types';

package/dist/primitives/IconButton/index.js

@@ -0,0 +1 @@
+export { default as IconButton } from './IconButton';

package/dist/primitives/IconButton/styles.js

@@ -0,0 +1 @@
+"use strict";

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

@@ -0,0 +1,22 @@
+import { ColorValue, ImageSourcePropType, ImageStyle, PressableProps, StyleProp } from 'react-native';
+export interface IconButtonStyles {
+    icon: ImageStyle;
+}
+export interface IconButtonProps extends PressableProps {
+    /**
+     * Color to be applied to the icon
+     */
+    color?: ColorValue;
+    /**
+     * Icon style properties
+     */
+    iconStyle?: StyleProp<ImageStyle>;
+    /**
+     * Icon source, only supports images at this time
+     */
+    source: ImageSourcePropType;
+    /**
+     * Icon size
+     */
+    size?: number;
+}

package/dist/primitives/IconButton/types.js

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

package/dist/primitives/Label/Label.d.ts

@@ -0,0 +1,2 @@
+import { LabelProps } from './types';
+export default function Label({ accessibilityRole, children, style, ...rest }: LabelProps): JSX.Element;

package/dist/primitives/Label/Label.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Text } from 'react-native';
+import { styles } from './styles';
+export default function Label({ accessibilityRole = 'text', children, style, ...rest }) {
+    return (<Text {...rest} accessibilityRole={accessibilityRole} style={[styles.label, style]}>
+      {children}
+    </Text>);
+}

package/dist/primitives/Label/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Label } from './Label';
+export { LabelProps } from './types';

package/dist/primitives/Label/index.js

@@ -0,0 +1 @@
+export { default as Label } from './Label';

package/dist/primitives/Label/styles.d.ts

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

package/dist/primitives/Label/styles.js

@@ -0,0 +1,4 @@
+import { StyleSheet } from 'react-native';
+export const styles = StyleSheet.create({
+    label: { fontSize: 16, marginVertical: 2, marginHorizontal: 4 },
+});