@hoddy-ui/core 2.5.7 → 2.5.8

package/next/dist/index.mjs

@@ -890,12 +890,13 @@ 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,
   bare = false,
-  keyboardVerticalOffset,
+  keyboardVerticalOffset = -10,
   children,
   open,
   onClose = () => {
@@ -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(() => {
@@ -940,22 +942,26 @@ var Popup = ({
       width: "100%",
       justifyContent: sheet ? "flex-end" : "center"
     },
+    keyboardView: {
+      flex: 1
+    },
     avoidingView: {
       minHeight: typeof sheet === "number" ? sheet : void 0,
-      maxHeight: "80%",
+      maxHeight: "90%",
       zIndex: 1e3,
       alignSelf: "center",
       maxWidth: sheet ? void 0 : "90%",
       width: sheet ? "100%" : void 0
     },
     container: {
-      paddingBottom: sheet ? "30@ms" : void 0,
-      backgroundColor: theme === "dark" ? "#111" : colors2.white[2],
+      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: {
@@ -991,35 +997,43 @@ var Popup = ({
       visible: modalVisible,
       onRequestClose: closeAction
     },
-    /* @__PURE__ */ React11.createElement(UIThemeProvider, null, /* @__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(
-      Pressable,
-      {
-        style: [StyleSheet2.absoluteFill, { zIndex: 2 }],
-        onPress: closeAction
-      }
-    ), /* @__PURE__ */ React11.createElement(Animated2.View, { style: [styles2.avoidingView, contentAnimatedStyle] }, /* @__PURE__ */ React11.createElement(
+    /* @__PURE__ */ React11.createElement(UIThemeProvider, null, /* @__PURE__ */ React11.createElement(
       KeyboardAvoidingView2,
       {
-        keyboardVerticalOffset,
-        behavior: Platform5.OS === "ios" ? "padding" : "padding"
+        style: styles2.keyboardView,
+        behavior: Platform5.OS === "ios" ? "padding" : void 0,
+        keyboardVerticalOffset
       },
-      /* @__PURE__ */ React11.createElement(
+      /* @__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(
+        Pressable,
+        {
+          style: [StyleSheet2.absoluteFill, { zIndex: 2 }],
+          onPress: closeAction
+        }
+      ), /* @__PURE__ */ React11.createElement(
         Animated2.View,
         {
-          layout: LinearTransition,
-          style: styles2.container
+          style: [styles2.avoidingView, contentAnimatedStyle],
+          layout: LinearTransition
         },
-        !bare && /* @__PURE__ */ React11.createElement(View5, { style: styles2.title }, /* @__PURE__ */ React11.createElement(View5, { style: styles2.titleIcon }, /* @__PURE__ */ React11.createElement(
-          IconButton,
+        /* @__PURE__ */ React11.createElement(
+          Animated2.View,
           {
-            size: 20,
-            icon: "close",
-            onPress: closeAction
-          }
-        )), /* @__PURE__ */ React11.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)),
-        /* @__PURE__ */ React11.createElement(View5, { style: styles2.content }, children)
-      )
-    )))))
+            layout: LinearTransition,
+            style: styles2.container
+          },
+          !bare && /* @__PURE__ */ React11.createElement(View5, { style: styles2.title }, /* @__PURE__ */ React11.createElement(View5, { style: styles2.titleIcon }, /* @__PURE__ */ React11.createElement(
+            IconButton,
+            {
+              size: 20,
+              icon: "close",
+              onPress: closeAction
+            }
+          )), /* @__PURE__ */ React11.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)),
+          /* @__PURE__ */ React11.createElement(View5, { style: styles2.content }, children)
+        )
+      )))
+    ))
   );
 };
 
@@ -1163,7 +1177,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,
@@ -1174,7 +1188,7 @@ var GridItem = ({
   const styles2 = ScaledSheet9.create({
     gridItem: {
       width: `${100 / col}%`,
-      padding: ms5(spacing * 10),
+      padding: ms6(spacing * 10),
       alignItems
     }
   });
@@ -1246,7 +1260,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";
 
@@ -1254,7 +1268,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,
@@ -1268,7 +1282,7 @@ var SelectMenu = ({
   helperText
 }) => {
   const colors2 = useColors();
-  const { bottom } = useSafeAreaInsets2();
+  const { bottom } = useSafeAreaInsets3();
   const [search, setSearch] = useState5("");
   const styles2 = ScaledSheet11.create({
     root: {
@@ -1427,7 +1441,7 @@ var TextField = ({
   }, [focused, value]);
   const styles2 = ScaledSheet12.create({
     root: {
-      marginBottom: ms6(gutterBottom),
+      marginBottom: ms7(gutterBottom),
       width: "100%",
       ...style
     },
@@ -1524,7 +1538,7 @@ var TextField = ({
         View10,
         {
           style: {
-            paddingTop: variant !== "outlined" ? ms6(13) : 0,
+            paddingTop: variant !== "outlined" ? ms7(13) : 0,
             paddingRight: 10
           }
         },
@@ -1559,7 +1573,7 @@ var TextField = ({
       {
         style: {
           marginRight: 20,
-          paddingTop: variant === "text" ? ms6(13) : 0
+          paddingTop: variant === "text" ? ms7(13) : 0
         }
       },
       end
@@ -1569,7 +1583,7 @@ var TextField = ({
       {
         style: {
           marginRight: variant === "text" ? 0 : 20,
-          paddingTop: variant === "text" ? ms6(13) : 0
+          paddingTop: variant === "text" ? ms7(13) : 0
         }
       },
       /* @__PURE__ */ React15.createElement(
@@ -1642,7 +1656,7 @@ var TextField2 = React15.forwardRef(
     };
     const styles2 = ScaledSheet12.create({
       root: {
-        marginBottom: ms6(gutterBottom),
+        marginBottom: ms7(gutterBottom),
         ...style
       },
       container: {
@@ -1718,7 +1732,7 @@ var TextField2 = React15.forwardRef(
     return /* @__PURE__ */ React15.createElement(React15.Fragment, null, /* @__PURE__ */ React15.createElement(View10, { style: styles2.root }, label && /* @__PURE__ */ React15.createElement(
       Typography_default,
       {
-        variant: "body1",
+        variant: "body2",
         color: "textSecondary",
         gutterBottom: 7,
         ...labelProps
@@ -2028,7 +2042,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",
@@ -2040,7 +2054,7 @@ var Divider = ({
     root: {
       height,
       backgroundColor: colors2[color].main,
-      marginBottom: ms7(gutterBottom),
+      marginBottom: ms8(gutterBottom),
       ...style
     }
   });
@@ -2095,7 +2109,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 = () => {
@@ -2142,17 +2156,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(