@0610studio/zs-ui 0.0.1

package/build/notify/BottomSheetNotify/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/notify/BottomSheetNotify/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { forwardRef, useImperativeHandle, useMemo } from 'react';\nimport { StyleSheet, Dimensions, ViewProps, Keyboard } from 'react-native';\nimport { GestureDetector, GestureHandlerRootView } from 'react-native-gesture-handler';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport useBottomSheetNotify from './model/useBottomSheetNotify';\nimport { BottomSheetNotifyRef } from './types';\nimport ContentsComponent from './ui/ContentsComponent';\nimport { useTheme } from '../../model/useThemeProvider';\nimport { ColorPalette, ThemeBackground, ThemeTextType } from '../../theme';\nimport ViewAtom from '../../ui/atoms/ViewAtom';\nimport { ZSView } from '../../ui';\n\nconst DEFAULT_BORDER_RADIUS = 24;\nconst BS_MAX_HEIGHT = Dimensions.get('window').height - 120;\n\ninterface Props extends ViewProps {\n  marginBottomBS?: number;\n  bottomSheetBackgroundColor?: string;\n  bottomSheetPadding?: number;\n  closeOffset?: number;\n  contentsGestureEnable?: boolean;\n  isHandleVisible?: boolean;\n  bottomSheetMarginX?: number;\n  isBottomRadius?: boolean;\n  maxHeight?: number;\n  isScrollView?: boolean;\n  bottomSheetComponent: React.ReactNode;\n}\n\nfunction BottomSheetNotify(props: Props, ref: React.Ref<BottomSheetNotifyRef>) {\n  const {\n    marginBottomBS = 15,\n    bottomSheetPadding = 20,\n    bottomSheetBackgroundColor,\n    closeOffset = Dimensions.get('window').height,\n    contentsGestureEnable = true,\n    isHandleVisible = true,\n    bottomSheetMarginX = 10,\n    isBottomRadius = true,\n    isScrollView = true,\n    maxHeight = BS_MAX_HEIGHT,\n    bottomSheetComponent\n  } = props;\n\n  const {\n    HANDLE_HEIGHT,\n    bottomSheetVisible,\n    bsAnimatedStyle,\n    onGestureEvent,\n    handleVisible,\n    onTapEvent,\n    openPosition,\n    screenWidth,\n    screenHeight,\n    panGestureRef,\n    listScrollPosition,\n    bsModalBgStyle,\n    backgroundPressHandler\n  } = useBottomSheetNotify({\n    bottomSheetPadding,\n    closeOffset,\n    contentsGestureEnable,\n    bottomSheetMarginX,\n    isHandleVisible,\n  });\n\n  const { palette: { background, text, primary, modalBgColor } } = useTheme();\n\n  const styles = useMemo(\n    () => createStyles({ background, text, primary, modalBgColor }),\n    [background, text, primary, modalBgColor]\n  );\n\n  useImperativeHandle(ref, () => ({\n    handleVisible,\n  }));\n\n  return bottomSheetVisible && bottomSheetComponent ? (\n    <Animated.View\n      style={[styles.modalBg, bsModalBgStyle]}\n      entering={FadeIn.duration(50)}\n      exiting={FadeOut.duration(50)}\n      onTouchEnd={backgroundPressHandler} // 외부 터치 시 시트 닫기\n    >\n      <GestureHandlerRootView style={styles.rootViewWrapper}>\n        <GestureDetector gesture={onGestureEvent}>\n          <Animated.View\n            onTouchEnd={(e) => {\n              e.stopPropagation();\n              Keyboard.dismiss(); // 키보드 숨김\n            }}\n            style={[\n              styles.sheet,\n              {\n                width: screenWidth,\n                height: screenHeight,\n                paddingHorizontal: bottomSheetPadding,\n                left: bottomSheetMarginX,\n                right: bottomSheetMarginX,\n                borderTopLeftRadius: DEFAULT_BORDER_RADIUS,\n                borderTopRightRadius: DEFAULT_BORDER_RADIUS,\n                borderBottomLeftRadius: isBottomRadius ? DEFAULT_BORDER_RADIUS : 0,\n                borderBottomRightRadius: isBottomRadius ? DEFAULT_BORDER_RADIUS : 0,\n                backgroundColor: bottomSheetBackgroundColor || background.base,\n              },\n              bsAnimatedStyle, // 애니메이션 스타일 적용\n            ]}\n          >\n            {isHandleVisible && (\n              <ZSView style={[styles.handleContainer, { height: HANDLE_HEIGHT }]}>\n                <ViewAtom style={styles.handle} />\n              </ZSView>\n            )}\n\n            <GestureDetector gesture={onTapEvent}>\n              <ContentsComponent\n                HANDLE_HEIGHT={HANDLE_HEIGHT}\n                panGestureRef={panGestureRef}\n                listScrollPosition={listScrollPosition}\n                openPosition={openPosition}\n                marginBottomBS={marginBottomBS}\n                screenHeight={screenHeight}\n                bottomSheetComponent={bottomSheetComponent}\n                bottomSheetPadding={bottomSheetPadding}\n                maxHeight={maxHeight}\n                isScrollView={isScrollView}\n              />\n            </GestureDetector>\n          </Animated.View>\n        </GestureDetector>\n      </GestureHandlerRootView>\n    </Animated.View>\n  ) : null;\n}\n\n\nconst createStyles = ({\n  background,\n  text,\n  primary,\n  modalBgColor,\n}: {\n  background: ThemeBackground;\n  text: ThemeTextType;\n  primary: ColorPalette;\n  modalBgColor: string;\n}) =>\n  StyleSheet.create({\n    modalBg: {\n      position: 'absolute',\n      width: Dimensions.get('window').width,\n      height: Dimensions.get('window').height,\n      bottom: 0,\n    },\n    sheet: {\n      position: 'absolute',\n      zIndex: 9000,\n      overflow: 'hidden',\n    },\n    handleContainer: {\n      width: '100%',\n      alignItems: 'center',\n      paddingTop: 13,\n    },\n    handle: {\n      backgroundColor: background.layer2,\n      width: 50,\n      height: 4,\n      borderRadius: 2,\n    },\n    rootViewWrapper: {\n      width: '100%',\n      height: '100%',\n    },\n  });\n\nexport default forwardRef(BottomSheetNotify);\n"]}

package/build/notify/BottomSheetNotify/model/useBottomSheetNotify.d.ts

@@ -0,0 +1,43 @@
+import { GestureType } from 'react-native-gesture-handler';
+interface Props {
+    bottomSheetPadding: number;
+    closeOffset: number;
+    contentsGestureEnable: boolean;
+    isHandleVisible: boolean;
+    bottomSheetMarginX: number;
+}
+declare function useBottomSheetNotify({ bottomSheetPadding, closeOffset, contentsGestureEnable, bottomSheetMarginX, isHandleVisible, }: Props): {
+    HANDLE_HEIGHT: number;
+    bottomSheetVisible: boolean;
+    bsAnimatedStyle: {
+        transform: ({
+            translateX: number;
+            translateY?: undefined;
+            scale?: undefined;
+        } | {
+            translateY: number;
+            translateX?: undefined;
+            scale?: undefined;
+        } | {
+            scale: number;
+            translateX?: undefined;
+            translateY?: undefined;
+        })[];
+    };
+    onGestureEvent: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
+    handleVisible: (isOpen: boolean) => void;
+    screenWidth: import("react-native-reanimated").SharedValue<number>;
+    screenHeight: import("react-native-reanimated").SharedValue<number>;
+    handleHeight: number;
+    openPosition: import("react-native-reanimated").SharedValue<number>;
+    bottomSheetPadding: number;
+    onTapEvent: import("react-native-gesture-handler/lib/typescript/handlers/gestures/tapGesture").TapGesture;
+    panGestureRef: import("react").MutableRefObject<GestureType>;
+    listScrollPosition: import("react-native-reanimated").SharedValue<number>;
+    bsModalBgStyle: {
+        backgroundColor: string;
+    };
+    backgroundPressHandler: () => void;
+};
+export default useBottomSheetNotify;
+//# sourceMappingURL=useBottomSheetNotify.d.ts.map

package/build/notify/BottomSheetNotify/model/useBottomSheetNotify.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomSheetNotify.d.ts","sourceRoot":"","sources":["../../../../src/notify/BottomSheetNotify/model/useBottomSheetNotify.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAW,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAoBpE,UAAU,KAAK;IACb,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,OAAO,CAAC;IAC/B,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;CAC5B;AAED,iBAAS,oBAAoB,CAAC,EAC5B,kBAAkB,EAClB,WAAW,EACX,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,GAChB,EAAE,KAAK;;;;;;;;;;;;;;;;;;;4BAiJK,OAAO;;;;;;;;;;;;;EAsFnB;AAED,eAAe,oBAAoB,CAAC"}

package/build/notify/BottomSheetNotify/model/useBottomSheetNotify.js

@@ -0,0 +1,222 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { BackHandler, Dimensions, Keyboard, Platform, useWindowDimensions } from 'react-native';
+import { Gesture } from 'react-native-gesture-handler';
+import { useSharedValue, useAnimatedStyle, withTiming, Easing, runOnJS, useDerivedValue } from 'react-native-reanimated';
+const DIMENSIONS_HEIGHT = Dimensions.get('window').height;
+const INPUT_HEIGHT_CORRECTION = 40; // 인풋 높이 보정
+const NATURAL_GESTURE_TOP = -17; // 자연스러운 제스쳐를 위해 상단 여유 공간 추가
+const NATURAL_GESTURE_X = 8;
+const DEFAULT_BG_OPACITY = 40;
+const HANDLE_HEIGHT = 35;
+const timingConfig100 = {
+    duration: 100,
+    easing: Easing.inOut(Easing.quad),
+};
+const timingConfig200 = {
+    duration: 200,
+    easing: Easing.inOut(Easing.quad),
+};
+function useBottomSheetNotify({ bottomSheetPadding, closeOffset, contentsGestureEnable, bottomSheetMarginX, isHandleVisible, }) {
+    const handleHeight = isHandleVisible ? HANDLE_HEIGHT : 0;
+    const { width: windowWidth } = useWindowDimensions();
+    const panGestureRef = useRef(Gesture.Pan());
+    const listScrollPosition = useSharedValue(0);
+    const gestureComponent = useSharedValue('');
+    const tabAbsoluteY = useSharedValue(0);
+    const screenWidth = useSharedValue(Dimensions.get('window').width);
+    const screenHeight = useSharedValue(1);
+    const openPosition = useSharedValue(0);
+    const bsScale = useSharedValue(1);
+    const bgOpacity = useSharedValue(DEFAULT_BG_OPACITY);
+    const translateX = useSharedValue(0);
+    const translateY = useSharedValue(closeOffset);
+    const fullScreen = useSharedValue(false);
+    const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
+    const [bottomSheetVisible, setBottomSheetVisible] = useState(false);
+    // ** 바텀시트 백그라운드 애니메이션 스타일 정의
+    const bsModalBgStyle = useAnimatedStyle(() => ({
+        backgroundColor: `#1E1E1E${bgOpacity.value}`,
+    }));
+    // ** 바텀시트 애니메이션 스타일 정의
+    const bsAnimatedStyle = useAnimatedStyle(() => ({
+        transform: [
+            { translateX: translateX.value },
+            { translateY: translateY.value },
+            { scale: bsScale.value },
+        ],
+    }));
+    // ** 화면 너비 설정
+    useEffect(() => {
+        screenWidth.value = windowWidth - (bottomSheetMarginX ? bottomSheetMarginX * 2 : 0);
+    }, [windowWidth, bottomSheetMarginX]);
+    // ** 바텀시트 초기화
+    const initBottomSheet = useCallback(() => {
+        screenHeight.value = 1;
+        openPosition.value = 0;
+    }, [screenHeight, openPosition]);
+    // ** 백버튼 핸들러 정의 (안드로이드 전용)
+    const backPressHandler = useCallback(() => {
+        if (bottomSheetVisible) {
+            setBottomSheetVisible(false);
+            return true;
+        }
+        return false;
+    }, [bottomSheetVisible]);
+    // ** 백버튼 이벤트 리스너 설정
+    useEffect(() => {
+        const backHandler = BackHandler.addEventListener('hardwareBackPress', backPressHandler);
+        return () => backHandler.remove();
+    }, [backPressHandler]);
+    // ** 바텀시트 보이기 상태 감지 후 초기화
+    useEffect(() => {
+        if (!bottomSheetVisible)
+            initBottomSheet();
+    }, [bottomSheetVisible, initBottomSheet]);
+    // ** 백그라운드 클릭시 키보드나 바텀시트 닫기
+    const backgroundPressHandler = useCallback(() => {
+        if (isKeyboardVisible) {
+            Keyboard.dismiss();
+        }
+        else {
+            handleVisible(false);
+        }
+    }, [isKeyboardVisible]);
+    // ** 키보드 닫기
+    const dismissKeyboard = useCallback(() => {
+        Keyboard.dismiss();
+    }, []);
+    // ** 애니메이션을 사용한 바텀시트 초기 크기 설정
+    const initSize = useCallback(() => {
+        bsScale.value = withTiming(1, timingConfig100);
+        translateX.value = withTiming(0, timingConfig100);
+        bgOpacity.value = DEFAULT_BG_OPACITY;
+    }, [bsScale, translateX, bgOpacity]);
+    // ** 소프트 키보드 핸들링 (보이기, 숨기기)
+    useEffect(() => {
+        const keyboardDidShowListener = Keyboard.addListener(Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow', (event) => {
+            setIsKeyboardVisible(true);
+            if (!fullScreen.value)
+                return;
+            const tabAbsoluteYValue = tabAbsoluteY.value;
+            const screenTopToTarget = tabAbsoluteYValue - openPosition.value; // 모달 상단에서 인풋까지 거리
+            const keyboardHeight = event.endCoordinates.height; // 키보드 높이
+            const keyboardLine = DIMENSIONS_HEIGHT - keyboardHeight;
+            translateY.value = withTiming(keyboardLine - screenTopToTarget - INPUT_HEIGHT_CORRECTION, timingConfig200);
+        });
+        const keyboardDidHideListener = Keyboard.addListener(Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide', () => {
+            setIsKeyboardVisible(false);
+            // 키보드가 사라질 때 화면의 높이를 원래대로 돌립니다.
+            if (!fullScreen.value)
+                return;
+            handleVisible(true);
+        });
+        return () => {
+            keyboardDidShowListener.remove();
+            keyboardDidHideListener.remove();
+        };
+    }, [fullScreen, openPosition, tabAbsoluteY, translateY]);
+    // ** 바텀시트 열기 함수
+    const openBottomSheet = useCallback(() => {
+        setTimeout(() => {
+            if (screenHeight.value === 1)
+                return openBottomSheet();
+            translateY.value = withTiming(openPosition.value, timingConfig200);
+            fullScreen.value = true;
+        }, 200);
+    }, [screenHeight, openPosition, translateY]);
+    // ** 바텀시트 위치 변경
+    const onOpenPositionChange = useCallback((value) => {
+        if (fullScreen.value && screenHeight.value !== 1) {
+            translateY.value = withTiming(value, timingConfig200);
+        }
+    }, [fullScreen, screenHeight, translateY]);
+    // ** 애니메이션 값이 변경될 때 처리
+    useDerivedValue(() => {
+        runOnJS(onOpenPositionChange)(openPosition.value);
+        return openPosition.value;
+    }, [openPosition]);
+    // ** 바텀시트 상태 관리 (열기/닫기)
+    const handleVisible = useCallback((isOpen) => {
+        if (isOpen) {
+            setBottomSheetVisible(true);
+            openBottomSheet();
+        }
+        else {
+            translateY.value = withTiming(closeOffset, timingConfig200);
+            fullScreen.value = false;
+            setTimeout(() => {
+                setBottomSheetVisible(false);
+            }, 200);
+        }
+    }, [closeOffset, fullScreen, openBottomSheet, translateY]);
+    // ** 탭 제스처 설정
+    const onTapEvent = Gesture.Tap().onStart((event) => {
+        tabAbsoluteY.value = event.absoluteY;
+    });
+    // ** 팬 제스처 설정
+    const onGestureEvent = Gesture.Pan()
+        .onStart((event) => {
+        'worklet';
+        runOnJS(dismissKeyboard)();
+        // 제스쳐 영역 판단
+        if (openPosition.value + handleHeight > event.absoluteY) {
+            gestureComponent.value = 'Handler';
+            bsScale.value = withTiming(0.98, timingConfig100);
+        }
+        else {
+            gestureComponent.value = 'Contents';
+            if (contentsGestureEnable)
+                bsScale.value = withTiming(0.98, timingConfig100);
+        }
+    })
+        .onUpdate((event) => {
+        'worklet';
+        // 제스처 제어 로직
+        if (!contentsGestureEnable && gestureComponent.value === 'Contents')
+            return;
+        const translateXValue = event.translationX;
+        const translateYValue = event.translationY;
+        const calcBg = Math.round(DEFAULT_BG_OPACITY + translateYValue * -1);
+        // 백그라운드 컬러 업데이트
+        if (calcBg < 70 && calcBg > DEFAULT_BG_OPACITY) {
+            bgOpacity.value = calcBg;
+        }
+        // 자연스러운 X축 움직임
+        if (NATURAL_GESTURE_X > translateXValue && translateXValue > -NATURAL_GESTURE_X && bsScale.value !== 1) {
+            translateX.value = translateXValue;
+        }
+        // 상단 제스처 제한
+        if (fullScreen.value && translateYValue < NATURAL_GESTURE_TOP)
+            return;
+        if (!fullScreen.value && translateYValue > 0 && translateY.value === closeOffset)
+            return;
+        const result = translateYValue + (fullScreen.value ? openPosition.value : 30);
+        translateY.value = result;
+    })
+        .onEnd(() => {
+        'worklet';
+        runOnJS(initSize)();
+        const shouldOpen = translateY.value < openPosition.value + screenHeight.value / 2;
+        runOnJS(handleVisible)(shouldOpen);
+    })
+        .withRef(panGestureRef);
+    return {
+        HANDLE_HEIGHT,
+        bottomSheetVisible,
+        bsAnimatedStyle,
+        onGestureEvent,
+        handleVisible,
+        screenWidth,
+        screenHeight,
+        handleHeight,
+        openPosition,
+        bottomSheetPadding,
+        onTapEvent,
+        panGestureRef,
+        listScrollPosition,
+        bsModalBgStyle,
+        backgroundPressHandler,
+    };
+}
+export default useBottomSheetNotify;
+//# sourceMappingURL=useBottomSheetNotify.js.map

package/build/notify/BottomSheetNotify/model/useBottomSheetNotify.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBottomSheetNotify.js","sourceRoot":"","sources":["../../../../src/notify/BottomSheetNotify/model/useBottomSheetNotify.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { BackHandler, Dimensions, Keyboard, Platform, useWindowDimensions } from 'react-native';\nimport { Gesture, GestureType } from 'react-native-gesture-handler';\nimport { useSharedValue, useAnimatedStyle, withTiming, Easing, runOnJS, useDerivedValue } from 'react-native-reanimated';\n\nconst DIMENSIONS_HEIGHT = Dimensions.get('window').height;\nconst INPUT_HEIGHT_CORRECTION = 40; // 인풋 높이 보정\nconst NATURAL_GESTURE_TOP = -17; // 자연스러운 제스쳐를 위해 상단 여유 공간 추가\nconst NATURAL_GESTURE_X = 8;\nconst DEFAULT_BG_OPACITY = 40;\nconst HANDLE_HEIGHT = 35;\n\nconst timingConfig100 = {\n  duration: 100,\n  easing: Easing.inOut(Easing.quad),\n};\n\nconst timingConfig200 = {\n  duration: 200,\n  easing: Easing.inOut(Easing.quad),\n};\n\ninterface Props {\n  bottomSheetPadding: number;\n  closeOffset: number;\n  contentsGestureEnable: boolean;\n  isHandleVisible: boolean;\n  bottomSheetMarginX: number;\n}\n\nfunction useBottomSheetNotify({\n  bottomSheetPadding,\n  closeOffset,\n  contentsGestureEnable,\n  bottomSheetMarginX,\n  isHandleVisible,\n}: Props) {\n  const handleHeight = isHandleVisible ? HANDLE_HEIGHT : 0;\n  const { width: windowWidth } = useWindowDimensions();\n  const panGestureRef = useRef<GestureType>(Gesture.Pan());\n  const listScrollPosition = useSharedValue(0);\n  const gestureComponent = useSharedValue('');\n  const tabAbsoluteY = useSharedValue(0);\n  const screenWidth = useSharedValue(Dimensions.get('window').width);\n  const screenHeight = useSharedValue(1);\n  const openPosition = useSharedValue(0);\n  const bsScale = useSharedValue(1);\n  const bgOpacity = useSharedValue(DEFAULT_BG_OPACITY);\n  const translateX = useSharedValue(0);\n  const translateY = useSharedValue(closeOffset);\n  const fullScreen = useSharedValue(false);\n  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);\n  const [bottomSheetVisible, setBottomSheetVisible] = useState(false);\n\n  // ** 바텀시트 백그라운드 애니메이션 스타일 정의\n  const bsModalBgStyle = useAnimatedStyle(() => ({\n    backgroundColor: `#1E1E1E${bgOpacity.value}`,\n  }));\n\n  // ** 바텀시트 애니메이션 스타일 정의\n  const bsAnimatedStyle = useAnimatedStyle(() => ({\n    transform: [\n      { translateX: translateX.value },\n      { translateY: translateY.value },\n      { scale: bsScale.value },\n    ],\n  }));\n\n  // ** 화면 너비 설정\n  useEffect(() => {\n    screenWidth.value = windowWidth - (bottomSheetMarginX ? bottomSheetMarginX * 2 : 0);\n  }, [windowWidth, bottomSheetMarginX]);\n\n  // ** 바텀시트 초기화\n  const initBottomSheet = useCallback(() => {\n    screenHeight.value = 1;\n    openPosition.value = 0;\n  }, [screenHeight, openPosition]);\n\n  // ** 백버튼 핸들러 정의 (안드로이드 전용)\n  const backPressHandler = useCallback(() => {\n    if (bottomSheetVisible) {\n      setBottomSheetVisible(false);\n      return true;\n    }\n    return false;\n  }, [bottomSheetVisible]);\n\n  // ** 백버튼 이벤트 리스너 설정\n  useEffect(() => {\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backPressHandler);\n\n    return () => backHandler.remove();\n  }, [backPressHandler]);\n\n  // ** 바텀시트 보이기 상태 감지 후 초기화\n  useEffect(() => {\n    if (!bottomSheetVisible) initBottomSheet();\n  }, [bottomSheetVisible, initBottomSheet]);\n\n  // ** 백그라운드 클릭시 키보드나 바텀시트 닫기\n  const backgroundPressHandler = useCallback(() => {\n    if (isKeyboardVisible) {\n      Keyboard.dismiss();\n    } else {\n      handleVisible(false);\n    }\n  }, [isKeyboardVisible]);\n\n  // ** 키보드 닫기\n  const dismissKeyboard = useCallback(() => {\n    Keyboard.dismiss();\n  }, []);\n\n  // ** 애니메이션을 사용한 바텀시트 초기 크기 설정\n  const initSize = useCallback(() => {\n    bsScale.value = withTiming(1, timingConfig100);\n    translateX.value = withTiming(0, timingConfig100);\n    bgOpacity.value = DEFAULT_BG_OPACITY;\n  }, [bsScale, translateX, bgOpacity]);\n\n  // ** 소프트 키보드 핸들링 (보이기, 숨기기)\n  useEffect(() => {\n    const keyboardDidShowListener = Keyboard.addListener(\n      Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow',\n      (event) => {\n        setIsKeyboardVisible(true);\n        if (!fullScreen.value) return;\n        const tabAbsoluteYValue = tabAbsoluteY.value;\n        const screenTopToTarget = tabAbsoluteYValue - openPosition.value; // 모달 상단에서 인풋까지 거리\n        const keyboardHeight = event.endCoordinates.height; // 키보드 높이\n        const keyboardLine = DIMENSIONS_HEIGHT - keyboardHeight;\n\n        translateY.value = withTiming(keyboardLine - screenTopToTarget - INPUT_HEIGHT_CORRECTION, timingConfig200);\n      }\n    );\n\n    const keyboardDidHideListener = Keyboard.addListener(\n      Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide',\n      () => {\n        setIsKeyboardVisible(false);\n\n        // 키보드가 사라질 때 화면의 높이를 원래대로 돌립니다.\n        if (!fullScreen.value) return;\n        handleVisible(true);\n      }\n    );\n\n    return () => {\n      keyboardDidShowListener.remove();\n      keyboardDidHideListener.remove();\n    };\n  }, [fullScreen, openPosition, tabAbsoluteY, translateY]);\n\n  // ** 바텀시트 열기 함수\n  const openBottomSheet = useCallback(() => {\n    setTimeout(() => {\n      if (screenHeight.value === 1) return openBottomSheet();\n      translateY.value = withTiming(openPosition.value, timingConfig200);\n      fullScreen.value = true;\n    }, 200);\n  }, [screenHeight, openPosition, translateY]);\n\n  // ** 바텀시트 위치 변경\n  const onOpenPositionChange = useCallback(\n    (value: number) => {\n      if (fullScreen.value && screenHeight.value !== 1) {\n        translateY.value = withTiming(value, timingConfig200);\n      }\n    },\n    [fullScreen, screenHeight, translateY]\n  );\n\n  // ** 애니메이션 값이 변경될 때 처리\n  useDerivedValue(() => {\n    runOnJS(onOpenPositionChange)(openPosition.value);\n    return openPosition.value;\n  }, [openPosition]);\n\n  // ** 바텀시트 상태 관리 (열기/닫기)\n  const handleVisible = useCallback(\n    (isOpen: boolean) => {\n      if (isOpen) {\n        setBottomSheetVisible(true);\n        openBottomSheet();\n      } else {\n        translateY.value = withTiming(closeOffset, timingConfig200);\n        fullScreen.value = false;\n        setTimeout(() => {\n          setBottomSheetVisible(false);\n        }, 200);\n      }\n    },\n    [closeOffset, fullScreen, openBottomSheet, translateY]\n  );\n\n  // ** 탭 제스처 설정\n  const onTapEvent = Gesture.Tap().onStart((event) => {\n    tabAbsoluteY.value = event.absoluteY;\n  });\n\n  // ** 팬 제스처 설정\n  const onGestureEvent = Gesture.Pan()\n    .onStart((event) => {\n      'worklet';\n      runOnJS(dismissKeyboard)();\n\n      // 제스쳐 영역 판단\n      if (openPosition.value + handleHeight > event.absoluteY) {\n        gestureComponent.value = 'Handler';\n        bsScale.value = withTiming(0.98, timingConfig100);\n      } else {\n        gestureComponent.value = 'Contents';\n        if (contentsGestureEnable) bsScale.value = withTiming(0.98, timingConfig100);\n      }\n    })\n    .onUpdate((event) => {\n      'worklet';\n      // 제스처 제어 로직\n      if (!contentsGestureEnable && gestureComponent.value === 'Contents') return;\n\n      const translateXValue = event.translationX;\n      const translateYValue = event.translationY;\n      const calcBg = Math.round(DEFAULT_BG_OPACITY + translateYValue * -1);\n\n      // 백그라운드 컬러 업데이트\n      if (calcBg < 70 && calcBg > DEFAULT_BG_OPACITY) {\n        bgOpacity.value = calcBg;\n      }\n\n      // 자연스러운 X축 움직임\n      if (NATURAL_GESTURE_X > translateXValue && translateXValue > -NATURAL_GESTURE_X && bsScale.value !== 1) {\n        translateX.value = translateXValue;\n      }\n\n      // 상단 제스처 제한\n      if (fullScreen.value && translateYValue < NATURAL_GESTURE_TOP) return;\n      if (!fullScreen.value && translateYValue > 0 && translateY.value === closeOffset) return;\n\n      const result = translateYValue + (fullScreen.value ? openPosition.value : 30);\n      translateY.value = result;\n    })\n    .onEnd(() => {\n      'worklet';\n      runOnJS(initSize)();\n      const shouldOpen = translateY.value < openPosition.value + screenHeight.value / 2;\n      runOnJS(handleVisible)(shouldOpen);\n    })\n    .withRef(panGestureRef);\n\n  return {\n    HANDLE_HEIGHT,\n    bottomSheetVisible,\n    bsAnimatedStyle,\n    onGestureEvent,\n    handleVisible,\n    screenWidth,\n    screenHeight,\n    handleHeight,\n    openPosition,\n    bottomSheetPadding,\n    onTapEvent,\n    panGestureRef,\n    listScrollPosition,\n    bsModalBgStyle,\n    backgroundPressHandler,\n  };\n}\n\nexport default useBottomSheetNotify;\n"]}

package/build/notify/BottomSheetNotify/types/index.d.ts

@@ -0,0 +1,4 @@
+export interface BottomSheetNotifyRef {
+    handleVisible: (isOpen: boolean) => void;
+}
+//# sourceMappingURL=index.d.ts.map

package/build/notify/BottomSheetNotify/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/notify/BottomSheetNotify/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACjC,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}

package/build/notify/BottomSheetNotify/types/index.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.js.map

package/build/notify/BottomSheetNotify/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/notify/BottomSheetNotify/types/index.ts"],"names":[],"mappings":"","sourcesContent":["export interface BottomSheetNotifyRef {\n    handleVisible: (isOpen: boolean) => void;\n}"]}

package/build/notify/BottomSheetNotify/ui/BSTextInput/index.d.ts

@@ -0,0 +1,4 @@
+type Props = {};
+declare const BSTextInput: ({ ...props }: Props) => import("react").JSX.Element;
+export default BSTextInput;
+//# sourceMappingURL=index.d.ts.map

package/build/notify/BottomSheetNotify/ui/BSTextInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/notify/BottomSheetNotify/ui/BSTextInput/index.tsx"],"names":[],"mappings":"AAIA,KAAK,KAAK,GAAG,EACZ,CAAC;AAEF,QAAA,MAAM,WAAW,iBAAkB,KAAK,gCAkBvC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/notify/BottomSheetNotify/ui/BSTextInput/index.js

@@ -0,0 +1,14 @@
+import { useRef } from "react";
+import { Platform, Pressable } from "react-native";
+import { TextInput } from "react-native-gesture-handler";
+const BSTextInput = ({ ...props }) => {
+    const textInputRef = useRef(null);
+    return (Platform.OS === 'ios' ?
+        <Pressable onPress={() => { textInputRef?.current?.focus(); }}>
+                <TextInput ref={textInputRef} pointerEvents='none' {...props}/>
+            </Pressable>
+        :
+            <TextInput ref={textInputRef} {...props}/>);
+};
+export default BSTextInput;
+//# sourceMappingURL=index.js.map

package/build/notify/BottomSheetNotify/ui/BSTextInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/notify/BottomSheetNotify/ui/BSTextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAKzD,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,KAAK,EAAS,EAAE,EAAE;IACxC,MAAM,YAAY,GAAG,MAAM,CAAY,IAAI,CAAC,CAAC;IAE7C,OAAO,CACH,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;QACnB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAC1D;gBAAA,CAAC,SAAS,CACN,GAAG,CAAC,CAAC,YAAY,CAAC,CAClB,aAAa,CAAC,MAAM,CACpB,IAAI,KAAK,CAAC,EAElB;YAAA,EAAE,SAAS,CAAC;QACZ,CAAC;YACD,CAAC,SAAS,CACN,GAAG,CAAC,CAAC,YAAY,CAAC,CAClB,IAAI,KAAK,CAAC,EACZ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useRef } from \"react\";\nimport { Platform, Pressable } from \"react-native\";\nimport { TextInput } from \"react-native-gesture-handler\";\n\ntype Props = {\n};\n\nconst BSTextInput = ({ ...props }: Props) => {\n    const textInputRef = useRef<TextInput>(null);\n\n    return (\n        Platform.OS === 'ios' ?\n            <Pressable onPress={() => { textInputRef?.current?.focus(); }}>\n                <TextInput\n                    ref={textInputRef}\n                    pointerEvents='none'\n                    {...props}\n                />\n            </Pressable>\n            :\n            <TextInput\n                ref={textInputRef}\n                {...props}\n            />\n    );\n};\n\nexport default BSTextInput;\n"]}

package/build/notify/BottomSheetNotify/ui/ContentsComponent/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { GestureType } from 'react-native-gesture-handler';
+import { SharedValue } from 'react-native-reanimated';
+interface Props {
+    HANDLE_HEIGHT: number;
+    panGestureRef: React.MutableRefObject<GestureType>;
+    listScrollPosition: SharedValue<number>;
+    openPosition: SharedValue<number>;
+    marginBottomBS: number;
+    screenHeight: SharedValue<number>;
+    bottomSheetComponent: React.ReactNode;
+    bottomSheetPadding: number;
+    maxHeight: number;
+    isScrollView: boolean;
+}
+declare function ContentsComponent({ HANDLE_HEIGHT, panGestureRef, listScrollPosition, openPosition, marginBottomBS, screenHeight, bottomSheetComponent, bottomSheetPadding, maxHeight, isScrollView }: Props): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ContentsComponent>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/build/notify/BottomSheetNotify/ui/ContentsComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/notify/BottomSheetNotify/ui/ContentsComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAc,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAOtD,UAAU,KAAK;IACX,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACnD,kBAAkB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACxC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,cAAc,EAAE,MAAM,CAAC;IACvB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;CACzB;AAGD,iBAAS,iBAAiB,CAAC,EACvB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACf,EAAE,KAAK,qBAsCP;;AAED,wBAA6C"}

package/build/notify/BottomSheetNotify/ui/ContentsComponent/index.js

@@ -0,0 +1,33 @@
+import React, { useCallback } from 'react';
+import { Dimensions } from 'react-native';
+import { ScrollView } from 'react-native-gesture-handler';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { ZSView } from '../../../../ui';
+// const ANDROID_STATUS_BAR_HEIGHT = Platform.OS === 'android' ? 25 : 0;
+const ANDROID_STATUS_BAR_HEIGHT = 0;
+// 화살표 함수 대신 일반 함수 사용
+function ContentsComponent({ HANDLE_HEIGHT, panGestureRef, listScrollPosition, openPosition, marginBottomBS, screenHeight, bottomSheetComponent, bottomSheetPadding, maxHeight, isScrollView }) {
+    const { bottom } = useSafeAreaInsets();
+    // onLayout 함수를 useCallback으로 최적화
+    const onLayout = useCallback((event) => {
+        const { height } = event.nativeEvent.layout;
+        const contentMaxHeight = maxHeight + HANDLE_HEIGHT;
+        const resultHeight = Math.min(height, contentMaxHeight); // 더 간결하게 변경
+        // 성능 문제 방지를 위해 runOnUI 사용
+        screenHeight.value = resultHeight + HANDLE_HEIGHT;
+        openPosition.value = Dimensions.get('window').height - resultHeight - marginBottomBS - bottom - ANDROID_STATUS_BAR_HEIGHT - HANDLE_HEIGHT;
+    }, [maxHeight, HANDLE_HEIGHT, screenHeight, openPosition, marginBottomBS, bottom]);
+    // 현재 스크롤 위치를 관리하는 함수
+    const handleScroll = useCallback((event) => {
+        listScrollPosition.value = event.nativeEvent.contentOffset.y;
+    }, [listScrollPosition]);
+    return isScrollView ? (<ScrollView simultaneousHandlers={[panGestureRef]} onScroll={handleScroll} style={{ maxHeight }} keyboardShouldPersistTaps="handled" bounces={false} bouncesZoom={false} showsVerticalScrollIndicator={false} scrollEventThrottle={16}>
+            <ZSView style={{ width: '100%', minHeight: 1, paddingBottom: bottomSheetPadding }} onLayout={onLayout}>
+                {bottomSheetComponent}
+            </ZSView>
+        </ScrollView>) : (<ZSView style={{ width: '100%', minHeight: 1, paddingBottom: bottomSheetPadding, maxHeight }} onLayout={onLayout}>
+            {bottomSheetComponent}
+        </ZSView>);
+}
+export default React.memo(ContentsComponent); // React.memo로 성능 최적화
+//# sourceMappingURL=index.js.map

package/build/notify/BottomSheetNotify/ui/ContentsComponent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/notify/BottomSheetNotify/ui/ContentsComponent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,UAAU,EAA8D,MAAM,cAAc,CAAC;AACtG,OAAO,EAAe,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAEvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAExC,wEAAwE;AACxE,MAAM,yBAAyB,GAAG,CAAC,CAAC;AAepC,qBAAqB;AACrB,SAAS,iBAAiB,CAAC,EACvB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,oBAAoB,EACpB,kBAAkB,EAClB,SAAS,EACT,YAAY,EACR;IACJ,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAC;IAEvC,iCAAiC;IACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAwB,EAAE,EAAE;QACtD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QAC5C,MAAM,gBAAgB,GAAG,SAAS,GAAG,aAAa,CAAC;QACnD,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,YAAY;QACrE,0BAA0B;QAC1B,YAAY,CAAC,KAAK,GAAG,YAAY,GAAG,aAAa,CAAC;QAClD,YAAY,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,GAAG,YAAY,GAAG,cAAc,GAAG,MAAM,GAAG,yBAAyB,GAAG,aAAa,CAAC;IAC9I,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IAEnF,qBAAqB;IACrB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAA8C,EAAE,EAAE;QAChF,kBAAkB,CAAC,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAEzB,OAAO,YAAY,CAAC,CAAC,CAAC,CAClB,CAAC,UAAU,CACP,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CACtC,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,KAAK,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,CACrB,yBAAyB,CAAC,SAAS,CACnC,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,WAAW,CAAC,CAAC,KAAK,CAAC,CACnB,4BAA4B,CAAC,CAAC,KAAK,CAAC,CACpC,mBAAmB,CAAC,CAAC,EAAE,CAAC,CAExB;YAAA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,kBAAkB,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAClG;gBAAA,CAAC,oBAAoB,CACzB;YAAA,EAAE,MAAM,CACZ;QAAA,EAAE,UAAU,CAAC,CAChB,CAAC,CAAC,CAAC,CACA,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,aAAa,EAAE,kBAAkB,EAAE,SAAS,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAC7G;YAAA,CAAC,oBAAoB,CACzB;QAAA,EAAE,MAAM,CAAC,CACZ,CAAC;AACN,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB","sourcesContent":["import React, { useCallback } from 'react';\nimport { Dimensions, LayoutChangeEvent, NativeScrollEvent, NativeSyntheticEvent } from 'react-native';\nimport { GestureType, ScrollView } from 'react-native-gesture-handler';\nimport { SharedValue } from 'react-native-reanimated';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { ZSView } from '../../../../ui';\n\n// const ANDROID_STATUS_BAR_HEIGHT = Platform.OS === 'android' ? 25 : 0;\nconst ANDROID_STATUS_BAR_HEIGHT = 0;\n\ninterface Props {\n    HANDLE_HEIGHT: number;\n    panGestureRef: React.MutableRefObject<GestureType>;\n    listScrollPosition: SharedValue<number>;\n    openPosition: SharedValue<number>;\n    marginBottomBS: number;\n    screenHeight: SharedValue<number>;\n    bottomSheetComponent: React.ReactNode;\n    bottomSheetPadding: number;\n    maxHeight: number;\n    isScrollView: boolean;\n}\n\n// 화살표 함수 대신 일반 함수 사용\nfunction ContentsComponent({\n    HANDLE_HEIGHT,\n    panGestureRef,\n    listScrollPosition,\n    openPosition,\n    marginBottomBS,\n    screenHeight,\n    bottomSheetComponent,\n    bottomSheetPadding,\n    maxHeight,\n    isScrollView\n}: Props) {\n    const { bottom } = useSafeAreaInsets();\n\n    // onLayout 함수를 useCallback으로 최적화\n    const onLayout = useCallback((event: LayoutChangeEvent) => {\n        const { height } = event.nativeEvent.layout;\n        const contentMaxHeight = maxHeight + HANDLE_HEIGHT;\n        const resultHeight = Math.min(height, contentMaxHeight); // 더 간결하게 변경\n        // 성능 문제 방지를 위해 runOnUI 사용\n        screenHeight.value = resultHeight + HANDLE_HEIGHT;\n        openPosition.value = Dimensions.get('window').height - resultHeight - marginBottomBS - bottom - ANDROID_STATUS_BAR_HEIGHT - HANDLE_HEIGHT;\n    }, [maxHeight, HANDLE_HEIGHT, screenHeight, openPosition, marginBottomBS, bottom]);\n\n    // 현재 스크롤 위치를 관리하는 함수\n    const handleScroll = useCallback((event: NativeSyntheticEvent<NativeScrollEvent>) => {\n        listScrollPosition.value = event.nativeEvent.contentOffset.y;\n    }, [listScrollPosition]);\n\n    return isScrollView ? (\n        <ScrollView\n            simultaneousHandlers={[panGestureRef]}\n            onScroll={handleScroll}\n            style={{ maxHeight }}\n            keyboardShouldPersistTaps=\"handled\"\n            bounces={false}\n            bouncesZoom={false}\n            showsVerticalScrollIndicator={false}\n            scrollEventThrottle={16}\n        >\n            <ZSView style={{ width: '100%', minHeight: 1, paddingBottom: bottomSheetPadding }} onLayout={onLayout}>\n                {bottomSheetComponent}\n            </ZSView>\n        </ScrollView>\n    ) : (\n        <ZSView style={{ width: '100%', minHeight: 1, paddingBottom: bottomSheetPadding, maxHeight }} onLayout={onLayout}>\n            {bottomSheetComponent}\n        </ZSView>\n    );\n}\n\nexport default React.memo(ContentsComponent); // React.memo로 성능 최적화\n"]}

package/build/notify/LoadingNotify/index.d.ts

@@ -0,0 +1,6 @@
+import React, { ReactNode } from "react";
+declare function LoadingNotify({ loaderComponent, }: {
+    loaderComponent?: () => ReactNode;
+}): React.JSX.Element | null;
+export default LoadingNotify;
+//# sourceMappingURL=index.d.ts.map

package/build/notify/LoadingNotify/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/notify/LoadingNotify/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAC;AAKjE,iBAAS,aAAa,CAAC,EACrB,eAAe,GAChB,EAAE;IACD,eAAe,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,4BAiCA;AAED,eAAe,aAAa,CAAC"}

package/build/notify/LoadingNotify/index.js

@@ -0,0 +1,28 @@
+import { ActivityIndicator, BackHandler } from "react-native";
+import React, { useEffect, useCallback } from "react";
+import { useNotify } from "../../model/useNotify";
+import ModalBackground from "../ui/ModalBackground";
+// 함수 선언식으로 변경
+function LoadingNotify({ loaderComponent, }) {
+    const { loaderVisible } = useNotify();
+    // BackHandler 이벤트 처리 최적화
+    useEffect(() => {
+        const handleBackPressed = () => {
+            if (loaderVisible)
+                return true; // 로더가 보이는 경우 뒤로가기 방지
+            return false;
+        };
+        const handler = BackHandler.addEventListener("hardwareBackPress", handleBackPressed);
+        // cleanup 함수 추가
+        return () => handler.remove();
+    }, [loaderVisible]);
+    // loaderComponent를 메모이제이션
+    const renderLoader = useCallback(() => {
+        return loaderComponent ? (loaderComponent()) : (<ActivityIndicator size="large" color="#fff"/>);
+    }, [loaderComponent]);
+    return loaderVisible ? (<ModalBackground>
+      {renderLoader()}
+    </ModalBackground>) : null;
+}
+export default LoadingNotify;
+//# sourceMappingURL=index.js.map

package/build/notify/LoadingNotify/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/notify/LoadingNotify/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAEpD,cAAc;AACd,SAAS,aAAa,CAAC,EACrB,eAAe,GAGhB;IACC,MAAM,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,CAAC;IAEtC,yBAAyB;IACzB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,iBAAiB,GAAG,GAAG,EAAE;YAC7B,IAAI,aAAa;gBAAE,OAAO,IAAI,CAAC,CAAC,qBAAqB;YACrD,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEF,MAAM,OAAO,GAAG,WAAW,CAAC,gBAAgB,CAC1C,mBAAmB,EACnB,iBAAiB,CAClB,CAAC;QAEF,gBAAgB;QAChB,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;IAChC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,0BAA0B;IAC1B,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,eAAe,EAAE,CAClB,CAAC,CAAC,CAAC,CACF,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,EAAG,CAChD,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,OAAO,aAAa,CAAC,CAAC,CAAC,CACrB,CAAC,eAAe,CACd;MAAA,CAAC,YAAY,EAAE,CACjB;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,eAAe,aAAa,CAAC","sourcesContent":["import { ActivityIndicator, BackHandler } from \"react-native\";\nimport React, { ReactNode, useEffect, useCallback } from \"react\";\nimport { useNotify } from \"../../model/useNotify\";\nimport ModalBackground from \"../ui/ModalBackground\";\n\n// 함수 선언식으로 변경\nfunction LoadingNotify({\n  loaderComponent,\n}: {\n  loaderComponent?: () => ReactNode;\n}) {\n  const { loaderVisible } = useNotify();\n\n  // BackHandler 이벤트 처리 최적화\n  useEffect(() => {\n    const handleBackPressed = () => {\n      if (loaderVisible) return true; // 로더가 보이는 경우 뒤로가기 방지\n      return false;\n    };\n\n    const handler = BackHandler.addEventListener(\n      \"hardwareBackPress\",\n      handleBackPressed\n    );\n\n    // cleanup 함수 추가\n    return () => handler.remove();\n  }, [loaderVisible]);\n\n  // loaderComponent를 메모이제이션\n  const renderLoader = useCallback(() => {\n    return loaderComponent ? (\n      loaderComponent()\n    ) : (\n      <ActivityIndicator size=\"large\" color=\"#fff\" />\n    );\n  }, [loaderComponent]);\n\n  return loaderVisible ? (\n    <ModalBackground>\n      {renderLoader()}\n    </ModalBackground>\n  ) : null;\n}\n\nexport default LoadingNotify;\n"]}

package/build/notify/PopOver/PopOverButton.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+interface PopOverButtonProps extends ViewProps {
+    width: number;
+    height: number;
+    backgroundColor?: string;
+    popOverMenuComponent: React.ReactNode;
+}
+declare const PopOverButton: React.FC<PopOverButtonProps>;
+export default PopOverButton;
+//# sourceMappingURL=PopOverButton.d.ts.map

package/build/notify/PopOver/PopOverButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOverButton.d.ts","sourceRoot":"","sources":["../../../src/notify/PopOver/PopOverButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAmB,SAAS,EAAc,MAAM,cAAc,CAAC;AAGtE,UAAU,kBAAmB,SAAQ,SAAS;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,KAAK,CAAC,SAAS,CAAC;CACvC;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiC/C,CAAC;AAWF,eAAe,aAAa,CAAC"}

package/build/notify/PopOver/PopOverButton.js

@@ -0,0 +1,31 @@
+import React, { useRef, useCallback } from 'react';
+import { View, Pressable, StyleSheet } from 'react-native';
+import { useNotify } from '../../model/useNotify';
+const PopOverButton = ({ width, height, backgroundColor = 'transparent', popOverMenuComponent, children, ...props }) => {
+    const buttonRef = useRef(null);
+    const { showPopOverMenu } = useNotify();
+    const handlePress = useCallback(() => {
+        buttonRef.current?.measure((fx, fy, measuredWidth, measuredHeight, pageX, pageY) => {
+            if (pageX !== undefined && pageY !== undefined) {
+                const rbX = pageX + measuredWidth;
+                const rbY = pageY + measuredHeight;
+                showPopOverMenu({ px: rbX, py: rbY, component: popOverMenuComponent });
+            }
+        });
+    }, [showPopOverMenu, popOverMenuComponent]);
+    return (<Pressable onPress={handlePress} style={styles.pressable}>
+      <View ref={buttonRef} style={[styles.button, { width, height, backgroundColor }]} {...props}>
+        {children}
+      </View>
+    </Pressable>);
+};
+const styles = StyleSheet.create({
+    pressable: {
+        alignItems: 'flex-start',
+    },
+    button: {
+        justifyContent: 'center',
+    },
+});
+export default PopOverButton;
+//# sourceMappingURL=PopOverButton.js.map

package/build/notify/PopOver/PopOverButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOverButton.js","sourceRoot":"","sources":["../../../src/notify/PopOver/PopOverButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAa,UAAU,EAAE,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AASlD,MAAM,aAAa,GAAiC,CAAC,EACnD,KAAK,EACL,MAAM,EACN,eAAe,GAAG,aAAa,EAC/B,oBAAoB,EACpB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,MAAM,CAAO,IAAI,CAAC,CAAC;IACrC,MAAM,EAAE,eAAe,EAAE,GAAG,SAAS,EAAE,CAAC;IAExC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACjF,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBAC/C,MAAM,GAAG,GAAG,KAAK,GAAG,aAAa,CAAC;gBAClC,MAAM,GAAG,GAAG,KAAK,GAAG,cAAc,CAAC;gBAEnC,eAAe,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC,CAAC;YACzE,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,eAAe,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAE5C,OAAO,CACL,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CACvD;MAAA,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,SAAS,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,CAAC,CAC3D,IAAI,KAAK,CAAC,CAEV;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,YAAY;KACzB;IACD,MAAM,EAAE;QACN,cAAc,EAAE,QAAQ;KACzB;CACF,CAAC,CAAC;AAEH,eAAe,aAAa,CAAC","sourcesContent":["import React, { useRef, useCallback } from 'react';\nimport { View, Pressable, ViewProps, StyleSheet } from 'react-native';\nimport { useNotify } from '../../model/useNotify';\n\ninterface PopOverButtonProps extends ViewProps {\n  width: number;\n  height: number;\n  backgroundColor?: string;\n  popOverMenuComponent: React.ReactNode;\n}\n\nconst PopOverButton: React.FC<PopOverButtonProps> = ({\n  width,\n  height,\n  backgroundColor = 'transparent',\n  popOverMenuComponent,\n  children,\n  ...props\n}) => {\n  const buttonRef = useRef<View>(null);\n  const { showPopOverMenu } = useNotify();\n\n  const handlePress = useCallback(() => {\n    buttonRef.current?.measure((fx, fy, measuredWidth, measuredHeight, pageX, pageY) => {\n      if (pageX !== undefined && pageY !== undefined) {\n        const rbX = pageX + measuredWidth;\n        const rbY = pageY + measuredHeight;\n\n        showPopOverMenu({ px: rbX, py: rbY, component: popOverMenuComponent });\n      }\n    });\n  }, [showPopOverMenu, popOverMenuComponent]);\n\n  return (\n    <Pressable onPress={handlePress} style={styles.pressable}>\n      <View\n        ref={buttonRef}\n        style={[styles.button, { width, height, backgroundColor }]}\n        {...props}\n      >\n        {children}\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  pressable: {\n    alignItems: 'flex-start',\n  },\n  button: {\n    justifyContent: 'center',\n  },\n});\n\nexport default PopOverButton;\n"]}

package/build/notify/PopOver/PopOverMenu.d.ts

@@ -0,0 +1,4 @@
+import { PopOverMenuProps } from "../../model/types";
+declare function PopOverMenu({ px, py, component }: PopOverMenuProps): JSX.Element | null;
+export default PopOverMenu;
+//# sourceMappingURL=PopOverMenu.d.ts.map

package/build/notify/PopOver/PopOverMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOverMenu.d.ts","sourceRoot":"","sources":["../../../src/notify/PopOver/PopOverMenu.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAKrD,iBAAS,WAAW,CAAC,EACnB,EAAE,EACF,EAAE,EACF,SAAS,EACV,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA8EvC;AAED,eAAe,WAAW,CAAC"}