@aic-kits/react-native 0.0.3 → 0.0.4

package/lib/components/Avatar/index.d.ts

@@ -0,0 +1,3 @@
+import type { AvatarProps } from './types';
+export declare const Avatar: (props: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Avatar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAW3C,eAAO,MAAM,MAAM,UAAW,WAAW,4CAmExC,CAAC"}

package/lib/components/Avatar/index.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/native';
+import isNil from 'lodash/fp/isNil';
+import isNumber from 'lodash/fp/isNumber';
+import { useState } from 'react';
+import { auth } from '../../auth';
+import { useTheme } from '../../theme';
+import { Art, Image, Svg } from '../Art';
+import { Box } from '../Box';
+import { getCornerIcon } from './utils';
+import { AvatarWrapper } from './Wrapper';
+const StyledContainer = styled.View(({ size }) => ({
+    borderRadius: size / 2,
+    overflow: 'hidden',
+}));
+export const Avatar = (props) => {
+    const theme = useTheme();
+    const themeAvatar = theme.__hd__.avatar;
+    const [avatarUrl, setAvatarUrl] = useState(auth.currentUser?.photoURL);
+    const { userId, size = themeAvatar.defaultSize, loading, editable, followable, followed, } = props;
+    const artSize = isNumber(size)
+        ? size
+        : themeAvatar.sizes[size ||
+            themeAvatar.defaultSize];
+    const isEditable = editable && isNil(userId) && size === 'large';
+    const isFollowable = followable && !isNil(userId) && size === 'large';
+    const isFollowed = followed && !isNil(userId) && size === 'large';
+    const cornerIcon = getCornerIcon({
+        isEditable,
+        isFollowable,
+        isFollowed,
+    });
+    const handleAvatarChange = () => {
+        setAvatarUrl(auth.currentUser?.photoURL);
+    };
+    return (_jsxs(AvatarWrapper, { loading: loading, editable: isEditable, followable: isFollowable, followed: isFollowed, onAvatarChange: handleAvatarChange, children: [_jsx(StyledContainer, { size: artSize, children: avatarUrl ? (_jsx(Image, { art: avatarUrl, size: artSize })) : (_jsx(Svg, { art: require('./assets/example.svg'), size: artSize })) }), cornerIcon && (_jsx(Box, { absoluteFill: true, top: undefined, left: undefined, bottom: 0, right: 0, children: _jsx(Art, { type: "icon", art: cornerIcon, color: themeAvatar.icon.color, size: themeAvatar.icon.size }) }))] }));
+};

package/lib/components/Avatar/types.d.ts

@@ -0,0 +1,51 @@
+import type { AvatarSize } from '../../theme';
+export interface AvatarProps {
+    /**
+     * User id to show the avatar. Leave `undefined` to use the current user's avatar.
+     */
+    userId?: string;
+    /**
+     * Size of the avatar.
+     *
+     * @default "large"
+     */
+    size?: AvatarSize | number;
+    /**
+     * If true, the avatar will be shown as a loading state.
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * If true and userId is not provided (current user), the editing button will be shown.
+     * Only applicable with `large` size.
+     *
+     * @default false
+     */
+    editable?: boolean;
+    /**
+     * If true and userId is provided, the follow button will be shown.
+     * Only applicable with `large` size.
+     *
+     * @default false
+     */
+    followable?: boolean;
+    /**
+     * If true, the avatar will be shown as a followed avatar.
+     * Only applicable with `large` size and `followable` is true.
+     *
+     * @default false
+     */
+    followed?: boolean;
+    /**
+     * Function to be called when the follow button is pressed.
+     */
+    onPressFollow?: (followed: boolean) => void;
+    /**
+     * Required size for the avatar image.
+     *
+     * @default 1080
+     */
+    requiredSize?: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Avatar/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,WAAW;IAC3B;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAE3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/lib/components/Avatar/types.js

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

package/lib/components/Avatar/utils.d.ts

@@ -0,0 +1,6 @@
+export declare const getCornerIcon: ({ isEditable, isFollowable, isFollowed, }: {
+    isEditable: boolean | undefined;
+    isFollowable: boolean | undefined;
+    isFollowed: boolean | undefined;
+}) => "tick-square-bold" | "edit-square-bold" | "plus-bold" | undefined;
+//# sourceMappingURL=utils.d.ts.map

package/lib/components/Avatar/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,8CAIvB;IACD,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,YAAY,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAC;CACjC,sEAUA,CAAC"}

package/lib/components/Avatar/utils.js

@@ -0,0 +1,9 @@
+export const getCornerIcon = ({ isEditable, isFollowable, isFollowed, }) => {
+    if (isEditable) {
+        return 'edit-square-bold';
+    }
+    if (isFollowable) {
+        return isFollowed ? 'tick-square-bold' : 'plus-bold';
+    }
+    return undefined;
+};

package/lib/components/Base/BaseFooter.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { Color } from '../../theme';
+import type { BaseFooterProps, BaseHomeIndicatorParams } from './types';
+export declare const BaseFooter: React.FC<BaseFooterProps & {
+    backgroundColor?: Color;
+    homeIndicator?: BaseHomeIndicatorParams | false;
+}>;
+//# sourceMappingURL=BaseFooter.d.ts.map

package/lib/components/Base/BaseFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Base/BaseFooter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAKzC,OAAO,KAAK,EACV,eAAe,EACf,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG;IACnD,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,uBAAuB,GAAG,KAAK,CAAC;CAChD,CA4CA,CAAC"}

package/lib/components/Base/BaseFooter.js

@@ -0,0 +1,18 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isNil } from 'lodash';
+import React from 'react';
+import { Platform } from 'react-native';
+import { useKeyboard } from '../../hooks';
+import { Box } from '../Box';
+import { Button } from '../Button';
+import { Divider } from '../Divider';
+export const BaseFooter = ({ primaryButton, secondaryButton, backgroundColor, homeIndicator, }) => {
+    const { keyboardShown } = useKeyboard();
+    if (isNil(primaryButton) && isNil(secondaryButton)) {
+        return _jsx(_Fragment, {});
+    }
+    const isShowPaddingBottom = keyboardShown ||
+        (homeIndicator === false) ||
+        Platform.OS === 'android';
+    return (_jsxs(Box, { width: "100%", justifyContent: "space-between", backgroundColor: backgroundColor, paddingBottom: isShowPaddingBottom ? 'large' : undefined, children: [_jsx(Divider, { marginBottom: "large" }), _jsxs(Box, { paddingHorizontal: "large", children: [primaryButton && (_jsx(Button, { text: primaryButton.title, onPress: primaryButton.onPress, loading: primaryButton.loading, color: "primary" })), secondaryButton && (_jsx(Button, { text: secondaryButton.title, onPress: secondaryButton.onPress, color: "primary01", marginTop: "large" }))] })] }));
+};

package/lib/components/Base/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { BaseProps } from './types';
+export declare const Base: React.FC<BaseProps>;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/Base/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Base/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAc5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAWzC,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqHpC,CAAC"}

package/lib/components/Base/index.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styled from '@emotion/native';
+import { isNil } from 'lodash';
+import React, { useEffect, useMemo, useState } from 'react';
+import { KeyboardAvoidingView, Platform, StatusBar } from 'react-native';
+import { SafeAreaView, useSafeAreaInsets, } from 'react-native-safe-area-context';
+import SystemNavigationBar from 'react-native-system-navigation-bar';
+import { useTheme } from '../../theme';
+import { Box } from '../Box';
+import { Header } from '../Header';
+import { useNotificationContext } from '../Notification';
+import { BaseFooter } from './BaseFooter';
+const StyledSafeAreaView = styled(SafeAreaView) `
+  flex: 1;
+`;
+const StyledKeyboardAvoidingView = styled(KeyboardAvoidingView) `
+  flex: 1;
+  margin-top: ${({ marginTop }) => marginTop}px;
+`;
+export const Base = props => {
+    const theme = useTheme();
+    const themeBase = useMemo(() => theme.__hd__.base, [theme]);
+    const insets = useSafeAreaInsets();
+    const [headerPaddingHeight, setHeaderPaddingHeight] = useState(0);
+    const { children, backgroundColor = themeBase.defaultBackgroundColor, keyboardAvoidingBehavior = Platform.OS === 'ios' ? 'padding' : 'height', primaryButton, secondaryButton, statusBar = themeBase.defaultStatusBarParams, header = themeBase.defaultHeaderParams, homeIndicator = themeBase.defaultHomeIndicatorParams, ...otherProps } = props;
+    const isFooterShown = useMemo(() => !isNil(primaryButton) || !isNil(secondaryButton), [primaryButton, secondaryButton]);
+    const { updateTopInset } = useNotificationContext();
+    useEffect(() => {
+        updateTopInset(insets.top);
+    }, [insets.top, updateTopInset]);
+    useEffect(() => {
+        if (Platform.OS === 'android' && homeIndicator) {
+            SystemNavigationBar.setNavigationColor(homeIndicator.backgroundColor ||
+                themeBase.defaultHomeIndicatorParams.backgroundColor);
+        }
+    }, [homeIndicator, themeBase.defaultHomeIndicatorParams.backgroundColor]);
+    return (_jsxs(Box, { flex: 1, backgroundColor: backgroundColor, children: [_jsxs(StyledSafeAreaView, { edges: {
+                    top: !statusBar ? 'off' : 'additive',
+                    bottom: !homeIndicator ? 'off' : 'additive',
+                    left: 'additive',
+                    right: 'additive',
+                }, children: [statusBar && (_jsx(StatusBar, { barStyle: statusBar.barStyle || themeBase.defaultStatusBarParams.barStyle, backgroundColor: theme.colors[statusBar.backgroundColor ||
+                            themeBase.defaultStatusBarParams.backgroundColor] })), _jsxs(StyledKeyboardAvoidingView, { behavior: keyboardAvoidingBehavior, marginTop: headerPaddingHeight, children: [_jsx(Box, { flex: 1, backgroundColor: backgroundColor, ...otherProps, children: children }), isFooterShown && (_jsx(BaseFooter, { primaryButton: primaryButton, secondaryButton: secondaryButton, backgroundColor: homeIndicator && homeIndicator.backgroundColor ||
+                                    themeBase.defaultHomeIndicatorParams.backgroundColor, homeIndicator: homeIndicator }))] }), header && (_jsx(Box, { absoluteFill: true, top: insets.top, bottom: undefined, width: "100%", onLayout: event => {
+                            setHeaderPaddingHeight(event.nativeEvent.layout.height);
+                        }, children: _jsx(Header, { ...header }) }))] }), statusBar && (_jsx(Box, { height: insets.top, backgroundColor: statusBar.backgroundColor ||
+                    themeBase.defaultStatusBarParams.backgroundColor, absoluteFill: true, top: 0 })), homeIndicator && (_jsx(Box, { height: insets.bottom, backgroundColor: homeIndicator.backgroundColor ||
+                    themeBase.defaultHomeIndicatorParams.backgroundColor, absoluteFill: true, top: undefined, bottom: 0 }))] }));
+};

package/lib/components/Base/types.d.ts

@@ -0,0 +1,83 @@
+import type { GestureResponderEvent, KeyboardAvoidingViewProps, StatusBarStyle } from 'react-native';
+import type { Color } from '../../theme';
+import type { BoxProps } from '../Box';
+import type { HeaderProps } from '../Header';
+export type BaseButtonParams = {
+    /**
+     * The title of the button
+     */
+    title: string;
+    /**
+     * The onPress event handler
+     *
+     * @param event The GestureResponderEvent object
+     */
+    onPress?: null | ((event: GestureResponderEvent) => void) | undefined;
+    /**
+     * The loading state of the button
+     *
+     * @default false
+     */
+    loading?: boolean;
+};
+export type BaseStatusBarParams = {
+    /**
+     * The style of the status bar
+     *
+     * @platform ios
+     * @default 'dark-content'
+     * @see https://reactnative.dev/docs/statusbar#barstyle
+     */
+    barStyle?: StatusBarStyle;
+    /**
+     * The background color of the status bar
+     *
+     * @default 'white'
+     */
+    backgroundColor?: Color;
+};
+export type BaseHomeIndicatorParams = {
+    /**
+     * The background color of the home indicator
+     *
+     * @default 'white'
+     */
+    backgroundColor?: Color;
+};
+export interface BaseFooterProps {
+    /**
+     * The params for the primary button
+     */
+    primaryButton?: BaseButtonParams;
+    /**
+     * The params for the secondary button
+     */
+    secondaryButton?: BaseButtonParams;
+}
+export interface BaseProps extends BoxProps, BaseFooterProps {
+    /**
+     * The background color of the Base component
+     */
+    backgroundColor?: Color;
+    /**
+     * The params for the status bar
+     */
+    statusBar?: BaseStatusBarParams | false;
+    /**
+     * The params for the home indicator
+     */
+    homeIndicator?: BaseHomeIndicatorParams | false;
+    /**
+     * The params for the header
+     */
+    header?: HeaderProps | false;
+    /**
+     * The behavior of the keyboard avoiding view
+     *
+     * @default 'padding'
+     * @platform ios
+     * @see https://reactnative.dev/docs/keyboardavoidingview#behavior
+     */
+    keyboardAvoidingBehavior?: KeyboardAvoidingViewProps['behavior'];
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/components/Base/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Base/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,yBAAyB,EACzB,cAAc,EACf,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACJ,OAAO,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAErE;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IACpC;;;;OAIG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IAEjC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,CAAC;CACpC;AAED,MAAM,WAAW,SAAU,SAAQ,QAAQ,EAAE,eAAe;IAC1D;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,GAAG,KAAK,CAAC;IAExC;;OAEG;IACH,aAAa,CAAC,EAAE,uBAAuB,GAAG,KAAK,CAAC;IAEhD;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,GAAG,KAAK,CAAC;IAE7B;;;;;;OAMG;IACJ,wBAAwB,CAAC,EAAE,yBAAyB,CAAC,UAAU,CAAC,CAAC;CACjE"}

package/lib/components/Base/types.js

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

package/lib/components/Box/StyledBox.d.ts

@@ -0,0 +1,254 @@
+import { View } from 'react-native';
+import type { Theme } from '../../theme';
+import { type ConfigType } from './config';
+import type { CustomBoxProps, FlexStyleProps, StyleProps } from './types';
+export declare const getThemeValue: (theme: Theme, key: keyof StyleProps, props: StyleProps) => {
+    [x: string]: string;
+} | {
+    [x: string]: number;
+} | undefined;
+export declare const mapStylePropToThemeValue: (theme: Theme, props: StyleProps) => {};
+export declare const configKeys: Array<keyof ConfigType>;
+export declare const genBoxStyle: (theme: Theme, props: StyleProps & FlexStyleProps & CustomBoxProps) => {
+    width?: import("react-native").DimensionValue | undefined;
+    height?: import("react-native").DimensionValue | undefined;
+    left?: import("react-native").DimensionValue | undefined;
+    right?: import("react-native").DimensionValue | undefined;
+    alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    alignItems?: import("react-native").FlexAlignType | undefined;
+    alignSelf?: "auto" | import("react-native").FlexAlignType | undefined;
+    display?: "none" | "flex" | undefined | undefined;
+    flex?: number | undefined | undefined;
+    flexBasis?: import("react-native").DimensionValue | undefined;
+    flexDirection?: "row" | "column" | "row-reverse" | "column-reverse" | undefined | undefined;
+    flexGrow?: number | undefined | undefined;
+    flexShrink?: number | undefined | undefined;
+    flexWrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined | undefined;
+    justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly" | undefined | undefined;
+    position?: "absolute" | "relative" | "static" | undefined | undefined;
+    top?: import("react-native").DimensionValue | undefined;
+    bottom?: import("react-native").DimensionValue | undefined;
+    overflow?: "visible" | "hidden" | "scroll" | undefined | undefined;
+    minWidth?: import("react-native").DimensionValue | undefined;
+    maxWidth?: import("react-native").DimensionValue | undefined;
+    minHeight?: import("react-native").DimensionValue | undefined;
+    maxHeight?: import("react-native").DimensionValue | undefined;
+    opacity?: import("react-native").AnimatableNumericValue | undefined;
+};
+export declare const StyledBox: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & StyleProps & FlexStyleProps & CustomBoxProps, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const StyledAnimatedBox: import("@emotion/native").StyledComponent<{
+    children?: import("react").ReactNode | import("react-native-reanimated").SharedValue<import("react").ReactNode>;
+    id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+    testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityActions?: readonly Readonly<{
+        name: import("react-native").AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+        name: import("react-native").AccessibilityActionName | string;
+        label?: string | undefined;
+    }>[] | undefined> | undefined;
+    accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+    accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+    'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+    'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+    'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+    importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "no" | "yes" | "no-hide-descendants" | undefined> | undefined;
+    'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+    accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+    'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+    'aria-live'?: "off" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"off" | "polite" | "assertive" | undefined> | undefined;
+    accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+    accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+    pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
+    hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+    needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+    shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+    tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+    onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+    onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+    onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+} & {
+    style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+} & {
+    layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
+    entering?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+    exiting?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+} & {
+    sharedTransitionTag?: string;
+    sharedTransitionStyle?: import("react-native-reanimated").SharedTransition;
+} & {
+    animatedProps?: Partial<{
+        children?: import("react").ReactNode | import("react-native-reanimated").SharedValue<import("react").ReactNode>;
+        id?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        onLayout?: ((event: import("react-native").LayoutChangeEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").LayoutChangeEvent) => void) | undefined> | undefined;
+        testID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        nativeID?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessible?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityActions?: readonly Readonly<{
+            name: import("react-native").AccessibilityActionName | string;
+            label?: string | undefined;
+        }>[] | import("react-native-reanimated").SharedValue<readonly Readonly<{
+            name: import("react-native").AccessibilityActionName | string;
+            label?: string | undefined;
+        }>[] | undefined> | undefined;
+        accessibilityLabel?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        'aria-label'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityRole?: import("react-native").AccessibilityRole | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityRole | undefined> | undefined;
+        accessibilityState?: import("react-native").AccessibilityState | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityState | undefined> | undefined;
+        'aria-busy'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-checked'?: boolean | "mixed" | import("react-native-reanimated").SharedValue<boolean | "mixed" | undefined> | undefined;
+        'aria-disabled'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-expanded'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-selected'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityHint?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityValue?: import("react-native").AccessibilityValue | import("react-native-reanimated").SharedValue<import("react-native").AccessibilityValue | undefined> | undefined;
+        'aria-valuemax'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuemin'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuenow'?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        'aria-valuetext'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").AccessibilityActionEvent) => void) | undefined> | undefined;
+        importantForAccessibility?: "auto" | "no" | "yes" | "no-hide-descendants" | import("react-native-reanimated").SharedValue<"auto" | "no" | "yes" | "no-hide-descendants" | undefined> | undefined;
+        'aria-hidden'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        'aria-modal'?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        role?: import("react-native").Role | import("react-native-reanimated").SharedValue<import("react-native").Role | undefined> | undefined;
+        accessibilityLabelledBy?: string | string[] | import("react-native-reanimated").SharedValue<string | string[] | undefined> | undefined;
+        'aria-labelledby'?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityLiveRegion?: "none" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"none" | "polite" | "assertive" | undefined> | undefined;
+        'aria-live'?: "off" | "polite" | "assertive" | import("react-native-reanimated").SharedValue<"off" | "polite" | "assertive" | undefined> | undefined;
+        accessibilityElementsHidden?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityViewIsModal?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        onAccessibilityEscape?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onAccessibilityTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        onMagicTap?: (() => void) | import("react-native-reanimated").SharedValue<(() => void) | undefined> | undefined;
+        accessibilityIgnoresInvertColors?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLanguage?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        accessibilityShowsLargeContentViewer?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        accessibilityLargeContentTitle?: string | import("react-native-reanimated").SharedValue<string | undefined> | undefined;
+        pointerEvents?: "auto" | "none" | "box-none" | "box-only" | import("react-native-reanimated").SharedValue<"auto" | "none" | "box-none" | "box-only" | undefined> | undefined;
+        hitSlop?: number | import("react-native").Insets | import("react-native-reanimated").SharedValue<number | import("react-native").Insets | null | undefined> | null | undefined;
+        needsOffscreenAlphaCompositing?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        removeClippedSubviews?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        collapsable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        collapsableChildren?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        renderToHardwareTextureAndroid?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        focusable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tabIndex?: 0 | -1 | import("react-native-reanimated").SharedValue<0 | -1 | undefined> | undefined;
+        shouldRasterizeIOS?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        isTVSelectable?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        hasTVPreferredFocus?: boolean | import("react-native-reanimated").SharedValue<boolean | undefined> | undefined;
+        tvParallaxShiftDistanceX?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxShiftDistanceY?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxTiltAngle?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        tvParallaxMagnification?: number | import("react-native-reanimated").SharedValue<number | undefined> | undefined;
+        onStartShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponder?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderGrant?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderReject?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderRelease?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onResponderTerminationRequest?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onResponderTerminate?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onStartShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onMoveShouldSetResponderCapture?: ((event: import("react-native").GestureResponderEvent) => boolean) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => boolean) | undefined> | undefined;
+        onTouchStart?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchMove?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEnd?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchCancel?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onTouchEndCapture?: ((event: import("react-native").GestureResponderEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").GestureResponderEvent) => void) | undefined> | undefined;
+        onPointerEnter?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerEnterCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeave?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerLeaveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMove?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerMoveCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancel?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerCancelCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDown?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerDownCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUp?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+        onPointerUpCapture?: ((event: import("react-native").PointerEvent) => void) | import("react-native-reanimated").SharedValue<((event: import("react-native").PointerEvent) => void) | undefined> | undefined;
+    } & {
+        style?: import("react-native").StyleProp<import("react-native-reanimated").AnimatedStyle<import("react-native").StyleProp<import("react-native").ViewStyle>>>;
+    } & {
+        layout?: import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").LayoutAnimationFunction | typeof import("react-native-reanimated").BaseAnimationBuilder;
+        entering?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+        exiting?: import("react-native-reanimated").BaseAnimationBuilder | typeof import("react-native-reanimated").BaseAnimationBuilder | import("react-native-reanimated").EntryExitAnimationFunction | import("react-native-reanimated/lib/typescript/layoutReanimation/animationBuilder/Keyframe").ReanimatedKeyframe;
+    } & {
+        sharedTransitionTag?: string;
+        sharedTransitionStyle?: import("react-native-reanimated").SharedTransition;
+    }> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & StyleProps & FlexStyleProps & CustomBoxProps, {}, {
+    ref?: import("react").Ref<import("react").Component<import("react-native-reanimated").AnimateProps<import("react-native").ViewProps>, any, any>> | undefined;
+}>;
+//# sourceMappingURL=StyledBox.d.ts.map

package/lib/components/Box/StyledBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledBox.d.ts","sourceRoot":"","sources":["../../../src/components/Box/StyledBox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAe,EACb,KAAK,UAAU,EAIhB,MAAM,UAAU,CAAC;AAClB,OAAO,KAAK,EACV,cAAc,EACd,cAAc,EACd,UAAU,EAEX,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,aAAa,UACjB,KAAK,OACP,MAAM,UAAU,SACd,UAAU;;;;aAuBlB,CAAC;AAEF,eAAO,MAAM,wBAAwB,UAAW,KAAK,SAAS,UAAU,OASvE,CAAC;AAWF,eAAO,MAAM,UAAU,EAA0B,KAAK,CAAC,MAAM,UAAU,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW,UACf,KAAK,SACL,UAAU,GAAG,cAAc,GAAG,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;CAUpD,CAAC;AAEF,eAAO,MAAM,SAAS;;SAOwpF,MAAO,WAAW;;;EALjoF,CAAC;AAEhE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAGgpF,MAAO,WAAW;;;EADjoF,CAAC"}