@buoy-gg/core 3.0.1 → 4.0.1

package/lib/module/floatingMenu/dial/DialDevTools.js

@@ -1,29 +1,25 @@
 "use strict";
 
 import { useEffect, useMemo, useRef, useState } from "react";
-import { Pressable, StyleSheet, View, Dimensions, Text, Animated, Easing } from "react-native";
+import { Pressable, StyleSheet, View, useWindowDimensions, Text, Animated, Easing } from "react-native";
+import { absoluteFill } from "@buoy-gg/shared-ui";
 // Icons are provided by installedApps; no direct icon imports here.
 import { DialIcon } from "./DialIcon.js";
+import { ALL_TOOLS_REGISTRY } from "../allToolsRegistry.js";
 import { DialPagination } from "./DialPagination.js";
 import { getRankedToolIds, isDialUsageLoaded, loadDialUsage, recordToolUsage } from "./dialUsageStore.js";
 import { persistentStorage, useHintsDisabled, devToolsStorageKeys, buoyColors } from "@buoy-gg/shared-ui";
 import { DevToolsSettingsModal, useDevToolsSettings } from "../DevToolsSettingsModal";
-import { useIsPro } from "@buoy-gg/license";
+import { useProAccess } from "@buoy-gg/license";
 import { useAppHost } from "../AppHost.js";
 import { OnboardingTooltip } from "./OnboardingTooltip.js";
-import { getDialLayout, MAX_DIAL_SLOTS, dialAnimationConfig, dialColors } from "@buoy-gg/floating-tools-core";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const {
-  width: SCREEN_WIDTH,
-  height: SCREEN_HEIGHT
-} = Dimensions.get("window");
+import { getDialLayout, MAX_DIAL_SLOTS, DIAL_BUTTON_SIZE, DIAL_ICON_SIZE, dialAnimationConfig, dialColors } from "@buoy-gg/floating-tools-core";
 
-// Use shared layout calculation from core
-const layout = getDialLayout({
-  screenWidth: SCREEN_WIDTH
-});
-const CIRCLE_SIZE = layout.circleSize;
-const BUTTON_SIZE = layout.buttonSize;
+// The circle size depends on the live window width, so it's computed inside
+// the component via useWindowDimensions — a module-scope Dimensions.get
+// snapshot goes stale when the window resizes after load (web/desktop).
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const BUTTON_SIZE = DIAL_BUTTON_SIZE;
 const ONBOARDING_STORAGE_KEY = "@react_buoy_settings_tooltip_shown";
 /** A non-interactive placeholder used to fill out the last dial page. */
 const createEmptySlot = slotIndex => ({
@@ -53,7 +49,37 @@ export const DialDevTools = ({
   const {
     open
   } = useAppHost();
-  const isPro = useIsPro();
+  const {
+    isPro,
+    isWeekendFree
+  } = useProAccess();
+
+  // Live window size — keeps the dial centered and sized correctly when the
+  // window resizes (Electron/web) or the device rotates.
+  const {
+    width: screenWidth,
+    height: screenHeight
+  } = useWindowDimensions();
+  const circleSize = getDialLayout({
+    screenWidth
+  }).circleSize;
+  const sizeStyles = useMemo(() => ({
+    parent: {
+      width: circleSize,
+      height: circleSize
+    },
+    circle: {
+      width: circleSize,
+      height: circleSize,
+      borderRadius: circleSize / 2
+    },
+    rounded: {
+      borderRadius: circleSize / 2
+    },
+    gridLine: {
+      width: circleSize
+    }
+  }), [circleSize]);
 
   // Load persisted settings modal state on mount
   useEffect(() => {
@@ -186,6 +212,35 @@ export const DialDevTools = ({
     return map;
   }, [dialApps, actions, open, onClose]);
 
+  // Tools from the global registry that are NOT installed in this app.
+  // These are appended after all available tools so paging "next" eventually
+  // reveals them. They are display-only (real icon + real name + "Unavailable").
+  const unavailableTools = useMemo(() => {
+    const installedIds = new Set(dialApps.map(a => a.id));
+    return ALL_TOOLS_REGISTRY.filter(t => !installedIds.has(t.id));
+  }, [dialApps]);
+
+  // Build stable IconType entries for each unavailable tool.
+  const unavailableIconsById = useMemo(() => {
+    const map = new Map();
+    for (const tool of unavailableTools) {
+      map.set(tool.id, {
+        id: tool.id,
+        name: tool.name,
+        // Pre-render the icon at the standard dial slot size so it looks correct.
+        icon: tool.renderIcon(DIAL_ICON_SIZE),
+        iconComponent: undefined,
+        color: tool.color,
+        unavailable: true,
+        // Tapping an unavailable tool is intentionally a no-op: the dial stays
+        // open and no modal launches, signalling the tool is not installed.
+        // Future: add a brief Toast with an install link here.
+        onPress: () => {}
+      });
+    }
+    return map;
+  }, [unavailableTools]);
+
   // Snapshot the usage-ranked order when the dial opens. It stays stable while
   // open so icons don't jump positions mid-interaction.
   const [rankedIds, setRankedIds] = useState(() => getRankedToolIds(dialApps.map(a => a.id)));
@@ -204,7 +259,9 @@ export const DialDevTools = ({
       cancelled = true;
     };
   }, [dialApps]);
-  const pageCount = Math.max(1, Math.ceil(rankedIds.length / MAX_DIAL_SLOTS));
+
+  // Page count spans available tools (usage-ranked) + unavailable tools (appended).
+  const pageCount = Math.max(1, Math.ceil((rankedIds.length + unavailableTools.length) / MAX_DIAL_SLOTS));
   const [currentPage, setCurrentPage] = useState(0);
   const safePage = Math.min(currentPage, pageCount - 1);
 
@@ -212,13 +269,18 @@ export const DialDevTools = ({
   // snapshotted on open, so each icon's page and slot are fixed for the
   // session — which lets us mount all icons once and paginate purely by
   // toggling visibility (no remounts on page change).
+  //
+  // Order: usage-ranked available tools first, unavailable tools appended at
+  // the very end. This guarantees unavailable items always appear on the last
+  // pages and never displace available tools.
   const allDialIcons = useMemo(() => {
-    return rankedIds.map(id => iconsById.get(id)).filter(icon => Boolean(icon)).map((icon, i) => ({
+    const allIds = [...rankedIds, ...unavailableTools.map(t => t.id)];
+    return allIds.map(id => iconsById.get(id) ?? unavailableIconsById.get(id)).filter(icon => Boolean(icon)).map((icon, i) => ({
       icon,
       page: Math.floor(i / MAX_DIAL_SLOTS),
       slot: i % MAX_DIAL_SLOTS
     }));
-  }, [rankedIds, iconsById]);
+  }, [rankedIds, iconsById, unavailableTools, unavailableIconsById]);
 
   // Empty slot indices for the current page (only the last page can be
   // partial). These are cheap placeholder dots.
@@ -420,6 +482,10 @@ export const DialDevTools = ({
     });
   };
   const handleIconPress = icon => {
+    // Unavailable tools are display-only. Return early so the dial stays open
+    // and no modal or animation is triggered. The dimmed appearance already
+    // communicates that the tool is not installed.
+    if (icon.unavailable) return;
     setSelectedIcon(1);
     const interaction = dialAnimationConfig?.interaction ?? {
       iconSelect: {
@@ -480,13 +546,13 @@ export const DialDevTools = ({
     children: [/*#__PURE__*/_jsx(Animated.View, {
       style: [styles.backdrop, backdropAnimatedStyle],
       children: /*#__PURE__*/_jsx(Pressable, {
-        style: StyleSheet.absoluteFillObject,
+        style: absoluteFill,
         onPress: handleClose
       })
     }), /*#__PURE__*/_jsxs(Animated.View, {
-      style: [styles.parent, {
+      style: [styles.parent, sizeStyles.parent, {
         position: "absolute",
-        left: (SCREEN_WIDTH - CIRCLE_SIZE) / 2,
+        left: (screenWidth - circleSize) / 2,
         bottom: 80,
         transform: [{
           scale: dialScale
@@ -498,21 +564,21 @@ export const DialDevTools = ({
         }]
       }],
       children: [/*#__PURE__*/_jsxs(Animated.View, {
-        style: styles.circle,
+        style: [styles.circle, sizeStyles.circle],
         children: [/*#__PURE__*/_jsxs(View, {
-          style: styles.gradientBackground,
+          style: [styles.gradientBackground, sizeStyles.rounded],
           children: [/*#__PURE__*/_jsx(View, {
-            style: styles.gradientLayer1
+            style: [styles.gradientLayer1, sizeStyles.rounded]
           }), /*#__PURE__*/_jsx(View, {
-            style: styles.gradientLayer2
+            style: [styles.gradientLayer2, sizeStyles.rounded]
           }), /*#__PURE__*/_jsx(View, {
-            style: styles.gradientLayer3
+            style: [styles.gradientLayer3, sizeStyles.rounded]
           }), /*#__PURE__*/_jsx(View, {
             style: styles.gridPattern,
             children: Array.from({
               length: 6
             }).map((_, i) => /*#__PURE__*/_jsx(View, {
-              style: [styles.gridLine, {
+              style: [styles.gridLine, sizeStyles.gridLine, {
                 transform: [{
                   rotate: `${i * 60}deg`
                 }]
@@ -587,8 +653,8 @@ export const DialDevTools = ({
                     style: styles.centerText,
                     children: "BUOY"
                   }), isPro && /*#__PURE__*/_jsx(Text, {
-                    style: styles.proText,
-                    children: "PRO"
+                    style: [styles.proText, isWeekendFree && styles.weekendText],
+                    children: isWeekendFree ? "WEEKEND" : "PRO"
                   })]
                 })
               })
@@ -603,11 +669,11 @@ export const DialDevTools = ({
       onNext: () => handlePageChange(safePage + 1),
       animatedStyle: {
         position: "absolute",
-        left: (SCREEN_WIDTH - CIRCLE_SIZE) / 2,
-        // Circle's bottom edge sits at bottom: 80 -> SCREEN_HEIGHT - 80
+        left: (screenWidth - circleSize) / 2,
+        // Circle's bottom edge sits at bottom: 80 -> screenHeight - 80
         // from the top. Place the pager 16px below that edge.
-        top: SCREEN_HEIGHT - 80 + 16,
-        width: CIRCLE_SIZE,
+        top: screenHeight - 80 + 16,
+        width: circleSize,
         opacity: dialScale,
         transform: [{
           scale: dialScale
@@ -628,23 +694,20 @@ export const DialDevTools = ({
 };
 const styles = StyleSheet.create({
   container: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     zIndex: 9999
   },
   backdrop: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: dialColors.dialBackdrop
   },
+  // width/height/borderRadius for the circle pieces come from sizeStyles —
+  // they track the live window width.
   parent: {
-    width: CIRCLE_SIZE,
-    height: CIRCLE_SIZE,
     alignItems: "center",
     justifyContent: "center"
   },
   circle: {
-    width: CIRCLE_SIZE,
-    height: CIRCLE_SIZE,
-    borderRadius: CIRCLE_SIZE / 2,
     position: "absolute",
     backgroundColor: "transparent",
     borderWidth: 1,
@@ -661,41 +724,36 @@ const styles = StyleSheet.create({
   gradientBackground: {
     width: "100%",
     height: "100%",
-    borderRadius: CIRCLE_SIZE / 2,
     position: "relative",
     backgroundColor: dialColors.dialBackground,
     overflow: "hidden"
   },
   gradientLayer1: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: dialColors.dialGradient1,
-    opacity: 0.6,
-    borderRadius: CIRCLE_SIZE / 2
+    opacity: 0.6
   },
   gradientLayer2: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: dialColors.dialGradient2,
     opacity: 0.4,
     top: "30%",
-    left: "30%",
-    borderRadius: CIRCLE_SIZE / 2
+    left: "30%"
   },
   gradientLayer3: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: dialColors.dialGradient3,
     opacity: 0.3,
     top: "50%",
-    left: "50%",
-    borderRadius: CIRCLE_SIZE / 2
+    left: "50%"
   },
   gridPattern: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     alignItems: "center",
     justifyContent: "center"
   },
   gridLine: {
     position: "absolute",
-    width: CIRCLE_SIZE,
     height: 1,
     backgroundColor: dialColors.dialGridLine
   },
@@ -721,13 +779,13 @@ const styles = StyleSheet.create({
     overflow: "hidden"
   },
   buttonGradientLayer1: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: dialColors.dialGradient1,
     opacity: 0.5,
     borderRadius: BUTTON_SIZE
   },
   buttonGradientLayer2: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: dialColors.dialGradient2,
     opacity: 0.3,
     top: "20%",
@@ -735,7 +793,7 @@ const styles = StyleSheet.create({
     borderRadius: BUTTON_SIZE
   },
   buttonGradientLayer3: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     backgroundColor: dialColors.dialGradient3,
     opacity: 0.2,
     top: "40%",
@@ -801,5 +859,11 @@ const styles = StyleSheet.create({
       height: 0
     },
     textShadowRadius: 4
+  },
+  // Weekend Pass variant — violet, tighter spacing so "WEEKEND" fits the dial.
+  weekendText: {
+    color: "#BF5AF2",
+    letterSpacing: 1,
+    textShadowColor: "#BF5AF2"
   }
 });

package/lib/module/floatingMenu/dial/DialIcon.js

@@ -1,19 +1,13 @@
 "use strict";
 
 import { useMemo, useRef } from "react";
-import { StyleSheet, Pressable, View, Text, Dimensions, Animated } from "react-native";
-import { getDialLayout, getIconPosition, getIconStaggerInputRange, DIAL_START_ANGLE, dialColors, dialStyles, dialAnimationConfig } from "@buoy-gg/floating-tools-core";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const {
-  width: SCREEN_WIDTH
-} = Dimensions.get("window");
+import { StyleSheet, Pressable, View, Text, useWindowDimensions, Animated } from "react-native";
+import { getDialLayout, getIconPosition, getIconStaggerInputRange, DIAL_START_ANGLE, DIAL_ICON_SIZE, dialColors, dialStyles, dialAnimationConfig, floatingToolsColors } from "@buoy-gg/floating-tools-core";
 
-// Use shared layout calculation
-const layout = getDialLayout({
-  screenWidth: SCREEN_WIDTH
-});
-const VIEW_SIZE = layout.iconSize;
-const CIRCLE_RADIUS = layout.circleRadius;
+// The circle radius depends on the live window width and is computed inside
+// the component (must match DialDevTools' circle, which does the same).
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const VIEW_SIZE = DIAL_ICON_SIZE;
 export const DialIcon = ({
   index,
   icon,
@@ -24,6 +18,12 @@ export const DialIcon = ({
 }) => {
   // Animation values - using interpolation for better performance
   const scale = useRef(new Animated.Value(1)).current;
+  const {
+    width: screenWidth
+  } = useWindowDimensions();
+  const layout = useMemo(() => getDialLayout({
+    screenWidth
+  }), [screenWidth]);
 
   // Hover animation on press in/out - using shared config
   // Fallback values in case dialAnimationConfig hasn't loaded yet
@@ -119,14 +119,14 @@ export const DialIcon = ({
       itemOpacity,
       progressScale: staggeredProgress
     };
-  }, [index, totalIcons, iconsProgress]);
+  }, [index, totalIcons, iconsProgress, layout]);
 
   // Main animated style for position and appearance
   const animatedStyle = {
     position: "absolute",
-    left: CIRCLE_RADIUS - VIEW_SIZE / 2,
+    left: layout.circleRadius - VIEW_SIZE / 2,
     // Center position
-    top: CIRCLE_RADIUS - VIEW_SIZE / 2,
+    top: layout.circleRadius - VIEW_SIZE / 2,
     // Center position
     opacity: motion.itemOpacity,
     transform: [{
@@ -154,6 +154,32 @@ export const DialIcon = ({
       children: /*#__PURE__*/_jsx(View, {
         style: styles.emptyDot
       })
+    }) : icon.unavailable ?
+    /*#__PURE__*/
+    // ── Unavailable tool ──────────────────────────────────────────────────
+    // Renders the real icon + real name at NORMAL styling (visually identical
+    // to an installed tool). The ONLY signal that it's unavailable is the small
+    // muted "Unavailable" caption under the name. It's non-interactive: no
+    // Pressable, and the dial stays open when tapped because
+    // DialDevTools.handleIconPress returns early for unavailable icons.
+    _jsxs(View, {
+      style: styles.pressable,
+      children: [/*#__PURE__*/_jsx(View, {
+        style: styles.iconWrapper,
+        children: icon.icon
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.label,
+        numberOfLines: 1,
+        adjustsFontSizeToFit: true,
+        minimumFontScale: 0.7,
+        children: icon.name.toUpperCase()
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles.unavailableCaption,
+        numberOfLines: 1,
+        adjustsFontSizeToFit: true,
+        minimumFontScale: 0.6,
+        children: "Unavailable"
+      })]
     }) : /*#__PURE__*/_jsxs(Pressable, {
       onPress: () => onPress(icon),
       onPressIn: handlePressIn,
@@ -244,5 +270,20 @@ const styles = StyleSheet.create({
     backgroundColor: dialColors.emptyDotBackground,
     borderWidth: dialStyles.emptySlot.borderWidth,
     borderColor: dialColors.emptyDotBorder
+  },
+  // ── Unavailable tool styles ────────────────────────────────────────────────
+  /**
+   * Small muted caption shown under the (normal-styled) tool name — the only
+   * signal that the tool is not installed. Kept compact (smaller than the label)
+   * so the extra line doesn't disturb the arc layout. Uses the shared muted
+   * theme token rather than a hardcoded color.
+   */
+  unavailableCaption: {
+    fontSize: dialStyles.icon.label.fontSize - 1,
+    fontWeight: dialStyles.icon.label.fontWeight,
+    letterSpacing: dialStyles.icon.label.letterSpacing,
+    fontFamily: dialStyles.icon.label.fontFamily,
+    color: floatingToolsColors.muted,
+    textTransform: "uppercase"
   }
 });

package/lib/module/floatingMenu/dial/OnboardingTooltip.js

@@ -2,6 +2,7 @@
 
 import { useEffect, useRef } from "react";
 import { Animated, Pressable, StyleSheet, Text, View, Easing } from "react-native";
+import { absoluteFill } from "@buoy-gg/shared-ui";
 import { dialColors, buoyColors } from "@buoy-gg/shared-ui";
 import { calculateTooltipPosition, ARROW_BOTTOM_OFFSET, ARROW_HEIGHT } from "./onboardingConstants.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -128,7 +129,7 @@ export const OnboardingTooltip = ({
 };
 const styles = StyleSheet.create({
   container: {
-    ...StyleSheet.absoluteFillObject,
+    ...absoluteFill,
     alignItems: "center",
     justifyContent: "center",
     pointerEvents: "box-none"

package/lib/typescript/commonjs/floatingMenu/DevToolsSettingsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DevToolsSettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/DevToolsSettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,EAAE,EAAE,MAAM,OAAO,CAAC;AAqJtE;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uFAAuF;IACvF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QACvC,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,kDAAkD;IAClD,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAED,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE;QACd,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;KAChC,EAAE,CAAC;CACL;AA2DD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA28BhE,CAAC;AAwDF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;CAuD/B,CAAC"}
+{"version":3,"file":"DevToolsSettingsModal.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/DevToolsSettingsModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA6C,EAAE,EAAE,MAAM,OAAO,CAAC;AAsJtE;;;GAGG;AACH,MAAM,WAAW,sBAAsB;IACrC;;;;OAIG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;OAGG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED;;;GAGG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4EAA4E;IAC5E,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uFAAuF;IACvF,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;QACvC,WAAW,EAAE,OAAO,CAAC;KACtB,CAAC;IACF,kDAAkD;IAClD,cAAc,CAAC,EAAE,sBAAsB,CAAC;CACzC;AAED,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE;QACd,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;KAChC,EAAE,CAAC;CACL;AA2DD;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA+8BhE,CAAC;AAwDF;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB;;;CAuD/B,CAAC"}

package/lib/typescript/commonjs/floatingMenu/FloatingDevTools.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { type FloatingMenuProps } from "./FloatingMenu";
 import type { InstalledApp } from "./types";
 import { type DefaultFloatingConfig, type DefaultDialConfig } from "./defaultConfig";
+import { type ExternalSyncOptions } from "./autoExternalSync";
 /**
  * Environment variable configuration
  *
@@ -229,6 +230,23 @@ export interface FloatingDevToolsProps extends Omit<FloatingMenuProps, "apps"> {
      * ```
      */
     zustandStores?: Record<string, any>;
+    /**
+     * Zero-config sync to the Buoy Desktop dashboard.
+     *
+     * Enabled by default in dev builds whenever @buoy-gg/external-sync is
+     * installed: connects to the desktop broker (localhost:42831 — a silent
+     * no-op when the desktop app isn't running) and registers a sync adapter
+     * for every installed tool automatically. Nothing else to render.
+     *
+     * Pass `false` to disable, or options to customize the device identity /
+     * broker URL:
+     *
+     * @example
+     * ```tsx
+     * <FloatingDevTools externalSync={{ deviceName: "My App (ios)" }} />
+     * ```
+     */
+    externalSync?: boolean | ExternalSyncOptions;
 }
 /**
  * Unified floating development tools component with automatic preset discovery.
@@ -284,5 +302,5 @@ export interface FloatingDevToolsProps extends Omit<FloatingMenuProps, "apps"> {
  *
  * @param props - FloatingDevTools props
  */
-export declare const FloatingDevTools: ({ apps, requiredEnvVars, requiredStorageKeys, children, disableHints, defaultFloatingTools, defaultDialTools, requireLicense, licenseKey: licenseKeyProp, zustandStores, environment, ...props }: FloatingDevToolsProps) => React.JSX.Element | null;
+export declare const FloatingDevTools: ({ apps, requiredEnvVars, requiredStorageKeys, children, disableHints, defaultFloatingTools, defaultDialTools, requireLicense, licenseKey: licenseKeyProp, zustandStores, environment, externalSync, ...props }: FloatingDevToolsProps) => React.JSX.Element | null;
 //# sourceMappingURL=FloatingDevTools.d.ts.map

package/lib/typescript/commonjs/floatingMenu/FloatingDevTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingDevTools.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EAEvB,MAAM,iBAAiB,CAAC;AAIzB;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,KAAK,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC5E;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IAEjC;;;;;;;;;;;;OAYG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;OAaG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAE7C;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC;;;;;;;;;;;;;;;;OAgBG;IACH,qBAAqB,CAAC,EAAE,OAAO,oBAAoB,EAAE,WAAW,EAAE,CAAC;IAEnE;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,IAAI,CAAC;IAEtF;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;;;;;;;;;OAkBG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACrC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,gBAAgB,GAAI,kMAa9B,qBAAqB,6BAwOvB,CAAC"}
+{"version":3,"file":"FloatingDevTools.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAI5C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,iBAAiB,EAEvB,MAAM,iBAAiB,CAAC;AAGzB,OAAO,EAGL,KAAK,mBAAmB,EACzB,MAAM,oBAAoB,CAAC;AAE5B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,GACD;IACE,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EACR,QAAQ,GACR,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,KAAK,CAAC;IACV,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC1D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC1C;AAED;;;;;;GAMG;AACH,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IAC5E;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,IAAI,CAAC,EAAE,YAAY,EAAE,CAAC;IAEtB;;;;;;;;;;;;;;OAcG;IACH,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IAEjC;;;;;;;;;;;;OAYG;IACH,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAEzC;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;;;;;;;OASG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;;;;;;;;;;;OAaG;IACH,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAE7C;;;;;;;;;;;;;;OAcG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IAErC;;;;;;;;;;;;;;;;OAgBG;IACH,qBAAqB,CAAC,EAAE,OAAO,oBAAoB,EAAE,WAAW,EAAE,CAAC;IAEnE;;;;;;;;;;;;;OAaG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,oBAAoB,EAAE,WAAW,KAAK,IAAI,CAAC;IAEtF;;;;;;;;;;OAUG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;;;;;;;;;OAkBG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAEpC;;;;;;;;;;;;;;;OAeG;IACH,YAAY,CAAC,EAAE,OAAO,GAAG,mBAAmB,CAAC;CAC9C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqDG;AACH,eAAO,MAAM,gBAAgB,GAAI,gNAc9B,qBAAqB,6BAoQvB,CAAC"}

package/lib/typescript/commonjs/floatingMenu/FloatingMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FloatingMenu.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AASrF,OAAO,EAAiB,QAAQ,EAAc,MAAM,iBAAiB,CAAC;AACtE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AActD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,sFAAsF;IACtF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAC7C,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;IACtC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1D;AAYD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwU9C,CAAC"}
+{"version":3,"file":"FloatingMenu.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/FloatingMenu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAqD,MAAM,OAAO,CAAC;AASrF,OAAO,EAAiB,QAAQ,EAAc,MAAM,iBAAiB,CAAC;AACtE,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,SAAS,CAAC;AACjB,OAAO,KAAK,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEhF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AActD;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,+DAA+D;IAC/D,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,sFAAsF;IACtF,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,uFAAuF;IACvF,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,kFAAkF;IAClF,oBAAoB,CAAC,EAAE,qBAAqB,CAAC;IAC7C,oFAAoF;IACpF,gBAAgB,CAAC,EAAE,iBAAiB,CAAC;IACrC;;;OAGG;IACH,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC;IACtC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,WAAW,EAAE,WAAW,KAAK,IAAI,CAAC;CAC1D;AAWD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwU9C,CAAC"}

package/lib/typescript/commonjs/floatingMenu/allToolsRegistry.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Canonical registry of ALL dial-eligible tools React Buoy offers on mobile.
+ *
+ * This is the single source of truth used to compute which tools are
+ * "unavailable" (offered but not installed in the current app).  It lives
+ * inside the floating-menu package so nothing outside needs to be imported.
+ *
+ * Rules for this file:
+ *  - Only import from REQUIRED dependencies (@buoy-gg/floating-tools-core,
+ *    @buoy-gg/shared-ui, react-native) so the icons are always resolvable,
+ *    even when the optional tool packages are not installed.
+ *  - Only include tools whose preset slot is NOT "row" (row-only tools never
+ *    appear in the dial and have no "unavailable" state to show).
+ *  - Keep the order intentional: this order is the fallback when no usage
+ *    data exists for new/unavailable tools.
+ */
+import React from "react";
+export interface AllToolsEntry {
+    /** Unique tool ID — must match the preset id from the tool's package */
+    id: string;
+    /** Display name (shown in the dial + unavailable label) */
+    name: string;
+    /** Accent color */
+    color: string;
+    /** Icon render function — receives the requested pixel size */
+    renderIcon: (size: number) => React.ReactNode;
+}
+/**
+ * Full list of every dial-eligible tool React Buoy offers on mobile.
+ *
+ * Available (installed) tools are shown normally in the dial.
+ * Unavailable (not installed) tools are appended at the end of the dial and look
+ * like a normal item (real icon + real name) with a small muted "Unavailable"
+ * caption added; they are non-interactive.
+ *
+ * To add a new tool to Buoy:
+ *  1. Add its preset to autoDiscoverPresets.ts
+ *  2. Add an entry here so it appears in the "unavailable" section for apps
+ *     that haven't installed it yet.
+ */
+export declare const ALL_TOOLS_REGISTRY: AllToolsEntry[];
+//# sourceMappingURL=allToolsRegistry.d.ts.map

package/lib/typescript/commonjs/floatingMenu/allToolsRegistry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"allToolsRegistry.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/allToolsRegistry.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgE1B,MAAM,WAAW,aAAa;IAC5B,wEAAwE;IACxE,EAAE,EAAE,MAAM,CAAC;IACX,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CAC/C;AAID;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,kBAAkB,EAAE,aAAa,EAyE7C,CAAC"}

package/lib/typescript/commonjs/floatingMenu/autoExternalSync.d.ts

@@ -0,0 +1,25 @@
+import type { EnvVarConfig } from "./FloatingDevTools";
+/** Whether zero-config sync can run (the external-sync package is installed). */
+export declare function isExternalSyncAvailable(): boolean;
+export interface ExternalSyncOptions {
+    /** Broker URL. @default "http://localhost:42831" (the Buoy Desktop app) */
+    socketURL?: string;
+    /** Shown in the desktop device list. @default "<app name> (<platform>)" */
+    deviceName?: string;
+    /** Stable device identity across restarts. @default "<app-slug>-<platform>" */
+    deviceId?: string;
+    /** @default false */
+    enableLogs?: boolean;
+}
+interface AutoExternalSyncProps {
+    options?: ExternalSyncOptions;
+    /** FloatingDevTools' requiredEnvVars — reused for the env tool's adapter. */
+    requiredEnvVars?: EnvVarConfig[];
+    /** Pro status, forwarded into the handshake so the dashboard can adopt it. */
+    isPro?: boolean;
+    /** Pro license key, forwarded into the handshake alongside `isPro`. */
+    licenseKey?: string | null;
+}
+export declare function AutoExternalSync({ options, requiredEnvVars, isPro, licenseKey, }: AutoExternalSyncProps): null;
+export {};
+//# sourceMappingURL=autoExternalSync.d.ts.map

package/lib/typescript/commonjs/floatingMenu/autoExternalSync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"autoExternalSync.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/autoExternalSync.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AA8GvD,iFAAiF;AACjF,wBAAgB,uBAAuB,IAAI,OAAO,CAEjD;AAED,MAAM,WAAW,mBAAmB;IAClC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAuBD,UAAU,qBAAqB;IAC7B,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,6EAA6E;IAC7E,eAAe,CAAC,EAAE,YAAY,EAAE,CAAC;IACjC,8EAA8E;IAC9E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,eAAe,EACf,KAAK,EACL,UAAU,GACX,EAAE,qBAAqB,QAqGvB"}

package/lib/typescript/commonjs/floatingMenu/defaultConfig.d.ts

@@ -19,7 +19,7 @@
  * All known tool IDs that can appear in the floating menu or dial menu.
  * This is a union type of all auto-discovered tool IDs.
  */
-export type BuiltInToolId = 'env' | 'network' | 'storage' | 'query' | 'query-wifi-toggle' | 'route-events' | 'debug-borders' | 'highlight-updates' | 'highlight-updates-modal';
+export type BuiltInToolId = 'env' | 'network' | 'storage' | 'query' | 'query-wifi-toggle' | 'route-events' | 'debug-borders' | 'highlight-updates' | 'highlight-updates-modal' | 'redux' | 'zustand' | 'jotai' | 'events' | 'image-overlay' | 'perf-monitor' | 'perf-monitor-modal';
 /**
  * Special floating-only tool IDs that only appear in the floating bubble row.
  */

package/lib/typescript/commonjs/floatingMenu/defaultConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultConfig.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/defaultConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH;;;GAGG;AACH,MAAM,MAAM,aAAa,GACrB,KAAK,GACL,SAAS,GACT,SAAS,GACT,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,eAAe,GACf,mBAAmB,GACnB,yBAAyB,CAAC;AAE9B;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,kBAAkB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,EAAE,CAAC;AAE7C;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,CAW9E;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,cAAc,EAAE,EAC1B,CAAC,SAAS,UAAU,EAAE,EACtB,MAAM,EAAE;IACR,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,GAAG;IACF,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC;CACrB,CAUA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,IAAI,cAAc,CAcjE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,IAAI,UAAU,CAazD;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,GAAG,EAAE,CAAC,EAAE,EACR,cAAc,EAAE,CAAC,EAAE,GAClB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CASzB"}
+{"version":3,"file":"defaultConfig.d.ts","sourceRoot":"","sources":["../../../../src/floatingMenu/defaultConfig.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH;;;GAGG;AACH,MAAM,MAAM,aAAa,GACrB,KAAK,GACL,SAAS,GACT,SAAS,GACT,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,eAAe,GACf,mBAAmB,GACnB,yBAAyB,GACzB,OAAO,GACP,SAAS,GACT,OAAO,GACP,QAAQ,GACR,eAAe,GACf,cAAc,GACd,oBAAoB,CAAC;AAEzB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAC;AAE/C;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,kBAAkB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,UAAU,GAAG,aAAa,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;;;;;GAQG;AACH,MAAM,MAAM,qBAAqB,GAAG,cAAc,EAAE,CAAC;AAErD;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GAAG,UAAU,EAAE,CAAC;AAE7C;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,iBAAiB,GAAG,iBAAiB,CAW9E;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,cAAc,EAAE,EAC1B,CAAC,SAAS,UAAU,EAAE,EACtB,MAAM,EAAE;IACR,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,IAAI,CAAC,EAAE,CAAC,CAAC;CACV,GAAG;IACF,QAAQ,EAAE,CAAC,GAAG,SAAS,CAAC;IACxB,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC;CACrB,CAUA;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,IAAI,cAAc,CAcjE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,EAAE,MAAM,GAAG,EAAE,IAAI,UAAU,CAazD;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,GAAG,EAAE,CAAC,EAAE,EACR,cAAc,EAAE,CAAC,EAAE,GAClB,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CASzB"}

package/lib/typescript/commonjs/floatingMenu/dial/DialDevTools.d.ts

@@ -19,6 +19,13 @@ export type IconType = {
     }) => ReactNode;
     color: string;
     onPress: () => void;
+    /**
+     * True for tools that React Buoy offers but the current app has not installed.
+     * Unavailable items render like a normal item (real icon + real name at full
+     * styling) plus a small muted "Unavailable" caption, and are non-interactive
+     * (tapping does nothing and keeps the dial open).
+     */
+    unavailable?: boolean;
 };
 interface DialDevToolsProps {
     onClose?: () => void;

package/lib/typescript/commonjs/floatingMenu/dial/DialDevTools.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AA8B5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAqBlB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAwmB9C,CAAC"}
+{"version":3,"file":"DialDevTools.d.ts","sourceRoot":"","sources":["../../../../../src/floatingMenu/dial/DialDevTools.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAwC,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAgC5E,OAAO,KAAK,EACV,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAqBlB,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,iBAAiB,CAAC;QAAC,OAAO,CAAC,EAAE,mBAAmB,CAAA;KAAE,KAAK,SAAS,CAAC;IAC/H,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAWF,UAAU,iBAAiB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,EAAE,YAAY,EAAE,CAAC;IACrB,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmrB9C,CAAC"}