@0610studio/zs-ui 0.0.45 → 0.0.47

package/build/index.d.ts

@@ -1,7 +1,8 @@
 import { useTheme, OverlayProvider, ThemeProvider } from './model';
 import { ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton } from './ui';
+import ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';
 import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, BSTextInput, PopOverButton, PopOverMenu } from './overlay';
-export { useTheme, OverlayProvider, ThemeProvider, ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, BSTextInput, PopOverButton, PopOverMenu, };
+export { useTheme, OverlayProvider, ThemeProvider, ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, ErrorComponent, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, BSTextInput, PopOverButton, PopOverMenu, };
 import { BottomSheetOverlayRef } from "./overlay/BottomSheetOverlay/types";
 import type { ThemeProviderProps, ThemeProps, Palette } from "./model/useThemeProvider";
 import { ZSTextProps } from "./ui/ZSText";

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,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACf,MAAM,MAAM,CAAC;AAEd,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EAEb,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EAEd,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACZ,CAAC;AAIF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,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,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,qBAAqB,EACrB,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,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACZ,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,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACf,MAAM,MAAM,CAAC;AAEd,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EAEb,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,cAAc,EAEd,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACZ,CAAC;AAIF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,KAAK,EACV,kBAAkB,EAClB,UAAU,EACV,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,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,cAAc,EACf,MAAM,eAAe,CAAC;AACvB,OAAO,EACL,WAAW,EACX,WAAW,EACX,WAAW,EACZ,MAAM,YAAY,CAAC;AAEpB,YAAY,EACV,qBAAqB,EACrB,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,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACZ,CAAC"}

package/build/index.js

@@ -1,9 +1,10 @@
 import { useTheme, OverlayProvider, ThemeProvider, } from './model';
 import { ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, } from './ui';
+import ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';
 import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, BSTextInput, PopOverButton, PopOverMenu, } from './overlay';
 export { useTheme, OverlayProvider, ThemeProvider, 
 // ---
-ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, 
+ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, ErrorComponent, 
 // ---
 AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlayProvider, useOverlay, BSTextInput, PopOverButton, PopOverMenu, };
 //# 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,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,MAAM,CAAC;AAEd,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa;AACb,MAAM;AACN,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc;AACd,MAAM;AACN,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACZ,CAAC","sourcesContent":["import {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n} from './model'\n\nimport { \n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ScrollViewAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSBottomButton,\n} from './ui';\n\nimport { \n  AlertOverlay, \n  BottomSheetOverlay, \n  SnackbarNotify, \n  useOverlayProvider, \n  useOverlay,\n  BSTextInput,\n  PopOverButton,\n  PopOverMenu,\n} from './overlay';\n\nexport {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n  // ---\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ScrollViewAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSBottomButton,\n  // ---\n  AlertOverlay, \n  BottomSheetOverlay, \n  SnackbarNotify, \n  useOverlayProvider, \n  useOverlay, \n  BSTextInput,\n  PopOverButton,\n  PopOverMenu,\n};\n\n// ------------------------------------------------------\n\nimport { BottomSheetOverlayRef } from \"./overlay/BottomSheetOverlay/types\";\nimport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n} from \"./model/useThemeProvider\";\nimport { ZSTextProps } from \"./ui/ZSText\";\nimport { BoxStyle } from \"./ui/ZSTextField\";\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  TextColorOptions\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  BottomSheetRef\n} from \"./model/types\";\nimport {\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n} from \"./ui/types\";\n\nexport type {\n  BottomSheetOverlayRef,\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  TextColorOptions,\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetRef,\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle\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,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,GACf,MAAM,MAAM,CAAC;AAEd,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAEhE,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACZ,MAAM,WAAW,CAAC;AAEnB,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa;AACb,MAAM;AACN,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,cAAc;AACd,MAAM;AACN,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACZ,CAAC","sourcesContent":["import {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n} from './model'\n\nimport {\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ScrollViewAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSBottomButton,\n} from './ui';\n\nimport ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';\n\nimport {\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  BSTextInput,\n  PopOverButton,\n  PopOverMenu,\n} from './overlay';\n\nexport {\n  useTheme,\n  OverlayProvider,\n  ThemeProvider,\n  // ---\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ScrollViewAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSBottomButton,\n  ErrorComponent,\n  // ---\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlayProvider,\n  useOverlay,\n  BSTextInput,\n  PopOverButton,\n  PopOverMenu,\n};\n\n// ------------------------------------------------------\n\nimport { BottomSheetOverlayRef } from \"./overlay/BottomSheetOverlay/types\";\nimport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n} from \"./model/useThemeProvider\";\nimport { ZSTextProps } from \"./ui/ZSText\";\nimport { BoxStyle } from \"./ui/ZSTextField\";\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  TextColorOptions\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  BottomSheetRef\n} from \"./model/types\";\nimport {\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n} from \"./ui/types\";\n\nexport type {\n  BottomSheetOverlayRef,\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  TextColorOptions,\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetRef,\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle\n};\n"]}

package/build/model/types.d.ts

@@ -56,8 +56,8 @@ export interface AlertAction {
     onPress?: () => void;
 }
 export interface ShowAlertProps {
-    title: string;
-    informative: string;
+    title?: string;
+    informative?: string;
     actions?: AlertActions;
     isBackgroundTouchClose?: boolean;
     titleStyle?: TextProps['style'];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,cAAc,EAAE,SAAS,EAAE,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAElD,aAAa,EAAE,OAAO,CAAC;IAEvB,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE9C,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C,SAAS,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C,WAAW,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACtC,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACpD,wBAAwB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC9C,sBAAsB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC5C,qBAAqB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,EAAE,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpG,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEhE,MAAM,WAAW,YAAY;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE5C,cAAc,EAAE,SAAS,EAAE,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,kBAAkB,EAAE,OAAO,CAAC;IAC5B,qBAAqB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAElD,aAAa,EAAE,OAAO,CAAC;IAEvB,eAAe,EAAE,OAAO,CAAC;IACzB,iBAAiB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE9C,cAAc,EAAE,OAAO,CAAC;IACxB,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE/C,SAAS,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,YAAY,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,eAAe,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IACvD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,eAAe,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C,WAAW,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,gBAAgB;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,aAAa;IAC1B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACrC;AAED,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAoB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;CAC3C;AAED,MAAM,WAAW,WAAW;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,MAAM,WAAW,cAAc;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACtC,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACtD,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACpD,wBAAwB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC9C,sBAAsB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC5C,qBAAqB,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;CAC9C;AAED,MAAM,WAAW,YAAY;IACzB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,EAAE,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAEpG,MAAM,WAAW,iBAAiB;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,cAAc;IAC3B,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C"}

package/build/model/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAsDC,CAAC;AAKD,CAAC;AAMD,CAAC;AAKD,CAAC;AAcD,CAAC;AAKD,CAAC;AAOD,CAAC;AAWD,CAAC;AAID,CAAC","sourcesContent":["import { ReactNode } from \"react\";\nimport { TextProps, TouchableOpacityProps } from \"react-native\";\n\nexport interface OverlayProps {\n    alertVisible: boolean;\n    setAlertVisible: (visible: boolean) => void;\n    // ---\n    snackItemStack: SnackItem[];\n    hideSnackBar: (index: number) => void;\n    // ---\n    bottomSheetVisible: boolean;\n    setBottomSheetVisible: (visible: boolean) => void;\n    // ---\n    loaderVisible: boolean;\n    // ---\n    modalityVisible: boolean;\n    setPopOverVisible: (visible: boolean) => void;\n    // ---\n    popOverVisible: boolean;\n    setModalityVisible: (visible: boolean) => void;\n    // ---\n    showAlert: (props: ShowAlertProps) => void;\n    showSnackBar: (props: ShowSnackBarProps) => void;\n    showBottomSheet: (props: ShowBottomSheetProps) => void;\n    showLoader: () => void;\n    showPopOverMenu: (props: PopOverMenuProps) => void;\n    showModality: (props: ModalityProps) => void;\n    // ---\n    hideOverlay: (option: HideOption) => 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 ShowBottomSheetProps {\n    backgroundColor?: string;\n    isBottomRadius?: boolean;\n    marginHorizontal?: number;\n    isHandleVisible?: boolean;\n    marginBottom?: number;\n    padding?: number;\n    component: React.ReactNode;\n    contentsGestureEnable?: boolean;\n    maxHeight?: number;\n    isScrollView?: boolean;\n    showsVerticalScrollIndicator?: boolean;\n    headerComponent?: 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};\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 BottomSheetRef {\n    handleVisible: (isOpen: boolean) => void;\n};"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAsDC,CAAC;AAKD,CAAC;AAMD,CAAC;AAKD,CAAC;AAcD,CAAC;AAKD,CAAC;AAOD,CAAC;AAWD,CAAC;AAID,CAAC","sourcesContent":["import { ReactNode } from \"react\";\nimport { TextProps, TouchableOpacityProps } from \"react-native\";\n\nexport interface OverlayProps {\n    alertVisible: boolean;\n    setAlertVisible: (visible: boolean) => void;\n    // ---\n    snackItemStack: SnackItem[];\n    hideSnackBar: (index: number) => void;\n    // ---\n    bottomSheetVisible: boolean;\n    setBottomSheetVisible: (visible: boolean) => void;\n    // ---\n    loaderVisible: boolean;\n    // ---\n    modalityVisible: boolean;\n    setPopOverVisible: (visible: boolean) => void;\n    // ---\n    popOverVisible: boolean;\n    setModalityVisible: (visible: boolean) => void;\n    // ---\n    showAlert: (props: ShowAlertProps) => void;\n    showSnackBar: (props: ShowSnackBarProps) => void;\n    showBottomSheet: (props: ShowBottomSheetProps) => void;\n    showLoader: () => void;\n    showPopOverMenu: (props: PopOverMenuProps) => void;\n    showModality: (props: ModalityProps) => void;\n    // ---\n    hideOverlay: (option: HideOption) => 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 ShowBottomSheetProps {\n    backgroundColor?: string;\n    isBottomRadius?: boolean;\n    marginHorizontal?: number;\n    isHandleVisible?: boolean;\n    marginBottom?: number;\n    padding?: number;\n    component: React.ReactNode;\n    contentsGestureEnable?: boolean;\n    maxHeight?: number;\n    isScrollView?: boolean;\n    showsVerticalScrollIndicator?: boolean;\n    headerComponent?: 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};\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 BottomSheetRef {\n    handleVisible: (isOpen: boolean) => void;\n};"]}

package/build/model/useOverlayProvider.js

@@ -51,8 +51,8 @@ export function OverlayProvider({ customSnackbar, loaderComponent, children }) {
     const [fontFamily, setFontFamily] = useState(undefined);
     const showAlert = ({ title, informative, actions, isBackgroundTouchClose = true, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, primaryButtonTextStyle, singleButtonTextStyle, }) => {
         Keyboard.dismiss();
-        setTitle(title);
-        setInformative(informative);
+        setTitle(title || '');
+        setInformative(informative || '');
         setActions(actions || {});
         setIsBackgroundTouchClose(isBackgroundTouchClose);
         setAlertVisible(true);

package/build/model/useOverlayProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOverlayProvider.js","sourceRoot":"","sources":["../../src/model/useOverlayProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAoC,MAAM,cAAc,CAAC;AAC1E,OAAO,cAAc,MAAM,cAAc,CAAC;AAE1C,OAAO,YAAY,MAAM,yBAAyB,CAAC;AACnD,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,kBAAkB,MAAM,+BAA+B,CAAC;AAC/D,OAAO,aAAa,MAAM,0BAA0B,CAAC;AACrD,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAE3C,MAAM,UAAU,eAAe,CAAC,EAC5B,cAAc,EACd,eAAe,EACf,QAAQ,EACW;IACnB,QAAQ;IACR,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC/C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAgB,CAAC;IACvD,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IACpF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,EAAsB,CAAC;IACnE,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAC/E,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,EAAkC,CAAC;IACnG,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,EAAkC,CAAC;IAC/F,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAC/F,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAC3F,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,EAAsB,CAAC;IAEzF,WAAW;IACX,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAc,EAAE,CAAC,CAAC;IAEtE,cAAc;IACd,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACnF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC7E,MAAM,CAAC,0BAA0B,EAAE,6BAA6B,CAAC,GAAG,QAAQ,EAAU,CAAC;IACvF,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,CAAC;IACzF,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC5F,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IAC5F,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC3E,MAAM,CAAC,qBAAqB,EAAE,wBAAwB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAClF,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IACpE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACpF,MAAM,CAAC,4BAA4B,EAAE,+BAA+B,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjG,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAA8B,SAAS,CAAC,CAAC;IAC/F,MAAM,cAAc,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE3D,UAAU;IACV,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEnE,UAAU;IACV,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACrE,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAA6D,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC;IACrI,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,CAAC;IAEjF,WAAW;IACX,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvE,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAkB,KAAK,CAAC,CAAC;IAEnF,MAAM;IACN,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAA0E,SAAS,CAAC,CAAC;IAGjI,MAAM,SAAS,GAAG,CAAC,EACf,KAAK,EACL,WAAW,EACX,OAAO,EACP,sBAAsB,GAAG,IAAI,EAC7B,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,GACR,EAAE,EAAE;QACjB,QAAQ,CAAC,OAAO,EAAE,CAAC;QACnB,QAAQ,CAAC,KAAK,CAAC,CAAC;QAChB,cAAc,CAAC,WAAW,CAAC,CAAC;QAC5B,UAAU,CAAC,OAAO,IAAI,EAAkB,CAAC,CAAC;QAC1C,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;QAClD,eAAe,CAAC,IAAI,CAAC,CAAC;QAEtB,aAAa,CAAC,UAAU,CAAC,CAAC;QAC1B,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;QACtC,uBAAuB,CAAC,oBAAoB,CAAC,CAAC;QAC9C,qBAAqB,CAAC,kBAAkB,CAAC,CAAC;QAC1C,2BAA2B,CAAC,wBAAwB,CAAC,CAAC;QACtD,yBAAyB,CAAC,sBAAsB,CAAC,CAAC;QAClD,wBAAwB,CAAC,qBAAqB,CAAC,CAAC;QAEhD,aAAa,CAAC,UAAU,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,EACrB,eAAe,GAAG,IAAI,EACtB,SAAS,EACT,qBAAqB,GAAG,IAAI,EAC5B,gBAAgB,EAChB,OAAO,EACP,YAAY,EACZ,eAAe,EACf,cAAc,GAAG,IAAI,EACrB,SAAS,EACT,YAAY,GAAG,IAAI,EACnB,4BAA4B,GAAG,KAAK,EACpC,eAAe,GAAG,SAAS,EACR,EAAE,EAAE;QACvB,QAAQ,CAAC,OAAO,EAAE,CAAC;QACnB,OAAO,IAAI,qBAAqB,CAAC,OAAO,CAAC,CAAC;QAC1C,YAAY,IAAI,iBAAiB,CAAC,YAAY,CAAC,CAAC;QAChD,gBAAgB,IAAI,qBAAqB,CAAC,gBAAgB,CAAC,CAAC;QAC5D,eAAe,IAAI,6BAA6B,CAAC,eAAe,CAAC,CAAC;QAClE,SAAS,IAAI,uBAAuB,CAAC,SAAS,CAAC,CAAC;QAChD,+BAA+B,CAAC,4BAA4B,CAAC,CAAC;QAC9D,kBAAkB,CAAC,eAAe,CAAC,CAAC;QACpC,wBAAwB,CAAC,qBAAqB,CAAC,CAAC;QAChD,gBAAgB,CAAC,eAAe,CAAC,CAAC;QAClC,wBAAwB,CAAC,YAAY,CAAC,CAAC;QACvC,iBAAiB,CAAC,cAAc,CAAC,CAAC;QAClC,uBAAuB,CAAC,SAAS,CAAC,CAAC;QACnC,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACpB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,EACrB,EAAE,EACF,EAAE,EACF,SAAS,EACM,EAAE,EAAE;QACnB,kBAAkB,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QAC/B,mBAAmB,CAAC,SAAS,CAAC,CAAC;QAC/B,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EAClB,SAAS,EACG,EAAE,EAAE;QAChB,oBAAoB,CAAC,SAAS,CAAC,CAAC;QAChC,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,EAClB,OAAO,EACP,IAAI,GAAG,SAAS,EAChB,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,EAClB,gBAAgB,GAAG,IAAI,EACP,EAAE,EAAE;QACpB,+CAA+C;QAC/C,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE;YACvB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBACpB,OAAO,CAAC,GAAG,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC,CAAC;YAC1F,CAAC;iBAAM,CAAC;gBACJ,OAAO,IAAI,CAAC;YAChB,CAAC;YAAA,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,EAAE;QACnC,iBAAiB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC;IAC7E,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,MAAkB,EAAE,EAAE;QACnD,QAAQ,MAAM,EAAE,CAAC;YACb,KAAK,OAAO;gBACR,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,MAAM;YACV,KAAK,OAAO;gBACR,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,MAAM;YACV,KAAK,OAAO;gBACR,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBACtB,MAAM;YACV,KAAK,aAAa;gBACd,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC7C,MAAM;YACV,KAAK,QAAQ;gBACT,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBACxB,MAAM;YACV,KAAK,SAAS;gBACV,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBACzB,MAAM;YACV,KAAK,KAAK;gBACN,kBAAkB,CAAC,KAAK,CAAC,CAAC;gBAC1B,eAAe,CAAC,KAAK,CAAC,CAAC;gBACvB,iBAAiB,CAAC,EAAE,CAAC,CAAC;gBACtB,gBAAgB,CAAC,KAAK,CAAC,CAAC;gBACxB,iBAAiB,CAAC,KAAK,CAAC,CAAC;gBACzB,cAAc,CAAC,OAAO,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC7C,MAAM;YACV;gBACI,MAAM;QACd,CAAC;QAAA,CAAC;IACN,CAAC,EAAE,EAAE,CAAC,CAAC;IAGP,OAAO,CACH,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;YAC5B,YAAY;YACZ,eAAe;YACf,MAAM;YACN,cAAc;YACd,YAAY;YACZ,MAAM;YACN,kBAAkB;YAClB,qBAAqB;YACrB,MAAM;YACN,aAAa;YACb,MAAM;YACN,cAAc;YACd,iBAAiB;YACjB,MAAM;YACN,eAAe;YACf,kBAAkB;YAClB,MAAM;YACN,SAAS;YACT,YAAY;YACZ,eAAe;YACf,UAAU;YACV,eAAe;YACf,YAAY;YACZ,MAAM;YACN,WAAW;SACd,CAAC,CACE;YAAA,CAAC,QAAQ,CAET;;YAAA,CAAC,kBAAkB,CACf,GAAG,CAAC,CAAC,cAAc,CAAC,CACpB,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,eAAe,CAAC,CAAC,aAAa,CAAC,CAC/B,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,0BAA0B,CAAC,CAAC,0BAA0B,CAAC,CACvD,SAAS,CAAC,CAAC,oBAAoB,CAAC,CAChC,YAAY,CAAC,CAAC,qBAAqB,CAAC,CACpC,4BAA4B,CAAC,CAAC,4BAA4B,CAAC,CAC3D,eAAe,CAAC,CAAC,eAAe,CAAC,EAGrC;;YAAA,CAAC,WAAW,CACR,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CACxB,EAAE,CAAC,CAAC,eAAe,EAAE,EAAE,CAAC,CACxB,SAAS,CAAC,CAAC,gBAAgB,CAAC,EAGhC;;YAAA,CAAC,cAAc,CACX,cAAc,CAAC,CAAC,cAAc,CAAC,EAGnC;;YAAA,CAAC,YAAY,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,IAAI,EAAkB,CAAC,CACvC,sBAAsB,CAAC,CAAC,sBAAsB,CAAC,CAC/C,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,gBAAgB,CAAC,CAAC,gBAAgB,CAAC,CACnC,oBAAoB,CAAC,CAAC,oBAAoB,CAAC,CAC3C,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,wBAAwB,CAAC,CAAC,wBAAwB,CAAC,CACnD,sBAAsB,CAAC,CAAC,sBAAsB,CAAC,CAC/C,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,EAGjD;;YAAA,CAAC,QAAQ,CAAC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,EAE/C;;YAAA,CAAC,aAAa,CACV,eAAe,CAAC,CAAC,eAAe,CAAC,EAEzC;QAAA,EAAE,cAAc,CAAC,QAAQ,CAAC,CAC7B,CAAC;AACN,CAAC","sourcesContent":["import { useCallback, useRef, useState } from 'react';\nimport { Keyboard, TextProps, TouchableOpacityProps } from 'react-native';\nimport OverlayContext from './useOverlay';\nimport { AlertActions, BottomSheetRef, 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    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 [contentsGestureEnable, setContentsGestureEnable] = useState<boolean>(false);\n    const [bottomSheetVisible, setBottomSheetVisible] = useState<boolean>(false);\n    const [bottomSheetBackgroundColor, setBottomSheetBackgroundColor] = useState<string>();\n    const [bottomSheetComponent, setBottomSheetComponent] = useState<React.ReactNode>(false);\n    const [bottomSheetPadding, setBottomSheetPadding] = useState<number | undefined>(undefined);\n    const [bottomSheetMarginX, setBottomSheetMarginX] = useState<number | undefined>(undefined);\n    const [bottomSheetMaxHeight, setBottomSheetMaxHeight] = useState<number>();\n    const [bottomSheetScrollView, setBottomSheetScrollView] = useState<boolean>(true);\n    const [isBottomRadius, setIsBottomRadius] = useState<boolean>(true);\n    const [handleVisible, setHandleVisible] = useState<boolean>(true);\n    const [marginBottomBS, setMarginBottomBs] = useState<number | undefined>(undefined);\n    const [showsVerticalScrollIndicator, setShowsVerticalScrollIndicator] = useState<boolean>(false);\n    const [headerComponent, setHeaderComponent] = useState<React.ReactNode | undefined>(undefined);\n    const bottomSheetRef = useRef<BottomSheetRef | null>(null);\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    // ---\n    const [fontFamily, setFontFamily] = useState<string | undefined | { title?: string; info?: string; label?: string; }>(undefined);\n\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        setFontFamily(fontFamily);\n    };\n\n    const showBottomSheet = ({\n        isHandleVisible = true,\n        component,\n        contentsGestureEnable = true,\n        marginHorizontal,\n        padding,\n        marginBottom,\n        backgroundColor,\n        isBottomRadius = true,\n        maxHeight,\n        isScrollView = true,\n        showsVerticalScrollIndicator = false,\n        headerComponent = undefined\n    }: ShowBottomSheetProps) => {\n        Keyboard.dismiss();\n        padding && setBottomSheetPadding(padding);\n        marginBottom && setMarginBottomBs(marginBottom);\n        marginHorizontal && setBottomSheetMarginX(marginHorizontal);\n        backgroundColor && setBottomSheetBackgroundColor(backgroundColor);\n        maxHeight && setBottomSheetMaxHeight(maxHeight);\n        setShowsVerticalScrollIndicator(showsVerticalScrollIndicator);\n        setHeaderComponent(headerComponent);\n        setContentsGestureEnable(contentsGestureEnable);\n        setHandleVisible(isHandleVisible);\n        setBottomSheetScrollView(isScrollView);\n        setIsBottomRadius(isBottomRadius);\n        setBottomSheetComponent(component);\n        bottomSheetRef.current?.handleVisible(true);\n    };\n\n    const showLoader = () => {\n        setLoaderVisible(true);\n    };\n\n    const showPopOverMenu = ({\n        px,\n        py,\n        component\n    }: PopOverMenuProps) => {\n        setPopOverLocation({ px, py });\n        setPopOverComponent(component);\n        setPopOverVisible(true);\n    }\n\n    const showModality = ({\n        component\n    }: ModalityProps) => {\n        setModalityComponent(component);\n        setModalityVisible(true);\n    }\n\n    const showSnackBar = ({\n        message,\n        type = 'success',\n        index = Date.now(),\n        snackbarDuration = 3000\n    }: ShowSnackBarProps) => {\n        // TODO: 스택 쌓고싶은데 삭제될 때 참조를 잃어서 삭제가 안되는 문제가 있음.\n        setSnackItemStack((prev) => {\n            if (prev.length === 0) {\n                return [...prev, { message, type, index: index, snackbarDuration: snackbarDuration }];\n            } else {\n                return prev;\n            };\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                bottomSheetRef.current?.handleVisible(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                bottomSheetRef.current?.handleVisible(false);\n                break;\n            default:\n                break;\n        };\n    }, []);\n\n\n    return (\n        <OverlayContext.Provider value={{\n            alertVisible,\n            setAlertVisible,\n            // ---\n            snackItemStack,\n            hideSnackBar,\n            // ---\n            bottomSheetVisible,\n            setBottomSheetVisible,\n            // ---\n            loaderVisible,\n            // ---\n            popOverVisible,\n            setPopOverVisible,\n            // ---\n            modalityVisible,\n            setModalityVisible,\n            // ---\n            showAlert,\n            showSnackBar,\n            showBottomSheet,\n            showLoader,\n            showPopOverMenu,\n            showModality,\n            // ---\n            hideOverlay,\n        }}>\n            {children}\n\n            <BottomSheetOverlay\n                ref={bottomSheetRef}\n                bottomSheetComponent={bottomSheetComponent}\n                contentsGestureEnable={contentsGestureEnable}\n                bottomSheetPadding={bottomSheetPadding}\n                marginBottomBS={marginBottomBS}\n                isHandleVisible={handleVisible}\n                bottomSheetMarginX={bottomSheetMarginX}\n                isBottomRadius={isBottomRadius}\n                bottomSheetBackgroundColor={bottomSheetBackgroundColor}\n                maxHeight={bottomSheetMaxHeight}\n                isScrollView={bottomSheetScrollView}\n                showsVerticalScrollIndicator={showsVerticalScrollIndicator}\n                headerComponent={headerComponent}\n            />\n\n            <PopOverMenu\n                px={popOverLocation?.px}\n                py={popOverLocation?.py}\n                component={popOverComponent}\n            />\n\n            <SnackbarNotify\n                customSnackbar={customSnackbar}\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            <Modality modalityComponent={modalityComponent} />\n\n            <LoadingNotify\n                loaderComponent={loaderComponent}\n            />\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, useRef, useState } from 'react';\nimport { Keyboard, TextProps, TouchableOpacityProps } from 'react-native';\nimport OverlayContext from './useOverlay';\nimport { AlertActions, BottomSheetRef, 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    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 [contentsGestureEnable, setContentsGestureEnable] = useState<boolean>(false);\n    const [bottomSheetVisible, setBottomSheetVisible] = useState<boolean>(false);\n    const [bottomSheetBackgroundColor, setBottomSheetBackgroundColor] = useState<string>();\n    const [bottomSheetComponent, setBottomSheetComponent] = useState<React.ReactNode>(false);\n    const [bottomSheetPadding, setBottomSheetPadding] = useState<number | undefined>(undefined);\n    const [bottomSheetMarginX, setBottomSheetMarginX] = useState<number | undefined>(undefined);\n    const [bottomSheetMaxHeight, setBottomSheetMaxHeight] = useState<number>();\n    const [bottomSheetScrollView, setBottomSheetScrollView] = useState<boolean>(true);\n    const [isBottomRadius, setIsBottomRadius] = useState<boolean>(true);\n    const [handleVisible, setHandleVisible] = useState<boolean>(true);\n    const [marginBottomBS, setMarginBottomBs] = useState<number | undefined>(undefined);\n    const [showsVerticalScrollIndicator, setShowsVerticalScrollIndicator] = useState<boolean>(false);\n    const [headerComponent, setHeaderComponent] = useState<React.ReactNode | undefined>(undefined);\n    const bottomSheetRef = useRef<BottomSheetRef | null>(null);\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    // ---\n    const [fontFamily, setFontFamily] = useState<string | undefined | { title?: string; info?: string; label?: string; }>(undefined);\n\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        setFontFamily(fontFamily);\n    };\n\n    const showBottomSheet = ({\n        isHandleVisible = true,\n        component,\n        contentsGestureEnable = true,\n        marginHorizontal,\n        padding,\n        marginBottom,\n        backgroundColor,\n        isBottomRadius = true,\n        maxHeight,\n        isScrollView = true,\n        showsVerticalScrollIndicator = false,\n        headerComponent = undefined\n    }: ShowBottomSheetProps) => {\n        Keyboard.dismiss();\n        padding && setBottomSheetPadding(padding);\n        marginBottom && setMarginBottomBs(marginBottom);\n        marginHorizontal && setBottomSheetMarginX(marginHorizontal);\n        backgroundColor && setBottomSheetBackgroundColor(backgroundColor);\n        maxHeight && setBottomSheetMaxHeight(maxHeight);\n        setShowsVerticalScrollIndicator(showsVerticalScrollIndicator);\n        setHeaderComponent(headerComponent);\n        setContentsGestureEnable(contentsGestureEnable);\n        setHandleVisible(isHandleVisible);\n        setBottomSheetScrollView(isScrollView);\n        setIsBottomRadius(isBottomRadius);\n        setBottomSheetComponent(component);\n        bottomSheetRef.current?.handleVisible(true);\n    };\n\n    const showLoader = () => {\n        setLoaderVisible(true);\n    };\n\n    const showPopOverMenu = ({\n        px,\n        py,\n        component\n    }: PopOverMenuProps) => {\n        setPopOverLocation({ px, py });\n        setPopOverComponent(component);\n        setPopOverVisible(true);\n    }\n\n    const showModality = ({\n        component\n    }: ModalityProps) => {\n        setModalityComponent(component);\n        setModalityVisible(true);\n    }\n\n    const showSnackBar = ({\n        message,\n        type = 'success',\n        index = Date.now(),\n        snackbarDuration = 3000\n    }: ShowSnackBarProps) => {\n        // TODO: 스택 쌓고싶은데 삭제될 때 참조를 잃어서 삭제가 안되는 문제가 있음.\n        setSnackItemStack((prev) => {\n            if (prev.length === 0) {\n                return [...prev, { message, type, index: index, snackbarDuration: snackbarDuration }];\n            } else {\n                return prev;\n            };\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                bottomSheetRef.current?.handleVisible(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                bottomSheetRef.current?.handleVisible(false);\n                break;\n            default:\n                break;\n        };\n    }, []);\n\n\n    return (\n        <OverlayContext.Provider value={{\n            alertVisible,\n            setAlertVisible,\n            // ---\n            snackItemStack,\n            hideSnackBar,\n            // ---\n            bottomSheetVisible,\n            setBottomSheetVisible,\n            // ---\n            loaderVisible,\n            // ---\n            popOverVisible,\n            setPopOverVisible,\n            // ---\n            modalityVisible,\n            setModalityVisible,\n            // ---\n            showAlert,\n            showSnackBar,\n            showBottomSheet,\n            showLoader,\n            showPopOverMenu,\n            showModality,\n            // ---\n            hideOverlay,\n        }}>\n            {children}\n\n            <BottomSheetOverlay\n                ref={bottomSheetRef}\n                bottomSheetComponent={bottomSheetComponent}\n                contentsGestureEnable={contentsGestureEnable}\n                bottomSheetPadding={bottomSheetPadding}\n                marginBottomBS={marginBottomBS}\n                isHandleVisible={handleVisible}\n                bottomSheetMarginX={bottomSheetMarginX}\n                isBottomRadius={isBottomRadius}\n                bottomSheetBackgroundColor={bottomSheetBackgroundColor}\n                maxHeight={bottomSheetMaxHeight}\n                isScrollView={bottomSheetScrollView}\n                showsVerticalScrollIndicator={showsVerticalScrollIndicator}\n                headerComponent={headerComponent}\n            />\n\n            <PopOverMenu\n                px={popOverLocation?.px}\n                py={popOverLocation?.py}\n                component={popOverComponent}\n            />\n\n            <SnackbarNotify\n                customSnackbar={customSnackbar}\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            <Modality modalityComponent={modalityComponent} />\n\n            <LoadingNotify\n                loaderComponent={loaderComponent}\n            />\n        </OverlayContext.Provider>\n    );\n}\n"]}

package/build/overlay/AlertOverlay/index.js

@@ -45,14 +45,14 @@ function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, tit
                         { backgroundColor: background.neutral, marginRight: 8 },
                         secondaryButtonStyle
                     ]} onPress={handleButtonPress(secondary?.onPress)}>
-                    <ZSText typo='subTitle.2' style={[secondaryButtonTextStyle]}>{secondary.label}</ZSText>
+                    <ZSText typo='label.2' style={[secondaryButtonTextStyle]}>{secondary.label}</ZSText>
                   </TouchableOpacity>
 
                   <TouchableOpacity style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]} onPress={handleButtonPress(primary?.onPress)}>
-                    <ZSText typo='subTitle.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>
+                    <ZSText typo='label.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>
                   </TouchableOpacity>
                 </>) : (<TouchableOpacity style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]} onPress={handleButtonPress(primary?.onPress)}>
-                  <ZSText typo='subTitle.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>
+                  <ZSText typo='label.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>
                 </TouchableOpacity>)}
             </ViewAtom>)}
         </Pressable>

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, useEffect, useMemo } from 'react';\nimport { Dimensions, KeyboardAvoidingView, Platform, Pressable, StyleSheet, TouchableOpacity, BackHandler, Text } from 'react-native';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\nimport { AlertActions, ShowAlertProps } from '../../model/types';\nimport { useOverlay } from '../../model/useOverlay';\nimport { useTheme } from '../../model/useThemeProvider';\nimport { ThemeBackground } from '../../theme';\nimport { ZSText } from '../../ui';\nimport ModalBackground from '../ui/ModalBackground';\nimport ViewAtom from '../../ui/atoms/ViewAtom';\n\nconst modalWidth = Dimensions.get('window').width - 60;\n\nfunction AlertOverlay({\n  actions,\n  title,\n  informative,\n  isBackgroundTouchClose,\n  titleStyle,\n  informativeStyle,\n  secondaryButtonStyle,\n  primaryButtonStyle,\n  secondaryButtonTextStyle,\n  primaryButtonTextStyle,\n  singleButtonTextStyle,\n}: ShowAlertProps) {\n  const { alertVisible, setAlertVisible } = useOverlay();\n  const { palette: { background, text, primary: primaryColor } } = useTheme();\n\n  const styles = useMemo(\n    () => createStyles({ background }),\n    [background, text, primaryColor]\n  );\n\n  // 버튼 클릭 핸들러 함수, 콜백 메모이제이션으로 성능 최적화\n  const handleButtonPress = useCallback(\n    (onPressFunction?: () => void) => () => {\n      if (onPressFunction) {\n        onPressFunction();\n      }\n      setAlertVisible(false);\n    },\n    [setAlertVisible]\n  );\n\n  // 뒤로가기 버튼 핸들러 함수\n  const backPressHandler = useCallback(() => {\n    if (alertVisible) {\n      setAlertVisible(false);\n      return true;\n    }\n    return false;\n  }, [alertVisible, setAlertVisible]);\n\n  // 뒤로가기 버튼 리스너 설정\n  useEffect(() => {\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backPressHandler);\n    return () => backHandler.remove();\n  }, [backPressHandler]);\n\n  // content를 useMemo로 감싸서 불필요한 재렌더링 방지\n  const content = useMemo(() => {\n    const { primary, secondary } = actions || {} as AlertActions;\n\n    return (\n      <Animated.View\n        entering={FadeInDown.duration(300)}\n        exiting={FadeOutDown.duration(100)}\n      >\n        <Pressable style={[styles.contentContainer, { width: modalWidth }]}>\n          {title && (\n            <ZSText typo='title.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='subTitle.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='subTitle.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='subTitle.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>\n                </TouchableOpacity>\n              )}\n            </ViewAtom>\n          )}\n        </Pressable>\n      </Animated.View>\n    );\n  }, [title, informative, actions, handleButtonPress, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, primaryButtonTextStyle, singleButtonTextStyle]);\n\n  return alertVisible ? (\n    <ModalBackground onPress={() => { if (isBackgroundTouchClose) setAlertVisible(false); }}>\n      <KeyboardAvoidingView\n        style={styles.avoidingView}\n        behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n        enabled\n      >\n        {content}\n      </KeyboardAvoidingView>\n    </ModalBackground>\n  ) : null;\n}\n\nexport default AlertOverlay;\n\nconst createStyles = ({\n  background,\n}: {\n  background: ThemeBackground;\n}) =>\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\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC/D,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAQ,MAAM,cAAc,CAAC;AACtI,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,eAAe,MAAM,uBAAuB,CAAC;AACpD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAE/C,MAAM,UAAU,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;AAEvD,SAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,GACN;IACf,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,UAAU,EAAE,CAAC;IACvD,MAAM,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE5E,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,UAAU,EAAE,CAAC,EAClC,CAAC,UAAU,EAAE,IAAI,EAAE,YAAY,CAAC,CACjC,CAAC;IAEF,mCAAmC;IACnC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,eAA4B,EAAE,EAAE,CAAC,GAAG,EAAE;QACrC,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,EAAE,CAAC;QACpB,CAAC;QACD,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,iBAAiB;IACjB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,YAAY,EAAE,CAAC;YACjB,eAAe,CAAC,KAAK,CAAC,CAAC;YACvB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpC,iBAAiB;IACjB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,WAAW,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,gBAAgB,CAAC,CAAC;QACxF,OAAO,GAAG,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC;IACpC,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,qCAAqC;IACrC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,OAAO,IAAI,EAAkB,CAAC;QAE7D,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,QAAQ,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CACnC,OAAO,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAEnC;QAAA,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CACjE;UAAA,CAAC,KAAK,IAAI,CACR,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,CAC3E,CACD;UAAA,CAAC,WAAW,IAAI,CACd,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,CAC5F,CACD;UAAA,CAAC,OAAO,IAAI,CACV,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CACtC;cAAA,CAAC,SAAS,CAAC,CAAC,CAAC,CACX,EACE;kBAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC;wBACL,MAAM,CAAC,MAAM;wBACb,EAAE,eAAe,EAAE,UAAU,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE;wBACvD,oBAAoB;qBACrB,CAAC,CACF,OAAO,CAAC,CAAC,iBAAiB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAE/C;oBAAA,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,MAAM,CACrF;kBAAA,EAAE,gBAAgB,CAElB;;kBAAA,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,eAAe,EAAE,YAAY,CAAC,IAAI,EAAE,EAAE,kBAAkB,CAAC,CAAC,CACnF,OAAO,CAAC,CAAC,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAE7C;oBAAA,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,EAAE,MAAM,CAC1G;kBAAA,EAAE,gBAAgB,CACpB;gBAAA,GAAG,CACJ,CAAC,CAAC,CAAC,CACF,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,eAAe,EAAE,YAAY,CAAC,IAAI,EAAE,EAAE,kBAAkB,CAAC,CAAC,CACnF,OAAO,CAAC,CAAC,iBAAiB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,CAE7C;kBAAA,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,EAAE,MAAM,CAC1G;gBAAA,EAAE,gBAAgB,CAAC,CACpB,CACH;YAAA,EAAE,QAAQ,CAAC,CACZ,CACH;QAAA,EAAE,SAAS,CACb;MAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,sBAAsB,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAEtM,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,GAAG,IAAI,sBAAsB;QAAE,eAAe,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CACtF;MAAA,CAAC,oBAAoB,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACxD,OAAO,CAEP;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,oBAAoB,CACxB;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,eAAe,YAAY,CAAC;AAE5B,MAAM,YAAY,GAAG,CAAC,EACpB,UAAU,GAGX,EAAE,EAAE,CACH,UAAU,CAAC,MAAM,CAAC;IAChB,KAAK,EAAE;QACL,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,MAAM;QACb,iBAAiB,EAAE,CAAC;KACrB;IACD,WAAW,EAAE;QACX,SAAS,EAAE,CAAC;QACZ,KAAK,EAAE,MAAM;QACb,iBAAiB,EAAE,CAAC;KACrB;IACD,eAAe,EAAE;QACf,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,EAAE;QACb,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;KAC3B;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,EAAE;QACnB,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KACzB;IACD,gBAAgB,EAAE;QAChB,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,UAAU,CAAC,IAAI;QAChC,YAAY,EAAE,EAAE;QAChB,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE,EAAE;QACd,iBAAiB,EAAE,EAAE;KACtB;CACF,CAAC,CAAC","sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\nimport { Dimensions, KeyboardAvoidingView, Platform, Pressable, StyleSheet, TouchableOpacity, BackHandler, Text } from 'react-native';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\nimport { AlertActions, ShowAlertProps } from '../../model/types';\nimport { useOverlay } from '../../model/useOverlay';\nimport { useTheme } from '../../model/useThemeProvider';\nimport { ThemeBackground } from '../../theme';\nimport { ZSText } from '../../ui';\nimport ModalBackground from '../ui/ModalBackground';\nimport ViewAtom from '../../ui/atoms/ViewAtom';\n\nconst modalWidth = Dimensions.get('window').width - 60;\n\nfunction AlertOverlay({\n  actions,\n  title,\n  informative,\n  isBackgroundTouchClose,\n  titleStyle,\n  informativeStyle,\n  secondaryButtonStyle,\n  primaryButtonStyle,\n  secondaryButtonTextStyle,\n  primaryButtonTextStyle,\n  singleButtonTextStyle,\n}: ShowAlertProps) {\n  const { alertVisible, setAlertVisible } = useOverlay();\n  const { palette: { background, text, primary: primaryColor } } = useTheme();\n\n  const styles = useMemo(\n    () => createStyles({ background }),\n    [background, text, primaryColor]\n  );\n\n  // 버튼 클릭 핸들러 함수, 콜백 메모이제이션으로 성능 최적화\n  const handleButtonPress = useCallback(\n    (onPressFunction?: () => void) => () => {\n      if (onPressFunction) {\n        onPressFunction();\n      }\n      setAlertVisible(false);\n    },\n    [setAlertVisible]\n  );\n\n  // 뒤로가기 버튼 핸들러 함수\n  const backPressHandler = useCallback(() => {\n    if (alertVisible) {\n      setAlertVisible(false);\n      return true;\n    }\n    return false;\n  }, [alertVisible, setAlertVisible]);\n\n  // 뒤로가기 버튼 리스너 설정\n  useEffect(() => {\n    const backHandler = BackHandler.addEventListener('hardwareBackPress', backPressHandler);\n    return () => backHandler.remove();\n  }, [backPressHandler]);\n\n  // content를 useMemo로 감싸서 불필요한 재렌더링 방지\n  const content = useMemo(() => {\n    const { primary, secondary } = actions || {} as AlertActions;\n\n    return (\n      <Animated.View\n        entering={FadeInDown.duration(300)}\n        exiting={FadeOutDown.duration(100)}\n      >\n        <Pressable style={[styles.contentContainer, { width: modalWidth }]}>\n          {title && (\n            <ZSText typo='title.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        </Pressable>\n      </Animated.View>\n    );\n  }, [title, informative, actions, handleButtonPress, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, primaryButtonTextStyle, singleButtonTextStyle]);\n\n  return alertVisible ? (\n    <ModalBackground onPress={() => { if (isBackgroundTouchClose) setAlertVisible(false); }}>\n      <KeyboardAvoidingView\n        style={styles.avoidingView}\n        behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n        enabled\n      >\n        {content}\n      </KeyboardAvoidingView>\n    </ModalBackground>\n  ) : null;\n}\n\nexport default AlertOverlay;\n\nconst createStyles = ({\n  background,\n}: {\n  background: ThemeBackground;\n}) =>\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\n"]}

package/build/theme/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAE9D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,uBAAuB,CAoMvG"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAI9D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,uBAAuB,CAoMvG"}

package/build/theme/typography.js

@@ -1,194 +1,195 @@
+const baseSize = 1;
 export default function typography({ themeFonts }) {
     return {
         themeFonts: themeFonts,
         heading: {
             1: {
-                fontSize: 64,
+                fontSize: baseSize + 64,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             2: {
-                fontSize: 48,
+                fontSize: baseSize + 48,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             3: {
-                fontSize: 32,
+                fontSize: baseSize + 32,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             4: {
-                fontSize: 24,
+                fontSize: baseSize + 24,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             5: {
-                fontSize: 20,
+                fontSize: baseSize + 20,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             6: {
-                fontSize: 18,
+                fontSize: baseSize + 18,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             }
         },
         title: {
             1: {
-                fontSize: 16,
+                fontSize: baseSize + 16,
                 fontFamily: themeFonts?.[800],
                 letterSpacing: 1
             },
             2: {
-                fontSize: 14,
+                fontSize: baseSize + 14,
                 fontFamily: themeFonts?.[800],
                 letterSpacing: 1
             },
             3: {
-                fontSize: 12,
+                fontSize: baseSize + 12,
                 fontFamily: themeFonts?.[800],
                 letterSpacing: 1
             },
             4: {
-                fontSize: 10,
+                fontSize: baseSize + 10,
                 fontFamily: themeFonts?.[800],
                 letterSpacing: 1
             },
             5: {
-                fontSize: 9,
+                fontSize: baseSize + 9,
                 fontFamily: themeFonts?.[800],
                 letterSpacing: 1
             },
             6: {
-                fontSize: 8,
+                fontSize: baseSize + 8,
                 fontFamily: themeFonts?.[800],
                 letterSpacing: 1
             }
         },
         subTitle: {
             1: {
-                fontSize: 16,
+                fontSize: baseSize + 16,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             2: {
-                fontSize: 14,
+                fontSize: baseSize + 14,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             3: {
-                fontSize: 12,
+                fontSize: baseSize + 12,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             4: {
-                fontSize: 10,
+                fontSize: baseSize + 10,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             5: {
-                fontSize: 9,
+                fontSize: baseSize + 9,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             },
             6: {
-                fontSize: 8,
+                fontSize: baseSize + 8,
                 fontFamily: themeFonts?.[700],
                 letterSpacing: 1
             }
         },
         label: {
             1: {
-                fontSize: 16,
+                fontSize: baseSize + 16,
                 fontFamily: themeFonts?.[600],
                 letterSpacing: 1
             },
             2: {
-                fontSize: 14,
+                fontSize: baseSize + 14,
                 fontFamily: themeFonts?.[600],
                 letterSpacing: 1
             },
             3: {
-                fontSize: 13,
+                fontSize: baseSize + 13,
                 fontFamily: themeFonts?.[600],
                 letterSpacing: 1
             },
             4: {
-                fontSize: 12,
+                fontSize: baseSize + 12,
                 fontFamily: themeFonts?.[600],
                 letterSpacing: 1
             },
             5: {
-                fontSize: 11,
+                fontSize: baseSize + 11,
                 fontFamily: themeFonts?.[600],
                 letterSpacing: 1
             },
             6: {
-                fontSize: 10,
+                fontSize: baseSize + 10,
                 fontFamily: themeFonts?.[600],
                 letterSpacing: 1
             }
         },
         body: {
             1: {
-                fontSize: 16,
+                fontSize: baseSize + 16,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             2: {
-                fontSize: 14,
+                fontSize: baseSize + 14,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             3: {
-                fontSize: 13,
+                fontSize: baseSize + 13,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             4: {
-                fontSize: 12,
+                fontSize: baseSize + 12,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             5: {
-                fontSize: 11,
+                fontSize: baseSize + 11,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             6: {
-                fontSize: 10,
+                fontSize: baseSize + 10,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             }
         },
         caption: {
             1: {
-                fontSize: 12,
+                fontSize: baseSize + 12,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             2: {
-                fontSize: 11,
+                fontSize: baseSize + 11,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             3: {
-                fontSize: 10,
+                fontSize: baseSize + 10,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             4: {
-                fontSize: 9,
+                fontSize: baseSize + 9,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             5: {
-                fontSize: 8,
+                fontSize: baseSize + 8,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             },
             6: {
-                fontSize: 7,
+                fontSize: baseSize + 7,
                 fontFamily: themeFonts?.[400],
                 letterSpacing: 1
             }

package/build/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemeFonts, TypographyVariantsProps } from \"./types\";\n\nexport default function typography({ themeFonts }: { themeFonts?: ThemeFonts }): TypographyVariantsProps {\n    return {\n        themeFonts: themeFonts,\n        heading: {\n            1: {\n                fontSize: 64,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: 48,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: 32,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: 24,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: 20,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: 18,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        title: {\n            1: {\n                fontSize: 16,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: 14,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: 12,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: 10,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: 9,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: 8,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            }\n        },\n        subTitle: {\n            1: {\n                fontSize: 16,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: 14,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: 12,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: 10,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: 9,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: 8,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        label: {\n            1: {\n                fontSize: 16,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: 14,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: 13,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: 12,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: 11,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: 10,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            }\n        },\n        body: {\n            1: {\n                fontSize: 16,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: 14,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: 13,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: 12,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: 11,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: 10,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            }\n        },\n        caption: {\n            1: {\n                fontSize: 12,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: 11,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: 10,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: 9,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: 8,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: 7,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            }\n        },\n    }\n}\n"]}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemeFonts, TypographyVariantsProps } from \"./types\";\n\nconst baseSize = 1;\n\nexport default function typography({ themeFonts }: { themeFonts?: ThemeFonts }): TypographyVariantsProps {\n    return {\n        themeFonts: themeFonts,\n        heading: {\n            1: {\n                fontSize: baseSize + 64,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 48,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 32,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 24,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 20,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 18,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        title: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 9,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 8,\n                fontFamily: themeFonts?.[800],\n                letterSpacing: 1\n            }\n        },\n        subTitle: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 9,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 8,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        label: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            }\n        },\n        body: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            }\n        },\n        caption: {\n            1: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 9,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 8,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 7,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            }\n        },\n    }\n}\n"]}

package/build/ui/ZSTextField/index.js

@@ -96,7 +96,7 @@ function ZSTextField({ typo = 'body.2', status = 'default', value, onChangeText,
         {(value && isFocused) && (<ButtonClose marginTop={isTextArea ? 13 : undefined} onChangeText={onChangeText}/>)}
       </ViewAtom>
 
-      {status === 'error' && errorMessage && (<ErrorComponent errorMessage={errorMessage} errorColor={fErrorColor} fontFamily={fontFamily}/>)}
+      {status === 'error' && errorMessage && (<ErrorComponent errorMessage={errorMessage} errorColor={fErrorColor}/>)}
     </ViewAtom>);
 }
 export default React.memo(ZSTextField);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSTextField/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useCallback, useState, useEffect } from 'react';\nimport { LayoutChangeEvent, Platform, StyleProp, TextInput, TextInputProps, TextStyle, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport ButtonClose from './ui/ButtonClose';\nimport ErrorComponent from './ui/ErrorComponent';\nimport { TypoOptions, TypoStyle, TypoSubStyle } from '../../theme';\nimport { extractStyle } from '../../model/utils';\nimport { useTheme } from '../../model/useThemeProvider';\nimport ViewAtom from '../atoms/ViewAtom';\n\nexport type BoxStyle = 'outline' | 'underline' | 'inbox';\n\nconst iosOffset = Platform.OS === 'ios' ? 8 : 4;\n\ninterface TextFieldProps {\n  typo?: TypoOptions;\n  status?: 'default' | 'error';\n  value: string;\n  onChangeText?: (text: string) => void;\n  inputBgColor?: string;\n  labelBgColor?: string;\n  label?: string;\n  labelColor?: string;\n  placeHolderColor?: string;\n  fontSize?: number;\n  borderColor?: string;\n  borderRadius?: number;\n  focusColor?: string;\n  errorColor?: string;\n  paddingHorizontal?: number;\n  borderWidth?: number;\n  errorMessage?: string;\n  textInputProps?: TextInputProps;\n  boxStyle?: BoxStyle;\n  innerBoxStyle?: 'top' | 'middle' | 'bottom';\n  disabled?: boolean;\n  allowFontScaling?: boolean;\n  isTextArea?: boolean;\n}\n\nfunction ZSTextField({\n  typo = 'body.2',\n  status = 'default',\n  value,\n  onChangeText,\n  label = 'Placeholder',\n  labelColor,\n  placeHolderColor,\n  inputBgColor,\n  labelBgColor,\n  borderWidth = 1.2,\n  borderColor,\n  focusColor,\n  errorColor,\n  borderRadius = 14,\n  paddingHorizontal = 15,\n  errorMessage,\n  textInputProps,\n  boxStyle = 'outline',\n  innerBoxStyle,\n  disabled = false,\n  allowFontScaling = true,\n  isTextArea = false,\n}: TextFieldProps): JSX.Element {\n  const { typography, palette } = useTheme();\n  const [primaryStyle, subStyle] = typo.split('.') as [TypoStyle, TypoSubStyle];\n  let fErrorColor = errorColor || palette.danger.main;\n\n  // 폰트 크기 및 패밀리 추출\n  const fontSize = useMemo(() => extractStyle(typography[primaryStyle][subStyle], 'fontSize') as number || 17, [typography, primaryStyle, subStyle]);\n  const fontFamily = useMemo(() => extractStyle(typography[primaryStyle][subStyle], 'fontFamily') as string || '', [typography, primaryStyle, subStyle]);\n\n  // 컴포넌트 상태 관리\n  const [isFocused, setIsFocused] = useState<boolean>(false);\n  const labelAnimationValue = useSharedValue(0);\n  const boxHeightValue = useSharedValue(0);\n\n  // 포커스 및 값 변경 시 라벨 애니메이션 트리거\n  useEffect(() => {\n    labelAnimationValue.value = withTiming(\n      value !== '' || isFocused ? 1 : 0,\n      { duration: 150 }\n    );\n  }, [value, isFocused]);\n\n  // 라벨 애니메이션 스타일\n  const animatedLabelStyle = useAnimatedStyle(() => {\n    const labelFontSize = interpolate(\n      labelAnimationValue.value,\n      [0, 1],\n      [fontSize + (boxStyle === 'inbox' ? 2 : 0), boxStyle === 'inbox' ? 11 : 12],\n      'clamp'\n    );\n\n    const labelTop = interpolate(\n      labelAnimationValue.value,\n      [0, 1],\n      [\n        isTextArea ? 12 : 0,\n        isTextArea ? -12 : -(boxHeightValue.value / 2) - 1 + (boxStyle === 'inbox' ? 17 : 0),\n      ],\n      'clamp'\n    );\n\n    return {\n      top: labelTop,\n      fontSize: labelFontSize,\n    };\n  });\n\n  // 레이아웃 핸들러\n  const handleLayout = useCallback((event: LayoutChangeEvent) => {\n    const { height } = event.nativeEvent.layout;\n    if (boxHeightValue.value !== height) boxHeightValue.value = height;\n  }, [boxHeightValue]);\n\n  // 포커스 및 블러 핸들러\n  const handleFocus = useCallback(() => setIsFocused(true), []);\n  const handleBlur = useCallback(() => setIsFocused(false), []);\n\n  // 상태에 따른 테두리 색상 설정\n  const computedBorderColor = useMemo(() => (\n    status === 'error' ? fErrorColor : isFocused ? (focusColor || palette.primary.main) : (borderColor || palette.grey[30])\n  ), [status, fErrorColor, isFocused, focusColor, borderColor, palette]);\n\n  // 상태에 따른 라벨 색상 설정\n  const computedLabelColor = useMemo(() => (\n    status === 'error' ? fErrorColor : isFocused ? (focusColor || palette.primary.main) : value ? (labelColor || palette.text.secondary) : (placeHolderColor || palette.grey[40])\n  ), [status, fErrorColor, isFocused, focusColor, value, placeHolderColor, labelColor, palette]);\n\n  // 컨테이너 스타일 정의\n  const containerStyle: StyleProp<ViewStyle> = useMemo(() => ({\n    width: '100%',\n    justifyContent: isTextArea ? 'flex-start' : 'center',\n    borderRadius,\n    paddingHorizontal,\n    backgroundColor: inputBgColor || palette.background.base,\n    paddingTop: boxStyle === 'inbox' ? 13 : 0,\n    ...(boxStyle === 'outline' || boxStyle === 'inbox' ? { borderWidth } : {}),\n    ...(boxStyle === 'underline' ? { borderBottomWidth: borderWidth } : {}),\n    ...(innerBoxStyle === 'top' ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, borderBottomWidth: borderWidth / 2 }\n      : innerBoxStyle === 'middle' ? { borderRadius: 0, borderTopWidth: borderWidth / 2, borderBottomWidth: borderWidth / 2 }\n        : innerBoxStyle === 'bottom' ? { borderTopLeftRadius: 0, borderTopRightRadius: 0, borderTopWidth: borderWidth / 2 }\n          : {}),\n  }), [isTextArea, borderRadius, paddingHorizontal, inputBgColor, borderWidth, boxStyle, innerBoxStyle, palette]);\n\n  // 라벨 스타일 정의\n  const labelTextStyle: StyleProp<TextStyle> = useMemo(() => ({\n    fontSize,\n    left: paddingHorizontal,\n    backgroundColor: labelBgColor || palette.background.base,\n    paddingHorizontal: boxStyle === 'outline' ? 5 : 0,\n    paddingVertical: 2,\n    textAlignVertical: 'center',\n    fontFamily,\n    borderRadius: boxStyle === 'outline' ? 5 : 0,\n    overflow: 'hidden',\n  }), [fontSize, paddingHorizontal, labelBgColor, boxStyle, fontFamily, palette]);\n\n  // 텍스트 변경 핸들러\n  const handleTextChange = useCallback((text: string) => {\n    if (onChangeText) onChangeText(text);\n  }, [onChangeText]);\n\n  return (\n    <ViewAtom style={{ alignSelf: 'stretch', width: '100%' }}>\n      <ViewAtom\n        style={[containerStyle, { borderColor: computedBorderColor }]}\n        onLayout={handleLayout}\n        pointerEvents={disabled ? 'none' : 'auto'}\n      >\n        <TextInput\n          {...textInputProps}\n          style={[\n            { paddingTop: 7 + iosOffset, paddingBottom: 5 + iosOffset, color: palette.text.primary },\n            textInputProps?.style,\n            { fontSize, width: '100%', paddingRight: 25, fontFamily },\n          ]}\n          value={value}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChangeText={handleTextChange}\n          allowFontScaling={allowFontScaling}\n          selectionColor={palette.grey[50]}\n          autoCorrect={false}\n          spellCheck={false}\n        />\n\n        <ViewAtom pointerEvents=\"none\" style={{ position: 'absolute' }}>\n          <Animated.Text allowFontScaling={allowFontScaling} style={[animatedLabelStyle, labelTextStyle, { color: computedLabelColor }]}>\n            {label}\n          </Animated.Text>\n        </ViewAtom>\n\n        {(value && isFocused) && (\n          <ButtonClose marginTop={isTextArea ? 13 : undefined} onChangeText={onChangeText} />\n        )}\n      </ViewAtom>\n\n      {status === 'error' && errorMessage && (\n        <ErrorComponent errorMessage={errorMessage} errorColor={fErrorColor} fontFamily={fontFamily} />\n      )}\n    </ViewAtom>\n  );\n}\n\nexport default React.memo(ZSTextField);\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSTextField/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo, useCallback, useState, useEffect } from 'react';\nimport { LayoutChangeEvent, Platform, StyleProp, TextInput, TextInputProps, TextStyle, ViewStyle } from 'react-native';\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\nimport ButtonClose from './ui/ButtonClose';\nimport ErrorComponent from './ui/ErrorComponent';\nimport { TypoOptions, TypoStyle, TypoSubStyle } from '../../theme';\nimport { extractStyle } from '../../model/utils';\nimport { useTheme } from '../../model/useThemeProvider';\nimport ViewAtom from '../atoms/ViewAtom';\n\nexport type BoxStyle = 'outline' | 'underline' | 'inbox';\n\nconst iosOffset = Platform.OS === 'ios' ? 8 : 4;\n\ninterface TextFieldProps {\n  typo?: TypoOptions;\n  status?: 'default' | 'error';\n  value: string;\n  onChangeText?: (text: string) => void;\n  inputBgColor?: string;\n  labelBgColor?: string;\n  label?: string;\n  labelColor?: string;\n  placeHolderColor?: string;\n  fontSize?: number;\n  borderColor?: string;\n  borderRadius?: number;\n  focusColor?: string;\n  errorColor?: string;\n  paddingHorizontal?: number;\n  borderWidth?: number;\n  errorMessage?: string;\n  textInputProps?: TextInputProps;\n  boxStyle?: BoxStyle;\n  innerBoxStyle?: 'top' | 'middle' | 'bottom';\n  disabled?: boolean;\n  allowFontScaling?: boolean;\n  isTextArea?: boolean;\n}\n\nfunction ZSTextField({\n  typo = 'body.2',\n  status = 'default',\n  value,\n  onChangeText,\n  label = 'Placeholder',\n  labelColor,\n  placeHolderColor,\n  inputBgColor,\n  labelBgColor,\n  borderWidth = 1.2,\n  borderColor,\n  focusColor,\n  errorColor,\n  borderRadius = 14,\n  paddingHorizontal = 15,\n  errorMessage,\n  textInputProps,\n  boxStyle = 'outline',\n  innerBoxStyle,\n  disabled = false,\n  allowFontScaling = true,\n  isTextArea = false,\n}: TextFieldProps): JSX.Element {\n  const { typography, palette } = useTheme();\n  const [primaryStyle, subStyle] = typo.split('.') as [TypoStyle, TypoSubStyle];\n  let fErrorColor = errorColor || palette.danger.main;\n\n  // 폰트 크기 및 패밀리 추출\n  const fontSize = useMemo(() => extractStyle(typography[primaryStyle][subStyle], 'fontSize') as number || 17, [typography, primaryStyle, subStyle]);\n  const fontFamily = useMemo(() => extractStyle(typography[primaryStyle][subStyle], 'fontFamily') as string || '', [typography, primaryStyle, subStyle]);\n\n  // 컴포넌트 상태 관리\n  const [isFocused, setIsFocused] = useState<boolean>(false);\n  const labelAnimationValue = useSharedValue(0);\n  const boxHeightValue = useSharedValue(0);\n\n  // 포커스 및 값 변경 시 라벨 애니메이션 트리거\n  useEffect(() => {\n    labelAnimationValue.value = withTiming(\n      value !== '' || isFocused ? 1 : 0,\n      { duration: 150 }\n    );\n  }, [value, isFocused]);\n\n  // 라벨 애니메이션 스타일\n  const animatedLabelStyle = useAnimatedStyle(() => {\n    const labelFontSize = interpolate(\n      labelAnimationValue.value,\n      [0, 1],\n      [fontSize + (boxStyle === 'inbox' ? 2 : 0), boxStyle === 'inbox' ? 11 : 12],\n      'clamp'\n    );\n\n    const labelTop = interpolate(\n      labelAnimationValue.value,\n      [0, 1],\n      [\n        isTextArea ? 12 : 0,\n        isTextArea ? -12 : -(boxHeightValue.value / 2) - 1 + (boxStyle === 'inbox' ? 17 : 0),\n      ],\n      'clamp'\n    );\n\n    return {\n      top: labelTop,\n      fontSize: labelFontSize,\n    };\n  });\n\n  // 레이아웃 핸들러\n  const handleLayout = useCallback((event: LayoutChangeEvent) => {\n    const { height } = event.nativeEvent.layout;\n    if (boxHeightValue.value !== height) boxHeightValue.value = height;\n  }, [boxHeightValue]);\n\n  // 포커스 및 블러 핸들러\n  const handleFocus = useCallback(() => setIsFocused(true), []);\n  const handleBlur = useCallback(() => setIsFocused(false), []);\n\n  // 상태에 따른 테두리 색상 설정\n  const computedBorderColor = useMemo(() => (\n    status === 'error' ? fErrorColor : isFocused ? (focusColor || palette.primary.main) : (borderColor || palette.grey[30])\n  ), [status, fErrorColor, isFocused, focusColor, borderColor, palette]);\n\n  // 상태에 따른 라벨 색상 설정\n  const computedLabelColor = useMemo(() => (\n    status === 'error' ? fErrorColor : isFocused ? (focusColor || palette.primary.main) : value ? (labelColor || palette.text.secondary) : (placeHolderColor || palette.grey[40])\n  ), [status, fErrorColor, isFocused, focusColor, value, placeHolderColor, labelColor, palette]);\n\n  // 컨테이너 스타일 정의\n  const containerStyle: StyleProp<ViewStyle> = useMemo(() => ({\n    width: '100%',\n    justifyContent: isTextArea ? 'flex-start' : 'center',\n    borderRadius,\n    paddingHorizontal,\n    backgroundColor: inputBgColor || palette.background.base,\n    paddingTop: boxStyle === 'inbox' ? 13 : 0,\n    ...(boxStyle === 'outline' || boxStyle === 'inbox' ? { borderWidth } : {}),\n    ...(boxStyle === 'underline' ? { borderBottomWidth: borderWidth } : {}),\n    ...(innerBoxStyle === 'top' ? { borderBottomLeftRadius: 0, borderBottomRightRadius: 0, borderBottomWidth: borderWidth / 2 }\n      : innerBoxStyle === 'middle' ? { borderRadius: 0, borderTopWidth: borderWidth / 2, borderBottomWidth: borderWidth / 2 }\n        : innerBoxStyle === 'bottom' ? { borderTopLeftRadius: 0, borderTopRightRadius: 0, borderTopWidth: borderWidth / 2 }\n          : {}),\n  }), [isTextArea, borderRadius, paddingHorizontal, inputBgColor, borderWidth, boxStyle, innerBoxStyle, palette]);\n\n  // 라벨 스타일 정의\n  const labelTextStyle: StyleProp<TextStyle> = useMemo(() => ({\n    fontSize,\n    left: paddingHorizontal,\n    backgroundColor: labelBgColor || palette.background.base,\n    paddingHorizontal: boxStyle === 'outline' ? 5 : 0,\n    paddingVertical: 2,\n    textAlignVertical: 'center',\n    fontFamily,\n    borderRadius: boxStyle === 'outline' ? 5 : 0,\n    overflow: 'hidden',\n  }), [fontSize, paddingHorizontal, labelBgColor, boxStyle, fontFamily, palette]);\n\n  // 텍스트 변경 핸들러\n  const handleTextChange = useCallback((text: string) => {\n    if (onChangeText) onChangeText(text);\n  }, [onChangeText]);\n\n  return (\n    <ViewAtom style={{ alignSelf: 'stretch', width: '100%' }}>\n      <ViewAtom\n        style={[containerStyle, { borderColor: computedBorderColor }]}\n        onLayout={handleLayout}\n        pointerEvents={disabled ? 'none' : 'auto'}\n      >\n        <TextInput\n          {...textInputProps}\n          style={[\n            { paddingTop: 7 + iosOffset, paddingBottom: 5 + iosOffset, color: palette.text.primary },\n            textInputProps?.style,\n            { fontSize, width: '100%', paddingRight: 25, fontFamily },\n          ]}\n          value={value}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          onChangeText={handleTextChange}\n          allowFontScaling={allowFontScaling}\n          selectionColor={palette.grey[50]}\n          autoCorrect={false}\n          spellCheck={false}\n        />\n\n        <ViewAtom pointerEvents=\"none\" style={{ position: 'absolute' }}>\n          <Animated.Text allowFontScaling={allowFontScaling} style={[animatedLabelStyle, labelTextStyle, { color: computedLabelColor }]}>\n            {label}\n          </Animated.Text>\n        </ViewAtom>\n\n        {(value && isFocused) && (\n          <ButtonClose marginTop={isTextArea ? 13 : undefined} onChangeText={onChangeText} />\n        )}\n      </ViewAtom>\n\n      {status === 'error' && errorMessage && (\n        <ErrorComponent errorMessage={errorMessage} errorColor={fErrorColor} />\n      )}\n    </ViewAtom>\n  );\n}\n\nexport default React.memo(ZSTextField);\n"]}

package/build/ui/ZSTextField/ui/ErrorComponent.d.ts

@@ -1,7 +1,6 @@
-declare const ErrorComponent: ({ errorMessage, errorColor, fontFamily }: {
+declare const ErrorComponent: ({ errorMessage, errorColor, }: {
     errorMessage: string;
     errorColor: string;
-    fontFamily: string;
 }) => import("react").JSX.Element;
 export default ErrorComponent;
 //# sourceMappingURL=ErrorComponent.d.ts.map

package/build/ui/ZSTextField/ui/ErrorComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorComponent.d.ts","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAGA,QAAA,MAAM,cAAc,6CAEjB;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB,gCAcA,CAAA;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ErrorComponent.d.ts","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc,kCAGjB;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,gCAcA,CAAA;AAED,eAAe,cAAc,CAAC"}

package/build/ui/ZSTextField/ui/ErrorComponent.js

@@ -1,16 +1,17 @@
-import { Text, View } from "react-native";
+import { View } from "react-native";
 import Animated, { FadeInDown } from "react-native-reanimated";
-const ErrorComponent = ({ errorMessage, errorColor, fontFamily }) => {
+import ZSText from "../../ZSText";
+const ErrorComponent = ({ errorMessage, errorColor, }) => {
     return (<Animated.View entering={FadeInDown} style={{ width: '100%', flexDirection: 'row', alignItems: 'center', paddingLeft: 5, marginTop: 6 }}>
       <View style={{ width: 14, height: 14, justifyContent: 'center', alignItems: 'center', borderRadius: 30, backgroundColor: errorColor }}>
-        <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: 'white', textAlign: 'center', textAlignVertical: 'center', fontSize: 11, fontFamily: fontFamily }}>
+        <ZSText allowFontScaling={false} typo='title.4' style={{ color: 'white', textAlign: 'center', textAlignVertical: 'center' }}>
           {`!`}
-        </Text>
+        </ZSText>
       </View>
 
-      <Text allowFontScaling={false} style={{ marginLeft: 5, fontSize: 13, color: errorColor, fontFamily: fontFamily }}>
+      <ZSText typo='body.4' style={{ marginLeft: 5, color: errorColor }}>
         {errorMessage}
-      </Text>
+      </ZSText>
     </Animated.View>);
 };
 export default ErrorComponent;

package/build/ui/ZSTextField/ui/ErrorComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorComponent.js","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE/D,MAAM,cAAc,GAAG,CAAC,EACtB,YAAY,EAAE,UAAU,EAAE,UAAU,EAKrC,EAAE,EAAE;IACH,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACtI;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,CACpI;QAAA,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CACnK;UAAA,CAAC,GAAG,CACN;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAC/G;QAAA,CAAC,YAAY,CACf;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAC","sourcesContent":["import { Text, View } from \"react-native\";\nimport Animated, { FadeInDown } from \"react-native-reanimated\";\n\nconst ErrorComponent = ({\n  errorMessage, errorColor, fontFamily\n}: {\n  errorMessage: string;\n  errorColor: string;\n  fontFamily: string;\n}) => {\n  return (\n    <Animated.View entering={FadeInDown} style={{ width: '100%', flexDirection: 'row', alignItems: 'center', paddingLeft: 5, marginTop: 6 }}>\n      <View style={{ width: 14, height: 14, justifyContent: 'center', alignItems: 'center', borderRadius: 30, backgroundColor: errorColor }}>\n        <Text allowFontScaling={false} style={{ fontWeight: 'bold', color: 'white', textAlign: 'center', textAlignVertical: 'center', fontSize: 11, fontFamily: fontFamily }}>\n          {`!`}\n        </Text>\n      </View>\n\n      <Text allowFontScaling={false} style={{ marginLeft: 5, fontSize: 13, color: errorColor, fontFamily: fontFamily }}>\n        {errorMessage}\n      </Text>\n    </Animated.View>\n  )\n}\n\nexport default ErrorComponent;"]}
+{"version":3,"file":"ErrorComponent.js","sourceRoot":"","sources":["../../../../src/ui/ZSTextField/ui/ErrorComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,MAAM,MAAM,cAAc,CAAC;AAElC,MAAM,cAAc,GAAG,CAAC,EACtB,YAAY,EACZ,UAAU,GAIX,EAAE,EAAE;IACH,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CACtI;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,eAAe,EAAE,UAAU,EAAE,CAAC,CACpI;QAAA,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,CAC1H;UAAA,CAAC,GAAG,CACN;QAAA,EAAE,MAAM,CACV;MAAA,EAAE,IAAI,CAEN;;MAAA,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAChE;QAAA,CAAC,YAAY,CACf;MAAA,EAAE,MAAM,CACV;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAC","sourcesContent":["import { View } from \"react-native\";\nimport Animated, { FadeInDown } from \"react-native-reanimated\";\nimport ZSText from \"../../ZSText\";\n\nconst ErrorComponent = ({\n  errorMessage,\n  errorColor,\n}: {\n  errorMessage: string;\n  errorColor: string;\n}) => {\n  return (\n    <Animated.View entering={FadeInDown} style={{ width: '100%', flexDirection: 'row', alignItems: 'center', paddingLeft: 5, marginTop: 6 }}>\n      <View style={{ width: 14, height: 14, justifyContent: 'center', alignItems: 'center', borderRadius: 30, backgroundColor: errorColor }}>\n        <ZSText allowFontScaling={false} typo='title.4' style={{ color: 'white', textAlign: 'center', textAlignVertical: 'center' }}>\n          {`!`}\n        </ZSText>\n      </View>\n\n      <ZSText typo='body.4' style={{ marginLeft: 5, color: errorColor }}>\n        {errorMessage}\n      </ZSText>\n    </Animated.View>\n  )\n}\n\nexport default ErrorComponent;"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0610studio/zs-ui",
-  "version": "0.0.45",
+  "version": "0.0.47",
   "private": false,
   "description": "EXPO ZS-UI",
   "type": "module",