@hoddy-ui/next 2.0.49 → 2.0.51

package/dist/index.mjs

@@ -890,7 +890,8 @@ import Animated2, {
   useSharedValue as useSharedValue2,
   withTiming as withTiming2
 } from "react-native-reanimated";
-import { ScaledSheet as ScaledSheet7 } from "react-native-size-matters";
+import { ms as ms5, ScaledSheet as ScaledSheet7 } from "react-native-size-matters";
+import { useSafeAreaInsets as useSafeAreaInsets2 } from "react-native-safe-area-context";
 var Popup = ({
   title,
   sheet,
@@ -907,6 +908,7 @@ var Popup = ({
   const theme = useTheme();
   const colors2 = useColors();
   const [modalVisible, setModalVisible] = useState3(false);
+  const { bottom } = useSafeAreaInsets2();
   const backdropOpacity = useSharedValue2(0);
   const contentTranslateY = useSharedValue2(1e3);
   useEffect2(() => {
@@ -952,13 +954,14 @@ var Popup = ({
       width: sheet ? "100%" : void 0
     },
     container: {
-      paddingBottom: sheet ? "30@ms" : void 0,
+      paddingBottom: sheet && !bare ? bottom + ms5(10) : void 0,
       backgroundColor: theme === "dark" ? "#111" : colors2.white[1],
       borderTopLeftRadius: 20,
       borderTopRightRadius: 20,
       borderBottomRightRadius: sheet ? 0 : 20,
       borderBottomLeftRadius: sheet ? 0 : 20,
       width: "100%",
+      overflow: "hidden",
       ...style
     },
     content: {
@@ -998,7 +1001,7 @@ var Popup = ({
       KeyboardAvoidingView2,
       {
         style: styles2.keyboardView,
-        behavior: Platform5.OS === "ios" ? "padding" : void 0,
+        behavior: Platform5.OS === "ios" ? "padding" : "height",
         keyboardVerticalOffset
       },
       /* @__PURE__ */ React11.createElement(TouchableWithoutFeedback2, { onPress: Keyboard2.dismiss }, /* @__PURE__ */ React11.createElement(View5, { style: styles2.root }, /* @__PURE__ */ React11.createElement(Animated2.View, { style: [styles2.backdrop, backdropAnimatedStyle] }), open && /* @__PURE__ */ React11.createElement(
@@ -1016,7 +1019,6 @@ var Popup = ({
         /* @__PURE__ */ React11.createElement(
           Animated2.View,
           {
-            layout: LinearTransition,
             style: styles2.container
           },
           !bare && /* @__PURE__ */ React11.createElement(View5, { style: styles2.title }, /* @__PURE__ */ React11.createElement(View5, { style: styles2.titleIcon }, /* @__PURE__ */ React11.createElement(
@@ -1174,7 +1176,7 @@ var RatingInput = ({
 // ../src/Components/Grid.tsx
 import React12 from "react";
 import { View as View7 } from "react-native";
-import { ms as ms5, ScaledSheet as ScaledSheet9 } from "react-native-size-matters";
+import { ms as ms6, ScaledSheet as ScaledSheet9 } from "react-native-size-matters";
 var GridItem = ({
   children,
   col = 2,
@@ -1185,7 +1187,7 @@ var GridItem = ({
   const styles2 = ScaledSheet9.create({
     gridItem: {
       width: `${100 / col}%`,
-      padding: ms5(spacing * 10),
+      padding: ms6(spacing * 10),
       alignItems
     }
   });
@@ -1257,7 +1259,7 @@ import { Animated as Animated3, TextInput as TextInput2, TouchableOpacity as Tou
 import {
   ScaledSheet as ScaledSheet12,
   moderateScale as moderateScale3,
-  ms as ms6,
+  ms as ms7,
   verticalScale as verticalScale2
 } from "react-native-size-matters";
 
@@ -1265,7 +1267,7 @@ import {
 import { MaterialIcons as MaterialIcons4 } from "@expo/vector-icons";
 import React14, { useCallback, useState as useState5 } from "react";
 import { FlatList, Modal as Modal2, TouchableOpacity as TouchableOpacity6, View as View9 } from "react-native";
-import { useSafeAreaInsets as useSafeAreaInsets2 } from "react-native-safe-area-context";
+import { useSafeAreaInsets as useSafeAreaInsets3 } from "react-native-safe-area-context";
 import { ScaledSheet as ScaledSheet11 } from "react-native-size-matters";
 var SelectMenu = ({
   open = false,
@@ -1279,7 +1281,7 @@ var SelectMenu = ({
   helperText
 }) => {
   const colors2 = useColors();
-  const { bottom } = useSafeAreaInsets2();
+  const { bottom } = useSafeAreaInsets3();
   const [search, setSearch] = useState5("");
   const styles2 = ScaledSheet11.create({
     root: {
@@ -1438,7 +1440,7 @@ var TextField = ({
   }, [focused, value]);
   const styles2 = ScaledSheet12.create({
     root: {
-      marginBottom: ms6(gutterBottom),
+      marginBottom: ms7(gutterBottom),
       width: "100%",
       ...style
     },
@@ -1535,7 +1537,7 @@ var TextField = ({
         View10,
         {
           style: {
-            paddingTop: variant !== "outlined" ? ms6(13) : 0,
+            paddingTop: variant !== "outlined" ? ms7(13) : 0,
             paddingRight: 10
           }
         },
@@ -1570,7 +1572,7 @@ var TextField = ({
       {
         style: {
           marginRight: 20,
-          paddingTop: variant === "text" ? ms6(13) : 0
+          paddingTop: variant === "text" ? ms7(13) : 0
         }
       },
       end
@@ -1580,7 +1582,7 @@ var TextField = ({
       {
         style: {
           marginRight: variant === "text" ? 0 : 20,
-          paddingTop: variant === "text" ? ms6(13) : 0
+          paddingTop: variant === "text" ? ms7(13) : 0
         }
       },
       /* @__PURE__ */ React15.createElement(
@@ -1653,7 +1655,7 @@ var TextField2 = React15.forwardRef(
     };
     const styles2 = ScaledSheet12.create({
       root: {
-        marginBottom: ms6(gutterBottom),
+        marginBottom: ms7(gutterBottom),
         ...style
       },
       container: {
@@ -2039,7 +2041,7 @@ var SafeAreaView = ({
 
 // ../src/Components/Divider.tsx
 import { View as View12 } from "react-native";
-import { ScaledSheet as ScaledSheet14, ms as ms7 } from "react-native-size-matters";
+import { ScaledSheet as ScaledSheet14, ms as ms8 } from "react-native-size-matters";
 var Divider = ({
   height = 1,
   color = "textSecondary",
@@ -2051,7 +2053,7 @@ var Divider = ({
     root: {
       height,
       backgroundColor: colors2[color].main,
-      marginBottom: ms7(gutterBottom),
+      marginBottom: ms8(gutterBottom),
       ...style
     }
   });
@@ -2106,7 +2108,7 @@ import {
   TextInput as TextInput3,
   View as View14
 } from "react-native";
-import { ScaledSheet as ScaledSheet16, ms as ms8 } from "react-native-size-matters";
+import { ScaledSheet as ScaledSheet16, ms as ms9 } from "react-native-size-matters";
 var OTPInput = ({
   length = 6,
   onChange = () => {
@@ -2153,17 +2155,17 @@ var OTPInput = ({
     root: {},
     container: { flexDirection: "row" },
     input: {
-      height: ms8(size),
-      width: ms8(size),
+      height: ms9(size),
+      width: ms9(size),
       borderColor: colors2.white[5],
       backgroundColor: variant === "contained" ? colors2.white[3] : void 0,
       borderWidth: variant === "outlined" ? 1 : 0,
       borderBottomWidth: variant === "contained" ? 0 : 1,
-      marginHorizontal: ms8(spacing * 5),
+      marginHorizontal: ms9(spacing * 5),
       textAlign: "center",
       borderRadius: variant === "text" ? 0 : 10,
       color: colors2.dark.main,
-      fontSize: ms8(size * 0.5)
+      fontSize: ms9(size * 0.5)
     }
   });
   return /* @__PURE__ */ React19.createElement(View14, { style: styles2.root }, /* @__PURE__ */ React19.createElement(View14, { style: styles2.container }, [...Array(length)].map((_, index) => /* @__PURE__ */ React19.createElement(