@buoy-gg/impersonate 7.0.3 → 7.0.5

package/lib/commonjs/impersonate/components/ImpersonateBanner.js

@@ -177,7 +177,7 @@ const styles = _reactNative.StyleSheet.create({
     width: 22,
     height: 22,
     borderRadius: 11,
-    backgroundColor: "rgba(255, 255, 255, 0.08)",
+    backgroundColor: "rgba(128, 128, 128, 0.16)",
     alignItems: "center",
     justifyContent: "center",
     marginLeft: -4

package/lib/commonjs/impersonate/components/ImpersonateModal.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImpersonateModal = ImpersonateModal;
+exports.ImpersonateToolView = ImpersonateToolView;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _sharedUi = require("@buoy-gg/shared-ui");
@@ -56,7 +57,8 @@ function ImpersonateModal({
   onClearRedux,
   onClearAsyncStorage,
   onClearMMKV,
-  showSettingsTab = true
+  showSettingsTab = true,
+  inline = false
 }) {
   // Select tabs based on showSettingsTab prop
   const tabs = showSettingsTab ? ALL_TABS : TABS_WITHOUT_SETTINGS;
@@ -224,6 +226,48 @@ function ImpersonateModal({
   if (!visible) {
     return null;
   }
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: styles.container,
+    children: [activeTab === "search" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserSearchView.UserSearchView, {
+      currentUser: currentUser,
+      isActive: isActive,
+      searchQuery: searchQuery,
+      searchResults: searchResults,
+      isSearching: isSearching,
+      searchError: searchError,
+      onSelectUser: handleSelectUser,
+      onStopImpersonation: stopImpersonation,
+      searchAvailable: !!onSearchUsers
+    }), activeTab === "history" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImpersonateHistoryList.ImpersonateHistoryList, {
+      history: history,
+      currentUserId: currentUser?.id ?? null,
+      onSelectUser: handleSelectUser,
+      onStopImpersonation: stopImpersonation,
+      onRemoveFromHistory: removeFromHistory,
+      onClearHistory: clearHistory
+    }), activeTab === "settings" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataNukeSettings.DataNukeSettings, {
+      headerKey: headerKey,
+      settings: dataNukeSettings,
+      showBanner: showBanner,
+      onSave: handleSaveSettings,
+      onShowBannerChange: updateShowBanner,
+      detectionStatus: detectionStatus
+    })]
+  });
+
+  // The ONLY difference between the phone and the desktop dashboard is which
+  // shell the header and body go in. Everything above this line is shared.
+  if (inline) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TickProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.inlineRoot,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.inlineHeader,
+          children: renderHeaderContent()
+        }), body]
+      })
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TickProvider, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(JsModal, {
       visible: visible,
@@ -236,38 +280,38 @@ function ImpersonateModal({
       enablePersistence: true,
       initialMode: "bottomSheet",
       disableScrollWrapper: true,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.container,
-        children: [activeTab === "search" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_UserSearchView.UserSearchView, {
-          currentUser: currentUser,
-          isActive: isActive,
-          searchQuery: searchQuery,
-          searchResults: searchResults,
-          isSearching: isSearching,
-          searchError: searchError,
-          onSelectUser: handleSelectUser,
-          onStopImpersonation: stopImpersonation,
-          searchAvailable: !!onSearchUsers
-        }), activeTab === "history" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImpersonateHistoryList.ImpersonateHistoryList, {
-          history: history,
-          currentUserId: currentUser?.id ?? null,
-          onSelectUser: handleSelectUser,
-          onStopImpersonation: stopImpersonation,
-          onRemoveFromHistory: removeFromHistory,
-          onClearHistory: clearHistory
-        }), activeTab === "settings" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DataNukeSettings.DataNukeSettings, {
-          headerKey: headerKey,
-          settings: dataNukeSettings,
-          showBanner: showBanner,
-          onSave: handleSaveSettings,
-          onShowBannerChange: updateShowBanner,
-          detectionStatus: detectionStatus
-        })]
-      })
+      children: body
     })
   });
 }
+
+/**
+ * The same impersonation tool as `ImpersonateModal`, rendered INLINE for hosts
+ * that place tools in a panel rather than a modal. Exists so there is exactly
+ * one implementation — the desktop dashboard used to ship its own copy of this
+ * component's header and tab router.
+ */
+function ImpersonateToolView(props) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ImpersonateModal, {
+    ...props,
+    inline: true,
+    visible: true,
+    onClose: () => {}
+  });
+}
 const styles = _reactNative.StyleSheet.create({
+  inlineRoot: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: _sharedUi.buoyColors.base
+  },
+  inlineHeader: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: _sharedUi.buoyColors.border,
+    backgroundColor: _sharedUi.buoyColors.card
+  },
   container: {
     flex: 1
   },

package/lib/commonjs/index.js

@@ -51,6 +51,12 @@ Object.defineProperty(exports, "ImpersonateStatusBar", {
     return _ImpersonateStatusBar.ImpersonateStatusBar;
   }
 });
+Object.defineProperty(exports, "ImpersonateToolView", {
+  enumerable: true,
+  get: function () {
+    return _ImpersonateModal.ImpersonateToolView;
+  }
+});
 Object.defineProperty(exports, "UserSearchView", {
   enumerable: true,
   get: function () {

package/lib/commonjs/preset.js

@@ -3,15 +3,26 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ImpersonateIcon = ImpersonateIcon;
+Object.defineProperty(exports, "IMPERSONATE_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.IMPERSONATE_ICON_COLOR;
+  }
+});
+Object.defineProperty(exports, "ImpersonateIcon", {
+  enumerable: true,
+  get: function () {
+    return _sharedUi.ImpersonateIcon;
+  }
+});
 exports.createImpersonateTool = createImpersonateTool;
 var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
 var _ImpersonateModal = require("./impersonate/components/ImpersonateModal");
 var _ImpersonateBanner = require("./impersonate/components/ImpersonateBanner");
 var _impersonateStore = require("./impersonate/utils/impersonateStore");
 var _impersonateListener = require("./impersonate/utils/impersonateListener");
 var _impersonateSyncAdapter = require("./sync/impersonateSyncAdapter");
+var _sharedUi = require("@buoy-gg/shared-ui");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /**
@@ -84,27 +95,13 @@ async function bootstrapImpersonate() {
 // =============================================================================
 
 /**
- * Impersonate tool icon - a mask/person symbol
+ * Impersonate tool icon — a masked figure with a second identity behind it.
+ *
+ * The artwork lives in shared/icons/impersonate.json (Buoy Icon Format) and is
+ * generated into @buoy-gg/floating-tools-core, so React Native, the desktop
+ * dashboard and Flutter all render the same drawing. Edit the JSON, then
+ * `pnpm icons`.
  */
-function ImpersonateIcon({
-  size,
-  color = "#F59E0B"
-}) {
-  const scale = size / 24;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [styles.iconContainer, {
-      width: size,
-      height: size
-    }],
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-      style: [styles.iconText, {
-        fontSize: 14 * scale,
-        color
-      }],
-      children: "IMP"
-    })
-  });
-}
 
 // =============================================================================
 // WRAPPER COMPONENT
@@ -194,9 +191,9 @@ function createImpersonateTool(config) {
     slot: "both",
     icon: ({
       size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(ImpersonateIcon, {
+    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.ImpersonateIcon, {
       size: size,
-      color: "#F59E0B"
+      color: _sharedUi.IMPERSONATE_ICON_COLOR
     }),
     component: props => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImpersonateModal.ImpersonateModal, {
       ...props,
@@ -220,17 +217,6 @@ function createImpersonateTool(config) {
 // STYLES
 // =============================================================================
 
-const styles = _reactNative.StyleSheet.create({
-  iconContainer: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  iconText: {
-    fontWeight: "700",
-    letterSpacing: -0.5
-  }
-});
-
 // =============================================================================
 // NOTE: No default preset export
 // =============================================================================

package/lib/module/impersonate/components/ImpersonateBanner.js

@@ -171,7 +171,7 @@ const styles = StyleSheet.create({
     width: 22,
     height: 22,
     borderRadius: 11,
-    backgroundColor: "rgba(255, 255, 255, 0.08)",
+    backgroundColor: "rgba(128, 128, 128, 0.16)",
     alignItems: "center",
     justifyContent: "center",
     marginLeft: -4

package/lib/module/impersonate/components/ImpersonateModal.js

@@ -9,7 +9,7 @@
 
 import React, { useState, useCallback, useRef, useEffect } from "react";
 import { View, StyleSheet, TouchableOpacity, TextInput } from "react-native";
-import { JsModal as JsModalBase, TabSelector, ModalHeader, macOSColors, Search, X, TickProvider } from "@buoy-gg/shared-ui";
+import { JsModal as JsModalBase, TabSelector, ModalHeader, buoyColors, macOSColors, Search, X, TickProvider } from "@buoy-gg/shared-ui";
 import { useImpersonate } from "../hooks/useImpersonate";
 import { useAutoClearReactQuery } from "../hooks/useAutoClearReactQuery";
 import { useAutoClearRedux } from "../hooks/useAutoClearRedux";
@@ -52,7 +52,8 @@ export function ImpersonateModal({
   onClearRedux,
   onClearAsyncStorage,
   onClearMMKV,
-  showSettingsTab = true
+  showSettingsTab = true,
+  inline = false
 }) {
   // Select tabs based on showSettingsTab prop
   const tabs = showSettingsTab ? ALL_TABS : TABS_WITHOUT_SETTINGS;
@@ -220,6 +221,48 @@ export function ImpersonateModal({
   if (!visible) {
     return null;
   }
+  const body = /*#__PURE__*/_jsxs(View, {
+    style: styles.container,
+    children: [activeTab === "search" && /*#__PURE__*/_jsx(UserSearchView, {
+      currentUser: currentUser,
+      isActive: isActive,
+      searchQuery: searchQuery,
+      searchResults: searchResults,
+      isSearching: isSearching,
+      searchError: searchError,
+      onSelectUser: handleSelectUser,
+      onStopImpersonation: stopImpersonation,
+      searchAvailable: !!onSearchUsers
+    }), activeTab === "history" && /*#__PURE__*/_jsx(ImpersonateHistoryList, {
+      history: history,
+      currentUserId: currentUser?.id ?? null,
+      onSelectUser: handleSelectUser,
+      onStopImpersonation: stopImpersonation,
+      onRemoveFromHistory: removeFromHistory,
+      onClearHistory: clearHistory
+    }), activeTab === "settings" && /*#__PURE__*/_jsx(DataNukeSettingsComponent, {
+      headerKey: headerKey,
+      settings: dataNukeSettings,
+      showBanner: showBanner,
+      onSave: handleSaveSettings,
+      onShowBannerChange: updateShowBanner,
+      detectionStatus: detectionStatus
+    })]
+  });
+
+  // The ONLY difference between the phone and the desktop dashboard is which
+  // shell the header and body go in. Everything above this line is shared.
+  if (inline) {
+    return /*#__PURE__*/_jsx(TickProvider, {
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.inlineRoot,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.inlineHeader,
+          children: renderHeaderContent()
+        }), body]
+      })
+    });
+  }
   return /*#__PURE__*/_jsx(TickProvider, {
     children: /*#__PURE__*/_jsx(JsModal, {
       visible: visible,
@@ -232,38 +275,38 @@ export function ImpersonateModal({
       enablePersistence: true,
       initialMode: "bottomSheet",
       disableScrollWrapper: true,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: styles.container,
-        children: [activeTab === "search" && /*#__PURE__*/_jsx(UserSearchView, {
-          currentUser: currentUser,
-          isActive: isActive,
-          searchQuery: searchQuery,
-          searchResults: searchResults,
-          isSearching: isSearching,
-          searchError: searchError,
-          onSelectUser: handleSelectUser,
-          onStopImpersonation: stopImpersonation,
-          searchAvailable: !!onSearchUsers
-        }), activeTab === "history" && /*#__PURE__*/_jsx(ImpersonateHistoryList, {
-          history: history,
-          currentUserId: currentUser?.id ?? null,
-          onSelectUser: handleSelectUser,
-          onStopImpersonation: stopImpersonation,
-          onRemoveFromHistory: removeFromHistory,
-          onClearHistory: clearHistory
-        }), activeTab === "settings" && /*#__PURE__*/_jsx(DataNukeSettingsComponent, {
-          headerKey: headerKey,
-          settings: dataNukeSettings,
-          showBanner: showBanner,
-          onSave: handleSaveSettings,
-          onShowBannerChange: updateShowBanner,
-          detectionStatus: detectionStatus
-        })]
-      })
+      children: body
     })
   });
 }
+
+/**
+ * The same impersonation tool as `ImpersonateModal`, rendered INLINE for hosts
+ * that place tools in a panel rather than a modal. Exists so there is exactly
+ * one implementation — the desktop dashboard used to ship its own copy of this
+ * component's header and tab router.
+ */
+export function ImpersonateToolView(props) {
+  return /*#__PURE__*/_jsx(ImpersonateModal, {
+    ...props,
+    inline: true,
+    visible: true,
+    onClose: () => {}
+  });
+}
 const styles = StyleSheet.create({
+  inlineRoot: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: buoyColors.base
+  },
+  inlineHeader: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: buoyColors.border,
+    backgroundColor: buoyColors.card
+  },
   container: {
     flex: 1
   },

package/lib/module/index.js

@@ -38,7 +38,9 @@ export { createImpersonateSyncAdapter, impersonateSyncAdapter } from "./sync/imp
 // COMPONENTS (For custom UI implementations)
 // =============================================================================
 
-export { ImpersonateModal } from "./impersonate/components/ImpersonateModal";
+// `ImpersonateToolView` is the same tool rendered inline (header bar + body)
+// instead of inside a JsModal — for hosts that show tools in a panel.
+export { ImpersonateModal, ImpersonateToolView } from "./impersonate/components/ImpersonateModal";
 export { ImpersonateBanner, ImpersonateBannerMinimal } from "./impersonate/components/ImpersonateBanner";
 /**
  * Auto-rendered by FloatingDevTools when this package is installed — the

package/lib/module/preset.js

@@ -8,13 +8,11 @@
  */
 
 import React from "react";
-import { View, Text, StyleSheet } from "react-native";
 import { ImpersonateModal } from "./impersonate/components/ImpersonateModal";
 import { ImpersonateBanner } from "./impersonate/components/ImpersonateBanner";
 import { impersonateStore } from "./impersonate/utils/impersonateStore";
 import { impersonateListener } from "./impersonate/utils/impersonateListener";
 import { registerImpersonateSearchUsers } from "./sync/impersonateSyncAdapter";
-import { jsx as _jsx } from "react/jsx-runtime";
 // =============================================================================
 // EAGER BOOTSTRAP
 // =============================================================================
@@ -78,27 +76,16 @@ async function bootstrapImpersonate() {
 // =============================================================================
 
 /**
- * Impersonate tool icon - a mask/person symbol
+ * Impersonate tool icon — a masked figure with a second identity behind it.
+ *
+ * The artwork lives in shared/icons/impersonate.json (Buoy Icon Format) and is
+ * generated into @buoy-gg/floating-tools-core, so React Native, the desktop
+ * dashboard and Flutter all render the same drawing. Edit the JSON, then
+ * `pnpm icons`.
  */
-export function ImpersonateIcon({
-  size,
-  color = "#F59E0B"
-}) {
-  const scale = size / 24;
-  return /*#__PURE__*/_jsx(View, {
-    style: [styles.iconContainer, {
-      width: size,
-      height: size
-    }],
-    children: /*#__PURE__*/_jsx(Text, {
-      style: [styles.iconText, {
-        fontSize: 14 * scale,
-        color
-      }],
-      children: "IMP"
-    })
-  });
-}
+import { ImpersonateIcon, IMPERSONATE_ICON_COLOR } from "@buoy-gg/shared-ui";
+import { jsx as _jsx } from "react/jsx-runtime";
+export { ImpersonateIcon, IMPERSONATE_ICON_COLOR };
 
 // =============================================================================
 // WRAPPER COMPONENT
@@ -190,7 +177,7 @@ export function createImpersonateTool(config) {
       size
     }) => /*#__PURE__*/_jsx(ImpersonateIcon, {
       size: size,
-      color: "#F59E0B"
+      color: IMPERSONATE_ICON_COLOR
     }),
     component: props => /*#__PURE__*/_jsx(ImpersonateModal, {
       ...props,
@@ -214,17 +201,6 @@ export function createImpersonateTool(config) {
 // STYLES
 // =============================================================================
 
-const styles = StyleSheet.create({
-  iconContainer: {
-    alignItems: "center",
-    justifyContent: "center"
-  },
-  iconText: {
-    fontWeight: "700",
-    letterSpacing: -0.5
-  }
-});
-
 // =============================================================================
 // NOTE: No default preset export
 // =============================================================================

package/lib/typescript/impersonate/components/ImpersonateModal.d.ts

@@ -6,5 +6,12 @@
  */
 import React from "react";
 import type { ImpersonateModalProps } from "../types";
-export declare function ImpersonateModal({ visible, onClose, onBack, onMinimize, onSearchUsers, onClearReactQuery, onClearRedux, onClearAsyncStorage, onClearMMKV, showSettingsTab, }: ImpersonateModalProps): React.JSX.Element | null;
+export declare function ImpersonateModal({ visible, onClose, onBack, onMinimize, onSearchUsers, onClearReactQuery, onClearRedux, onClearAsyncStorage, onClearMMKV, showSettingsTab, inline, }: ImpersonateModalProps): React.JSX.Element | null;
+/**
+ * The same impersonation tool as `ImpersonateModal`, rendered INLINE for hosts
+ * that place tools in a panel rather than a modal. Exists so there is exactly
+ * one implementation — the desktop dashboard used to ship its own copy of this
+ * component's header and tab router.
+ */
+export declare function ImpersonateToolView(props: Omit<ImpersonateModalProps, "visible" | "onClose" | "inline">): React.JSX.Element;
 //# sourceMappingURL=ImpersonateModal.d.ts.map

package/lib/typescript/impersonate/components/ImpersonateModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImpersonateModal.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,UAAU,CAAC;AAgC9E,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,eAAsB,GACvB,EAAE,qBAAqB,4BAsOvB"}
+{"version":3,"file":"ImpersonateModal.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/components/ImpersonateModal.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,OAAO,KAAK,EAAE,qBAAqB,EAA0B,MAAM,UAAU,CAAC;AAgC9E,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,eAAsB,EACtB,MAAc,GACf,EAAE,qBAAqB,4BAyPvB;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,IAAI,CAAC,qBAAqB,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC,qBAGrE"}

package/lib/typescript/impersonate/types/types.d.ts

@@ -164,6 +164,12 @@ export interface ImpersonateModalProps {
     onClearMMKV?: () => void | Promise<void>;
     /** Show the settings tab (default: true) */
     showSettingsTab?: boolean;
+    /**
+     * Render as a header-bar + body stack instead of inside `JsModal`, for hosts
+     * that place tools in a panel rather than a modal (Buoy Desktop). Only the
+     * shell differs — header, tabs and state are shared. See `ImpersonateToolView`.
+     */
+    inline?: boolean;
 }
 /**
  * Props for the ImpersonateBanner component

package/lib/typescript/impersonate/types/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/types/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/impersonate/types/types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/index.d.ts

@@ -21,7 +21,7 @@
  */
 export { createImpersonateTool, ImpersonateIcon } from "./preset";
 export { createImpersonateSyncAdapter, impersonateSyncAdapter, } from "./sync/impersonateSyncAdapter";
-export { ImpersonateModal } from "./impersonate/components/ImpersonateModal";
+export { ImpersonateModal, ImpersonateToolView, } from "./impersonate/components/ImpersonateModal";
 export { ImpersonateBanner, ImpersonateBannerMinimal, } from "./impersonate/components/ImpersonateBanner";
 /**
  * Auto-rendered by FloatingDevTools when this package is installed — the

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAMH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAMlE,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AAMvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,4CAA4C,CAAC;AACpD;;;;GAIG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAC1G,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAMrF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,YAAY,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAM7F,YAAY,EACV,IAAI,EACJ,gBAAgB,IAAI,oBAAoB,EACxC,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAM7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EACf,qBAAqB,GACtB,MAAM,yCAAyC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAMH,OAAO,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAMlE,OAAO,EACL,4BAA4B,EAC5B,sBAAsB,GACvB,MAAM,+BAA+B,CAAC;AAQvC,OAAO,EACL,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,2CAA2C,CAAC;AACnD,OAAO,EACL,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,4CAA4C,CAAC;AACpD;;;;GAIG;AACH,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,gBAAgB,IAAI,yBAAyB,EAAE,MAAM,2CAA2C,CAAC;AAC1G,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACzF,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAMrF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,YAAY,EACV,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,oCAAoC,CAAC;AAE5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAClF,YAAY,EAAE,2BAA2B,EAAE,MAAM,2CAA2C,CAAC;AAM7F,YAAY,EACV,IAAI,EACJ,gBAAgB,IAAI,oBAAoB,EACxC,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,GAC1B,MAAM,qBAAqB,CAAC;AAM7B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAExE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,uBAAuB,EACvB,oBAAoB,EACpB,eAAe,EACf,qBAAqB,GACtB,MAAM,yCAAyC,CAAC"}

package/lib/typescript/preset.d.ts

@@ -7,14 +7,16 @@
 import React from "react";
 import { ImpersonateBanner } from "./impersonate/components/ImpersonateBanner";
 import type { ImpersonateToolConfig } from "./impersonate/types";
-interface IconProps {
-    size: number;
-    color?: string;
-}
 /**
- * Impersonate tool icon - a mask/person symbol
+ * Impersonate tool icon — a masked figure with a second identity behind it.
+ *
+ * The artwork lives in shared/icons/impersonate.json (Buoy Icon Format) and is
+ * generated into @buoy-gg/floating-tools-core, so React Native, the desktop
+ * dashboard and Flutter all render the same drawing. Edit the JSON, then
+ * `pnpm icons`.
  */
-export declare function ImpersonateIcon({ size, color }: IconProps): React.JSX.Element;
+import { ImpersonateIcon, IMPERSONATE_ICON_COLOR } from "@buoy-gg/shared-ui";
+export { ImpersonateIcon, IMPERSONATE_ICON_COLOR };
 /**
  * Create an impersonate tool with custom configuration
  *
@@ -78,5 +80,4 @@ export declare function createImpersonateTool(config: ImpersonateToolConfig): {
     };
     Banner: typeof ImpersonateBanner;
 };
-export {};
 //# sourceMappingURL=preset.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAI/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAyEjE,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,KAAiB,EAAE,EAAE,SAAS,qBAmBrE;AAWD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB;;;;;qBAkC9C;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;uBAGd;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;QAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE;;;;;EAmB3H"}
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAC;AAI/E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAyEjE;;;;;;;GAOG;AACH,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE7E,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,CAAC;AAWnD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,qBAAqB,CAAC,MAAM,EAAE,qBAAqB;;;;;qBAkC9C;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;uBAGd;QAAE,OAAO,EAAE,OAAO,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;QAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE;;;;;EAmB3H"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/impersonate",
-  "version": "7.0.3",
+  "version": "7.0.5",
   "description": "Test your React Native app as any user, role, or flag combo — without logging out or rebuilding. 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.3"
+    "@buoy-gg/shared-ui": "7.0.5"
   },
   "peerDependencies": {
     "react": "*",