@multiplatform.one/forms 7.7.6 → 7.8.0

package/dist/jsx/fields/Geolocation/index.native.js

@@ -25,7 +25,13 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 var Geolocation_exports = {};
 __export(Geolocation_exports, {
   Geolocation: () => Geolocation,
-  preflightGeolocation: () => preflightGeolocation
+  clampLat: () => import_geocoder2.clampLat,
+  clampLng: () => import_geocoder2.clampLng,
+  formatCoordPair: () => import_geocoder2.formatCoordPair,
+  formatPlace: () => import_geocoder2.formatPlace,
+  parseLatLngPair: () => import_geocoder2.parseLatLngPair,
+  preflightGeolocation: () => preflightGeolocation,
+  resolveGeocoder: () => import_geocoder2.resolveGeocoder
 });
 module.exports = __toCommonJS(Geolocation_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -37,14 +43,39 @@ var import_AdaptivePopup = require("../../AdaptivePopup/index.native.js");
 var import_Button = require("../../Button/index.native.js");
 var import_fieldLayout = require("../../fieldLayout.native.js");
 var import_FloatingPanel = require("../../FloatingPanel/index.native.js");
-var import_GeolocationMap = require("./GeolocationMap.native.js");
-var import_geoValue = require("./geoValue.native.js");
 var import_InputParts = require("../../InputParts/index.native.js");
 var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_GeolocationMap = require("./GeolocationMap.native.js");
+var import_nativeSearchFocus = require("./nativeSearchFocus.native.js");
+var import_geoValue = require("./geoValue.native.js");
 var import_capabilityPreflight = require("../../shared/capabilityPreflight.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_t = require("../../shared/t.native.js");
+var import_pressSlopProps = require("../../shared/pressSlopProps.native.js");
+var import_tableCellContext = require("../../shared/tableCellContext.native.js");
+var import_zIndex = require("../../shared/zIndex.native.js");
 var import_utils = require("../../shared/utils.native.js");
+var import_geocoder = require("./geocoder.native.js");
+var import_geocoder2 = require("./geocoder.native.js");
+function _instanceof(left, right) {
+  "@swc/helpers - instanceof";
+
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+    return !!right[Symbol.hasInstance](left);
+  } else {
+    return left instanceof right;
+  }
+}
+function coordinateKey(param) {
+  var {
+    lat,
+    lng
+  } = param;
+  return `${lat},${lng}`;
+}
+var SEARCH_DEBOUNCE_MS = 300;
+var COORD_LINE_HEIGHT = 28;
+var RESULTS_PANEL_SHADOW = "0px 8px 28px rgba(0,0,0,0.12), 0px 2px 6px rgba(0,0,0,0.04)";
 async function preflightGeolocation() {
   if (typeof navigator === "undefined" || !navigator.geolocation) {
     var insecure = typeof window !== "undefined" && window.isSecureContext === false;
@@ -77,15 +108,6 @@ function mapGeolocationError(err) {
   }
   return err.message || (0, import_t.t)("Failed to get location");
 }
-function clampLat(val) {
-  return Math.max(-90, Math.min(90, val));
-}
-function clampLng(val) {
-  return Math.max(-180, Math.min(180, val));
-}
-function formatCoordChip(lat, lng) {
-  return `${lat.toFixed(4)}, ${lng.toFixed(4)}`;
-}
 function tryParseCoord(text, clamp) {
   var trimmed = text.trim();
   if (trimmed === "" || trimmed === "-" || trimmed === "." || trimmed === "-.") return void 0;
@@ -133,8 +155,8 @@ function CoordinatesPanel(param) {
   var flushDraft = (0, import_react2.useCallback)(function () {
     var rawLat = Number.parseFloat(latTextRef.current);
     var rawLng = Number.parseFloat(lngTextRef.current);
-    var nextLat = Number.isNaN(rawLat) ? committedRef.current.lat : clampLat(rawLat);
-    var nextLng = Number.isNaN(rawLng) ? committedRef.current.lng : clampLng(rawLng);
+    var nextLat = Number.isNaN(rawLat) ? committedRef.current.lat : (0, import_geocoder.clampLat)(rawLat);
+    var nextLng = Number.isNaN(rawLng) ? committedRef.current.lng : (0, import_geocoder.clampLng)(rawLng);
     commitPair(nextLat, nextLng);
   }, [commitPair]);
   (0, import_react2.useEffect)(function () {
@@ -146,7 +168,7 @@ function CoordinatesPanel(param) {
   var handleLatChange = function handleLatChange2(text) {
     setLatText(text);
     latTextRef.current = text;
-    var parsed = tryParseCoord(text, clampLat);
+    var parsed = tryParseCoord(text, import_geocoder.clampLat);
     if (parsed !== void 0) {
       commitPair(parsed, committedRef.current.lng);
     }
@@ -154,7 +176,7 @@ function CoordinatesPanel(param) {
   var handleLngChange = function handleLngChange2(text) {
     setLngText(text);
     lngTextRef.current = text;
-    var parsed = tryParseCoord(text, clampLng);
+    var parsed = tryParseCoord(text, import_geocoder.clampLng);
     if (parsed !== void 0) {
       commitPair(committedRef.current.lat, parsed);
     }
@@ -242,8 +264,143 @@ function ExpandedMapView(param) {
   });
 }
 var overlayFocusRing = (0, import_theme.ensureFocusVisibleRing)({
-  outlineOffset: -2
+  outlineOffset: 0
 });
+function ResultRow(param) {
+  var {
+    testID,
+    label,
+    description,
+    onPress,
+    disabled
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    testID,
+    role: "option",
+    "aria-selected": false,
+    "aria-disabled": disabled || void 0,
+    ...(import_tamagui.isWeb ? {
+      tabIndex: disabled ? -1 : 0,
+      onKeyDown: function onKeyDown(event) {
+        if (disabled) return;
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onPress();
+        } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+          var _ref;
+          var _event_currentTarget_parentElement, _rows_;
+          event.preventDefault();
+          var rows = [...((_ref = (_event_currentTarget_parentElement = event.currentTarget.parentElement) === null || _event_currentTarget_parentElement === void 0 ? void 0 : _event_currentTarget_parentElement.querySelectorAll("[role='option']:not([aria-disabled='true'])")) !== null && _ref !== void 0 ? _ref : [])];
+          var index = rows.indexOf(event.currentTarget);
+          (_rows_ = rows[(index + (event.key === "ArrowDown" ? 1 : -1) + rows.length) % rows.length]) === null || _rows_ === void 0 ? void 0 : _rows_.focus();
+        }
+      }
+    } : {}),
+    minHeight: description ? 62 : 44,
+    justifyContent: "center",
+    paddingHorizontal: "$3",
+    paddingVertical: description ? "$2" : 0,
+    cursor: disabled ? "not-allowed" : "pointer",
+    hoverStyle: disabled ? void 0 : {
+      backgroundColor: "$color3"
+    },
+    pressStyle: disabled ? void 0 : {
+      backgroundColor: "$color3"
+    },
+    onPress: disabled ? void 0 : onPress,
+    opacity: disabled ? 0.5 : 1,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$4",
+      lineHeight: 25,
+      color: "$color12",
+      children: label
+    }), description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$3",
+      lineHeight: 24,
+      color: import_colorRamps.formCommonColors.muted,
+      children: description
+    }) : null]
+  });
+}
+function StatusRow(param) {
+  var {
+    children,
+    testID
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+    testID,
+    minHeight: 44,
+    alignItems: "center",
+    paddingHorizontal: "$3",
+    role: "status",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$4",
+      lineHeight: 25,
+      color: import_colorRamps.formCommonColors.muted,
+      children
+    })
+  });
+}
+function SearchResultsList(param) {
+  var {
+    listId,
+    status,
+    query,
+    results,
+    pair,
+    onLocate,
+    onPick,
+    onPickPair,
+    locateDisabled
+  } = param;
+  var showLocate = status === "idle" || status === "results" || pair != null;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    testID: "geolocation-results",
+    id: listId,
+    overflow: "hidden",
+    ...(import_tamagui.isWeb ?
+    // role="listbox" is a valid ARIA role but outside RN's `Role` union;
+    // this web-only bag forwards it to the DOM node (house Record cast).
+    {
+      role: "listbox"
+    } : void 0),
+    children: [showLocate ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ResultRow, {
+      testID: "geolocation-use-location",
+      label: (0, import_t.t)("Use my current location"),
+      onPress: onLocate,
+      disabled: locateDisabled
+    }) : null, status === "searching" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(StatusRow, {
+      testID: "geolocation-search-status",
+      children: (0, import_t.t)("Searching\u2026")
+    }) : null, status === "error" ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(StatusRow, {
+      testID: "geolocation-search-status",
+      children: (0, import_t.t)("Search is unavailable \u2014 check your connection")
+    }) : null, status === "empty" && !pair ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(StatusRow, {
+      testID: "geolocation-search-status",
+      children: (0, import_t.t)('No places match "{{query}}"', {
+        query
+      })
+    }) : null, pair ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ResultRow, {
+      testID: "geolocation-coord-result",
+      label: (0, import_t.t)("Go to {{pair}}", {
+        pair: (0, import_geocoder.formatCoordPair)(pair.lat, pair.lng)
+      }),
+      description: (0, import_t.t)("Exact coordinates \u2014 no address"),
+      onPress: function onPress() {
+        return onPickPair(pair.lat, pair.lng);
+      }
+    }) : null, status === "results" ? results.map(function (result, index) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ResultRow, {
+        testID: `geolocation-result-${index}`,
+        label: result.label,
+        description: result.description,
+        onPress: function onPress() {
+          return onPick(result);
+        }
+      }, `${result.lat},${result.lng},${index}`);
+    }) : null]
+  });
+}
 function GeoMapSurface(param) {
   var {
     id,
@@ -288,7 +445,7 @@ function GeoMapSurface(param) {
   };
   var handleMapKeyDown = function handleMapKeyDown2(event) {
     if (!interactive) return;
-    if (event.key === "Enter") {
+    if (event.key === "Enter" && hasValue) {
       event.preventDefault();
       setCoordsOpen(true);
       return;
@@ -297,7 +454,7 @@ function GeoMapSurface(param) {
     var step = event.shiftKey ? 0.01 : 1e-3;
     var nextLat = coordinates.lat;
     var nextLng = coordinates.lng;
-    if (event.key === "ArrowUp") nextLat = clampLat(nextLat + step);else if (event.key === "ArrowDown") nextLat = clampLat(nextLat - step);else if (event.key === "ArrowLeft") nextLng = clampLng(nextLng - step);else if (event.key === "ArrowRight") nextLng = clampLng(nextLng + step);else return;
+    if (event.key === "ArrowUp") nextLat = (0, import_geocoder.clampLat)(nextLat + step);else if (event.key === "ArrowDown") nextLat = (0, import_geocoder.clampLat)(nextLat - step);else if (event.key === "ArrowLeft") nextLng = (0, import_geocoder.clampLng)(nextLng - step);else if (event.key === "ArrowRight") nextLng = (0, import_geocoder.clampLng)(nextLng + step);else return;
     event.preventDefault();
     onMapChange(nextLat, nextLng);
   };
@@ -308,7 +465,68 @@ function GeoMapSurface(param) {
     disabled,
     knobProps
   }) : null;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+  var coordLine = readOnly || disabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+    testID: "geolocation-coordline",
+    alignItems: "center",
+    minHeight: COORD_LINE_HEIGHT,
+    paddingHorizontal: "$2",
+    hitSlop: (0, import_theme.pressTargetHitSlop)(COORD_LINE_HEIGHT),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: "$mono",
+      fontSize: 12,
+      lineHeight: 22,
+      color: import_colorRamps.formCommonColors.muted,
+      children: hasValue ? (0, import_geocoder.formatCoordPair)(mapLat, mapLng) : (0, import_t.t)("Enter coordinates")
+    })
+  }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
+    open: coordsOpen,
+    onOpenChange: handleCoordsOpenChange,
+    disabled,
+    fitContent: false,
+    sizing: "fill",
+    contentPadding: "none",
+    trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+      testID: "geolocation-coordline",
+      alignItems: "center",
+      minHeight: COORD_LINE_HEIGHT,
+      paddingHorizontal: "$2",
+      cursor: "pointer",
+      ...(0, import_pressSlopProps.pressSlopProps)(COORD_LINE_HEIGHT, true),
+      hoverStyle: {
+        backgroundColor: "$color3"
+      },
+      focusVisibleStyle: overlayFocusRing,
+      ...(import_tamagui.isWeb ? {
+        tabIndex: 0,
+        role: "button",
+        "aria-label": (0, import_t.t)("Edit coordinates"),
+        onKeyDown: function onKeyDown(event) {
+          if (event.key === "Enter" || event.key === " ") {
+            event.preventDefault();
+            setCoordsOpen(true);
+          }
+        }
+      } : {}),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+        fontFamily: "$mono",
+        fontSize: 12,
+        lineHeight: 22,
+        color: import_colorRamps.formCommonColors.muted,
+        children: hasValue ? (0, import_geocoder.formatCoordPair)(mapLat, mapLng) : (0, import_t.t)("Enter coordinates")
+      })
+    }),
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(CoordinatesPanel, {
+      lat: mapLat,
+      lng: mapLng,
+      knobProps,
+      required,
+      hasError,
+      flushRef: coordsFlushRef,
+      onCommit: onCommitCoordinates
+    })
+  });
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    gap: "$2",
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
       testID: "geolocation-map",
       id,
@@ -330,7 +548,7 @@ function GeoMapSurface(param) {
         tabIndex: 0,
         role: "application",
         "aria-label": (0, import_t.t)("Location map"),
-        "aria-valuetext": hasValue ? formatCoordChip(mapLat, mapLng) : (0, import_t.t)("No location set"),
+        "aria-valuetext": hasValue ? (0, import_geocoder.formatCoordPair)(mapLat, mapLng) : (0, import_t.t)("No location set"),
         onKeyDown: handleMapKeyDown
       } : {}),
       children: [customMap !== null && customMap !== void 0 ? customMap : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_GeolocationMap.GeolocationMap, {
@@ -341,62 +559,34 @@ function GeoMapSurface(param) {
         disabled,
         readOnly,
         hasValue
-      }), /* Chip is the coordinates editor trigger (Apple/Google compact pattern). */
-      readOnly ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      }), !hasValue && !locateErrorOpen ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        testID: "geolocation-empty",
         position: "absolute",
-        top: "$2",
-        insetInlineStart: "$2",
+        top: 0,
+        right: 0,
+        bottom: 0,
+        left: 0,
         zIndex: 2,
-        backgroundColor: "$background",
-        opacity: 0.92,
-        paddingHorizontal: "$2",
-        paddingVertical: "$1",
-        ...knobProps.borderRadius,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-          testID: "geolocation-coords-chip",
-          fontSize: "$1",
+        alignItems: "center",
+        justifyContent: "center",
+        gap: "$2",
+        pointerEvents: "box-none",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
           ...knobProps.body,
           color: import_colorRamps.formCommonColors.muted,
-          children: hasValue ? formatCoordChip(mapLat, mapLng) : (0, import_t.t)("No location set")
-        })
-      }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-        position: "absolute",
-        top: "$2",
-        insetInlineStart: "$2",
-        zIndex: 2,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
-          open: coordsOpen,
-          onOpenChange: handleCoordsOpenChange,
-          disabled,
-          fitContent: true,
-          sizing: "fill",
-          contentPadding: "none",
-          trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
-            size: "$2",
-            disabled,
-            backgroundColor: "$background",
-            opacity: 0.92,
-            testID: "geolocation-coords-chip",
-            "aria-label": (0, import_t.t)("Edit coordinates"),
-            focusVisibleStyle: overlayFocusRing,
-            onPress: import_tamagui.isWeb && !disabled ? function () {
-              return setCoordsOpen(true);
-            } : void 0,
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
-              children: hasValue ? formatCoordChip(mapLat, mapLng) : (0, import_t.t)("Set location")
-            })
-          }),
-          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(CoordinatesPanel, {
-            lat: mapLat,
-            lng: mapLng,
-            knobProps,
-            required,
-            hasError,
-            flushRef: coordsFlushRef,
-            onCommit: onCommitCoordinates
+          pointerEvents: "none",
+          children: (0, import_t.t)("No location set")
+        }), !readOnly && !disabled ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button, {
+          size: "$4",
+          onPress: onUseMyLocation,
+          disabled: locating,
+          testID: "geolocation-empty-locate",
+          "aria-label": (0, import_t.t)("Use my current location"),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Button.Button.Text, {
+            children: (0, import_t.t)("Use my current location")
           })
-        })
-      }), handleExpand && expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        }) : null]
+      }) : null, handleExpand && expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         position: "absolute",
         top: "$2",
         insetInlineEnd: "$2",
@@ -407,13 +597,12 @@ function GeoMapSurface(param) {
           disabled,
           onPress: handleExpand,
           backgroundColor: "$background",
-          opacity: 0.92,
           "aria-label": (0, import_t.t)("Expand map"),
           focusVisibleStyle: overlayFocusRing,
+          hitSlop: (0, import_theme.pressTargetHitSlop)(32),
           children: expandIcon
         })
-      }), /* Locate overlay (bottom-end) — LC-19 preflight runs on press */
-      !readOnly && !locateErrorOpen && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      }), !readOnly && !locateErrorOpen && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         position: "absolute",
         bottom: "$2",
         insetInlineEnd: "$2",
@@ -424,19 +613,14 @@ function GeoMapSurface(param) {
           disabled: disabled || locating,
           onPress: onUseMyLocation,
           backgroundColor: "$background",
-          opacity: 0.92,
           icon: locating ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Spinner, {
             size: "small"
           }) : locationIcon,
           "aria-label": locating ? (0, import_t.t)("Locating") : (0, import_t.t)("Locate"),
-          focusVisibleStyle: overlayFocusRing
+          focusVisibleStyle: overlayFocusRing,
+          hitSlop: (0, import_theme.pressTargetHitSlop)(32)
         })
-      }),
-      /*
-        LC-19: locate error stays on the map (Retry + Close) — never
-        mount-fail-unmount, never a layout-jumping sibling under the field.
-      */
-      locateErrorOpen && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      }), locateErrorOpen && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
         testID: "geolocation-locate-panel",
         position: "absolute",
         bottom: "$2",
@@ -469,7 +653,7 @@ function GeoMapSurface(param) {
           })]
         })]
       })]
-    }), expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AdaptivePopup.AdaptivePopup, {
+    }), coordLine, expandIcon && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_AdaptivePopup.AdaptivePopup, {
       open: expanded,
       onOpenChange: setExpanded,
       title: (0, import_t.t)("Select Location"),
@@ -485,9 +669,46 @@ function GeoMapSurface(param) {
     })]
   });
 }
-var defaultLocationIcon = /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
-  size: 16
-});
+function CellFace(param) {
+  var {
+    address,
+    coordinates,
+    onOpen
+  } = param;
+  var glyphColor = (0, import_theme.useGlyphColor)();
+  var text = address ? address : coordinates ? (0, import_geocoder.formatCoordPair)(coordinates.lat, coordinates.lng) : (0, import_t.t)("No location set");
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    testID: "geolocation-cell-face",
+    ...(import_tamagui.isWeb && onOpen ? {
+      tabIndex: 0,
+      role: "button",
+      "aria-label": (0, import_t.t)("Edit location"),
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          onOpen();
+        }
+      }
+    } : {}),
+    alignItems: "center",
+    gap: "$2",
+    minHeight: 44,
+    minWidth: 0,
+    flex: 1,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MapPinIcon, {
+      size: 14,
+      color: glyphColor
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$3",
+      lineHeight: 24,
+      color: "$color12",
+      numberOfLines: 1,
+      flex: 1,
+      minWidth: 0,
+      children: text
+    })]
+  });
+}
 function Geolocation(param) {
   var {
     name,
@@ -506,11 +727,14 @@ function Geolocation(param) {
     onBlur,
     disabled,
     readOnly,
-    locationIcon = defaultLocationIcon,
+    locationIcon,
     expandIcon,
     renderMap,
     skeleton,
-    compact
+    compact,
+    geocode: geocodeProp,
+    reverseGeocode: reverseGeocodeProp,
+    geocoder
   } = param;
   var {
     resolvedForm,
@@ -522,14 +746,87 @@ function Geolocation(param) {
     compact
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);
+  var glyphColor = (0, import_theme.useGlyphColor)();
+  var resolvedLocationIcon = locationIcon === void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.NavigationArrowIcon, {
+    size: 16,
+    color: glyphColor
+  }) : locationIcon;
+  var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
+  var viewportGtSm = (0, import_FloatingPanel.useViewportGtSm)();
+  var shouldUseSheet = !import_tamagui.isWeb || !viewportGtSm;
+  var {
+    geocode,
+    reverseGeocode
+  } = (0, import_geocoder.resolveGeocoder)({
+    geocode: geocodeProp,
+    reverseGeocode: reverseGeocodeProp,
+    geocoder
+  });
+  var searchEnabled = Boolean(geocode) && !disabled && !readOnly;
+  var listId = (0, import_react2.useId)();
   var [locatePhase, setLocatePhase] = (0, import_react2.useState)("idle");
   var [locateError, setLocateError] = (0, import_react2.useState)(null);
   var [preflightError, setPreflightError] = (0, import_react2.useState)();
+  var [address, setAddress] = (0, import_react2.useState)(null);
+  var [query, setQuery] = (0, import_react2.useState)("");
+  var [resultsOpen, setResultsOpen] = (0, import_react2.useState)(false);
+  var [searchStatus, setSearchStatus] = (0, import_react2.useState)("idle");
+  var [results, setResults] = (0, import_react2.useState)([]);
+  var [cellOpen, setCellOpen] = (0, import_react2.useState)(false);
   var preflightingRef = (0, import_react2.useRef)(false);
   var onValueChangeRef = (0, import_react2.useRef)(function () {});
   var currentValueRef = (0, import_react2.useRef)("");
+  var searchGenRef = (0, import_react2.useRef)(0);
+  var reverseGenRef = (0, import_react2.useRef)(0);
+  var searchRootRef = (0, import_react2.useRef)(null);
+  var searchInputRef = (0, import_react2.useRef)(null);
+  var sheetSearchInputRef = (0, import_react2.useRef)(null);
+  var closingSearchRef = (0, import_react2.useRef)(false);
+  var [nativeSearchFocus] = (0, import_react2.useState)(import_nativeSearchFocus.createNativeSearchFocus);
+  var skipResultsReturnFocusRef = (0, import_react2.useRef)(true);
+  var closeSearch = (0, import_react2.useCallback)(function () {
+    var restoreFocus = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
+    var _searchInputRef_current;
+    if (!import_tamagui.isWeb) nativeSearchFocus.dismiss();
+    closingSearchRef.current = true;
+    setResultsOpen(false);
+    if (import_tamagui.isWeb && restoreFocus) (_searchInputRef_current = searchInputRef.current) === null || _searchInputRef_current === void 0 ? void 0 : _searchInputRef_current.focus({
+      preventScroll: true
+    });
+    closingSearchRef.current = false;
+  }, [nativeSearchFocus]);
+  var queryIsAddressRef = (0, import_react2.useRef)(true);
+  var selectedPlaceRef = (0, import_react2.useRef)(null);
+  var locateGenRef = (0, import_react2.useRef)(0);
+  var interactiveRef = (0, import_react2.useRef)(!disabled && !readOnly);
+  interactiveRef.current = !disabled && !readOnly;
+  var cancelLocate = (0, import_react2.useCallback)(function () {
+    ++locateGenRef.current;
+    setLocatePhase("idle");
+    setLocateError(null);
+  }, []);
+  (0, import_react2.useEffect)(function () {
+    if (disabled || readOnly) cancelLocate();
+  }, [disabled, readOnly, cancelLocate]);
+  (0, import_react2.useEffect)(function () {
+    return function () {
+      ++locateGenRef.current;
+      ++reverseGenRef.current;
+      ++searchGenRef.current;
+    };
+  }, []);
+  var applyAddress = (0, import_react2.useCallback)(function (next, intoQuery) {
+    setAddress(next);
+    if (intoQuery) {
+      var _ref;
+      queryIsAddressRef.current = true;
+      setQuery((_ref = next === null || next === void 0 ? void 0 : next.label) !== null && _ref !== void 0 ? _ref : "");
+    }
+  }, []);
   var requestPosition = (0, import_react2.useCallback)(function () {
     var _navigator;
+    if (!interactiveRef.current) return;
+    var gen = ++locateGenRef.current;
     if (!((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.geolocation)) {
       setLocateError((0, import_t.t)("Geolocation unavailable: not supported in this browser."));
       setLocatePhase("error");
@@ -538,8 +835,11 @@ function Geolocation(param) {
     setLocatePhase("locating");
     setLocateError(null);
     navigator.geolocation.getCurrentPosition(function (position) {
-      var lat = clampLat(position.coords.latitude);
-      var lng = clampLng(position.coords.longitude);
+      if (gen !== locateGenRef.current || !interactiveRef.current) return;
+      selectedPlaceRef.current = null;
+      queryIsAddressRef.current = true;
+      var lat = (0, import_geocoder.clampLat)(position.coords.latitude);
+      var lng = (0, import_geocoder.clampLng)(position.coords.longitude);
       var previous = currentValueRef.current;
       onValueChangeRef.current((0, import_geoValue.formatGeoValue)({
         lat,
@@ -547,20 +847,25 @@ function Geolocation(param) {
       }, (0, import_geoValue.detectGeoShape)(previous), previous));
       setLocatePhase("idle");
       setLocateError(null);
+      closeSearch();
+      setCellOpen(false);
     }, function (err) {
+      if (gen !== locateGenRef.current || !interactiveRef.current) return;
       setLocateError(mapGeolocationError(err));
       setLocatePhase("error");
     }, {
       enableHighAccuracy: true,
       timeout: 1e4
     });
-  }, []);
+  }, [closeSearch]);
   var startLocate = (0, import_react2.useCallback)(async function () {
     if (disabled || readOnly) return;
     if (preflightingRef.current || locatePhase === "locating") return;
     preflightingRef.current = true;
+    var gen = ++locateGenRef.current;
     try {
       var result = await preflightGeolocation();
+      if (gen !== locateGenRef.current || !interactiveRef.current) return;
       if (result.ok) {
         setPreflightError(void 0);
         requestPosition();
@@ -573,68 +878,427 @@ function Geolocation(param) {
       preflightingRef.current = false;
     }
   }, [disabled, readOnly, locatePhase, requestPosition]);
+  var runReverse = (0, import_react2.useCallback)(async function (lat, lng) {
+    var gen = ++reverseGenRef.current;
+    if (lat === void 0 || lng === void 0) {
+      selectedPlaceRef.current = null;
+      applyAddress(null, queryIsAddressRef.current);
+      return;
+    }
+    var key = coordinateKey({
+      lat,
+      lng
+    });
+    var selected = selectedPlaceRef.current;
+    if ((selected === null || selected === void 0 ? void 0 : selected.key) === key) {
+      applyAddress({
+        key,
+        label: (0, import_geocoder.formatPlace)(selected.place)
+      }, queryIsAddressRef.current);
+      return;
+    }
+    applyAddress(null, queryIsAddressRef.current);
+    if (!reverseGeocode) {
+      return;
+    }
+    try {
+      var result = await reverseGeocode({
+        lat,
+        lng
+      });
+      if (gen !== reverseGenRef.current) return;
+      applyAddress(result ? {
+        key,
+        label: (0, import_geocoder.formatPlace)(result)
+      } : null, queryIsAddressRef.current);
+    } catch (unused) {
+      if (gen !== reverseGenRef.current) return;
+      applyAddress(null, queryIsAddressRef.current);
+    }
+  }, [reverseGeocode, applyAddress]);
+  var runSearch = (0, import_react2.useCallback)(async function (text) {
+    if (!geocode) return;
+    var gen = ++searchGenRef.current;
+    setSearchStatus("searching");
+    try {
+      var next = await geocode({
+        query: text
+      });
+      if (gen !== searchGenRef.current) return;
+      setResults(next);
+      setSearchStatus(next.length > 0 ? "results" : "empty");
+    } catch (unused) {
+      if (gen !== searchGenRef.current) return;
+      setResults([]);
+      setSearchStatus("error");
+    }
+  }, [geocode]);
+  (0, import_react2.useEffect)(function () {
+    ++searchGenRef.current;
+    if (!searchEnabled || !resultsOpen) return;
+    var trimmed = query.trim();
+    if (queryIsAddressRef.current) return;
+    if (!trimmed) {
+      setSearchStatus("idle");
+      setResults([]);
+      return;
+    }
+    if ((0, import_geocoder.parseLatLngPair)(trimmed)) {
+      setSearchStatus("idle");
+      setResults([]);
+      return;
+    }
+    var handle = setTimeout(function () {
+      void runSearch(trimmed);
+    }, SEARCH_DEBOUNCE_MS);
+    return function () {
+      clearTimeout(handle);
+      ++searchGenRef.current;
+    };
+  }, [query, resultsOpen, searchEnabled, runSearch]);
+  (0, import_react2.useEffect)(function () {
+    if (!resultsOpen || shouldUseSheet) return;
+    var onDoc = function onDoc2(event) {
+      var root = searchRootRef.current;
+      if (root && _instanceof(event.target, Node) && root.contains(event.target)) return;
+      closeSearch(false);
+    };
+    var onKey = function onKey2(event) {
+      if (event.key === "Escape") closeSearch();
+    };
+    document.addEventListener("mousedown", onDoc);
+    document.addEventListener("keydown", onKey);
+    return function () {
+      document.removeEventListener("mousedown", onDoc);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [resultsOpen, shouldUseSheet, closeSearch]);
   var makeHandlers = (0, import_react2.useCallback)(function (currentValue, onValueChange) {
     onValueChangeRef.current = onValueChange;
     currentValueRef.current = currentValue;
     var coordinates = (0, import_geoValue.parseGeoValue)(currentValue);
     var shape = (0, import_geoValue.detectGeoShape)(currentValue);
     var write = function write2(lat, lng) {
+      cancelLocate();
       onValueChange((0, import_geoValue.formatGeoValue)({
-        lat: clampLat(lat),
-        lng: clampLng(lng)
+        lat: (0, import_geocoder.clampLat)(lat),
+        lng: (0, import_geocoder.clampLng)(lng)
       }, shape, currentValue));
     };
     return {
       coordinates,
-      onCommitCoordinates: write,
-      onMapChange: write,
+      onCommitCoordinates: function onCommitCoordinates(lat, lng) {
+        write(lat, lng);
+        selectedPlaceRef.current = null;
+        queryIsAddressRef.current = true;
+      },
+      onMapChange: function onMapChange(lat, lng) {
+        write(lat, lng);
+        selectedPlaceRef.current = null;
+        queryIsAddressRef.current = true;
+      },
       onUseMyLocation: function onUseMyLocation() {
         void startLocate();
       },
       onRetryLocate: function onRetryLocate() {
         requestPosition();
       },
-      onCloseLocate: function onCloseLocate() {
-        setLocatePhase("idle");
-        setLocateError(null);
+      onCloseLocate: cancelLocate,
+      onPick: function onPick(result) {
+        ++reverseGenRef.current;
+        var place = {
+          ...result,
+          lat: (0, import_geocoder.clampLat)(result.lat),
+          lng: (0, import_geocoder.clampLng)(result.lng)
+        };
+        selectedPlaceRef.current = {
+          key: coordinateKey(place),
+          place
+        };
+        write(result.lat, result.lng);
+        queryIsAddressRef.current = true;
+        setQuery((0, import_geocoder.formatPlace)(result));
+        closeSearch();
+        setCellOpen(false);
+        setSearchStatus("idle");
+      },
+      onPickPair: function onPickPair(lat, lng) {
+        write(lat, lng);
+        selectedPlaceRef.current = null;
+        queryIsAddressRef.current = true;
+        closeSearch();
+        setCellOpen(false);
+        setSearchStatus("idle");
+      },
+      onClear: function onClear() {
+        cancelLocate();
+        ++searchGenRef.current;
+        ++reverseGenRef.current;
+        selectedPlaceRef.current = null;
+        onValueChange("");
+        applyAddress(null, true);
+        setQuery("");
+        setResults([]);
+        setSearchStatus("idle");
       }
     };
-  }, [startLocate, requestPosition]);
+  }, [startLocate, requestPosition, cancelLocate, applyAddress, closeSearch]);
   var mapHeight = (0, import_utils.getFieldHeight)(size !== null && size !== void 0 ? size : knobProps.sizeToken, compact ? 4 : 5);
-  if (skeleton) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
-      id,
-      label,
-      size,
-      knobProps,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
-        variant: "rounded",
-        width: "100%",
-        height: mapHeight
+  var displayError = error || preflightError;
+  var renderSearch = function renderSearch2(handlers) {
+    var opts = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+    var showClear = Boolean(query) && !disabled && !readOnly;
+    var inputRef = opts.sheetHeader ? sheetSearchInputRef : searchInputRef;
+    var activateNativeSearch = function activateNativeSearch2() {
+      var focusInput = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+      var _nativeInput_isFocused;
+      nativeSearchFocus.activate();
+      if (!searchEnabled || opts.editingCell) return;
+      var nativeInput = inputRef.current;
+      if (nativeInput === null || nativeInput === void 0 ? void 0 : (_nativeInput_isFocused = nativeInput.isFocused) === null || _nativeInput_isFocused === void 0 ? void 0 : _nativeInput_isFocused.call(nativeInput)) setResultsOpen(true);else if (focusInput) nativeInput === null || nativeInput === void 0 ? void 0 : nativeInput.focus();
+    };
+    var clearSearch = function clearSearch2() {
+      var _inputRef_current;
+      handlers.onClear();
+      closingSearchRef.current = true;
+      if (import_tamagui.isWeb) (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.focus({
+        preventScroll: true
+      });
+      closingSearchRef.current = false;
+    };
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input, {
+      size: size || knobProps.sizeToken,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_InputParts.Input.Box, {
+        disabled: disabled || !searchEnabled,
+        // Keep the square Clear target pressable across the frame's border.
+        style: {
+          overflow: "visible"
+        },
+        ...(opts.sheetHeader ? {
+          borderWidth: 0,
+          borderBottomWidth: 1,
+          borderRadius: 0
+        } : {}),
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+            adornment: "leading",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MagnifyingGlassIcon, {
+              size: 16
+            })
+          })
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Area, {
+            ref: inputRef,
+            value: query,
+            disabled: disabled || !searchEnabled,
+            placeholder: (0, import_t.t)("Search address or place"),
+            "aria-label": (0, import_t.t)("Search for a location"),
+            role: "combobox",
+            "aria-haspopup": "listbox",
+            "aria-expanded": resultsOpen,
+            "aria-controls": listId,
+            "aria-autocomplete": "list",
+            "data-testid": "geolocation-search",
+            onChangeText: function onChangeText(text) {
+              if (!import_tamagui.isWeb) nativeSearchFocus.activate();
+              ++searchGenRef.current;
+              queryIsAddressRef.current = false;
+              setResults([]);
+              setSearchStatus("idle");
+              setQuery(text);
+              if (searchEnabled) setResultsOpen(true);
+            },
+            onKeyDown: function onKeyDown(event) {
+              if (event.key === "ArrowDown") {
+                var _document_getElementById_querySelector, _document_getElementById;
+                if (searchEnabled) setResultsOpen(true);
+                event.preventDefault();
+                (_document_getElementById = document.getElementById(listId)) === null || _document_getElementById === void 0 ? void 0 : (_document_getElementById_querySelector = _document_getElementById.querySelector("[role='option']:not([aria-disabled='true'])")) === null || _document_getElementById_querySelector === void 0 ? void 0 : _document_getElementById_querySelector.focus();
+              }
+            },
+            onClick: function onClick() {
+              if (searchEnabled) setResultsOpen(true);
+            },
+            ...(!import_tamagui.isWeb ? {
+              onPressIn: function onPressIn() {
+                return activateNativeSearch();
+              },
+              onAccessibilityTap: function onAccessibilityTap() {
+                return activateNativeSearch(true);
+              },
+              onBlur: function onBlur2() {
+                return nativeSearchFocus.blur(!!opts.sheetHeader, resultsOpen);
+              }
+            } : {}),
+            onFocus: function onFocus() {
+              if (searchEnabled && !opts.editingCell && !closingSearchRef.current && (import_tamagui.isWeb || nativeSearchFocus.canOpen(!!opts.sheetHeader))) setResultsOpen(true);
+            }
+          })
+        }), showClear ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Section, {
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Button, {
+            glyphRing: true,
+            onPress: clearSearch,
+            onKeyDown: function onKeyDown(event) {
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                event.stopPropagation();
+                clearSearch();
+              }
+            },
+            "aria-label": (0, import_t.t)("Clear location"),
+            testID: "geolocation-search-clear",
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InputParts.Input.Icon, {
+              children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.XIcon, {
+                size: 14
+              })
+            })
+          })
+        }) : null]
       })
     });
-  }
-  var displayError = error || preflightError;
-  if (!resolvedForm || !name) {
-    var handlers = makeHandlers(value || "", function (v) {
-      return onChange === null || onChange === void 0 ? void 0 : onChange(v);
+  };
+  var renderResults = function renderResults2(handlers) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(SearchResultsList, {
+      listId,
+      status: searchStatus,
+      query: query.trim(),
+      results,
+      pair: (0, import_geocoder.parseLatLngPair)(query),
+      onLocate: handlers.onUseMyLocation,
+      onPick: handlers.onPick,
+      onPickPair: handlers.onPickPair,
+      locateDisabled: disabled || locatePhase === "locating"
     });
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
-      id,
-      label,
-      labelProps,
-      error: displayError,
-      helperText,
-      required,
-      size,
-      knobProps,
-      onBlur,
-      // LC-40: FieldLayout owns the dimWhole assembly dim (keepLabel pins
-      // the sibling label/helper readable) — it needs the disabled state.
-      disabled,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoMapSurface, {
+  };
+  var renderFormBody = function renderFormBody1(currentValue, onValueChange) {
+    var editingCell = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : false,
+      resolvedError = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : displayError;
+    var _ref, _ref1;
+    var handlers = makeHandlers(currentValue, onValueChange);
+    var coordinates = handlers.coordinates;
+    var key = coordinates ? coordinateKey(coordinates) : null;
+    var selected = selectedPlaceRef.current;
+    var displayAddress = (_ref = (_ref1 = (selected === null || selected === void 0 ? void 0 : selected.key) === key ? (0, import_geocoder.formatPlace)(selected.place) : null) !== null && _ref1 !== void 0 ? _ref1 : (address === null || address === void 0 ? void 0 : address.key) === key ? address.label : null) !== null && _ref !== void 0 ? _ref : coordinates ? (0, import_geocoder.formatCoordPair)(coordinates.lat, coordinates.lng) : null;
+    if (inTableCell && !editingCell) {
+      var face = /* @__PURE__ */(0, import_jsx_runtime.jsx)(CellFace, {
+        address: displayAddress,
+        coordinates,
+        onOpen: !disabled && !readOnly ? function () {
+          return setCellOpen(true);
+        } : void 0
+      });
+      if (readOnly || disabled) return face;
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
+        open: cellOpen,
+        onOpenChange: setCellOpen,
+        disabled,
+        fitContent: false,
+        contentPadding: "none",
+        trigger: face,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+          minWidth: 260,
+          maxWidth: 420,
+          children: renderFormBody(currentValue, onValueChange, true, resolvedError)
+        })
+      });
+    }
+    if (readOnly) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+          testID: "geolocation-readonly-address",
+          alignItems: "center",
+          gap: "$2",
+          minHeight: 25,
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.MapPinIcon, {
+            size: 14,
+            color: glyphColor
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$4",
+            lineHeight: 25,
+            color: "$color12",
+            children: displayAddress !== null && displayAddress !== void 0 ? displayAddress : (0, import_t.t)("No location set")
+          })]
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoMapSurface, {
+          id,
+          coordinates,
+          onCommitCoordinates: handlers.onCommitCoordinates,
+          onUseMyLocation: handlers.onUseMyLocation,
+          onRetryLocate: handlers.onRetryLocate,
+          onCloseLocate: handlers.onCloseLocate,
+          onMapChange: handlers.onMapChange,
+          disabled: !!disabled,
+          readOnly: true,
+          locatePhase,
+          locateError,
+          knobProps,
+          locationIcon: resolvedLocationIcon,
+          expandIcon,
+          renderMap,
+          required,
+          hasError: !!resolvedError,
+          mapHeight
+        })]
+      });
+    }
+    var resultsPanel = resultsOpen && searchEnabled ? shouldUseSheet ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_FloatingPanel.FloatingPanel, {
+      open: resultsOpen,
+      onOpenChange: function onOpenChange(open) {
+        return open ? setResultsOpen(true) : closeSearch();
+      },
+      onNativeShow: function onNativeShow() {
+        var _sheetSearchInputRef_current;
+        return (_sheetSearchInputRef_current = sheetSearchInputRef.current) === null || _sheetSearchInputRef_current === void 0 ? void 0 : _sheetSearchInputRef_current.focus();
+      },
+      skipReturnFocusRef: skipResultsReturnFocusRef,
+      sheet: true,
+      sheetFill: true,
+      scrollable: true,
+      contentPadding: "none",
+      header: renderSearch(handlers, {
+        sheetHeader: true
+      }),
+      trigger: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        testID: "geolocation-sheet-trigger",
+        height: 1,
+        width: "100%"
+      }),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+        testID: "geolocation-results-sheet",
+        children: renderResults(handlers)
+      })
+    }) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
+      position: "absolute",
+      top: "100%",
+      left: 0,
+      right: 0,
+      zIndex: import_zIndex.zIndex.dropdown,
+      backgroundColor: "$color1",
+      borderWidth: 1,
+      borderColor: import_colorRamps.formInputColors.border.base,
+      borderRadius: knobProps.borderRadius.borderRadius,
+      overflow: "hidden",
+      style: {
+        boxShadow: RESULTS_PANEL_SHADOW
+      },
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.ScrollView, {
+        maxHeight: mapHeight * 1.5,
+        children: renderResults(handlers)
+      })
+    }) : null;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+      gap: "$2",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        ref: searchRootRef,
+        position: "relative",
+        testID: "geolocation-search-anchor",
+        "data-sheet": shouldUseSheet ? "true" : "false",
+        children: [renderSearch(handlers, {
+          editingCell
+        }), resultsPanel]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoMapSurface, {
         id,
-        coordinates: handlers.coordinates,
+        coordinates,
         onCommitCoordinates: handlers.onCommitCoordinates,
         onUseMyLocation: handlers.onUseMyLocation,
         onRetryLocate: handlers.onRetryLocate,
@@ -645,15 +1309,60 @@ function Geolocation(param) {
         locatePhase,
         locateError,
         knobProps,
-        locationIcon,
+        locationIcon: resolvedLocationIcon,
         expandIcon,
         renderMap,
         required,
-        hasError: !!displayError,
+        hasError: !!resolvedError,
         mapHeight
+      })]
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      size,
+      knobProps,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: 44
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Skeleton.Skeleton, {
+          variant: "rounded",
+          width: "100%",
+          height: mapHeight
+        })]
       })
     });
   }
+  var wrap = function wrap2(currentValue, onValueChange, resolvedError, fieldBlur) {
+    var coordinates = (0, import_geoValue.parseGeoValue)(currentValue);
+    var taughtHelper = helperText !== null && helperText !== void 0 ? helperText : !coordinates && !readOnly ? (0, import_t.t)("Search, tap the map, or use your location.") : void 0;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_fieldLayout.FieldLayout, {
+      id,
+      label,
+      labelProps,
+      error: resolvedError !== null && resolvedError !== void 0 ? resolvedError : displayError,
+      helperText: inTableCell ? void 0 : taughtHelper,
+      required,
+      size,
+      knobProps,
+      onBlur: fieldBlur !== null && fieldBlur !== void 0 ? fieldBlur : onBlur,
+      disabled,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(GeolocationValueSync, {
+        value: currentValue,
+        runReverse
+      }), renderFormBody(currentValue, onValueChange, false, resolvedError)]
+    });
+  };
+  if (!resolvedForm || !name) {
+    return wrap(value || "", function (v) {
+      return onChange === null || onChange === void 0 ? void 0 : onChange(v);
+    });
+  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.Field, {
     form: resolvedForm,
     name,
@@ -661,44 +1370,24 @@ function Geolocation(param) {
     validators: resolvedValidators,
     children: function children(field) {
       var resolvedError = (0, import_utils.getFieldError)(field, displayError);
-      var handlers2 = makeHandlers(field.state.value || "", function (v) {
+      return wrap(field.state.value || "", function (v) {
         field.handleChange(v);
         onChange === null || onChange === void 0 ? void 0 : onChange(v);
-      });
-      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
-        id,
-        label,
-        labelProps,
-        error: resolvedError,
-        helperText,
-        required,
-        size,
-        knobProps,
-        onBlur: (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur),
-        // LC-40: see standalone branch — FieldLayout carries dimWhole.
-        disabled,
-        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(GeoMapSurface, {
-          id,
-          coordinates: handlers2.coordinates,
-          onCommitCoordinates: handlers2.onCommitCoordinates,
-          onUseMyLocation: handlers2.onUseMyLocation,
-          onRetryLocate: handlers2.onRetryLocate,
-          onCloseLocate: handlers2.onCloseLocate,
-          onMapChange: handlers2.onMapChange,
-          disabled: !!disabled,
-          readOnly: !!readOnly,
-          locatePhase,
-          locateError,
-          knobProps,
-          locationIcon,
-          expandIcon,
-          renderMap,
-          required,
-          hasError: !!resolvedError,
-          mapHeight
-        })
-      });
+      }, resolvedError, (0, import_utils.mergeFieldHandler)(field, "handleBlur", onBlur));
     }
   });
 }
+function GeolocationValueSync(param) {
+  var {
+    value,
+    runReverse
+  } = param;
+  var coords = (0, import_geoValue.parseGeoValue)(value);
+  var key = coords ? coordinateKey(coords) : "";
+  (0, import_react2.useEffect)(function () {
+    var next = (0, import_geoValue.parseGeoValue)(value);
+    void runReverse(next === null || next === void 0 ? void 0 : next.lat, next === null || next === void 0 ? void 0 : next.lng);
+  }, [key, value, runReverse]);
+  return null;
+}
 //# sourceMappingURL=index.native.js.map