@0610studio/zs-ui 0.17.1 → 0.18.1

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

@@ -6,6 +6,7 @@ type Props = ViewProps & {
     elevationLevel?: ShadowLevel;
     color?: ViewColorOptions;
 };
-declare const ZSView: React.FC<Props>;
-export default ZSView;
+declare function ZSView({ isAnimation, elevationLevel, style, children, color, ...rest }: Props): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ZSView>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,SAAS,EAAc,MAAM,cAAc,CAAC;AAGrD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElE,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkB3B,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAGrD,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAElE,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,iBAAS,MAAM,CAAC,EAAE,WAAmB,EAAE,cAAkB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,KAAK,qBAclG;;AAED,wBAAkC"}

package/build/ui/ZSView/index.js

@@ -1,17 +1,15 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { StyleSheet } from 'react-native';
-import { useTheme } from '../../context/ThemeContext';
+import { useStyleSheetCreate } from '../../model/useStyleSheetCreate';
 import AnimatedWrapper from '../atoms/AnimatedWrapper';
-const ZSView = ({ isAnimation = false, elevationLevel = 0, style, children, color, ...rest }) => {
-    const { palette } = useTheme();
-    const styles = useMemo(() => StyleSheet.create({
+function ZSView({ isAnimation = false, elevationLevel = 0, style, children, color, ...rest }) {
+    const styles = useStyleSheetCreate((palette) => StyleSheet.create({
         container: {
             backgroundColor: palette.background.base,
         },
-    }), [palette.background.base]);
-    return (<AnimatedWrapper color={color} isAnimation={isAnimation} elevationLevel={elevationLevel} style={[styles.container, style]} {...rest}>
-      {children}
-    </AnimatedWrapper>);
-};
-export default ZSView;
+    }));
+    return (_jsx(AnimatedWrapper, { color: color, isAnimation: isAnimation, elevationLevel: elevationLevel, style: [styles.container, style], ...rest, children: children }));
+}
+export default React.memo(ZSView);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSView/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAa,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,eAAe,MAAM,0BAA0B,CAAC;AASvD,MAAM,MAAM,GAAoB,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC/G,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;IAE/B,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CACH,UAAU,CAAC,MAAM,CAAC;QAChB,SAAS,EAAE;YACT,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,IAAI;SACzC;KACF,CAAC,EACJ,CAAC,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAC1B,CAAC;IAEF,OAAO,CACL,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAC,WAAW,CAAC,CAAC,cAAc,CAAC,CAAC,cAAc,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,CAClI;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC","sourcesContent":["import React, { useMemo } from 'react';\nimport { ViewProps, StyleSheet } from 'react-native';\nimport { useTheme } from '../../context/ThemeContext';\nimport AnimatedWrapper from '../atoms/AnimatedWrapper';\nimport { ViewColorOptions, ShadowLevel } from '../../theme/types';\n\ntype Props = ViewProps & {\n  isAnimation?: boolean;\n  elevationLevel?: ShadowLevel;\n  color?: ViewColorOptions;\n};\n\nconst ZSView: React.FC<Props> = ({ isAnimation = false, elevationLevel = 0, style, children, color, ...rest }) => {\n  const { palette } = useTheme();\n\n  const styles = useMemo(\n    () =>\n      StyleSheet.create({\n        container: {\n          backgroundColor: palette.background.base,\n        },\n      }),\n    [palette.background.base],\n  );\n\n  return (\n    <AnimatedWrapper color={color} isAnimation={isAnimation} elevationLevel={elevationLevel} style={[styles.container, style]} {...rest}>\n      {children}\n    </AnimatedWrapper>\n  );\n};\n\nexport default ZSView;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSView/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAa,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,eAAe,MAAM,0BAA0B,CAAC;AASvD,SAAS,MAAM,CAAC,EAAE,WAAW,GAAG,KAAK,EAAE,cAAc,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,IAAI,EAAS;IACjG,MAAM,MAAM,GAAG,mBAAmB,CAAC,CAAC,OAAO,EAAE,EAAE,CAC7C,UAAU,CAAC,MAAM,CAAC;QAChB,SAAS,EAAE;YACT,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,IAAI;SACzC;KACF,CAAC,CACH,CAAC;IAEF,OAAO,CACL,KAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,KAAM,IAAI,YAChI,QAAQ,GACO,CACnB,CAAC;AACJ,CAAC;AAED,eAAe,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet, ViewProps } from 'react-native';\nimport { useStyleSheetCreate } from '../../model/useStyleSheetCreate';\nimport AnimatedWrapper from '../atoms/AnimatedWrapper';\nimport { ViewColorOptions, ShadowLevel } from '../../theme/types';\n\ntype Props = ViewProps & {\n  isAnimation?: boolean;\n  elevationLevel?: ShadowLevel;\n  color?: ViewColorOptions;\n};\n\nfunction ZSView({ isAnimation = false, elevationLevel = 0, style, children, color, ...rest }: Props) {\n  const styles = useStyleSheetCreate((palette) =>\n    StyleSheet.create({\n      container: {\n        backgroundColor: palette.background.base,\n      },\n    }),\n  );\n\n  return (\n    <AnimatedWrapper color={color} isAnimation={isAnimation} elevationLevel={elevationLevel} style={[styles.container, style]} {...rest}>\n      {children}\n    </AnimatedWrapper>\n  );\n}\n\nexport default React.memo(ZSView);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedWrapper.d.ts","sourceRoot":"","sources":["../../../src/ui/atoms/AnimatedWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,SAAS,EAAY,MAAM,cAAc,CAAC;AAGzD,OAAO,EAAgB,WAAW,EAAmB,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAajG,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,iBAAS,eAAe,CAAC,EACvB,WAAkB,EAClB,cAAkB,EAClB,QAA2B,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAiFtB;;AAED,wBAA2C"}
+{"version":3,"file":"AnimatedWrapper.d.ts","sourceRoot":"","sources":["../../../src/ui/atoms/AnimatedWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAOlE,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B;AAED,iBAAS,eAAe,CAAC,EACvB,WAAkB,EAClB,cAAkB,EAClB,QAA2B,EAC3B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,oBAAoB,qBAyFtB;;AAED,wBAA2C"}

package/build/ui/atoms/AnimatedWrapper.js

@@ -1,40 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useMemo } from 'react';
-import { View, Platform } from 'react-native';
+import { View } from 'react-native';
 import Animated, { FadeInDown, FadeOut, useAnimatedStyle, withTiming, useSharedValue, useDerivedValue } from 'react-native-reanimated';
 import { useTheme } from '../../context/ThemeContext';
-import { IOS_SHADOW } from '../../theme/elevation';
+import { resolveViewColor } from '../../theme/resolveColor';
+import { IOS_SHADOW, parseColorChannels } from '../../theme/elevation';
 const DEFAULT_DURATION = 200;
 const SHADOW_DURATION = 50;
-const IS_IOS = Platform.OS === 'ios';
-function isColorMap(value) {
-    return typeof value === 'object' && value !== null;
-}
 function AnimatedWrapper({ isAnimation = true, elevationLevel = 0, duration = DEFAULT_DURATION, style, children, color, ...props }) {
     const { elevation, palette } = useTheme();
     const animationFinished = useSharedValue(false);
-    const staticConfig = useMemo(() => ({
-        isIOS: IS_IOS,
-        maxShadowOpacity: IS_IOS ? IOS_SHADOW[elevationLevel].shadowOpacity : 0,
-        maxElevation: IS_IOS ? 0 : elevationLevel,
-    }), [elevationLevel]);
+    const shadowConfig = useMemo(() => {
+        const shadow = IOS_SHADOW[elevationLevel];
+        const { r, g, b, a } = parseColorChannels(palette.elevationShadow[elevationLevel] ?? '');
+        return {
+            offsetX: shadow.shadowOffset.width,
+            offsetY: shadow.shadowOffset.height,
+            blurRadius: shadow.shadowRadius,
+            maxAlpha: a * shadow.shadowOpacity,
+            r,
+            g,
+            b,
+        };
+    }, [elevationLevel, palette]);
     const backgroundColor = useMemo(() => {
         if (!color) {
             return elevationLevel ? palette.background.base : undefined;
         }
-        const [c01, c02] = color.split('.');
-        if (c02) {
-            if (c01 === 'background')
-                return palette.background[c02];
-            if (c01 === 'text')
-                return palette.text[c02];
-            const semanticPalette = palette[c01];
-            return isColorMap(semanticPalette) ? semanticPalette[c02] : undefined;
-        }
-        if (c01)
-            return palette.background[c01] ?? palette[c01]?.main;
-        if (elevationLevel)
-            return palette.background.base;
-        return undefined;
+        return resolveViewColor(palette, color);
     }, [color, palette, elevationLevel]);
     const staticStyle = elevation[elevationLevel];
     const shadowProgress = useDerivedValue(() => {
@@ -45,12 +38,19 @@ function AnimatedWrapper({ isAnimation = true, elevationLevel = 0, duration = DE
         return 0;
     }, []);
     const animatedStyle = useAnimatedStyle(() => {
-        const shadowValue = shadowProgress.value;
-        if (staticConfig.isIOS) {
-            return { shadowOpacity: shadowValue * staticConfig.maxShadowOpacity };
-        }
-        return { elevation: shadowValue * staticConfig.maxElevation };
-    }, [staticConfig]);
+        const alpha = shadowConfig.maxAlpha * shadowProgress.value;
+        return {
+            boxShadow: [
+                {
+                    offsetX: shadowConfig.offsetX,
+                    offsetY: shadowConfig.offsetY,
+                    blurRadius: shadowConfig.blurRadius,
+                    spreadDistance: 0,
+                    color: `rgba(${shadowConfig.r}, ${shadowConfig.g}, ${shadowConfig.b}, ${alpha})`,
+                },
+            ],
+        };
+    }, [shadowConfig]);
     const animationProps = useMemo(() => ({
         entering: FadeInDown.duration(duration).withCallback((finished) => {
             'worklet';
@@ -60,21 +60,13 @@ function AnimatedWrapper({ isAnimation = true, elevationLevel = 0, duration = DE
         }),
         exiting: FadeOut.duration(50),
     }), [duration]);
-    const baseStyle = [
-        style,
-        backgroundColor && { backgroundColor },
-        staticStyle
-    ];
-    const animatedStyleArray = [
-        ...baseStyle,
-        animatedStyle
-    ];
+    const bgStyle = useMemo(() => (backgroundColor ? { backgroundColor } : undefined), [backgroundColor]);
+    const baseStyle = useMemo(() => [style, bgStyle, staticStyle], [style, bgStyle, staticStyle]);
+    const animatedStyleArray = useMemo(() => [style, bgStyle, staticStyle, animatedStyle], [style, bgStyle, staticStyle, animatedStyle]);
     if (!isAnimation) {
-        return <View style={baseStyle} {...props}>{children}</View>;
+        return _jsx(View, { style: baseStyle, ...props, children: children });
     }
-    return (<Animated.View style={animatedStyleArray} {...animationProps} {...props}>
-      {children}
-    </Animated.View>);
+    return (_jsx(Animated.View, { style: animatedStyleArray, ...animationProps, ...props, children: children }));
 }
 export default React.memo(AnimatedWrapper);
 //# sourceMappingURL=AnimatedWrapper.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AnimatedWrapper.js","sourceRoot":"","sources":["../../../src/ui/atoms/AnimatedWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { View, ViewProps, Platform } from 'react-native';\nimport Animated, { FadeInDown, FadeOut, useAnimatedStyle, withTiming, useSharedValue, useDerivedValue } from 'react-native-reanimated';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ColorPalette, ShadowLevel, ThemeBackground, ViewColorOptions } from '../../theme/types';\nimport { IOS_SHADOW } from '../../theme/elevation';\n\nconst DEFAULT_DURATION = 200 as const;\nconst SHADOW_DURATION = 50 as const;\nconst IS_IOS = Platform.OS === 'ios';\ntype SemanticPaletteKey = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'information' | 'grey';\ntype PaletteShade = keyof ColorPalette;\n\nfunction isColorMap(value: unknown): value is Record<string, string> {\n  return typeof value === 'object' && value !== null;\n}\n\ninterface AnimatedWrapperProps extends ViewProps {\n  isAnimation: boolean;\n  elevationLevel?: ShadowLevel;\n  duration?: number;\n  color?: ViewColorOptions;\n}\n\nfunction AnimatedWrapper({\n  isAnimation = true,\n  elevationLevel = 0,\n  duration = DEFAULT_DURATION,\n  style,\n  children,\n  color,\n  ...props\n}: AnimatedWrapperProps) {\n  const { elevation, palette } = useTheme();\n  const animationFinished = useSharedValue(false);\n  \n  const staticConfig = useMemo(() => ({\n    isIOS: IS_IOS,\n    maxShadowOpacity: IS_IOS ? IOS_SHADOW[elevationLevel].shadowOpacity : 0,\n    maxElevation: IS_IOS ? 0 : elevationLevel,\n  }), [elevationLevel]);\n  \n  const backgroundColor = useMemo(() => {\n    if (!color) {\n      return elevationLevel ? palette.background.base : undefined;\n    }\n    \n    const [c01, c02] = color.split('.') as [string, string | undefined];\n    if (c02) {\n      if (c01 === 'background') return palette.background[c02 as keyof ThemeBackground];\n      if (c01 === 'text') return palette.text[c02 as keyof typeof palette.text];\n\n      const semanticPalette = palette[c01 as SemanticPaletteKey];\n      return isColorMap(semanticPalette) ? semanticPalette[c02 as PaletteShade] : undefined;\n    }\n    if (c01) return palette.background[c01 as keyof ThemeBackground] ?? palette[c01 as SemanticPaletteKey]?.main;\n    if (elevationLevel) return palette.background.base;\n    return undefined;\n  }, [color, palette, elevationLevel]);\n\n  const staticStyle = elevation[elevationLevel];\n\n  const shadowProgress = useDerivedValue(() => {\n    'worklet';\n    if (animationFinished.value) {\n      return withTiming(1, { duration: SHADOW_DURATION });\n    }\n    return 0;\n  }, []);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const shadowValue = shadowProgress.value;\n    \n    if (staticConfig.isIOS) {\n      return { shadowOpacity: shadowValue * staticConfig.maxShadowOpacity };\n    }\n    return { elevation: shadowValue * staticConfig.maxElevation };\n  }, [staticConfig]);\n\n  const animationProps = useMemo(() => ({\n    entering: FadeInDown.duration(duration).withCallback((finished) => {\n      'worklet';\n      if (finished) {\n        animationFinished.value = true;\n      }\n    }),\n    exiting: FadeOut.duration(50),\n  }), [duration]);\n\n  const baseStyle = [\n    style,\n    backgroundColor && { backgroundColor },\n    staticStyle\n  ];\n\n  const animatedStyleArray = [\n    ...baseStyle,\n    animatedStyle\n  ];\n\n  if (!isAnimation) {\n    return <View style={baseStyle} {...props}>{children}</View>;\n  }\n\n  return (\n    <Animated.View\n      style={animatedStyleArray}\n      {...animationProps}\n      {...props}\n    >\n      {children}\n    </Animated.View>\n  );\n}\n\nexport default React.memo(AnimatedWrapper);\n"]}
+{"version":3,"file":"AnimatedWrapper.js","sourceRoot":"","sources":["../../../src/ui/atoms/AnimatedWrapper.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useMemo } from 'react';\nimport { View, ViewProps } from 'react-native';\nimport Animated, { FadeInDown, FadeOut, useAnimatedStyle, withTiming, useSharedValue, useDerivedValue } from 'react-native-reanimated';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ShadowLevel, ViewColorOptions } from '../../theme/types';\nimport { resolveViewColor } from '../../theme/resolveColor';\nimport { IOS_SHADOW, parseColorChannels } from '../../theme/elevation';\n\nconst DEFAULT_DURATION = 200 as const;\nconst SHADOW_DURATION = 50 as const;\n\ninterface AnimatedWrapperProps extends ViewProps {\n  isAnimation: boolean;\n  elevationLevel?: ShadowLevel;\n  duration?: number;\n  color?: ViewColorOptions;\n}\n\nfunction AnimatedWrapper({\n  isAnimation = true,\n  elevationLevel = 0,\n  duration = DEFAULT_DURATION,\n  style,\n  children,\n  color,\n  ...props\n}: AnimatedWrapperProps) {\n  const { elevation, palette } = useTheme();\n  const animationFinished = useSharedValue(false);\n\n  const shadowConfig = useMemo(() => {\n    const shadow = IOS_SHADOW[elevationLevel];\n    const { r, g, b, a } = parseColorChannels(palette.elevationShadow[elevationLevel] ?? '');\n    return {\n      offsetX: shadow.shadowOffset.width,\n      offsetY: shadow.shadowOffset.height,\n      blurRadius: shadow.shadowRadius,\n      maxAlpha: a * shadow.shadowOpacity,\n      r,\n      g,\n      b,\n    };\n  }, [elevationLevel, palette]);\n\n  const backgroundColor = useMemo(() => {\n    if (!color) {\n      return elevationLevel ? palette.background.base : undefined;\n    }\n    return resolveViewColor(palette, color);\n  }, [color, palette, elevationLevel]);\n\n  const staticStyle = elevation[elevationLevel];\n\n  const shadowProgress = useDerivedValue(() => {\n    'worklet';\n    if (animationFinished.value) {\n      return withTiming(1, { duration: SHADOW_DURATION });\n    }\n    return 0;\n  }, []);\n\n  const animatedStyle = useAnimatedStyle(() => {\n    const alpha = shadowConfig.maxAlpha * shadowProgress.value;\n\n    return {\n      boxShadow: [\n        {\n          offsetX: shadowConfig.offsetX,\n          offsetY: shadowConfig.offsetY,\n          blurRadius: shadowConfig.blurRadius,\n          spreadDistance: 0,\n          color: `rgba(${shadowConfig.r}, ${shadowConfig.g}, ${shadowConfig.b}, ${alpha})`,\n        },\n      ],\n    };\n  }, [shadowConfig]);\n\n  const animationProps = useMemo(() => ({\n    entering: FadeInDown.duration(duration).withCallback((finished) => {\n      'worklet';\n      if (finished) {\n        animationFinished.value = true;\n      }\n    }),\n    exiting: FadeOut.duration(50),\n  }), [duration]);\n\n  const bgStyle = useMemo(\n    () => (backgroundColor ? { backgroundColor } : undefined),\n    [backgroundColor]\n  );\n\n  const baseStyle = useMemo(\n    () => [style, bgStyle, staticStyle],\n    [style, bgStyle, staticStyle]\n  );\n\n  const animatedStyleArray = useMemo(\n    () => [style, bgStyle, staticStyle, animatedStyle],\n    [style, bgStyle, staticStyle, animatedStyle]\n  );\n\n  if (!isAnimation) {\n    return <View style={baseStyle} {...props}>{children}</View>;\n  }\n\n  return (\n    <Animated.View\n      style={animatedStyleArray}\n      {...animationProps}\n      {...props}\n    >\n      {children}\n    </Animated.View>\n  );\n}\n\nexport default React.memo(AnimatedWrapper);\n"]}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { TextProps } from 'react-native';
-type TextAtomProps = TextProps & {};
-declare function TextAtom({ children, ...props }: TextAtomProps): React.JSX.Element;
+declare function TextAtom({ children, ...props }: TextProps): React.JSX.Element;
 export default TextAtom;
 //# sourceMappingURL=TextAtom.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAtom.d.ts","sourceRoot":"","sources":["../../../src/ui/atoms/TextAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,aAAa,GAAG,SAAS,GAAG,EAChC,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAMtD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"TextAtom.d.ts","sourceRoot":"","sources":["../../../src/ui/atoms/TextAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAMlD;AAED,eAAe,QAAQ,CAAC"}

package/build/ui/atoms/TextAtom.js

@@ -1,9 +1,7 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Text } from 'react-native';
 function TextAtom({ children, ...props }) {
-    return (<Text {...props}>
-      {children}
-    </Text>);
+    return (_jsx(Text, { ...props, children: children }));
 }
 export default TextAtom;
 //# sourceMappingURL=TextAtom.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextAtom.js","sourceRoot":"","sources":["../../../src/ui/atoms/TextAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAK/C,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IACrD,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CACd;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport { Text, TextProps } from 'react-native';\n\ntype TextAtomProps = TextProps & {\n};\n\nfunction TextAtom({ children, ...props }: TextAtomProps) {\n  return (\n    <Text {...props}>\n      {children}\n    </Text>\n  );\n}\n\nexport default TextAtom;\n"]}
+{"version":3,"file":"TextAtom.js","sourceRoot":"","sources":["../../../src/ui/atoms/TextAtom.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAE/C,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACjD,OAAO,CACL,KAAC,IAAI,OAAK,KAAK,YACZ,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport { Text, TextProps } from 'react-native';\n\nfunction TextAtom({ children, ...props }: TextProps) {\n  return (\n    <Text {...props}>\n      {children}\n    </Text>\n  );\n}\n\nexport default TextAtom;\n"]}

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

@@ -1,6 +1,5 @@
 import React from 'react';
 import { ViewProps } from 'react-native';
-type ViewAtomProps = ViewProps & {};
-declare function ViewAtom({ children, ...props }: ViewAtomProps): React.JSX.Element;
+declare function ViewAtom({ children, ...props }: ViewProps): React.JSX.Element;
 export default ViewAtom;
 //# sourceMappingURL=ViewAtom.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewAtom.d.ts","sourceRoot":"","sources":["../../../src/ui/atoms/ViewAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,KAAK,aAAa,GAAG,SAAS,GAAG,EAChC,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,qBAMtD;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"ViewAtom.d.ts","sourceRoot":"","sources":["../../../src/ui/atoms/ViewAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,cAAc,CAAC;AAE/C,iBAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,qBAMlD;AAED,eAAe,QAAQ,CAAC"}

package/build/ui/atoms/ViewAtom.js

@@ -1,9 +1,7 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { View } from 'react-native';
 function ViewAtom({ children, ...props }) {
-    return (<View {...props}>
-      {children}
-    </View>);
+    return (_jsx(View, { ...props, children: children }));
 }
 export default ViewAtom;
 //# sourceMappingURL=ViewAtom.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ViewAtom.js","sourceRoot":"","sources":["../../../src/ui/atoms/ViewAtom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAK/C,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAiB;IACrD,OAAO,CACL,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CACd;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\n\ntype ViewAtomProps = ViewProps & {\n};\n\nfunction ViewAtom({ children, ...props }: ViewAtomProps) {\n  return (\n    <View {...props}>\n      {children}\n    </View>\n  );\n}\n\nexport default ViewAtom;\n"]}
+{"version":3,"file":"ViewAtom.js","sourceRoot":"","sources":["../../../src/ui/atoms/ViewAtom.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAa,MAAM,cAAc,CAAC;AAE/C,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAa;IACjD,OAAO,CACL,KAAC,IAAI,OAAK,KAAK,YACZ,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\n\nfunction ViewAtom({ children, ...props }: ViewProps) {\n  return (\n    <View {...props}>\n      {children}\n    </View>\n  );\n}\n\nexport default ViewAtom;\n"]}

package/ios/ZsUi.podspec

@@ -10,7 +10,7 @@ Pod::Spec.new do |s|
   s.license        = package['license']
   s.author         = package['author']
   s.homepage       = package['homepage']
-  s.platforms      = { :ios => '13.4', :tvos => '13.4' }
+  s.platforms      = { :ios => '16.4', :tvos => '16.4' }
   s.swift_version  = '5.4'
   s.source         = { git: 'https://github.com/0610studio' }
   s.static_framework = true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0610studio/zs-ui",
-  "version": "0.17.1",
+  "version": "0.18.1",
   "private": false,
   "description": "EXPO ZS-UI",
   "type": "commonjs",
@@ -27,7 +27,6 @@
     "test:all": "expo-module test --clearCache && (CI=true expo-module test --watchAll=false --passWithNoTests --coverage --coverageReporters=json-summary --json --outputFile=test-results.json || true) && node scripts/update-test-results.js",
     "test:cov": "CI=true expo-module test --coverage",
     "prepublishOnly": "expo-module prepublishOnly",
-    "expo-module": "expo-module",
     "open:ios": "xed example/ios",
     "open:android": "open -a \"Android Studio\" example/android"
   },
@@ -43,45 +42,48 @@
   "homepage": "https://github.com/0610studio/zs-ui",
   "devDependencies": {
     "@babel/core": "^7.20.0",
-    "@expo/metro-runtime": "6.1.2",
+    "@babel/plugin-transform-modules-commonjs": "^7.29.7",
+    "@babel/preset-react": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
+    "@expo/metro-runtime": "~56.0.15",
     "@react-native-async-storage/async-storage": "2.2.0",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.12",
-    "@types/react": "~19.1.17",
+    "@types/react": "~19.2.14",
     "babel-jest": "^29",
+    "babel-plugin-dynamic-import-node": "^2.3.3",
     "eslint": "^8.57.1",
-    "expo": "54.0.33",
-    "expo-constants": "~18.0.13",
-    "expo-linking": "~8.0.11",
-    "expo-module-scripts": "^5.0.8",
-    "expo-modules-core": "3.0.29",
-    "expo-navigation-bar": "~5.0.10",
-    "expo-router": "~6.0.23",
+    "expo": "56.0.12",
+    "expo-constants": "~56.0.18",
+    "expo-linking": "~56.0.14",
+    "expo-module-scripts": "^56.0.3",
+    "expo-navigation-bar": "~56.0.3",
+    "expo-router": "~56.2.11",
     "jest": "^29",
-    "jest-expo": "~54.0.17",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-reanimated": "4.1.6",
-    "react-native-safe-area-context": "5.6.2",
-    "react-native-screens": "~4.16.0",
-    "react-native-svg": "15.12.1",
-    "react-native-worklets": "0.5.1",
-    "react-test-renderer": "19.1.0",
-    "ts-jest": "^29.2.5",
-    "typescript": "~5.9.3"
+    "jest-expo": "~56.0.5",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-reanimated": "4.3.1",
+    "react-native-safe-area-context": "~5.7.0",
+    "react-native-screens": "4.25.2",
+    "react-native-svg": "15.15.4",
+    "react-native-worklets": "0.8.3",
+    "react-test-renderer": "19.2.3",
+    "ts-jest": "^29.4.11",
+    "typescript": "~6.0.3"
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": "*",
-    "expo": ">=54.0.0",
-    "expo-navigation-bar": ">=5.0.0",
+    "expo": ">=56.0.0",
+    "expo-navigation-bar": ">=56.0.0",
     "expo-router": "*",
     "react": "*",
-    "react-native": ">=0.81.0",
-    "react-native-reanimated": ">=4.1.0 <5.0.0",
+    "react-native": ">=0.85.0",
+    "react-native-reanimated": ">=4.3.0 <5.0.0",
     "react-native-safe-area-context": "*",
     "react-native-svg": "*",
-    "react-native-worklets": ">=0.5.0 <0.9.0"
+    "react-native-worklets": ">=0.8.0 <0.9.0"
   },
   "peerDependenciesMeta": {
     "@react-native-async-storage/async-storage": {