@buoy-gg/shared-ui 7.0.39 → 7.0.41

package/README.md

@@ -34,8 +34,14 @@ Use the installed declarations to select components and their props. Avoid priva
 
 Follow the [custom-tool guide](https://buoy.gg/buoy/latest/docs/custom-tools) to register a tool and its adapter. Verify your panel with empty data, a known populated state, and the supported app theme before connecting remote actions.
 
+## Account setup
+
+`AccountSetup` shows the sign-in launcher when Buoy needs a verified account. Native and web use the same launcher and account card, including the copyable login command, connection feedback, and support links. The web card opens above the launcher and closes with Escape, its close button, or a click outside. `FreeAccountPrompt` presents the card in a native modal.
+
 ## Custom floating tools
 
 `FloatingTool` provides the same drag, hide/restore and position behavior used by the DevTools bubble. Use `FloatingToolHost` with `openFloatingTool` to keep compact custom controls mounted across navigation. Each tool supplies its own content and actions. Set `dragFromSurface` to make the background draggable while buttons keep their gestures; the default uses the grip only.
 
 See the [custom floating tools guide](https://buoy.gg/buoy/latest/docs/custom-tools/floating-tools) for native and browser integration, lifecycle rules and examples. Browser consumers can import the dedicated `@buoy-gg/shared-ui/floating` entry.
+
+In browser panels, header dragging starts on non-interactive space. Buttons, tabs, inputs, and other focusable controls keep their pointer input. Window controls have 24 px hit areas.

package/lib/commonjs/JsModal.js

@@ -9,12 +9,13 @@ var _AccountSetup = require("./license/AccountSetup");
 var _react = require("react");
 var _reactNative = require("react-native");
 var _absoluteFill = require("./utils/absoluteFill.js");
-var _useSafeAreaInsets = require("./hooks/useSafeAreaInsets.js");
+var _useSafeAreaInsets = require("./hooks/useSafeAreaInsets");
 var _index = require("./ui/gameUI/index.js");
 var _index2 = require("./ui/components/index.js");
 var _ToolBackground = require("./ui/backgrounds/ToolBackground.js");
 var _nightTheme = require("./ui/night/nightTheme.js");
-var _persistentStorage = require("./utils/persistentStorage.js");
+var _persistentStorage = require("./utils/persistentStorage");
+var _modalStorage = require("./utils/modalStorage.js");
 var _devToolsStorageKeys = require("./storage/devToolsStorageKeys.js");
 var _index3 = require("./context/index.js");
 var _jsxRuntime = require("react/jsx-runtime");
@@ -66,61 +67,6 @@ const FLOATING_MIN_HEIGHT = 80; // Just a bit more than header height (60px head
  */
 const WINDOW_CONTROLS_BAND = 20;
 
-// ============================================================================
-// STORAGE - Modal state persistence with AsyncStorage
-// ============================================================================
-
-/**
- * Utility class for persisting modal state to AsyncStorage
- *
- * Handles saving and loading modal state including mode, dimensions,
- * and position with memory caching for performance.
- */
-class ModalStorage {
-  static memoryCache = {};
-
-  /**
-   * Save modal state to AsyncStorage with memory caching
-   *
-   * @param key - Storage key for the modal state
-   * @param value - Modal state to persist
-   */
-  static async save(key, value) {
-    try {
-      this.memoryCache[key] = value;
-      await _persistentStorage.persistentStorage.setItem(key, JSON.stringify(value));
-    } catch (error) {
-      // Failed to save modal state
-    }
-  }
-
-  /**
-   * Load modal state from AsyncStorage with memory cache fallback
-   *
-   * @param key - Storage key for the modal state
-   * @returns Persisted modal state or null if not found
-   */
-  static async load(key) {
-    try {
-      // Try memory cache first
-      if (this.memoryCache[key]) {
-        return this.memoryCache[key];
-      }
-
-      // Load from storage (AsyncStorage or memory fallback)
-      const stored = await _persistentStorage.persistentStorage.getItem(key);
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        this.memoryCache[key] = parsed;
-        return parsed;
-      }
-    } catch (error) {
-      // Failed to load modal state
-    }
-    return null;
-  }
-}
-
 // ============================================================================
 // TYPE DEFINITIONS - Interface contracts for the modal
 // ============================================================================
@@ -430,7 +376,7 @@ const JsModalComponent = ({
   (0, _react.useEffect)(() => {
     if (!enablePersistence || !persistenceKey || !isStateLoaded) return;
     const timeoutId = setTimeout(() => {
-      ModalStorage.save(persistenceKey, {
+      _modalStorage.ModalStorage.save(persistenceKey, {
         mode,
         panelHeight: currentHeightRef.current,
         dimensions,
@@ -533,7 +479,7 @@ const JsModalComponent = ({
     }
     let mounted = true;
     const loadState = async () => {
-      const savedState = await ModalStorage.load(persistenceKey);
+      const savedState = await _modalStorage.ModalStorage.load(persistenceKey);
       if (mounted && savedState) {
         // Restore mode
         if (savedState.mode) {
@@ -650,6 +596,7 @@ const JsModalComponent = ({
         height: currentDimensionsRef.current.height
       }
     };
+    if (enablePersistence && persistenceKey) void _modalStorage.ModalStorage.saveMinimized(persistenceKey, currentState);
 
     // Animate modal shrinking toward target position
     const targetX = minimizeTargetPosition?.x ?? SCREEN.width - 50;
@@ -690,7 +637,7 @@ const JsModalComponent = ({
         onMinimize(currentState);
       });
     }
-  }, [mode, onMinimize, minimizeTargetPosition, visibilityProgress, bottomSheetTranslateY, floatingScale, floatingPosition]);
+  }, [mode, onMinimize, minimizeTargetPosition, enablePersistence, persistenceKey, visibilityProgress, bottomSheetTranslateY, floatingScale, floatingPosition]);
   const lastMinimizeRequest = (0, _react.useRef)(minimizeRequest);
   (0, _react.useEffect)(() => {
     if (lastMinimizeRequest.current === minimizeRequest) return;
@@ -1333,7 +1280,11 @@ const JsModalComponent = ({
             paddingBottom: footerHeight
           },
           showsVerticalScrollIndicator: true,
-          nestedScrollEnabled: true,
+          nestedScrollEnabled: true
+          // Without this, a tap on a button while the keyboard is up only
+          // dismisses the keyboard: typing a URL and tapping Load did nothing.
+          ,
+          keyboardShouldPersistTaps: "handled",
           children: children
         }), footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
           style: footerStyles.footerContainer,
@@ -1447,6 +1398,7 @@ const JsModalComponent = ({
             },
             showsVerticalScrollIndicator: true,
             nestedScrollEnabled: true,
+            keyboardShouldPersistTaps: "handled",
             children: children
           }), footer ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
             style: footerStyles.footerContainer,

package/lib/commonjs/JsModal.web.js

@@ -7,6 +7,8 @@ exports.JsModal = void 0;
 var _licenseModule = require("./license/licenseModule.js");
 var _AccountSetup = require("./license/AccountSetup");
 var _react = require("react");
+var _persistentStorage = require("./utils/persistentStorage");
+var _modalStorage = require("./utils/modalStorage.js");
 var _devToolsStorageKeys = require("./storage/devToolsStorageKeys.js");
 var _index = require("./context/index.js");
 var _ToolBackground = require("./ui/backgrounds/ToolBackground.js");
@@ -21,7 +23,7 @@ var _jsxRuntime = require("react/jsx-runtime");
  * native file. Zero react-native imports — header chrome that lives in
  * shared-ui RN components (`WindowControls`, `DraggableHeader`, `ModalHeader`,
  * `ModalHintBanner`) is replicated as DOM with provenance comments, the same
- * way DevToolsSettingsModal.web.tsx replicates the WindowControls close dot.
+ * way the browser host supplies DOM positioning.
  *
  * Gesture spec (verbatim from native):
  * - Sheet header drag: steal at |dy| > 3px, absolute finger anchoring
@@ -36,17 +38,8 @@ var _jsxRuntime = require("react/jsx-runtime");
  * - Header taps (both modes): taps accumulate within a 500ms window and
  *   settle after 300ms — 2 taps toggles mode, ≥3 taps minimizes.
  *
- * Persistence (verbatim from native ModalStorage): the `persistenceKey` prop
- * is the storage key, used verbatim (native callers pass fully-derived
- * `@react_buoy…` keys or short keys — no extra derivation happens here
- * either). JSON shape `{ mode, panelHeight, dimensions: {width, height, top,
- * left}, isVisible }`, saved on a 500ms debounce after state loads, with the
- * same in-memory cache in front of storage. Backed by a local
- * localStorage adapter matching the `persistentStorage` API — importing
- * `./utils/persistentStorage` is avoided on purpose: its lazy `require()`
- * probing of expo-file-system/AsyncStorage doesn't survive Vite's ESM graph.
- * The hint-acknowledged flag uses the real `devToolsStorageKeys` helper
- * (zero-dep) so the key matches native exactly.
+ * Persistence uses the shared ModalStorage implementation and platform storage.
+ * State is saved on a 500ms debounce, with an immediate save on minimize.
  *
  * Intentional deviations from the native file (all logged):
  * - No native-driver springs: rAF drives all animations. The open/close
@@ -66,14 +59,12 @@ var _jsxRuntime = require("react/jsx-runtime");
  *   WKWebView) doesn't bake in a 0×0 screen.
  * - Safe-area insets come from a one-shot `env(safe-area-inset-*)` probe
  *   (same trick as floatingTools.web.tsx) instead of the RN hook.
- * - On restore-from-minimize, the floating position re-syncs from the last
- *   committed dimensions when the panel becomes visible: the web AppHost
- *   doesn't pass `initialModalState` back, and without the re-sync the panel
- *   would reappear at the minimize target.
+ * - On restore, the floating position re-syncs from the saved dimensions.
+ *   Some tool components do not forward `initialModalState`.
  * - `JsModalProps` is additionally exported (native keeps it private) so web
  *   consumers can type wrappers without redeclaring the contract.
- * - `visible={false}` renders children in a `display:none` div (state and
- *   listeners survive) instead of native's offscreen −9999 container.
+ * - `visible={false}` hides the content in a `display:none` container.
+ *   Tool state that must survive shell changes belongs above this component.
  * - The hidden/floating/bottomSheet root branches carry distinct React keys:
  *   the rAF animations write opacity/transform straight to the DOM, and DOM
  *   reuse across branches (e.g. an async persisted-mode flip mid-entrance)
@@ -134,59 +125,6 @@ const screenH = () => typeof window !== "undefined" ? window.innerHeight : 0;
 // STORAGE — exact native ModalStorage semantics over localStorage
 // ============================================================================
 
-/**
- * Local localStorage-backed adapter matching the shared `persistentStorage`
- * API surface JsModal uses (getItem/setItem). Same recipe as the app shims
- * (example-tauri/src/shims/shared-ui.web.ts).
- */
-const webPersistentStorage = {
-  async getItem(key) {
-    try {
-      return window.localStorage.getItem(key);
-    } catch {
-      return null;
-    }
-  },
-  async setItem(key, value) {
-    try {
-      window.localStorage.setItem(key, value);
-    } catch {
-      // Best-effort, like native's swallowed save errors.
-    }
-  }
-};
-
-/** Persisted JSON shape — identical to native `PersistedModalState`. */
-
-/** Native `ModalStorage` twin: memory cache in front of persistent storage. */
-class ModalStorage {
-  static memoryCache = {};
-  static async save(key, value) {
-    try {
-      this.memoryCache[key] = value;
-      await webPersistentStorage.setItem(key, JSON.stringify(value));
-    } catch {
-      // Failed to save modal state
-    }
-  }
-  static async load(key) {
-    try {
-      if (this.memoryCache[key]) {
-        return this.memoryCache[key];
-      }
-      const stored = await webPersistentStorage.getItem(key);
-      if (stored) {
-        const parsed = JSON.parse(stored);
-        this.memoryCache[key] = parsed;
-        return parsed;
-      }
-    } catch {
-      // Failed to load modal state
-    }
-    return null;
-  }
-}
-
 // ============================================================================
 // TYPES — same exported names as native
 // ============================================================================
@@ -408,8 +346,8 @@ const WC_COLORS = {
   minimize: "#FEBC2E",
   toggleMode: "#28C840"
 };
-const WC_BUTTON_SIZE = 12; // native BUTTON_SIZE
-const WC_BUTTON_SPACING = 8; // native BUTTON_SPACING
+const WC_BUTTON_SIZE = 24;
+const WC_BUTTON_SPACING = 2;
 const WC_ICON_SIZE = 8; // native ICON_SIZE
 
 const wcDotStyle = bg => ({
@@ -419,7 +357,7 @@ const wcDotStyle = bg => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "center",
-  backgroundColor: bg,
+  background: `radial-gradient(circle, ${bg} 6px, transparent 6px)`,
   border: "none",
   padding: 0,
   cursor: "pointer",
@@ -492,10 +430,10 @@ const DragIndicator = /*#__PURE__*/(0, _react.memo)(function DragIndicator({
       alignItems: "center",
       position: "relative",
       // native dragIndicatorContainer: paddingVertical 8; custom variant
-      // claims the 20pt window-controls band (native WINDOW_CONTROLS_BAND)
+      // reserves room for the browser window controls
       // so the header row below can run the full width.
       justifyContent: hasCustomContent ? "center" : undefined,
-      minHeight: hasCustomContent ? 20 : undefined,
+      minHeight: hasCustomContent ? 32 : undefined,
       paddingTop: hasCustomContent ? 0 : 8,
       paddingBottom: hasCustomContent ? 0 : 8,
       backgroundColor: "transparent"
@@ -770,6 +708,8 @@ const JsModalComponent = ({
   const [insets] = (0, _react.useState)(readSafeAreaInsets);
   const [isStateLoaded, setIsStateLoaded] = (0, _react.useState)(!enablePersistence);
   const [mode, setMode] = (0, _react.useState)(initialMode);
+  const onModeChangeRef = (0, _react.useRef)(onModeChange);
+  onModeChangeRef.current = onModeChange;
   const [isResizing, setIsResizing] = (0, _react.useState)(false);
   const [isDragging, setIsDragging] = (0, _react.useState)(false);
   const [panelHeight, setPanelHeight] = (0, _react.useState)(initialHeight);
@@ -819,11 +759,11 @@ const JsModalComponent = ({
     }
     let mounted = true;
     const loadState = async () => {
-      const savedState = await ModalStorage.load(persistenceKey);
+      const savedState = await _modalStorage.ModalStorage.load(persistenceKey);
       if (mounted && savedState) {
         if (savedState.mode) {
           setMode(savedState.mode);
-          onModeChange?.(savedState.mode);
+          onModeChangeRef.current?.(savedState.mode);
         }
         if (savedState.panelHeight) {
           setPanelHeight(savedState.panelHeight);
@@ -847,11 +787,11 @@ const JsModalComponent = ({
       mounted = false;
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [persistenceKey, enablePersistence, onModeChange]);
+  }, [persistenceKey, enablePersistence]);
   (0, _react.useEffect)(() => {
     if (!enablePersistence || !persistenceKey || !isStateLoaded) return;
     const timeoutId = setTimeout(() => {
-      ModalStorage.save(persistenceKey, {
+      _modalStorage.ModalStorage.save(persistenceKey, {
         mode,
         panelHeight: currentHeightRef.current,
         dimensions,
@@ -869,7 +809,7 @@ const JsModalComponent = ({
     const loadHintStatus = async () => {
       try {
         const hintKey = _devToolsStorageKeys.devToolsStorageKeys.modal.hintAcknowledged();
-        const acknowledged = await webPersistentStorage.getItem(hintKey);
+        const acknowledged = await _persistentStorage.persistentStorage.getItem(hintKey);
         if (mounted) {
           setShowHint(acknowledged !== "true");
           setHintLoaded(true);
@@ -889,7 +829,7 @@ const JsModalComponent = ({
   const handleHintAcknowledge = (0, _react.useCallback)(async () => {
     try {
       const hintKey = _devToolsStorageKeys.devToolsStorageKeys.modal.hintAcknowledged();
-      await webPersistentStorage.setItem(hintKey, "true");
+      await _persistentStorage.persistentStorage.setItem(hintKey, "true");
       setShowHint(false);
     } catch {
       setShowHint(false);
@@ -902,12 +842,10 @@ const JsModalComponent = ({
   const toggleMode = (0, _react.useCallback)(() => {
     setIsDragging(false);
     setIsResizing(false);
-    setMode(prev => {
-      const newMode = prev === "bottomSheet" ? "floating" : "bottomSheet";
-      onModeChange?.(newMode);
-      return newMode;
-    });
-  }, [onModeChange]);
+    const newMode = mode === "bottomSheet" ? "floating" : "bottomSheet";
+    setMode(newMode);
+    onModeChangeRef.current?.(newMode);
+  }, [mode]);
 
   // Belt-and-suspenders: also clear flags when mode changes (native parity).
   (0, _react.useEffect)(() => {
@@ -928,6 +866,7 @@ const JsModalComponent = ({
         height: currentDimensionsRef.current.height
       }
     };
+    if (enablePersistence && persistenceKey) void _modalStorage.ModalStorage.saveMinimized(persistenceKey, currentState);
 
     // native defaults: SCREEN.width - 50 / SCREEN.height - 150
     const targetX = minimizeTargetPosition?.x ?? screenW() - 50;
@@ -964,7 +903,7 @@ const JsModalComponent = ({
         el.style.transform = `translate(${x}px, ${y}px)`;
       }, () => onMinimize(currentState)));
     }
-  }, [mode, onMinimize, minimizeTargetPosition, cancelAnims]);
+  }, [mode, onMinimize, minimizeTargetPosition, cancelAnims, enablePersistence, persistenceKey]);
   const lastMinimizeRequest = (0, _react.useRef)(minimizeRequest);
   (0, _react.useEffect)(() => {
     if (lastMinimizeRequest.current === minimizeRequest) return;
@@ -977,7 +916,7 @@ const JsModalComponent = ({
     if (!initialModalState) return;
     if (initialModalState.mode) {
       setMode(initialModalState.mode);
-      onModeChange?.(initialModalState.mode);
+      onModeChangeRef.current?.(initialModalState.mode);
     }
     if (initialModalState.panelHeight) {
       setPanelHeight(initialModalState.panelHeight);
@@ -1024,9 +963,7 @@ const JsModalComponent = ({
     } else {
       const el = floatRef.current;
       if (!el) return;
-      // Restore-from-minimize deviation (see header): re-sync position from
-      // the last committed rect so the panel doesn't reopen at the minimize
-      // target the web AppHost never restores via initialModalState.
+      // Restore the saved position after the minimize animation.
       posRef.current = {
         x: currentDimensionsRef.current.left,
         y: currentDimensionsRef.current.top
@@ -1084,7 +1021,7 @@ const JsModalComponent = ({
     if (mode !== "bottomSheet") return;
     // Ignore clicks on interactive header children (window controls live
     // outside the header, but custom content may contain buttons).
-    if (e.target.closest("button")) return;
+    if (e.button !== 0 || e.target.closest('button, a, input, textarea, select, [role="button"], [role="tab"], [role="switch"], [contenteditable="true"], [tabindex]')) return;
     const g = sheetGestureRef.current;
     g.active = true;
     g.resizing = false;
@@ -1189,7 +1126,7 @@ const JsModalComponent = ({
   const handleFloatPointerDown = (0, _react.useCallback)(e => {
     // native: DraggableHeader enabled = mode === "floating" && !isResizing
     if (mode !== "floating" || isResizing) return;
-    if (e.target.closest("button")) return;
+    if (e.button !== 0 || e.target.closest('button, a, input, textarea, select, [role="button"], [role="tab"], [role="switch"], [contenteditable="true"], [tabindex]')) return;
     const g = dragGestureRef.current;
     g.active = true;
     g.dragging = false;

package/lib/commonjs/clipboard/autoDetectClipboard.js

@@ -23,7 +23,7 @@ Object.defineProperty(exports, "isClipboardAvailable", {
     return _clipboardImpl.isClipboardAvailable;
   }
 });
-var _clipboardImpl = require("./clipboard-impl.js");
+var _clipboardImpl = require("./clipboard-impl");
 /**
  * Auto-detect Clipboard Implementation
  *

package/lib/commonjs/clipboard/clipboard-impl.web.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isClipboardAvailable = exports.clipboardType = exports.clipboardFunction = void 0;
+const isClipboardAvailable = () => typeof navigator !== "undefined" && typeof navigator.clipboard?.writeText === "function";
+exports.isClipboardAvailable = isClipboardAvailable;
+const clipboardType = () => isClipboardAvailable() ? "web" : null;
+exports.clipboardType = clipboardType;
+const clipboardFunction = async text => {
+  try {
+    if (!isClipboardAvailable()) return false;
+    await navigator.clipboard.writeText(text);
+    return true;
+  } catch {
+    // Clipboard access can be denied even in a secure context.
+    return false;
+  }
+};
+exports.clipboardFunction = clipboardFunction;

package/lib/commonjs/dataViewer/tree/TreeDiffViewer.js

@@ -297,8 +297,10 @@ function stringifyValue(value, compact = true) {
     return `"${value}"`;
   }
   if (typeof value === "number") {
-    // Format large numbers with commas for readability
-    return value.toLocaleString();
+    // The exact value. toLocaleString() added separators (1019 read as
+    // "1,019", like a string) and rounded to three decimals, so a diff could
+    // show a change that looked like nothing, or hide one that was real.
+    return String(value);
   }
   if (typeof value === "boolean") {
     return String(value);

package/lib/commonjs/hooks/index.js

@@ -73,5 +73,5 @@ var _useFilterManager = require("./useFilterManager.js");
 var _usePersistedState = require("./usePersistedState.js");
 var _useChangeLog = require("./useChangeLog.js");
 var _useEventStoreEvents = require("./useEventStoreEvents.js");
-var _useSafeAreaInsets = require("./useSafeAreaInsets.js");
+var _useSafeAreaInsets = require("./useSafeAreaInsets");
 var _useDeviceInfo = require("./useDeviceInfo.js");

package/lib/commonjs/hooks/safe-area-impl.js

@@ -7,7 +7,7 @@ exports.useNativeSafeAreaInsets = exports.safeAreaType = exports.hasSafeAreaPack
 /**
  * Auto-generated safe area implementation
  * Detected: none
- * Generated at: 2026-09-18T01:47:02.828Z
+ * Generated at: 2026-09-28T19:22:44.461Z
  *
  * DO NOT EDIT - This file is generated by scripts/detect-safe-area.js
  *

package/lib/commonjs/hooks/usePersistedState.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.resetPersistedStateCache = resetPersistedStateCache;
 exports.usePersistedState = usePersistedState;
 var _react = require("react");
-var _persistentStorage = require("../utils/persistentStorage.js");
+var _persistentStorage = require("../utils/persistentStorage");
 /**
  * Per-key cache so remounts (and multiple consumers of the same key) render
  * the last-known value immediately instead of flashing the default while the

package/lib/commonjs/hooks/useSafeAreaInsets.web.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "getSafeAreaInsets", {
+  enumerable: true,
+  get: function () {
+    return _getSafeAreaInsetsWeb.getSafeAreaInsets;
+  }
+});
+exports.hasNotch = void 0;
+exports.useSafeAreaInsets = useSafeAreaInsets;
+var _react = require("react");
+var _getSafeAreaInsetsWeb = require("../utils/getSafeAreaInsets.web.js");
+function useSafeAreaInsets(options = {}) {
+  const [insets, setInsets] = (0, _react.useState)({
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0
+  });
+  (0, _react.useEffect)(() => {
+    const update = () => setInsets((0, _getSafeAreaInsetsWeb.getSafeAreaInsets)());
+    update();
+    window.addEventListener("resize", update);
+    window.visualViewport?.addEventListener("resize", update);
+    return () => {
+      window.removeEventListener("resize", update);
+      window.visualViewport?.removeEventListener("resize", update);
+    };
+  }, []);
+  return {
+    top: Math.max(insets.top, options.minTop ?? 0),
+    bottom: Math.max(insets.bottom, options.minBottom ?? 0),
+    left: Math.max(insets.left, options.minLeft ?? 0),
+    right: Math.max(insets.right, options.minRight ?? 0)
+  };
+}
+const hasNotch = () => (0, _getSafeAreaInsetsWeb.getSafeAreaInsets)().hasNotch;
+exports.hasNotch = hasNotch;

package/lib/commonjs/icons/index.js

@@ -101,6 +101,8 @@ var _exportNames = {
   WifiBifIcon: true,
   BenchmarkIcon: true,
   BENCHMARK_ICON_COLOR: true,
+  NotificationsIcon: true,
+  NOTIFICATIONS_ICON_COLOR: true,
   EnvLaptopIcon: true,
   LaptopIcon: true,
   ReactQueryIcon: true,
@@ -507,6 +509,12 @@ Object.defineProperty(exports, "NETWORK_ICON_COLOR", {
     return _floatingToolsCore.NETWORK_ICON_COLOR;
   }
 });
+Object.defineProperty(exports, "NOTIFICATIONS_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _floatingToolsCore.NOTIFICATIONS_ICON_COLOR;
+  }
+});
 Object.defineProperty(exports, "Navigation", {
   enumerable: true,
   get: function () {
@@ -525,6 +533,12 @@ Object.defineProperty(exports, "NetworkIcon", {
     return _floatingToolsCore.NetworkIcon;
   }
 });
+Object.defineProperty(exports, "NotificationsIcon", {
+  enumerable: true,
+  get: function () {
+    return _floatingToolsCore.NotificationsIcon;
+  }
+});
 Object.defineProperty(exports, "Palette", {
   enumerable: true,
   get: function () {

package/lib/commonjs/index.js

@@ -53,6 +53,9 @@ var _exportNames = {
   getSafeCurrentPathname: true,
   getSafeCurrentRoute: true,
   isExpoRouterAvailable: true,
+  registerBrowserRouter: true,
+  browserRouter: true,
+  subscribeBrowserNavigation: true,
   PREVIEW_ITEM_RENDER_BYTE_LIMIT: true,
   createRestoreScope: true,
   emptyRestoreResult: true,
@@ -316,6 +319,12 @@ Object.defineProperty(exports, "assertAccountAccess", {
     return _licenseModule.assertAccountAccess;
   }
 });
+Object.defineProperty(exports, "browserRouter", {
+  enumerable: true,
+  get: function () {
+    return _browserNavigation.browserRouter;
+  }
+});
 Object.defineProperty(exports, "buoyColors", {
   enumerable: true,
   get: function () {
@@ -628,6 +637,12 @@ Object.defineProperty(exports, "refreshGameUIColors", {
     return _gameUIColors.refreshGameUIColors;
   }
 });
+Object.defineProperty(exports, "registerBrowserRouter", {
+  enumerable: true,
+  get: function () {
+    return _browserNavigation.registerBrowserRouter;
+  }
+});
 Object.defineProperty(exports, "registerStateSnapshotProvider", {
   enumerable: true,
   get: function () {
@@ -700,6 +715,12 @@ Object.defineProperty(exports, "subscribeAccountAccess", {
     return _licenseModule.subscribeAccountAccess;
   }
 });
+Object.defineProperty(exports, "subscribeBrowserNavigation", {
+  enumerable: true,
+  get: function () {
+    return _browserNavigation.subscribeBrowserNavigation;
+  }
+});
 Object.defineProperty(exports, "subscribeToStateSnapshotProviders", {
   enumerable: true,
   get: function () {
@@ -983,6 +1004,19 @@ Object.keys(_toolUiBridge).forEach(function (key) {
   });
 });
 var _index3 = require("./utils/index.js");
+var _toolModules = require("./utils/toolModules.js");
+Object.keys(_toolModules).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _toolModules[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _toolModules[key];
+    }
+  });
+});
+var _browserNavigation = require("./utils/browserNavigation.js");
 var _snapshotProviderKit = require("./utils/snapshotProviderKit.js");
 var _stateTools = require("./utils/stateTools.js");
 var _index4 = require("./utils/formatting/index.js");