@hoddy-ui/next 2.0.49 → 2.0.51

package/dist/index.js

@@ -927,6 +927,7 @@ var import_react_native11 = require("react-native");
 var import_react11 = __toESM(require("react"));
 var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
 var import_react_native_size_matters9 = require("react-native-size-matters");
+var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
 var Popup = ({
   title,
   sheet,
@@ -943,6 +944,7 @@ var Popup = ({
   const theme = useTheme();
   const colors2 = useColors();
   const [modalVisible, setModalVisible] = (0, import_react11.useState)(false);
+  const { bottom } = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
   const backdropOpacity = (0, import_react_native_reanimated2.useSharedValue)(0);
   const contentTranslateY = (0, import_react_native_reanimated2.useSharedValue)(1e3);
   (0, import_react11.useEffect)(() => {
@@ -988,13 +990,14 @@ var Popup = ({
       width: sheet ? "100%" : void 0
     },
     container: {
-      paddingBottom: sheet ? "30@ms" : void 0,
+      paddingBottom: sheet && !bare ? bottom + (0, import_react_native_size_matters9.ms)(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: {
@@ -1034,7 +1037,7 @@ var Popup = ({
       import_react_native11.KeyboardAvoidingView,
       {
         style: styles2.keyboardView,
-        behavior: import_react_native11.Platform.OS === "ios" ? "padding" : void 0,
+        behavior: import_react_native11.Platform.OS === "ios" ? "padding" : "height",
         keyboardVerticalOffset
       },
       /* @__PURE__ */ import_react11.default.createElement(import_react_native11.TouchableWithoutFeedback, { onPress: import_react_native11.Keyboard.dismiss }, /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.root }, /* @__PURE__ */ import_react11.default.createElement(import_react_native_reanimated2.default.View, { style: [styles2.backdrop, backdropAnimatedStyle] }), open && /* @__PURE__ */ import_react11.default.createElement(
@@ -1052,7 +1055,6 @@ var Popup = ({
         /* @__PURE__ */ import_react11.default.createElement(
           import_react_native_reanimated2.default.View,
           {
-            layout: import_react_native_reanimated2.LinearTransition,
             style: styles2.container
           },
           !bare && /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.title }, /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.titleIcon }, /* @__PURE__ */ import_react11.default.createElement(
@@ -1296,7 +1298,7 @@ var import_react_native_size_matters14 = require("react-native-size-matters");
 var import_vector_icons7 = require("@expo/vector-icons");
 var import_react15 = __toESM(require("react"));
 var import_react_native15 = require("react-native");
-var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
+var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
 var import_react_native_size_matters13 = require("react-native-size-matters");
 var SelectMenu = ({
   open = false,
@@ -1310,7 +1312,7 @@ var SelectMenu = ({
   helperText
 }) => {
   const colors2 = useColors();
-  const { bottom } = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
+  const { bottom } = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
   const [search, setSearch] = (0, import_react15.useState)("");
   const styles2 = import_react_native_size_matters13.ScaledSheet.create({
     root: {