@buoy-gg/core 7.0.41 → 7.0.42

package/lib/commonjs/floatingMenu/dial/DialSnow.js

@@ -1,92 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DialSnow = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * DialSnow — pale particles drifting down inside the open dial's face, built
- * from the shared background primitives (packages/shared/src/ui/backgrounds).
- *
- * Same performance contract as the backgrounds: the loop is native-driven
- * (useLoop hands the whole animation to the UI thread once — zero JS work per
- * frame), the flakes are one rasterized texture, and the scatter table is
- * generated at module load. Cost while the dial is open: 1 animated node and
- * ~24 static views, mounted only for the dial's lifetime.
- *
- * Rendered inside the circle's `overflow: "hidden"` background. The dial is
- * fixed-size (never user-resized), so sizing geometry from the passed circle
- * size is correct here.
- */
-
-/** Pale mint-ice flake tint — sits quietly on the dial's dark face. */const SNOW_COLOR = "#A8E0D2";
-
-/** Stride 3: x, y, size — fixed seed so the flurry is identical every open. */
-const SNOW_COUNT = 12;
-const SNOW_TABLE = (0, _sharedUi.scatter)(0x5ea1, SNOW_COUNT * 3);
-
-/**
- * The two-copy tiling trick from the backdrops: everything drawn twice one
- * height apart, translated a full height per loop, so the seam never shows.
- * Sway is keyframed onto the SAME loop value.
- */
-const DialSnow = exports.DialSnow = /*#__PURE__*/(0, _react.memo)(function DialSnow({
-  size
-}) {
-  const t = (0, _sharedUi.useLoop)(26000);
-  const translateY = t.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, size]
-  });
-  const translateX = t.interpolate({
-    inputRange: [0, 0.25, 0.5, 0.75, 1],
-    outputRange: [0, 5, 0, -5, 0]
-  });
-  const flakes = [];
-  for (let i = 0; i < SNOW_COUNT; i++) {
-    const x = SNOW_TABLE[i * 3] * size;
-    const y = SNOW_TABLE[i * 3 + 1] * size;
-    // Bigger flakes read nearer, so they get more alpha too.
-    const dia = 1.4 + SNOW_TABLE[i * 3 + 2] * 1.2;
-    const alpha = 0.28 + SNOW_TABLE[i * 3 + 2] * 0.18;
-    for (let copy = 0; copy < 2; copy++) {
-      flakes.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          left: x - dia / 2,
-          top: y + copy * size - dia / 2,
-          width: dia,
-          height: dia,
-          borderRadius: dia / 2,
-          backgroundColor: (0, _sharedUi.withBgAlpha)(SNOW_COLOR, alpha)
-        }
-      }, `${i}-${copy}`));
-    }
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: {
-      position: "absolute",
-      left: 0,
-      top: -size,
-      width: size,
-      height: size * 2,
-      transform: [{
-        translateY
-      }, {
-        translateX
-      }]
-    },
-    pointerEvents: "none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.RasterLayer, {
-      style: {
-        width: size,
-        height: size * 2
-      },
-      children: flakes
-    })
-  });
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.DialSnow=void 0;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");const SNOW_COLOR="#A8E0D2";const SNOW_COUNT=12;const SNOW_TABLE=(0,_sharedUi.scatter)(24225,SNOW_COUNT*3);const DialSnow=exports.DialSnow=(0,_react.memo)(function p({size:t}){const n=(0,_sharedUi.useLoop)(26e3);const i=n.interpolate({inputRange:[0,1],outputRange:[0,t]});const s=n.interpolate({inputRange:[0,.25,.5,.75,1],outputRange:[0,5,0,-5,0]});const a=[];for(let e=0;e<SNOW_COUNT;e++){const u=SNOW_TABLE[e*3]*t;const c=SNOW_TABLE[e*3+1]*t;const o=1.4+SNOW_TABLE[e*3+2]*1.2;const l=.28+SNOW_TABLE[e*3+2]*.18;for(let r=0;r<2;r++){a.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:u-o/2,top:c+r*t-o/2,width:o,height:o,borderRadius:o/2,backgroundColor:(0,_sharedUi.withBgAlpha)(SNOW_COLOR,l)}},`${e}-${r}`))}}return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{position:"absolute",left:0,top:-t,width:t,height:t*2,transform:[{translateY:i},{translateX:s}]},pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_sharedUi.RasterLayer,{style:{width:t,height:t*2},children:a})})});

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

@@ -1,246 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OnboardingTooltip = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
-var _onboardingConstants = require("./onboardingConstants");
-var _jsxRuntime = require("react/jsx-runtime");
-// dialColors comes from floating-tools-core — the shared-ui export of the same
-// name is a stale legacy copy and must not be used here.
-
-const OnboardingTooltip = ({
-  visible,
-  onDismiss,
-  title = "Welcome to Buoy!",
-  message = "Tap the center button to configure and add tools to your dial menu."
-}) => {
-  const fadeAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  const scaleAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0.8)).current;
-  const pulseAnim = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
-  const arrowBounceAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
-  (0, _react.useEffect)(() => {
-    if (visible) {
-      // Entrance animation
-      _reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
-        toValue: 1,
-        duration: 300,
-        easing: _reactNative.Easing.out(_reactNative.Easing.ease),
-        useNativeDriver: true
-      }), _reactNative.Animated.spring(scaleAnim, {
-        toValue: 1,
-        damping: 12,
-        stiffness: 150,
-        useNativeDriver: true
-      })]).start();
-
-      // Continuous pulse animation for the tooltip
-      _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(pulseAnim, {
-        toValue: 1.02,
-        duration: 1500,
-        easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(pulseAnim, {
-        toValue: 1,
-        duration: 1500,
-        easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
-        useNativeDriver: true
-      })])).start();
-
-      // Bouncing arrow animation
-      _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(arrowBounceAnim, {
-        toValue: -8,
-        duration: 800,
-        easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(arrowBounceAnim, {
-        toValue: 0,
-        duration: 800,
-        easing: _reactNative.Easing.inOut(_reactNative.Easing.ease),
-        useNativeDriver: true
-      })])).start();
-    } else {
-      // Exit animation
-      _reactNative.Animated.parallel([_reactNative.Animated.timing(fadeAnim, {
-        toValue: 0,
-        duration: 200,
-        easing: _reactNative.Easing.in(_reactNative.Easing.ease),
-        useNativeDriver: true
-      }), _reactNative.Animated.timing(scaleAnim, {
-        toValue: 0.8,
-        duration: 200,
-        easing: _reactNative.Easing.in(_reactNative.Easing.ease),
-        useNativeDriver: true
-      })]).start();
-    }
-  }, [visible]);
-  if (!visible) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-    style: [styles.container, {
-      opacity: fadeAnim,
-      transform: [{
-        scale: scaleAnim
-      }]
-    }],
-    pointerEvents: "box-none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-      style: [styles.tooltipContainer, {
-        transform: [{
-          scale: pulseAnim
-        }]
-      }],
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.tooltip,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: styles.glowEffect
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.content,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.title,
-            children: title
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-            style: styles.message,
-            children: message
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
-            onPress: onDismiss,
-            style: ({
-              pressed
-            }) => [styles.button, pressed && styles.buttonPressed],
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-              style: styles.buttonGradient,
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-                style: styles.buttonText,
-                children: "Got it!"
-              })
-            })
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
-          style: [styles.arrowContainer, {
-            transform: [{
-              translateY: arrowBounceAnim
-            }]
-          }],
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: styles.arrow
-          })
-        })]
-      })
-    })
-  });
-};
-exports.OnboardingTooltip = OnboardingTooltip;
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    ..._sharedUi.absoluteFill,
-    alignItems: "center",
-    justifyContent: "center",
-    pointerEvents: "box-none"
-  },
-  tooltipContainer: {
-    position: "absolute",
-    bottom: (0, _onboardingConstants.calculateTooltipPosition)(),
-    alignItems: "center",
-    maxWidth: 280
-  },
-  tooltip: {
-    backgroundColor: _floatingToolsCore.dialColors.dialBackground,
-    borderRadius: 16,
-    borderWidth: 1,
-    borderColor: _floatingToolsCore.dialColors.dialBorder,
-    padding: 20,
-    shadowColor: _floatingToolsCore.dialColors.dialShadow,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.6,
-    shadowRadius: 20,
-    elevation: 10
-  },
-  glowEffect: {
-    position: "absolute",
-    top: -4,
-    left: -4,
-    right: -4,
-    bottom: -4,
-    borderRadius: 18,
-    backgroundColor: "#FFFFFF",
-    opacity: 0.06
-  },
-  content: {
-    alignItems: "center",
-    gap: 12
-  },
-  title: {
-    color: _floatingToolsCore.dialColors.accent,
-    fontSize: 16,
-    fontWeight: "900",
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 1,
-    textAlign: "center",
-    textTransform: "uppercase"
-  },
-  message: {
-    color: _floatingToolsCore.dialColors.centerText,
-    fontSize: 13,
-    lineHeight: 20,
-    textAlign: "center",
-    fontFamily: _sharedUi.monoFont
-  },
-  button: {
-    marginTop: 8,
-    borderRadius: 8,
-    overflow: "hidden"
-  },
-  buttonPressed: {
-    opacity: 0.7,
-    transform: [{
-      scale: 0.96
-    }]
-  },
-  // Night primary button — accent fill takes dark ink.
-  buttonGradient: {
-    backgroundColor: _floatingToolsCore.dialColors.accent,
-    paddingHorizontal: 24,
-    paddingVertical: 10,
-    alignItems: "center"
-  },
-  buttonText: {
-    color: "#000000",
-    fontSize: 14,
-    fontWeight: "900",
-    fontFamily: _sharedUi.monoFont,
-    letterSpacing: 1.5,
-    textTransform: "uppercase"
-  },
-  arrowContainer: {
-    position: "absolute",
-    bottom: _onboardingConstants.ARROW_BOTTOM_OFFSET,
-    left: 0,
-    right: 0,
-    alignItems: "center"
-  },
-  arrow: {
-    width: 0,
-    height: 0,
-    borderLeftWidth: 12,
-    borderRightWidth: 12,
-    borderTopWidth: _onboardingConstants.ARROW_HEIGHT,
-    borderLeftColor: "transparent",
-    borderRightColor: "transparent",
-    borderTopColor: _floatingToolsCore.dialColors.accent,
-    shadowColor: _floatingToolsCore.dialColors.dialShadow,
-    shadowOffset: {
-      width: 0,
-      height: 0
-    },
-    shadowOpacity: 0.5,
-    shadowRadius: 10
-  }
-});
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.OnboardingTooltip=void 0;var _react=require("react");var _reactNative=require("react-native");var _sharedUi=require("@buoy-gg/shared-ui");var _floatingToolsCore=require("@buoy-gg/floating-tools-core");var _onboardingConstants=require("./onboardingConstants");var _jsxRuntime=require("react/jsx-runtime");const OnboardingTooltip=({visible:e,onDismiss:a,title:r="Welcome to Buoy!",message:s="Tap the center button to configure and add tools to your dial menu."})=>{const t=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;const o=(0,_react.useRef)(new _reactNative.Animated.Value(.8)).current;const i=(0,_react.useRef)(new _reactNative.Animated.Value(1)).current;const n=(0,_react.useRef)(new _reactNative.Animated.Value(0)).current;(0,_react.useEffect)(()=>{if(e){_reactNative.Animated.parallel([_reactNative.Animated.timing(t,{toValue:1,duration:300,easing:_reactNative.Easing.out(_reactNative.Easing.ease),useNativeDriver:true}),_reactNative.Animated.spring(o,{toValue:1,damping:12,stiffness:150,useNativeDriver:true})]).start();_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(i,{toValue:1.02,duration:1500,easing:_reactNative.Easing.inOut(_reactNative.Easing.ease),useNativeDriver:true}),_reactNative.Animated.timing(i,{toValue:1,duration:1500,easing:_reactNative.Easing.inOut(_reactNative.Easing.ease),useNativeDriver:true})])).start();_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(n,{toValue:-8,duration:800,easing:_reactNative.Easing.inOut(_reactNative.Easing.ease),useNativeDriver:true}),_reactNative.Animated.timing(n,{toValue:0,duration:800,easing:_reactNative.Easing.inOut(_reactNative.Easing.ease),useNativeDriver:true})])).start()}else{_reactNative.Animated.parallel([_reactNative.Animated.timing(t,{toValue:0,duration:200,easing:_reactNative.Easing.in(_reactNative.Easing.ease),useNativeDriver:true}),_reactNative.Animated.timing(o,{toValue:.8,duration:200,easing:_reactNative.Easing.in(_reactNative.Easing.ease),useNativeDriver:true})]).start()}},[e]);if(!e){return null}return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.container,{opacity:t,transform:[{scale:o}]}],pointerEvents:"box-none",children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.tooltipContainer,{transform:[{scale:i}]}],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.tooltip,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.glowEffect}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.content,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:r}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.message,children:s}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:a,style:({pressed:l})=>[styles.button,l&&styles.buttonPressed],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.buttonGradient,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.buttonText,children:"Got it!"})})})]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.arrowContainer,{transform:[{translateY:n}]}],children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:styles.arrow})})]})})})};exports.OnboardingTooltip=OnboardingTooltip;const styles=_reactNative.StyleSheet.create({container:{..._sharedUi.absoluteFill,alignItems:"center",justifyContent:"center",pointerEvents:"box-none"},tooltipContainer:{position:"absolute",bottom:(0,_onboardingConstants.calculateTooltipPosition)(),alignItems:"center",maxWidth:280},tooltip:{backgroundColor:_floatingToolsCore.dialColors.dialBackground,borderRadius:16,borderWidth:1,borderColor:_floatingToolsCore.dialColors.dialBorder,padding:20,shadowColor:_floatingToolsCore.dialColors.dialShadow,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:20,elevation:10},glowEffect:{position:"absolute",top:-4,left:-4,right:-4,bottom:-4,borderRadius:18,backgroundColor:"#FFFFFF",opacity:.06},content:{alignItems:"center",gap:12},title:{color:_floatingToolsCore.dialColors.accent,fontSize:16,fontWeight:"900",fontFamily:_sharedUi.monoFont,letterSpacing:1,textAlign:"center",textTransform:"uppercase"},message:{color:_floatingToolsCore.dialColors.centerText,fontSize:13,lineHeight:20,textAlign:"center",fontFamily:_sharedUi.monoFont},button:{marginTop:8,borderRadius:8,overflow:"hidden"},buttonPressed:{opacity:.7,transform:[{scale:.96}]},buttonGradient:{backgroundColor:_floatingToolsCore.dialColors.accent,paddingHorizontal:24,paddingVertical:10,alignItems:"center"},buttonText:{color:"#000000",fontSize:14,fontWeight:"900",fontFamily:_sharedUi.monoFont,letterSpacing:1.5,textTransform:"uppercase"},arrowContainer:{position:"absolute",bottom:_onboardingConstants.ARROW_BOTTOM_OFFSET,left:0,right:0,alignItems:"center"},arrow:{width:0,height:0,borderLeftWidth:12,borderRightWidth:12,borderTopWidth:_onboardingConstants.ARROW_HEIGHT,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:_floatingToolsCore.dialColors.accent,shadowColor:_floatingToolsCore.dialColors.dialShadow,shadowOffset:{width:0,height:0},shadowOpacity:.5,shadowRadius:10}});

package/lib/commonjs/floatingMenu/dial/OnboardingTooltip.web.js

@@ -1,26 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.OnboardingTooltip = OnboardingTooltip;
-var _react = require("react");
-var _floatingToolsReact = require("@buoy-gg/floating-tools-react");
-var _onboardingConstantsWeb = require("./onboardingConstants.web.js");
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * OnboardingTooltip — Web twin of OnboardingTooltip.tsx.
- * Centered glowing card with a down-pointing arrow, pulse loop, bouncing
- * arrow, and a "Got it!" button. Rendered over a dark backdrop by callers.
- * All values annotated with the native tokens they mirror.
- */
-
-let onboardingKeyframesInjected = false;
-function injectOnboardingKeyframes() {
-  if (onboardingKeyframesInjected || typeof document === 'undefined') return;
-  const style = document.createElement('style');
-  style.textContent = `
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.OnboardingTooltip=OnboardingTooltip;var _react=require("react");var _floatingToolsReact=require("@buoy-gg/floating-tools-react");var _onboardingConstantsWeb=require("./onboardingConstants.web.js");var _sharedUi=require("@buoy-gg/shared-ui");var _jsxRuntime=require("react/jsx-runtime");let onboardingKeyframesInjected=false;function injectOnboardingKeyframes(){if(onboardingKeyframesInjected||typeof document==="undefined")return;const e=document.createElement("style");e.textContent=`
     @keyframes buoyOnboardPulse {
       0%, 100% { transform: scale(1); }
       50% { transform: scale(1.02); }
@@ -29,127 +7,4 @@ function injectOnboardingKeyframes() {
       0%, 100% { transform: translateY(0); }
       50% { transform: translateY(-8px); }
     }
-  `;
-  document.head.appendChild(style);
-  onboardingKeyframesInjected = true;
-}
-
-// The single brand accent (night accent, #20C997)
-const PRIMARY = _floatingToolsReact.dialColors.accent;
-function OnboardingTooltip({
-  title,
-  message,
-  onDismiss,
-  showArrow = true
-}) {
-  const [entered, setEntered] = (0, _react.useState)(false);
-  const [buttonPressed, setButtonPressed] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    injectOnboardingKeyframes();
-    const raf = requestAnimationFrame(() => setEntered(true));
-    return () => cancelAnimationFrame(raf);
-  }, []);
-  const monoLabel = {
-    fontFamily: _sharedUi.monoFont,
-    textTransform: 'uppercase'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      position: 'fixed',
-      left: '50%',
-      bottom: (0, _onboardingConstantsWeb.calculateTooltipPosition)(),
-      transform: `translateX(-50%) scale(${entered ? 1 : 0.8})`,
-      opacity: entered ? 1 : 0,
-      // native: fade 300ms + spring scale .8→1
-      transition: 'transform 300ms cubic-bezier(0.34, 1.3, 0.64, 1), opacity 300ms ease',
-      zIndex: 10002,
-      pointerEvents: 'auto'
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      style: {
-        position: 'relative',
-        animation: entered ? 'buoyOnboardPulse 3s ease-in-out infinite' : 'none'
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          position: 'absolute',
-          inset: -4,
-          borderRadius: 18,
-          backgroundColor: '#FFFFFF',
-          opacity: 0.06
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        style: {
-          position: 'relative',
-          maxWidth: 280,
-          backgroundColor: _floatingToolsReact.dialColors.dialBackground,
-          borderRadius: 16,
-          border: `1px solid ${_floatingToolsReact.dialColors.dialBorder}`,
-          padding: 20,
-          boxShadow: `0 0 20px ${(0, _floatingToolsReact.withAlpha)(_floatingToolsReact.dialColors.dialShadow, 0.6)}`,
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          gap: 8
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          style: {
-            ...monoLabel,
-            fontSize: 16,
-            fontWeight: 900,
-            letterSpacing: 1,
-            color: PRIMARY,
-            textAlign: 'center'
-          },
-          children: title
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          style: {
-            fontFamily: _sharedUi.monoFont,
-            fontSize: 13,
-            lineHeight: '20px',
-            color: _floatingToolsReact.dialColors.centerText,
-            textAlign: 'center'
-          },
-          children: message
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-          onClick: onDismiss,
-          onMouseDown: () => setButtonPressed(true),
-          onMouseUp: () => setButtonPressed(false),
-          onMouseLeave: () => setButtonPressed(false),
-          style: {
-            ...monoLabel,
-            marginTop: 8,
-            borderRadius: 8,
-            // night primary button — accent fill takes dark ink
-            border: 'none',
-            backgroundColor: PRIMARY,
-            padding: '10px 24px',
-            fontSize: 14,
-            fontWeight: 900,
-            letterSpacing: 1.5,
-            color: '#000000',
-            cursor: 'pointer',
-            opacity: buttonPressed ? 0.7 : 1,
-            transform: buttonPressed ? 'scale(0.96)' : 'scale(1)',
-            transition: 'transform 100ms ease, opacity 100ms ease'
-          },
-          children: "Got it!"
-        })]
-      }), showArrow && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          position: 'absolute',
-          left: '50%',
-          bottom: _onboardingConstantsWeb.ARROW_BOTTOM_OFFSET,
-          marginLeft: -12,
-          width: 0,
-          height: 0,
-          borderLeft: '12px solid transparent',
-          borderRight: '12px solid transparent',
-          borderTop: `${_onboardingConstantsWeb.ARROW_HEIGHT}px solid ${PRIMARY}`,
-          filter: `drop-shadow(0 0 10px ${(0, _floatingToolsReact.withAlpha)(_floatingToolsReact.dialColors.dialShadow, 0.5)})`,
-          animation: entered ? 'buoyOnboardArrowBounce 1.6s ease-in-out infinite' : 'none'
-        }
-      })]
-    })
-  });
-}
+  `;document.head.appendChild(e);onboardingKeyframesInjected=true}const PRIMARY=_floatingToolsReact.dialColors.accent;function OnboardingTooltip({title:e,message:a,onDismiss:i,showArrow:s=true}){const[o,l]=(0,_react.useState)(false);const[n,t]=(0,_react.useState)(false);(0,_react.useEffect)(()=>{injectOnboardingKeyframes();const d=requestAnimationFrame(()=>l(true));return()=>cancelAnimationFrame(d)},[]);const r={fontFamily:_sharedUi.monoFont,textTransform:"uppercase"};return(0,_jsxRuntime.jsx)("div",{style:{position:"fixed",left:"50%",bottom:(0,_onboardingConstantsWeb.calculateTooltipPosition)(),transform:`translateX(-50%) scale(${o?1:.8})`,opacity:o?1:0,transition:"transform 300ms cubic-bezier(0.34, 1.3, 0.64, 1), opacity 300ms ease",zIndex:10002,pointerEvents:"auto"},children:(0,_jsxRuntime.jsxs)("div",{style:{position:"relative",animation:o?"buoyOnboardPulse 3s ease-in-out infinite":"none"},children:[(0,_jsxRuntime.jsx)("div",{style:{position:"absolute",inset:-4,borderRadius:18,backgroundColor:"#FFFFFF",opacity:.06}}),(0,_jsxRuntime.jsxs)("div",{style:{position:"relative",maxWidth:280,backgroundColor:_floatingToolsReact.dialColors.dialBackground,borderRadius:16,border:`1px solid ${_floatingToolsReact.dialColors.dialBorder}`,padding:20,boxShadow:`0 0 20px ${(0,_floatingToolsReact.withAlpha)(_floatingToolsReact.dialColors.dialShadow,.6)}`,display:"flex",flexDirection:"column",alignItems:"center",gap:8},children:[(0,_jsxRuntime.jsx)("span",{style:{...r,fontSize:16,fontWeight:900,letterSpacing:1,color:PRIMARY,textAlign:"center"},children:e}),(0,_jsxRuntime.jsx)("span",{style:{fontFamily:_sharedUi.monoFont,fontSize:13,lineHeight:"20px",color:_floatingToolsReact.dialColors.centerText,textAlign:"center"},children:a}),(0,_jsxRuntime.jsx)("button",{onClick:i,onMouseDown:()=>t(true),onMouseUp:()=>t(false),onMouseLeave:()=>t(false),style:{...r,marginTop:8,borderRadius:8,border:"none",backgroundColor:PRIMARY,padding:"10px 24px",fontSize:14,fontWeight:900,letterSpacing:1.5,color:"#000000",cursor:"pointer",opacity:n?.7:1,transform:n?"scale(0.96)":"scale(1)",transition:"transform 100ms ease, opacity 100ms ease"},children:"Got it!"})]}),s&&(0,_jsxRuntime.jsx)("div",{style:{position:"absolute",left:"50%",bottom:_onboardingConstantsWeb.ARROW_BOTTOM_OFFSET,marginLeft:-12,width:0,height:0,borderLeft:"12px solid transparent",borderRight:"12px solid transparent",borderTop:`${_onboardingConstantsWeb.ARROW_HEIGHT}px solid ${PRIMARY}`,filter:`drop-shadow(0 0 10px ${(0,_floatingToolsReact.withAlpha)(_floatingToolsReact.dialColors.dialShadow,.5)})`,animation:o?"buoyOnboardArrowBounce 1.6s ease-in-out infinite":"none"}})]})})}

package/lib/commonjs/floatingMenu/dial/dialUsageStore.js

@@ -1,93 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getRankedToolIds = getRankedToolIds;
-exports.isDialUsageLoaded = isDialUsageLoaded;
-exports.loadDialUsage = loadDialUsage;
-exports.recordToolUsage = recordToolUsage;
-exports.resetDialUsage = resetDialUsage;
-var _sharedUi = require("@buoy-gg/shared-ui");
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
-/**
- * Persists dial usage and orders tools by their last launch.
- * The cache loads on import so opening the dial can rank tools synchronously.
- */
-
-const STORAGE_KEY = _sharedUi.devToolsStorageKeys.dial.usage();
-let cache = {};
-let loaded = false;
-let loadPromise = null;
-
-/**
- * Load persisted usage data into the in-memory cache. Safe to call multiple
- * times — the underlying read happens only once.
- */
-function loadDialUsage() {
-  if (loadPromise) return loadPromise;
-  loadPromise = (async () => {
-    try {
-      const raw = await _sharedUi.persistentStorage.getItem(STORAGE_KEY);
-      if (raw) {
-        const parsed = JSON.parse(raw);
-        if (parsed && typeof parsed === "object") {
-          cache = parsed;
-        }
-      }
-    } catch {
-      // Ignore — start with an empty usage map.
-    } finally {
-      loaded = true;
-    }
-  })();
-  return loadPromise;
-}
-
-// Kick off the load as soon as this module is imported.
-void loadDialUsage();
-
-/** Whether the usage cache has finished loading from storage. */
-function isDialUsageLoaded() {
-  return loaded;
-}
-
-/** Most recently opened first; unused tools keep registration order. */
-function getRankedToolIds(orderedIds) {
-  return orderedIds.map((id, index) => ({
-    id,
-    index,
-    lastUsed: cache[id]?.lastUsed ?? 0
-  })).sort((a, b) => b.lastUsed - a.lastUsed || a.index - b.index).map(({
-    id
-  }) => id);
-}
-
-/**
- * Record a single press of a tool and persist the updated usage map.
- *
- * @param id - Tool id that was pressed
- */
-async function recordToolUsage(id) {
-  if (!id) return;
-  if (!loaded) await loadDialUsage();
-
-  // Preserve launch order even when presses share a timestamp or the clock moves back.
-  const now = Math.max(Date.now(), ...Object.values(cache).map(entry => entry.lastUsed + 1));
-  cache = (0, _floatingToolsCore.pruneUsage)((0, _floatingToolsCore.recordUsage)(cache, id, now), now);
-  try {
-    await _sharedUi.persistentStorage.setItem(STORAGE_KEY, JSON.stringify(cache));
-  } catch {
-    // Ignore persistence failure — the in-memory cache is still updated.
-  }
-}
-
-/** Clear all usage data (in-memory and persisted). */
-async function resetDialUsage() {
-  cache = {};
-  try {
-    await _sharedUi.persistentStorage.removeItem(STORAGE_KEY);
-  } catch {
-    // Ignore — the in-memory cache is already cleared.
-  }
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.getRankedToolIds=getRankedToolIds;exports.isDialUsageLoaded=isDialUsageLoaded;exports.loadDialUsage=loadDialUsage;exports.recordToolUsage=recordToolUsage;exports.resetDialUsage=resetDialUsage;var _sharedUi=require("@buoy-gg/shared-ui");var _floatingToolsCore=require("@buoy-gg/floating-tools-core");const STORAGE_KEY=_sharedUi.devToolsStorageKeys.dial.usage();let cache={};let loaded=false;let loadPromise=null;function loadDialUsage(){if(loadPromise)return loadPromise;loadPromise=(async()=>{try{const t=await _sharedUi.persistentStorage.getItem(STORAGE_KEY);if(t){const e=JSON.parse(t);if(e&&typeof e==="object"){cache=e}}}catch{}finally{loaded=true}})();return loadPromise}void loadDialUsage();function isDialUsageLoaded(){return loaded}function getRankedToolIds(t){return t.map((e,a)=>({id:e,index:a,lastUsed:cache[e]?.lastUsed??0})).sort((e,a)=>a.lastUsed-e.lastUsed||e.index-a.index).map(({id:e})=>e)}async function recordToolUsage(t){if(!t)return;if(!loaded)await loadDialUsage();const e=Math.max(Date.now(),...Object.values(cache).map(a=>a.lastUsed+1));cache=(0,_floatingToolsCore.pruneUsage)((0,_floatingToolsCore.recordUsage)(cache,t,e),e);try{await _sharedUi.persistentStorage.setItem(STORAGE_KEY,JSON.stringify(cache))}catch{}}async function resetDialUsage(){cache={};try{await _sharedUi.persistentStorage.removeItem(STORAGE_KEY)}catch{}}

package/lib/commonjs/floatingMenu/dial/onboardingConstants.js

@@ -1,42 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ARROW_BOTTOM_OFFSET", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.ARROW_BOTTOM_OFFSET;
-  }
-});
-Object.defineProperty(exports, "ARROW_HEIGHT", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.ARROW_HEIGHT;
-  }
-});
-Object.defineProperty(exports, "SPACING_GAP", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.SPACING_GAP;
-  }
-});
-Object.defineProperty(exports, "calculateTargetPosition", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.calculateTargetPosition;
-  }
-});
-Object.defineProperty(exports, "calculateTooltipPosition", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.calculateTooltipPosition;
-  }
-});
-Object.defineProperty(exports, "getScreenCenterY", {
-  enumerable: true,
-  get: function () {
-    return _sharedUi.getScreenCenterY;
-  }
-});
-var _sharedUi = require("@buoy-gg/shared-ui");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ARROW_BOTTOM_OFFSET",{enumerable:true,get:function(){return _sharedUi.ARROW_BOTTOM_OFFSET}});Object.defineProperty(exports,"ARROW_HEIGHT",{enumerable:true,get:function(){return _sharedUi.ARROW_HEIGHT}});Object.defineProperty(exports,"SPACING_GAP",{enumerable:true,get:function(){return _sharedUi.SPACING_GAP}});Object.defineProperty(exports,"calculateTargetPosition",{enumerable:true,get:function(){return _sharedUi.calculateTargetPosition}});Object.defineProperty(exports,"calculateTooltipPosition",{enumerable:true,get:function(){return _sharedUi.calculateTooltipPosition}});Object.defineProperty(exports,"getScreenCenterY",{enumerable:true,get:function(){return _sharedUi.getScreenCenterY}});var _sharedUi=require("@buoy-gg/shared-ui");