@hoddy-ui/next 2.0.49 → 2.0.50

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -927,6 +927,7 @@ var import_react_native11 = require("react-native");
927
927
  var import_react11 = __toESM(require("react"));
928
928
  var import_react_native_reanimated2 = __toESM(require("react-native-reanimated"));
929
929
  var import_react_native_size_matters9 = require("react-native-size-matters");
930
+ var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
930
931
  var Popup = ({
931
932
  title,
932
933
  sheet,
@@ -943,6 +944,7 @@ var Popup = ({
943
944
  const theme = useTheme();
944
945
  const colors2 = useColors();
945
946
  const [modalVisible, setModalVisible] = (0, import_react11.useState)(false);
947
+ const { bottom } = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
946
948
  const backdropOpacity = (0, import_react_native_reanimated2.useSharedValue)(0);
947
949
  const contentTranslateY = (0, import_react_native_reanimated2.useSharedValue)(1e3);
948
950
  (0, import_react11.useEffect)(() => {
@@ -988,13 +990,14 @@ var Popup = ({
988
990
  width: sheet ? "100%" : void 0
989
991
  },
990
992
  container: {
991
- paddingBottom: sheet ? "30@ms" : void 0,
993
+ paddingBottom: sheet && !bare ? bottom + (0, import_react_native_size_matters9.ms)(10) : void 0,
992
994
  backgroundColor: theme === "dark" ? "#111" : colors2.white[1],
993
995
  borderTopLeftRadius: 20,
994
996
  borderTopRightRadius: 20,
995
997
  borderBottomRightRadius: sheet ? 0 : 20,
996
998
  borderBottomLeftRadius: sheet ? 0 : 20,
997
999
  width: "100%",
1000
+ overflow: "hidden",
998
1001
  ...style
999
1002
  },
1000
1003
  content: {
@@ -1296,7 +1299,7 @@ var import_react_native_size_matters14 = require("react-native-size-matters");
1296
1299
  var import_vector_icons7 = require("@expo/vector-icons");
1297
1300
  var import_react15 = __toESM(require("react"));
1298
1301
  var import_react_native15 = require("react-native");
1299
- var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
1302
+ var import_react_native_safe_area_context4 = require("react-native-safe-area-context");
1300
1303
  var import_react_native_size_matters13 = require("react-native-size-matters");
1301
1304
  var SelectMenu = ({
1302
1305
  open = false,
@@ -1310,7 +1313,7 @@ var SelectMenu = ({
1310
1313
  helperText
1311
1314
  }) => {
1312
1315
  const colors2 = useColors();
1313
- const { bottom } = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
1316
+ const { bottom } = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
1314
1317
  const [search, setSearch] = (0, import_react15.useState)("");
1315
1318
  const styles2 = import_react_native_size_matters13.ScaledSheet.create({
1316
1319
  root: {