@0610studio/zs-ui 0.7.2 → 0.7.4

package/build/index.d.ts

@@ -14,8 +14,8 @@ import ZSAboveKeyboard from "./ui/ZSAboveKeyboard";
 import { ZSContainerRef } from "./ui/ZSContainer";
 import { ZSTextProps } from "./ui/ZSText";
 import { BoxStyle } from "./ui/ZSTextField";
-import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu } from './overlay';
-export { useTheme, OverlayProvider, ThemeProvider, ZSBottomCta, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ErrorComponent, ZSAboveKeyboard, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, };
+import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, ZSPortal } from './overlay';
+export { useTheme, OverlayProvider, ThemeProvider, ZSBottomCta, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ErrorComponent, ZSAboveKeyboard, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, ZSPortal, };
 import type { ThemeProviderProps, ThemeProps, Palette } from "./model/useThemeProvider";
 import { ColorPalette, ColorPaletteExtend, ThemeTextType, ThemeBorderType, ThemeBackground, MainColors, Theme, TypographyVariants, ThemeFonts, TypoNumber, TypographyVariantsProps, TypoStyle, TypoOptions, TypoSubStyle, TypoColorOptions } from "./theme/types";
 import { SnackItem, ShowAlertProps, ShowSnackBarProps, ShowBottomSheetProps, PopOverMenuProps, CustomSnackbarProps, OverlayProviderProps, AlertAction, AlertActions, SnackType, HideOption, BottomSheetOptions } from "./model/types";

package/build/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EAEb,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EAEf,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,GACZ,CAAC;AAIF,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,kBAAkB,EACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,WAAW,EACX,cAAc,EACf,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACT,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EAEb,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe,EAEf,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,GACT,CAAC;AAIF,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,gBAAgB,EACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,kBAAkB,EACnB,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,kBAAkB,EAClB,UAAU,EACV,OAAO,EACP,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,eAAe,EACf,eAAe,EACf,UAAU,EACV,KAAK,EACL,kBAAkB,EAClB,UAAU,EACV,UAAU,EACV,uBAAuB,EACvB,SAAS,EACT,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,SAAS,EACT,cAAc,EACd,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,kBAAkB,EAClB,WAAW,EACX,WAAW,EACX,WAAW,EACX,cAAc,EACf,CAAC"}

package/build/index.js

@@ -11,10 +11,10 @@ import ZSView from './ui/ZSView';
 import AnimatedWrapper from './ui/atoms/AnimatedWrapper';
 import TextAtom from './ui/atoms/TextAtom';
 import ZSAboveKeyboard from "./ui/ZSAboveKeyboard";
-import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, } from './overlay';
+import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, ZSPortal, } from './overlay';
 export { useTheme, OverlayProvider, ThemeProvider, 
 // ---
 ZSBottomCta, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ErrorComponent, ZSAboveKeyboard, 
 // ---
-AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, };
+AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, ZSPortal, };
 //# sourceMappingURL=index.js.map

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,GACd,MAAM,SAAS,CAAA;AAEhB,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAKnD,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa;AACb,MAAM;AACN,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe;AACf,MAAM;AACN,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,GACZ,CAAC","sourcesContent":["import {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n} from './model'\n\nimport ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';\nimport ZSContainer from './ui/ZSContainer';\nimport ZSPressable from './ui/ZSPressable';\nimport ZSText from './ui/ZSText';\nimport ThrottleButton from './ui/ThrottleButton';\nimport ZSTextField from './ui/ZSTextField';\nimport ZSRadioGroup from './ui/ZSRadioGroup';\nimport ZSBottomCta from './ui/ZSBottomCta';\nimport ZSView from './ui/ZSView';\nimport AnimatedWrapper from './ui/atoms/AnimatedWrapper';\nimport TextAtom from './ui/atoms/TextAtom';\nimport ZSAboveKeyboard from \"./ui/ZSAboveKeyboard\";\nimport { ZSContainerRef } from \"./ui/ZSContainer\";\nimport { ZSTextProps } from \"./ui/ZSText\";\nimport { BoxStyle } from \"./ui/ZSTextField\";\n\nimport {\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n} from './overlay';\n\nexport {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n  // ---\n  ZSBottomCta,\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ErrorComponent,\n  ZSAboveKeyboard,\n  // ---\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n};\n\n// ------------------------------------------------------\n\nimport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n} from \"./model/useThemeProvider\";\nimport {\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBorderType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions\n} from \"./theme/types\";\nimport {\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions\n} from \"./model/types\";\nimport {\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n} from \"./ui/types\";\n\nexport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n  ZSTextProps,\n  BoxStyle,\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBorderType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions,\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions,\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n  ZSContainerRef\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,GACd,MAAM,SAAS,CAAA;AAEhB,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAKnD,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,GACT,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa;AACb,MAAM;AACN,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,eAAe;AACf,MAAM;AACN,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,GACT,CAAC","sourcesContent":["import {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n} from './model'\n\nimport ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';\nimport ZSContainer from './ui/ZSContainer';\nimport ZSPressable from './ui/ZSPressable';\nimport ZSText from './ui/ZSText';\nimport ThrottleButton from './ui/ThrottleButton';\nimport ZSTextField from './ui/ZSTextField';\nimport ZSRadioGroup from './ui/ZSRadioGroup';\nimport ZSBottomCta from './ui/ZSBottomCta';\nimport ZSView from './ui/ZSView';\nimport AnimatedWrapper from './ui/atoms/AnimatedWrapper';\nimport TextAtom from './ui/atoms/TextAtom';\nimport ZSAboveKeyboard from \"./ui/ZSAboveKeyboard\";\nimport { ZSContainerRef } from \"./ui/ZSContainer\";\nimport { ZSTextProps } from \"./ui/ZSText\";\nimport { BoxStyle } from \"./ui/ZSTextField\";\n\nimport {\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  ZSPortal,\n} from './overlay';\n\nexport {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n  // ---\n  ZSBottomCta,\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ErrorComponent,\n  ZSAboveKeyboard,\n  // ---\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  ZSPortal,\n};\n\n// ------------------------------------------------------\n\nimport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n} from \"./model/useThemeProvider\";\nimport {\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBorderType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions\n} from \"./theme/types\";\nimport {\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions\n} from \"./model/types\";\nimport {\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n} from \"./ui/types\";\n\nexport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n  ZSTextProps,\n  BoxStyle,\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBorderType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions,\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions,\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n  ZSContainerRef\n};\n"]}

package/build/model/types.d.ts

@@ -81,7 +81,7 @@ export interface SnackItem {
     snackbarDuration?: number;
 }
 export type SnackType = 'success' | 'error' | '';
-export type HideOption = 'all' | 'snack' | 'alert' | 'bottomSheet' | 'loader' | 'popOver' | 'modal';
+export type HideOption = 'all' | 'snack' | 'alert' | 'bottomSheet' | 'loader' | 'popOver' | 'modal' | 'aboveKeyboard';
 export interface ShowSnackBarProps {
     message: string;
     type?: SnackType;
@@ -100,4 +100,8 @@ export interface ShowBottomSheetProps {
     component: React.ReactNode;
     options?: BottomSheetOptions;
 }
+export interface AboveKeyboardOptions {
+    keyboardShowOffset?: number;
+    keyboardHideOffset?: number;
+}
 //# sourceMappingURL=types.d.ts.map

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":"","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: number;\n    setHeight: (height: number) => void;\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}\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    singleButtonTextStyle?: 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';\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?: number;\n    padding?: number;\n}\n\nexport interface ShowBottomSheetProps {\n    headerComponent?: React.ReactNode;\n    component: React.ReactNode;\n    options?: BottomSheetOptions;\n}"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"","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: number;\n    setHeight: (height: number) => void;\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}\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    singleButtonTextStyle?: 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?: number;\n    padding?: number;\n}\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}"]}

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

@@ -1 +1 @@
-{"version":3,"file":"useOverlayProvider.d.ts","sourceRoot":"","sources":["../../src/model/useOverlayProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+D,oBAAoB,EAAwF,MAAM,SAAS,CAAC;AAQlM,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,gBAAoB,EACpB,eAAe,EACf,QAAQ,EACT,EAAE,oBAAoB,+BAqStB"}
+{"version":3,"file":"useOverlayProvider.d.ts","sourceRoot":"","sources":["../../src/model/useOverlayProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+D,oBAAoB,EAAwF,MAAM,SAAS,CAAC;AASlM,wBAAgB,eAAe,CAAC,EAC9B,cAAc,EACd,gBAAoB,EACpB,eAAe,EACf,QAAQ,EACT,EAAE,oBAAoB,+BAuStB"}

package/build/model/useOverlayProvider.js

@@ -7,6 +7,7 @@ import BottomSheetOverlay from '../overlay/BottomSheetOverlay';
 import LoadingNotify from '../overlay/LoadingNotify';
 import PopOverMenu from '../overlay/PopOver/PopOverMenu';
 import Modality from '../overlay/Modality';
+import { PortalProvider } from '../overlay/ZSPortal';
 export function OverlayProvider({ customSnackbar, maxSnackbarCount = 3, loaderComponent, children }) {
     // Alert
     const [title, setTitle] = useState('');
@@ -203,19 +204,21 @@ export function OverlayProvider({ customSnackbar, maxSnackbarCount = 3, loaderCo
             <PopOverContext.Provider value={popOverContextValue}>
               <ModalityContext.Provider value={modalityContextValue}>
                 <LoaderContext.Provider value={loaderContextValue}>
-                  {children}
+                  <PortalProvider>
+                      {children}
 
-                  <Modality modalityComponent={modalityComponent}/>
+                      <Modality modalityComponent={modalityComponent}/>
 
-                  <BottomSheetOverlay headerComponent={bottomSheetHeader} component={bottomSheetComponent} options={bottomSheetOptions}/>
+                      <BottomSheetOverlay headerComponent={bottomSheetHeader} component={bottomSheetComponent} options={bottomSheetOptions}/>
 
-                  <PopOverMenu px={popOverLocation?.px} py={popOverLocation?.py} component={popOverComponent}/>
+                      <PopOverMenu px={popOverLocation?.px} py={popOverLocation?.py} component={popOverComponent}/>
 
-                  <AlertOverlay title={title} informative={informative} actions={actions || {}} isBackgroundTouchClose={isBackgroundTouchClose} titleStyle={titleStyle} informativeStyle={informativeStyle} secondaryButtonStyle={secondaryButtonStyle} primaryButtonStyle={primaryButtonStyle} secondaryButtonTextStyle={secondaryButtonTextStyle} primaryButtonTextStyle={primaryButtonTextStyle} singleButtonTextStyle={singleButtonTextStyle}/>
+                      <AlertOverlay title={title} informative={informative} actions={actions || {}} isBackgroundTouchClose={isBackgroundTouchClose} titleStyle={titleStyle} informativeStyle={informativeStyle} secondaryButtonStyle={secondaryButtonStyle} primaryButtonStyle={primaryButtonStyle} secondaryButtonTextStyle={secondaryButtonTextStyle} primaryButtonTextStyle={primaryButtonTextStyle} singleButtonTextStyle={singleButtonTextStyle}/>
 
-                  <SnackbarNotify customSnackbar={customSnackbar}/>
+                      <SnackbarNotify customSnackbar={customSnackbar}/>
 
-                  <LoadingNotify loaderComponent={loaderComponent}/>
+                      <LoadingNotify loaderComponent={loaderComponent}/>
+                  </PortalProvider>
                 </LoaderContext.Provider>
               </ModalityContext.Provider>
             </PopOverContext.Provider>

package/build/model/useOverlayProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlayProvider.js","sourceRoot":"","sources":["../../src/model/useOverlayProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { BackHandler, Keyboard, TextProps, TouchableOpacityProps } from 'react-native';\nimport { AlertContext, SnackbarContext, BottomSheetContext, PopOverContext, ModalityContext, LoaderContext, OverlayContext } from './useOverlay';\nimport { AlertActions, BottomSheetOptions, HideOption, ModalityProps, OverlayProviderProps, PopOverMenuProps, ShowAlertProps, ShowBottomSheetProps, ShowSnackBarProps, SnackItem } from './types';\nimport AlertOverlay from '../overlay/AlertOverlay';\nimport SnackbarNotify from '../overlay/SnackbarNotify';\nimport BottomSheetOverlay from '../overlay/BottomSheetOverlay';\nimport LoadingNotify from '../overlay/LoadingNotify';\nimport PopOverMenu from '../overlay/PopOver/PopOverMenu';\nimport Modality from '../overlay/Modality';\n\nexport function OverlayProvider({\n  customSnackbar,\n  maxSnackbarCount = 3,\n  loaderComponent,\n  children\n}: OverlayProviderProps) {\n  // Alert\n  const [title, setTitle] = useState<string>('');\n  const [informative, setInformative] = useState<string>('');\n  const [alertVisible, setAlertVisible] = useState<boolean>(false);\n  const [actions, setActions] = useState<AlertActions>();\n  const [isBackgroundTouchClose, setIsBackgroundTouchClose] = useState<boolean>(true);\n  const [titleStyle, setTitleStyle] = useState<TextProps['style']>();\n  const [informativeStyle, setInformativeStyle] = useState<TextProps['style']>();\n  const [secondaryButtonStyle, setSecondaryButtonStyle] = useState<TouchableOpacityProps['style']>();\n  const [primaryButtonStyle, setPrimaryButtonStyle] = useState<TouchableOpacityProps['style']>();\n  const [secondaryButtonTextStyle, setSecondaryButtonTextStyle] = useState<TextProps['style']>();\n  const [primaryButtonTextStyle, setPrimaryButtonTextStyle] = useState<TextProps['style']>();\n  const [singleButtonTextStyle, setSingleButtonTextStyle] = useState<TextProps['style']>();\n\n  // Snackbar\n  const [snackItemStack, setSnackItemStack] = useState<SnackItem[]>([]);\n\n  // BottomSheet\n  const [bottomSheetVisible, setBottomSheetVisible] = useState<boolean>(false);\n  const [bottomSheetComponent, setBottomSheetComponent] = useState<React.ReactNode>(null);\n  const [bottomSheetHeader, setBottomSheetHeader] = useState<React.ReactNode>(null);\n  const [bottomSheetOptions, setBottomSheetOptions] = useState<BottomSheetOptions>();\n  const [bottomSheetHeight, setBottomSheetHeight] = useState<number>(300);\n\n  // Loading\n  const [loaderVisible, setLoaderVisible] = useState<boolean>(false);\n\n  // PopOver\n  const [popOverVisible, setPopOverVisible] = useState<boolean>(false);\n  const [popOverLocation, setPopOverLocation] = useState<{ px: PopOverMenuProps['px'], py: PopOverMenuProps['py'] }>({ px: 0, py: 0 });\n  const [popOverComponent, setPopOverComponent] = useState<React.ReactNode>(false);\n\n  // Modality\n  const [modalityVisible, setModalityVisible] = useState<boolean>(false);\n  const [modalityComponent, setModalityComponent] = useState<React.ReactNode>(false);\n\n  const showAlert = ({\n    title,\n    informative,\n    actions,\n    isBackgroundTouchClose = true,\n    titleStyle,\n    informativeStyle,\n    secondaryButtonStyle,\n    primaryButtonStyle,\n    secondaryButtonTextStyle,\n    primaryButtonTextStyle,\n    singleButtonTextStyle,\n  }: ShowAlertProps) => {\n    Keyboard.dismiss();\n    setTitle(title || '');\n    setInformative(informative || '');\n    setActions(actions || {} as AlertActions);\n    setIsBackgroundTouchClose(isBackgroundTouchClose);\n    setAlertVisible(true);\n\n    setTitleStyle(titleStyle);\n    setInformativeStyle(informativeStyle);\n    setSecondaryButtonStyle(secondaryButtonStyle);\n    setPrimaryButtonStyle(primaryButtonStyle);\n    setSecondaryButtonTextStyle(secondaryButtonTextStyle);\n    setPrimaryButtonTextStyle(primaryButtonTextStyle);\n    setSingleButtonTextStyle(singleButtonTextStyle);\n  };\n\n  const showBottomSheet = ({\n    headerComponent,\n    component,\n    options,\n  }: ShowBottomSheetProps) => {\n    Keyboard.dismiss();\n    setBottomSheetComponent(component);\n    setBottomSheetHeader(headerComponent);\n    setBottomSheetOptions(options);\n    setBottomSheetHeight(options?.height || 300);\n    setBottomSheetVisible(true);\n  };\n\n  const showLoader = () => {\n    setLoaderVisible(true);\n  };\n\n  const showPopOverMenu = ({\n    px,\n    py,\n    component\n  }: PopOverMenuProps) => {\n    Keyboard.dismiss();\n    setPopOverLocation({ px, py });\n    setPopOverComponent(component);\n    setPopOverVisible(true);\n  }\n\n  const showModality = ({\n    component\n  }: ModalityProps) => {\n    Keyboard.dismiss();\n    setModalityComponent(component);\n    setModalityVisible(true);\n  }\n\n  const showSnackBar = ({\n    message,\n    type = 'success',\n    index = Date.now(),\n    snackbarDuration = 3500\n  }: ShowSnackBarProps) => {\n    setSnackItemStack((prev) => {\n      const newStack = [...prev, { message, type, index: index, snackbarDuration: snackbarDuration }];\n      return newStack.length > maxSnackbarCount ? newStack.slice(1) : newStack;\n    });\n  };\n\n  const hideSnackBar = (index: number) => {\n    setSnackItemStack((prev) => prev.filter((item) => item.index !== index));\n  };\n\n  const hideOverlay = useCallback((option: HideOption) => {\n    switch (option) {\n      case 'alert':\n        setAlertVisible(false);\n        break;\n      case 'modal':\n        setModalityVisible(false);\n        break;\n      case 'snack':\n        setSnackItemStack([]);\n        break;\n      case 'bottomSheet':\n        setBottomSheetVisible(false);\n        break;\n      case 'loader':\n        setLoaderVisible(false);\n        break;\n      case 'popOver':\n        setPopOverVisible(false);\n        break;\n      case 'all':\n        setModalityVisible(false);\n        setAlertVisible(false);\n        setSnackItemStack([]);\n        setLoaderVisible(false);\n        setPopOverVisible(false);\n        setBottomSheetVisible(false);\n        break;\n      default:\n        break;\n    };\n  }, []);\n\n  // 안드로이드 뒤로가기 버튼 제어\n  const backPressHandler = useCallback(() => {\n    if (loaderVisible) {\n      return true;\n    }\n    if (alertVisible || modalityVisible || popOverVisible || bottomSheetVisible) {\n      hideOverlay('all');\n      return true;\n    }\n    return false;\n  }, [alertVisible, loaderVisible, modalityVisible, popOverVisible]);\n\n  useEffect(() => {\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backPressHandler);\n    return () => backHandler.remove();\n  }, [backPressHandler]);\n\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n  const overlayContextValue = useMemo(() => ({\n    hideOverlay,\n    showAlert,\n    showSnackBar,\n    showBottomSheet,\n    showPopOverMenu,\n    showModality,\n    showLoader,\n  }), [\n    hideOverlay,\n    showAlert,\n    showSnackBar,\n    showBottomSheet,\n    showPopOverMenu,\n    showModality,\n    showLoader,\n  ]);\n\n  const alertContextValue = useMemo(() => ({\n    alertVisible,\n    setAlertVisible,\n  }), [\n    alertVisible,\n    setAlertVisible,\n  ]);\n\n  const snackbarContextValue = useMemo(() => ({\n    snackItemStack,\n    hideSnackBar,\n  }), [\n    snackItemStack,\n    hideSnackBar,\n  ]);\n\n  const bottomSheetContextValue = useMemo(() => ({\n    bottomSheetVisible,\n    setBottomSheetVisible,\n    height: bottomSheetHeight,\n    setHeight: setBottomSheetHeight,\n  }), [\n    bottomSheetVisible,\n    setBottomSheetVisible,\n    bottomSheetHeight,\n    setBottomSheetHeight,\n  ]);\n\n  const popOverContextValue = useMemo(() => ({\n    popOverVisible,\n    setPopOverVisible,\n  }), [\n    popOverVisible,\n    setPopOverVisible,\n  ]);\n\n  const modalityContextValue = useMemo(() => ({\n    modalityVisible,\n    setModalityVisible,\n  }), [\n    modalityVisible,\n    setModalityVisible,\n  ]);\n\n  const loaderContextValue = useMemo(() => ({\n    loaderVisible,\n    setLoaderVisible,\n  }), [\n    loaderVisible,\n    setLoaderVisible,\n  ]);\n\n  return (\n    <OverlayContext.Provider value={overlayContextValue}>\n      <AlertContext.Provider value={alertContextValue}>\n        <SnackbarContext.Provider value={snackbarContextValue}>\n          <BottomSheetContext.Provider value={bottomSheetContextValue}>\n            <PopOverContext.Provider value={popOverContextValue}>\n              <ModalityContext.Provider value={modalityContextValue}>\n                <LoaderContext.Provider value={loaderContextValue}>\n                  {children}\n\n                  <Modality modalityComponent={modalityComponent} />\n\n                  <BottomSheetOverlay\n                    headerComponent={bottomSheetHeader}\n                    component={bottomSheetComponent}\n                    options={bottomSheetOptions}\n                  />\n\n                  <PopOverMenu\n                    px={popOverLocation?.px}\n                    py={popOverLocation?.py}\n                    component={popOverComponent}\n                  />\n\n                  <AlertOverlay\n                    title={title}\n                    informative={informative}\n                    actions={actions || {} as AlertActions}\n                    isBackgroundTouchClose={isBackgroundTouchClose}\n                    titleStyle={titleStyle}\n                    informativeStyle={informativeStyle}\n                    secondaryButtonStyle={secondaryButtonStyle}\n                    primaryButtonStyle={primaryButtonStyle}\n                    secondaryButtonTextStyle={secondaryButtonTextStyle}\n                    primaryButtonTextStyle={primaryButtonTextStyle}\n                    singleButtonTextStyle={singleButtonTextStyle}\n                  />\n\n                  <SnackbarNotify\n                    customSnackbar={customSnackbar}\n                  />\n\n                  <LoadingNotify\n                    loaderComponent={loaderComponent}\n                  />\n                </LoaderContext.Provider>\n              </ModalityContext.Provider>\n            </PopOverContext.Provider>\n          </BottomSheetContext.Provider>\n        </SnackbarContext.Provider>\n      </AlertContext.Provider>\n    </OverlayContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"useOverlayProvider.js","sourceRoot":"","sources":["../../src/model/useOverlayProvider.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useEffect, useMemo, useState } from 'react';\nimport { BackHandler, Keyboard, TextProps, TouchableOpacityProps } from 'react-native';\nimport { AlertContext, SnackbarContext, BottomSheetContext, PopOverContext, ModalityContext, LoaderContext, OverlayContext } from './useOverlay';\nimport { AlertActions, BottomSheetOptions, HideOption, ModalityProps, OverlayProviderProps, PopOverMenuProps, ShowAlertProps, ShowBottomSheetProps, ShowSnackBarProps, SnackItem } from './types';\nimport AlertOverlay from '../overlay/AlertOverlay';\nimport SnackbarNotify from '../overlay/SnackbarNotify';\nimport BottomSheetOverlay from '../overlay/BottomSheetOverlay';\nimport LoadingNotify from '../overlay/LoadingNotify';\nimport PopOverMenu from '../overlay/PopOver/PopOverMenu';\nimport Modality from '../overlay/Modality';\nimport { PortalProvider } from '../overlay/ZSPortal';\n\nexport function OverlayProvider({\n  customSnackbar,\n  maxSnackbarCount = 3,\n  loaderComponent,\n  children\n}: OverlayProviderProps) {\n  // Alert\n  const [title, setTitle] = useState<string>('');\n  const [informative, setInformative] = useState<string>('');\n  const [alertVisible, setAlertVisible] = useState<boolean>(false);\n  const [actions, setActions] = useState<AlertActions>();\n  const [isBackgroundTouchClose, setIsBackgroundTouchClose] = useState<boolean>(true);\n  const [titleStyle, setTitleStyle] = useState<TextProps['style']>();\n  const [informativeStyle, setInformativeStyle] = useState<TextProps['style']>();\n  const [secondaryButtonStyle, setSecondaryButtonStyle] = useState<TouchableOpacityProps['style']>();\n  const [primaryButtonStyle, setPrimaryButtonStyle] = useState<TouchableOpacityProps['style']>();\n  const [secondaryButtonTextStyle, setSecondaryButtonTextStyle] = useState<TextProps['style']>();\n  const [primaryButtonTextStyle, setPrimaryButtonTextStyle] = useState<TextProps['style']>();\n  const [singleButtonTextStyle, setSingleButtonTextStyle] = useState<TextProps['style']>();\n\n  // Snackbar\n  const [snackItemStack, setSnackItemStack] = useState<SnackItem[]>([]);\n\n  // BottomSheet\n  const [bottomSheetVisible, setBottomSheetVisible] = useState<boolean>(false);\n  const [bottomSheetComponent, setBottomSheetComponent] = useState<React.ReactNode>(null);\n  const [bottomSheetHeader, setBottomSheetHeader] = useState<React.ReactNode>(null);\n  const [bottomSheetOptions, setBottomSheetOptions] = useState<BottomSheetOptions>();\n  const [bottomSheetHeight, setBottomSheetHeight] = useState<number>(300);\n\n  // Loading\n  const [loaderVisible, setLoaderVisible] = useState<boolean>(false);\n\n  // PopOver\n  const [popOverVisible, setPopOverVisible] = useState<boolean>(false);\n  const [popOverLocation, setPopOverLocation] = useState<{ px: PopOverMenuProps['px'], py: PopOverMenuProps['py'] }>({ px: 0, py: 0 });\n  const [popOverComponent, setPopOverComponent] = useState<React.ReactNode>(false);\n\n  // Modality\n  const [modalityVisible, setModalityVisible] = useState<boolean>(false);\n  const [modalityComponent, setModalityComponent] = useState<React.ReactNode>(false);\n\n  const showAlert = ({\n    title,\n    informative,\n    actions,\n    isBackgroundTouchClose = true,\n    titleStyle,\n    informativeStyle,\n    secondaryButtonStyle,\n    primaryButtonStyle,\n    secondaryButtonTextStyle,\n    primaryButtonTextStyle,\n    singleButtonTextStyle,\n  }: ShowAlertProps) => {\n    Keyboard.dismiss();\n    setTitle(title || '');\n    setInformative(informative || '');\n    setActions(actions || {} as AlertActions);\n    setIsBackgroundTouchClose(isBackgroundTouchClose);\n    setAlertVisible(true);\n\n    setTitleStyle(titleStyle);\n    setInformativeStyle(informativeStyle);\n    setSecondaryButtonStyle(secondaryButtonStyle);\n    setPrimaryButtonStyle(primaryButtonStyle);\n    setSecondaryButtonTextStyle(secondaryButtonTextStyle);\n    setPrimaryButtonTextStyle(primaryButtonTextStyle);\n    setSingleButtonTextStyle(singleButtonTextStyle);\n  };\n\n  const showBottomSheet = ({\n    headerComponent,\n    component,\n    options,\n  }: ShowBottomSheetProps) => {\n    Keyboard.dismiss();\n    setBottomSheetComponent(component);\n    setBottomSheetHeader(headerComponent);\n    setBottomSheetOptions(options);\n    setBottomSheetHeight(options?.height || 300);\n    setBottomSheetVisible(true);\n  };\n\n  const showLoader = () => {\n    setLoaderVisible(true);\n  };\n\n  const showPopOverMenu = ({\n    px,\n    py,\n    component\n  }: PopOverMenuProps) => {\n    Keyboard.dismiss();\n    setPopOverLocation({ px, py });\n    setPopOverComponent(component);\n    setPopOverVisible(true);\n  }\n\n  const showModality = ({\n    component\n  }: ModalityProps) => {\n    Keyboard.dismiss();\n    setModalityComponent(component);\n    setModalityVisible(true);\n  }\n\n  const showSnackBar = ({\n    message,\n    type = 'success',\n    index = Date.now(),\n    snackbarDuration = 3500\n  }: ShowSnackBarProps) => {\n    setSnackItemStack((prev) => {\n      const newStack = [...prev, { message, type, index: index, snackbarDuration: snackbarDuration }];\n      return newStack.length > maxSnackbarCount ? newStack.slice(1) : newStack;\n    });\n  };\n\n  const hideSnackBar = (index: number) => {\n    setSnackItemStack((prev) => prev.filter((item) => item.index !== index));\n  };\n\n  const hideOverlay = useCallback((option: HideOption) => {\n    switch (option) {\n      case 'alert':\n        setAlertVisible(false);\n        break;\n      case 'modal':\n        setModalityVisible(false);\n        break;\n      case 'snack':\n        setSnackItemStack([]);\n        break;\n      case 'bottomSheet':\n        setBottomSheetVisible(false);\n        break;\n      case 'loader':\n        setLoaderVisible(false);\n        break;\n      case 'popOver':\n        setPopOverVisible(false);\n        break;\n      case 'all':\n        setModalityVisible(false);\n        setAlertVisible(false);\n        setSnackItemStack([]);\n        setLoaderVisible(false);\n        setPopOverVisible(false);\n        setBottomSheetVisible(false);\n        break;\n      default:\n        break;\n    };\n  }, []);\n\n  // 안드로이드 뒤로가기 버튼 제어\n  const backPressHandler = useCallback(() => {\n    if (loaderVisible) {\n      return true;\n    }\n    if (alertVisible || modalityVisible || popOverVisible || bottomSheetVisible) {\n      hideOverlay('all');\n      return true;\n    }\n    return false;\n  }, [alertVisible, loaderVisible, modalityVisible, popOverVisible]);\n\n  useEffect(() => {\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backPressHandler);\n    return () => backHandler.remove();\n  }, [backPressHandler]);\n\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------\n\n  const overlayContextValue = useMemo(() => ({\n    hideOverlay,\n    showAlert,\n    showSnackBar,\n    showBottomSheet,\n    showPopOverMenu,\n    showModality,\n    showLoader,\n  }), [\n    hideOverlay,\n    showAlert,\n    showSnackBar,\n    showBottomSheet,\n    showPopOverMenu,\n    showModality,\n    showLoader,\n  ]);\n\n  const alertContextValue = useMemo(() => ({\n    alertVisible,\n    setAlertVisible,\n  }), [\n    alertVisible,\n    setAlertVisible,\n  ]);\n\n  const snackbarContextValue = useMemo(() => ({\n    snackItemStack,\n    hideSnackBar,\n  }), [\n    snackItemStack,\n    hideSnackBar,\n  ]);\n\n  const bottomSheetContextValue = useMemo(() => ({\n    bottomSheetVisible,\n    setBottomSheetVisible,\n    height: bottomSheetHeight,\n    setHeight: setBottomSheetHeight,\n  }), [\n    bottomSheetVisible,\n    setBottomSheetVisible,\n    bottomSheetHeight,\n    setBottomSheetHeight,\n  ]);\n\n  const popOverContextValue = useMemo(() => ({\n    popOverVisible,\n    setPopOverVisible,\n  }), [\n    popOverVisible,\n    setPopOverVisible,\n  ]);\n\n  const modalityContextValue = useMemo(() => ({\n    modalityVisible,\n    setModalityVisible,\n  }), [\n    modalityVisible,\n    setModalityVisible,\n  ]);\n\n  const loaderContextValue = useMemo(() => ({\n    loaderVisible,\n    setLoaderVisible,\n  }), [\n    loaderVisible,\n    setLoaderVisible,\n  ]);\n\n  return (\n    <OverlayContext.Provider value={overlayContextValue}>\n      <AlertContext.Provider value={alertContextValue}>\n        <SnackbarContext.Provider value={snackbarContextValue}>\n          <BottomSheetContext.Provider value={bottomSheetContextValue}>\n            <PopOverContext.Provider value={popOverContextValue}>\n              <ModalityContext.Provider value={modalityContextValue}>\n                <LoaderContext.Provider value={loaderContextValue}>\n                  <PortalProvider>\n                      {children}\n\n                      <Modality modalityComponent={modalityComponent} />\n\n                      <BottomSheetOverlay\n                        headerComponent={bottomSheetHeader}\n                        component={bottomSheetComponent}\n                        options={bottomSheetOptions}\n                      />\n\n                      <PopOverMenu\n                        px={popOverLocation?.px}\n                        py={popOverLocation?.py}\n                        component={popOverComponent}\n                      />\n\n                      <AlertOverlay\n                        title={title}\n                        informative={informative}\n                        actions={actions || {} as AlertActions}\n                        isBackgroundTouchClose={isBackgroundTouchClose}\n                        titleStyle={titleStyle}\n                        informativeStyle={informativeStyle}\n                        secondaryButtonStyle={secondaryButtonStyle}\n                        primaryButtonStyle={primaryButtonStyle}\n                        secondaryButtonTextStyle={secondaryButtonTextStyle}\n                        primaryButtonTextStyle={primaryButtonTextStyle}\n                        singleButtonTextStyle={singleButtonTextStyle}\n                      />\n\n                      <SnackbarNotify\n                        customSnackbar={customSnackbar}\n                      />\n\n                      <LoadingNotify\n                        loaderComponent={loaderComponent}\n                      />\n                  </PortalProvider>\n                </LoaderContext.Provider>\n              </ModalityContext.Provider>\n            </PopOverContext.Provider>\n          </BottomSheetContext.Provider>\n        </SnackbarContext.Provider>\n      </AlertContext.Provider>\n    </OverlayContext.Provider>\n  );\n}\n"]}

package/build/model/utils.d.ts

@@ -1,6 +1,5 @@
 import { StyleProp, TextStyle } from "react-native";
 export declare const extractStyle: (style: StyleProp<TextStyle>, attribute: keyof TextStyle) => TextStyle[keyof TextStyle] | undefined;
-export declare const getActualTopInset: () => number;
 export declare const Z_INDEX_VALUE: {
     DEFAULT: number;
     MODAL1: number;

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,EAAuB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzE,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,iBAAiB,cAM3B,CAAC;AAEJ,eAAO,MAAM,aAAa;;;;;;;;;;;;;;CAczB,CAAC;AAEF,eAAO,MAAM,iBAAiB,MAAM,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/model/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzE,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,iBAAiB,MAAM,CAAC"}

package/build/model/utils.js

@@ -1,5 +1,3 @@
-import { Platform, StatusBar } from "react-native";
-import { initialWindowMetrics } from 'react-native-safe-area-context';
 export const extractStyle = (style, attribute) => {
     if (Array.isArray(style)) {
         const foundStyle = style.find(item => typeof item === 'object' && item !== null && attribute in item);
@@ -10,13 +8,6 @@ export const extractStyle = (style, attribute) => {
     }
     return undefined;
 };
-export const getActualTopInset = () => {
-    const { top } = initialWindowMetrics?.insets || { top: 0 };
-    if (Platform.OS === 'ios') {
-        return 0;
-    }
-    return StatusBar.currentHeight || top || 0;
-};
 export const Z_INDEX_VALUE = {
     DEFAULT: 8000,
     MODAL1: 8001,

package/build/model/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/model/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAwB,MAAM,cAAc,CAAC;AACzE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAEtE,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,iBAAiB,GAAG,GAAG,EAAE;IAClC,MAAM,EAAE,GAAG,EAAE,GAAG,oBAAoB,EAAE,MAAM,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC;IAC3D,IAAI,QAAQ,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC1B,OAAO,CAAC,CAAC;IACX,CAAC;IACD,OAAO,SAAS,CAAC,aAAa,IAAI,GAAG,IAAI,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEJ,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,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC","sourcesContent":["import { Platform, StatusBar, StyleProp, TextStyle } from \"react-native\";\nimport { initialWindowMetrics } from 'react-native-safe-area-context';\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 getActualTopInset = () => {\n    const { top } = initialWindowMetrics?.insets || { top: 0 };\n    if (Platform.OS === 'ios') {\n      return 0;\n    }\n    return StatusBar.currentHeight || top || 0;\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    ALERT: 8300,\n    BOTTOM_CTA: 8400,\n    ABOVE_KEYBOARD: 8500,\n    SNACKBAR: 8600,\n    LOADING: 8999,\n};\n\nexport const MAX_OVERLAY_WIDTH = 500;"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/model/utils.ts"],"names":[],"mappings":"AAGA,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,KAAK,EAAE,IAAI;IACX,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAAC","sourcesContent":["import { Platform, StatusBar, StyleProp, TextStyle } from \"react-native\";\nimport { initialWindowMetrics } from 'react-native-safe-area-context';\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    ALERT: 8300,\n    BOTTOM_CTA: 8400,\n    ABOVE_KEYBOARD: 8500,\n    SNACKBAR: 8600,\n    LOADING: 8999,\n};\n\nexport const MAX_OVERLAY_WIDTH = 500;"]}

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

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+interface PortalProviderProps {
+    children: ReactNode;
+}
+export declare const PortalProvider: React.FC<PortalProviderProps>;
+interface PortalProps {
+    children: ReactNode;
+}
+export declare const ZSPortal: React.FC<PortalProps>;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/ZSPortal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAoD,SAAS,EAAa,MAAM,OAAO,CAAC;AAUtG,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqCxD,CAAC;AAIF,UAAU,WAAW;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAe1C,CAAC"}

package/build/overlay/ZSPortal/index.js

@@ -0,0 +1,49 @@
+import React, { createContext, useContext, useState, useCallback, useEffect } from 'react';
+import Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';
+const PortalContext = createContext(null);
+export const PortalProvider = ({ children }) => {
+    const [portals, setPortals] = useState(new Map());
+    const registerPortal = useCallback((id, element) => {
+        setPortals(prev => {
+            // 동일한 요소가 이미 등록되어 있다면 업데이트하지 않음
+            if (prev.get(id) === element) {
+                return prev;
+            }
+            const newMap = new Map(prev);
+            newMap.set(id, element);
+            return newMap;
+        });
+    }, []);
+    const unregisterPortal = useCallback((id) => {
+        setPortals(prev => {
+            // 해당 ID가 존재하지 않으면 상태를 변경하지 않음
+            if (!prev.has(id)) {
+                return prev;
+            }
+            const newMap = new Map(prev);
+            newMap.delete(id);
+            return newMap;
+        });
+    }, []);
+    return (<PortalContext.Provider value={{ registerPortal, unregisterPortal }}>
+      {children}
+      {Array.from(portals.entries()).map(([id, element]) => (<Animated.View entering={FadeInDown} exiting={FadeOutDown} key={id} style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, pointerEvents: 'box-none' }}>
+          {element}
+        </Animated.View>))}
+    </PortalContext.Provider>);
+};
+export const ZSPortal = ({ children }) => {
+    const context = useContext(PortalContext);
+    const [portalId] = useState(() => `portal_${Date.now()}_${Math.random()}`);
+    useEffect(() => {
+        if (context) {
+            context.registerPortal(portalId, children);
+            return () => {
+                context.unregisterPortal(portalId);
+            };
+        }
+        return () => { };
+    }, [children]);
+    return null;
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/overlay/ZSPortal/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useState, useCallback, ReactNode, useEffect } from 'react';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\n\ninterface PortalContextType {\n  registerPortal: (id: string, element: ReactNode) => void;\n  unregisterPortal: (id: string) => void;\n}\n\nconst PortalContext = createContext<PortalContextType | null>(null);\n\ninterface PortalProviderProps {\n  children: ReactNode;\n}\n\nexport const PortalProvider: React.FC<PortalProviderProps> = ({ children }) => {\n  const [portals, setPortals] = useState<Map<string, ReactNode>>(new Map());\n\n  const registerPortal = useCallback((id: string, element: ReactNode) => {\n    setPortals(prev => {\n      // 동일한 요소가 이미 등록되어 있다면 업데이트하지 않음\n      if (prev.get(id) === element) {\n        return prev;\n      }\n      const newMap = new Map(prev);\n      newMap.set(id, element);\n      return newMap;\n    });\n  }, []);\n\n  const unregisterPortal = useCallback((id: string) => {\n    setPortals(prev => {\n      // 해당 ID가 존재하지 않으면 상태를 변경하지 않음\n      if (!prev.has(id)) {\n        return prev;\n      }\n      const newMap = new Map(prev);\n      newMap.delete(id);\n      return newMap;\n    });\n  }, []);\n\n  return (\n    <PortalContext.Provider value={{ registerPortal, unregisterPortal }}>\n      {children}\n      {Array.from(portals.entries()).map(([id, element]) => (\n        <Animated.View entering={FadeInDown} exiting={FadeOutDown} key={id} style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, pointerEvents: 'box-none' }}>\n          {element}\n        </Animated.View>\n      ))}\n    </PortalContext.Provider>\n  );\n};\n\n// ------------------------------------------------------------------------------------------------\n\ninterface PortalProps {\n  children: ReactNode;\n}\n\nexport const ZSPortal: React.FC<PortalProps> = ({ children }) => {\n  const context = useContext(PortalContext);\n  const [portalId] = useState(() => `portal_${Date.now()}_${Math.random()}`);\n\n  useEffect(() => {\n    if (context) {\n      context.registerPortal(portalId, children);\n      return () => {\n        context.unregisterPortal(portalId);\n      };\n    }\n    return () => {};\n  }, [children]);\n\n  return null;\n};\n"]}

package/build/overlay/index.d.ts

@@ -5,6 +5,7 @@ import * as useOverlayProvider from '../model/useOverlayProvider';
 import { useOverlay } from '../model/useOverlay';
 import PopOverButton from './PopOver/PopOverButton';
 import PopOverMenu from './PopOver/PopOverMenu';
+import { ZSPortal } from './ZSPortal';
 import * as types from '../model/types';
-export { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, types, };
+export { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, ZSPortal, types, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,KAAK,GACN,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,KAAK,GACN,CAAA"}

package/build/overlay/index.js

@@ -5,6 +5,7 @@ import * as useOverlayProvider from '../model/useOverlayProvider';
 import { useOverlay } from '../model/useOverlay';
 import PopOverButton from './PopOver/PopOverButton';
 import PopOverMenu from './PopOver/PopOverMenu';
+import { ZSPortal } from './ZSPortal';
 import * as types from '../model/types';
-export { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, types, };
+export { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, PopOverButton, PopOverMenu, ZSPortal, types, };
 //# sourceMappingURL=index.js.map

package/build/overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,KAAK,GACN,CAAA","sourcesContent":["import AlertOverlay from './AlertOverlay';\nimport BottomSheetOverlay from './BottomSheetOverlay';\nimport SnackbarNotify from './SnackbarNotify';\nimport * as useOverlayProvider from '../model/useOverlayProvider';\nimport { useOverlay } from '../model/useOverlay';\nimport PopOverButton from './PopOver/PopOverButton';\nimport PopOverMenu from './PopOver/PopOverMenu';\nimport * as types from '../model/types';\n\nexport {\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  types,\n}"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,sBAAsB,CAAC;AACtD,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,kBAAkB,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,KAAK,KAAK,MAAM,gBAAgB,CAAC;AAExC,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,KAAK,GACN,CAAA","sourcesContent":["import AlertOverlay from './AlertOverlay';\nimport BottomSheetOverlay from './BottomSheetOverlay';\nimport SnackbarNotify from './SnackbarNotify';\nimport * as useOverlayProvider from '../model/useOverlayProvider';\nimport { useOverlay } from '../model/useOverlay';\nimport PopOverButton from './PopOver/PopOverButton';\nimport PopOverMenu from './PopOver/PopOverMenu';\nimport { ZSPortal } from './ZSPortal';\nimport * as types from '../model/types';\n\nexport {\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  ZSPortal,\n  types,\n}"]}

package/build/ui/ZSAboveKeyboard/index.d.ts

@@ -1,7 +1,9 @@
 interface Props {
-    render: () => React.ReactNode;
-    offset?: number;
+    children: React.ReactNode;
+    keyboardShowOffset?: number;
+    keyboardHideOffset?: number;
+    handleLayoutHeight?: (height: number) => void;
 }
-declare function ZSAboveKeyboard({ render, offset, }: Props): import("react").JSX.Element;
+declare function ZSAboveKeyboard({ keyboardShowOffset, keyboardHideOffset, children, handleLayoutHeight, }: Props): import("react").JSX.Element;
 export default ZSAboveKeyboard;
 //# sourceMappingURL=index.d.ts.map

package/build/ui/ZSAboveKeyboard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSAboveKeyboard/index.tsx"],"names":[],"mappings":"AAKA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,eAAe,CAAC,EACvB,MAAM,EACN,MAAU,GACX,EAAE,KAAK,+BA4CP;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSAboveKeyboard/index.tsx"],"names":[],"mappings":"AAQA,UAAU,KAAK;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,iBAAS,eAAe,CAAC,EACvB,kBAAsB,EACtB,kBAAsB,EACtB,QAAQ,EACR,kBAAkB,GACnB,EAAE,KAAK,+BA8DP;AAED,eAAe,eAAe,CAAC"}

package/build/ui/ZSAboveKeyboard/index.js

@@ -1,20 +1,37 @@
 import { useEffect, useState } from 'react';
-import { Keyboard, Platform, StyleSheet, Dimensions } from 'react-native';
-import Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';
-import { getActualTopInset } from '../../model/utils';
-function ZSAboveKeyboard({ render, offset = 0, }) {
+import { Keyboard, Platform, StyleSheet, Dimensions, View, StatusBar } from 'react-native';
+import { Z_INDEX_VALUE } from '../../model/utils';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { ZSPortal } from '../../overlay';
+const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+function ZSAboveKeyboard({ keyboardShowOffset = 0, keyboardHideOffset = 0, children, handleLayoutHeight, }) {
     const [topValue, setTopValue] = useState(0);
     const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);
     const [componentHeight, setComponentHeight] = useState(0);
-    const screenHeight = Dimensions.get('window').height;
-    const actualTop = getActualTopInset();
+    const [windowDimensions, setWindowDimensions] = useState(() => Dimensions.get('window'));
+    const { bottom } = useSafeAreaInsets();
+    const statusBarHeight = StatusBar.currentHeight || 0;
+    // Dimensions 변경 감지를 위한 useEffect
+    useEffect(() => {
+        const subscription = Dimensions.addEventListener('change', ({ window }) => {
+            setWindowDimensions(window);
+        });
+        return () => subscription?.remove();
+    }, []);
     useEffect(() => {
-        const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
-        const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
         const keyboardShowSubscription = Keyboard.addListener(showEvent, (event) => {
-            // 키보드 바로 위에 위치하도록 계산: 화면 높이 - 키보드 높이 - 컴포넌트 높이 - offset
-            const topValue = screenHeight - event.endCoordinates.height - componentHeight - offset + actualTop;
-            setTopValue(topValue);
+            const currentWindowHeight = windowDimensions.height;
+            const screenHeight = Dimensions.get('screen').height;
+            const systemUIHeight = screenHeight - currentWindowHeight;
+            // 키보드 바로 위에 위치하도록 계산
+            let calculatedTopValue = currentWindowHeight - event.endCoordinates.height - componentHeight - keyboardShowOffset;
+            // Android에서 필요시 StatusBar 높이 조정
+            // if (Platform.OS === 'android' && systemUIHeight > 0) {
+            //   // 시스템 UI가 있는 경우 (구형 기기 또는 특정 설정)
+            //   calculatedTopValue = calculatedTopValue - (statusBarHeight > 0 ? statusBarHeight : 0);
+            // }
+            setTopValue(calculatedTopValue);
             setIsKeyboardVisible(true);
         });
         const keyboardHideSubscription = Keyboard.addListener(hideEvent, () => {
@@ -25,14 +42,19 @@ function ZSAboveKeyboard({ render, offset = 0, }) {
             keyboardShowSubscription.remove();
             keyboardHideSubscription.remove();
         };
-    }, [screenHeight, offset, componentHeight, actualTop]);
+    }, [componentHeight, windowDimensions, keyboardShowOffset, statusBarHeight]);
     const handleLayout = (event) => {
         const { height } = event.nativeEvent.layout;
-        setComponentHeight(height + (Platform.OS === 'ios' ? 100 : 80));
+        setComponentHeight(height);
+        handleLayoutHeight?.(height);
     };
-    return (<Animated.View entering={FadeInDown} exiting={FadeOutDown} style={[styles.container, isKeyboardVisible ? { top: topValue } : { bottom: 0 }]} onLayout={handleLayout}>
-      {render()}
-    </Animated.View>);
+    return (<ZSPortal>
+      <View style={[styles.container, isKeyboardVisible ? { top: topValue } : { bottom: keyboardHideOffset + bottom }]}>
+        <View onLayout={handleLayout}>
+          {children}
+        </View>
+      </View>
+    </ZSPortal>);
 }
 export default ZSAboveKeyboard;
 const styles = StyleSheet.create({
@@ -40,7 +62,7 @@ const styles = StyleSheet.create({
         position: 'absolute',
         justifyContent: 'center',
         alignItems: 'center',
-        zIndex: 8400,
+        zIndex: Z_INDEX_VALUE.ABOVE_KEYBOARD,
         width: '100%',
     },
 });

package/build/ui/ZSAboveKeyboard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSAboveKeyboard/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { Keyboard, Platform, StyleSheet, Dimensions } from 'react-native';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\nimport { getActualTopInset } from '../../model/utils';\n\ninterface Props {\n  render: () => React.ReactNode;\n  offset?: number;\n}\n\nfunction ZSAboveKeyboard({\n  render,\n  offset = 0,\n}: Props) {\n  const [topValue, setTopValue] = useState(0);\n  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);\n  const [componentHeight, setComponentHeight] = useState(0);\n  const screenHeight = Dimensions.get('window').height;\n  const actualTop = getActualTopInset();\n\n  useEffect(() => {\n    const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';\n    const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';\n\n    const keyboardShowSubscription = Keyboard.addListener(showEvent, (event) => {\n      // 키보드 바로 위에 위치하도록 계산: 화면 높이 - 키보드 높이 - 컴포넌트 높이 - offset\n      const topValue = screenHeight - event.endCoordinates.height - componentHeight - offset + actualTop;\n      setTopValue(topValue);\n      setIsKeyboardVisible(true);\n    });\n\n    const keyboardHideSubscription = Keyboard.addListener(hideEvent, () => {\n      setTopValue(0);\n      setIsKeyboardVisible(false);\n    });\n\n    return () => {\n      keyboardShowSubscription.remove();\n      keyboardHideSubscription.remove();\n    };\n  }, [screenHeight, offset, componentHeight, actualTop]);\n\n  const handleLayout = (event: any) => {\n    const { height } = event.nativeEvent.layout;\n    setComponentHeight(height + (Platform.OS === 'ios' ? 100 : 80));\n  };\n\n  return (\n    <Animated.View\n      entering={FadeInDown}\n      exiting={FadeOutDown}\n      style={[styles.container, isKeyboardVisible ? { top: topValue } : { bottom: 0 }]}\n      onLayout={handleLayout}\n    >\n      {render()}\n    </Animated.View>\n  );\n}\n\nexport default ZSAboveKeyboard;\n\nconst styles = StyleSheet.create({\n  container: {\n    position: 'absolute',\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: 8400,\n    width: '100%',\n  },\n});\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSAboveKeyboard/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAqB,MAAM,cAAc,CAAC;AAC9G,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,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;AASjF,SAAS,eAAe,CAAC,EACvB,kBAAkB,GAAG,CAAC,EACtB,kBAAkB,GAAG,CAAC,EACtB,QAAQ,EACR,kBAAkB,GACZ;IACN,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC5C,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzF,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvC,MAAM,eAAe,GAAG,SAAS,CAAC,aAAa,IAAI,CAAC,CAAC;IAErD,iCAAiC;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YACxE,mBAAmB,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,CAAC;IACtC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,wBAAwB,GAAG,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;YACzE,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,MAAM,CAAC;YACpD,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC;YACrD,MAAM,cAAc,GAAG,YAAY,GAAG,mBAAmB,CAAC;YAE1D,qBAAqB;YACrB,IAAI,kBAAkB,GAAG,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,eAAe,GAAG,kBAAkB,CAAC;YAElH,gCAAgC;YAChC,yDAAyD;YACzD,sCAAsC;YACtC,2FAA2F;YAC3F,IAAI;YAEJ,WAAW,CAAC,kBAAkB,CAAC,CAAC;YAChC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;QAEH,MAAM,wBAAwB,GAAG,QAAQ,CAAC,WAAW,CAAC,SAAS,EAAE,GAAG,EAAE;YACpE,WAAW,CAAC,CAAC,CAAC,CAAC;YACf,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,wBAAwB,CAAC,MAAM,EAAE,CAAC;YAClC,wBAAwB,CAAC,MAAM,EAAE,CAAC;QACpC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7E,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;QAChD,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC;QAC5C,kBAAkB,CAAC,MAAM,CAAC,CAAC;QAC3B,kBAAkB,EAAE,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,QAAQ,CACP;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,kBAAkB,GAAG,MAAM,EAAE,CAAC,CAAC,CAC/G;QAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,CAC3B;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,QAAQ,CAAC,CACZ,CAAC;AACJ,CAAC;AAED,eAAe,eAAe,CAAC;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,MAAM,EAAE,aAAa,CAAC,cAAc;QACpC,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAC","sourcesContent":["import { useEffect, useState } from 'react';\nimport { Keyboard, Platform, StyleSheet, Dimensions, View, StatusBar, LayoutChangeEvent } from 'react-native';\nimport { Z_INDEX_VALUE } from '../../model/utils';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { ZSPortal } from '../../overlay';\nconst showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';\nconst hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';\n\ninterface Props {\n  children: React.ReactNode;\n  keyboardShowOffset?: number;\n  keyboardHideOffset?: number;\n  handleLayoutHeight?: (height: number) => void;\n}\n\nfunction ZSAboveKeyboard({\n  keyboardShowOffset = 0,\n  keyboardHideOffset = 0,\n  children,\n  handleLayoutHeight,\n}: Props) {\n  const [topValue, setTopValue] = useState(0);\n  const [isKeyboardVisible, setIsKeyboardVisible] = useState(false);\n  const [componentHeight, setComponentHeight] = useState(0);\n  const [windowDimensions, setWindowDimensions] = useState(() => Dimensions.get('window'));\n  const { bottom } = useSafeAreaInsets();\n  const statusBarHeight = StatusBar.currentHeight || 0;\n\n  // Dimensions 변경 감지를 위한 useEffect\n  useEffect(() => {\n    const subscription = Dimensions.addEventListener('change', ({ window }) => {\n      setWindowDimensions(window);\n    });\n\n    return () => subscription?.remove();\n  }, []);\n\n  useEffect(() => {\n    const keyboardShowSubscription = Keyboard.addListener(showEvent, (event) => {\n      const currentWindowHeight = windowDimensions.height;\n      const screenHeight = Dimensions.get('screen').height;\n      const systemUIHeight = screenHeight - currentWindowHeight;\n      \n      // 키보드 바로 위에 위치하도록 계산\n      let calculatedTopValue = currentWindowHeight - event.endCoordinates.height - componentHeight - keyboardShowOffset;\n      \n      // Android에서 필요시 StatusBar 높이 조정\n      // if (Platform.OS === 'android' && systemUIHeight > 0) {\n      //   // 시스템 UI가 있는 경우 (구형 기기 또는 특정 설정)\n      //   calculatedTopValue = calculatedTopValue - (statusBarHeight > 0 ? statusBarHeight : 0);\n      // }\n\n      setTopValue(calculatedTopValue);\n      setIsKeyboardVisible(true);\n    });\n\n    const keyboardHideSubscription = Keyboard.addListener(hideEvent, () => {\n      setTopValue(0);\n      setIsKeyboardVisible(false);\n    });\n\n    return () => {\n      keyboardShowSubscription.remove();\n      keyboardHideSubscription.remove();\n    };\n  }, [componentHeight, windowDimensions, keyboardShowOffset, statusBarHeight]);\n\n  const handleLayout = (event: LayoutChangeEvent) => {\n    const { height } = event.nativeEvent.layout;\n    setComponentHeight(height);\n    handleLayoutHeight?.(height);\n  };\n\n  return (\n    <ZSPortal>\n      <View style={[styles.container, isKeyboardVisible ? { top: topValue } : { bottom: keyboardHideOffset + bottom }]}>\n        <View onLayout={handleLayout}>\n          {children}\n        </View>\n      </View>\n    </ZSPortal>\n  );\n}\n\nexport default ZSAboveKeyboard;\n\nconst styles = StyleSheet.create({\n  container: {\n    position: 'absolute',\n    justifyContent: 'center',\n    alignItems: 'center',\n    zIndex: Z_INDEX_VALUE.ABOVE_KEYBOARD,\n    width: '100%',\n  },\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0610studio/zs-ui",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "private": false,
   "description": "EXPO ZS-UI",
   "type": "commonjs",