@mustmove/overlay-kit-rn 1.0.30 → 1.0.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.d.mts +2 -2
  2. package/dist/index.d.ts +2 -2
  3. package/dist/index.js +90 -71
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +92 -74
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/context/provider/index.tsx","../src/context/provider/content-overlay-controller.tsx","../src/context/provider/bottom-sheet-controller.tsx","../src/context/provider/modal-controller.tsx","../src/event.ts","../src/utils/create-use-external-events.ts","../src/utils/emitter.ts","../src/utils/random-id.ts","../src/utils/create-safe-context.ts","../src/context/context.ts","../src/context/reducer.ts","../src/utils/create-overlay-context.tsx"],"sourcesContent":["export * from \"./utils\";\nexport { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } from \"./utils/create-overlay-context\";\nexport type {\n OverlayControllerComponent,\n OverlayAsyncControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nexport type { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nexport type { ModalControllerComponent } from \"./context/provider/modal-controller\";\n","import {\n useCallback,\n useEffect,\n useReducer,\n type PropsWithChildren,\n} from \"react\";\nimport { View } from \"react-native\";\nimport { ContentOverlayController } from \"./content-overlay-controller\";\nimport { ContentBottomSheetController } from \"./bottom-sheet-controller\";\nimport { ContentModalController } from \"./modal-controller\";\nimport { type OverlayEvent, createOverlay } from \"../../event\";\nimport { randomId } from \"../../utils/random-id\";\nimport { createOverlaySafeContext } from \"../context\";\nimport { overlayReducer } from \"../reducer\";\nimport { GestureHandlerRootView } from \"react-native-gesture-handler\";\nimport { BottomSheetModalProvider } from \"@gorhom/bottom-sheet\";\nimport { PortalProvider } from \"@gorhom/portal\";\n\nexport function createOverlayProvider() {\n const overlayId = randomId();\n const { useOverlayEvent, ...overlay } = createOverlay(overlayId);\n\n const { OverlayContextProvider, useCurrentOverlay, useOverlayData } =\n createOverlaySafeContext();\n\n function OverlayProvider({ children }: PropsWithChildren) {\n const [overlayState, overlayDispatch] = useReducer(overlayReducer, {\n current: null,\n overlayOrderList: [],\n overlayData: {},\n });\n\n // Overlay 이벤트 핸들러들\n const overlayOpen: OverlayEvent[\"open\"] = useCallback(\n ({\n controller,\n overlayId,\n componentKey,\n overlayType = \"overlay\",\n options,\n }) => {\n overlayDispatch({\n type: \"ADD\",\n overlay: {\n id: overlayId,\n componentKey,\n isOpen: true,\n isMounted: true,\n controller: controller,\n overlayType,\n options,\n },\n });\n },\n []\n );\n\n const close = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, []);\n\n const unmount = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"REMOVE\", overlayId });\n }, []);\n\n const closeAll = useCallback(() => {\n overlayDispatch({ type: \"CLOSE_ALL\" });\n }, []);\n\n const unmountAll = useCallback(() => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n }, []);\n\n // 이벤트 리스너 등록\n useOverlayEvent({\n open: overlayOpen,\n close,\n unmount,\n closeAll,\n unmountAll,\n });\n\n useEffect(() => {\n return () => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n };\n }, []);\n\n return (\n <GestureHandlerRootView style={{ flex: 1 }}>\n <PortalProvider>\n <BottomSheetModalProvider>\n <OverlayContextProvider value={overlayState}>\n {children}\n\n {/* 1) Modal/Overlay 먼저 렌더: BottomSheet가 열려있으면 모달은 숨김 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType === \"bottomSheet\") return null;\n\n // hasOpenBottomSheet 계산 (모달은 항상 마운트 유지, 대신 '가려짐' 상태만 전달)\n const hasOpenBottomSheet = overlayState.overlayOrderList.some(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n\n if (overlayType === \"modal\") {\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType === \"modal\" &&\n overlayState.overlayData[id]?.isOpen\n );\n const isTopModal =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopModal; // ★ 더 이상 닫지 않음\n\n return (\n <ContentModalController\n key={componentKey}\n isOpen={shouldShow}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={{\n ...options,\n coveredByBottomSheet: hasOpenBottomSheet,\n }}\n />\n );\n }\n\n // fallback: overlay\n return (\n <ContentOverlayController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n />\n );\n })}\n\n {/* 2) BottomSheet는 항상 마지막에 렌더 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType !== \"bottomSheet\") return null;\n\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n const isTopBottomSheet =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopBottomSheet;\n\n return (\n <ContentBottomSheetController\n key={componentKey}\n isOpen={shouldShow}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={options}\n />\n );\n })}\n </OverlayContextProvider>\n </BottomSheetModalProvider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n }\n\n return {\n overlay,\n OverlayProvider,\n useCurrentOverlay,\n useOverlayData,\n };\n}\n","import React, { type FC, memo, useEffect, type Dispatch } from \"react\";\nimport { Modal } from \"react-native\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype OverlayControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n};\n\ntype OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, \"close\"> & {\n close: (param: T) => void;\n};\n\nexport type OverlayControllerComponent = FC<OverlayControllerProps>;\nexport type OverlayAsyncControllerComponent<T> = FC<\n OverlayAsyncControllerProps<T>\n>;\n\ntype ContentOverlayControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: OverlayControllerComponent;\n};\n\nexport const ContentOverlayController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n }: ContentOverlayControllerProps) => {\n useEffect(() => {\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n }, [overlayDispatch, overlayId]);\n\n return (\n <Controller\n isOpen={isOpen}\n overlayId={overlayId}\n close={() => overlayDispatch({ type: \"CLOSE\", overlayId })}\n unmount={() => overlayDispatch({ type: \"REMOVE\", overlayId })}\n />\n );\n }\n);\n","import React, {\n type FC,\n memo,\n useEffect,\n useRef,\n type Dispatch,\n useCallback,\n useState,\n} from \"react\";\nimport BottomSheet, {\n BottomSheetModal,\n BottomSheetView,\n BottomSheetFlatList,\n BottomSheetScrollView,\n BottomSheetBackdrop,\n BottomSheetModalProvider,\n BottomSheetTextInput,\n} from \"@gorhom/bottom-sheet\";\n\nimport {\n StyleProp,\n ViewStyle,\n ListRenderItem,\n View,\n StyleSheet,\n Platform,\n Keyboard,\n} from \"react-native\";\nimport { useReducedMotion } from \"react-native-reanimated\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype BottomSheetControllerProps<T = any> = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Enhanced features\n header?: React.ReactNode;\n footer?: React.ReactNode;\n children?: React.ReactNode;\n // FlatList support\n isFlatList?: boolean;\n data?: ArrayLike<T> | null | undefined;\n renderItem?: ListRenderItem<T> | null | undefined;\n keyExtractor?: ((item: T, index: number) => string) | undefined;\n contentContainerStyle?: StyleProp<ViewStyle> | undefined;\n ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;\n flatListHeader?: React.ReactNode;\n flatListFooter?: React.ReactNode;\n // Backdrop\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n onBackdropPress?: () => void;\n // Dynamic sizing\n enableDynamicSizing?: boolean;\n // Scrolling\n enableScrolling?: boolean;\n // Styling\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n // Loading & empty state\n isLoading?: boolean;\n emptyText?: string;\n extraData?: any;\n // Keyboard height (Android)\n keyboardHeight?: number;\n};\n\nexport type BottomSheetControllerComponent<T = any> = FC<\n BottomSheetControllerProps<T>\n>;\n\ntype ContentBottomSheetControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: BottomSheetControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n enableDynamicSizing?: boolean;\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n [key: string]: any;\n };\n};\n\nexport const ContentBottomSheetController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentBottomSheetControllerProps) => {\n const bottomSheetRef = useRef<BottomSheetModal>(null);\n const reducedMotion = useReducedMotion();\n const [keyboardHeight, setKeyboardHeight] = useState(0);\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // bottomSheet는 항상 modal보다 앞에 나오도록 훨씬 높은 zIndex 사용\n return 9999 + index;\n };\n\n // --- Android keyboard handling defaults ---\n // On Android, the sheet won't move with the keyboard unless:\n // 1) Activity windowSoftInputMode = \"adjustResize\"\n // 2) bottom-sheet uses keyboardBehavior=\"extend\"\n // 3) Text inputs inside sheet use BottomSheetTextInput\n\n const {\n snapPoints,\n enablePanDownToClose = true,\n enableBackdrop = true,\n backdropOpacity = 0.5,\n enableDynamicSizing = true,\n backgroundStyle = {},\n handleStyle = {},\n keyboardBehavior = Platform.OS === \"android\" ? \"extend\" : \"interactive\",\n keyboardBlurBehavior = \"restore\",\n androidKeyboardInputMode = \"adjustResize\",\n ...restOptions\n } = options;\n\n // Android 키보드 높이 감지\n useEffect(() => {\n if (Platform.OS === \"android\") {\n const keyboardDidShowListener = Keyboard.addListener(\n \"keyboardDidShow\",\n (e) => setKeyboardHeight(e.endCoordinates.height)\n );\n const keyboardDidHideListener = Keyboard.addListener(\n \"keyboardDidHide\",\n () => setKeyboardHeight(0)\n );\n\n return () => {\n keyboardDidShowListener.remove();\n keyboardDidHideListener.remove();\n };\n }\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n const rafId = requestAnimationFrame(() => {\n bottomSheetRef.current?.present();\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n return () => cancelAnimationFrame(rafId);\n } else {\n bottomSheetRef.current?.dismiss();\n }\n }, [isOpen, overlayDispatch, overlayId]);\n\n const handleClose = useCallback(() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, [overlayDispatch, overlayId]);\n\n // 백드롭 렌더링\n const renderBackdrop = useCallback(\n (props: any) => (\n <BottomSheetBackdrop\n {...props}\n appearsOnIndex={1}\n disappearsOnIndex={-1}\n opacity={backdropOpacity}\n pressBehavior=\"close\"\n onPress={() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }}\n />\n ),\n [backdropOpacity, keyboardHeight]\n );\n // callbacks\n const handleSheetChange = useCallback((index: number) => {}, []);\n\n if (!isOpen) return null;\n\n return (\n <BottomSheetModal\n style={[{ zIndex: getZIndex() }]}\n ref={bottomSheetRef}\n onChange={handleSheetChange}\n android_keyboardInputMode={androidKeyboardInputMode}\n keyboardBehavior={keyboardBehavior}\n snapPoints={enableDynamicSizing ? undefined : snapPoints}\n enablePanDownToClose={enablePanDownToClose}\n onDismiss={handleClose}\n keyboardBlurBehavior={keyboardBlurBehavior}\n index={0}\n backdropComponent={enableBackdrop ? renderBackdrop : undefined}\n backgroundStyle={[\n {\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n backgroundStyle,\n ]}\n handleStyle={[\n {\n backgroundColor: \"transparent\",\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n handleStyle,\n ]}\n enableDynamicSizing={enableDynamicSizing}\n animateOnMount={!reducedMotion}\n >\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n snapPoints,\n enablePanDownToClose,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n keyboardHeight,\n ...restOptions,\n })}\n </BottomSheetModal>\n );\n }\n);\n","// modal-controller.tsx\nimport React, { type FC, memo, useEffect, useState } from \"react\";\nimport {\n View,\n Animated,\n StyleSheet,\n Dimensions,\n Pressable,\n} from \"react-native\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype ModalControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n\nexport type ModalControllerComponent<T = {}> = FC<ModalControllerProps & T>;\n\ntype ContentModalControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: React.Dispatch<OverlayReducerAction>;\n controller: ModalControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n coveredByBottomSheet?: boolean;\n };\n};\n\nconst { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get(\"window\");\n\nexport const ContentModalController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentModalControllerProps) => {\n const {\n modalType = \"center\",\n backdropOpacity = 0.5,\n animationType = \"fade\",\n swipeDirection,\n } = options;\n\n const [backdropAnimation] = useState(new Animated.Value(0));\n const [contentAnimation] = useState(new Animated.Value(0));\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n return 1000 + index;\n };\n\n useEffect(() => {\n if (isOpen) {\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n ]).start();\n } else {\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n ]).start();\n }\n }, [\n isOpen,\n overlayDispatch,\n overlayId,\n backdropAnimation,\n contentAnimation,\n ]);\n\n const handleClose = () => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n };\n\n const getContainerStyle = () => {\n switch (modalType) {\n case \"bottom\":\n return styles.bottomContainer;\n case \"top\":\n return styles.topContainer;\n case \"left\":\n return styles.leftContainer;\n case \"right\":\n return styles.rightContainer;\n default:\n return styles.centerContainer;\n }\n };\n\n const getContentAnimationStyle = () => {\n const baseOpacity = { opacity: contentAnimation };\n\n switch (modalType) {\n case \"bottom\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"top\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"left\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n case \"right\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n default:\n if (animationType === \"slide\") {\n return {\n ...baseOpacity,\n transform: [\n {\n scale: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [0.8, 1],\n }),\n },\n ],\n };\n }\n return baseOpacity;\n }\n };\n const isCovered = !!options?.coveredByBottomSheet;\n const isHidden = isCovered;\n if (!isOpen) return null;\n\n return (\n <View\n style={[\n styles.absoluteContainer,\n { zIndex: getZIndex(), display: isHidden ? \"none\" : \"flex\" },\n ]}\n pointerEvents={\"box-none\"}\n >\n <Pressable style={StyleSheet.absoluteFill} onPress={handleClose}>\n <Animated.View\n style={[\n styles.backdrop,\n {\n backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,\n opacity: isHidden ? 0 : backdropAnimation,\n },\n ]}\n >\n <View style={StyleSheet.absoluteFill} pointerEvents=\"box-none\">\n <Animated.View\n style={[getContainerStyle(), getContentAnimationStyle()]}\n pointerEvents=\"box-none\"\n >\n <Pressable onPress={() => {}}>\n {React.isValidElement(Controller)\n ? React.cloneElement(\n Controller as React.ReactElement<any>,\n {\n close: () =>\n overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n }\n )\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n modalType,\n backdropOpacity,\n animationType,\n swipeDirection,\n close: () =>\n overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })}\n </Pressable>\n </Animated.View>\n </View>\n </Animated.View>\n </Pressable>\n </View>\n );\n }\n);\n\nconst styles = StyleSheet.create({\n absoluteContainer: {\n ...StyleSheet.absoluteFillObject,\n },\n backdrop: {\n ...StyleSheet.absoluteFillObject,\n },\n centerContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingHorizontal: 20,\n },\n bottomContainer: {\n flex: 1,\n justifyContent: \"flex-end\",\n },\n topContainer: {\n flex: 1,\n justifyContent: \"flex-start\",\n },\n leftContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n },\n rightContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-end\",\n },\n});\n","// 사용자가 실제로 사용하는 API 를 만드는 팩토리\n// overlay.open(), overlay.close 등\n\nimport React from \"react\";\nimport {\n OverlayAsyncControllerComponent,\n OverlayControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./context/provider/modal-controller\";\nimport { createUseExternalEvents } from \"./utils/create-use-external-events\";\nimport { randomId } from \"./utils/random-id\";\n\nexport type OverlayEvent = {\n open: (args: {\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement;\n overlayId: string;\n componentKey: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n options?: any;\n }) => void;\n close: (overlayId: string) => void;\n unmount: (overlayId: string) => void;\n closeAll: () => void;\n unmountAll: () => void;\n};\n\ntype OpenOverlayOptions = {\n overlayId?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n // BottomSheet options\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Modal options\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n enableDynamicSizing?: boolean;\n animationType?:\n | \"none\"\n | \"slide\"\n | \"fade\"\n | \"bounceIn\"\n | \"bounceInDown\"\n | \"bounceInUp\"\n | \"bounceInLeft\"\n | \"bounceInRight\"\n | \"bounceOut\"\n | \"bounceOutDown\"\n | \"bounceOutUp\"\n | \"bounceOutLeft\"\n | \"bounceOutRight\"\n | \"fadeIn\"\n | \"fadeInDown\"\n | \"fadeInDownBig\"\n | \"fadeInUp\"\n | \"fadeInUpBig\"\n | \"fadeInLeft\"\n | \"fadeInLeftBig\"\n | \"fadeInRight\"\n | \"fadeInRightBig\"\n | \"fadeOut\"\n | \"fadeOutDown\"\n | \"fadeOutDownBig\"\n | \"fadeOutUp\"\n | \"fadeOutUpBig\"\n | \"fadeOutLeft\"\n | \"fadeOutLeftBig\"\n | \"fadeOutRight\"\n | \"fadeOutRightBig\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n// id 받아\nexport function createOverlay(overlayId: string) {\n const [useOverlayEvent, createEvent] = createUseExternalEvents<OverlayEvent>(\n `${overlayId}/overlay-kit`\n );\n\n const open = (\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement,\n options?: OpenOverlayOptions\n ) => {\n const overlayId = options?.overlayId ?? randomId();\n const componentKey = randomId();\n const overlayType = options?.overlayType ?? \"overlay\";\n\n const dispatchOpenEvent = createEvent(\"open\");\n\n // 옵션에서 overlayType과 overlayId를 제외한 나머지를 options로 전달\n const { overlayId: _, overlayType: __, ...restOptions } = options || {};\n\n // JSX 엘리먼트인 경우 wrapper 컴포넌트로 감싸기\n let finalController;\n if (React.isValidElement(controller)) {\n finalController = (props: any) => {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n close: props.close,\n unmount: props.unmount,\n });\n };\n } else {\n finalController = controller;\n }\n\n dispatchOpenEvent({\n controller: finalController,\n overlayId,\n componentKey,\n overlayType,\n options: restOptions,\n });\n return overlayId;\n };\n\n // openAsync는 모든 overlay 타입에서 사용 가능\n const openAsync = async <T>(\n controller:\n | OverlayAsyncControllerComponent<T>\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | ((props: any) => any),\n options?: OpenOverlayOptions\n ) => {\n return new Promise<T>((resolve) => {\n const wrappedController = (overlayProps: any) => {\n const close = (param?: T) => {\n resolve(param as T);\n overlayProps.close();\n };\n const unmount = (param?: T) => {\n resolve(param as T);\n overlayProps.unmount();\n };\n const props = { ...overlayProps, close, unmount };\n return controller(props);\n };\n\n open(wrappedController, options);\n });\n };\n const close = createEvent(\"close\");\n const unmount = createEvent(\"unmount\");\n const closeAll = createEvent(\"closeAll\");\n const unmountAll = createEvent(\"unmountAll\");\n return {\n open,\n openAsync,\n close,\n unmount,\n closeAll,\n unmountAll,\n useOverlayEvent,\n };\n}\n","import { useEffect } from \"react\";\nimport { createEmitter } from \"./emitter\";\n\nconst emitter = createEmitter();\n\n// React Native에서는 useEffect를 사용 (useLayoutEffect 대신)\nfunction useClientEffect(...args: Parameters<typeof useEffect>) {\n // RN에서는 항상 useEffect 실행\n useEffect(...args);\n}\n\n// 단순한 wrapper 함수\n// emitter.emit을 한번 감싼 이유는 나중에 로깅, 디버깅 등 추가 기능을 넣기 위함\nfunction dispatchEvent<Detail>(type: string, detail?: Detail) {\n emitter.emit(type, detail);\n}\n\n// 메인 팩토리 함수\n// 사용 예\n// createUseExternalEvents<OverlayEvents>('overlay-kit')\n// prefix의 역할:\n// - 'overlay-kit' → 실제 이벤트명은 overlay-kit:open, overlay-kit:close\n// - 네임스페이스로 이벤트 충돌 방지\n\nfunction createUseExternalEvents<\n EventHandlers extends Record<string, (params: any) => void>\n>(prefix: string) {\n function useExternalEvents(events: EventHandlers) {\n // 변환 과정:\n // 입력:\n // events = {\n // open: (data) => console.log('열기', data),\n // close: (id) => console.log('닫기', id)\n // }\n\n // 변환 결과:\n // handlers = {\n // 'overlay-kit:open': (event) => events.open(event),\n // 'overlay-kit:close': (event) => events.close(event)\n // }\n\n const handlers = Object.keys(events).reduce<Record<string, () => void>>(\n (prev, eventKey) => {\n const currentEventKeys = `${prefix}:${eventKey}`;\n\n return {\n ...prev,\n [currentEventKeys]: function (event: unknown) {\n events[eventKey](event);\n } as () => void,\n };\n },\n {}\n );\n\n useClientEffect(() => {\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]); // 🔥 기존 핸들러 제거\n // (중복 방지)\n emitter.on(eventKey, handlers[eventKey]); // 🔥 새로운 핸들러 등록\n });\n\n // 🧹 컴포넌트 언마운트시 정리\n return () =>\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]);\n });\n }, [handlers]);\n }\n\n // 타입 분석:\n // EventKey = 'open' | 'close' | 'closeAll'\n // Parameters<EventHandlers['open']> = [data: {component: Component, id:\n // string}]\n\n // const openEvent = createEvent('open');\n // openEvent의 타입: (data: {component: Component, id: string}) => void\n\n // openEvent({component: MyModal, id: '123'});\n // → dispatchEvent('overlay-kit:open', {component: MyModal, id: '123'})\n\n // payload[0]을 사용하는 이유:\n // 함수 호출: openEvent(arg1, arg2, arg3)\n // payload = [arg1, arg2, arg3]\n // payload[0] = arg1 (첫 번째 인자만 이벤트 데이터로 전달)\n\n function createEvent<EventKey extends keyof EventHandlers>(event: EventKey) {\n return (...payload: Parameters<EventHandlers[EventKey]>) =>\n dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n }\n\n return [useExternalEvents, createEvent] as const;\n}\n\n// 💡 이 패턴의 천재적인 점\n\n// 1. React 외부에서 React 내부 제어: overlay.open() 같은 명령형 API 가능\n// 2. 타입 안전성: TypeScript로 이벤트 타입 완벽 추론\n// 3. 메모리 안전: React Hook 생명주기와 완벽 동기화\n// 4. 플랫폼 호환: 웹/RN 모두 지원\n// 5. 네임스페이스: 이벤트 충돌 방지\n\nexport { createUseExternalEvents };\n","\n// 이벤트 이름\nexport type EventType = string | symbol;\n\n// 이벤트 핸들러\nexport type Handler<T = unknown> = (event: T) => void;\nexport type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;\n\n// 이벤트 핸들러 목록\nexport type EventHandlerList<T = unknown> = Array<Handler<T>>;\nexport type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;\n\n// 이벤트 핸들러 맵\nexport type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<\n keyof Events | '*',\n EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>\n>;\n\n// 이벤트 발행기\nexport interface Emitter<Events extends Record<EventType, unknown>> {\n all: EventHandlerMap<Events>;\n\n on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;\n on(type: '*', handler: WildcardHandler<Events>): void;\n\n off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;\n off(type: '*', handler: WildcardHandler<Events>): void;\n\n emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;\n emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;\n}\n\nexport function createEmitter<Events extends Record<EventType, unknown>>(\n all?: EventHandlerMap<Events>\n): Emitter<Events> {\n type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;\n all = all || new Map();\n\n return {\n all,\n on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n handlers.push(handler);\n } else {\n all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);\n }\n },\n off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n if (handler) {\n handlers.splice(handlers.indexOf(handler) >>> 0, 1);\n } else {\n all!.set(type, []);\n }\n }\n },\n emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {\n let handlers = all!.get(type);\n if (handlers) {\n (handlers as EventHandlerList<Events[keyof Events]>).slice().forEach((handler) => {\n handler(evt!);\n });\n }\n\n handlers = all!.get('*');\n if (handlers) {\n (handlers as WildCardEventHandlerList<Events>).slice().forEach((handler) => {\n handler(type, evt!);\n });\n }\n },\n };\n}","export function randomId() {\n return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;\n}","import { type Provider, createContext, useContext } from 'react';\n\ntype NullSymbolType = typeof NullSymbol;\nconst NullSymbol = Symbol('Null');\n\nexport type CreateContextReturn<T> = [Provider<T>, () => T];\n\nexport function createSafeContext<T>(displayName?: string): CreateContextReturn<T> {\n const Context = createContext<T | NullSymbolType>(NullSymbol);\n Context.displayName = displayName ?? 'SafeContext';\n\n function useSafeContext() {\n const context = useContext(Context);\n\n if (context === NullSymbol) {\n const error = new Error(`[${Context.displayName}]: Provider not found.`);\n error.name = '[Error] Context';\n\n throw error;\n }\n\n return context;\n }\n\n return [Context.Provider as any, useSafeContext];\n}\n","import { createSafeContext } from '../utils/create-safe-context';\nimport { type OverlayData } from './reducer';\n\n\nexport function createOverlaySafeContext() {\n const [OverlayContextProvider, useOverlayContext] = createSafeContext<OverlayData>('overlay-kit/OverlayContext');\n\n function useCurrentOverlay() {\n return useOverlayContext().current;\n }\n\n function useOverlayData() {\n return useOverlayContext().overlayData;\n }\n\n return { OverlayContextProvider, useCurrentOverlay, useOverlayData };\n}\n","import { OverlayControllerComponent } from \"./provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./provider/modal-controller\";\n\ntype OverlayId = string;\ntype OverlayItem = {\n /**\n * @description 오버레이 고유한 ID\n */\n id : OverlayId;\n /**\n * @description 오버레이 컴포넌트의 고유한 키\n * 컴포넌트가 언마운트시 사용됩니다.\n */\n componentKey: string;\n isOpen: boolean;\n isMounted: boolean;\n controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;\n overlayType?: 'overlay' | 'bottomSheet' | 'modal';\n options?: any;\n}\nexport type OverlayData = {\n current: OverlayId | null; // 현재 열려있는 오버레이 ID\n overlayOrderList: OverlayId[];\n overlayData: Record<OverlayId, OverlayItem>;\n}\nexport type OverlayReducerAction =\n | { type: 'ADD'; overlay: OverlayItem }\n | { type: 'OPEN'; overlayId: string }\n | { type: 'CLOSE'; overlayId: string }\n | { type: 'REMOVE'; overlayId: string }\n | { type: 'CLOSE_ALL' }\n | { type: 'REMOVE_ALL' };\n\n/**\n * 오버레이를 닫거나 제거할 때, 어떤 오버레이를 현재(current)로 지정할지 결정합니다.\n *\n * @description 마지막 오버레이를 닫을 경우, 그 이전 오버레이를 현재로 지정합니다.\n * @description 중간에 있는 오버레이를 닫을 경우, 마지막 오버레이를 현재로 지정합니다.\n *\n * @example open - [1, 2, 3, 4]\n * close 2 => current: 4\n * close 4 => current: 3\n * close 3 => current: 1\n * close 1 => current: null\n *\n * @param overlayOrderList 오버레이 ID가 순서대로 담긴 리스트\n * @param overlayData 오버레이 데이터 맵\n * @param targetOverlayId 닫거나 제거하려는 오버레이의 ID\n * @returns 현재로 지정될 오버레이의 ID, 없으면 null\n */\nexport const determineCurrentOverlayId = (overlayOrderList: OverlayId[], overlayData: Record<OverlayId, OverlayItem>, targetOverlayId: OverlayId): OverlayId | null => {\n // 1단계: 열린 오버레이들만 필터링\n\n const openedOverlayOrderList = overlayOrderList.filter(\n (orderedOverlayId) => overlayData[orderedOverlayId].isOpen === true\n );\n // 2단계: 닫힐 오버레이의 위치 찾기\n const targetIndexInOpenedList = openedOverlayOrderList.findIndex((item) => item === targetOverlayId);\n\n // 3단계: 다음 활성 오버레이 결정\n return targetIndexInOpenedList === openedOverlayOrderList.length - 1\n ? openedOverlayOrderList[targetIndexInOpenedList - 1] ?? null // 마지막이면 이전 것\n : openedOverlayOrderList[openedOverlayOrderList.length - 1] ?? null;// 중간이면 최상위\n\n}\n\n/** 동작 예시:\n * \n *\n * // 상황: 오버레이 [1, 2, 3, 4]가 순서대로 열려있음\n * overlayOrderList = [\"modal-1\", \"modal-2\", \"modal-3\", \"modal-4\"];\n * // 모두 isOpen: true\n *\n * // 케이스 1: 최상위(4번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-4\");\n * // → \"modal-3\" (바로 아래가 활성화)\n *\n * // 케이스 2: 중간(2번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-2\");\n * // → \"modal-4\" (최상위가 여전히 활성)\n *\n * // 케이스 3: 마지막 남은 것 닫기\n * determineCurrentOverlayId([\"modal-1\"], data, \"modal-1\");\n * // → null (더 이상 활성 오버레이 없음)\n */\n\n// 상태 변경 로직\nexport function overlayReducer(state: OverlayData, action: OverlayReducerAction): OverlayData {\n switch (action.type) {\n case 'ADD': {\n if (state.overlayData[action.overlay.id] != null && state.overlayData[action.overlay.id].isOpen === false) {\n const overlay = state.overlayData[action.overlay.id];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlay.id,\n overlayData: {\n ...state.overlayData,\n [action.overlay.id]: { ...overlay, isOpen: true },\n },\n };\n }\n\n const isExisted = state.overlayOrderList.includes(action.overlay.id);\n\n if (isExisted && state.overlayData[action.overlay.id].isOpen === true) {\n throw new Error(\n `You can't open the multiple overlays with the same overlayId(${action.overlay.id}). Please set a different id.`\n );\n }\n\n return {\n current: action.overlay.id,\n /**\n * @description Brings the overlay to the front when reopened after closing without unmounting.\n */\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlay.id), action.overlay.id],\n overlayData: isExisted\n ? state.overlayData\n : {\n ...state.overlayData,\n [action.overlay.id]: action.overlay,\n },\n };\n }\n case 'OPEN': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: { ...overlay, isOpen: true, isMounted: true },\n },\n };\n }\n case 'CLOSE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already closed\n if (overlay == null || !overlay.isOpen) {\n return state;\n }\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n ...state,\n current: currentOverlayId,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: {\n ...state.overlayData[action.overlayId],\n isOpen: false,\n },\n },\n };\n }\n case 'REMOVE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist\n if (overlay == null) {\n return state;\n }\n\n const remainingOverlays = state.overlayOrderList.filter((item) => item !== action.overlayId);\n if (state.overlayOrderList.length === remainingOverlays.length) {\n return state;\n }\n\n const copiedOverlayData = { ...state.overlayData };\n delete copiedOverlayData[action.overlayId];\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n current: currentOverlayId,\n overlayOrderList: remainingOverlays,\n overlayData: copiedOverlayData,\n };\n }\n case 'CLOSE_ALL': {\n // ignore if there is no overlay\n if (Object.keys(state.overlayData).length === 0) {\n return state;\n }\n\n return {\n ...state,\n current: null,\n overlayData: Object.keys(state.overlayData).reduce(\n (prev, curr) => ({\n ...prev,\n [curr]: {\n ...state.overlayData[curr],\n isOpen: false,\n } satisfies OverlayItem,\n }),\n {} satisfies Record<string, OverlayItem>\n ),\n };\n }\n case 'REMOVE_ALL': {\n return { current: null, overlayOrderList: [], overlayData: {} };\n }\n }\n}","import { createOverlayProvider } from '../context/provider';\n\nexport const { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } = createOverlayProvider();\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function experimental_createOverlayContext() {\n return createOverlayProvider();\n}"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","_a","React","import_react","import_react_native","import_jsx_runtime","React","import_react","import_react","overlayId","React","close","unmount","import_react","useCurrentOverlay","useOverlayData","overlay","import_bottom_sheet","import_jsx_runtime","overlay","useCurrentOverlay","useOverlayData","OverlayProvider","overlayId","_a"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/context/provider/index.tsx","../src/context/provider/content-overlay-controller.tsx","../src/context/provider/bottom-sheet-controller.tsx","../src/context/provider/modal-controller.tsx","../src/event.ts","../src/utils/create-use-external-events.ts","../src/utils/emitter.ts","../src/utils/random-id.ts","../src/utils/create-safe-context.ts","../src/context/context.ts","../src/context/reducer.ts","../src/utils/create-overlay-context.tsx"],"sourcesContent":["export * from \"./utils\";\nexport { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } from \"./utils/create-overlay-context\";\nexport type {\n OverlayControllerComponent,\n OverlayAsyncControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nexport type { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nexport type { ModalControllerComponent } from \"./context/provider/modal-controller\";\n","import {\n useCallback,\n useEffect,\n useReducer,\n type PropsWithChildren,\n} from \"react\";\nimport { View } from \"react-native\";\nimport { ContentOverlayController } from \"./content-overlay-controller\";\nimport { ContentBottomSheetController } from \"./bottom-sheet-controller\";\nimport { ContentModalController } from \"./modal-controller\";\nimport { type OverlayEvent, createOverlay } from \"../../event\";\nimport { randomId } from \"../../utils/random-id\";\nimport { createOverlaySafeContext } from \"../context\";\nimport { overlayReducer } from \"../reducer\";\nimport { GestureHandlerRootView } from \"react-native-gesture-handler\";\nimport { BottomSheetModalProvider } from \"@gorhom/bottom-sheet\";\nimport { PortalProvider, PortalHost } from \"@gorhom/portal\";\n\nexport function createOverlayProvider() {\n const overlayId = randomId();\n const { useOverlayEvent, ...overlay } = createOverlay(overlayId);\n\n const { OverlayContextProvider, useCurrentOverlay, useOverlayData } =\n createOverlaySafeContext();\n\n function OverlayProvider({ children }: PropsWithChildren) {\n const [overlayState, overlayDispatch] = useReducer(overlayReducer, {\n current: null,\n overlayOrderList: [],\n overlayData: {},\n });\n\n // Overlay 이벤트 핸들러들\n const overlayOpen: OverlayEvent[\"open\"] = useCallback(\n ({\n controller,\n overlayId,\n componentKey,\n overlayType = \"overlay\",\n options,\n }) => {\n overlayDispatch({\n type: \"ADD\",\n overlay: {\n id: overlayId,\n componentKey,\n isOpen: true,\n isMounted: true,\n controller: controller,\n overlayType,\n options,\n },\n });\n },\n []\n );\n\n const close = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, []);\n\n const unmount = useCallback((overlayId: string) => {\n overlayDispatch({ type: \"REMOVE\", overlayId });\n }, []);\n\n const closeAll = useCallback(() => {\n overlayDispatch({ type: \"CLOSE_ALL\" });\n }, []);\n\n const unmountAll = useCallback(() => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n }, []);\n\n // 이벤트 리스너 등록\n useOverlayEvent({\n open: overlayOpen,\n close,\n unmount,\n closeAll,\n unmountAll,\n });\n\n useEffect(() => {\n return () => {\n overlayDispatch({ type: \"REMOVE_ALL\" });\n };\n }, []);\n\n return (\n <GestureHandlerRootView style={{ flex: 1 }}>\n <PortalProvider>\n <BottomSheetModalProvider>\n <OverlayContextProvider value={overlayState}>\n {children}\n\n {/* 1) Modal/Overlay 먼저 렌더: BottomSheet가 열려있으면 모달은 숨김 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType === \"bottomSheet\") return null;\n\n // hasOpenBottomSheet 계산 (모달은 항상 마운트 유지, 대신 '가려짐' 상태만 전달)\n const hasOpenBottomSheet = overlayState.overlayOrderList.some(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n\n if (overlayType === \"modal\") {\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType === \"modal\" &&\n overlayState.overlayData[id]?.isOpen\n );\n const isTopModal =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopModal; // ★ 더 이상 닫지 않음\n\n return (\n <ContentModalController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={{\n ...options,\n coveredByBottomSheet: hasOpenBottomSheet,\n }}\n />\n );\n }\n\n // fallback: overlay\n return (\n <ContentOverlayController\n key={componentKey}\n isOpen={isOpen}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n />\n );\n })}\n\n {/* 2) BottomSheet는 항상 마지막에 렌더 */}\n {overlayState.overlayOrderList.map((item) => {\n const overlayItem = overlayState.overlayData[item];\n const {\n id: currentOverlayId,\n componentKey,\n isOpen,\n controller: Controller,\n overlayType,\n options,\n } = overlayItem;\n\n if (overlayType !== \"bottomSheet\") return null;\n\n const sameTypeOverlays = overlayState.overlayOrderList.filter(\n (id) =>\n overlayState.overlayData[id]?.overlayType ===\n \"bottomSheet\" && overlayState.overlayData[id]?.isOpen\n );\n const isTopBottomSheet =\n sameTypeOverlays[sameTypeOverlays.length - 1] ===\n currentOverlayId;\n const shouldShow = isOpen && isTopBottomSheet;\n\n return (\n <ContentBottomSheetController\n key={componentKey}\n isOpen={shouldShow}\n controller={Controller as any}\n overlayId={currentOverlayId}\n overlayDispatch={overlayDispatch}\n overlayOrderList={overlayState.overlayOrderList}\n options={options}\n />\n );\n })}\n\n {/* Portal hosts for modals, ordered by overlayOrderList index (controls stacking) */}\n {overlayState.overlayOrderList.map((id, idx) => (\n <PortalHost\n key={`overlay-modal-${idx}`}\n name={`overlay-modal-${idx}`}\n />\n ))}\n </OverlayContextProvider>\n </BottomSheetModalProvider>\n </PortalProvider>\n </GestureHandlerRootView>\n );\n }\n\n return {\n overlay,\n OverlayProvider,\n useCurrentOverlay,\n useOverlayData,\n };\n}\n","import React, { type FC, memo, useEffect, type Dispatch } from \"react\";\nimport { Modal } from \"react-native\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype OverlayControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n};\n\ntype OverlayAsyncControllerProps<T> = Omit<OverlayControllerProps, \"close\"> & {\n close: (param: T) => void;\n};\n\nexport type OverlayControllerComponent = FC<OverlayControllerProps>;\nexport type OverlayAsyncControllerComponent<T> = FC<\n OverlayAsyncControllerProps<T>\n>;\n\ntype ContentOverlayControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: OverlayControllerComponent;\n};\n\nexport const ContentOverlayController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n }: ContentOverlayControllerProps) => {\n useEffect(() => {\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n }, [overlayDispatch, overlayId]);\n\n return (\n <Controller\n isOpen={isOpen}\n overlayId={overlayId}\n close={() => overlayDispatch({ type: \"CLOSE\", overlayId })}\n unmount={() => overlayDispatch({ type: \"REMOVE\", overlayId })}\n />\n );\n }\n);\n","import React, {\n type FC,\n memo,\n useEffect,\n useRef,\n type Dispatch,\n useCallback,\n useState,\n} from \"react\";\nimport BottomSheet, {\n BottomSheetModal,\n BottomSheetView,\n BottomSheetFlatList,\n BottomSheetScrollView,\n BottomSheetBackdrop,\n BottomSheetModalProvider,\n BottomSheetTextInput,\n} from \"@gorhom/bottom-sheet\";\n\nimport {\n StyleProp,\n ViewStyle,\n ListRenderItem,\n View,\n StyleSheet,\n Platform,\n Keyboard,\n} from \"react-native\";\nimport { useReducedMotion } from \"react-native-reanimated\";\nimport { type OverlayReducerAction } from \"../reducer\";\nimport { Portal } from \"@gorhom/portal\";\n\ntype BottomSheetControllerProps<T = any> = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Enhanced features\n header?: React.ReactNode;\n footer?: React.ReactNode;\n children?: React.ReactNode;\n // FlatList support\n isFlatList?: boolean;\n data?: ArrayLike<T> | null | undefined;\n renderItem?: ListRenderItem<T> | null | undefined;\n keyExtractor?: ((item: T, index: number) => string) | undefined;\n contentContainerStyle?: StyleProp<ViewStyle> | undefined;\n ItemSeparatorComponent?: React.ComponentType<any> | null | undefined;\n flatListHeader?: React.ReactNode;\n flatListFooter?: React.ReactNode;\n // Backdrop\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n onBackdropPress?: () => void;\n // Dynamic sizing\n enableDynamicSizing?: boolean;\n // Scrolling\n enableScrolling?: boolean;\n // Styling\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n // Loading & empty state\n isLoading?: boolean;\n emptyText?: string;\n extraData?: any;\n // Keyboard height (Android)\n keyboardHeight?: number;\n};\n\nexport type BottomSheetControllerComponent<T = any> = FC<\n BottomSheetControllerProps<T>\n>;\n\ntype ContentBottomSheetControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: Dispatch<OverlayReducerAction>;\n controller: BottomSheetControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n enableBackdrop?: boolean;\n backdropOpacity?: number;\n enableDynamicSizing?: boolean;\n backgroundStyle?: StyleProp<ViewStyle>;\n handleStyle?: StyleProp<ViewStyle>;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n [key: string]: any;\n };\n};\n\nexport const ContentBottomSheetController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentBottomSheetControllerProps) => {\n const bottomSheetRef = useRef<BottomSheet>(null);\n const reducedMotion = useReducedMotion();\n const [keyboardHeight, setKeyboardHeight] = useState(0);\n\n const getZIndex = () => {\n const index = overlayOrderList.indexOf(overlayId);\n // bottomSheet는 항상 modal보다 앞에 나오도록 훨씬 높은 zIndex 사용\n return 1000 + index;\n };\n\n // --- Android keyboard handling defaults ---\n // On Android, the sheet won't move with the keyboard unless:\n // 1) Activity windowSoftInputMode = \"adjustResize\"\n // 2) bottom-sheet uses keyboardBehavior=\"extend\"\n // 3) Text inputs inside sheet use BottomSheetTextInput\n\n const {\n snapPoints,\n enablePanDownToClose = true,\n enableBackdrop = true,\n backdropOpacity = 0.5,\n enableDynamicSizing = true,\n backgroundStyle = {},\n handleStyle = {},\n keyboardBehavior = Platform.OS === \"android\" ? \"extend\" : \"interactive\",\n keyboardBlurBehavior = \"restore\",\n androidKeyboardInputMode = \"adjustResize\",\n ...restOptions\n } = options;\n\n // Android 키보드 높이 감지\n useEffect(() => {\n if (Platform.OS === \"android\") {\n const keyboardDidShowListener = Keyboard.addListener(\n \"keyboardDidShow\",\n (e) => setKeyboardHeight(e.endCoordinates.height)\n );\n const keyboardDidHideListener = Keyboard.addListener(\n \"keyboardDidHide\",\n () => setKeyboardHeight(0)\n );\n\n return () => {\n keyboardDidShowListener.remove();\n keyboardDidHideListener.remove();\n };\n }\n }, []);\n\n useEffect(() => {\n if (isOpen) {\n const rafId = requestAnimationFrame(() => {\n bottomSheetRef.current?.expand();\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n return () => cancelAnimationFrame(rafId);\n } else {\n bottomSheetRef.current?.close();\n }\n }, [isOpen, overlayDispatch, overlayId]);\n\n const handleClose = useCallback(() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }, [overlayDispatch, overlayId]);\n\n // 백드롭 렌더링\n const renderBackdrop = useCallback(\n (props: any) => (\n <BottomSheetBackdrop\n {...props}\n appearsOnIndex={1}\n disappearsOnIndex={-1}\n opacity={backdropOpacity}\n pressBehavior=\"close\"\n onPress={() => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n }}\n />\n ),\n [backdropOpacity, keyboardHeight]\n );\n // callbacks\n const handleSheetChange = useCallback((index: number) => {}, []);\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n if (!isOpen) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <BottomSheet\n style={[{ zIndex: getZIndex() }]}\n ref={bottomSheetRef}\n onChange={handleSheetChange}\n android_keyboardInputMode={androidKeyboardInputMode}\n keyboardBehavior={keyboardBehavior}\n snapPoints={enableDynamicSizing ? undefined : snapPoints}\n enablePanDownToClose={enablePanDownToClose}\n onClose={handleClose}\n keyboardBlurBehavior={keyboardBlurBehavior}\n index={0}\n backdropComponent={enableBackdrop ? renderBackdrop : undefined}\n backgroundStyle={[\n {\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n backgroundStyle,\n ]}\n handleStyle={[\n {\n backgroundColor: \"transparent\",\n borderTopLeftRadius: 16,\n borderTopRightRadius: 16,\n },\n handleStyle,\n ]}\n enableDynamicSizing={enableDynamicSizing}\n animateOnMount={!reducedMotion}\n >\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n snapPoints,\n enablePanDownToClose,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () => overlayDispatch({ type: \"REMOVE\", overlayId }),\n keyboardHeight,\n ...restOptions,\n })}\n </BottomSheet>\n </Portal>\n );\n }\n);\n","// modal-controller.tsx\nimport React, { type FC, memo, useEffect, useState } from \"react\";\nimport {\n View,\n Animated,\n StyleSheet,\n Dimensions,\n Pressable,\n} from \"react-native\";\nimport { Portal } from \"@gorhom/portal\";\nimport { type OverlayReducerAction } from \"../reducer\";\n\ntype ModalControllerProps = {\n overlayId: string;\n isOpen: boolean;\n close: () => void;\n unmount: () => void;\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n\nexport type ModalControllerComponent<T = {}> = FC<ModalControllerProps & T>;\n\ntype ContentModalControllerProps = {\n isOpen: boolean;\n overlayId: string;\n overlayDispatch: React.Dispatch<OverlayReducerAction>;\n controller: ModalControllerComponent | React.ReactElement;\n overlayOrderList: string[];\n options?: {\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n animationType?: \"none\" | \"slide\" | \"fade\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n // coveredByBottomSheet?: boolean;\n };\n};\n\nconst { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get(\"window\");\n\nexport const ContentModalController = memo(\n ({\n isOpen,\n overlayId,\n overlayDispatch,\n controller: Controller,\n overlayOrderList,\n options = {},\n }: ContentModalControllerProps) => {\n const {\n modalType = \"center\",\n backdropOpacity = 0.5,\n animationType = \"fade\",\n swipeDirection,\n } = options;\n\n const [backdropAnimation] = useState(new Animated.Value(0));\n const [contentAnimation] = useState(new Animated.Value(0));\n const [mounted, setMounted] = useState<boolean>(isOpen);\n\n useEffect(() => {\n if (isOpen) {\n // ensure mounted before playing open animation\n if (!mounted) setMounted(true);\n setImmediate(() => {\n overlayDispatch({ type: \"OPEN\", overlayId });\n });\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 1,\n duration: 300,\n useNativeDriver: true,\n }),\n ]).start();\n } else {\n // play close animation, then unmount to avoid touch blocking\n Animated.parallel([\n Animated.timing(backdropAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n Animated.timing(contentAnimation, {\n toValue: 0,\n duration: 200,\n useNativeDriver: true,\n }),\n ]).start(() => {\n setMounted(false);\n });\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isOpen]);\n\n const handleClose = () => {\n overlayDispatch({ type: \"CLOSE\", overlayId });\n };\n\n const getLayerIndex = () => {\n return Math.max(0, overlayOrderList.indexOf(overlayId));\n };\n\n const getContainerStyle = () => {\n switch (modalType) {\n case \"bottom\":\n return styles.bottomContainer;\n case \"top\":\n return styles.topContainer;\n case \"left\":\n return styles.leftContainer;\n case \"right\":\n return styles.rightContainer;\n default:\n return styles.centerContainer;\n }\n };\n\n const getContentAnimationStyle = () => {\n const baseOpacity = { opacity: contentAnimation };\n\n switch (modalType) {\n case \"bottom\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"top\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateY: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_HEIGHT, 0],\n }),\n },\n ],\n };\n case \"left\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [-SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n case \"right\":\n return {\n ...baseOpacity,\n transform: [\n {\n translateX: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [SCREEN_WIDTH, 0],\n }),\n },\n ],\n };\n default:\n if (animationType === \"slide\") {\n return {\n ...baseOpacity,\n transform: [\n {\n scale: contentAnimation.interpolate({\n inputRange: [0, 1],\n outputRange: [0.8, 1],\n }),\n },\n ],\n };\n }\n return baseOpacity;\n }\n };\n // const isCovered = !!options?.coveredByBottomSheet;\n // const isHidden = isCovered;\n\n if (!mounted) return null;\n\n return (\n <Portal hostName={`overlay-modal-${getLayerIndex()}`}>\n <View\n style={[styles.absoluteContainer]}\n pointerEvents={isOpen ? \"box-none\" : \"none\"}\n importantForAccessibility={isOpen ? \"auto\" : \"no-hide-descendants\"}\n >\n <Pressable\n style={StyleSheet.absoluteFill}\n onPress={handleClose}\n disabled={!isOpen}\n >\n <Animated.View\n pointerEvents=\"none\"\n style={[\n styles.backdrop,\n {\n backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,\n opacity: backdropAnimation,\n },\n ]}\n />\n </Pressable>\n\n <Animated.View\n style={[getContainerStyle(), getContentAnimationStyle()]}\n pointerEvents=\"box-none\"\n >\n <Pressable onPress={() => {}}>\n {React.isValidElement(Controller)\n ? React.cloneElement(Controller as React.ReactElement<any>, {\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })\n : React.createElement(Controller as any, {\n isOpen,\n overlayId,\n modalType,\n backdropOpacity,\n animationType,\n swipeDirection,\n close: () => overlayDispatch({ type: \"CLOSE\", overlayId }),\n unmount: () =>\n overlayDispatch({ type: \"REMOVE\", overlayId }),\n })}\n </Pressable>\n </Animated.View>\n </View>\n </Portal>\n );\n }\n);\n\nconst styles = StyleSheet.create({\n absoluteContainer: {\n ...StyleSheet.absoluteFillObject,\n },\n backdrop: {\n ...StyleSheet.absoluteFillObject,\n },\n centerContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"center\",\n paddingHorizontal: 20,\n },\n bottomContainer: {\n flex: 1,\n justifyContent: \"flex-end\",\n },\n topContainer: {\n flex: 1,\n justifyContent: \"flex-start\",\n },\n leftContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-start\",\n },\n rightContainer: {\n flex: 1,\n justifyContent: \"center\",\n alignItems: \"flex-end\",\n },\n});\n","// 사용자가 실제로 사용하는 API 를 만드는 팩토리\n// overlay.open(), overlay.close 등\n\nimport React from \"react\";\nimport {\n OverlayAsyncControllerComponent,\n OverlayControllerComponent,\n} from \"./context/provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./context/provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./context/provider/modal-controller\";\nimport { createUseExternalEvents } from \"./utils/create-use-external-events\";\nimport { randomId } from \"./utils/random-id\";\n\nexport type OverlayEvent = {\n open: (args: {\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement;\n overlayId: string;\n componentKey: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n options?: any;\n }) => void;\n close: (overlayId: string) => void;\n unmount: (overlayId: string) => void;\n closeAll: () => void;\n unmountAll: () => void;\n};\n\ntype OpenOverlayOptions = {\n overlayId?: string;\n overlayType?: \"overlay\" | \"bottomSheet\" | \"modal\";\n // BottomSheet options\n snapPoints?: (string | number)[];\n enablePanDownToClose?: boolean;\n // Modal options\n modalType?: \"center\" | \"bottom\" | \"top\" | \"left\" | \"right\";\n backdropOpacity?: number;\n keyboardBehavior?: \"interactive\" | \"extend\" | \"fillParent\";\n keyboardBlurBehavior?: \"restore\" | \"none\";\n androidKeyboardInputMode?: \"adjustResize\" | \"adjustPan\";\n enableDynamicSizing?: boolean;\n animationType?:\n | \"none\"\n | \"slide\"\n | \"fade\"\n | \"bounceIn\"\n | \"bounceInDown\"\n | \"bounceInUp\"\n | \"bounceInLeft\"\n | \"bounceInRight\"\n | \"bounceOut\"\n | \"bounceOutDown\"\n | \"bounceOutUp\"\n | \"bounceOutLeft\"\n | \"bounceOutRight\"\n | \"fadeIn\"\n | \"fadeInDown\"\n | \"fadeInDownBig\"\n | \"fadeInUp\"\n | \"fadeInUpBig\"\n | \"fadeInLeft\"\n | \"fadeInLeftBig\"\n | \"fadeInRight\"\n | \"fadeInRightBig\"\n | \"fadeOut\"\n | \"fadeOutDown\"\n | \"fadeOutDownBig\"\n | \"fadeOutUp\"\n | \"fadeOutUpBig\"\n | \"fadeOutLeft\"\n | \"fadeOutLeftBig\"\n | \"fadeOutRight\"\n | \"fadeOutRightBig\";\n swipeDirection?:\n | \"up\"\n | \"down\"\n | \"left\"\n | \"right\"\n | Array<\"up\" | \"down\" | \"left\" | \"right\">;\n};\n// id 받아\nexport function createOverlay(overlayId: string) {\n const [useOverlayEvent, createEvent] = createUseExternalEvents<OverlayEvent>(\n `${overlayId}/overlay-kit`\n );\n\n const open = (\n controller:\n | OverlayControllerComponent\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement,\n options?: OpenOverlayOptions\n ) => {\n const overlayId = options?.overlayId ?? randomId();\n const componentKey = randomId();\n const overlayType = options?.overlayType ?? \"overlay\";\n\n const dispatchOpenEvent = createEvent(\"open\");\n\n // 옵션에서 overlayType과 overlayId를 제외한 나머지를 options로 전달\n const { overlayId: _, overlayType: __, ...restOptions } = options || {};\n\n // JSX 엘리먼트인 경우 wrapper 컴포넌트로 감싸기\n let finalController;\n if (React.isValidElement(controller)) {\n finalController = (props: any) => {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n close: props.close,\n unmount: props.unmount,\n });\n };\n } else {\n finalController = controller;\n }\n\n dispatchOpenEvent({\n controller: finalController,\n overlayId,\n componentKey,\n overlayType,\n options: restOptions,\n });\n return overlayId;\n };\n\n // openAsync는 모든 overlay 타입에서 사용 가능\n const openAsync = async <T>(\n controller:\n | OverlayAsyncControllerComponent<T>\n | BottomSheetControllerComponent\n | ModalControllerComponent\n | React.ReactElement\n | ((props: any) => any),\n options?: OpenOverlayOptions\n ) => {\n return new Promise<T>((resolve) => {\n const wrappedController = (overlayProps: any) => {\n const close = (param?: T) => {\n resolve(param as T);\n overlayProps.close();\n };\n const unmount = (param?: T) => {\n resolve(param as T);\n overlayProps.unmount();\n };\n const props = { ...overlayProps, close, unmount };\n\n // JSX 엘리먼트인 경우 처리\n if (React.isValidElement(controller)) {\n return React.cloneElement(controller as React.ReactElement, {\n ...(controller.props || {}),\n ...props,\n });\n }\n\n // 함수인 경우 호출\n if (typeof controller === 'function') {\n return controller(props);\n }\n\n // 기타 컴포넌트 타입인 경우\n return controller;\n };\n\n open(wrappedController, options);\n });\n };\n const close = createEvent(\"close\");\n const unmount = createEvent(\"unmount\");\n const closeAll = createEvent(\"closeAll\");\n const unmountAll = createEvent(\"unmountAll\");\n return {\n open,\n openAsync,\n close,\n unmount,\n closeAll,\n unmountAll,\n useOverlayEvent,\n };\n}\n","import { useEffect } from \"react\";\nimport { createEmitter } from \"./emitter\";\n\nconst emitter = createEmitter();\n\n// React Native에서는 useEffect를 사용 (useLayoutEffect 대신)\nfunction useClientEffect(...args: Parameters<typeof useEffect>) {\n // RN에서는 항상 useEffect 실행\n useEffect(...args);\n}\n\n// 단순한 wrapper 함수\n// emitter.emit을 한번 감싼 이유는 나중에 로깅, 디버깅 등 추가 기능을 넣기 위함\nfunction dispatchEvent<Detail>(type: string, detail?: Detail) {\n emitter.emit(type, detail);\n}\n\n// 메인 팩토리 함수\n// 사용 예\n// createUseExternalEvents<OverlayEvents>('overlay-kit')\n// prefix의 역할:\n// - 'overlay-kit' → 실제 이벤트명은 overlay-kit:open, overlay-kit:close\n// - 네임스페이스로 이벤트 충돌 방지\n\nfunction createUseExternalEvents<\n EventHandlers extends Record<string, (params: any) => void>\n>(prefix: string) {\n function useExternalEvents(events: EventHandlers) {\n // 변환 과정:\n // 입력:\n // events = {\n // open: (data) => console.log('열기', data),\n // close: (id) => console.log('닫기', id)\n // }\n\n // 변환 결과:\n // handlers = {\n // 'overlay-kit:open': (event) => events.open(event),\n // 'overlay-kit:close': (event) => events.close(event)\n // }\n\n const handlers = Object.keys(events).reduce<Record<string, () => void>>(\n (prev, eventKey) => {\n const currentEventKeys = `${prefix}:${eventKey}`;\n\n return {\n ...prev,\n [currentEventKeys]: function (event: unknown) {\n events[eventKey](event);\n } as () => void,\n };\n },\n {}\n );\n\n useClientEffect(() => {\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]); // 🔥 기존 핸들러 제거\n // (중복 방지)\n emitter.on(eventKey, handlers[eventKey]); // 🔥 새로운 핸들러 등록\n });\n\n // 🧹 컴포넌트 언마운트시 정리\n return () =>\n Object.keys(handlers).forEach((eventKey) => {\n emitter.off(eventKey, handlers[eventKey]);\n });\n }, [handlers]);\n }\n\n // 타입 분석:\n // EventKey = 'open' | 'close' | 'closeAll'\n // Parameters<EventHandlers['open']> = [data: {component: Component, id:\n // string}]\n\n // const openEvent = createEvent('open');\n // openEvent의 타입: (data: {component: Component, id: string}) => void\n\n // openEvent({component: MyModal, id: '123'});\n // → dispatchEvent('overlay-kit:open', {component: MyModal, id: '123'})\n\n // payload[0]을 사용하는 이유:\n // 함수 호출: openEvent(arg1, arg2, arg3)\n // payload = [arg1, arg2, arg3]\n // payload[0] = arg1 (첫 번째 인자만 이벤트 데이터로 전달)\n\n function createEvent<EventKey extends keyof EventHandlers>(event: EventKey) {\n return (...payload: Parameters<EventHandlers[EventKey]>) =>\n dispatchEvent(`${prefix}:${String(event)}`, payload[0]);\n }\n\n return [useExternalEvents, createEvent] as const;\n}\n\n// 💡 이 패턴의 천재적인 점\n\n// 1. React 외부에서 React 내부 제어: overlay.open() 같은 명령형 API 가능\n// 2. 타입 안전성: TypeScript로 이벤트 타입 완벽 추론\n// 3. 메모리 안전: React Hook 생명주기와 완벽 동기화\n// 4. 플랫폼 호환: 웹/RN 모두 지원\n// 5. 네임스페이스: 이벤트 충돌 방지\n\nexport { createUseExternalEvents };\n","\n// 이벤트 이름\nexport type EventType = string | symbol;\n\n// 이벤트 핸들러\nexport type Handler<T = unknown> = (event: T) => void;\nexport type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;\n\n// 이벤트 핸들러 목록\nexport type EventHandlerList<T = unknown> = Array<Handler<T>>;\nexport type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;\n\n// 이벤트 핸들러 맵\nexport type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<\n keyof Events | '*',\n EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>\n>;\n\n// 이벤트 발행기\nexport interface Emitter<Events extends Record<EventType, unknown>> {\n all: EventHandlerMap<Events>;\n\n on<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>): void;\n on(type: '*', handler: WildcardHandler<Events>): void;\n\n off<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>): void;\n off(type: '*', handler: WildcardHandler<Events>): void;\n\n emit<Key extends keyof Events>(type: Key, event: Events[Key]): void;\n emit<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never): void;\n}\n\nexport function createEmitter<Events extends Record<EventType, unknown>>(\n all?: EventHandlerMap<Events>\n): Emitter<Events> {\n type GenericEventHandler = Handler<Events[keyof Events]> | WildcardHandler<Events>;\n all = all || new Map();\n\n return {\n all,\n on<Key extends keyof Events>(type: Key, handler: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n handlers.push(handler);\n } else {\n all!.set(type, [handler] as EventHandlerList<Events[keyof Events]>);\n }\n },\n off<Key extends keyof Events>(type: Key, handler?: GenericEventHandler) {\n const handlers: Array<GenericEventHandler> | undefined = all!.get(type);\n if (handlers) {\n if (handler) {\n handlers.splice(handlers.indexOf(handler) >>> 0, 1);\n } else {\n all!.set(type, []);\n }\n }\n },\n emit<Key extends keyof Events>(type: Key, evt?: Events[Key]) {\n let handlers = all!.get(type);\n if (handlers) {\n (handlers as EventHandlerList<Events[keyof Events]>).slice().forEach((handler) => {\n handler(evt!);\n });\n }\n\n handlers = all!.get('*');\n if (handlers) {\n (handlers as WildCardEventHandlerList<Events>).slice().forEach((handler) => {\n handler(type, evt!);\n });\n }\n },\n };\n}","export function randomId() {\n return `overlay-kit-${Math.random().toString(36).slice(2, 11)}`;\n}","import { type Provider, createContext, useContext } from 'react';\n\ntype NullSymbolType = typeof NullSymbol;\nconst NullSymbol = Symbol('Null');\n\nexport type CreateContextReturn<T> = [Provider<T>, () => T];\n\nexport function createSafeContext<T>(displayName?: string): CreateContextReturn<T> {\n const Context = createContext<T | NullSymbolType>(NullSymbol);\n Context.displayName = displayName ?? 'SafeContext';\n\n function useSafeContext() {\n const context = useContext(Context);\n\n if (context === NullSymbol) {\n const error = new Error(`[${Context.displayName}]: Provider not found.`);\n error.name = '[Error] Context';\n\n throw error;\n }\n\n return context;\n }\n\n return [Context.Provider as any, useSafeContext];\n}\n","import { createSafeContext } from '../utils/create-safe-context';\nimport { type OverlayData } from './reducer';\n\n\nexport function createOverlaySafeContext() {\n const [OverlayContextProvider, useOverlayContext] = createSafeContext<OverlayData>('overlay-kit/OverlayContext');\n\n function useCurrentOverlay() {\n return useOverlayContext().current;\n }\n\n function useOverlayData() {\n return useOverlayContext().overlayData;\n }\n\n return { OverlayContextProvider, useCurrentOverlay, useOverlayData };\n}\n","import { OverlayControllerComponent } from \"./provider/content-overlay-controller\";\nimport { BottomSheetControllerComponent } from \"./provider/bottom-sheet-controller\";\nimport { ModalControllerComponent } from \"./provider/modal-controller\";\n\ntype OverlayId = string;\ntype OverlayItem = {\n /**\n * @description 오버레이 고유한 ID\n */\n id : OverlayId;\n /**\n * @description 오버레이 컴포넌트의 고유한 키\n * 컴포넌트가 언마운트시 사용됩니다.\n */\n componentKey: string;\n isOpen: boolean;\n isMounted: boolean;\n controller: OverlayControllerComponent | BottomSheetControllerComponent | ModalControllerComponent;\n overlayType?: 'overlay' | 'bottomSheet' | 'modal';\n options?: any;\n}\nexport type OverlayData = {\n current: OverlayId | null; // 현재 열려있는 오버레이 ID\n overlayOrderList: OverlayId[];\n overlayData: Record<OverlayId, OverlayItem>;\n}\nexport type OverlayReducerAction =\n | { type: 'ADD'; overlay: OverlayItem }\n | { type: 'OPEN'; overlayId: string }\n | { type: 'CLOSE'; overlayId: string }\n | { type: 'REMOVE'; overlayId: string }\n | { type: 'CLOSE_ALL' }\n | { type: 'REMOVE_ALL' };\n\n/**\n * 오버레이를 닫거나 제거할 때, 어떤 오버레이를 현재(current)로 지정할지 결정합니다.\n *\n * @description 마지막 오버레이를 닫을 경우, 그 이전 오버레이를 현재로 지정합니다.\n * @description 중간에 있는 오버레이를 닫을 경우, 마지막 오버레이를 현재로 지정합니다.\n *\n * @example open - [1, 2, 3, 4]\n * close 2 => current: 4\n * close 4 => current: 3\n * close 3 => current: 1\n * close 1 => current: null\n *\n * @param overlayOrderList 오버레이 ID가 순서대로 담긴 리스트\n * @param overlayData 오버레이 데이터 맵\n * @param targetOverlayId 닫거나 제거하려는 오버레이의 ID\n * @returns 현재로 지정될 오버레이의 ID, 없으면 null\n */\nexport const determineCurrentOverlayId = (overlayOrderList: OverlayId[], overlayData: Record<OverlayId, OverlayItem>, targetOverlayId: OverlayId): OverlayId | null => {\n // 1단계: 열린 오버레이들만 필터링\n\n const openedOverlayOrderList = overlayOrderList.filter(\n (orderedOverlayId) => overlayData[orderedOverlayId].isOpen === true\n );\n // 2단계: 닫힐 오버레이의 위치 찾기\n const targetIndexInOpenedList = openedOverlayOrderList.findIndex((item) => item === targetOverlayId);\n\n // 3단계: 다음 활성 오버레이 결정\n return targetIndexInOpenedList === openedOverlayOrderList.length - 1\n ? openedOverlayOrderList[targetIndexInOpenedList - 1] ?? null // 마지막이면 이전 것\n : openedOverlayOrderList[openedOverlayOrderList.length - 1] ?? null;// 중간이면 최상위\n\n}\n\n/** 동작 예시:\n * \n *\n * // 상황: 오버레이 [1, 2, 3, 4]가 순서대로 열려있음\n * overlayOrderList = [\"modal-1\", \"modal-2\", \"modal-3\", \"modal-4\"];\n * // 모두 isOpen: true\n *\n * // 케이스 1: 최상위(4번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-4\");\n * // → \"modal-3\" (바로 아래가 활성화)\n *\n * // 케이스 2: 중간(2번) 닫기\n * determineCurrentOverlayId(list, data, \"modal-2\");\n * // → \"modal-4\" (최상위가 여전히 활성)\n *\n * // 케이스 3: 마지막 남은 것 닫기\n * determineCurrentOverlayId([\"modal-1\"], data, \"modal-1\");\n * // → null (더 이상 활성 오버레이 없음)\n */\n\n// 상태 변경 로직\nexport function overlayReducer(state: OverlayData, action: OverlayReducerAction): OverlayData {\n switch (action.type) {\n case 'ADD': {\n if (state.overlayData[action.overlay.id] != null && state.overlayData[action.overlay.id].isOpen === false) {\n const overlay = state.overlayData[action.overlay.id];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n current: action.overlay.id,\n overlayData: {\n ...state.overlayData,\n [action.overlay.id]: { ...overlay, isOpen: true },\n },\n };\n }\n\n const isExisted = state.overlayOrderList.includes(action.overlay.id);\n\n if (isExisted && state.overlayData[action.overlay.id].isOpen === true) {\n throw new Error(\n `You can't open the multiple overlays with the same overlayId(${action.overlay.id}). Please set a different id.`\n );\n }\n\n return {\n current: action.overlay.id,\n /**\n * @description Brings the overlay to the front when reopened after closing without unmounting.\n */\n overlayOrderList: [...state.overlayOrderList.filter((item) => item !== action.overlay.id), action.overlay.id],\n overlayData: isExisted\n ? state.overlayData\n : {\n ...state.overlayData,\n [action.overlay.id]: action.overlay,\n },\n };\n }\n case 'OPEN': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already open\n if (overlay == null || overlay.isOpen) {\n return state;\n }\n\n return {\n ...state,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: { ...overlay, isOpen: true, isMounted: true },\n },\n };\n }\n case 'CLOSE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist or already closed\n if (overlay == null || !overlay.isOpen) {\n return state;\n }\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n ...state,\n current: currentOverlayId,\n overlayData: {\n ...state.overlayData,\n [action.overlayId]: {\n ...state.overlayData[action.overlayId],\n isOpen: false,\n },\n },\n };\n }\n case 'REMOVE': {\n const overlay = state.overlayData[action.overlayId];\n\n // ignore if the overlay don't exist\n if (overlay == null) {\n return state;\n }\n\n const remainingOverlays = state.overlayOrderList.filter((item) => item !== action.overlayId);\n if (state.overlayOrderList.length === remainingOverlays.length) {\n return state;\n }\n\n const copiedOverlayData = { ...state.overlayData };\n delete copiedOverlayData[action.overlayId];\n\n const currentOverlayId = determineCurrentOverlayId(state.overlayOrderList, state.overlayData, action.overlayId);\n\n return {\n current: currentOverlayId,\n overlayOrderList: remainingOverlays,\n overlayData: copiedOverlayData,\n };\n }\n case 'CLOSE_ALL': {\n // ignore if there is no overlay\n if (Object.keys(state.overlayData).length === 0) {\n return state;\n }\n\n return {\n ...state,\n current: null,\n overlayData: Object.keys(state.overlayData).reduce(\n (prev, curr) => ({\n ...prev,\n [curr]: {\n ...state.overlayData[curr],\n isOpen: false,\n } satisfies OverlayItem,\n }),\n {} satisfies Record<string, OverlayItem>\n ),\n };\n }\n case 'REMOVE_ALL': {\n return { current: null, overlayOrderList: [], overlayData: {} };\n }\n }\n}","import { createOverlayProvider } from '../context/provider';\n\nexport const { overlay, OverlayProvider, useCurrentOverlay, useOverlayData } = createOverlayProvider();\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport function experimental_createOverlayContext() {\n return createOverlayProvider();\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAKO;;;ACLP,mBAA+D;AAyCzD;AAdC,IAAM,+BAA2B;AAAA,EACtC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,EACd,MAAqC;AACnC,gCAAU,MAAM;AACd,mBAAa,MAAM;AACjB,wBAAgB,EAAE,MAAM,QAAQ,UAAU,CAAC;AAAA,MAC7C,CAAC;AAAA,IACH,GAAG,CAAC,iBAAiB,SAAS,CAAC;AAE/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,QACzD,SAAS,MAAM,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA;AAAA,IAC9D;AAAA,EAEJ;AACF;;;ACjDA,IAAAC,gBAQO;AACP,0BAQO;AAEP,0BAQO;AACP,qCAAiC;AAEjC,oBAAuB;AA+If,IAAAC,sBAAA;AA7ED,IAAM,mCAA+B;AAAA,EAC1C,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAyC;AACvC,UAAM,qBAAiB,sBAAoB,IAAI;AAC/C,UAAM,oBAAgB,iDAAiB;AACvC,UAAM,CAAC,gBAAgB,iBAAiB,QAAI,wBAAS,CAAC;AAEtD,UAAM,YAAY,MAAM;AACtB,YAAM,QAAQ,iBAAiB,QAAQ,SAAS;AAEhD,aAAO,MAAO;AAAA,IAChB;AAQA,UAYI,cAXF;AAAA;AAAA,MACA,uBAAuB;AAAA,MACvB,iBAAiB;AAAA,MACjB,kBAAkB;AAAA,MAClB,sBAAsB;AAAA,MACtB,kBAAkB,CAAC;AAAA,MACnB,cAAc,CAAC;AAAA,MACf,mBAAmB,6BAAS,OAAO,YAAY,WAAW;AAAA,MAC1D,uBAAuB;AAAA,MACvB,2BAA2B;AAAA,IAnIjC,IAqIQ,IADC,wBACD,IADC;AAAA,MAVH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,iCAAU,MAAM;AACd,UAAI,6BAAS,OAAO,WAAW;AAC7B,cAAM,0BAA0B,6BAAS;AAAA,UACvC;AAAA,UACA,CAAC,MAAM,kBAAkB,EAAE,eAAe,MAAM;AAAA,QAClD;AACA,cAAM,0BAA0B,6BAAS;AAAA,UACvC;AAAA,UACA,MAAM,kBAAkB,CAAC;AAAA,QAC3B;AAEA,eAAO,MAAM;AACX,kCAAwB,OAAO;AAC/B,kCAAwB,OAAO;AAAA,QACjC;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,iCAAU,MAAM;AA1JpB,UAAAC;AA2JM,UAAI,QAAQ;AACV,cAAM,QAAQ,sBAAsB,MAAM;AA5JlD,cAAAA;AA6JU,WAAAA,MAAA,eAAe,YAAf,gBAAAA,IAAwB;AACxB,0BAAgB,EAAE,MAAM,QAAQ,UAAU,CAAC;AAAA,QAC7C,CAAC;AACD,eAAO,MAAM,qBAAqB,KAAK;AAAA,MACzC,OAAO;AACL,SAAAA,MAAA,eAAe,YAAf,gBAAAA,IAAwB;AAAA,MAC1B;AAAA,IACF,GAAG,CAAC,QAAQ,iBAAiB,SAAS,CAAC;AAEvC,UAAM,kBAAc,2BAAY,MAAM;AACpC,sBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,IAC9C,GAAG,CAAC,iBAAiB,SAAS,CAAC;AAG/B,UAAM,qBAAiB;AAAA,MACrB,CAAC,UACC;AAAA,QAAC;AAAA,yCACK,QADL;AAAA,UAEC,gBAAgB;AAAA,UAChB,mBAAmB;AAAA,UACnB,SAAS;AAAA,UACT,eAAc;AAAA,UACd,SAAS,MAAM;AACb,4BAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,UAC9C;AAAA;AAAA,MACF;AAAA,MAEF,CAAC,iBAAiB,cAAc;AAAA,IAClC;AAEA,UAAM,wBAAoB,2BAAY,CAAC,UAAkB;AAAA,IAAC,GAAG,CAAC,CAAC;AAC/D,UAAM,gBAAgB,MAAM;AAC1B,aAAO,KAAK,IAAI,GAAG,iBAAiB,QAAQ,SAAS,CAAC;AAAA,IACxD;AACA,QAAI,CAAC,OAAQ,QAAO;AAEpB,WACE,6CAAC,wBAAO,UAAU,iBAAiB,cAAc,CAAC,IAChD;AAAA,MAAC,oBAAAC;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,QAAQ,UAAU,EAAE,CAAC;AAAA,QAC/B,KAAK;AAAA,QACL,UAAU;AAAA,QACV,2BAA2B;AAAA,QAC3B;AAAA,QACA,YAAY,sBAAsB,SAAY;AAAA,QAC9C;AAAA,QACA,SAAS;AAAA,QACT;AAAA,QACA,OAAO;AAAA,QACP,mBAAmB,iBAAiB,iBAAiB;AAAA,QACrD,iBAAiB;AAAA,UACf;AAAA,YACE,qBAAqB;AAAA,YACrB,sBAAsB;AAAA,UACxB;AAAA,UACA;AAAA,QACF;AAAA,QACA,aAAa;AAAA,UACX;AAAA,YACE,iBAAiB;AAAA,YACjB,qBAAqB;AAAA,YACrB,sBAAsB;AAAA,UACxB;AAAA,UACA;AAAA,QACF;AAAA,QACA;AAAA,QACA,gBAAgB,CAAC;AAAA,QAEhB,wBAAAC,QAAM,eAAe,UAAU,IAC5B,cAAAA,QAAM,aAAa,YAAuC;AAAA,UACxD,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,UACzD,SAAS,MAAM,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,QAC9D,CAAC,IACD,cAAAA,QAAM,cAAc,YAAmB;AAAA,UACrC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,UACzD,SAAS,MAAM,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,UAC5D;AAAA,WACG,YACJ;AAAA;AAAA,IACP,GACF;AAAA,EAEJ;AACF;;;ACnPA,IAAAC,gBAA0D;AAC1D,IAAAC,uBAMO;AACP,IAAAC,iBAAuB;AAyMf,IAAAC,sBAAA;AAhKR,IAAM,EAAE,OAAO,cAAc,QAAQ,cAAc,IAAI,gCAAW,IAAI,QAAQ;AAEvE,IAAM,6BAAyB;AAAA,EACpC,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA,UAAU,CAAC;AAAA,EACb,MAAmC;AACjC,UAAM;AAAA,MACJ,YAAY;AAAA,MACZ,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,MAChB;AAAA,IACF,IAAI;AAEJ,UAAM,CAAC,iBAAiB,QAAI,wBAAS,IAAI,8BAAS,MAAM,CAAC,CAAC;AAC1D,UAAM,CAAC,gBAAgB,QAAI,wBAAS,IAAI,8BAAS,MAAM,CAAC,CAAC;AACzD,UAAM,CAAC,SAAS,UAAU,QAAI,wBAAkB,MAAM;AAEtD,iCAAU,MAAM;AACd,UAAI,QAAQ;AAEV,YAAI,CAAC,QAAS,YAAW,IAAI;AAC7B,qBAAa,MAAM;AACjB,0BAAgB,EAAE,MAAM,QAAQ,UAAU,CAAC;AAAA,QAC7C,CAAC;AACD,sCAAS,SAAS;AAAA,UAChB,8BAAS,OAAO,mBAAmB;AAAA,YACjC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,UACD,8BAAS,OAAO,kBAAkB;AAAA,YAChC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,QACH,CAAC,EAAE,MAAM;AAAA,MACX,OAAO;AAEL,sCAAS,SAAS;AAAA,UAChB,8BAAS,OAAO,mBAAmB;AAAA,YACjC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,UACD,8BAAS,OAAO,kBAAkB;AAAA,YAChC,SAAS;AAAA,YACT,UAAU;AAAA,YACV,iBAAiB;AAAA,UACnB,CAAC;AAAA,QACH,CAAC,EAAE,MAAM,MAAM;AACb,qBAAW,KAAK;AAAA,QAClB,CAAC;AAAA,MACH;AAAA,IAEF,GAAG,CAAC,MAAM,CAAC;AAEX,UAAM,cAAc,MAAM;AACxB,sBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,IAC9C;AAEA,UAAM,gBAAgB,MAAM;AAC1B,aAAO,KAAK,IAAI,GAAG,iBAAiB,QAAQ,SAAS,CAAC;AAAA,IACxD;AAEA,UAAM,oBAAoB,MAAM;AAC9B,cAAQ,WAAW;AAAA,QACjB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB,KAAK;AACH,iBAAO,OAAO;AAAA,QAChB;AACE,iBAAO,OAAO;AAAA,MAClB;AAAA,IACF;AAEA,UAAM,2BAA2B,MAAM;AACrC,YAAM,cAAc,EAAE,SAAS,iBAAiB;AAEhD,cAAQ,WAAW;AAAA,QACjB,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,eAAe,CAAC;AAAA,gBAChC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,CAAC,eAAe,CAAC;AAAA,gBACjC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,CAAC,cAAc,CAAC;AAAA,gBAChC,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF,KAAK;AACH,iBAAO,iCACF,cADE;AAAA,YAEL,WAAW;AAAA,cACT;AAAA,gBACE,YAAY,iBAAiB,YAAY;AAAA,kBACvC,YAAY,CAAC,GAAG,CAAC;AAAA,kBACjB,aAAa,CAAC,cAAc,CAAC;AAAA,gBAC/B,CAAC;AAAA,cACH;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACE,cAAI,kBAAkB,SAAS;AAC7B,mBAAO,iCACF,cADE;AAAA,cAEL,WAAW;AAAA,gBACT;AAAA,kBACE,OAAO,iBAAiB,YAAY;AAAA,oBAClC,YAAY,CAAC,GAAG,CAAC;AAAA,oBACjB,aAAa,CAAC,KAAK,CAAC;AAAA,kBACtB,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF;AAAA,UACF;AACA,iBAAO;AAAA,MACX;AAAA,IACF;AAIA,QAAI,CAAC,QAAS,QAAO;AAErB,WACE,6CAAC,yBAAO,UAAU,iBAAiB,cAAc,CAAC,IAChD;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,CAAC,OAAO,iBAAiB;AAAA,QAChC,eAAe,SAAS,aAAa;AAAA,QACrC,2BAA2B,SAAS,SAAS;AAAA,QAE7C;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO,gCAAW;AAAA,cAClB,SAAS;AAAA,cACT,UAAU,CAAC;AAAA,cAEX;AAAA,gBAAC,8BAAS;AAAA,gBAAT;AAAA,kBACC,eAAc;AAAA,kBACd,OAAO;AAAA,oBACL,OAAO;AAAA,oBACP;AAAA,sBACE,iBAAiB,iBAAiB,eAAe;AAAA,sBACjD,SAAS;AAAA,oBACX;AAAA,kBACF;AAAA;AAAA,cACF;AAAA;AAAA,UACF;AAAA,UAEA;AAAA,YAAC,8BAAS;AAAA,YAAT;AAAA,cACC,OAAO,CAAC,kBAAkB,GAAG,yBAAyB,CAAC;AAAA,cACvD,eAAc;AAAA,cAEd,uDAAC,kCAAU,SAAS,MAAM;AAAA,cAAC,GACxB,wBAAAC,QAAM,eAAe,UAAU,IAC5B,cAAAA,QAAM,aAAa,YAAuC;AAAA,gBACxD,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,gBACzD,SAAS,MACP,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,cACjD,CAAC,IACD,cAAAA,QAAM,cAAc,YAAmB;AAAA,gBACrC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,OAAO,MAAM,gBAAgB,EAAE,MAAM,SAAS,UAAU,CAAC;AAAA,gBACzD,SAAS,MACP,gBAAgB,EAAE,MAAM,UAAU,UAAU,CAAC;AAAA,cACjD,CAAC,GACP;AAAA;AAAA,UACF;AAAA;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,IAAM,SAAS,gCAAW,OAAO;AAAA,EAC/B,mBAAmB,mBACd,gCAAW;AAAA,EAEhB,UAAU,mBACL,gCAAW;AAAA,EAEhB,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,mBAAmB;AAAA,EACrB;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,cAAc;AAAA,IACZ,MAAM;AAAA,IACN,gBAAgB;AAAA,EAClB;AAAA,EACA,eAAe;AAAA,IACb,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AAAA,EACA,gBAAgB;AAAA,IACd,MAAM;AAAA,IACN,gBAAgB;AAAA,IAChB,YAAY;AAAA,EACd;AACF,CAAC;;;AClSD,IAAAC,gBAAkB;;;ACHlB,IAAAC,gBAA0B;;;ACgCnB,SAAS,cACd,KACiB;AAEjB,QAAM,OAAO,oBAAI,IAAI;AAErB,SAAO;AAAA,IACL;AAAA,IACA,GAA6B,MAAW,SAA8B;AACpE,YAAM,WAAmD,IAAK,IAAI,IAAI;AACtE,UAAI,UAAU;AACZ,iBAAS,KAAK,OAAO;AAAA,MACvB,OAAO;AACL,YAAK,IAAI,MAAM,CAAC,OAAO,CAA2C;AAAA,MACpE;AAAA,IACF;AAAA,IACA,IAA8B,MAAW,SAA+B;AACtE,YAAM,WAAmD,IAAK,IAAI,IAAI;AACtE,UAAI,UAAU;AACZ,YAAI,SAAS;AACX,mBAAS,OAAO,SAAS,QAAQ,OAAO,MAAM,GAAG,CAAC;AAAA,QACpD,OAAO;AACL,cAAK,IAAI,MAAM,CAAC,CAAC;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAA+B,MAAW,KAAmB;AAC3D,UAAI,WAAW,IAAK,IAAI,IAAI;AAC5B,UAAI,UAAU;AACZ,QAAC,SAAoD,MAAM,EAAE,QAAQ,CAAC,YAAY;AAChF,kBAAQ,GAAI;AAAA,QACd,CAAC;AAAA,MACH;AAEA,iBAAW,IAAK,IAAI,GAAG;AACvB,UAAI,UAAU;AACZ,QAAC,SAA8C,MAAM,EAAE,QAAQ,CAAC,YAAY;AAC1E,kBAAQ,MAAM,GAAI;AAAA,QACpB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AACF;;;ADvEA,IAAM,UAAU,cAAc;AAG9B,SAAS,mBAAmB,MAAoC;AAE9D,+BAAU,GAAG,IAAI;AACnB;AAIA,SAAS,cAAsB,MAAc,QAAiB;AAC5D,UAAQ,KAAK,MAAM,MAAM;AAC3B;AASA,SAAS,wBAEP,QAAgB;AAChB,WAAS,kBAAkB,QAAuB;AAchD,UAAM,WAAW,OAAO,KAAK,MAAM,EAAE;AAAA,MACnC,CAAC,MAAM,aAAa;AAClB,cAAM,mBAAmB,GAAG,MAAM,IAAI,QAAQ;AAE9C,eAAO,iCACF,OADE;AAAA,UAEL,CAAC,gBAAgB,GAAG,SAAU,OAAgB;AAC5C,mBAAO,QAAQ,EAAE,KAAK;AAAA,UACxB;AAAA,QACF;AAAA,MACF;AAAA,MACA,CAAC;AAAA,IACH;AAEA,oBAAgB,MAAM;AACpB,aAAO,KAAK,QAAQ,EAAE,QAAQ,CAAC,aAAa;AAC1C,gBAAQ,IAAI,UAAU,SAAS,QAAQ,CAAC;AAExC,gBAAQ,GAAG,UAAU,SAAS,QAAQ,CAAC;AAAA,MACzC,CAAC;AAGD,aAAO,MACL,OAAO,KAAK,QAAQ,EAAE,QAAQ,CAAC,aAAa;AAC1C,gBAAQ,IAAI,UAAU,SAAS,QAAQ,CAAC;AAAA,MAC1C,CAAC;AAAA,IACL,GAAG,CAAC,QAAQ,CAAC;AAAA,EACf;AAkBA,WAAS,YAAkD,OAAiB;AAC1E,WAAO,IAAI,YACT,cAAc,GAAG,MAAM,IAAI,OAAO,KAAK,CAAC,IAAI,QAAQ,CAAC,CAAC;AAAA,EAC1D;AAEA,SAAO,CAAC,mBAAmB,WAAW;AACxC;;;AE5FO,SAAS,WAAW;AACzB,SAAO,eAAe,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,EAAE,CAAC;AAC/D;;;AHkFO,SAAS,cAAc,WAAmB;AAC/C,QAAM,CAAC,iBAAiB,WAAW,IAAI;AAAA,IACrC,GAAG,SAAS;AAAA,EACd;AAEA,QAAM,OAAO,CACX,YAKA,YACG;AAhGP;AAiGI,UAAMC,cAAY,wCAAS,cAAT,YAAsB,SAAS;AACjD,UAAM,eAAe,SAAS;AAC9B,UAAM,eAAc,wCAAS,gBAAT,YAAwB;AAE5C,UAAM,oBAAoB,YAAY,MAAM;AAG5C,UAA0D,gBAAW,CAAC,GAA9D,aAAW,GAAG,aAAa,GAxGvC,IAwG8D,IAAhB,wBAAgB,IAAhB,CAAlC,aAAc;AAGtB,QAAI;AACJ,QAAI,cAAAC,QAAM,eAAe,UAAU,GAAG;AACpC,wBAAkB,CAAC,UAAe;AAChC,eAAO,cAAAA,QAAM,aAAa,YAAkC,gDACtD,WAAW,SAAS,CAAC,IACtB,QAFuD;AAAA,UAG1D,OAAO,MAAM;AAAA,UACb,SAAS,MAAM;AAAA,QACjB,EAAC;AAAA,MACH;AAAA,IACF,OAAO;AACL,wBAAkB;AAAA,IACpB;AAEA,sBAAkB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAAD;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS;AAAA,IACX,CAAC;AACD,WAAOA;AAAA,EACT;AAGA,QAAM,YAAY,OAChB,YAMA,YACG;AACH,WAAO,IAAI,QAAW,CAAC,YAAY;AACjC,YAAM,oBAAoB,CAAC,iBAAsB;AAC/C,cAAME,SAAQ,CAAC,UAAc;AAC3B,kBAAQ,KAAU;AAClB,uBAAa,MAAM;AAAA,QACrB;AACA,cAAMC,WAAU,CAAC,UAAc;AAC7B,kBAAQ,KAAU;AAClB,uBAAa,QAAQ;AAAA,QACvB;AACA,cAAM,QAAQ,iCAAK,eAAL,EAAmB,OAAAD,QAAO,SAAAC,SAAQ;AAGhD,YAAI,cAAAF,QAAM,eAAe,UAAU,GAAG;AACpC,iBAAO,cAAAA,QAAM,aAAa,YAAkC,kCACtD,WAAW,SAAS,CAAC,IACtB,MACJ;AAAA,QACH;AAGA,YAAI,OAAO,eAAe,YAAY;AACpC,iBAAO,WAAW,KAAK;AAAA,QACzB;AAGA,eAAO;AAAA,MACT;AAEA,WAAK,mBAAmB,OAAO;AAAA,IACjC,CAAC;AAAA,EACH;AACA,QAAM,QAAQ,YAAY,OAAO;AACjC,QAAM,UAAU,YAAY,SAAS;AACrC,QAAM,WAAW,YAAY,UAAU;AACvC,QAAM,aAAa,YAAY,YAAY;AAC3C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;;AI1LA,IAAAG,gBAAyD;AAGzD,IAAM,aAAa,OAAO,MAAM;AAIzB,SAAS,kBAAqB,aAA8C;AACjF,QAAM,cAAU,6BAAkC,UAAU;AAC5D,UAAQ,cAAc,oCAAe;AAErC,WAAS,iBAAiB;AACxB,UAAM,cAAU,0BAAW,OAAO;AAElC,QAAI,YAAY,YAAY;AAC1B,YAAM,QAAQ,IAAI,MAAM,IAAI,QAAQ,WAAW,wBAAwB;AACvE,YAAM,OAAO;AAEb,YAAM;AAAA,IACR;AAEA,WAAO;AAAA,EACT;AAEA,SAAO,CAAC,QAAQ,UAAiB,cAAc;AACjD;;;ACrBO,SAAS,2BAA2B;AACzC,QAAM,CAAC,wBAAwB,iBAAiB,IAAI,kBAA+B,4BAA4B;AAE/G,WAASC,qBAAoB;AAC3B,WAAO,kBAAkB,EAAE;AAAA,EAC7B;AAEA,WAASC,kBAAiB;AACxB,WAAO,kBAAkB,EAAE;AAAA,EAC7B;AAEA,SAAO,EAAE,wBAAwB,mBAAAD,oBAAmB,gBAAAC,gBAAe;AACrE;;;ACmCO,IAAM,4BAA4B,CAAC,kBAA+B,aAA6C,oBAAiD;AAnDvK;AAsDI,QAAM,yBAAyB,iBAAiB;AAAA,IAChD,CAAC,qBAAqB,YAAY,gBAAgB,EAAE,WAAW;AAAA,EACjE;AAEE,QAAM,0BAA0B,uBAAuB,UAAU,CAAC,SAAS,SAAS,eAAe;AAGjG,SAAO,4BAA4B,uBAAuB,SAAS,KACnE,4BAAuB,0BAA0B,CAAC,MAAlD,YAAuD,QACvD,4BAAuB,uBAAuB,SAAS,CAAC,MAAxD,YAA6D;AAEnE;AAuBO,SAAS,eAAe,OAAoB,QAA2C;AAC5F,UAAQ,OAAO,MAAM;AAAA,IACnB,KAAK,OAAO;AACV,UAAI,MAAM,YAAY,OAAO,QAAQ,EAAE,KAAK,QAAQ,MAAM,YAAY,OAAO,QAAQ,EAAE,EAAE,WAAW,OAAO;AACzG,cAAMC,WAAU,MAAM,YAAY,OAAO,QAAQ,EAAE;AAGnD,YAAIA,YAAW,QAAQA,SAAQ,QAAQ;AACrC,iBAAO;AAAA,QACT;AAEA,eAAO,iCACF,QADE;AAAA,UAEL,SAAS,OAAO,QAAQ;AAAA,UACxB,aAAa,iCACR,MAAM,cADE;AAAA,YAEX,CAAC,OAAO,QAAQ,EAAE,GAAG,iCAAKA,WAAL,EAAc,QAAQ,KAAK;AAAA,UAClD;AAAA,QACF;AAAA,MACF;AAEA,YAAM,YAAY,MAAM,iBAAiB,SAAS,OAAO,QAAQ,EAAE;AAEnE,UAAI,aAAa,MAAM,YAAY,OAAO,QAAQ,EAAE,EAAE,WAAW,MAAM;AACrE,cAAM,IAAI;AAAA,UACR,gEAAgE,OAAO,QAAQ,EAAE;AAAA,QACnF;AAAA,MACF;AAEA,aAAO;AAAA,QACL,SAAS,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,QAIxB,kBAAkB,CAAC,GAAG,MAAM,iBAAiB,OAAO,CAAC,SAAS,SAAS,OAAO,QAAQ,EAAE,GAAG,OAAO,QAAQ,EAAE;AAAA,QAC5G,aAAa,YACT,MAAM,cACN,iCACK,MAAM,cADX;AAAA,UAEE,CAAC,OAAO,QAAQ,EAAE,GAAG,OAAO;AAAA,QAC9B;AAAA,MACN;AAAA,IACF;AAAA,IACA,KAAK,QAAQ;AACX,YAAMA,WAAU,MAAM,YAAY,OAAO,SAAS;AAGlD,UAAIA,YAAW,QAAQA,SAAQ,QAAQ;AACrC,eAAO;AAAA,MACT;AAEA,aAAO,iCACF,QADE;AAAA,QAEL,aAAa,iCACR,MAAM,cADE;AAAA,UAEX,CAAC,OAAO,SAAS,GAAG,iCAAKA,WAAL,EAAc,QAAQ,MAAM,WAAW,KAAK;AAAA,QAClE;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAAK,SAAS;AACZ,YAAMA,WAAU,MAAM,YAAY,OAAO,SAAS;AAGlD,UAAIA,YAAW,QAAQ,CAACA,SAAQ,QAAQ;AACtC,eAAO;AAAA,MACT;AAEA,YAAM,mBAAmB,0BAA0B,MAAM,kBAAkB,MAAM,aAAa,OAAO,SAAS;AAE9G,aAAO,iCACF,QADE;AAAA,QAEL,SAAS;AAAA,QACT,aAAa,iCACR,MAAM,cADE;AAAA,UAEX,CAAC,OAAO,SAAS,GAAG,iCACf,MAAM,YAAY,OAAO,SAAS,IADnB;AAAA,YAElB,QAAQ;AAAA,UACV;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAAK,UAAU;AACb,YAAMA,WAAU,MAAM,YAAY,OAAO,SAAS;AAGlD,UAAIA,YAAW,MAAM;AACnB,eAAO;AAAA,MACT;AAEA,YAAM,oBAAoB,MAAM,iBAAiB,OAAO,CAAC,SAAS,SAAS,OAAO,SAAS;AAC3F,UAAI,MAAM,iBAAiB,WAAW,kBAAkB,QAAQ;AAC9D,eAAO;AAAA,MACT;AAEA,YAAM,oBAAoB,mBAAK,MAAM;AACrC,aAAO,kBAAkB,OAAO,SAAS;AAEzC,YAAM,mBAAmB,0BAA0B,MAAM,kBAAkB,MAAM,aAAa,OAAO,SAAS;AAE9G,aAAO;AAAA,QACL,SAAS;AAAA,QACT,kBAAkB;AAAA,QAClB,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,KAAK,aAAa;AAEhB,UAAI,OAAO,KAAK,MAAM,WAAW,EAAE,WAAW,GAAG;AAC/C,eAAO;AAAA,MACT;AAEA,aAAO,iCACF,QADE;AAAA,QAEL,SAAS;AAAA,QACT,aAAa,OAAO,KAAK,MAAM,WAAW,EAAE;AAAA,UAC1C,CAAC,MAAM,SAAU,iCACZ,OADY;AAAA,YAEf,CAAC,IAAI,GAAG,iCACH,MAAM,YAAY,IAAI,IADnB;AAAA,cAEN,QAAQ;AAAA,YACV;AAAA,UACF;AAAA,UACA,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,IACA,KAAK,cAAc;AACjB,aAAO,EAAE,SAAS,MAAM,kBAAkB,CAAC,GAAG,aAAa,CAAC,EAAE;AAAA,IAChE;AAAA,EACF;AACF;;;AV5MA,0CAAuC;AACvC,IAAAC,uBAAyC;AACzC,IAAAC,iBAA2C;AA4E/B,IAAAC,sBAAA;AA1EL,SAAS,wBAAwB;AACtC,QAAM,YAAY,SAAS;AAC3B,QAAwC,mBAAc,SAAS,GAAvD,kBApBV,IAoB0C,IAAZC,WAAA,UAAY,IAAZ,CAApB;AAER,QAAM,EAAE,wBAAwB,mBAAAC,oBAAmB,gBAAAC,gBAAe,IAChE,yBAAyB;AAE3B,WAASC,iBAAgB,EAAE,SAAS,GAAsB;AACxD,UAAM,CAAC,cAAc,eAAe,QAAI,0BAAW,gBAAgB;AAAA,MACjE,SAAS;AAAA,MACT,kBAAkB,CAAC;AAAA,MACnB,aAAa,CAAC;AAAA,IAChB,CAAC;AAGD,UAAM,kBAAoC;AAAA,MACxC,CAAC;AAAA,QACC;AAAA,QACA,WAAAC;AAAA,QACA;AAAA,QACA,cAAc;AAAA,QACd;AAAA,MACF,MAAM;AACJ,wBAAgB;AAAA,UACd,MAAM;AAAA,UACN,SAAS;AAAA,YACP,IAAIA;AAAA,YACJ;AAAA,YACA,QAAQ;AAAA,YACR,WAAW;AAAA,YACX;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,MACA,CAAC;AAAA,IACH;AAEA,UAAM,YAAQ,2BAAY,CAACA,eAAsB;AAC/C,sBAAgB,EAAE,MAAM,SAAS,WAAAA,WAAU,CAAC;AAAA,IAC9C,GAAG,CAAC,CAAC;AAEL,UAAM,cAAU,2BAAY,CAACA,eAAsB;AACjD,sBAAgB,EAAE,MAAM,UAAU,WAAAA,WAAU,CAAC;AAAA,IAC/C,GAAG,CAAC,CAAC;AAEL,UAAM,eAAW,2BAAY,MAAM;AACjC,sBAAgB,EAAE,MAAM,YAAY,CAAC;AAAA,IACvC,GAAG,CAAC,CAAC;AAEL,UAAM,iBAAa,2BAAY,MAAM;AACnC,sBAAgB,EAAE,MAAM,aAAa,CAAC;AAAA,IACxC,GAAG,CAAC,CAAC;AAGL,oBAAgB;AAAA,MACd,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAED,iCAAU,MAAM;AACd,aAAO,MAAM;AACX,wBAAgB,EAAE,MAAM,aAAa,CAAC;AAAA,MACxC;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,WACE,6CAAC,8DAAuB,OAAO,EAAE,MAAM,EAAE,GACvC,uDAAC,iCACC,uDAAC,iDACC,wDAAC,0BAAuB,OAAO,cAC5B;AAAA;AAAA,MAGA,aAAa,iBAAiB,IAAI,CAAC,SAAS;AAC3C,cAAM,cAAc,aAAa,YAAY,IAAI;AACjD,cAAM;AAAA,UACJ,IAAI;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,QACF,IAAI;AAEJ,YAAI,gBAAgB,cAAe,QAAO;AAG1C,cAAM,qBAAqB,aAAa,iBAAiB;AAAA,UACvD,CAAC,OAAI;AA/GvB,gBAAAC,KAAA;AAgHoB,qBAAAA,MAAA,aAAa,YAAY,EAAE,MAA3B,gBAAAA,IAA8B,iBAC5B,mBAAiB,kBAAa,YAAY,EAAE,MAA3B,mBAA8B;AAAA;AAAA,QACrD;AAEA,YAAI,gBAAgB,SAAS;AAC3B,gBAAM,mBAAmB,aAAa,iBAAiB;AAAA,YACrD,CAAC,OAAI;AAtHzB,kBAAAA,KAAA;AAuHsB,uBAAAA,MAAA,aAAa,YAAY,EAAE,MAA3B,gBAAAA,IAA8B,iBAAgB,aAC9C,kBAAa,YAAY,EAAE,MAA3B,mBAA8B;AAAA;AAAA,UAClC;AACA,gBAAM,aACJ,iBAAiB,iBAAiB,SAAS,CAAC,MAC5C;AACF,gBAAM,aAAa,UAAU;AAE7B,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA,YAAY;AAAA,cACZ,WAAW;AAAA,cACX;AAAA,cACA,kBAAkB,aAAa;AAAA,cAC/B,SAAS,iCACJ,UADI;AAAA,gBAEP,sBAAsB;AAAA,cACxB;AAAA;AAAA,YATK;AAAA,UAUP;AAAA,QAEJ;AAGA,eACE;AAAA,UAAC;AAAA;AAAA,YAEC;AAAA,YACA,YAAY;AAAA,YACZ,WAAW;AAAA,YACX;AAAA;AAAA,UAJK;AAAA,QAKP;AAAA,MAEJ,CAAC;AAAA,MAGA,aAAa,iBAAiB,IAAI,CAAC,SAAS;AAC3C,cAAM,cAAc,aAAa,YAAY,IAAI;AACjD,cAAM;AAAA,UACJ,IAAI;AAAA,UACJ;AAAA,UACA;AAAA,UACA,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,QACF,IAAI;AAEJ,YAAI,gBAAgB,cAAe,QAAO;AAE1C,cAAM,mBAAmB,aAAa,iBAAiB;AAAA,UACrD,CAAC,OAAI;AA1KvB,gBAAAA,KAAA;AA2KoB,qBAAAA,MAAA,aAAa,YAAY,EAAE,MAA3B,gBAAAA,IAA8B,iBAC5B,mBAAiB,kBAAa,YAAY,EAAE,MAA3B,mBAA8B;AAAA;AAAA,QACrD;AACA,cAAM,mBACJ,iBAAiB,iBAAiB,SAAS,CAAC,MAC5C;AACF,cAAM,aAAa,UAAU;AAE7B,eACE;AAAA,UAAC;AAAA;AAAA,YAEC,QAAQ;AAAA,YACR,YAAY;AAAA,YACZ,WAAW;AAAA,YACX;AAAA,YACA,kBAAkB,aAAa;AAAA,YAC/B;AAAA;AAAA,UANK;AAAA,QAOP;AAAA,MAEJ,CAAC;AAAA,MAGA,aAAa,iBAAiB,IAAI,CAAC,IAAI,QACtC;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,iBAAiB,GAAG;AAAA;AAAA,QADrB,iBAAiB,GAAG;AAAA,MAE3B,CACD;AAAA,OACH,GACF,GACF,GACF;AAAA,EAEJ;AAEA,SAAO;AAAA,IACL,SAAAL;AAAA,IACA,iBAAAG;AAAA,IACA,mBAAAF;AAAA,IACA,gBAAAC;AAAA,EACF;AACF;;;AWlNO,IAAM,EAAE,SAAS,iBAAiB,mBAAmB,eAAe,IAAI,sBAAsB;AAG9F,SAAS,oCAAoC;AAClD,SAAO,sBAAsB;AAC/B;","names":["import_react","import_react","import_jsx_runtime","_a","BottomSheet","React","import_react","import_react_native","import_portal","import_jsx_runtime","React","import_react","import_react","overlayId","React","close","unmount","import_react","useCurrentOverlay","useOverlayData","overlay","import_bottom_sheet","import_portal","import_jsx_runtime","overlay","useCurrentOverlay","useOverlayData","OverlayProvider","overlayId","_a"]}
package/dist/index.mjs CHANGED
@@ -72,8 +72,7 @@ import React2, {
72
72
  useCallback,
73
73
  useState
74
74
  } from "react";
75
- import {
76
- BottomSheetModal,
75
+ import BottomSheet, {
77
76
  BottomSheetBackdrop
78
77
  } from "@gorhom/bottom-sheet";
79
78
  import {
@@ -81,6 +80,7 @@ import {
81
80
  Keyboard
82
81
  } from "react-native";
83
82
  import { useReducedMotion } from "react-native-reanimated";
83
+ import { Portal } from "@gorhom/portal";
84
84
  import { jsx as jsx2 } from "react/jsx-runtime";
85
85
  var ContentBottomSheetController = memo2(
86
86
  ({
@@ -96,7 +96,7 @@ var ContentBottomSheetController = memo2(
96
96
  const [keyboardHeight, setKeyboardHeight] = useState(0);
97
97
  const getZIndex = () => {
98
98
  const index = overlayOrderList.indexOf(overlayId);
99
- return 9999 + index;
99
+ return 1e3 + index;
100
100
  };
101
101
  const _a = options, {
102
102
  snapPoints,
@@ -142,12 +142,12 @@ var ContentBottomSheetController = memo2(
142
142
  if (isOpen) {
143
143
  const rafId = requestAnimationFrame(() => {
144
144
  var _a3;
145
- (_a3 = bottomSheetRef.current) == null ? void 0 : _a3.present();
145
+ (_a3 = bottomSheetRef.current) == null ? void 0 : _a3.expand();
146
146
  overlayDispatch({ type: "OPEN", overlayId });
147
147
  });
148
148
  return () => cancelAnimationFrame(rafId);
149
149
  } else {
150
- (_a2 = bottomSheetRef.current) == null ? void 0 : _a2.dismiss();
150
+ (_a2 = bottomSheetRef.current) == null ? void 0 : _a2.close();
151
151
  }
152
152
  }, [isOpen, overlayDispatch, overlayId]);
153
153
  const handleClose = useCallback(() => {
@@ -170,9 +170,12 @@ var ContentBottomSheetController = memo2(
170
170
  );
171
171
  const handleSheetChange = useCallback((index) => {
172
172
  }, []);
173
+ const getLayerIndex = () => {
174
+ return Math.max(0, overlayOrderList.indexOf(overlayId));
175
+ };
173
176
  if (!isOpen) return null;
174
- return /* @__PURE__ */ jsx2(
175
- BottomSheetModal,
177
+ return /* @__PURE__ */ jsx2(Portal, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ jsx2(
178
+ BottomSheet,
176
179
  {
177
180
  style: [{ zIndex: getZIndex() }],
178
181
  ref: bottomSheetRef,
@@ -181,7 +184,7 @@ var ContentBottomSheetController = memo2(
181
184
  keyboardBehavior,
182
185
  snapPoints: enableDynamicSizing ? void 0 : snapPoints,
183
186
  enablePanDownToClose,
184
- onDismiss: handleClose,
187
+ onClose: handleClose,
185
188
  keyboardBlurBehavior,
186
189
  index: 0,
187
190
  backdropComponent: enableBackdrop ? renderBackdrop : void 0,
@@ -215,7 +218,7 @@ var ContentBottomSheetController = memo2(
215
218
  keyboardHeight
216
219
  }, restOptions))
217
220
  }
218
- );
221
+ ) });
219
222
  }
220
223
  );
221
224
 
@@ -228,7 +231,8 @@ import {
228
231
  Dimensions,
229
232
  Pressable
230
233
  } from "react-native";
231
- import { jsx as jsx3 } from "react/jsx-runtime";
234
+ import { Portal as Portal2 } from "@gorhom/portal";
235
+ import { jsx as jsx3, jsxs } from "react/jsx-runtime";
232
236
  var { width: SCREEN_WIDTH, height: SCREEN_HEIGHT } = Dimensions.get("window");
233
237
  var ContentModalController = memo3(
234
238
  ({
@@ -247,12 +251,10 @@ var ContentModalController = memo3(
247
251
  } = options;
248
252
  const [backdropAnimation] = useState2(new Animated.Value(0));
249
253
  const [contentAnimation] = useState2(new Animated.Value(0));
250
- const getZIndex = () => {
251
- const index = overlayOrderList.indexOf(overlayId);
252
- return 1e3 + index;
253
- };
254
+ const [mounted, setMounted] = useState2(isOpen);
254
255
  useEffect3(() => {
255
256
  if (isOpen) {
257
+ if (!mounted) setMounted(true);
256
258
  setImmediate(() => {
257
259
  overlayDispatch({ type: "OPEN", overlayId });
258
260
  });
@@ -280,18 +282,17 @@ var ContentModalController = memo3(
280
282
  duration: 200,
281
283
  useNativeDriver: true
282
284
  })
283
- ]).start();
285
+ ]).start(() => {
286
+ setMounted(false);
287
+ });
284
288
  }
285
- }, [
286
- isOpen,
287
- overlayDispatch,
288
- overlayId,
289
- backdropAnimation,
290
- contentAnimation
291
- ]);
289
+ }, [isOpen]);
292
290
  const handleClose = () => {
293
291
  overlayDispatch({ type: "CLOSE", overlayId });
294
292
  };
293
+ const getLayerIndex = () => {
294
+ return Math.max(0, overlayOrderList.indexOf(overlayId));
295
+ };
295
296
  const getContainerStyle = () => {
296
297
  switch (modalType) {
297
298
  case "bottom":
@@ -369,55 +370,59 @@ var ContentModalController = memo3(
369
370
  return baseOpacity;
370
371
  }
371
372
  };
372
- const isCovered = !!(options == null ? void 0 : options.coveredByBottomSheet);
373
- const isHidden = isCovered;
374
- if (!isOpen) return null;
375
- return /* @__PURE__ */ jsx3(
373
+ if (!mounted) return null;
374
+ return /* @__PURE__ */ jsx3(Portal2, { hostName: `overlay-modal-${getLayerIndex()}`, children: /* @__PURE__ */ jsxs(
376
375
  View2,
377
376
  {
378
- style: [
379
- styles.absoluteContainer,
380
- { zIndex: getZIndex(), display: isHidden ? "none" : "flex" }
381
- ],
382
- pointerEvents: "box-none",
383
- children: /* @__PURE__ */ jsx3(Pressable, { style: StyleSheet2.absoluteFill, onPress: handleClose, children: /* @__PURE__ */ jsx3(
384
- Animated.View,
385
- {
386
- style: [
387
- styles.backdrop,
388
- {
389
- backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,
390
- opacity: isHidden ? 0 : backdropAnimation
391
- }
392
- ],
393
- children: /* @__PURE__ */ jsx3(View2, { style: StyleSheet2.absoluteFill, pointerEvents: "box-none", children: /* @__PURE__ */ jsx3(
394
- Animated.View,
395
- {
396
- style: [getContainerStyle(), getContentAnimationStyle()],
397
- pointerEvents: "box-none",
398
- children: /* @__PURE__ */ jsx3(Pressable, { onPress: () => {
399
- }, children: React3.isValidElement(Controller) ? React3.cloneElement(
400
- Controller,
401
- {
402
- close: () => overlayDispatch({ type: "CLOSE", overlayId }),
403
- unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
404
- }
405
- ) : React3.createElement(Controller, {
406
- isOpen,
407
- overlayId,
408
- modalType,
409
- backdropOpacity,
410
- animationType,
411
- swipeDirection,
412
- close: () => overlayDispatch({ type: "CLOSE", overlayId }),
413
- unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
414
- }) })
415
- }
416
- ) })
417
- }
418
- ) })
377
+ style: [styles.absoluteContainer],
378
+ pointerEvents: isOpen ? "box-none" : "none",
379
+ importantForAccessibility: isOpen ? "auto" : "no-hide-descendants",
380
+ children: [
381
+ /* @__PURE__ */ jsx3(
382
+ Pressable,
383
+ {
384
+ style: StyleSheet2.absoluteFill,
385
+ onPress: handleClose,
386
+ disabled: !isOpen,
387
+ children: /* @__PURE__ */ jsx3(
388
+ Animated.View,
389
+ {
390
+ pointerEvents: "none",
391
+ style: [
392
+ styles.backdrop,
393
+ {
394
+ backgroundColor: `rgba(0, 0, 0, ${backdropOpacity})`,
395
+ opacity: backdropAnimation
396
+ }
397
+ ]
398
+ }
399
+ )
400
+ }
401
+ ),
402
+ /* @__PURE__ */ jsx3(
403
+ Animated.View,
404
+ {
405
+ style: [getContainerStyle(), getContentAnimationStyle()],
406
+ pointerEvents: "box-none",
407
+ children: /* @__PURE__ */ jsx3(Pressable, { onPress: () => {
408
+ }, children: React3.isValidElement(Controller) ? React3.cloneElement(Controller, {
409
+ close: () => overlayDispatch({ type: "CLOSE", overlayId }),
410
+ unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
411
+ }) : React3.createElement(Controller, {
412
+ isOpen,
413
+ overlayId,
414
+ modalType,
415
+ backdropOpacity,
416
+ animationType,
417
+ swipeDirection,
418
+ close: () => overlayDispatch({ type: "CLOSE", overlayId }),
419
+ unmount: () => overlayDispatch({ type: "REMOVE", overlayId })
420
+ }) })
421
+ }
422
+ )
423
+ ]
419
424
  }
420
- );
425
+ ) });
421
426
  }
422
427
  );
423
428
  var styles = StyleSheet2.create({
@@ -581,7 +586,13 @@ function createOverlay(overlayId) {
581
586
  overlayProps.unmount();
582
587
  };
583
588
  const props = __spreadProps(__spreadValues({}, overlayProps), { close: close2, unmount: unmount2 });
584
- return controller(props);
589
+ if (React4.isValidElement(controller)) {
590
+ return React4.cloneElement(controller, __spreadValues(__spreadValues({}, controller.props || {}), props));
591
+ }
592
+ if (typeof controller === "function") {
593
+ return controller(props);
594
+ }
595
+ return controller;
585
596
  };
586
597
  open(wrappedController, options);
587
598
  });
@@ -741,8 +752,8 @@ function overlayReducer(state, action) {
741
752
  // src/context/provider/index.tsx
742
753
  import { GestureHandlerRootView } from "react-native-gesture-handler";
743
754
  import { BottomSheetModalProvider as BottomSheetModalProvider2 } from "@gorhom/bottom-sheet";
744
- import { PortalProvider } from "@gorhom/portal";
745
- import { jsx as jsx4, jsxs } from "react/jsx-runtime";
755
+ import { PortalProvider, PortalHost } from "@gorhom/portal";
756
+ import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
746
757
  function createOverlayProvider() {
747
758
  const overlayId = randomId();
748
759
  const _a = createOverlay(overlayId), { useOverlayEvent } = _a, overlay2 = __objRest(_a, ["useOverlayEvent"]);
@@ -800,7 +811,7 @@ function createOverlayProvider() {
800
811
  overlayDispatch({ type: "REMOVE_ALL" });
801
812
  };
802
813
  }, []);
803
- return /* @__PURE__ */ jsx4(GestureHandlerRootView, { style: { flex: 1 }, children: /* @__PURE__ */ jsx4(PortalProvider, { children: /* @__PURE__ */ jsx4(BottomSheetModalProvider2, { children: /* @__PURE__ */ jsxs(OverlayContextProvider, { value: overlayState, children: [
814
+ return /* @__PURE__ */ jsx4(GestureHandlerRootView, { style: { flex: 1 }, children: /* @__PURE__ */ jsx4(PortalProvider, { children: /* @__PURE__ */ jsx4(BottomSheetModalProvider2, { children: /* @__PURE__ */ jsxs2(OverlayContextProvider, { value: overlayState, children: [
804
815
  children,
805
816
  overlayState.overlayOrderList.map((item) => {
806
817
  const overlayItem = overlayState.overlayData[item];
@@ -831,7 +842,7 @@ function createOverlayProvider() {
831
842
  return /* @__PURE__ */ jsx4(
832
843
  ContentModalController,
833
844
  {
834
- isOpen: shouldShow,
845
+ isOpen,
835
846
  controller: Controller,
836
847
  overlayId: currentOverlayId,
837
848
  overlayDispatch,
@@ -885,7 +896,14 @@ function createOverlayProvider() {
885
896
  },
886
897
  componentKey
887
898
  );
888
- })
899
+ }),
900
+ overlayState.overlayOrderList.map((id, idx) => /* @__PURE__ */ jsx4(
901
+ PortalHost,
902
+ {
903
+ name: `overlay-modal-${idx}`
904
+ },
905
+ `overlay-modal-${idx}`
906
+ ))
889
907
  ] }) }) }) });
890
908
  }
891
909
  return {