@0610studio/zs-ui 0.18.0 → 0.19.0

package/build/model/globalOverlay.js

@@ -1,16 +1,7 @@
-// Global overlay context reference
 let globalOverlayRef = null;
-/**
- * Global overlay context를 설정합니다.
- * OverlayProvider에서 내부적으로 호출되며, 사용자가 직접 호출할 필요는 없습니다.
- */
 export const setGlobalOverlayRef = (ref) => {
     globalOverlayRef = ref;
 };
-/**
- * Global overlay context를 가져옵니다.
- * 주로 내부적으로 사용되며, 사용자는 아래의 개별 함수들을 사용하는 것을 권장합니다.
- */
 export const getGlobalOverlayRef = () => {
     return globalOverlayRef;
 };

package/build/model/globalOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"globalOverlay.js","sourceRoot":"","sources":["../../src/model/globalOverlay.ts"],"names":[],"mappings":"AAEA,mCAAmC;AACnC,IAAI,gBAAgB,GAA+B,IAAI,CAAC;AAExD;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAA+B,EAAE,EAAE;IACrE,gBAAgB,GAAG,GAAG,CAAC;AACzB,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAA+B,EAAE;IAClE,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,MAAM,IAAI,KAAK,CACb,4GAA4G,CAC7G,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC5D,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAwC,CAAC,KAAK,EAAE,EAAE;IAClE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,eAAe,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,eAAe,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,YAAY,GAAwC,CAAC,KAAK,EAAE,EAAE;IAClE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,UAAU,GAAsC,GAAG,EAAE;IACzD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,UAAU,EAAE,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,WAAW,GAAuC,CAAC,MAAM,EAAE,EAAE;IACjE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS;IACT,YAAY;IACZ,eAAe;IACf,eAAe;IACf,YAAY;IACZ,UAAU;IACV,WAAW;CACZ,CAAC","sourcesContent":["import { OverlayContextProps } from './types';\n\n// Global overlay context reference\nlet globalOverlayRef: OverlayContextProps | null = null;\n\n/**\n * Global overlay context를 설정합니다.\n * OverlayProvider에서 내부적으로 호출되며, 사용자가 직접 호출할 필요는 없습니다.\n */\nexport const setGlobalOverlayRef = (ref: OverlayContextProps | null) => {\n  globalOverlayRef = ref;\n};\n\n/**\n * Global overlay context를 가져옵니다.\n * 주로 내부적으로 사용되며, 사용자는 아래의 개별 함수들을 사용하는 것을 권장합니다.\n */\nexport const getGlobalOverlayRef = (): OverlayContextProps | null => {\n  return globalOverlayRef;\n};\n\nconst getOverlayNotAvailableError = () => {\n  throw new Error(\n    'Overlay functions are not available. Please make sure OverlayProvider is properly set up in your app root.'\n  );\n};\n\nconst showAlert: OverlayContextProps['showAlert'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showAlert(props);\n};\n\nconst showSnackBar: OverlayContextProps['showSnackBar'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showSnackBar(props);\n};\n\nconst showBottomSheet: OverlayContextProps['showBottomSheet'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showBottomSheet(props);\n};\n\nconst showPopOverMenu: OverlayContextProps['showPopOverMenu'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showPopOverMenu(props);\n};\n\nconst showModality: OverlayContextProps['showModality'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showModality(props);\n};\n\nconst showLoader: OverlayContextProps['showLoader'] = () => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showLoader();\n};\n\nconst hideOverlay: OverlayContextProps['hideOverlay'] = (option) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.hideOverlay(option);\n};\n\nexport const GlobalOverlay = {\n  showAlert,\n  showSnackBar,\n  showBottomSheet,\n  showPopOverMenu,\n  showModality,\n  showLoader,\n  hideOverlay,\n};\n"]}
+{"version":3,"file":"globalOverlay.js","sourceRoot":"","sources":["../../src/model/globalOverlay.ts"],"names":[],"mappings":"AAEA,IAAI,gBAAgB,GAA+B,IAAI,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,GAA+B,EAAE,EAAE;IACrE,gBAAgB,GAAG,GAAG,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAA+B,EAAE;IAClE,OAAO,gBAAgB,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,MAAM,IAAI,KAAK,CACb,4GAA4G,CAC7G,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAqC,CAAC,KAAK,EAAE,EAAE;IAC5D,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,MAAM,YAAY,GAAwC,CAAC,KAAK,EAAE,EAAE;IAClE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,eAAe,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,eAAe,GAA2C,CAAC,KAAK,EAAE,EAAE;IACxE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;AAC1C,CAAC,CAAC;AAEF,MAAM,YAAY,GAAwC,CAAC,KAAK,EAAE,EAAE;IAClE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,UAAU,GAAsC,GAAG,EAAE;IACzD,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,UAAU,EAAE,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,WAAW,GAAuC,CAAC,MAAM,EAAE,EAAE;IACjE,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,2BAA2B,EAAE,CAAC;QAC9B,OAAO;IACT,CAAC;IACD,gBAAgB,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS;IACT,YAAY;IACZ,eAAe;IACf,eAAe;IACf,YAAY;IACZ,UAAU;IACV,WAAW;CACZ,CAAC","sourcesContent":["import { OverlayContextProps } from './types';\n\nlet globalOverlayRef: OverlayContextProps | null = null;\n\nexport const setGlobalOverlayRef = (ref: OverlayContextProps | null) => {\n  globalOverlayRef = ref;\n};\n\nexport const getGlobalOverlayRef = (): OverlayContextProps | null => {\n  return globalOverlayRef;\n};\n\nconst getOverlayNotAvailableError = () => {\n  throw new Error(\n    'Overlay functions are not available. Please make sure OverlayProvider is properly set up in your app root.'\n  );\n};\n\nconst showAlert: OverlayContextProps['showAlert'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showAlert(props);\n};\n\nconst showSnackBar: OverlayContextProps['showSnackBar'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showSnackBar(props);\n};\n\nconst showBottomSheet: OverlayContextProps['showBottomSheet'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showBottomSheet(props);\n};\n\nconst showPopOverMenu: OverlayContextProps['showPopOverMenu'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showPopOverMenu(props);\n};\n\nconst showModality: OverlayContextProps['showModality'] = (props) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showModality(props);\n};\n\nconst showLoader: OverlayContextProps['showLoader'] = () => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.showLoader();\n};\n\nconst hideOverlay: OverlayContextProps['hideOverlay'] = (option) => {\n  if (!globalOverlayRef) {\n    getOverlayNotAvailableError();\n    return;\n  }\n  globalOverlayRef.hideOverlay(option);\n};\n\nexport const GlobalOverlay = {\n  showAlert,\n  showSnackBar,\n  showBottomSheet,\n  showPopOverMenu,\n  showModality,\n  showLoader,\n  hideOverlay,\n};\n"]}

package/build/model/types.d.ts

@@ -69,6 +69,7 @@ export interface ShowAlertProps {
     secondaryButtonStyle?: TouchableOpacityProps['style'];
     primaryButtonStyle?: TouchableOpacityProps['style'];
     secondaryButtonTextStyle?: TextProps['style'];
+    primaryButtonTextStyle?: TextProps['style'];
 }
 export interface AlertActions {
     primary: AlertAction;
@@ -109,7 +110,7 @@ export interface AboveKeyboardOptions {
     keyboardHideOffset?: number;
 }
 export declare enum FoldingState {
-    FOLDED = "folded",// 폴딩, 일반 기기
+    FOLDED = "folded",
     UNFOLDED = "unfolded"
 }
 export interface FoldingFeatureData {

package/build/model/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"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"}

package/build/model/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAqIA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,qCAAqB,CAAA;AACvB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["import { ReactNode } from \"react\";\nimport { TextProps, TouchableOpacityProps } from \"react-native\";\n\nexport interface OverlayContextProps {\n  showLoader: () => void;\n  showModality: (props: ModalityProps) => void;\n  showPopOverMenu: (props: PopOverMenuProps) => void;\n  showBottomSheet: (props: ShowBottomSheetProps) => void;\n  showSnackBar: (props: ShowSnackBarProps) => void;\n  showAlert: (props: ShowAlertProps) => void;\n  hideOverlay: (option: HideOption) => void;\n}\n\nexport interface AlertContextProps {\n  alertVisible: boolean;\n  setAlertVisible: (visible: boolean) => void;\n}\n\nexport interface SnackbarContextProps {\n  snackItemStack: SnackItem[];\n  hideSnackBar: (index: number) => void;\n}\n\nexport interface BottomSheetContextProps {\n  bottomSheetVisible: boolean;\n  setBottomSheetVisible: (visible: boolean) => void;\n  height: BottomSheetHeight;\n  setHeight: (height: BottomSheetHeight) => void;\n  maxHeight: number;\n}\n\nexport interface PopOverContextProps {\n  popOverVisible: boolean;\n  setPopOverVisible: (visible: boolean) => void;\n}\n\nexport interface ModalityContextProps {\n  modalityVisible: boolean;\n  setModalityVisible: (visible: boolean) => void;\n}\n\nexport interface LoaderContextProps {\n  loaderVisible: boolean;\n  setLoaderVisible: (visible: boolean) => void;\n}\n\nexport interface PopOverMenuProps {\n  px: number;\n  py: number;\n  component: React.ReactNode;\n}\n\nexport interface ModalityProps {\n  component: React.ReactNode;\n  foldableSingleScreen?: boolean;\n}\n\nexport interface CustomSnackbarProps {\n  snackType: SnackType;\n  snackMessage: string;\n}\n\nexport interface OverlayProviderProps {\n  children: ReactNode;\n  customSnackbar?: (props: CustomSnackbarProps) => React.ReactNode;\n  loaderComponent?: () => React.ReactNode;\n  maxSnackbarCount?: number;\n}\n\nexport interface AlertAction {\n  label: string;\n  onPress?: () => void;\n}\n\nexport interface ShowAlertProps {\n  title?: string;\n  informative?: string;\n  actions?: AlertActions;\n  isBackgroundTouchClose?: boolean;\n  titleStyle?: TextProps['style'];\n  informativeStyle?: TextProps['style'];\n  secondaryButtonStyle?: TouchableOpacityProps['style'];\n  primaryButtonStyle?: TouchableOpacityProps['style'];\n  secondaryButtonTextStyle?: TextProps['style'];\n}\n\nexport interface AlertActions {\n  primary: AlertAction;\n  secondary?: AlertAction;\n}\n\nexport interface SnackItem {\n  message: string;\n  type: SnackType;\n  index: number;\n  snackbarDuration?: number;\n}\n\nexport type SnackType = 'success' | 'error' | '';\n\nexport type HideOption = 'all' | 'snack' | 'alert' | 'bottomSheet' | 'loader' | 'popOver' | 'modal' | 'aboveKeyboard';\n\nexport interface ShowSnackBarProps {\n  message: string;\n  type?: SnackType;\n  index?: number;\n  snackbarDuration?: number;\n}\n\nexport interface BottomSheetOptions {\n  isBackgroundTouchClose?: boolean;\n  marginHorizontal?: number;\n  marginBottom?: number;\n  height?: BottomSheetHeight;\n  maxHeight?: number;\n  padding?: number;\n  foldableSingleScreen?: boolean;\n  type?: 'floating' | 'fixed';\n}\n\nexport type BottomSheetHeight = number | 'auto';\n\nexport interface ShowBottomSheetProps {\n  headerComponent?: React.ReactNode;\n  component: React.ReactNode;\n  options?: BottomSheetOptions;\n}\n\nexport interface AboveKeyboardOptions {\n  keyboardShowOffset?: number;\n  keyboardHideOffset?: number;\n}\n\nexport enum FoldingState {\n  FOLDED = 'folded', // 폴딩, 일반 기기\n  UNFOLDED = 'unfolded',\n}\n\nexport interface FoldingFeatureData {\n  state: 'flat' | 'half_opened' | 'unknown';\n  orientation: 'horizontal' | 'vertical' | 'unknown';\n  isSeparating: boolean;\n  bounds: {\n    left: number;\n    top: number;\n    right: number;\n    bottom: number;\n  };\n}\n\nexport interface NativeFoldingStateInfo {\n  foldingFeature: FoldingFeatureData | null;\n  width: number; // PT 단위\n}\n\nexport interface FoldingStateInfo {\n  foldingState: FoldingState;\n  width: number;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAsIA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,qCAAqB,CAAA;AACvB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["import { ReactNode } from \"react\";\nimport { TextProps, TouchableOpacityProps } from \"react-native\";\n\nexport interface OverlayContextProps {\n  showLoader: () => void;\n  showModality: (props: ModalityProps) => void;\n  showPopOverMenu: (props: PopOverMenuProps) => void;\n  showBottomSheet: (props: ShowBottomSheetProps) => void;\n  showSnackBar: (props: ShowSnackBarProps) => void;\n  showAlert: (props: ShowAlertProps) => void;\n  hideOverlay: (option: HideOption) => void;\n}\n\nexport interface AlertContextProps {\n  alertVisible: boolean;\n  setAlertVisible: (visible: boolean) => void;\n}\n\nexport interface SnackbarContextProps {\n  snackItemStack: SnackItem[];\n  hideSnackBar: (index: number) => void;\n}\n\nexport interface BottomSheetContextProps {\n  bottomSheetVisible: boolean;\n  setBottomSheetVisible: (visible: boolean) => void;\n  height: BottomSheetHeight;\n  setHeight: (height: BottomSheetHeight) => void;\n  maxHeight: number;\n}\n\nexport interface PopOverContextProps {\n  popOverVisible: boolean;\n  setPopOverVisible: (visible: boolean) => void;\n}\n\nexport interface ModalityContextProps {\n  modalityVisible: boolean;\n  setModalityVisible: (visible: boolean) => void;\n}\n\nexport interface LoaderContextProps {\n  loaderVisible: boolean;\n  setLoaderVisible: (visible: boolean) => void;\n}\n\nexport interface PopOverMenuProps {\n  px: number;\n  py: number;\n  component: React.ReactNode;\n}\n\nexport interface ModalityProps {\n  component: React.ReactNode;\n  foldableSingleScreen?: boolean;\n}\n\nexport interface CustomSnackbarProps {\n  snackType: SnackType;\n  snackMessage: string;\n}\n\nexport interface OverlayProviderProps {\n  children: ReactNode;\n  customSnackbar?: (props: CustomSnackbarProps) => React.ReactNode;\n  loaderComponent?: () => React.ReactNode;\n  maxSnackbarCount?: number;\n}\n\nexport interface AlertAction {\n  label: string;\n  onPress?: () => void;\n}\n\nexport interface ShowAlertProps {\n  title?: string;\n  informative?: string;\n  actions?: AlertActions;\n  isBackgroundTouchClose?: boolean;\n  titleStyle?: TextProps['style'];\n  informativeStyle?: TextProps['style'];\n  secondaryButtonStyle?: TouchableOpacityProps['style'];\n  primaryButtonStyle?: TouchableOpacityProps['style'];\n  secondaryButtonTextStyle?: TextProps['style'];\n  primaryButtonTextStyle?: TextProps['style'];\n}\n\nexport interface AlertActions {\n  primary: AlertAction;\n  secondary?: AlertAction;\n}\n\nexport interface SnackItem {\n  message: string;\n  type: SnackType;\n  index: number;\n  snackbarDuration?: number;\n}\n\nexport type SnackType = 'success' | 'error' | '';\n\nexport type HideOption = 'all' | 'snack' | 'alert' | 'bottomSheet' | 'loader' | 'popOver' | 'modal' | 'aboveKeyboard';\n\nexport interface ShowSnackBarProps {\n  message: string;\n  type?: SnackType;\n  index?: number;\n  snackbarDuration?: number;\n}\n\nexport interface BottomSheetOptions {\n  isBackgroundTouchClose?: boolean;\n  marginHorizontal?: number;\n  marginBottom?: number;\n  height?: BottomSheetHeight;\n  maxHeight?: number;\n  padding?: number;\n  foldableSingleScreen?: boolean;\n  type?: 'floating' | 'fixed';\n}\n\nexport type BottomSheetHeight = number | 'auto';\n\nexport interface ShowBottomSheetProps {\n  headerComponent?: React.ReactNode;\n  component: React.ReactNode;\n  options?: BottomSheetOptions;\n}\n\nexport interface AboveKeyboardOptions {\n  keyboardShowOffset?: number;\n  keyboardHideOffset?: number;\n}\n\nexport enum FoldingState {\n  FOLDED = 'folded',\n  UNFOLDED = 'unfolded',\n}\n\nexport interface FoldingFeatureData {\n  state: 'flat' | 'half_opened' | 'unknown';\n  orientation: 'horizontal' | 'vertical' | 'unknown';\n  isSeparating: boolean;\n  bounds: {\n    left: number;\n    top: number;\n    right: number;\n    bottom: number;\n  };\n}\n\nexport interface NativeFoldingStateInfo {\n  foldingFeature: FoldingFeatureData | null;\n  width: number;\n}\n\nexport interface FoldingStateInfo {\n  foldingState: FoldingState;\n  width: number;\n}\n"]}

package/build/model/useFoldingState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFoldingState.d.ts","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,gBAAgB,EAA0B,MAAM,SAAS,CAAC;AAEjF,wBAAgB,eAAe,IAAI,gBAAgB,CAsClD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useFoldingState.d.ts","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,gBAAgB,EAA0B,MAAM,SAAS,CAAC;AA8DjF,wBAAgB,eAAe,IAAI,gBAAgB,CAElD;AAED,eAAe,eAAe,CAAC"}

package/build/model/useFoldingState.js

@@ -1,40 +1,59 @@
-import { useState, useEffect } from 'react';
+import { useSyncExternalStore } from 'react';
 import { Dimensions, Platform } from 'react-native';
 import ZsUiModule from '../ZsUiModule';
 import { FoldingState } from './types';
-export function useFoldingState() {
-    const [foldingStateInfo, setFoldingStateInfo] = useState({
-        foldingState: FoldingState.FOLDED,
-        width: Dimensions.get('window').width
-    });
-    useEffect(() => {
-        if (Platform.OS !== 'android')
-            return;
-        let isMounted = true;
-        const updateFoldingState = async (fallbackWidth = Dimensions.get('window').width) => {
-            try {
-                const result = await ZsUiModule.getFoldingFeature();
-                if (!isMounted)
-                    return;
-                setFoldingStateInfo({
-                    foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,
-                    width: result?.width || fallbackWidth,
-                });
-            }
-            catch (error) {
-                console.error('getFoldingFeature 호출 실패:', error);
-            }
-        };
-        updateFoldingState();
-        const subscription = Dimensions.addEventListener('change', ({ window }) => {
+// 모듈 레벨 단일 스토어 — 훅 인스턴스마다 Dimensions 리스너와
+// 네이티브 getFoldingFeature 호출이 중복되지 않도록 구독자 전체가 상태를 공유한다.
+let foldingStateInfo = {
+    foldingState: FoldingState.FOLDED,
+    width: Dimensions.get('window').width,
+};
+const listeners = new Set();
+let dimensionsSubscription = null;
+function setFoldingStateInfo(next) {
+    if (next.foldingState === foldingStateInfo.foldingState &&
+        next.width === foldingStateInfo.width) {
+        return;
+    }
+    foldingStateInfo = next;
+    listeners.forEach((listener) => listener());
+}
+async function updateFoldingState(fallbackWidth = Dimensions.get('window').width) {
+    // 폴딩 감지는 Android 전용이지만 width 는 전 플랫폼에서 추적한다.
+    if (Platform.OS !== 'android') {
+        setFoldingStateInfo({ foldingState: FoldingState.FOLDED, width: fallbackWidth });
+        return;
+    }
+    try {
+        const result = await ZsUiModule.getFoldingFeature();
+        setFoldingStateInfo({
+            foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,
+            width: result?.width || fallbackWidth,
+        });
+    }
+    catch (error) {
+        console.error('getFoldingFeature 호출 실패:', error);
+    }
+}
+function subscribe(listener) {
+    listeners.add(listener);
+    if (listeners.size === 1) {
+        dimensionsSubscription = Dimensions.addEventListener('change', ({ window }) => {
             updateFoldingState(window.width);
         });
-        return () => {
-            isMounted = false;
-            subscription.remove();
-        };
-    }, []);
-    return foldingStateInfo;
+        updateFoldingState();
+    }
+    return () => {
+        listeners.delete(listener);
+        if (listeners.size === 0) {
+            dimensionsSubscription?.remove();
+            dimensionsSubscription = null;
+        }
+    };
+}
+const getSnapshot = () => foldingStateInfo;
+export function useFoldingState() {
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 export default useFoldingState;
 //# sourceMappingURL=useFoldingState.js.map

package/build/model/useFoldingState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFoldingState.js","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,YAAY,EAA4C,MAAM,SAAS,CAAC;AAEjF,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAmB;QACzE,YAAY,EAAE,YAAY,CAAC,MAAM;QACjC,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;KACtC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS;YAAE,OAAO;QAEtC,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,MAAM,kBAAkB,GAAG,KAAK,EAAE,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YAClF,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,iBAAiB,EAAmC,CAAC;gBACrF,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAEvB,mBAAmB,CAAC;oBAClB,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;oBAClF,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,aAAa;iBACtC,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;QAEF,kBAAkB,EAAE,CAAC;QAErB,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YACxE,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;YAClB,YAAY,CAAC,MAAM,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import { useState, useEffect } from 'react';\nimport { Dimensions, Platform } from 'react-native';\nimport ZsUiModule from '../ZsUiModule';\nimport { FoldingState, FoldingStateInfo, NativeFoldingStateInfo } from './types';\n\nexport function useFoldingState(): FoldingStateInfo {\n  const [foldingStateInfo, setFoldingStateInfo] = useState<FoldingStateInfo>({\n    foldingState: FoldingState.FOLDED,\n    width: Dimensions.get('window').width\n  });\n\n  useEffect(() => {\n    if (Platform.OS !== 'android') return;\n\n    let isMounted = true;\n\n    const updateFoldingState = async (fallbackWidth = Dimensions.get('window').width) => {\n      try {\n        const result = await ZsUiModule.getFoldingFeature() as NativeFoldingStateInfo | null;\n        if (!isMounted) return;\n\n        setFoldingStateInfo({\n          foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,\n          width: result?.width || fallbackWidth,\n        });\n      } catch (error) {\n        console.error('getFoldingFeature 호출 실패:', error);\n      }\n    };\n\n    updateFoldingState();\n\n    const subscription = Dimensions.addEventListener('change', ({ window }) => {\n      updateFoldingState(window.width);\n    });\n\n    return () => {\n      isMounted = false;\n      subscription.remove();\n    };\n  }, []);\n\n  return foldingStateInfo;\n}\n\nexport default useFoldingState;\n"]}
+{"version":3,"file":"useFoldingState.js","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,YAAY,EAA4C,MAAM,SAAS,CAAC;AAEjF,0CAA0C;AAC1C,wDAAwD;AACxD,IAAI,gBAAgB,GAAqB;IACvC,YAAY,EAAE,YAAY,CAAC,MAAM;IACjC,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;CACtC,CAAC;AAEF,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;AACxC,IAAI,sBAAsB,GAAkC,IAAI,CAAC;AAEjE,SAAS,mBAAmB,CAAC,IAAsB;IACjD,IACE,IAAI,CAAC,YAAY,KAAK,gBAAgB,CAAC,YAAY;QACnD,IAAI,CAAC,KAAK,KAAK,gBAAgB,CAAC,KAAK,EACrC,CAAC;QACD,OAAO;IACT,CAAC;IACD,gBAAgB,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,KAAK,UAAU,kBAAkB,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;IAC9E,6CAA6C;IAC7C,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;QAC9B,mBAAmB,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;QACjF,OAAO;IACT,CAAC;IAED,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,iBAAiB,EAAmC,CAAC;QACrF,mBAAmB,CAAC;YAClB,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YAClF,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,aAAa;SACtC,CAAC,CAAC;IACL,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,QAAoB;IACrC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAExB,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACzB,sBAAsB,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC5E,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC3B,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACzB,sBAAsB,EAAE,MAAM,EAAE,CAAC;YACjC,sBAAsB,GAAG,IAAI,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC;AAE3C,MAAM,UAAU,eAAe;IAC7B,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACnE,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Dimensions, Platform } from 'react-native';\nimport ZsUiModule from '../ZsUiModule';\nimport { FoldingState, FoldingStateInfo, NativeFoldingStateInfo } from './types';\n\n// 모듈 레벨 단일 스토어 — 훅 인스턴스마다 Dimensions 리스너와\n// 네이티브 getFoldingFeature 호출이 중복되지 않도록 구독자 전체가 상태를 공유한다.\nlet foldingStateInfo: FoldingStateInfo = {\n  foldingState: FoldingState.FOLDED,\n  width: Dimensions.get('window').width,\n};\n\nconst listeners = new Set<() => void>();\nlet dimensionsSubscription: { remove: () => void } | null = null;\n\nfunction setFoldingStateInfo(next: FoldingStateInfo) {\n  if (\n    next.foldingState === foldingStateInfo.foldingState &&\n    next.width === foldingStateInfo.width\n  ) {\n    return;\n  }\n  foldingStateInfo = next;\n  listeners.forEach((listener) => listener());\n}\n\nasync function updateFoldingState(fallbackWidth = Dimensions.get('window').width) {\n  // 폴딩 감지는 Android 전용이지만 width 는 전 플랫폼에서 추적한다.\n  if (Platform.OS !== 'android') {\n    setFoldingStateInfo({ foldingState: FoldingState.FOLDED, width: fallbackWidth });\n    return;\n  }\n\n  try {\n    const result = await ZsUiModule.getFoldingFeature() as NativeFoldingStateInfo | null;\n    setFoldingStateInfo({\n      foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,\n      width: result?.width || fallbackWidth,\n    });\n  } catch (error) {\n    console.error('getFoldingFeature 호출 실패:', error);\n  }\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n\n  if (listeners.size === 1) {\n    dimensionsSubscription = Dimensions.addEventListener('change', ({ window }) => {\n      updateFoldingState(window.width);\n    });\n    updateFoldingState();\n  }\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      dimensionsSubscription?.remove();\n      dimensionsSubscription = null;\n    }\n  };\n}\n\nconst getSnapshot = () => foldingStateInfo;\n\nexport function useFoldingState(): FoldingStateInfo {\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n\nexport default useFoldingState;\n"]}

package/build/model/useKeyboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/model/useKeyboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAEtE,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAKD,QAAA,MAAM,WAAW,GAAI,8CAGlB,gBAAqB,KAAG,iBA8B1B,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"useKeyboard.d.ts","sourceRoot":"","sources":["../../src/model/useKeyboard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAsB,KAAK,aAAa,EAAE,MAAM,cAAc,CAAC;AAEtE,UAAU,iBAAiB;IACzB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,gBAAgB;IACxB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IACpD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAKD,QAAA,MAAM,WAAW,GAAI,8CAGlB,gBAAqB,KAAG,iBAmC1B,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/model/useKeyboard.js

@@ -1,20 +1,24 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Keyboard, Platform } from 'react-native';
 const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
 const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
 const useKeyboard = ({ handleKeyboardShow, handleKeyboardHide, } = {}) => {
     const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
     const [keyboardHeight, setKeyboardHeight] = useState(0);
+    const handleKeyboardShowRef = useRef(handleKeyboardShow);
+    const handleKeyboardHideRef = useRef(handleKeyboardHide);
+    handleKeyboardShowRef.current = handleKeyboardShow;
+    handleKeyboardHideRef.current = handleKeyboardHide;
     useEffect(() => {
         const showListener = (event) => {
             setIsKeyboardVisible(true);
             setKeyboardHeight(event.endCoordinates.height);
-            handleKeyboardShow?.(event);
+            handleKeyboardShowRef.current?.(event);
         };
         const hideListener = () => {
             setIsKeyboardVisible(false);
             setKeyboardHeight(0);
-            handleKeyboardHide?.();
+            handleKeyboardHideRef.current?.();
         };
         const keyboardShowSubscription = Keyboard.addListener(showEvent, showListener);
         const keyboardHideSubscription = Keyboard.addListener(hideEvent, hideListener);
@@ -22,7 +26,7 @@ const useKeyboard = ({ handleKeyboardShow, handleKeyboardHide, } = {}) => {
             keyboardShowSubscription.remove();
             keyboardHideSubscription.remove();
         };
-    }, [handleKeyboardShow, handleKeyboardHide]);
+    }, []);
     return {
         isKeyboardVisible,
         keyboardHeight,

package/build/model/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"useKeyboard.js","sourceRoot":"","sources":["../../src/model/useKeyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAsB,MAAM,cAAc,CAAC;AAYtE,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC;AACjF,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC;AAEjF,MAAM,WAAW,GAAG,CAAC,EACnB,kBAAkB,EAClB,kBAAkB,MACE,EAAE,EAAqB,EAAE;IAC7C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC5C,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAC3B,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAC/C,kBAAkB,EAAE,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACrB,kBAAkB,EAAE,EAAE,CAAC;QACzB,CAAC,CAAC;QAEF,MAAM,wBAAwB,GAAG,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAC/E,MAAM,wBAAwB,GAAG,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAE/E,OAAO,GAAG,EAAE;YACV,wBAAwB,CAAC,MAAM,EAAE,CAAC;YAClC,wBAAwB,CAAC,MAAM,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,kBAAkB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE7C,OAAO;QACL,iBAAiB;QACjB,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { Keyboard, Platform, type KeyboardEvent } from 'react-native';\n\ninterface UseKeyboardReturn {\n  isKeyboardVisible: boolean;\n  keyboardHeight: number;\n}\n\ninterface UseKeyboardProps {\n  handleKeyboardShow?: (event: KeyboardEvent) => void;\n  handleKeyboardHide?: () => void;\n}\n\nconst showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';\nconst hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';\n\nconst useKeyboard = ({\n  handleKeyboardShow,\n  handleKeyboardHide,\n}: UseKeyboardProps = {}): UseKeyboardReturn => {\n  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);\n  const [keyboardHeight, setKeyboardHeight] = useState(0);\n\n  useEffect(() => {\n    const showListener = (event: KeyboardEvent) => {\n      setIsKeyboardVisible(true);\n      setKeyboardHeight(event.endCoordinates.height);\n      handleKeyboardShow?.(event);\n    };\n\n    const hideListener = () => {\n      setIsKeyboardVisible(false);\n      setKeyboardHeight(0);\n      handleKeyboardHide?.();\n    };\n\n    const keyboardShowSubscription = Keyboard.addListener(showEvent, showListener);\n    const keyboardHideSubscription = Keyboard.addListener(hideEvent, hideListener);\n\n    return () => {\n      keyboardShowSubscription.remove();\n      keyboardHideSubscription.remove();\n    };\n  }, [handleKeyboardShow, handleKeyboardHide]);\n\n  return {\n    isKeyboardVisible,\n    keyboardHeight,\n  };\n};\n\nexport default useKeyboard;"]}
+{"version":3,"file":"useKeyboard.js","sourceRoot":"","sources":["../../src/model/useKeyboard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAsB,MAAM,cAAc,CAAC;AAYtE,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC;AACjF,MAAM,SAAS,GAAG,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,iBAAiB,CAAC;AAEjF,MAAM,WAAW,GAAG,CAAC,EACnB,kBAAkB,EAClB,kBAAkB,MACE,EAAE,EAAqB,EAAE;IAC7C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAExD,MAAM,qBAAqB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACzD,qBAAqB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IACnD,qBAAqB,CAAC,OAAO,GAAG,kBAAkB,CAAC;IAEnD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC5C,oBAAoB,CAAC,IAAI,CAAC,CAAC;YAC3B,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAC/C,qBAAqB,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,oBAAoB,CAAC,KAAK,CAAC,CAAC;YAC5B,iBAAiB,CAAC,CAAC,CAAC,CAAC;YACrB,qBAAqB,CAAC,OAAO,EAAE,EAAE,CAAC;QACpC,CAAC,CAAC;QAEF,MAAM,wBAAwB,GAAG,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAC/E,MAAM,wBAAwB,GAAG,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC;QAE/E,OAAO,GAAG,EAAE;YACV,wBAAwB,CAAC,MAAM,EAAE,CAAC;YAClC,wBAAwB,CAAC,MAAM,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO;QACL,iBAAiB;QACjB,cAAc;KACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { Keyboard, Platform, type KeyboardEvent } from 'react-native';\n\ninterface UseKeyboardReturn {\n  isKeyboardVisible: boolean;\n  keyboardHeight: number;\n}\n\ninterface UseKeyboardProps {\n  handleKeyboardShow?: (event: KeyboardEvent) => void;\n  handleKeyboardHide?: () => void;\n}\n\nconst showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';\nconst hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';\n\nconst useKeyboard = ({\n  handleKeyboardShow,\n  handleKeyboardHide,\n}: UseKeyboardProps = {}): UseKeyboardReturn => {\n  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);\n  const [keyboardHeight, setKeyboardHeight] = useState(0);\n\n  const handleKeyboardShowRef = useRef(handleKeyboardShow);\n  const handleKeyboardHideRef = useRef(handleKeyboardHide);\n  handleKeyboardShowRef.current = handleKeyboardShow;\n  handleKeyboardHideRef.current = handleKeyboardHide;\n\n  useEffect(() => {\n    const showListener = (event: KeyboardEvent) => {\n      setIsKeyboardVisible(true);\n      setKeyboardHeight(event.endCoordinates.height);\n      handleKeyboardShowRef.current?.(event);\n    };\n\n    const hideListener = () => {\n      setIsKeyboardVisible(false);\n      setKeyboardHeight(0);\n      handleKeyboardHideRef.current?.();\n    };\n\n    const keyboardShowSubscription = Keyboard.addListener(showEvent, showListener);\n    const keyboardHideSubscription = Keyboard.addListener(hideEvent, hideListener);\n\n    return () => {\n      keyboardShowSubscription.remove();\n      keyboardHideSubscription.remove();\n    };\n  }, []);\n\n  return {\n    isKeyboardVisible,\n    keyboardHeight,\n  };\n};\n\nexport default useKeyboard;"]}

package/build/model/utils.d.ts

@@ -15,5 +15,5 @@ export declare const Z_INDEX_VALUE: {
     ALERT: number;
     LOADING: number;
 };
-export declare const MAX_FOLDABLE_SINGLE_WIDTH = 600;
+export declare const OVERLAY_FOLDABLE_SINGLE_WIDTH = 600;
 //# sourceMappingURL=utils.d.ts.map

package/build/model/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/model/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,YAAY,GACrB,OAAO,SAAS,CAAC,SAAS,CAAC,EAC3B,WAAW,MAAM,SAAS,KAC3B,SAAS,CAAC,MAAM,SAAS,CAAC,GAAG,SAQ/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAczB,CAAC;AAEF,eAAO,MAAM,yBAAyB,MAAM,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/model/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,eAAO,MAAM,YAAY,GACrB,OAAO,SAAS,CAAC,SAAS,CAAC,EAC3B,WAAW,MAAM,SAAS,KAC3B,SAAS,CAAC,MAAM,SAAS,CAAC,GAAG,SAQ/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAczB,CAAC;AAGF,eAAO,MAAM,6BAA6B,MAAM,CAAC"}

package/build/model/utils.js

@@ -23,5 +23,6 @@ export const Z_INDEX_VALUE = {
     ALERT: 8700,
     LOADING: 8999,
 };
-export const MAX_FOLDABLE_SINGLE_WIDTH = 600;
+// Modality / BottomSheet 오버레이의 foldableSingleScreen 전용 단일 화면 최대 가로 길이(px)
+export const OVERLAY_FOLDABLE_SINGLE_WIDTH = 600;
 //# sourceMappingURL=utils.js.map

package/build/model/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/model/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,KAA2B,EAC3B,SAA0B,EACY,EAAE;IACxC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,IAAI,IAAI,CAAC,CAAC;QACtG,OAAO,UAAU,EAAE,CAAC,SAAoC,CAAC,CAAC;IAC9D,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;QAC3E,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IACzB,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC","sourcesContent":["import { StyleProp, TextStyle } from \"react-native\";\n\nexport const extractStyle = (\n    style: StyleProp<TextStyle>,\n    attribute: keyof TextStyle\n): TextStyle[keyof TextStyle] | undefined => {\n    if (Array.isArray(style)) {\n        const foundStyle = style.find(item => typeof item === 'object' && item !== null && attribute in item);\n        return foundStyle?.[attribute as keyof typeof foundStyle];\n    } else if (typeof style === 'object' && style !== null && attribute in style) {\n        return style[attribute];\n    }\n    return undefined;\n};\n\nexport const Z_INDEX_VALUE = {\n    DEFAULT: 8000,\n    MODAL1: 8001,\n    MODAL2: 8002,\n    MODAL3: 8003,\n    MODAL4: 8004,\n    BOTTOM_SHEET1: 8101,\n    BOTTOM_SHEET2: 8102,\n    POPOVER: 8200,\n    BOTTOM_CTA: 8400,\n    ABOVE_KEYBOARD: 8500,\n    SNACKBAR: 8600,\n    ALERT: 8700,\n    LOADING: 8999,\n};\n\nexport const MAX_FOLDABLE_SINGLE_WIDTH = 600;"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/model/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,KAA2B,EAC3B,SAA0B,EACY,EAAE;IACxC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;QACvB,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,IAAI,SAAS,IAAI,IAAI,CAAC,CAAC;QACtG,OAAO,UAAU,EAAE,CAAC,SAAoC,CAAC,CAAC;IAC9D,CAAC;SAAM,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,SAAS,IAAI,KAAK,EAAE,CAAC;QAC3E,OAAO,KAAK,CAAC,SAAS,CAAC,CAAC;IAC5B,CAAC;IACD,OAAO,SAAS,CAAC;AACrB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG;IACzB,OAAO,EAAE,IAAI;IACb,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,MAAM,EAAE,IAAI;IACZ,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,IAAI;IACnB,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,IAAI;IACd,KAAK,EAAE,IAAI;IACX,OAAO,EAAE,IAAI;CAChB,CAAC;AAEF,0EAA0E;AAC1E,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,CAAC","sourcesContent":["import { StyleProp, TextStyle } from \"react-native\";\n\nexport const extractStyle = (\n    style: StyleProp<TextStyle>,\n    attribute: keyof TextStyle\n): TextStyle[keyof TextStyle] | undefined => {\n    if (Array.isArray(style)) {\n        const foundStyle = style.find(item => typeof item === 'object' && item !== null && attribute in item);\n        return foundStyle?.[attribute as keyof typeof foundStyle];\n    } else if (typeof style === 'object' && style !== null && attribute in style) {\n        return style[attribute];\n    }\n    return undefined;\n};\n\nexport const Z_INDEX_VALUE = {\n    DEFAULT: 8000,\n    MODAL1: 8001,\n    MODAL2: 8002,\n    MODAL3: 8003,\n    MODAL4: 8004,\n    BOTTOM_SHEET1: 8101,\n    BOTTOM_SHEET2: 8102,\n    POPOVER: 8200,\n    BOTTOM_CTA: 8400,\n    ABOVE_KEYBOARD: 8500,\n    SNACKBAR: 8600,\n    ALERT: 8700,\n    LOADING: 8999,\n};\n\n// Modality / BottomSheet 오버레이의 foldableSingleScreen 전용 단일 화면 최대 가로 길이(px)\nexport const OVERLAY_FOLDABLE_SINGLE_WIDTH = 600;"]}

package/build/overlay/AlertOverlay/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ShowAlertProps } from '../../model/types';
-declare function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, }: ShowAlertProps): React.JSX.Element | null;
+declare function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, primaryButtonTextStyle, }: ShowAlertProps): import("react").JSX.Element | null;
 export default AlertOverlay;
 //# sourceMappingURL=index.d.ts.map

package/build/overlay/AlertOverlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAgB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAWjE,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,GACzB,EAAE,cAAc,4BAkEhB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUjE,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,GACvB,EAAE,cAAc,sCAyDhB;AAED,eAAe,YAAY,CAAC"}

package/build/overlay/AlertOverlay/index.js

@@ -1,18 +1,19 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from 'react';
-import { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';
+import { StyleSheet, TouchableOpacity, useWindowDimensions } from 'react-native';
 import Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';
 import { useAlert } from '../../model/useOverlay';
 import { useTheme } from '../../context/ThemeContext';
 import ModalBackground from '../ui/ModalBackground';
 import ViewAtom from '../../ui/atoms/ViewAtom';
 import { Z_INDEX_VALUE } from '../../model/utils';
+import { DURATION, RADIUS } from '../../theme/tokens';
 import ZSText from '../../ui/ZSText';
-const windowWidth = Dimensions.get('window').width;
-function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, }) {
+function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, primaryButtonTextStyle, }) {
     const { alertVisible, setAlertVisible } = useAlert();
     const { palette: { background, primary: primaryColor, modalBgColor } } = useTheme();
     const styles = useMemo(() => createStyles({ background }), [background]);
+    const { width: windowWidth } = useWindowDimensions();
     const modalWidth = Math.min(windowWidth - 60, 400);
     const { primary, secondary } = actions || {};
     const handleButtonPress = useCallback((onPressFunction) => () => {
@@ -22,11 +23,11 @@ function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, tit
     }, [setAlertVisible]);
     return (!alertVisible ? null :
         _jsx(ModalBackground, { zIndex: Z_INDEX_VALUE.ALERT, modalBgColor: modalBgColor, onPress: () => { if (isBackgroundTouchClose)
-                setAlertVisible(false); }, children: _jsxs(Animated.View, { entering: FadeInDown.duration(300), exiting: FadeOutDown.duration(100), style: [styles.contentContainer, { width: modalWidth }], children: [title && (_jsx(ZSText, { typo: 'subTitle.1', style: [styles.title, titleStyle], children: title })), informative && (_jsx(ZSText, { typo: 'body.2', style: [styles.informative, informativeStyle], children: informative })), actions && (_jsx(ViewAtom, { style: styles.buttonContainer, children: secondary ? (_jsxs(_Fragment, { children: [_jsx(TouchableOpacity, { style: [
-                                        styles.button,
-                                        { backgroundColor: background.neutral, marginRight: 8 },
-                                        secondaryButtonStyle
-                                    ], onPress: handleButtonPress(secondary?.onPress), children: _jsx(ZSText, { typo: 'label.2', style: [secondaryButtonTextStyle], children: secondary.label }) }), _jsx(TouchableOpacity, { style: [styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle], onPress: handleButtonPress(primary?.onPress), children: _jsx(ZSText, { typo: 'label.2', color: 'white', style: [secondaryButtonTextStyle], children: primary?.label || '확인' }) })] })) : (_jsx(TouchableOpacity, { style: [styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle], onPress: handleButtonPress(primary?.onPress), children: _jsx(ZSText, { typo: 'label.2', color: 'white', style: [secondaryButtonTextStyle], children: primary?.label || '확인' }) })) }))] }) }, alertVisible ? 'visibleao' : 'hiddenao'));
+                setAlertVisible(false); }, children: _jsxs(Animated.View, { entering: FadeInDown.duration(DURATION.enter), exiting: FadeOutDown.duration(DURATION.press), style: [styles.contentContainer, { width: modalWidth }], children: [title && (_jsx(ZSText, { typo: 'subTitle.1', style: [styles.title, titleStyle], children: title })), informative && (_jsx(ZSText, { typo: 'body.2', style: [styles.informative, informativeStyle], children: informative })), actions && (_jsxs(ViewAtom, { style: styles.buttonContainer, children: [secondary && (_jsx(TouchableOpacity, { style: [
+                                    styles.button,
+                                    { backgroundColor: background.neutral },
+                                    secondaryButtonStyle
+                                ], onPress: handleButtonPress(secondary?.onPress), children: _jsx(ZSText, { typo: 'label.2', style: [secondaryButtonTextStyle], children: secondary.label }) })), _jsx(TouchableOpacity, { style: [styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle], onPress: handleButtonPress(primary?.onPress), children: _jsx(ZSText, { typo: 'label.2', color: 'white', style: [primaryButtonTextStyle], children: primary?.label || '확인' }) })] }))] }) }, alertVisible ? 'visibleao' : 'hiddenao'));
 }
 export default AlertOverlay;
 const createStyles = ({ background }) => StyleSheet.create({
@@ -46,13 +47,14 @@ const createStyles = ({ background }) => StyleSheet.create({
         marginTop: 24,
         alignItems: 'center',
         justifyContent: 'flex-end',
+        gap: 8,
     },
     button: {
         flex: 1,
         justifyContent: 'center',
         alignItems: 'center',
         paddingVertical: 14,
-        borderRadius: 12,
+        borderRadius: RADIUS.md,
     },
     avoidingView: {
         flex: 1,
@@ -61,7 +63,7 @@ const createStyles = ({ background }) => StyleSheet.create({
     contentContainer: {
         alignItems: 'center',
         backgroundColor: background.base,
-        borderRadius: 22,
+        borderRadius: RADIUS.xxl,
         paddingBottom: 18,
         paddingTop: 24,
         paddingHorizontal: 20,

package/build/overlay/AlertOverlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { Dimensions, StyleSheet, TouchableOpacity } from 'react-native';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\nimport { AlertActions, ShowAlertProps } from '../../model/types';\nimport { useAlert } from '../../model/useOverlay';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ThemeBackground } from '../../theme/types';\nimport ModalBackground from '../ui/ModalBackground';\nimport ViewAtom from '../../ui/atoms/ViewAtom';\nimport { Z_INDEX_VALUE } from '../../model/utils';\nimport ZSText from '../../ui/ZSText';\n\nconst windowWidth = Dimensions.get('window').width;\n\nfunction AlertOverlay({\n  actions,\n  title,\n  informative,\n  isBackgroundTouchClose,\n  titleStyle,\n  informativeStyle,\n  secondaryButtonStyle,\n  primaryButtonStyle,\n  secondaryButtonTextStyle,\n}: ShowAlertProps) {\n  const { alertVisible, setAlertVisible } = useAlert();\n  const { palette: { background, primary: primaryColor, modalBgColor } } = useTheme();\n  const styles = useMemo(() => createStyles({ background }), [background]);\n  const modalWidth = Math.min(windowWidth - 60, 400);\n  const { primary, secondary } = actions || {} as AlertActions;\n\n  const handleButtonPress = useCallback((onPressFunction?: () => void) => () => {\n    if (onPressFunction) onPressFunction();\n    setAlertVisible(false);\n  }, [setAlertVisible]);\n\n  return (\n    !alertVisible ? null :\n      <ModalBackground\n        zIndex={Z_INDEX_VALUE.ALERT}\n        key={alertVisible ? 'visibleao' : 'hiddenao'}\n        modalBgColor={modalBgColor}\n        onPress={() => { if (isBackgroundTouchClose) setAlertVisible(false); }}\n      >\n        <Animated.View\n          entering={FadeInDown.duration(300)}\n          exiting={FadeOutDown.duration(100)}\n          style={[styles.contentContainer, { width: modalWidth }]}\n        >\n          {title && (\n            <ZSText typo='subTitle.1' style={[styles.title, titleStyle]}>{title}</ZSText>\n          )}\n          {informative && (\n            <ZSText typo='body.2' style={[styles.informative, informativeStyle]}>{informative}</ZSText>\n          )}\n          {actions && (\n            <ViewAtom style={styles.buttonContainer}>\n              {secondary ? (\n                <>\n                  <TouchableOpacity\n                    style={[\n                      styles.button,\n                      { backgroundColor: background.neutral, marginRight: 8 },\n                      secondaryButtonStyle\n                    ]}\n                    onPress={handleButtonPress(secondary?.onPress)}\n                  >\n                    <ZSText typo='label.2' style={[secondaryButtonTextStyle]}>{secondary.label}</ZSText>\n                  </TouchableOpacity>\n\n                  <TouchableOpacity\n                    style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]}\n                    onPress={handleButtonPress(primary?.onPress)}\n                  >\n                    <ZSText typo='label.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>\n                  </TouchableOpacity>\n                </>\n              ) : (\n                <TouchableOpacity\n                  style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]}\n                  onPress={handleButtonPress(primary?.onPress)}\n                >\n                  <ZSText typo='label.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>\n                </TouchableOpacity>\n              )}\n            </ViewAtom>\n          )}\n        </Animated.View>\n      </ModalBackground>\n  )\n}\n\nexport default AlertOverlay;\n\nconst createStyles = ({ background }: { background: ThemeBackground; }) =>\n  StyleSheet.create({\n    title: {\n      marginBottom: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    informative: {\n      marginTop: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    buttonContainer: {\n      flexDirection: 'row',\n      width: '100%',\n      marginTop: 24,\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n    },\n    button: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 14,\n      borderRadius: 12,\n    },\n    avoidingView: {\n      flex: 1,\n      justifyContent: 'center'\n    },\n    contentContainer: {\n      alignItems: 'center',\n      backgroundColor: background.base,\n      borderRadius: 22,\n      paddingBottom: 18,\n      paddingTop: 24,\n      paddingHorizontal: 20,\n    },\n  });\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { StyleSheet, TouchableOpacity, useWindowDimensions } from 'react-native';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\nimport { AlertActions, ShowAlertProps } from '../../model/types';\nimport { useAlert } from '../../model/useOverlay';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ThemeBackground } from '../../theme/types';\nimport ModalBackground from '../ui/ModalBackground';\nimport ViewAtom from '../../ui/atoms/ViewAtom';\nimport { Z_INDEX_VALUE } from '../../model/utils';\nimport { DURATION, RADIUS } from '../../theme/tokens';\nimport ZSText from '../../ui/ZSText';\n\nfunction AlertOverlay({\n  actions,\n  title,\n  informative,\n  isBackgroundTouchClose,\n  titleStyle,\n  informativeStyle,\n  secondaryButtonStyle,\n  primaryButtonStyle,\n  secondaryButtonTextStyle,\n  primaryButtonTextStyle,\n}: ShowAlertProps) {\n  const { alertVisible, setAlertVisible } = useAlert();\n  const { palette: { background, primary: primaryColor, modalBgColor } } = useTheme();\n  const styles = useMemo(() => createStyles({ background }), [background]);\n  const { width: windowWidth } = useWindowDimensions();\n  const modalWidth = Math.min(windowWidth - 60, 400);\n  const { primary, secondary } = actions || {} as AlertActions;\n\n  const handleButtonPress = useCallback((onPressFunction?: () => void) => () => {\n    if (onPressFunction) onPressFunction();\n    setAlertVisible(false);\n  }, [setAlertVisible]);\n\n  return (\n    !alertVisible ? null :\n      <ModalBackground\n        zIndex={Z_INDEX_VALUE.ALERT}\n        key={alertVisible ? 'visibleao' : 'hiddenao'}\n        modalBgColor={modalBgColor}\n        onPress={() => { if (isBackgroundTouchClose) setAlertVisible(false); }}\n      >\n        <Animated.View\n          entering={FadeInDown.duration(DURATION.enter)}\n          exiting={FadeOutDown.duration(DURATION.press)}\n          style={[styles.contentContainer, { width: modalWidth }]}\n        >\n          {title && (\n            <ZSText typo='subTitle.1' style={[styles.title, titleStyle]}>{title}</ZSText>\n          )}\n          {informative && (\n            <ZSText typo='body.2' style={[styles.informative, informativeStyle]}>{informative}</ZSText>\n          )}\n          {actions && (\n            <ViewAtom style={styles.buttonContainer}>\n              {secondary && (\n                <TouchableOpacity\n                  style={[\n                    styles.button,\n                    { backgroundColor: background.neutral },\n                    secondaryButtonStyle\n                  ]}\n                  onPress={handleButtonPress(secondary?.onPress)}\n                >\n                  <ZSText typo='label.2' style={[secondaryButtonTextStyle]}>{secondary.label}</ZSText>\n                </TouchableOpacity>\n              )}\n              <TouchableOpacity\n                style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]}\n                onPress={handleButtonPress(primary?.onPress)}\n              >\n                <ZSText typo='label.2' color='white' style={[primaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>\n              </TouchableOpacity>\n            </ViewAtom>\n          )}\n        </Animated.View>\n      </ModalBackground>\n  )\n}\n\nexport default AlertOverlay;\n\nconst createStyles = ({ background }: { background: ThemeBackground; }) =>\n  StyleSheet.create({\n    title: {\n      marginBottom: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    informative: {\n      marginTop: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    buttonContainer: {\n      flexDirection: 'row',\n      width: '100%',\n      marginTop: 24,\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: 8,\n    },\n    button: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 14,\n      borderRadius: RADIUS.md,\n    },\n    avoidingView: {\n      flex: 1,\n      justifyContent: 'center'\n    },\n    contentContainer: {\n      alignItems: 'center',\n      backgroundColor: background.base,\n      borderRadius: RADIUS.xxl,\n      paddingBottom: 18,\n      paddingTop: 24,\n      paddingHorizontal: 20,\n    },\n  });\n"]}

package/build/overlay/BottomSheetOverlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/BottomSheetOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AA0CzD,iBAAS,kBAAkB,CAAC,EAC1B,eAAe,EACf,SAAS,EACT,OAAY,GACb,EAAE,oBAAoB,4BA4QtB;AA0CD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/BottomSheetOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAkDzD,iBAAS,kBAAkB,CAAC,EAC1B,eAAe,EACf,SAAS,EACT,OAAY,GACb,EAAE,oBAAoB,4BAgRtB;AA0CD,eAAe,kBAAkB,CAAC"}

package/build/overlay/BottomSheetOverlay/index.js

@@ -6,7 +6,8 @@ import Animated, { useAnimatedStyle, useSharedValue, withSpring, withTiming } fr
 import ModalBackground from '../ui/ModalBackground';
 import { useTheme } from '../../context/ThemeContext';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { MAX_FOLDABLE_SINGLE_WIDTH, Z_INDEX_VALUE } from '../../model/utils';
+import { OVERLAY_FOLDABLE_SINGLE_WIDTH, Z_INDEX_VALUE } from '../../model/utils';
+import { RADIUS } from '../../theme/tokens';
 import useKeyboard from '../../model/useKeyboard';
 import useFoldingState from '../../model/useFoldingState';
 const IS_IOS = Platform.OS === 'ios';
@@ -22,6 +23,13 @@ const ANIMATION_CONFIG = {
         velocity: 100,
         restDisplacementThreshold: 0.2,
     },
+    restore: {
+        damping: 26,
+        stiffness: 260,
+        mass: 0.85,
+        restDisplacementThreshold: 0.1,
+        restSpeedThreshold: 2,
+    },
     close: { duration: 150 },
     scale: { duration: 200 },
     scaleRestore: {
@@ -38,7 +46,7 @@ const GESTURE_CONSTANTS = {
     closeDistanceRatio: 1 / 3,
     minimumCloseDistance: 80,
     hideDelay: 200,
-    moveThreshold: 10, // 드래그로 인식하기 위한 최소 이동 거리 (px)
+    moveThreshold: 10,
 };
 const getSafeFiniteNumber = (value, fallback) => Number.isFinite(value) ? value : fallback;
 function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
@@ -85,12 +93,12 @@ function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
         handleKeyboardShow,
         handleKeyboardHide,
     });
-    // BottomSheet 표시/숨김 애니메이션 처리
     useEffect(() => {
         let timeoutId;
         if (bottomSheetVisible) {
             closingOffsetRef.current = latestCloseOffsetRef.current;
             Keyboard.dismiss();
+            translateY.value = latestCloseOffsetRef.current;
             setLocalVisible(true);
             translateY.value = withSpring(0, ANIMATION_CONFIG.spring);
         }
@@ -158,7 +166,8 @@ function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
     }, []);
     const handlePanResponderRelease = useCallback((_, gestureState) => {
         isGesturing.value = false;
-        translateX.value = withTiming(0, { duration: 100 });
+        const xVelocity = (gestureState.vx / GESTURE_CONSTANTS.horizontalDamping) * 1000;
+        translateX.value = withSpring(0, { ...ANIMATION_CONFIG.restore, velocity: xVelocity });
         const dismissThresholdHeight = sheetHeight > 0 ? sheetHeight : constrainedMaxHeight;
         const dismissDistanceThreshold = Math.max(dismissThresholdHeight * GESTURE_CONSTANTS.closeDistanceRatio, GESTURE_CONSTANTS.minimumCloseDistance);
         const shouldClose = gestureState.vy > GESTURE_CONSTANTS.closeVelocityThreshold ||
@@ -170,7 +179,11 @@ function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
             closeBottomSheet();
         }
         else {
-            translateY.value = withTiming(0, ANIMATION_CONFIG.close);
+            const yDamping = translateY.value >= 0
+                ? GESTURE_CONSTANTS.verticalDownDamping
+                : GESTURE_CONSTANTS.verticalUpDamping;
+            const yVelocity = (gestureState.vy / yDamping) * 1000;
+            translateY.value = withSpring(0, { ...ANIMATION_CONFIG.restore, velocity: yVelocity });
         }
         scale.value = withSpring(1, ANIMATION_CONFIG.scaleRestore);
     }, [closeBottomSheet, constrainedMaxHeight, sheetHeight]);
@@ -178,7 +191,6 @@ function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
         onStartShouldSetPanResponder: () => false,
         onStartShouldSetPanResponderCapture: () => false,
         onMoveShouldSetPanResponder: (_, gestureState) => {
-            // 일정 거리 이상 이동했을 때만 PanResponder가 응답 (탭과 드래그 구분)
             const { dx, dy } = gestureState;
             return Math.abs(dx) > GESTURE_CONSTANTS.moveThreshold || Math.abs(dy) > GESTURE_CONSTANTS.moveThreshold;
         },
@@ -187,7 +199,6 @@ function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
         onPanResponderMove: handlePanResponderMove,
         onPanResponderRelease: handlePanResponderRelease,
     }), [handlePanResponderGrant, handlePanResponderMove, handlePanResponderRelease]);
-    // 배경 터치 핸들러
     const handleBackgroundPress = useCallback(() => {
         if (isBackgroundTouchClose)
             setBottomSheetVisible(false);
@@ -206,12 +217,12 @@ function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
         containerHeightStyle,
         {
             width: options.type === 'fixed' ? '100%' : windowWidth - marginHorizontal * 2,
-            maxWidth: foldableSingleScreen ? MAX_FOLDABLE_SINGLE_WIDTH : '100%',
+            maxWidth: foldableSingleScreen ? OVERLAY_FOLDABLE_SINGLE_WIDTH : '100%',
             marginHorizontal: options.type === 'fixed' ? 0 : marginHorizontal,
             bottom: options.type === 'fixed' ? 0 : marginBottom + bottomInsets,
             paddingBottom: options.type === 'fixed' ? bottomInsets : 0,
             backgroundColor: palette.background.base,
-            ...(options.type === 'fixed' ? { borderTopLeftRadius: 26, borderTopRightRadius: 26, borderBottomLeftRadius: 0, borderBottomRightRadius: 0 } : { borderRadius: 26 }),
+            ...(options.type === 'fixed' ? { borderTopLeftRadius: RADIUS.sheet, borderTopRightRadius: RADIUS.sheet, borderBottomLeftRadius: 0, borderBottomRightRadius: 0 } : { borderRadius: RADIUS.sheet }),
         },
         animatedStyles,
     ];
@@ -240,7 +251,7 @@ function BottomSheetOverlay({ headerComponent, component, options = {}, }) {
 const styles = StyleSheet.create({
     container: {
         position: 'absolute',
-        borderRadius: 26,
+        borderRadius: RADIUS.sheet,
         overflow: 'hidden',
         zIndex: Z_INDEX_VALUE.BOTTOM_SHEET2,
     },
@@ -273,7 +284,7 @@ const styles = StyleSheet.create({
     gestureBar: {
         width: 45,
         height: 3,
-        borderRadius: 2,
+        borderRadius: 1.5,
     },
 });
 export default BottomSheetOverlay;