@buoy-gg/image-overlay 7.0.34 → 7.0.35

package/lib/commonjs/imageOverlay/components/ImageOverlayModal.js

@@ -739,7 +739,7 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 12,
     fontWeight: "600",
     color: _sharedUi.night.color.text,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   inputSection: {
     paddingHorizontal: 12,

package/lib/commonjs/imageOverlay/components/ImageOverlayStandalone.js

@@ -407,7 +407,7 @@ const styles = _reactNative.StyleSheet.create({
     color: "#fff",
     fontSize: 10,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   },
   freeBorder: {
     position: "absolute",

package/lib/commonjs/imageOverlay/components/OverlayControls.js

@@ -248,6 +248,6 @@ const styles = _reactNative.StyleSheet.create({
     color: _sharedUi.night.color.text,
     width: 45,
     textAlign: "right",
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   }
 });

package/lib/commonjs/imageOverlay/components/TargetList.js

@@ -151,13 +151,13 @@ const styles = _reactNative.StyleSheet.create({
   testIdValue: {
     fontSize: 11,
     color: _sharedUi.night.color.text,
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     flex: 1
   },
   componentName: {
     fontSize: 10,
     color: "#a855f7",
-    fontFamily: "monospace",
+    fontFamily: _sharedUi.monoFont,
     marginTop: 1
   },
   emptyState: {
@@ -176,6 +176,6 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 12,
     textAlign: "center",
     lineHeight: 18,
-    fontFamily: "monospace"
+    fontFamily: _sharedUi.monoFont
   }
 });

package/lib/module/imageOverlay/components/ImageOverlayModal.js

@@ -2,7 +2,7 @@
 
 import { useState, useEffect, useCallback } from "react";
 import { View, Text, TextInput, TouchableOpacity, StyleSheet, Alert } from "react-native";
-import { JsModal, ModalHeader, macOSColors, night, Trash2, SquareDashed, Image, PowerToggleButton, windowDragProps, ToggleRow } from "@buoy-gg/shared-ui";
+import { JsModal, ModalHeader, macOSColors, night, Trash2, SquareDashed, Image, PowerToggleButton, windowDragProps, ToggleRow, monoFont } from "@buoy-gg/shared-ui";
 import { ImageOverlayController } from "../utils/ImageOverlayController";
 import { scanForImageTargets } from "../utils/fiberScanner";
 import { TargetList } from "./TargetList";
@@ -734,7 +734,7 @@ const styles = StyleSheet.create({
     fontSize: 12,
     fontWeight: "600",
     color: night.color.text,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   inputSection: {
     paddingHorizontal: 12,

package/lib/module/imageOverlay/components/ImageOverlayStandalone.js

@@ -12,7 +12,7 @@
 
 import React, { useState, useEffect, useRef, useMemo, useCallback } from "react";
 import { View, Text, Image as RNImage, StyleSheet, PanResponder, Dimensions } from "react-native";
-import { absoluteFill } from "@buoy-gg/shared-ui";
+import { absoluteFill, monoFont } from "@buoy-gg/shared-ui";
 import { ImageOverlayController } from "../utils/ImageOverlayController";
 
 // ─── Overlay Image (handles flip transforms) ─────────────────────────────────
@@ -403,7 +403,7 @@ const styles = StyleSheet.create({
     color: "#fff",
     fontSize: 10,
     fontWeight: "700",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   },
   freeBorder: {
     position: "absolute",

package/lib/module/imageOverlay/components/OverlayControls.js

@@ -7,7 +7,7 @@
 
 import { useRef, useCallback } from "react";
 import { View, Text, TouchableOpacity, StyleSheet, PanResponder } from "react-native";
-import { night } from "@buoy-gg/shared-ui";
+import { night, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SliderStepper({
   label,
@@ -244,6 +244,6 @@ const styles = StyleSheet.create({
     color: night.color.text,
     width: 45,
     textAlign: "right",
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/module/imageOverlay/components/TargetList.js

@@ -6,7 +6,7 @@
  */
 
 import { View, Text, TouchableOpacity, StyleSheet, ScrollView } from "react-native";
-import { ChevronRight, night, Hash, ToolEmptyState } from "@buoy-gg/shared-ui";
+import { ChevronRight, night, Hash, ToolEmptyState, monoFont } from "@buoy-gg/shared-ui";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function TargetRow({
   target,
@@ -147,13 +147,13 @@ const styles = StyleSheet.create({
   testIdValue: {
     fontSize: 11,
     color: night.color.text,
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     flex: 1
   },
   componentName: {
     fontSize: 10,
     color: "#a855f7",
-    fontFamily: "monospace",
+    fontFamily: monoFont,
     marginTop: 1
   },
   emptyState: {
@@ -172,6 +172,6 @@ const styles = StyleSheet.create({
     fontSize: 12,
     textAlign: "center",
     lineHeight: 18,
-    fontFamily: "monospace"
+    fontFamily: monoFont
   }
 });

package/lib/typescript/imageOverlay/components/ImageOverlayModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageOverlayModal.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/ImageOverlayModal.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,sBAAsB,EAAkC,MAAM,UAAU,CAAC;AAMvF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAKjE,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,iBAAiB,EACjB,sBAAsB,EACtB,MAAc,EACd,WAAW,GACZ,EAAE,sBAAsB,+BAoiBxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAG3E"}
+{"version":3,"file":"ImageOverlayModal.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/ImageOverlayModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,sBAAsB,EAAkC,MAAM,UAAU,CAAC;AAMvF,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAKjE,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,iBAAiB,EACjB,sBAAsB,EACtB,MAAc,EACd,WAAW,GACZ,EAAE,sBAAsB,+BAoiBxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAG3E"}

package/lib/typescript/imageOverlay/components/TargetList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TargetList.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/TargetList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AASH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAwCjD,UAAU,eAAe;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAwBhE"}
+{"version":3,"file":"TargetList.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/TargetList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAUH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAwCjD,UAAU,eAAe;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAwBhE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/image-overlay",
-  "version": "7.0.34",
+  "version": "7.0.35",
   "description": "Pin your Figma mockup on top of the running app — pixel-perfect UI comparison without leaving the simulator. Part of Buoy devtools.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -26,7 +26,7 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "^7.0.34"
+    "@buoy-gg/shared-ui": "^7.0.35"
   },
   "peerDependencies": {
     "react": "*",