@buoy-gg/image-overlay 7.0.17 → 7.0.18

package/lib/module/imageOverlay/utils/ImageOverlayController.js

@@ -9,6 +9,7 @@
 import { Image as RNImage, Dimensions } from "react-native";
 import { measureInstance } from "./componentMeasurement";
 import { scanForImageTargets } from "./fiberScanner";
+import { getDevToolsHook } from "./devtoolsHook";
 const DEFAULT_STATE = {
   mode: null,
   enabled: false,
@@ -85,7 +86,7 @@ async function measureWithFallback(instance, label) {
 function startTraceTracking() {
   if (traceUnsubscribe) return; // already tracking
 
-  const hook = global.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+  const hook = getDevToolsHook();
   if (!hook) return;
 
   // Enable trace updates on all renderers (same as highlight-updates)

package/lib/module/imageOverlay/utils/devtoolsHook.js

@@ -0,0 +1,31 @@
+"use strict";
+
+/**
+ * Single accessor for the React DevTools global hook.
+ *
+ * Both the fiber scanner (target discovery) and the controller (auto-track via
+ * traceUpdates) reach for `__REACT_DEVTOOLS_GLOBAL_HOOK__`. Routing both through
+ * here gives embedded hosts — the docs-site live demo, and any future desktop
+ * port — one place to substitute their own hook, so the tool never instruments
+ * the host page's React renderer just because someone flipped Auto Track.
+ *
+ * On device nothing calls setDevToolsHookOverride, so this stays a plain
+ * passthrough to the global.
+ */
+
+let hookOverride = null;
+
+/**
+ * Substitute the hook the tool reads. Pass null to fall back to the global.
+ * The override only needs the parts the tool actually uses:
+ * `getFiberRoots(rendererId)`, and optionally `sub("traceUpdates", fn)` plus
+ * `rendererInterfaces` for auto-track.
+ */
+export function setDevToolsHookOverride(hook) {
+  hookOverride = hook ?? null;
+}
+export function getDevToolsHook() {
+  if (hookOverride) return hookOverride;
+  if (typeof global === "undefined") return null;
+  return global.__REACT_DEVTOOLS_GLOBAL_HOOK__ ?? null;
+}

package/lib/module/imageOverlay/utils/fiberScanner.js

@@ -7,17 +7,14 @@
  * Core traversal adapted from debug-borders/utils/fiberTreeTraversal.js
  */
 
+import { getDevToolsHook } from "./devtoolsHook";
 const IMAGE_TARGET_PREFIX = "image-target:";
 
 // Fiber tag constants (from React internals)
 const HostComponent = 5;
 const OffscreenComponent = 22;
-function getReactDevToolsHook() {
-  if (typeof global === "undefined") return null;
-  return global.__REACT_DEVTOOLS_GLOBAL_HOOK__ ?? null;
-}
 function getFiberRoots() {
-  const hook = getReactDevToolsHook();
+  const hook = getDevToolsHook();
   if (!hook?.getFiberRoots) return [];
   try {
     const rootsSet = hook.getFiberRoots(1);
@@ -80,7 +77,11 @@ export function scanForImageTargets() {
   for (const root of roots) {
     traverseFiberTree(root.current, fiber => {
       if (fiber.tag !== HostComponent) return;
-      const testID = fiber.memoizedProps?.testID ?? fiber.pendingProps?.testID;
+
+      // react-native-web rewrites testID to data-testid before it reaches the
+      // host fiber, so read both — otherwise the scanner finds nothing in any
+      // RNW-rendered tree (example-web, the docs-site live demo).
+      const testID = fiber.memoizedProps?.testID ?? fiber.pendingProps?.testID ?? fiber.memoizedProps?.["data-testid"] ?? fiber.pendingProps?.["data-testid"];
       if (!testID || !testID.startsWith(IMAGE_TARGET_PREFIX)) return;
       const label = testID.slice(IMAGE_TARGET_PREFIX.length);
       if (!label) return;

package/lib/module/index.js

@@ -16,7 +16,7 @@ export { imageOverlayToolPreset, createImageOverlayTool } from "./preset";
 // =============================================================================
 // COMPONENTS (For custom UI implementations)
 // =============================================================================
-export { ImageOverlayModal } from "./imageOverlay/components/ImageOverlayModal";
+export { ImageOverlayModal, ImageOverlayToolView } from "./imageOverlay/components/ImageOverlayModal";
 export { ImageOverlayStandalone } from "./imageOverlay/components/ImageOverlayStandalone";
 
 // =============================================================================
@@ -28,6 +28,7 @@ export { ImageOverlayController } from "./imageOverlay/utils/ImageOverlayControl
 // UTILITIES (For custom integrations)
 // =============================================================================
 export { scanForImageTargets } from "./imageOverlay/utils/fiberScanner";
+export { setDevToolsHookOverride } from "./imageOverlay/utils/devtoolsHook";
 
 // =============================================================================
 // TYPES (For TypeScript users)

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

@@ -1,3 +1,14 @@
 import type { ImageOverlayModalProps } from "../types";
-export declare function ImageOverlayModal({ visible, onClose, onBack, onMinimize, enableSharedModalDimensions, initialModalState, minimizeTargetPosition, }: ImageOverlayModalProps): import("react").JSX.Element;
+export type ModalView = "idle" | "targets" | "controls" | "free";
+export declare function ImageOverlayModal({ visible, onClose, onBack, onMinimize, enableSharedModalDimensions, initialModalState, minimizeTargetPosition, inline, initialView, }: ImageOverlayModalProps): import("react").JSX.Element;
+/**
+ * The same Image Overlay tool as `ImageOverlayModal`, rendered INLINE for hosts
+ * that place tools in a panel rather than a bottom sheet (the docs-site live
+ * demo). Exists so there is exactly one implementation of the tool's header,
+ * mode chooser, target list and controls.
+ *
+ * `initialView` seeds which screen it opens on — the view is otherwise internal
+ * state reachable only by tapping.
+ */
+export declare function ImageOverlayToolView(props?: Omit<ImageOverlayModalProps, "visible" | "onClose" | "inline">): import("react").JSX.Element;
 //# sourceMappingURL=ImageOverlayModal.d.ts.map

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":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAkC,MAAM,UAAU,CAAC;AAWvF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,iBAAiB,EACjB,sBAAsB,GACvB,EAAE,sBAAsB,+BAshBxB"}
+{"version":3,"file":"ImageOverlayModal.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/ImageOverlayModal.tsx"],"names":[],"mappings":"AAYA,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,+BA4iBxB;AAED;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,GAAE,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,+BAG3E"}

package/lib/typescript/imageOverlay/types/index.d.ts

@@ -48,6 +48,10 @@ export interface ImageOverlayModalProps {
         x: number;
         y: number;
     };
+    /** Render in a panel instead of a bottom sheet (see `ImageOverlayToolView`). */
+    inline?: boolean;
+    /** Seed the screen the tool opens on. Defaults to what the controller implies. */
+    initialView?: "idle" | "targets" | "controls" | "free";
     [key: string]: any;
 }
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/imageOverlay/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;AACtD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;IACd,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,sBAAsB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;AACtD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;IACd,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,sBAAsB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kFAAkF;IAClF,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;IACvD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

package/lib/typescript/imageOverlay/utils/ImageOverlayController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageOverlayController.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/ImageOverlayController.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,UAAU,CAAC;AAI3D,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;AAqI9C,eAAO,MAAM,sBAAsB;wBACb,QAAQ,GAAG,MAAM,IAAI;gBAM7B,YAAY;wBAME,GAAG,SAAS,MAAM,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;qBAmBlD,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;sBAmB3B,MAAM;oBAKR,MAAM;iBAKT,MAAM,KAAK,MAAM;;;sBAeZ,OAAO;0BAKH,OAAO;sBASX,OAAO;yBAIJ,OAAO;wBAKR,OAAO;;;;;iBA+CR,OAAO,CAAC,IAAI,CAAC;uBAYP,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;uBAkC5B,MAAM,KAAK,MAAM;6BAKX,MAAM,UAAU,MAAM,KAAK,MAAM,KAAK,MAAM;;CAgBtE,CAAC"}
+{"version":3,"file":"ImageOverlayController.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/ImageOverlayController.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,UAAU,CAAC;AAK3D,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;AAqI9C,eAAO,MAAM,sBAAsB;wBACb,QAAQ,GAAG,MAAM,IAAI;gBAM7B,YAAY;wBAME,GAAG,SAAS,MAAM,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;qBAmBlD,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;sBAmB3B,MAAM;oBAKR,MAAM;iBAKT,MAAM,KAAK,MAAM;;;sBAeZ,OAAO;0BAKH,OAAO;sBASX,OAAO;yBAIJ,OAAO;wBAKR,OAAO;;;;;iBA+CR,OAAO,CAAC,IAAI,CAAC;uBAYP,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;uBAkC5B,MAAM,KAAK,MAAM;6BAKX,MAAM,UAAU,MAAM,KAAK,MAAM,KAAK,MAAM;;CAgBtE,CAAC"}

package/lib/typescript/imageOverlay/utils/devtoolsHook.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Single accessor for the React DevTools global hook.
+ *
+ * Both the fiber scanner (target discovery) and the controller (auto-track via
+ * traceUpdates) reach for `__REACT_DEVTOOLS_GLOBAL_HOOK__`. Routing both through
+ * here gives embedded hosts — the docs-site live demo, and any future desktop
+ * port — one place to substitute their own hook, so the tool never instruments
+ * the host page's React renderer just because someone flipped Auto Track.
+ *
+ * On device nothing calls setDevToolsHookOverride, so this stays a plain
+ * passthrough to the global.
+ */
+/**
+ * Substitute the hook the tool reads. Pass null to fall back to the global.
+ * The override only needs the parts the tool actually uses:
+ * `getFiberRoots(rendererId)`, and optionally `sub("traceUpdates", fn)` plus
+ * `rendererInterfaces` for auto-track.
+ */
+export declare function setDevToolsHookOverride(hook: unknown): void;
+export declare function getDevToolsHook(): any;
+//# sourceMappingURL=devtoolsHook.d.ts.map

package/lib/typescript/imageOverlay/utils/devtoolsHook.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"devtoolsHook.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/devtoolsHook.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAIH;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,OAAO,GAAG,IAAI,CAE3D;AAED,wBAAgB,eAAe,IAAI,GAAG,CAIrC"}

package/lib/typescript/imageOverlay/utils/fiberScanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fiberScanner.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/fiberScanner.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAoFjD;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,EAAE,CA6BxD"}
+{"version":3,"file":"fiberScanner.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/fiberScanner.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAgFjD;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,EAAE,CAmCxD"}

package/lib/typescript/index.d.ts

@@ -6,9 +6,10 @@
  * PUBLIC API - Only these exports are supported for external use.
  */
 export { imageOverlayToolPreset, createImageOverlayTool } from "./preset";
-export { ImageOverlayModal } from "./imageOverlay/components/ImageOverlayModal";
+export { ImageOverlayModal, ImageOverlayToolView, } from "./imageOverlay/components/ImageOverlayModal";
 export { ImageOverlayStandalone } from "./imageOverlay/components/ImageOverlayStandalone";
 export { ImageOverlayController } from "./imageOverlay/utils/ImageOverlayController";
 export { scanForImageTargets } from "./imageOverlay/utils/fiberScanner";
+export { setDevToolsHookOverride } from "./imageOverlay/utils/devtoolsHook";
 export type { ImageOverlayModalProps, OverlayState, OverlayMode, MeasuredRect, DiscoveredTarget, } from "./imageOverlay/types";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAK1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAK1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAKrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAKxE,YAAY,EACV,sBAAsB,EACtB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAK1E,OAAO,EACL,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAK1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAKrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAK5E,YAAY,EACV,sBAAsB,EACtB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/image-overlay",
-  "version": "7.0.17",
+  "version": "7.0.18",
   "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.17"
+    "@buoy-gg/shared-ui": "^7.0.18"
   },
   "peerDependencies": {
     "react": "*",