@hoddy-ui/core 2.5.43 → 2.5.45

package/next/index.ts

@@ -27,6 +27,9 @@ export * from "../src/hooks";
 export * from "../src/theme";
 export * from "../src/types";
 
+export * from "../src/Components/Animators/hooks";
+export * from "../src/Components/Animators/Animator";
+
 const HoddyUI = {
   initialize: initialize,
 };

package/next/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/next",
-  "version": "2.5.68",
+  "version": "2.5.76",
   "description": "Core rich react native components written in typescript, with support for expo-router",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hoddy-ui/core",
-  "version": "2.5.43",
+  "version": "2.5.45",
   "description": "Core rich react native components written in typescript",
   "main": "index.ts",
   "repository": {

package/src/Components/Animators/hooks/useFloatAnimation.ts

@@ -2,6 +2,7 @@ import { useEffect, useRef } from "react";
 import { Platform } from "react-native";
 import {
   Easing,
+  runOnJS,
   useAnimatedStyle,
   useSharedValue,
   withDelay,
@@ -76,22 +77,24 @@ export const useFloatAnimation = ({
     opacity.value = withDelay(
       delay,
       withTiming(1, { duration }, () => {
-        startFloating();
-
-        if (closeAfter) {
-          opacity.value = withDelay(
-            closeAfter,
-            withTiming(0, { duration: closeDuration })
-          );
-          translateY.value = withDelay(
-            closeAfter,
-            withTiming(0, { duration: closeDuration })
-          );
-          isFloating.current = false;
-        }
+        "worklet";
+        runOnJS(startFloating)();
       })
     );
 
+    // Handle auto-close
+    if (closeAfter) {
+      const totalDelay = delay + duration + closeAfter;
+      opacity.value = withDelay(
+        totalDelay,
+        withTiming(0, { duration: closeDuration })
+      );
+      translateY.value = withDelay(
+        totalDelay,
+        withTiming(0, { duration: closeDuration })
+      );
+    }
+
     return () => {
       opacity.value = 0;
       translateY.value = 0;

package/src/Components/SafeAreaView.tsx

@@ -1,20 +1,23 @@
-import React from "react";
+import React, { forwardRef } from "react";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 
 import { StyleSheet, View } from "react-native";
 import { SafeAreaViewProps } from "../types";
 
-export const SafeAreaView: React.FC<SafeAreaViewProps> = ({
-  children,
-  style,
-}) => {
-  const { top, bottom } = useSafeAreaInsets();
-  const styles = StyleSheet.create({
-    root: {
-      paddingTop: top,
-      paddingBottom: bottom,
-      flex: 1,
-    },
-  });
-  return <View style={[styles.root, style]}>{children}</View>;
-};
+export const SafeAreaView = forwardRef<View, SafeAreaViewProps>(
+  ({ children, style, ...rest }, ref) => {
+    const { top, bottom } = useSafeAreaInsets();
+    const styles = StyleSheet.create({
+      root: {
+        paddingTop: top,
+        paddingBottom: bottom,
+        flex: 1,
+      },
+    });
+    return (
+      <View ref={ref} style={[styles.root, style]} {...rest}>
+        {children}
+      </View>
+    );
+  }
+);

package/src/Components/Typography.tsx

@@ -33,6 +33,7 @@ const Typography: React.FC<TypographyProps> = forwardRef(
       fontWeight = 400,
       fontFamily, // NEW PROP ADDED
       fontSize,
+      lineHeight,
       ...props
     },
     ref
@@ -45,9 +46,10 @@ const Typography: React.FC<TypographyProps> = forwardRef(
     const baseFontSize =
       customFontSizes?.[variant] ?? DEFAULT_FONT_SIZES[variant];
     const f = fontSize || baseFontSize;
+    const lh = lineHeight || f * 1.2;
     const styles: any = StyleSheet.create({
       text: {
-        lineHeight: f * 1.2,
+        lineHeight: lh,
         fontSize: f,
         marginBottom: ms(gutterBottom) || 0,
         color: colors[color]?.main || color,

package/src/types.ts

@@ -6,6 +6,7 @@ import {
   TextInputProps,
   TextProps,
   TextStyle,
+  ViewProps,
   ViewStyle,
 } from "react-native";
 
@@ -261,6 +262,7 @@ export interface TypographyProps extends TextProps {
   color?: colorTypes | (string & {});
   style?: StyleProp<TextStyle | ViewStyle>;
   textCase?: "capitalize" | "uppercase" | "lowercase" | undefined;
+  lineHeight?: number;
   variant?:
     | "caption"
     | "body1"
@@ -280,9 +282,8 @@ export interface TypographyProps extends TextProps {
   fontWeight?: 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
 }
 
-export interface SafeAreaViewProps {
+export interface SafeAreaViewProps extends ViewProps {
   children: ReactNode;
-  style?: ViewStyle;
 }
 
 export interface SelectMenuProps {