@hoddy-ui/core 2.5.6 → 2.5.8

package/next/dist/index.js

@@ -927,11 +927,12 @@ 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,
   bare = false,
-  keyboardVerticalOffset,
+  keyboardVerticalOffset = -10,
   children,
   open,
   onClose = () => {
@@ -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)(() => {
@@ -976,22 +978,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 + (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: {
@@ -1027,35 +1033,43 @@ var Popup = ({
       visible: modalVisible,
       onRequestClose: closeAction
     },
-    /* @__PURE__ */ import_react11.default.createElement(UIThemeProvider, null, /* @__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(
-      import_react_native11.Pressable,
-      {
-        style: [import_react_native11.StyleSheet.absoluteFill, { zIndex: 2 }],
-        onPress: closeAction
-      }
-    ), /* @__PURE__ */ import_react11.default.createElement(import_react_native_reanimated2.default.View, { style: [styles2.avoidingView, contentAnimatedStyle] }, /* @__PURE__ */ import_react11.default.createElement(
+    /* @__PURE__ */ import_react11.default.createElement(UIThemeProvider, null, /* @__PURE__ */ import_react11.default.createElement(
       import_react_native11.KeyboardAvoidingView,
       {
-        keyboardVerticalOffset,
-        behavior: import_react_native11.Platform.OS === "ios" ? "padding" : "padding"
+        style: styles2.keyboardView,
+        behavior: import_react_native11.Platform.OS === "ios" ? "padding" : void 0,
+        keyboardVerticalOffset
       },
-      /* @__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 }, /* @__PURE__ */ import_react11.default.createElement(import_react_native_reanimated2.default.View, { style: [styles2.backdrop, backdropAnimatedStyle] }), open && /* @__PURE__ */ import_react11.default.createElement(
+        import_react_native11.Pressable,
+        {
+          style: [import_react_native11.StyleSheet.absoluteFill, { zIndex: 2 }],
+          onPress: closeAction
+        }
+      ), /* @__PURE__ */ import_react11.default.createElement(
         import_react_native_reanimated2.default.View,
         {
-          layout: import_react_native_reanimated2.LinearTransition,
-          style: styles2.container
+          style: [styles2.avoidingView, contentAnimatedStyle],
+          layout: import_react_native_reanimated2.LinearTransition
         },
-        !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,
+        /* @__PURE__ */ import_react11.default.createElement(
+          import_react_native_reanimated2.default.View,
           {
-            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)
-      )
-    )))))
+            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(
+            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)
+        )
+      )))
+    ))
   );
 };
 
@@ -1285,7 +1299,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,
@@ -1299,7 +1313,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: {
@@ -1749,7 +1763,7 @@ var TextField2 = import_react16.default.forwardRef(
     return /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_native16.View, { style: styles2.root }, label && /* @__PURE__ */ import_react16.default.createElement(
       Typography_default,
       {
-        variant: "body1",
+        variant: "body2",
         color: "textSecondary",
         gutterBottom: 7,
         ...labelProps