@aic-kits/react-native 0.0.3 → 0.0.4

package/lib/components/Card/StyledCard.d.ts

@@ -0,0 +1,226 @@
+import { View } from 'react-native';
+export declare const StyledInnerContainer: 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;
+} & {
+    borderWidth: number;
+}, {}, {
+    ref?: import("react").Ref<import("react").Component<import("react-native-reanimated").AnimateProps<import("react-native").ViewProps>, any, any>> | undefined;
+}>;
+export declare const StyledViewBackground: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    width: number;
+    height: number;
+    borderRadius: number;
+    borderSmoothing?: number;
+    backgroundColor: string;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+//# sourceMappingURL=StyledCard.d.ts.map

package/lib/components/Card/StyledCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledCard.d.ts","sourceRoot":"","sources":["../../../src/components/Card/StyledCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuByyI,MAAO,WAAW;;iBAtB70I,MAAM;;;EAWnB,CAAC;AAEH,eAAO,MAAM,oBAAoB;;SASyyI,MAAO,WAAW;;WARn1I,MAAM;YACL,MAAM;kBACA,MAAM;sBACF,MAAM;qBACP,MAAM;;;EAGvB,CAAC"}

package/lib/components/Card/StyledCard.js

@@ -0,0 +1,17 @@
+import styled from '@emotion/native';
+import { View } from 'react-native';
+import Animated from 'react-native-reanimated';
+export const StyledInnerContainer = styled(Animated.View)(({ borderWidth }) => {
+    return {
+        position: 'absolute',
+        top: borderWidth,
+        left: borderWidth,
+        right: borderWidth,
+        bottom: borderWidth,
+        borderWidth: 0,
+        overflow: 'visible',
+    };
+});
+export const StyledViewBackground = styled(View)(({ borderRadius, backgroundColor, width, height }) => {
+    return { position: 'absolute', width, height, borderRadius, backgroundColor };
+});

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { Color, Radius } from '../../theme';
+import type { BoxProps } from '../Box';
+import type { SquircleProps } from '../Squircle';
+export interface CardProps extends Omit<BoxProps, 'borderRadius'>, Pick<SquircleProps, 'borderSmoothing'> {
+    /**
+     * The border radius of the squircle.
+     */
+    borderRadius?: Radius | 'full';
+    /**
+     * The background color of the card.
+     */
+    backgroundColor?: Color;
+    /**
+     * React children.
+     *
+     */
+    children?: React.ReactNode | React.ReactNode[];
+    /**
+     * Style for the container component.
+     *
+     */
+    style?: StyleProp<ViewStyle>;
+}
+export declare const Card: ({ borderRadius, backgroundColor, borderSmoothing, borderColor, borderWidth, children, ...otherProps }: CardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,KAAK,EAAqB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAO5E,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAS,MAAM,aAAa,CAAC;AAExD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAKjD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,QAAQ,EAAE,cAAc,CAAC,EACpC,IAAI,CAAC,aAAa,EAAE,iBAAiB,CAAC;IACxC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE/B;;OAEG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IAExB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IAE/C;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAmBD,eAAO,MAAM,IAAI,0GAQd,SAAS,4CA0FX,CAAC"}

package/lib/components/Card/index.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import MaskedView from '@react-native-masked-view/masked-view';
+import { isNil } from 'lodash';
+import React, { useEffect, useMemo, useState } from 'react';
+import { useAnimatedStyle, useSharedValue, withTiming, } from 'react-native-reanimated';
+import { useTheme } from '../../theme';
+import { Box } from '../Box';
+import { Squircle } from '../Squircle';
+import { StyledInnerContainer, StyledViewBackground } from './StyledCard';
+const getBackgroundColor = (theme, backgroundColor, borderColor, isBordered) => {
+    if (isBordered) {
+        return theme.colors[borderColor || theme.__hd__.card.defaultBorderRadiusColor];
+    }
+    return theme.colors[backgroundColor || theme.__hd__.card.defaultBackgroundColor];
+};
+export const Card = ({ borderRadius = 'xlarge', backgroundColor, borderSmoothing, borderColor, borderWidth = 'large', children, ...otherProps }) => {
+    const theme = useTheme();
+    const [width, setWidth] = useState(0);
+    const [height, setHeight] = useState(0);
+    const scale = useMemo(() => theme.__hd__.card.innerBorderRadiusScales[borderWidth || 'base'], [borderWidth, theme.__hd__.card.innerBorderRadiusScales]);
+    const borderRadiusValue = useMemo(() => {
+        if (borderRadius === 'full') {
+            return Math.min(width, height) / 2;
+        }
+        return theme.radii[borderRadius];
+    }, [borderRadius, height, theme.radii, width]);
+    const onLayout = (event) => {
+        setWidth(event.nativeEvent.layout.width);
+        setHeight(event.nativeEvent.layout.height);
+    };
+    const isBordered = !isNil(borderColor) && !isNil(borderWidth);
+    const outerBackgroundColor = useMemo(() => getBackgroundColor(theme, backgroundColor, borderColor, isBordered), [backgroundColor, borderColor, isBordered, theme]);
+    const innerOpacity = useSharedValue(isBordered ? 1 : 0);
+    const animatedStyle = useAnimatedStyle(() => ({
+        opacity: innerOpacity.value,
+    }));
+    useEffect(() => {
+        innerOpacity.value = withTiming(isBordered ? 1 : 0, {
+            duration: theme.__hd__.card.innerOpacityDuration,
+        });
+    }, [innerOpacity, isBordered, theme.__hd__.card.innerOpacityDuration]);
+    const CardBackground = borderRadius === 'full' ? StyledViewBackground : Squircle;
+    return (_jsxs(Box, { onLayout: onLayout, ...otherProps, children: [_jsx(CardBackground, { width: width, height: height, borderRadius: borderRadiusValue, backgroundColor: outerBackgroundColor }), _jsxs(StyledInnerContainer, { borderWidth: theme.borderWidths[borderWidth], style: animatedStyle, children: [_jsx(Squircle, { width: width - 2 * theme.borderWidths[borderWidth], height: height - 2 * theme.borderWidths[borderWidth], borderRadius: borderRadiusValue * scale, borderSmoothing: borderSmoothing, backgroundColor: theme.colors.white }), _jsx(Squircle, { width: width - 2 * theme.borderWidths[borderWidth], height: height - 2 * theme.borderWidths[borderWidth], borderRadius: borderRadiusValue * scale, borderSmoothing: borderSmoothing, backgroundColor: theme.colors[backgroundColor || theme.__hd__.card.defaultBackgroundColor] })] }), otherProps.overflow === 'hidden' ? (_jsx(MaskedView, { maskElement: _jsx(Squircle, { width: width, height: height, borderRadius: borderRadiusValue * scale, borderSmoothing: borderSmoothing, backgroundColor: theme.colors.white }), children: children })) : (children)] }));
+};

package/lib/components/Chart/LineChart.d.ts

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

package/lib/components/Chart/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,eAAO,MAAM,SAAS,UAAW,cAAc,4CAkD9C,CAAC"}

package/lib/components/Chart/LineChart.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import omit from 'lodash/fp/omit';
+import { LineChart as LineChartNative } from 'react-native-chart-kit';
+import { useTheme } from '../../theme';
+import { scale } from '../../utils';
+import { Box } from '../Box';
+import { extractLineChartProps } from './utils';
+export const LineChart = (props) => {
+    const { data, width, height, backgroundColor, color, chartConfig, } = props;
+    const theme = useTheme();
+    const themeChart = theme.__hd__.chart;
+    const themeLineChart = themeChart.lineChart;
+    const chartBackgroundColor = theme.colors[backgroundColor || themeChart.defaultBackgroundColor];
+    const { lineChartProps, boxProps } = extractLineChartProps(omit(['backgroundColor', 'color', 'chartConfig'], props));
+    return (_jsx(Box, { ...boxProps, children: _jsx(LineChartNative, { data: data, width: width, height: height, chartConfig: {
+                strokeWidth: scale(5),
+                backgroundColor: chartBackgroundColor,
+                backgroundGradientFrom: chartBackgroundColor,
+                backgroundGradientTo: chartBackgroundColor,
+                color: () => theme.colors[color || themeChart.defaultColor],
+                propsForLabels: {
+                    fontSize: theme.fontSizes[themeChart.defaultLabelFontSize],
+                    fontFamily: theme.fonts[themeChart.defaultLabelFont][themeChart.defaultLabelFontWeight],
+                },
+                ...chartConfig,
+            }, withDots: themeLineChart.defaultWithDots, withInnerLines: themeLineChart.defaultWithInnerLines, withOuterLines: themeLineChart.defaultWithOuterLines, fromZero: themeLineChart.defaultFromZero, bezier: themeLineChart.defaultBezier, ...lineChartProps }) }));
+};

package/lib/components/Chart/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const LINE_CHART_PROP_KEYS: string[];
+//# sourceMappingURL=constants.d.ts.map

package/lib/components/Chart/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/constants.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,oBAAoB,UAoChC,CAAC"}

package/lib/components/Chart/constants.js

@@ -0,0 +1,47 @@
+const ABSTRACT_CHART_PROP_KEYS = [
+    'fromZero',
+    'fromNumber',
+    'chartConfig',
+    'yAxisLabel',
+    'yAxisSuffix',
+    'yLabelsOffset',
+    'yAxisInterval',
+    'xAxisLabel',
+];
+export const LINE_CHART_PROP_KEYS = [
+    ...ABSTRACT_CHART_PROP_KEYS,
+    'data',
+    'width',
+    'height',
+    'withDots',
+    'withShadow',
+    'withScrollableDot',
+    'withInnerLines',
+    'withOuterLines',
+    'withVerticalLines',
+    'withHorizontalLines',
+    'withVerticalLabels',
+    'withHorizontalLabels',
+    'fromZero',
+    'yAxisLabel',
+    'yAxisSuffix',
+    'xAxisLabel',
+    'chartConfig',
+    'yAxisInterval',
+    'transparent',
+    'decorator',
+    'onDataPointClick',
+    'style',
+    'bezier',
+    'getDotColor',
+    'renderDotContent',
+    'horizontalLabelRotation',
+    'verticalLabelRotation',
+    'yLabelsOffset',
+    'xLabelsOffset',
+    'hidePointsAtIndex',
+    'formatYLabel',
+    'formatXLabel',
+    'getDotProps',
+    'segments',
+];

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,KAAK,UAAW,UAAU,mDAOtC,CAAC"}

package/lib/components/Chart/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LineChart } from './LineChart';
+export const Chart = (props) => {
+    switch (props.type) {
+        case 'line':
+            return _jsx(LineChart, { ...props });
+        default:
+            return null;
+    }
+};

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

@@ -0,0 +1,32 @@
+import type { ChartData } from 'react-native-chart-kit/dist/HelperTypes';
+import type { LineChartProps as LineChartPropsNative } from 'react-native-chart-kit/dist/line-chart/LineChart';
+import type { Color } from '../../theme';
+import type { BoxProps } from '../Box';
+type CommonChartProps = Omit<BoxProps, 'children' | 'width' | 'height'> & {
+    /**
+     * Data for the chart.
+     * Refer to the [react-native-chart-kit documentation](https://github.com/indiespirit/react-native-chart-kit) for more details.
+     */
+    data: ChartData;
+    /**
+     * Width of the chart
+     */
+    width: number;
+    /**
+     * Height of the chart
+     */
+    height: number;
+};
+export type LineChartProps = CommonChartProps & LineChartPropsNative & {
+    /**
+     * Type of the chart
+     */
+    type: 'line';
+    /**
+     * Color of the line chart
+     */
+    color?: Color;
+};
+export type ChartProps = LineChartProps;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,KAAK,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAE/G,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEvC,KAAK,gBAAgB,GAAG,IAAI,CAC3B,QAAQ,EACR,UAAU,GAAG,OAAO,GAAG,QAAQ,CAC/B,GAAG;IACH;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,gBAAgB,GAAG,oBAAoB,GAAG;IACtE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC"}

package/lib/components/Chart/types.js

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

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

@@ -0,0 +1,6 @@
+import type { LineChartProps } from './types';
+export declare const extractLineChartProps: (props: LineChartProps) => {
+    lineChartProps: Partial<LineChartProps>;
+    boxProps: Partial<LineChartProps>;
+};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,qBAAqB,UAAW,cAAc;;;CAK1D,CAAC"}

package/lib/components/Chart/utils.js

@@ -0,0 +1,8 @@
+import { omit, pick } from 'lodash';
+import { LINE_CHART_PROP_KEYS } from './constants';
+export const extractLineChartProps = (props) => {
+    return {
+        lineChartProps: pick(props, LINE_CHART_PROP_KEYS),
+        boxProps: omit(props, LINE_CHART_PROP_KEYS),
+    };
+};

package/lib/components/Chat/ImageChat.d.ts

@@ -0,0 +1,8 @@
+import { type ForwardedRef } from 'react';
+import type { ChatRef, ImageChatProps } from './type';
+declare function PlainImageChat({ source, width, height, maxWidth, setMediaDetail, }: ImageChatProps, chatRef: ForwardedRef<ChatRef>): import("react/jsx-runtime").JSX.Element;
+export declare const ImageChat: (props: ImageChatProps & {
+    ref?: ForwardedRef<ChatRef>;
+}) => ReturnType<typeof PlainImageChat>;
+export {};
+//# sourceMappingURL=ImageChat.d.ts.map

package/lib/components/Chat/ImageChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageChat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/ImageChat.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,YAAY,EAKlB,MAAM,OAAO,CAAC;AAMf,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAEtD,iBAAS,cAAc,CACrB,EACE,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,cAAc,GACf,EAAE,cAAc,EACjB,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,2CAoC/B;AAED,eAAO,MAAM,SAAS,EAAiC,CACrD,KAAK,EAAE,cAAc,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CAAE,KACpD,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/lib/components/Chat/ImageChat.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useTheme } from '@emotion/react';
+import { useImage } from '@shopify/react-native-skia';
+import { forwardRef, useCallback, useImperativeHandle, useMemo, } from 'react';
+import { Art } from '../Art';
+import ImageDetail from '../Image/ImageDetail';
+import { calculateCanvasSize } from '../Image/utils';
+function PlainImageChat({ source, width, height, maxWidth, setMediaDetail, }, chatRef) {
+    const image = useImage(source);
+    const theme = useTheme();
+    const themeChat = useMemo(() => theme.__hd__.chat, [theme]);
+    const canvasSize = calculateCanvasSize(width, height, maxWidth, themeChat.defaultMediaScale);
+    const exitDetailView = useCallback(() => {
+        setMediaDetail?.(undefined);
+    }, [setMediaDetail]);
+    useImperativeHandle(chatRef, () => ({
+        onPress: async () => {
+            const mediaDetail = (_jsx(ImageDetail, { image: image, width: width, height: height, onBack: exitDetailView }));
+            setMediaDetail?.(mediaDetail);
+        },
+    }), [exitDetailView, height, image, setMediaDetail, width]);
+    return _jsx(Art, { type: "image", art: source, ...canvasSize });
+}
+export const ImageChat = forwardRef(PlainImageChat);

package/lib/components/Chat/TextChat.d.ts

@@ -0,0 +1,8 @@
+import { type ForwardedRef } from 'react';
+import type { ChatRef, TextChatProps } from './type';
+declare function PlainTextChat({ streamText, children, ...otherProps }: TextChatProps, ref: ForwardedRef<ChatRef>): import("react/jsx-runtime").JSX.Element;
+export declare const TextChat: (props: TextChatProps & {
+    ref?: ForwardedRef<ChatRef>;
+}) => ReturnType<typeof PlainTextChat>;
+export {};
+//# sourceMappingURL=TextChat.d.ts.map

package/lib/components/Chat/TextChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextChat.d.ts","sourceRoot":"","sources":["../../../src/components/Chat/TextChat.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,YAAY,EAMlB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAErD,iBAAS,aAAa,CACpB,EACE,UAAU,EACV,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,aAAa,EAChB,GAAG,EAAE,YAAY,CAAC,OAAO,CAAC,2CA6C3B;AAED,eAAO,MAAM,QAAQ,EAAgC,CACnD,KAAK,EAAE,aAAa,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;CAAE,KACnD,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC"}