@0610studio/zs-ui 0.4.0 → 0.5.0

package/build/overlay/PopOver/PopOverMenu.js

@@ -1,19 +1,17 @@
 import React, { useCallback, useEffect, useRef, useState } from "react";
-import { Dimensions, Pressable } from "react-native";
+import { Pressable } from "react-native";
 import Animated, { FadeInUp, FadeOutUp } from "react-native-reanimated";
 import { usePopOver } from "../../model/useOverlay";
 import ModalBackground from "../ui/ModalBackground";
 import { useTheme } from "../../model";
 import { Z_INDEX_VALUE } from "../../model/utils";
-const WINDOW_HEIGHT = Dimensions.get('window').height;
-const WINDOW_WIDTH = Dimensions.get('window').width;
 function PopOverMenu({ px, py, component }) {
+    const { palette, dimensions: { width: windowWidth, height: windowHeight } } = useTheme();
     const [isContentVisible, setIsContentVisible] = useState(false);
     const [contentWidth, setContentWidth] = useState(0);
     const [contentHeight, setContentHeight] = useState(0);
     const { popOverVisible, setPopOverVisible } = usePopOver();
     const timerRef = useRef(null);
-    const { palette } = useTheme();
     useEffect(() => {
         if (popOverVisible) {
             if (timerRef.current) {
@@ -39,14 +37,14 @@ function PopOverMenu({ px, py, component }) {
         let adjustedX = px;
         let adjustedY = py;
         // 수평 방향 조정
-        if (px + contentWidth > WINDOW_WIDTH) {
-            adjustedX = WINDOW_WIDTH - contentWidth - 10; // 10px 여백
+        if (px + contentWidth > windowWidth) {
+            adjustedX = windowWidth - contentWidth - 10; // 10px 여백
         }
         if (adjustedX < 0) {
             adjustedX = 10; // 최소 10px 여백
         }
         // 수직 방향 조정
-        if (py + contentHeight > WINDOW_HEIGHT) {
+        if (py + contentHeight > windowHeight) {
             adjustedY = py - contentHeight; // 위쪽으로 표시
         }
         if (adjustedY < 0) {
@@ -57,7 +55,7 @@ function PopOverMenu({ px, py, component }) {
     if (!popOverVisible)
         return null;
     const { adjustedX, adjustedY } = getAdjustedPosition();
-    return (<ModalBackground zIndex={Z_INDEX_VALUE.POPOVER} key={popOverVisible ? 'visiblepo' : 'hiddenpo'} modalBgColor={palette.modalBgColor} isCenter={false} onPress={() => setPopOverVisible(false)}>
+    return (<ModalBackground zIndex={Z_INDEX_VALUE.POPOVER} key={popOverVisible ? 'visiblepo' : 'hiddenpo'} modalBgColor={palette.modalBgColor} position='pop' onPress={() => setPopOverVisible(false)}>
       {isContentVisible && (<Animated.View entering={FadeInUp} exiting={FadeOutUp}>
           <Pressable style={{
                 position: 'absolute',

package/build/overlay/PopOver/PopOverMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopOverMenu.js","sourceRoot":"","sources":["../../../src/overlay/PopOver/PopOverMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Dimensions, LayoutChangeEvent, Pressable } from \"react-native\";\nimport Animated, { FadeInUp, FadeOutUp } from \"react-native-reanimated\";\nimport { usePopOver } from \"../../model/useOverlay\";\nimport ModalBackground from \"../ui/ModalBackground\";\nimport { PopOverMenuProps } from \"../../model/types\";\nimport { useTheme } from \"../../model\";\nimport { Z_INDEX_VALUE } from \"../../model/utils\";\n\nconst WINDOW_HEIGHT = Dimensions.get('window').height;\nconst WINDOW_WIDTH = Dimensions.get('window').width;\n\nfunction PopOverMenu({\n  px,\n  py,\n  component\n}: PopOverMenuProps): JSX.Element | null {\n  const [isContentVisible, setIsContentVisible] = useState<boolean>(false);\n  const [contentWidth, setContentWidth] = useState<number>(0);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n  const { popOverVisible, setPopOverVisible } = usePopOver();\n  const timerRef = useRef<number | null>(null);\n  const { palette } = useTheme();\n\n  useEffect(() => {\n    if (popOverVisible) {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n\n      timerRef.current = setTimeout(() => {\n        setIsContentVisible(true);\n      }, 200);\n    }\n\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [popOverVisible]);\n\n  const handleLayout = useCallback((event: LayoutChangeEvent): void => {\n    setContentWidth(event.nativeEvent.layout.width || 0);\n    setContentHeight(event.nativeEvent.layout.height || 0);\n  }, []);\n\n  // 화면 경계를 벗어나는지 확인하고 위치 조정\n  const getAdjustedPosition = () => {\n    let adjustedX = px;\n    let adjustedY = py;\n\n    // 수평 방향 조정\n    if (px + contentWidth > WINDOW_WIDTH) {\n      adjustedX = WINDOW_WIDTH - contentWidth - 10; // 10px 여백\n    }\n    if (adjustedX < 0) {\n      adjustedX = 10; // 최소 10px 여백\n    }\n\n    // 수직 방향 조정\n    if (py + contentHeight > WINDOW_HEIGHT) {\n      adjustedY = py - contentHeight; // 위쪽으로 표시\n    }\n    if (adjustedY < 0) {\n      adjustedY = 10; // 최소 10px 여백\n    }\n\n    return { adjustedX, adjustedY };\n  };\n\n  if (!popOverVisible) return null;\n\n  const { adjustedX, adjustedY } = getAdjustedPosition();\n\n  return (\n    <ModalBackground\n      zIndex={Z_INDEX_VALUE.POPOVER}\n      key={popOverVisible ? 'visiblepo' : 'hiddenpo'}\n      modalBgColor={palette.modalBgColor}\n      isCenter={false}\n      onPress={() => setPopOverVisible(false)}\n    >\n      {isContentVisible && (\n        <Animated.View\n          entering={FadeInUp}\n          exiting={FadeOutUp}\n        >\n          <Pressable\n            style={{\n              position: 'absolute',\n              left: adjustedX,\n              top: adjustedY,\n            }}\n            onLayout={handleLayout}\n          >\n            {component}\n          </Pressable>\n        </Animated.View>\n      )}\n    </ModalBackground>\n  );\n}\n\nexport default PopOverMenu;"]}
+{"version":3,"file":"PopOverMenu.js","sourceRoot":"","sources":["../../../src/overlay/PopOver/PopOverMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAqB,SAAS,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,QAAQ,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,eAAe,MAAM,uBAAuB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAElD,SAAS,WAAW,CAAC,EACnB,EAAE,EACF,EAAE,EACF,SAAS,EACQ;IACjB,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,GAAG,QAAQ,EAAE,CAAC;IACzF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACzE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC5D,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAC9D,MAAM,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,UAAU,EAAE,CAAC;IAC3D,MAAM,QAAQ,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE,CAAC;YACnB,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC;YAED,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBACjC,mBAAmB,CAAC,IAAI,CAAC,CAAC;YAC5B,CAAC,EAAE,GAAG,CAAC,CAAC;QACV,CAAC;QAED,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACrB,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,KAAwB,EAAQ,EAAE;QAClE,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC;QACrD,gBAAgB,CAAC,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,0BAA0B;IAC1B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,IAAI,SAAS,GAAG,EAAE,CAAC;QACnB,IAAI,SAAS,GAAG,EAAE,CAAC;QAEnB,WAAW;QACX,IAAI,EAAE,GAAG,YAAY,GAAG,WAAW,EAAE,CAAC;YACpC,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,EAAE,CAAC,CAAC,UAAU;QACzD,CAAC;QACD,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;YAClB,SAAS,GAAG,EAAE,CAAC,CAAC,aAAa;QAC/B,CAAC;QAED,WAAW;QACX,IAAI,EAAE,GAAG,aAAa,GAAG,YAAY,EAAE,CAAC;YACtC,SAAS,GAAG,EAAE,GAAG,aAAa,CAAC,CAAC,UAAU;QAC5C,CAAC;QACD,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;YAClB,SAAS,GAAG,EAAE,CAAC,CAAC,aAAa;QAC/B,CAAC;QAED,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;IAClC,CAAC,CAAC;IAEF,IAAI,CAAC,cAAc;QAAE,OAAO,IAAI,CAAC;IAEjC,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAEvD,OAAO,CACL,CAAC,eAAe,CACd,MAAM,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAC9B,GAAG,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAC/C,YAAY,CAAC,CAAC,OAAO,CAAC,YAAY,CAAC,CACnC,QAAQ,CAAC,KAAK,CACd,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,CAExC;MAAA,CAAC,gBAAgB,IAAI,CACnB,CAAC,QAAQ,CAAC,IAAI,CACZ,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,SAAS,CAAC,CAEnB;UAAA,CAAC,SAAS,CACR,KAAK,CAAC,CAAC;gBACL,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,SAAS;gBACf,GAAG,EAAE,SAAS;aACf,CAAC,CACF,QAAQ,CAAC,CAAC,YAAY,CAAC,CAEvB;YAAA,CAAC,SAAS,CACZ;UAAA,EAAE,SAAS,CACb;QAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CACH;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { LayoutChangeEvent, Pressable } from \"react-native\";\nimport Animated, { FadeInUp, FadeOutUp } from \"react-native-reanimated\";\nimport { usePopOver } from \"../../model/useOverlay\";\nimport ModalBackground from \"../ui/ModalBackground\";\nimport { PopOverMenuProps } from \"../../model/types\";\nimport { useTheme } from \"../../model\";\nimport { Z_INDEX_VALUE } from \"../../model/utils\";\n\nfunction PopOverMenu({\n  px,\n  py,\n  component\n}: PopOverMenuProps): JSX.Element | null {\n  const { palette, dimensions: { width: windowWidth, height: windowHeight } } = useTheme();\n  const [isContentVisible, setIsContentVisible] = useState<boolean>(false);\n  const [contentWidth, setContentWidth] = useState<number>(0);\n  const [contentHeight, setContentHeight] = useState<number>(0);\n  const { popOverVisible, setPopOverVisible } = usePopOver();\n  const timerRef = useRef<number | null>(null);\n\n  useEffect(() => {\n    if (popOverVisible) {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n      }\n\n      timerRef.current = setTimeout(() => {\n        setIsContentVisible(true);\n      }, 200);\n    }\n\n    return () => {\n      if (timerRef.current) {\n        clearTimeout(timerRef.current);\n        timerRef.current = null;\n      }\n    };\n  }, [popOverVisible]);\n\n  const handleLayout = useCallback((event: LayoutChangeEvent): void => {\n    setContentWidth(event.nativeEvent.layout.width || 0);\n    setContentHeight(event.nativeEvent.layout.height || 0);\n  }, []);\n\n  // 화면 경계를 벗어나는지 확인하고 위치 조정\n  const getAdjustedPosition = () => {\n    let adjustedX = px;\n    let adjustedY = py;\n\n    // 수평 방향 조정\n    if (px + contentWidth > windowWidth) {\n      adjustedX = windowWidth - contentWidth - 10; // 10px 여백\n    }\n    if (adjustedX < 0) {\n      adjustedX = 10; // 최소 10px 여백\n    }\n\n    // 수직 방향 조정\n    if (py + contentHeight > windowHeight) {\n      adjustedY = py - contentHeight; // 위쪽으로 표시\n    }\n    if (adjustedY < 0) {\n      adjustedY = 10; // 최소 10px 여백\n    }\n\n    return { adjustedX, adjustedY };\n  };\n\n  if (!popOverVisible) return null;\n\n  const { adjustedX, adjustedY } = getAdjustedPosition();\n\n  return (\n    <ModalBackground\n      zIndex={Z_INDEX_VALUE.POPOVER}\n      key={popOverVisible ? 'visiblepo' : 'hiddenpo'}\n      modalBgColor={palette.modalBgColor}\n      position='pop'\n      onPress={() => setPopOverVisible(false)}\n    >\n      {isContentVisible && (\n        <Animated.View\n          entering={FadeInUp}\n          exiting={FadeOutUp}\n        >\n          <Pressable\n            style={{\n              position: 'absolute',\n              left: adjustedX,\n              top: adjustedY,\n            }}\n            onLayout={handleLayout}\n          >\n            {component}\n          </Pressable>\n        </Animated.View>\n      )}\n    </ModalBackground>\n  );\n}\n\nexport default PopOverMenu;"]}

package/build/overlay/ui/ModalBackground.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 interface ModalBackgroundProps {
     zIndex?: number;
     modalBgColor: string;
-    isCenter?: boolean;
+    position?: 'center' | 'left' | 'right' | 'pop';
     children: React.ReactNode;
     onPress?: () => void;
 }
-declare function ModalBackground({ modalBgColor, isCenter, children, onPress, zIndex }: ModalBackgroundProps): React.JSX.Element;
+declare function ModalBackground({ modalBgColor, position, children, onPress, zIndex }: ModalBackgroundProps): React.JSX.Element;
 export default ModalBackground;
 //# sourceMappingURL=ModalBackground.d.ts.map

package/build/overlay/ui/ModalBackground.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBackground.d.ts","sourceRoot":"","sources":["../../../src/overlay/ui/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,iBAAS,eAAe,CAAC,EAAE,YAAY,EAAE,QAAe,EAAE,QAAQ,EAAE,OAAO,EAAE,MAA8B,EAAE,EAAE,oBAAoB,qBAkBlI;AAeD,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ModalBackground.d.ts","sourceRoot":"","sources":["../../../src/overlay/ui/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,iBAAS,eAAe,CAAC,EAAE,YAAY,EAAE,QAAmB,EAAE,QAAQ,EAAE,OAAO,EAAE,MAA8B,EAAE,EAAE,oBAAoB,qBAkBtI;AAeD,eAAe,eAAe,CAAC"}

package/build/overlay/ui/ModalBackground.js

@@ -2,9 +2,9 @@ import React, { useMemo } from 'react';
 import { Pressable, StyleSheet } from 'react-native';
 import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
 import { Z_INDEX_VALUE } from '../../model/utils';
-function ModalBackground({ modalBgColor, isCenter = true, children, onPress, zIndex = Z_INDEX_VALUE.DEFAULT }) {
+function ModalBackground({ modalBgColor, position = 'center', children, onPress, zIndex = Z_INDEX_VALUE.DEFAULT }) {
     const styles = useMemo(() => createStyles(modalBgColor), [modalBgColor]);
-    return (<Animated.View style={[styles.modalBg, isCenter && { justifyContent: 'center', alignItems: 'center', zIndex }]} entering={FadeIn.duration(50)} exiting={FadeOut.duration(50)}>
+    return (<Animated.View style={[styles.modalBg, { zIndex }, position === 'center' && { justifyContent: 'center', alignItems: 'center' }, position === 'left' && { justifyContent: 'flex-start', alignItems: 'center' }, position === 'right' && { justifyContent: 'flex-end', alignItems: 'center' }]} entering={FadeIn.duration(50)} exiting={FadeOut.duration(50)}>
       <Pressable style={styles.fullScreen} onPress={onPress ?? (() => { })}>
       </Pressable>
 

package/build/overlay/ui/ModalBackground.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalBackground.js","sourceRoot":"","sources":["../../../src/overlay/ui/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,QAAQ,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAUlD,SAAS,eAAe,CAAC,EAAE,YAAY,EAAE,QAAQ,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAAC,OAAO,EAAwB;IACjI,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC,CAChG,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAC9B,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAE9B;MAAA,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAElC;MAAA,EAAE,SAAS,CAEX;;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,YAAoB,EAAE,EAAE,CAC5C,UAAU,CAAC,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,eAAe,EAAE,YAAY;QAC7B,GAAG,UAAU,CAAC,kBAAkB;KACjC;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,GAAG,UAAU,CAAC,kBAAkB;KACjC;CACF,CAAC,CAAC;AAEL,eAAe,eAAe,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport { Pressable, StyleSheet } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { Z_INDEX_VALUE } from '../../model/utils';\n\ninterface ModalBackgroundProps {\n  zIndex?: number;\n  modalBgColor: string;\n  isCenter?: boolean;\n  children: React.ReactNode;\n  onPress?: () => void;\n}\n\nfunction ModalBackground({ modalBgColor, isCenter = true, children, onPress, zIndex = Z_INDEX_VALUE.DEFAULT }: ModalBackgroundProps) {\n  const styles = useMemo(() => createStyles(modalBgColor), [modalBgColor]);\n\n  return (\n    <Animated.View\n      style={[styles.modalBg, isCenter && { justifyContent: 'center', alignItems: 'center', zIndex }]}\n      entering={FadeIn.duration(50)}\n      exiting={FadeOut.duration(50)}\n    >\n      <Pressable\n        style={styles.fullScreen}\n        onPress={onPress ?? (() => { })}\n      >\n      </Pressable>\n\n      {children}\n    </Animated.View>\n  );\n}\n\nconst createStyles = (modalBgColor: string) =>\n  StyleSheet.create({\n    modalBg: {\n      backgroundColor: modalBgColor,\n      ...StyleSheet.absoluteFillObject,\n    },\n    fullScreen: {\n      width: '100%',\n      height: '100%',\n      ...StyleSheet.absoluteFillObject,\n    },\n  });\n\nexport default ModalBackground;\n"]}
+{"version":3,"file":"ModalBackground.js","sourceRoot":"","sources":["../../../src/overlay/ui/ModalBackground.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,QAAQ,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAUlD,SAAS,eAAe,CAAC,EAAE,YAAY,EAAE,QAAQ,GAAG,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,aAAa,CAAC,OAAO,EAAwB;IACrI,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzE,OAAO,CACL,CAAC,QAAQ,CAAC,IAAI,CACZ,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,KAAK,QAAQ,IAAI,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,QAAQ,KAAK,MAAM,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,QAAQ,KAAK,OAAO,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC,CAC9Q,QAAQ,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAC9B,OAAO,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAE9B;MAAA,CAAC,SAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CACzB,OAAO,CAAC,CAAC,OAAO,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC,CAElC;MAAA,EAAE,SAAS,CAEX;;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,QAAQ,CAAC,IAAI,CAAC,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,YAAoB,EAAE,EAAE,CAC5C,UAAU,CAAC,MAAM,CAAC;IAChB,OAAO,EAAE;QACP,eAAe,EAAE,YAAY;QAC7B,GAAG,UAAU,CAAC,kBAAkB;KACjC;IACD,UAAU,EAAE;QACV,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,GAAG,UAAU,CAAC,kBAAkB;KACjC;CACF,CAAC,CAAC;AAEL,eAAe,eAAe,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport { Pressable, StyleSheet } from 'react-native';\nimport Animated, { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { Z_INDEX_VALUE } from '../../model/utils';\n\ninterface ModalBackgroundProps {\n  zIndex?: number;\n  modalBgColor: string;\n  position?: 'center' | 'left' | 'right' | 'pop'; // TODO: 'left' | 'right' 미구현\n  children: React.ReactNode;\n  onPress?: () => void;\n}\n\nfunction ModalBackground({ modalBgColor, position = 'center', children, onPress, zIndex = Z_INDEX_VALUE.DEFAULT }: ModalBackgroundProps) {\n  const styles = useMemo(() => createStyles(modalBgColor), [modalBgColor]);\n\n  return (\n    <Animated.View\n      style={[styles.modalBg, { zIndex }, position === 'center' && { justifyContent: 'center', alignItems: 'center' }, position === 'left' && { justifyContent: 'flex-start', alignItems: 'center' }, position === 'right' && { justifyContent: 'flex-end', alignItems: 'center' }]}\n      entering={FadeIn.duration(50)}\n      exiting={FadeOut.duration(50)}\n    >\n      <Pressable\n        style={styles.fullScreen}\n        onPress={onPress ?? (() => { })}\n      >\n      </Pressable>\n\n      {children}\n    </Animated.View>\n  );\n}\n\nconst createStyles = (modalBgColor: string) =>\n  StyleSheet.create({\n    modalBg: {\n      backgroundColor: modalBgColor,\n      ...StyleSheet.absoluteFillObject,\n    },\n    fullScreen: {\n      width: '100%',\n      height: '100%',\n      ...StyleSheet.absoluteFillObject,\n    },\n  });\n\nexport default ModalBackground;\n"]}

package/build/theme/typography.js

@@ -1,4 +1,4 @@
-const baseSize = 1;
+const baseSize = 0;
 export default function typography({ themeFonts }) {
     return {
         themeFonts: themeFonts,

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\nconst baseSize = 1;\n\nexport default function typography({ themeFonts }: { themeFonts?: ThemeFonts }): TypographyVariantsProps {\n    return {\n        themeFonts: themeFonts,\n        heading: {\n            1: {\n                fontSize: baseSize + 36,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 32,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 28,\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?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        subTitle: {\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        label: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[500],\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"]}
+{"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 = 0;\n\nexport default function typography({ themeFonts }: { themeFonts?: ThemeFonts }): TypographyVariantsProps {\n    return {\n        themeFonts: themeFonts,\n        heading: {\n            1: {\n                fontSize: baseSize + 36,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 32,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 28,\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?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        subTitle: {\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        label: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[500],\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/ZSContainer/index.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { ViewProps, ScrollView } from 'react-native';
+import { ViewProps, ScrollView, NativeSyntheticEvent, NativeScrollEvent } from 'react-native';
 export type ZSContainerProps = ViewProps & {
     backgroundColor?: string;
     isLoader?: boolean;
@@ -17,14 +17,8 @@ export type ZSContainerProps = ViewProps & {
     automaticallyAdjustKeyboardInsets?: boolean;
     keyboardScrollExtraOffset?: number;
     translucent?: boolean;
-    /**
-     * 분할 레이아웃이 적용될 최소 화면 너비 (기본값: 700dp)
-     * - 일반 스마트폰: ~430dp
-     * - 폴더블 (펼쳤을 때): ~717dp
-     * - 태블릿: 600dp ~ 1024dp
-     */
-    splitBreakpoint?: number;
-    splitRatio?: number;
+    onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    scrollEventThrottle?: number;
 };
 export type ZSContainerRef = ScrollView;
 declare const ZSContainer: React.ForwardRefExoticComponent<ViewProps & {
@@ -44,14 +38,25 @@ declare const ZSContainer: React.ForwardRefExoticComponent<ViewProps & {
     automaticallyAdjustKeyboardInsets?: boolean;
     keyboardScrollExtraOffset?: number;
     translucent?: boolean;
-    /**
-     * 분할 레이아웃이 적용될 최소 화면 너비 (기본값: 700dp)
-     * - 일반 스마트폰: ~430dp
-     * - 폴더블 (펼쳤을 때): ~717dp
-     * - 태블릿: 600dp ~ 1024dp
-     */
-    splitBreakpoint?: number;
-    splitRatio?: number;
+    onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    scrollEventThrottle?: number;
 } & React.RefAttributes<ScrollView>>;
+export declare const styles: {
+    flex1: {
+        flex: number;
+    };
+    scrollContainerStyle: {
+        flexGrow: number;
+        alignItems: "center";
+    };
+    splitContainer: {
+        flex: number;
+        flexDirection: "row";
+        width: "100%";
+    };
+    splitView: {
+        minHeight: "100%";
+    };
+};
 export default ZSContainer;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAgE,MAAM,OAAO,CAAC;AACvG,OAAO,EAAE,SAAS,EAA8E,UAAU,EAAgF,MAAM,cAAc,CAAC;AAK/M,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,eAAe,GAAG,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,QAAA,MAAM,WAAW;sBA5BG,MAAM;eACb,OAAO;qBACD,MAAM;eACZ,eAAe,GAAG,cAAc;YACnC,KAAK,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;yBAC7B,OAAO;mBACb,SAAS;sBACN,SAAS;qBACV,SAAS;mCACK,OAAO;uBACnB,KAAK,CAAC,SAAS;6BACT,MAAM;eACpB,SAAS,GAAG,QAAQ,GAAG,UAAU;wCACR,OAAO;gCACf,MAAM;kBACpB,OAAO;IACrB;;;;;OAKG;sBACe,MAAM;iBACX,MAAM;oCA2JnB,CAAC;AAmBH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAgE,MAAM,OAAO,CAAC;AACvG,OAAO,EAAE,SAAS,EAAkE,UAAU,EAAE,oBAAoB,EAAE,iBAAiB,EAAkC,MAAM,cAAc,CAAC;AAK9L,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG;IACzC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,eAAe,GAAG,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,KAAK,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC,CAAC;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC;IAC7C,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACpE,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,CAAC;AAExC,QAAA,MAAM,WAAW;sBAtBG,MAAM;eACb,OAAO;qBACD,MAAM;eACZ,eAAe,GAAG,cAAc;YACnC,KAAK,CAAC,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;yBAC7B,OAAO;mBACb,SAAS;sBACN,SAAS;qBACV,SAAS;mCACK,OAAO;uBACnB,KAAK,CAAC,SAAS;6BACT,MAAM;eACpB,SAAS,GAAG,QAAQ,GAAG,UAAU;wCACR,OAAO;gCACf,MAAM;kBACpB,OAAO;eACV,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI;0BAC7C,MAAM;oCAuJ5B,CAAC;AAEH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;CAcjB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/build/ui/ZSContainer/index.js

@@ -1,16 +1,15 @@
 import React, { useState, useEffect, useImperativeHandle, forwardRef, useRef } from 'react';
-import { KeyboardAvoidingView, StatusBar, StyleSheet, Dimensions, ActivityIndicator, Keyboard, View, useWindowDimensions } from 'react-native';
+import { KeyboardAvoidingView, StatusBar, StyleSheet, ActivityIndicator, Keyboard, View } from 'react-native';
 import { SafeAreaView } from 'react-native-safe-area-context';
-import ScrollViewAtom from '../atoms/ScrollViewAtom';
 import { useTheme } from '../../model/useThemeProvider';
-const ZSContainer = forwardRef(function ZSContainer({ backgroundColor, isLoader = false, statusBarColor, barStyle, edges = ['top', 'bottom'], scrollViewDisabled = false, topComponent, bottomComponent, rightComponent, splitBreakpoint = 700, splitRatio = 0.5, showsVerticalScrollIndicator = true, loadingComponent = <ActivityIndicator />, keyboardVerticalOffset, behavior, automaticallyAdjustKeyboardInsets = true, keyboardScrollExtraOffset, translucent, ...props }, forwardedRef) {
-    const { palette } = useTheme();
+import VariantView from './ui/VariantView';
+const ZSContainer = forwardRef(function ZSContainer({ backgroundColor, isLoader = false, statusBarColor, barStyle, edges = ['top', 'bottom'], scrollViewDisabled = false, topComponent, bottomComponent, rightComponent, showsVerticalScrollIndicator = true, loadingComponent = <ActivityIndicator />, keyboardVerticalOffset, behavior, automaticallyAdjustKeyboardInsets = true, keyboardScrollExtraOffset, translucent, scrollEventThrottle = 100, ...props }, forwardedRef) {
+    const { palette, splitBreakpoint, splitRatio, dimensions: { height: windowHeight, width: windowWidth }, isSplitView } = useTheme();
     const [isDelayed, setIsDelayed] = useState(true);
     const positionRef = useRef(0);
     const scrollViewRef = useRef(null);
     const lastTouchY = useRef(0);
-    const { width: windowWidth } = useWindowDimensions();
-    const isSplitView = (windowWidth >= splitBreakpoint) && rightComponent;
+    const splitEnabled = !!(isSplitView && (windowWidth >= splitBreakpoint) && rightComponent);
     useImperativeHandle(forwardedRef, () => scrollViewRef.current, []);
     useEffect(() => {
         const timer = setTimeout(() => {
@@ -21,7 +20,7 @@ const ZSContainer = forwardRef(function ZSContainer({ backgroundColor, isLoader
     useEffect(() => {
         const keyboardShowSubscription = Keyboard.addListener('keyboardDidShow', (e) => {
             if (scrollViewRef.current && keyboardScrollExtraOffset) {
-                const screenHeight = Dimensions.get('window').height;
+                const screenHeight = windowHeight;
                 const keyboardHeight = e.endCoordinates.height;
                 const safeAreaBottom = 0;
                 const availableScreenHeight = screenHeight - keyboardHeight - safeAreaBottom;
@@ -42,6 +41,8 @@ const ZSContainer = forwardRef(function ZSContainer({ backgroundColor, isLoader
         };
     }, [keyboardScrollExtraOffset]);
     const handleScroll = (event) => {
+        if (props.onScroll)
+            props.onScroll(event);
         if (keyboardScrollExtraOffset)
             positionRef.current = event.nativeEvent.contentOffset.y;
     };
@@ -52,28 +53,23 @@ const ZSContainer = forwardRef(function ZSContainer({ backgroundColor, isLoader
     const renderContent = () => {
         if (isLoader)
             return loadingComponent;
-        const leftWidth = isSplitView ? windowWidth * splitRatio : windowWidth;
-        const rightWidth = windowWidth * (1 - splitRatio);
-        return (<View style={[styles.splitContainer]}>
-        {scrollViewDisabled ? (<View style={[styles.flex1, props.style, { width: leftWidth }]}>
-              {props.children}
-            </View>) : (<ScrollViewAtom ref={scrollViewRef} style={[styles.flex1, { width: leftWidth }]} contentContainerStyle={styles.scrollContainerStyle} bounces={false} overScrollMode="never" showsVerticalScrollIndicator={showsVerticalScrollIndicator} keyboardShouldPersistTaps="handled" automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets} onScroll={handleScroll} onTouchStart={handleTouch}>
-              <View style={[styles.splitView, props.style, { width: leftWidth }]}>
-                {props.children}
-              </View>
-            </ScrollViewAtom>)}
+        const leftWidth = (splitEnabled ? `${splitRatio * 100}%` : '100%');
+        const rightWidth = `${(1 - splitRatio) * 100}%`;
+        return (<View style={styles.splitContainer}>
 
-        {rightComponent && isSplitView && (<View style={[styles.splitView, { width: rightWidth }]}>
-            {rightComponent}
-          </View>)}
+        {/* 메인 컴포넌트 */}
+        <VariantView style={props.style} children={props.children} scrollViewRef={scrollViewRef} variantWidth={leftWidth} showsVerticalScrollIndicator={showsVerticalScrollIndicator} automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets} scrollViewDisabled={scrollViewDisabled} scrollEventThrottle={scrollEventThrottle} handleScroll={handleScroll} handleTouch={handleTouch}/>
+
+        {/* 폴드/태블릿 화면 오른쪽 컴포넌트 */}
+        {rightComponent && splitEnabled && (<VariantView style={styles.splitView} children={rightComponent} variantWidth={rightWidth} showsVerticalScrollIndicator={showsVerticalScrollIndicator} automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets} scrollViewDisabled={false} scrollEventThrottle={scrollEventThrottle}/>)}
       </View>);
     };
     return (<SafeAreaView style={[
             { backgroundColor: backgroundColor || palette.background.base },
             styles.flex1,
-            styles.fullWidth,
+            { width: '100%' },
         ]} edges={edges}>
-      {!isDelayed && (<KeyboardAvoidingView style={[styles.flex1, styles.fullWidth]} behavior={behavior} keyboardVerticalOffset={keyboardVerticalOffset}>
+      {!isDelayed && (<KeyboardAvoidingView style={[styles.flex1, { width: '100%' }]} behavior={behavior} keyboardVerticalOffset={keyboardVerticalOffset}>
           {topComponent && topComponent}
           {renderContent()}
           {!isLoader && bottomComponent && bottomComponent}
@@ -82,9 +78,8 @@ const ZSContainer = forwardRef(function ZSContainer({ backgroundColor, isLoader
       {(barStyle || statusBarColor || translucent) && (<StatusBar barStyle={barStyle} backgroundColor={statusBarColor || palette.background.base} translucent={translucent}/>)}
     </SafeAreaView>);
 });
-const styles = StyleSheet.create({
+export const styles = StyleSheet.create({
     flex1: { flex: 1 },
-    fullWidth: { width: Dimensions.get('window').width },
     scrollContainerStyle: {
         flexGrow: 1,
         alignItems: 'center',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSContainer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactNode, useState, useEffect, useImperativeHandle, forwardRef, useRef } from 'react';\r\nimport { ViewProps, KeyboardAvoidingView, StatusBar, StyleSheet, Dimensions, ActivityIndicator, ScrollView, NativeSyntheticEvent, NativeScrollEvent, Keyboard, View, useWindowDimensions } from 'react-native';\r\nimport { SafeAreaView } from 'react-native-safe-area-context';\r\nimport ScrollViewAtom from '../atoms/ScrollViewAtom';\r\nimport { useTheme } from '../../model/useThemeProvider';\r\n\r\nexport type ZSContainerProps = ViewProps & {\r\n  backgroundColor?: string;\r\n  isLoader?: boolean;\r\n  statusBarColor?: string;\r\n  barStyle?: 'light-content' | 'dark-content';\r\n  edges?: Array<'top' | 'right' | 'bottom' | 'left'>;\r\n  scrollViewDisabled?: boolean;\r\n  topComponent?: ReactNode;\r\n  bottomComponent?: ReactNode;\r\n  rightComponent?: ReactNode;\r\n  showsVerticalScrollIndicator?: boolean;\r\n  loadingComponent?: React.ReactNode;\r\n  keyboardVerticalOffset?: number;\r\n  behavior?: 'padding' | 'height' | 'position';\r\n  automaticallyAdjustKeyboardInsets?: boolean;\r\n  keyboardScrollExtraOffset?: number;\r\n  translucent?: boolean;\r\n  /**\r\n   * 분할 레이아웃이 적용될 최소 화면 너비 (기본값: 700dp)\r\n   * - 일반 스마트폰: ~430dp\r\n   * - 폴더블 (펼쳤을 때): ~717dp\r\n   * - 태블릿: 600dp ~ 1024dp\r\n   */\r\n  splitBreakpoint?: number;\r\n  splitRatio?: number;\r\n};\r\n\r\nexport type ZSContainerRef = ScrollView;\r\n\r\nconst ZSContainer = forwardRef<ZSContainerRef, ZSContainerProps>(function ZSContainer(\r\n  {\r\n    backgroundColor,\r\n    isLoader = false,\r\n    statusBarColor,\r\n    barStyle,\r\n    edges = ['top', 'bottom'],\r\n    scrollViewDisabled = false,\r\n    topComponent,\r\n    bottomComponent,\r\n    rightComponent,\r\n    splitBreakpoint = 700,\r\n    splitRatio = 0.5,\r\n    showsVerticalScrollIndicator = true,\r\n    loadingComponent = <ActivityIndicator />,\r\n    keyboardVerticalOffset,\r\n    behavior,\r\n    automaticallyAdjustKeyboardInsets = true,\r\n    keyboardScrollExtraOffset,\r\n    translucent,\r\n    ...props\r\n  },\r\n  forwardedRef\r\n) {\r\n  const { palette } = useTheme();\r\n  const [isDelayed, setIsDelayed] = useState(true);\r\n  const positionRef = useRef<number | null>(0);\r\n  const scrollViewRef = useRef<ScrollView>(null);\r\n  const lastTouchY = useRef<number | null>(0);\r\n  const { width: windowWidth } = useWindowDimensions();\r\n  const isSplitView = (windowWidth >= splitBreakpoint) && rightComponent;\r\n\r\n  useImperativeHandle(forwardedRef, () => scrollViewRef.current as ScrollView, []);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => {\r\n      setIsDelayed(false);\r\n    }, 200);\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const keyboardShowSubscription = Keyboard.addListener('keyboardDidShow', (e) => {\r\n      if (scrollViewRef.current && keyboardScrollExtraOffset) {\r\n        const screenHeight = Dimensions.get('window').height;\r\n        const keyboardHeight = e.endCoordinates.height;\r\n        const safeAreaBottom = 0;\r\n        const availableScreenHeight = screenHeight - keyboardHeight - safeAreaBottom;\r\n\r\n        // 현재 터치 위치와 스크롤 위치를 기반으로 새로운 스크롤 위치 계산\r\n        const currentScrollPosition = positionRef.current || 0;\r\n        const touchPosition = lastTouchY.current || 0;\r\n\r\n        const scrollOffset = touchPosition - availableScreenHeight + keyboardScrollExtraOffset;\r\n        scrollViewRef.current.scrollTo({\r\n          y: currentScrollPosition + scrollOffset,\r\n          animated: true,\r\n        });\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      positionRef.current = null;\r\n      lastTouchY.current = null;\r\n      keyboardShowSubscription.remove();\r\n    };\r\n  }, [keyboardScrollExtraOffset]);\r\n\r\n  const handleScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {\r\n    if (keyboardScrollExtraOffset) positionRef.current = event.nativeEvent.contentOffset.y;\r\n  };\r\n\r\n  const handleTouch = (evt: any) => {\r\n    if (keyboardScrollExtraOffset) lastTouchY.current = evt.nativeEvent.pageY;\r\n  };\r\n\r\n  const renderContent = () => {\r\n    if (isLoader) return loadingComponent;\r\n\r\n    const leftWidth = isSplitView ? windowWidth * splitRatio : windowWidth;\r\n    const rightWidth = windowWidth * (1 - splitRatio);\r\n\r\n    return (\r\n      <View style={[styles.splitContainer]}>\r\n        {\r\n          scrollViewDisabled ? (\r\n            <View style={[styles.flex1, props.style, { width: leftWidth }]}>\r\n              {props.children}\r\n            </View>\r\n          ) : (\r\n            <ScrollViewAtom\r\n              ref={scrollViewRef}\r\n              style={[styles.flex1, { width: leftWidth }]}\r\n              contentContainerStyle={styles.scrollContainerStyle}\r\n              bounces={false}\r\n              overScrollMode=\"never\"\r\n              showsVerticalScrollIndicator={showsVerticalScrollIndicator}\r\n              keyboardShouldPersistTaps=\"handled\"\r\n              automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets}\r\n              onScroll={handleScroll}\r\n              onTouchStart={handleTouch}\r\n            >\r\n              <View style={[styles.splitView, props.style, { width: leftWidth }]}>\r\n                {props.children}\r\n              </View>\r\n            </ScrollViewAtom>\r\n          )\r\n        }\r\n\r\n        {rightComponent && isSplitView && (\r\n          <View style={[styles.splitView, { width: rightWidth }]}>\r\n            {rightComponent}\r\n          </View>\r\n        )}\r\n      </View>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <SafeAreaView\r\n      style={[\r\n        { backgroundColor: backgroundColor || palette.background.base },\r\n        styles.flex1,\r\n        styles.fullWidth,\r\n      ]}\r\n      edges={edges}\r\n    >\r\n      {!isDelayed && (\r\n        <KeyboardAvoidingView\r\n          style={[styles.flex1, styles.fullWidth]}\r\n          behavior={behavior}\r\n          keyboardVerticalOffset={keyboardVerticalOffset}\r\n        >\r\n          {topComponent && topComponent}\r\n          {renderContent()}\r\n          {!isLoader && bottomComponent && bottomComponent}\r\n        </KeyboardAvoidingView>\r\n      )}\r\n\r\n      {\r\n        (barStyle || statusBarColor || translucent) && (\r\n          <StatusBar\r\n            barStyle={barStyle}\r\n            backgroundColor={statusBarColor || palette.background.base}\r\n            translucent={translucent}\r\n          />\r\n        )\r\n      }\r\n    </SafeAreaView>\r\n  );\r\n});\r\n\r\nconst styles = StyleSheet.create({\r\n  flex1: { flex: 1 },\r\n  fullWidth: { width: Dimensions.get('window').width },\r\n  scrollContainerStyle: {\r\n    flexGrow: 1,\r\n    alignItems: 'center',\r\n  },\r\n  splitContainer: {\r\n    flex: 1,\r\n    flexDirection: 'row',\r\n    width: '100%',\r\n  },\r\n  splitView: {\r\n    minHeight: '100%',\r\n  },\r\n});\r\n\r\nexport default ZSContainer;\r\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSContainer/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { ReactNode, useState, useEffect, useImperativeHandle, forwardRef, useRef } from 'react';\r\nimport { ViewProps, KeyboardAvoidingView, StatusBar, StyleSheet, ActivityIndicator, ScrollView, NativeSyntheticEvent, NativeScrollEvent, Keyboard, View, DimensionValue } from 'react-native';\r\nimport { SafeAreaView } from 'react-native-safe-area-context';\r\nimport { useTheme } from '../../model/useThemeProvider';\r\nimport VariantView from './ui/VariantView';\r\n\r\nexport type ZSContainerProps = ViewProps & {\r\n  backgroundColor?: string;\r\n  isLoader?: boolean;\r\n  statusBarColor?: string;\r\n  barStyle?: 'light-content' | 'dark-content';\r\n  edges?: Array<'top' | 'right' | 'bottom' | 'left'>;\r\n  scrollViewDisabled?: boolean;\r\n  topComponent?: ReactNode;\r\n  bottomComponent?: ReactNode;\r\n  rightComponent?: ReactNode;\r\n  showsVerticalScrollIndicator?: boolean;\r\n  loadingComponent?: React.ReactNode;\r\n  keyboardVerticalOffset?: number;\r\n  behavior?: 'padding' | 'height' | 'position';\r\n  automaticallyAdjustKeyboardInsets?: boolean;\r\n  keyboardScrollExtraOffset?: number;\r\n  translucent?: boolean;\r\n  onScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;\r\n  scrollEventThrottle?: number;\r\n};\r\n\r\nexport type ZSContainerRef = ScrollView;\r\n\r\nconst ZSContainer = forwardRef<ZSContainerRef, ZSContainerProps>(function ZSContainer(\r\n  {\r\n    backgroundColor,\r\n    isLoader = false,\r\n    statusBarColor,\r\n    barStyle,\r\n    edges = ['top', 'bottom'],\r\n    scrollViewDisabled = false,\r\n    topComponent,\r\n    bottomComponent,\r\n    rightComponent,\r\n    showsVerticalScrollIndicator = true,\r\n    loadingComponent = <ActivityIndicator />,\r\n    keyboardVerticalOffset,\r\n    behavior,\r\n    automaticallyAdjustKeyboardInsets = true,\r\n    keyboardScrollExtraOffset,\r\n    translucent,\r\n    scrollEventThrottle = 100,\r\n    ...props\r\n  },\r\n  forwardedRef\r\n) {\r\n  const { palette, splitBreakpoint, splitRatio, dimensions: { height: windowHeight, width: windowWidth }, isSplitView } = useTheme();\r\n  const [isDelayed, setIsDelayed] = useState(true);\r\n  const positionRef = useRef<number | null>(0);\r\n  const scrollViewRef = useRef<ScrollView>(null);\r\n  const lastTouchY = useRef<number | null>(0);\r\n  const splitEnabled = !!(isSplitView && (windowWidth >= splitBreakpoint) && rightComponent);\r\n\r\n  useImperativeHandle(forwardedRef, () => scrollViewRef.current as ScrollView, []);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => {\r\n      setIsDelayed(false);\r\n    }, 200);\r\n    return () => clearTimeout(timer);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    const keyboardShowSubscription = Keyboard.addListener('keyboardDidShow', (e) => {\r\n      if (scrollViewRef.current && keyboardScrollExtraOffset) {\r\n        const screenHeight = windowHeight;\r\n        const keyboardHeight = e.endCoordinates.height;\r\n        const safeAreaBottom = 0;\r\n        const availableScreenHeight = screenHeight - keyboardHeight - safeAreaBottom;\r\n\r\n        // 현재 터치 위치와 스크롤 위치를 기반으로 새로운 스크롤 위치 계산\r\n        const currentScrollPosition = positionRef.current || 0;\r\n        const touchPosition = lastTouchY.current || 0;\r\n\r\n        const scrollOffset = touchPosition - availableScreenHeight + keyboardScrollExtraOffset;\r\n        scrollViewRef.current.scrollTo({\r\n          y: currentScrollPosition + scrollOffset,\r\n          animated: true,\r\n        });\r\n      }\r\n    });\r\n\r\n    return () => {\r\n      positionRef.current = null;\r\n      lastTouchY.current = null;\r\n      keyboardShowSubscription.remove();\r\n    };\r\n  }, [keyboardScrollExtraOffset]);\r\n\r\n  const handleScroll = (event: NativeSyntheticEvent<NativeScrollEvent>) => {\r\n    if (props.onScroll) props.onScroll(event);\r\n    if (keyboardScrollExtraOffset) positionRef.current = event.nativeEvent.contentOffset.y;\r\n  };\r\n\r\n  const handleTouch = (evt: any) => {\r\n    if (keyboardScrollExtraOffset) lastTouchY.current = evt.nativeEvent.pageY;\r\n  };\r\n\r\n  const renderContent = () => {\r\n    if (isLoader) return loadingComponent;\r\n\r\n    const leftWidth = (splitEnabled ? `${splitRatio * 100}%` : '100%') as DimensionValue;\r\n    const rightWidth = `${(1 - splitRatio) * 100}%` as DimensionValue;\r\n\r\n    return (\r\n      <View style={styles.splitContainer}>\r\n\r\n        {/* 메인 컴포넌트 */}\r\n        <VariantView\r\n          style={props.style}\r\n          children={props.children}\r\n          scrollViewRef={scrollViewRef}\r\n          variantWidth={leftWidth}\r\n          showsVerticalScrollIndicator={showsVerticalScrollIndicator}\r\n          automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets}\r\n          scrollViewDisabled={scrollViewDisabled}\r\n          scrollEventThrottle={scrollEventThrottle}\r\n          handleScroll={handleScroll}\r\n          handleTouch={handleTouch}\r\n        />\r\n\r\n        {/* 폴드/태블릿 화면 오른쪽 컴포넌트 */}\r\n        {rightComponent && splitEnabled && (\r\n          <VariantView\r\n            style={styles.splitView}\r\n            children={rightComponent}\r\n            variantWidth={rightWidth}\r\n            showsVerticalScrollIndicator={showsVerticalScrollIndicator}\r\n            automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets}\r\n            scrollViewDisabled={false}\r\n            scrollEventThrottle={scrollEventThrottle}\r\n          />\r\n        )}\r\n      </View>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <SafeAreaView\r\n      style={[\r\n        { backgroundColor: backgroundColor || palette.background.base },\r\n        styles.flex1,\r\n        { width: '100%' },\r\n      ]}\r\n      edges={edges}\r\n    >\r\n      {!isDelayed && (\r\n        <KeyboardAvoidingView\r\n          style={[styles.flex1, { width: '100%' }]}\r\n          behavior={behavior}\r\n          keyboardVerticalOffset={keyboardVerticalOffset}\r\n        >\r\n          {topComponent && topComponent}\r\n          {renderContent()}\r\n          {!isLoader && bottomComponent && bottomComponent}\r\n        </KeyboardAvoidingView>\r\n      )}\r\n\r\n      {\r\n        (barStyle || statusBarColor || translucent) && (\r\n          <StatusBar\r\n            barStyle={barStyle}\r\n            backgroundColor={statusBarColor || palette.background.base}\r\n            translucent={translucent}\r\n          />\r\n        )\r\n      }\r\n    </SafeAreaView>\r\n  );\r\n});\r\n\r\nexport const styles = StyleSheet.create({\r\n  flex1: { flex: 1 },\r\n  scrollContainerStyle: {\r\n    flexGrow: 1,\r\n    alignItems: 'center',\r\n  },\r\n  splitContainer: {\r\n    flex: 1,\r\n    flexDirection: 'row',\r\n    width: '100%',\r\n  },\r\n  splitView: {\r\n    minHeight: '100%',\r\n  },\r\n});\r\n\r\nexport default ZSContainer;\r\n"]}

package/build/ui/ZSContainer/ui/VariantView.d.ts

@@ -0,0 +1,16 @@
+import { ScrollView, NativeSyntheticEvent, NativeScrollEvent, DimensionValue, StyleProp, ViewStyle } from 'react-native';
+interface VariantViewProps {
+    children: React.ReactNode;
+    scrollViewDisabled?: boolean;
+    style: StyleProp<ViewStyle>;
+    scrollViewRef?: React.RefObject<ScrollView>;
+    variantWidth?: DimensionValue;
+    showsVerticalScrollIndicator?: boolean;
+    automaticallyAdjustKeyboardInsets?: boolean;
+    handleScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    handleTouch?: (event: any) => void;
+    scrollEventThrottle?: number;
+}
+export default function VariantView({ children, scrollViewDisabled, style, scrollViewRef, variantWidth, showsVerticalScrollIndicator, automaticallyAdjustKeyboardInsets, handleScroll, handleTouch, scrollEventThrottle }: VariantViewProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=VariantView.d.ts.map

package/build/ui/ZSContainer/ui/VariantView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantView.d.ts","sourceRoot":"","sources":["../../../../src/ui/ZSContainer/ui/VariantView.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,iBAAiB,EAAQ,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/H,UAAU,gBAAgB;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,iCAAiC,CAAC,EAAE,OAAO,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACnC,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,4BAA4B,EAAE,iCAAiC,EAAE,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAE,EAAE,gBAAgB,+BA0B1O"}

package/build/ui/ZSContainer/ui/VariantView.js

@@ -0,0 +1,12 @@
+import { styles } from '..';
+import { ScrollView, View } from 'react-native';
+export default function VariantView({ children, scrollViewDisabled, style, scrollViewRef, variantWidth, showsVerticalScrollIndicator, automaticallyAdjustKeyboardInsets, handleScroll, handleTouch, scrollEventThrottle }) {
+    return (scrollViewDisabled ? (<View style={[style, { width: variantWidth }]}>
+        {children}
+      </View>) : (<ScrollView ref={scrollViewRef} style={{ width: variantWidth }} contentContainerStyle={styles.scrollContainerStyle} bounces={false} overScrollMode="never" showsVerticalScrollIndicator={showsVerticalScrollIndicator} keyboardShouldPersistTaps="handled" automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets} onScroll={handleScroll} onTouchStart={handleTouch} scrollEventThrottle={scrollEventThrottle}>
+        <View style={[styles.splitView, style, { width: '100%' }]}>
+          {children}
+        </View>
+      </ScrollView>));
+}
+//# sourceMappingURL=VariantView.js.map

package/build/ui/ZSContainer/ui/VariantView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VariantView.js","sourceRoot":"","sources":["../../../../src/ui/ZSContainer/ui/VariantView.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAC5B,OAAO,EAAE,UAAU,EAA2C,IAAI,EAAwC,MAAM,cAAc,CAAC;AAe/H,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,kBAAkB,EAAE,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,4BAA4B,EAAE,iCAAiC,EAAE,YAAY,EAAE,WAAW,EAAE,mBAAmB,EAAoB;IACzO,OAAO,CACL,kBAAkB,CAAC,CAAC,CAAC,CACnB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAE,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAC7C;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,CACF,CAAC,UAAU,CACT,GAAG,CAAC,CAAC,aAAa,CAAC,CACnB,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAC/B,qBAAqB,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACnD,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,cAAc,CAAC,OAAO,CACtB,4BAA4B,CAAC,CAAC,4BAA4B,CAAC,CAC3D,yBAAyB,CAAC,SAAS,CACnC,iCAAiC,CAAC,CAAC,iCAAiC,CAAC,CACrE,QAAQ,CAAC,CAAC,YAAY,CAAC,CACvB,YAAY,CAAC,CAAC,WAAW,CAAC,CAC1B,mBAAmB,CAAC,CAAC,mBAAmB,CAAC,CAEzC;QAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,CACxD;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,IAAI,CACR;MAAA,EAAE,UAAU,CAAC,CACd,CACF,CAAA;AACH,CAAC","sourcesContent":["import { styles } from '..';\nimport { ScrollView, NativeSyntheticEvent, NativeScrollEvent, View, DimensionValue, StyleProp, ViewStyle } from 'react-native';\n\ninterface VariantViewProps {\n    children: React.ReactNode;\n    scrollViewDisabled?: boolean;\n    style: StyleProp<ViewStyle>;\n    scrollViewRef?: React.RefObject<ScrollView>;\n    variantWidth?: DimensionValue;\n    showsVerticalScrollIndicator?: boolean;\n    automaticallyAdjustKeyboardInsets?: boolean;\n    handleScroll?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;\n    handleTouch?: (event: any) => void;\n    scrollEventThrottle?: number;\n}\n\nexport default function VariantView({ children, scrollViewDisabled, style, scrollViewRef, variantWidth, showsVerticalScrollIndicator, automaticallyAdjustKeyboardInsets, handleScroll, handleTouch, scrollEventThrottle }: VariantViewProps) {\n  return (\n    scrollViewDisabled ? (\n      <View style={[ style, { width: variantWidth }]}>\n        {children}\n      </View>\n    ) : (\n      <ScrollView\n        ref={scrollViewRef}\n        style={{ width: variantWidth }}\n        contentContainerStyle={styles.scrollContainerStyle}\n        bounces={false}\n        overScrollMode=\"never\"\n        showsVerticalScrollIndicator={showsVerticalScrollIndicator}\n        keyboardShouldPersistTaps=\"handled\"\n        automaticallyAdjustKeyboardInsets={automaticallyAdjustKeyboardInsets}\n        onScroll={handleScroll}\n        onTouchStart={handleTouch}\n        scrollEventThrottle={scrollEventThrottle}\n      >\n        <View style={[styles.splitView, style, { width: '100%' }]}>\n          {children}\n        </View>\n      </ScrollView>\n    )\n  )\n}"]}

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

@@ -2,10 +2,10 @@ import Animated, { FadeInDown } from "react-native-reanimated";
 import ZSText from "../../ZSText";
 import SvgExclamation from "../../../assets/SvgExclamation";
 const ErrorComponent = ({ errorMessage, errorColor, }) => {
-    return (<Animated.View entering={FadeInDown} style={{ width: '100%', flexDirection: 'row', alignItems: 'center', paddingLeft: 5, marginTop: 6 }}>
+    return (<Animated.View entering={FadeInDown} style={{ width: '100%', flexDirection: 'row', alignItems: 'center', paddingLeft: 5, paddingTop: 9 }}>
       <SvgExclamation size={16} backgroundColor={errorColor}/>
 
-      <ZSText typo='body.4' style={{ marginLeft: 4, color: errorColor }}>
+      <ZSText typo='body.4' style={{ marginLeft: 5, color: errorColor }}>
         {errorMessage}
       </ZSText>
     </Animated.View>);

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,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,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,cAAc,CACb,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,eAAe,CAAC,CAAC,UAAU,CAAC,EAG9B;;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 Animated, { FadeInDown } from \"react-native-reanimated\";\nimport ZSText from \"../../ZSText\";\nimport SvgExclamation from \"../../../assets/SvgExclamation\";\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      <SvgExclamation\n        size={16}\n        backgroundColor={errorColor}\n      />\n\n      <ZSText typo='body.4' style={{ marginLeft: 4, color: errorColor }}>\n        {errorMessage}\n      </ZSText>\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,QAAQ,EAAE,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC/D,OAAO,MAAM,MAAM,cAAc,CAAC;AAClC,OAAO,cAAc,MAAM,gCAAgC,CAAC;AAE5D,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,UAAU,EAAE,CAAC,EAAE,CAAC,CACvI;MAAA,CAAC,cAAc,CACb,IAAI,CAAC,CAAC,EAAE,CAAC,CACT,eAAe,CAAC,CAAC,UAAU,CAAC,EAG9B;;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 Animated, { FadeInDown } from \"react-native-reanimated\";\nimport ZSText from \"../../ZSText\";\nimport SvgExclamation from \"../../../assets/SvgExclamation\";\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, paddingTop: 9 }}>\n      <SvgExclamation\n        size={16}\n        backgroundColor={errorColor}\n      />\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/build/ui/index.d.ts

@@ -1,7 +1,6 @@
 import ZSView from './ZSView';
 import AnimatedWrapper from './atoms/AnimatedWrapper';
 import TextAtom from './atoms/TextAtom';
-import ScrollViewAtom from './atoms/ScrollViewAtom';
 import ZSContainer from './ZSContainer';
 import ZSPressable from './ZSPressable';
 import ZSText from './ZSText';
@@ -10,5 +9,5 @@ import ZSTextField from './ZSTextField';
 import ZSRadioGroup from './ZSRadioGroup';
 import ZSBottomButton from './ZSBottomButton';
 import * as types from './types';
-export { ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, types };
+export { ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, types };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACN,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACN,CAAC"}

package/build/ui/index.js

@@ -1,7 +1,6 @@
 import ZSView from './ZSView';
 import AnimatedWrapper from './atoms/AnimatedWrapper';
 import TextAtom from './atoms/TextAtom';
-import ScrollViewAtom from './atoms/ScrollViewAtom';
 import ZSContainer from './ZSContainer';
 import ZSPressable from './ZSPressable';
 import ZSText from './ZSText';
@@ -10,5 +9,5 @@ import ZSTextField from './ZSTextField';
 import ZSRadioGroup from './ZSRadioGroup';
 import ZSBottomButton from './ZSBottomButton';
 import * as types from './types';
-export { ZSView, AnimatedWrapper, TextAtom, ScrollViewAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, types };
+export { ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSBottomButton, types };
 //# sourceMappingURL=index.js.map

package/build/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,MAAM,wBAAwB,CAAC;AACpD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,cAAc,EACd,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACN,CAAC","sourcesContent":["import ZSView from './ZSView';\nimport AnimatedWrapper from './atoms/AnimatedWrapper';\nimport TextAtom from './atoms/TextAtom';\nimport ScrollViewAtom from './atoms/ScrollViewAtom';\nimport ZSContainer from './ZSContainer';\nimport ZSPressable from './ZSPressable';\nimport ZSText from './ZSText';\nimport ThrottleButton from './ThrottleButton';\nimport ZSTextField from './ZSTextField';\nimport ZSRadioGroup from './ZSRadioGroup';\nimport ZSBottomButton from './ZSBottomButton';\nimport * as types from './types';\n\nexport {\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ScrollViewAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSBottomButton,\n  types\n};"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAC;AAEjC,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,cAAc,EACd,KAAK,EACN,CAAC","sourcesContent":["import ZSView from './ZSView';\nimport AnimatedWrapper from './atoms/AnimatedWrapper';\nimport TextAtom from './atoms/TextAtom';\nimport ZSContainer from './ZSContainer';\nimport ZSPressable from './ZSPressable';\nimport ZSText from './ZSText';\nimport ThrottleButton from './ThrottleButton';\nimport ZSTextField from './ZSTextField';\nimport ZSRadioGroup from './ZSRadioGroup';\nimport ZSBottomButton from './ZSBottomButton';\nimport * as types from './types';\n\nexport {\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSBottomButton,\n  types\n};"]}

package/package.json

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

package/build/ui/atoms/ScrollViewAtom.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { ScrollView, ScrollViewProps } from 'react-native';
-declare const ScrollViewAtom: React.ForwardRefExoticComponent<ScrollViewProps & React.RefAttributes<ScrollView>>;
-export default ScrollViewAtom;
-//# sourceMappingURL=ScrollViewAtom.d.ts.map

package/build/ui/atoms/ScrollViewAtom.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollViewAtom.d.ts","sourceRoot":"","sources":["../../../src/ui/atoms/ScrollViewAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAI3D,QAAA,MAAM,cAAc,oFAQlB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/build/ui/atoms/ScrollViewAtom.js

@@ -1,9 +0,0 @@
-import React, { forwardRef } from 'react';
-import { ScrollView } from 'react-native';
-const ScrollViewAtom = forwardRef(function ScrollViewAtom({ children, style, ...props }, ref) {
-    return (<ScrollView ref={ref} {...props} style={style}>
-      {children}
-    </ScrollView>);
-});
-export default ScrollViewAtom;
-//# sourceMappingURL=ScrollViewAtom.js.map

package/build/ui/atoms/ScrollViewAtom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollViewAtom.js","sourceRoot":"","sources":["../../../src/ui/atoms/ScrollViewAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAI3D,MAAM,cAAc,GAAG,UAAU,CAAkC,SAAS,cAAc,CACxF,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG;IAElC,OAAO,CACL,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAC5C;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,cAAc,CAAC","sourcesContent":["import React, { forwardRef } from 'react';\nimport { ScrollView, ScrollViewProps } from 'react-native';\n\ntype ScrollViewAtomProps = ScrollViewProps;\n\nconst ScrollViewAtom = forwardRef<ScrollView, ScrollViewAtomProps>(function ScrollViewAtom(\n  { children, style, ...props }, ref\n) {\n  return (\n    <ScrollView ref={ref} {...props} style={style}>\n      {children}\n    </ScrollView>\n  );\n});\n\nexport default ScrollViewAtom;\n"]}