@hoddy-ui/core 2.5.10 → 2.5.11

package/next/dist/index.js

@@ -948,7 +948,7 @@ var Popup = ({
   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);
-  const keyboardVerticalOffsetValue = import_react_native11.Platform.OS === "ios" ? -10 : -bottom * 2;
+  const keyboardVerticalOffsetValue = import_react_native11.Platform.OS === "ios" ? -bottom : -bottom * 2;
   (0, import_react11.useEffect)(() => {
     const keyboardDidShowListener = import_react_native11.Keyboard.addListener(
       "keyboardDidShow",
@@ -999,12 +999,13 @@ var Popup = ({
       justifyContent: sheet ? "flex-end" : "center"
     },
     keyboardView: {
-      flex: 1
+      flex: 1,
+      zIndex: 1e3
     },
     avoidingView: {
+      zIndex: 2,
       minHeight: typeof sheet === "number" ? sheet : void 0,
       maxHeight: "90%",
-      zIndex: 1e3,
       alignSelf: "center",
       maxWidth: sheet ? void 0 : "90%",
       width: sheet ? "100%" : void 0,
@@ -1054,40 +1055,33 @@ var Popup = ({
       visible: modalVisible,
       onRequestClose: closeAction
     },
-    /* @__PURE__ */ import_react11.default.createElement(UIThemeProvider, null, /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(UIThemeProvider, null, /* @__PURE__ */ import_react11.default.createElement(import_react_native_reanimated2.default.View, { style: [styles2.backdrop, backdropAnimatedStyle] }), /* @__PURE__ */ import_react11.default.createElement(
       import_react_native11.KeyboardAvoidingView,
       {
         style: styles2.keyboardView,
         behavior: import_react_native11.Platform.OS === "ios" ? "padding" : "height",
         keyboardVerticalOffset: keyboardVerticalOffset || keyboardVerticalOffsetValue
       },
-      /* @__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(
+      /* @__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 }, open && /* @__PURE__ */ import_react11.default.createElement(
         import_react_native11.Pressable,
         {
-          style: [import_react_native11.StyleSheet.absoluteFill, { zIndex: 2 }],
+          style: [import_react_native11.StyleSheet.absoluteFill, { zIndex: 1 }],
           onPress: closeAction
         }
       ), /* @__PURE__ */ import_react11.default.createElement(
         import_react_native_reanimated2.default.View,
         {
           style: [styles2.avoidingView, contentAnimatedStyle],
-          layout: import_react_native_reanimated2.LinearTransition.springify(1)
+          layout: import_react_native_reanimated2.LinearTransition.springify().stiffness(200).mass(0.5).damping(100)
         },
-        /* @__PURE__ */ import_react11.default.createElement(
-          import_react_native11.View,
+        /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { 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(
+          IconButton,
           {
-            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(
-            IconButton,
-            {
-              size: 20,
-              icon: "close",
-              onPress: closeAction
-            }
-          )), /* @__PURE__ */ import_react11.default.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)),
-          /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.content }, children)
-        )
+            size: 20,
+            icon: "close",
+            onPress: closeAction
+          }
+        )), /* @__PURE__ */ import_react11.default.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)), /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles2.content }, children))
       )))
     ))
   );