@0610studio/zs-ui 0.0.1

package/build/theme/typography.js

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

package/build/theme/typography.js.map

@@ -0,0 +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"]}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { TouchableOpacityProps } from 'react-native';
+interface ThrottleButtonProps extends TouchableOpacityProps {
+    loadingComponent?: React.ReactNode;
+    disabled?: boolean;
+    primaryOnPress: () => Promise<void>;
+    primaryLabelComponent: React.ReactNode;
+    primaryButtonStyle?: TouchableOpacityProps['style'];
+    marginHorizontal?: number;
+    marginBottom?: number;
+    onError?: (error: Error) => void;
+}
+declare function ThrottleButton({ loadingComponent, disabled, primaryOnPress, primaryLabelComponent, primaryButtonStyle, marginHorizontal, marginBottom, onError, ...touchableProps }: ThrottleButtonProps): React.JSX.Element;
+export default ThrottleButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ThrottleButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAAmD,qBAAqB,EAAQ,MAAM,cAAc,CAAC;AAY5G,UAAU,mBAAoB,SAAQ,qBAAqB;IACvD,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACpD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CACpC;AAkDD,iBAAS,cAAc,CAAC,EACpB,gBAAwC,EACxC,QAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,kBAAuB,EACvB,gBAAgB,EAChB,YAAoC,EACpC,OAAO,EACP,GAAG,cAAc,EACpB,EAAE,mBAAmB,qBAgBrB;AAoBD,eAAe,cAAc,CAAC"}

package/build/ui/ThrottleButton/index.js

@@ -0,0 +1,74 @@
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { ActivityIndicator, StyleSheet, TouchableOpacity, View } from 'react-native';
+const DEFAULT_MARGIN_X = 20;
+const DEFAULT_MARGIN_TOP = 0;
+const DEFAULT_MARGIN_BOTTOM = 20;
+const DEFAULT_BORDER_RADIUS = 8;
+const TIME_CONSTANTS = {
+    debounce: 300,
+    throttle: 2000,
+};
+const useAsyncButton = (onPress, onError) => {
+    const [isLoading, setIsLoading] = useState(false);
+    const lastClickTime = useRef(0);
+    const isMounted = useRef(true);
+    useEffect(() => {
+        return () => {
+            isMounted.current = false;
+        };
+    }, []);
+    const handlePress = useCallback(async () => {
+        const now = Date.now();
+        if (now - lastClickTime.current < TIME_CONSTANTS.debounce) {
+            return;
+        }
+        if (isLoading) {
+            return;
+        }
+        lastClickTime.current = now;
+        try {
+            setIsLoading(true);
+            await onPress();
+            await new Promise(resolve => setTimeout(resolve, TIME_CONSTANTS.throttle));
+        }
+        catch (error) {
+            if (error instanceof Error && onError) {
+                onError(error);
+            }
+            console.error('ThrottleButton error:', error);
+        }
+        finally {
+            if (isMounted.current) {
+                setIsLoading(false);
+            }
+        }
+    }, [onPress, onError, isLoading]);
+    return { isLoading, handlePress };
+};
+function ThrottleButton({ loadingComponent = <ActivityIndicator />, disabled = false, primaryOnPress, primaryLabelComponent, primaryButtonStyle = {}, marginHorizontal, marginBottom = DEFAULT_MARGIN_BOTTOM, onError, ...touchableProps }) {
+    const { isLoading, handlePress } = useAsyncButton(primaryOnPress, onError);
+    return (<View style={[styles.container, { marginHorizontal: marginHorizontal ?? DEFAULT_MARGIN_X, marginBottom }]}>
+            <TouchableOpacity activeOpacity={0.7} style={[primaryButtonStyle, styles.touchContainer, { opacity: isLoading ? 0.4 : 1 }]} onPress={handlePress} disabled={disabled || isLoading} {...touchableProps}>
+                {isLoading ? loadingComponent : primaryLabelComponent}
+            </TouchableOpacity>
+        </View>);
+}
+const styles = StyleSheet.create({
+    touchContainer: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        flex: 1
+    },
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: DEFAULT_BORDER_RADIUS,
+        marginTop: DEFAULT_MARGIN_TOP,
+        marginBottom: DEFAULT_MARGIN_BOTTOM,
+        overflow: 'hidden',
+        flexDirection: 'row',
+        flex: 1
+    },
+});
+export default ThrottleButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ThrottleButton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { ActivityIndicator, StyleSheet, TouchableOpacity, TouchableOpacityProps, View } from 'react-native';\n\nconst DEFAULT_MARGIN_X = 20;\nconst DEFAULT_MARGIN_TOP = 0;\nconst DEFAULT_MARGIN_BOTTOM = 20;\nconst DEFAULT_BORDER_RADIUS = 8;\n\nconst TIME_CONSTANTS = {\n    debounce: 300,\n    throttle: 2000,\n} as const;\n\ninterface ThrottleButtonProps extends TouchableOpacityProps {\n    loadingComponent?: React.ReactNode;\n    disabled?: boolean;\n    primaryOnPress: () => Promise<void>;\n    primaryLabelComponent: React.ReactNode;\n    primaryButtonStyle?: TouchableOpacityProps['style'];\n    marginHorizontal?: number;\n    marginBottom?: number;\n    onError?: (error: Error) => void;\n}\n\nconst useAsyncButton = (\n    onPress: () => Promise<void>,\n    onError?: (error: Error) => void\n) => {\n    const [isLoading, setIsLoading] = useState(false);\n    const lastClickTime = useRef<number>(0);\n    const isMounted = useRef<boolean>(true);\n\n    useEffect(() => {\n        return () => {\n            isMounted.current = false;\n        };\n    }, []);\n\n    const handlePress = useCallback(async () => {\n        const now = Date.now();\n\n        if (now - lastClickTime.current < TIME_CONSTANTS.debounce) {\n            return;\n        }\n\n        if (isLoading) {\n            return;\n        }\n\n        lastClickTime.current = now;\n\n        try {\n            setIsLoading(true);\n            await onPress();\n            await new Promise(resolve =>\n                setTimeout(resolve, TIME_CONSTANTS.throttle)\n            );\n        } catch (error: unknown) {\n            if (error instanceof Error && onError) {\n                onError(error);\n            }\n            console.error('ThrottleButton error:', error);\n        } finally {\n            if (isMounted.current) {\n                setIsLoading(false);\n            }\n        }\n    }, [onPress, onError, isLoading]);\n\n    return { isLoading, handlePress };\n};\n\nfunction ThrottleButton({\n    loadingComponent = <ActivityIndicator />,\n    disabled = false,\n    primaryOnPress,\n    primaryLabelComponent,\n    primaryButtonStyle = {},\n    marginHorizontal,\n    marginBottom = DEFAULT_MARGIN_BOTTOM,\n    onError,\n    ...touchableProps\n}: ThrottleButtonProps) {\n    const { isLoading, handlePress } = useAsyncButton(primaryOnPress, onError);\n\n    return (\n        <View style={[styles.container, { marginHorizontal: marginHorizontal ?? DEFAULT_MARGIN_X, marginBottom }]}>\n            <TouchableOpacity\n                activeOpacity={0.7}\n                style={[primaryButtonStyle, styles.touchContainer, { opacity: isLoading ? 0.4 : 1 }]}\n                onPress={handlePress}\n                disabled={disabled || isLoading}\n                {...touchableProps}\n            >\n                {isLoading ? loadingComponent : primaryLabelComponent}\n            </TouchableOpacity>\n        </View>\n    );\n}\n\nconst styles = StyleSheet.create({\n    touchContainer: {\n        justifyContent: 'center',\n        alignItems: 'center',\n        flex: 1\n    },\n    container: {\n        justifyContent: 'center',\n        alignItems: 'center',\n        borderRadius: DEFAULT_BORDER_RADIUS,\n        marginTop: DEFAULT_MARGIN_TOP,\n        marginBottom: DEFAULT_MARGIN_BOTTOM,\n        overflow: 'hidden',\n        flexDirection: 'row',\n        flex: 1\n    },\n});\n\nexport default ThrottleButton;\n"]}

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

@@ -0,0 +1,16 @@
+import React from "react";
+import { TouchableOpacityProps } from "react-native";
+interface Props {
+    loadingComponent?: React.ReactNode;
+    height?: number;
+    disabled?: boolean;
+    primaryOnPress: () => Promise<any>;
+    primaryLabelComponent: React.ReactNode;
+    primaryButtonStyle?: TouchableOpacityProps['style'];
+    secondaryOnPress?: () => void;
+    secondaryLabelComponent?: React.ReactNode;
+    secondaryButtonStyle?: TouchableOpacityProps['style'];
+}
+declare function ZSBottomButton({ loadingComponent, height, disabled, primaryLabelComponent, primaryOnPress, primaryButtonStyle, secondaryOnPress, secondaryLabelComponent, secondaryButtonStyle }: Props): React.JSX.Element;
+export default ZSBottomButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSBottomButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAuE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAU1H,UAAU,KAAK;IACb,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IACnC,qBAAqB,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;IACpD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,uBAAuB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1C,oBAAoB,CAAC,EAAE,qBAAqB,CAAC,OAAO,CAAC,CAAC;CACvD;AAED,iBAAS,cAAc,CAAC,EACtB,gBAAwC,EACxC,MAAW,EACX,QAAgB,EAChB,qBAAqB,EACrB,cAAc,EACd,kBAAuB,EACvB,gBAAgB,EAChB,uBAAuB,EACvB,oBAAyB,EAC1B,EAAE,KAAK,qBA2FP;AA0BD,eAAe,cAAc,CAAC"}

package/build/ui/ZSBottomButton/index.js

@@ -0,0 +1,89 @@
+import React, { useEffect, useState } from "react";
+import { ActivityIndicator, Keyboard, Platform, StyleSheet, TouchableOpacity } from "react-native";
+import Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { withPromise } from "../../model/utils";
+const DEFAULT_MARGIN_X = 20;
+const DEFAULT_MARGIN_TOP = 0;
+const DEFAULT_MARGIN_BOTTOM = 20;
+const DEFAULT_BORDER_RADIUS = 14;
+const DURATION = { duration: 250 };
+function ZSBottomButton({ loadingComponent = <ActivityIndicator />, height = 55, disabled = false, primaryLabelComponent, primaryOnPress, primaryButtonStyle = {}, secondaryOnPress, secondaryLabelComponent, secondaryButtonStyle = {} }) {
+    const isKeyboardVisible = useSharedValue(0);
+    const keyboardHeight = useSharedValue(0);
+    const [isLoading, setIsLoading] = useState(false);
+    const handlePress = async () => {
+        setIsLoading(true);
+        try {
+            await withPromise(primaryOnPress);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    // ** 소프트 키보드 핸들링
+    useEffect(() => {
+        const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';
+        const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';
+        const keyboardDidShowListener = Keyboard.addListener(showEvent, (event) => {
+            requestAnimationFrame(() => {
+                keyboardHeight.value = event.endCoordinates.height; // 키보드 높이 설정
+                isKeyboardVisible.value = 1; // 키보드가 보임
+            });
+        });
+        const keyboardDidHideListener = Keyboard.addListener(hideEvent, () => {
+            requestAnimationFrame(() => {
+                isKeyboardVisible.value = 0; // 키보드가 숨김
+            });
+        });
+        return () => {
+            keyboardDidShowListener.remove();
+            keyboardDidHideListener.remove();
+        };
+    }, [isKeyboardVisible, keyboardHeight]);
+    // ** 애니메이션 스타일을 useAnimatedStyle로 최적화
+    const animatedStyle = useAnimatedStyle(() => {
+        const getBottom = interpolate(isKeyboardVisible.value, [0, 1], [DEFAULT_MARGIN_BOTTOM, 0], 'clamp');
+        const getMargin = interpolate(isKeyboardVisible.value, [0, 1], [DEFAULT_MARGIN_X, 0], 'clamp');
+        const getRadius = interpolate(isKeyboardVisible.value, [0, 1], [DEFAULT_BORDER_RADIUS, 0], 'clamp');
+        return {
+            marginBottom: withTiming(getBottom, DURATION),
+            marginLeft: withTiming(getMargin, DURATION),
+            marginRight: withTiming(getMargin, DURATION),
+            borderRadius: withTiming(getRadius, DURATION),
+        };
+    });
+    return (<Animated.View style={[styles.container, animatedStyle]}>
+      {secondaryLabelComponent && (<TouchableOpacity activeOpacity={0.7} style={[secondaryButtonStyle, { height }, styles.touchSecondaryContainer]} onPress={secondaryOnPress}>
+          {secondaryLabelComponent}
+        </TouchableOpacity>)}
+
+      <TouchableOpacity activeOpacity={0.7} style={[primaryButtonStyle, { height }, styles.touchContainer]} onPress={handlePress} disabled={disabled || isLoading}>
+        {isLoading ? loadingComponent : primaryLabelComponent}
+      </TouchableOpacity>
+    </Animated.View>);
+}
+const styles = StyleSheet.create({
+    touchContainer: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        flex: 2,
+    },
+    touchSecondaryContainer: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        flex: 1,
+    },
+    container: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        borderRadius: DEFAULT_BORDER_RADIUS,
+        marginTop: DEFAULT_MARGIN_TOP,
+        marginBottom: DEFAULT_MARGIN_BOTTOM,
+        marginLeft: DEFAULT_MARGIN_X,
+        marginRight: DEFAULT_MARGIN_X,
+        overflow: 'hidden',
+        flexDirection: 'row',
+    },
+});
+export default ZSBottomButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBottomButton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useState } from \"react\";\nimport { ActivityIndicator, Keyboard, Platform, StyleSheet, TouchableOpacity, TouchableOpacityProps } from \"react-native\";\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming } from \"react-native-reanimated\";\nimport { withPromise } from \"../../model/utils\";\n\nconst DEFAULT_MARGIN_X = 20;\nconst DEFAULT_MARGIN_TOP = 0;\nconst DEFAULT_MARGIN_BOTTOM = 20;\nconst DEFAULT_BORDER_RADIUS = 14;\nconst DURATION = { duration: 250 };\n\ninterface Props {\n  loadingComponent?: React.ReactNode;\n  height?: number;\n  disabled?: boolean;\n  primaryOnPress: () => Promise<any>;\n  primaryLabelComponent: React.ReactNode;\n  primaryButtonStyle?: TouchableOpacityProps['style'];\n  secondaryOnPress?: () => void;\n  secondaryLabelComponent?: React.ReactNode;\n  secondaryButtonStyle?: TouchableOpacityProps['style'];\n}\n\nfunction ZSBottomButton({\n  loadingComponent = <ActivityIndicator />,\n  height = 55,\n  disabled = false,\n  primaryLabelComponent,\n  primaryOnPress,\n  primaryButtonStyle = {},\n  secondaryOnPress,\n  secondaryLabelComponent,\n  secondaryButtonStyle = {}\n}: Props) {\n  const isKeyboardVisible = useSharedValue(0);\n  const keyboardHeight = useSharedValue(0);\n  const [isLoading, setIsLoading] = useState<boolean>(false);\n\n  const handlePress = async () => {\n    setIsLoading(true);\n    try {\n      await withPromise(primaryOnPress);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  // ** 소프트 키보드 핸들링\n  useEffect(() => {\n    const showEvent = Platform.OS === 'ios' ? 'keyboardWillShow' : 'keyboardDidShow';\n    const hideEvent = Platform.OS === 'ios' ? 'keyboardWillHide' : 'keyboardDidHide';\n\n    const keyboardDidShowListener = Keyboard.addListener(showEvent, (event) => {\n      requestAnimationFrame(() => {\n        keyboardHeight.value = event.endCoordinates.height; // 키보드 높이 설정\n        isKeyboardVisible.value = 1; // 키보드가 보임\n      });\n    });\n\n    const keyboardDidHideListener = Keyboard.addListener(hideEvent, () => {\n      requestAnimationFrame(() => {\n        isKeyboardVisible.value = 0; // 키보드가 숨김\n      });\n    });\n\n    return () => {\n      keyboardDidShowListener.remove();\n      keyboardDidHideListener.remove();\n    };\n  }, [isKeyboardVisible, keyboardHeight]);\n\n  // ** 애니메이션 스타일을 useAnimatedStyle로 최적화\n  const animatedStyle = useAnimatedStyle(() => {\n    const getBottom = interpolate(\n      isKeyboardVisible.value,\n      [0, 1],\n      [DEFAULT_MARGIN_BOTTOM, 0],\n      'clamp',\n    );\n\n    const getMargin = interpolate(\n      isKeyboardVisible.value,\n      [0, 1],\n      [DEFAULT_MARGIN_X, 0],\n      'clamp',\n    );\n\n    const getRadius = interpolate(\n      isKeyboardVisible.value,\n      [0, 1],\n      [DEFAULT_BORDER_RADIUS, 0],\n      'clamp',\n    );\n\n    return {\n      marginBottom: withTiming(getBottom, DURATION),\n      marginLeft: withTiming(getMargin, DURATION),\n      marginRight: withTiming(getMargin, DURATION),\n      borderRadius: withTiming(getRadius, DURATION),\n    };\n  });\n\n  return (\n    <Animated.View style={[styles.container, animatedStyle]}>\n      {secondaryLabelComponent && (\n        <TouchableOpacity\n          activeOpacity={0.7}\n          style={[secondaryButtonStyle, { height }, styles.touchSecondaryContainer]}\n          onPress={secondaryOnPress}\n        >\n          {secondaryLabelComponent}\n        </TouchableOpacity>\n      )}\n\n      <TouchableOpacity\n        activeOpacity={0.7}\n        style={[primaryButtonStyle, { height }, styles.touchContainer]}\n        onPress={handlePress}\n        disabled={disabled || isLoading}\n      >\n        {isLoading ? loadingComponent : primaryLabelComponent}\n      </TouchableOpacity>\n    </Animated.View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  touchContainer: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 2,\n  },\n  touchSecondaryContainer: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    flex: 1,\n  },\n  container: {\n    justifyContent: 'center',\n    alignItems: 'center',\n    borderRadius: DEFAULT_BORDER_RADIUS,\n    marginTop: DEFAULT_MARGIN_TOP,\n    marginBottom: DEFAULT_MARGIN_BOTTOM,\n    marginLeft: DEFAULT_MARGIN_X,\n    marginRight: DEFAULT_MARGIN_X,\n    overflow: 'hidden',\n    flexDirection: 'row',\n  },\n});\n\nexport default ZSBottomButton;\n"]}

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { ViewProps, ScrollView } from 'react-native';
+type ZSContainerProps = ViewProps & {
+    backgroundColor?: string;
+    isLoader?: boolean;
+    statusBarColor?: string;
+    barStyle?: 'light-content' | 'dark-content';
+    edges?: Array<'top' | 'right' | 'bottom' | 'left'>;
+    isScrollView?: boolean;
+    scrollViewRef?: React.RefObject<ScrollView>;
+    topComponent?: ReactNode;
+    bottomComponent?: ReactNode;
+    showsVerticalScrollIndicator?: boolean;
+    loadingComponent?: React.ReactNode;
+    keyboardVerticalOffset?: number;
+};
+declare function ZSContainer({ backgroundColor, isLoader, statusBarColor, barStyle, edges, isScrollView, scrollViewRef, topComponent, bottomComponent, showsVerticalScrollIndicator, loadingComponent, keyboardVerticalOffset, ...props }: ZSContainerProps): React.JSX.Element;
+export default ZSContainer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAwF,UAAU,EAAE,MAAM,cAAc,CAAC;AAM3I,KAAK,gBAAgB,GAAG,SAAS,GAAG;IAClC,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,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;IAC5C,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC,CAAC;AAEF,iBAAS,WAAW,CAAC,EACnB,eAAe,EACf,QAAgB,EAChB,cAAc,EACd,QAAyB,EACzB,KAAyB,EACzB,YAAmB,EACnB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,4BAAmC,EACnC,gBAAwC,EACxC,sBAAsB,EACtB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAgDlB;AAOD,eAAe,WAAW,CAAC"}

package/build/ui/ZSContainer/index.js

@@ -0,0 +1,37 @@
+import React, { useState, useEffect } from 'react';
+import { KeyboardAvoidingView, StatusBar, StyleSheet, Dimensions, ActivityIndicator, Platform } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
+import ViewAtom from '../atoms/ViewAtom';
+import ScrollViewAtom from '../atoms/ScrollViewAtom';
+import { useTheme } from '../../model/useThemeProvider';
+function ZSContainer({ backgroundColor, isLoader = false, statusBarColor, barStyle = 'dark-content', edges = ['top', 'bottom'], isScrollView = true, scrollViewRef, topComponent, bottomComponent, showsVerticalScrollIndicator = true, loadingComponent = <ActivityIndicator />, keyboardVerticalOffset, ...props }) {
+    const { palette } = useTheme(); // 테마 사용
+    const [isDelayed, setIsDelayed] = useState(true);
+    useEffect(() => {
+        const timer = setTimeout(() => {
+            setIsDelayed(false);
+        }, 200);
+        return () => clearTimeout(timer);
+    }, []);
+    return (<SafeAreaView style={[{ backgroundColor: backgroundColor || palette.background.base }, styles.flex1]} edges={edges}>
+      <StatusBar barStyle={barStyle} backgroundColor={statusBarColor || palette.background.base}/>
+
+      {!isDelayed && (<KeyboardAvoidingView style={styles.flex1} behavior={Platform.OS === 'ios' ? 'padding' : undefined} keyboardVerticalOffset={keyboardVerticalOffset} enabled>
+          {topComponent && topComponent}
+
+          {isLoader ? (loadingComponent) : isScrollView ? (<ScrollViewAtom ref={scrollViewRef} style={styles.flex1} bounces={false} contentContainerStyle={styles.scrollContainerStyle} showsVerticalScrollIndicator={showsVerticalScrollIndicator} keyboardShouldPersistTaps="handled">
+              <ViewAtom style={[styles.flex1, props.style]}>
+                {props.children}
+              </ViewAtom>
+            </ScrollViewAtom>) : (<ViewAtom style={[styles.flex1, props.style]}>{props.children}</ViewAtom>)}
+
+          {!isLoader && bottomComponent && bottomComponent}
+        </KeyboardAvoidingView>)}
+    </SafeAreaView>);
+}
+const styles = StyleSheet.create({
+    flex1: { flex: 1, width: Dimensions.get('window').width },
+    scrollContainerStyle: { flexGrow: 1, alignItems: 'center' },
+});
+export default ZSContainer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSContainer/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAa,oBAAoB,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAc,MAAM,cAAc,CAAC;AAC3I,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,cAAc,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAiBxD,SAAS,WAAW,CAAC,EACnB,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,cAAc,EACd,QAAQ,GAAG,cAAc,EACzB,KAAK,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,EACzB,YAAY,GAAG,IAAI,EACnB,aAAa,EACb,YAAY,EACZ,eAAe,EACf,4BAA4B,GAAG,IAAI,EACnC,gBAAgB,GAAG,CAAC,iBAAiB,CAAC,AAAD,EAAG,EACxC,sBAAsB,EACtB,GAAG,KAAK,EACS;IACjB,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC,CAAC,QAAQ;IACxC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,eAAe,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,EAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACjH;MAAA,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,eAAe,CAAC,CAAC,cAAc,IAAI,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,EAE1F;;MAAA,CAAC,CAAC,SAAS,IAAI,CACb,CAAC,oBAAoB,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,QAAQ,CAAC,CAAC,QAAQ,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACxD,sBAAsB,CAAC,CAAC,sBAAsB,CAAC,CAC/C,OAAO,CAEP;UAAA,CAAC,YAAY,IAAI,YAAY,CAE7B;;UAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,gBAAgB,CACjB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CACjB,CAAC,cAAc,CACb,GAAG,CAAC,CAAC,aAAa,CAAC,CACnB,KAAK,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACpB,OAAO,CAAC,CAAC,KAAK,CAAC,CACf,qBAAqB,CAAC,CAAC,MAAM,CAAC,oBAAoB,CAAC,CACnD,4BAA4B,CAAC,CAAC,4BAA4B,CAAC,CAC3D,yBAAyB,CAAC,SAAS,CAEnC;cAAA,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC3C;gBAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;cAAA,EAAE,QAAQ,CACZ;YAAA,EAAE,cAAc,CAAC,CAClB,CAAC,CAAC,CAAC,CACF,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,QAAQ,CAAC,CAC1E,CAED;;UAAA,CAAC,CAAC,QAAQ,IAAI,eAAe,IAAI,eAAe,CAClD;QAAA,EAAE,oBAAoB,CAAC,CACxB,CACH;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;IACzD,oBAAoB,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE;CAC5D,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC","sourcesContent":["import React, { ReactNode, useState, useEffect } from 'react';\nimport { ViewProps, KeyboardAvoidingView, StatusBar, StyleSheet, Dimensions, ActivityIndicator, Platform, ScrollView } from 'react-native';\nimport { SafeAreaView } from 'react-native-safe-area-context';\nimport ViewAtom from '../atoms/ViewAtom';\nimport ScrollViewAtom from '../atoms/ScrollViewAtom';\nimport { useTheme } from '../../model/useThemeProvider';\n\ntype ZSContainerProps = ViewProps & {\n  backgroundColor?: string;\n  isLoader?: boolean;\n  statusBarColor?: string;\n  barStyle?: 'light-content' | 'dark-content';\n  edges?: Array<'top' | 'right' | 'bottom' | 'left'>;\n  isScrollView?: boolean;\n  scrollViewRef?: React.RefObject<ScrollView>;\n  topComponent?: ReactNode;\n  bottomComponent?: ReactNode;\n  showsVerticalScrollIndicator?: boolean;\n  loadingComponent?: React.ReactNode;\n  keyboardVerticalOffset?: number;\n};\n\nfunction ZSContainer({\n  backgroundColor,\n  isLoader = false,\n  statusBarColor,\n  barStyle = 'dark-content',\n  edges = ['top', 'bottom'],\n  isScrollView = true,\n  scrollViewRef,\n  topComponent,\n  bottomComponent,\n  showsVerticalScrollIndicator = true,\n  loadingComponent = <ActivityIndicator />,\n  keyboardVerticalOffset,\n  ...props\n}: ZSContainerProps) {\n  const { palette } = useTheme(); // 테마 사용\n  const [isDelayed, setIsDelayed] = useState(true);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setIsDelayed(false);\n    }, 200);\n    return () => clearTimeout(timer);\n  }, []);\n\n  return (\n    <SafeAreaView style={[{ backgroundColor: backgroundColor || palette.background.base }, styles.flex1]} edges={edges}>\n      <StatusBar barStyle={barStyle} backgroundColor={statusBarColor || palette.background.base} />\n\n      {!isDelayed && (\n        <KeyboardAvoidingView\n          style={styles.flex1}\n          behavior={Platform.OS === 'ios' ? 'padding' : undefined}\n          keyboardVerticalOffset={keyboardVerticalOffset}\n          enabled\n        >\n          {topComponent && topComponent}\n\n          {isLoader ? (\n            loadingComponent\n          ) : isScrollView ? (\n            <ScrollViewAtom\n              ref={scrollViewRef} \n              style={styles.flex1}\n              bounces={false}\n              contentContainerStyle={styles.scrollContainerStyle}\n              showsVerticalScrollIndicator={showsVerticalScrollIndicator}\n              keyboardShouldPersistTaps=\"handled\"\n            >\n              <ViewAtom style={[styles.flex1, props.style]}>\n                {props.children}\n              </ViewAtom>\n            </ScrollViewAtom>\n          ) : (\n            <ViewAtom style={[styles.flex1, props.style]}>{props.children}</ViewAtom>\n          )}\n\n          {!isLoader && bottomComponent && bottomComponent}\n        </KeyboardAvoidingView>\n      )}\n    </SafeAreaView>\n  );\n}\n\nconst styles = StyleSheet.create({\n  flex1: { flex: 1, width: Dimensions.get('window').width },\n  scrollContainerStyle: { flexGrow: 1, alignItems: 'center' },\n});\n\nexport default ZSContainer;\n"]}

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

@@ -0,0 +1,17 @@
+import React from "react";
+import { ViewProps } from "react-native";
+import type { ShadowLevel } from "../types";
+interface ZSPressableProps extends ViewProps {
+    onPress: (value?: any) => void;
+    onLongPress?: (value?: any) => void;
+    pressedBackgroundColor?: string;
+    pressedBackgroundBorderRadius?: number;
+    flex?: number;
+    minWidth?: number;
+    isAnimation?: boolean;
+    elevationLevel?: ShadowLevel;
+    fullWidth?: boolean;
+}
+declare function ZSPressable({ onPress, onLongPress, isAnimation, pressedBackgroundColor, pressedBackgroundBorderRadius, flex, minWidth, elevationLevel, fullWidth, ...props }: ZSPressableProps): React.JSX.Element;
+export default ZSPressable;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSPressable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAA4B,SAAS,EAAE,MAAM,cAAc,CAAC;AAGnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAI5C,UAAU,gBAAiB,SAAQ,SAAS;IAC1C,OAAO,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6BAA6B,CAAC,EAAE,MAAM,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,WAAW,EACX,WAAkB,EAClB,sBAAmD,EACnD,6BAAkC,EAClC,IAAI,EACJ,QAAQ,EACR,cAAkB,EAClB,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,gBAAgB,qBAgDlB;AAED,eAAe,WAAW,CAAC"}

package/build/ui/ZSPressable/index.js

@@ -0,0 +1,35 @@
+import React, { useCallback } from "react";
+import { Pressable } from "react-native";
+import Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming, runOnJS } from "react-native-reanimated";
+import AnimatedWrapper from "../atoms/AnimatedWrapper";
+const DEFAULT_DURATION = { duration: 100 };
+function ZSPressable({ onPress, onLongPress, isAnimation = true, pressedBackgroundColor = 'rgba(180, 180, 180, 0.1)', pressedBackgroundBorderRadius = 16, flex, minWidth, elevationLevel = 0, fullWidth = false, ...props }) {
+    const isButtonPress = useSharedValue(0);
+    const boxAnimation = useAnimatedStyle(() => {
+        const scale = interpolate(isButtonPress.value, [0, 1], [1, 0.96], 'clamp');
+        return {
+            transform: [{ scale: withTiming(scale, DEFAULT_DURATION) }],
+        };
+    }, []);
+    const handlePressStyle = useCallback((pressed) => {
+        runOnJS(() => {
+            isButtonPress.value = pressed ? 1 : 0;
+        })();
+        return {
+            backgroundColor: pressed ? pressedBackgroundColor : 'transparent',
+            borderRadius: pressedBackgroundBorderRadius,
+            flex: fullWidth ? 1 : flex,
+            minWidth: minWidth,
+            alignSelf: fullWidth ? 'stretch' : 'flex-start',
+        };
+    }, [pressedBackgroundColor, pressedBackgroundBorderRadius, flex, minWidth, fullWidth]);
+    return (<Pressable onPress={onPress} onLongPress={onLongPress} style={({ pressed }) => handlePressStyle(pressed)}>
+      <Animated.View style={boxAnimation}>
+        <AnimatedWrapper isAnimation={isAnimation} elevationLevel={elevationLevel} style={props.style}>
+          {props.children}
+        </AnimatedWrapper>
+      </Animated.View>
+    </Pressable>);
+}
+export default ZSPressable;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSPressable/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAiB,SAAS,EAAa,MAAM,cAAc,CAAC;AACnE,OAAO,QAAQ,EAAE,EAAE,WAAW,EAAE,gBAAgB,EAAE,cAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AACvH,OAAO,eAAe,MAAM,0BAA0B,CAAC;AAGvD,MAAM,gBAAgB,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC;AAc3C,SAAS,WAAW,CAAC,EACnB,OAAO,EACP,WAAW,EACX,WAAW,GAAG,IAAI,EAClB,sBAAsB,GAAG,0BAA0B,EACnD,6BAA6B,GAAG,EAAE,EAClC,IAAI,EACJ,QAAQ,EACR,cAAc,GAAG,CAAC,EAClB,SAAS,GAAG,KAAK,EACjB,GAAG,KAAK,EACS;IACjB,MAAM,aAAa,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAExC,MAAM,YAAY,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACzC,MAAM,KAAK,GAAG,WAAW,CACvB,aAAa,CAAC,KAAK,EACnB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAE,IAAI,CAAC,EACT,OAAO,CACR,CAAC;QACF,OAAO;YACL,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC;SAC5D,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAgB,EAAE,EAAE;QACnB,OAAO,CAAC,GAAG,EAAE;YACX,aAAa,CAAC,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,CAAC,CAAC,EAAE,CAAC;QACL,OAAO;YACL,eAAe,EAAE,OAAO,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,aAAa;YACjE,YAAY,EAAE,6BAA6B;YAC3C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI;YAC1B,QAAQ,EAAE,QAAQ;YAClB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,YAA6B;SACjE,CAAC;IACJ,CAAC,EACD,CAAC,sBAAsB,EAAE,6BAA6B,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,CAAC,CACnF,CAAC;IAEF,OAAO,CACL,CAAC,SAAS,CACR,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAElD;MAAA,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CACjC;QAAA,CAAC,eAAe,CACd,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,KAAK,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAEnB;UAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;QAAA,EAAE,eAAe,CACnB;MAAA,EAAE,QAAQ,CAAC,IAAI,CACjB;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,eAAe,WAAW,CAAC","sourcesContent":["import React, { useCallback } from \"react\";\nimport { FlexAlignType, Pressable, ViewProps } from \"react-native\";\nimport Animated, { interpolate, useAnimatedStyle, useSharedValue, withTiming, runOnJS } from \"react-native-reanimated\";\nimport AnimatedWrapper from \"../atoms/AnimatedWrapper\";\nimport type { ShadowLevel } from \"../types\";\n\nconst DEFAULT_DURATION = { duration: 100 };\n\ninterface ZSPressableProps extends ViewProps {\n  onPress: (value?: any) => void;\n  onLongPress?: (value?: any) => void;\n  pressedBackgroundColor?: string;\n  pressedBackgroundBorderRadius?: number;\n  flex?: number;\n  minWidth?: number;\n  isAnimation?: boolean;\n  elevationLevel?: ShadowLevel;\n  fullWidth?: boolean;\n}\n\nfunction ZSPressable({\n  onPress,\n  onLongPress,\n  isAnimation = true,\n  pressedBackgroundColor = 'rgba(180, 180, 180, 0.1)',\n  pressedBackgroundBorderRadius = 16,\n  flex,\n  minWidth,\n  elevationLevel = 0,\n  fullWidth = false,\n  ...props\n}: ZSPressableProps) {\n  const isButtonPress = useSharedValue(0);\n\n  const boxAnimation = useAnimatedStyle(() => {\n    const scale = interpolate(\n      isButtonPress.value,\n      [0, 1],\n      [1, 0.96],\n      'clamp'\n    );\n    return {\n      transform: [{ scale: withTiming(scale, DEFAULT_DURATION) }],\n    };\n  }, []);\n\n  const handlePressStyle = useCallback(\n    (pressed: boolean) => {\n      runOnJS(() => {\n        isButtonPress.value = pressed ? 1 : 0;\n      })();\n      return {\n        backgroundColor: pressed ? pressedBackgroundColor : 'transparent',\n        borderRadius: pressedBackgroundBorderRadius,\n        flex: fullWidth ? 1 : flex,\n        minWidth: minWidth,\n        alignSelf: fullWidth ? 'stretch' : 'flex-start' as FlexAlignType,\n      };\n    },\n    [pressedBackgroundColor, pressedBackgroundBorderRadius, flex, minWidth, fullWidth]\n  );\n\n  return (\n    <Pressable\n      onPress={onPress}\n      onLongPress={onLongPress}\n      style={({ pressed }) => handlePressStyle(pressed)}\n    >\n      <Animated.View style={boxAnimation}>\n        <AnimatedWrapper\n          isAnimation={isAnimation}\n          elevationLevel={elevationLevel}\n          style={props.style}\n        >\n          {props.children}\n        </AnimatedWrapper>\n      </Animated.View>\n    </Pressable>\n  );\n}\n\nexport default ZSPressable;\n"]}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { RadioOption } from '../types';
+import { ZSTextProps } from '../ZSText';
+declare function ZSRadioGroup({ options, value, onSelect, containerStyle, valueStyle, minWidth, disabled, fullWidth, selectStyle, }: {
+    options: RadioOption[];
+    value?: RadioOption;
+    onSelect: (value: RadioOption) => void;
+    containerStyle?: ViewProps;
+    valueStyle?: ZSTextProps;
+    selectStyle?: ZSTextProps;
+    minWidth?: number;
+    disabled?: boolean;
+    fullWidth?: boolean;
+}): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ZSRadioGroup>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSRadioGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAKhD,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,cAAc,EACd,UAAU,EACV,QAAQ,EACR,QAAgB,EAChB,SAAiB,EACjB,WAAW,GACZ,EAAE;IACD,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,qBA6GA;;AAED,wBAAkC"}