@buoy-gg/floating-tools-core 7.0.41 → 7.0.42

package/floating.js

@@ -1 +1 @@
-module.exports = require("./lib/module/floating.js");
+module.exports=require("./lib/module/floating.js");

package/lib/commonjs/FloatingToolsStore.js

@@ -1,512 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FloatingToolsStore = void 0;
-var _constants = require("./constants.js");
-/**
- * FloatingToolsStore - Headless state management for floating tools.
- *
- * This class manages all the business logic for the floating tools bubble:
- * - Position state and validation
- * - Drag detection (tap vs drag)
- * - Hide/show toggle
- * - Auto-hide when dragged past edge
- * - Position persistence
- *
- * Platform-specific code (animation, event handling) is NOT included here.
- * Use this with platform-specific hooks/bindings.
- */
-
-class FloatingToolsStore {
-  // State
-
-  isDragging = false;
-  isHidden = false;
-
-  // Configuration
-
-  // Callbacks
-
-  // Drag tracking
-  dragStartPos = {
-    x: 0,
-    y: 0
-  };
-  dragStartMouse = {
-    x: 0,
-    y: 0
-  };
-  hasMoved = false;
-  savedPosition = null;
-
-  // Persistence
-  saveTimeout = null;
-  isInitialized = false;
-
-  // Subscribers (for useSyncExternalStore)
-  listeners = new Set();
-  constructor(options) {
-    this.screenWidth = options.screenWidth;
-    this.screenHeight = options.screenHeight;
-    this.bubbleSize = options.initialBubbleSize ?? {
-      width: 100,
-      height: 32
-    };
-    this.minPosition = options.minPosition ?? {
-      x: _constants.EDGE_PADDING,
-      y: _constants.EDGE_PADDING
-    };
-    this.visibleHandleWidth = options.visibleHandleWidth ?? _constants.VISIBLE_HANDLE_WIDTH;
-    this.dragThreshold = options.dragThreshold ?? _constants.DRAG_THRESHOLD;
-    this.edgePadding = options.edgePadding ?? _constants.EDGE_PADDING;
-    this.enablePositionPersistence = options.enablePositionPersistence ?? true;
-    this.storage = options.storage;
-    this.onPositionChange = options.onPositionChange;
-    this.onHiddenChange = options.onHiddenChange;
-    this.onDraggingChange = options.onDraggingChange;
-
-    // Default position
-    this.position = options.initialPosition ?? {
-      x: this.screenWidth - this.bubbleSize.width - 20,
-      y: Math.max(this.minPosition.y, Math.min(100, this.screenHeight - this.bubbleSize.height - this.edgePadding))
-    };
-
-    // Initialize snapshot
-    this.stateSnapshot = this.createSnapshot();
-  }
-
-  // =============================
-  // Subscription (for React hooks)
-  // =============================
-
-  subscribe = listener => {
-    this.listeners.add(listener);
-    return () => this.listeners.delete(listener);
-  };
-  getSnapshot = () => {
-    return this.stateSnapshot;
-  };
-  createSnapshot() {
-    return {
-      position: {
-        ...this.position
-      },
-      isDragging: this.isDragging,
-      isHidden: this.isHidden,
-      bubbleSize: {
-        ...this.bubbleSize
-      }
-    };
-  }
-  notify() {
-    this.stateSnapshot = this.createSnapshot();
-    this.listeners.forEach(listener => listener());
-  }
-
-  // =============================
-  // Initialization
-  // =============================
-
-  /**
-   * Initialize the store by loading persisted position.
-   * Call this after setting up storage adapter.
-   */
-  async initialize() {
-    if (this.isInitialized || !this.enablePositionPersistence || !this.storage) {
-      this.isInitialized = true;
-      return;
-    }
-    try {
-      const [xStr, yStr] = await Promise.all([this.storage.getItem(_constants.STORAGE_KEYS.POSITION_X), this.storage.getItem(_constants.STORAGE_KEYS.POSITION_Y)]);
-      if (xStr !== null && yStr !== null) {
-        const x = parseFloat(xStr);
-        const y = parseFloat(yStr);
-        if (!Number.isNaN(x) && !Number.isNaN(y)) {
-          const saved = {
-            x,
-            y
-          };
-          const validated = this.validatePosition(saved);
-
-          // Save corrected position if out of bounds
-          if (Math.abs(saved.x - validated.x) > 5 || Math.abs(saved.y - validated.y) > 5) {
-            this.savePosition(validated.x, validated.y);
-          }
-          this.position = validated;
-
-          // Check if loaded in hidden state
-          if (validated.x >= this.screenWidth - this.visibleHandleWidth - 5) {
-            this.isHidden = true;
-          }
-          this.notify();
-        }
-      }
-    } catch {
-      // Failed to load - use default position
-    }
-    this.isInitialized = true;
-  }
-
-  // =============================
-  // Position Management
-  // =============================
-
-  /**
-   * Get current bounds for position validation.
-   */
-  getBounds() {
-    return {
-      minX: this.minPosition.x,
-      maxX: this.screenWidth - this.visibleHandleWidth,
-      minY: this.minPosition.y,
-      maxY: this.screenHeight - this.bubbleSize.height - this.edgePadding
-    };
-  }
-
-  /**
-   * Validate and clamp a position to screen boundaries.
-   */
-  validatePosition(pos) {
-    const bounds = this.getBounds();
-    return {
-      x: Math.max(bounds.minX, Math.min(pos.x, bounds.maxX)),
-      y: Math.max(bounds.minY, Math.min(pos.y, bounds.maxY))
-    };
-  }
-
-  /**
-   * Set position directly (for animation callbacks).
-   */
-  setPosition(pos) {
-    this.position = pos;
-    this.onPositionChange?.(pos);
-    this.notify();
-  }
-
-  /**
-   * Update bubble size (call on layout).
-   * Only notifies if size actually changed.
-   */
-  setBubbleSize(size) {
-    if (this.bubbleSize.width === size.width && this.bubbleSize.height === size.height) {
-      return;
-    }
-    this.bubbleSize = size;
-    if (!this.isDragging) this.reconcileBounds();
-    this.notify();
-  }
-
-  /**
-   * Update screen dimensions (call on resize).
-   */
-  setScreenSize(width, height) {
-    this.screenWidth = width;
-    this.screenHeight = height;
-    this.reconcileBounds();
-    this.notify();
-  }
-
-  /** Keep the whole visible tool reachable after its content or viewport changes. */
-  reconcileBounds() {
-    const clampVisible = position => ({
-      x: Math.max(this.minPosition.x, Math.min(position.x, this.screenWidth - this.bubbleSize.width - this.edgePadding)),
-      y: Math.max(this.minPosition.y, Math.min(position.y, this.screenHeight - this.bubbleSize.height - this.edgePadding))
-    });
-    const visible = clampVisible(this.position);
-    this.position = this.isHidden ? {
-      ...visible,
-      x: this.screenWidth - this.visibleHandleWidth
-    } : visible;
-    if (this.savedPosition) this.savedPosition = clampVisible(this.savedPosition);
-  }
-
-  /**
-   * Update min position (e.g., for safe area insets).
-   */
-  setMinPosition(minPos) {
-    this.minPosition = minPos;
-  }
-
-  // =============================
-  // Persistence
-  // =============================
-
-  async savePosition(x, y) {
-    if (!this.enablePositionPersistence || !this.storage) return;
-    try {
-      await Promise.all([this.storage.setItem(_constants.STORAGE_KEYS.POSITION_X, x.toString()), this.storage.setItem(_constants.STORAGE_KEYS.POSITION_Y, y.toString())]);
-    } catch {
-      // Failed to save - continue without persistence
-    }
-  }
-  debouncedSavePosition(x, y) {
-    if (this.saveTimeout) clearTimeout(this.saveTimeout);
-    this.saveTimeout = setTimeout(() => this.savePosition(x, y), _constants.SAVE_DEBOUNCE_MS);
-  }
-
-  // =============================
-  // Hide/Show Toggle
-  // =============================
-
-  /**
-   * Toggle between hidden and visible states.
-   * Returns the target position for animation.
-   */
-  toggleHideShow() {
-    const isVisuallyOffScreen = this.position.x > this.screenWidth - this.bubbleSize.width / 2;
-    if (this.isHidden || isVisuallyOffScreen) {
-      // Show the bubble
-      let targetX;
-      let targetY;
-      if (this.savedPosition && this.savedPosition.x < this.screenWidth - this.bubbleSize.width / 2) {
-        targetX = this.savedPosition.x;
-        targetY = this.savedPosition.y;
-      } else {
-        targetX = this.screenWidth - this.bubbleSize.width - 20;
-        targetY = this.position.y;
-      }
-      this.isHidden = false;
-      this.onHiddenChange?.(false);
-      this.notify();
-      return {
-        targetPosition: {
-          x: targetX,
-          y: targetY
-        },
-        isHiding: false
-      };
-    } else {
-      // Hide the bubble
-      this.savedPosition = {
-        ...this.position
-      };
-      const hiddenX = this.screenWidth - this.visibleHandleWidth;
-      this.isHidden = true;
-      this.onHiddenChange?.(true);
-      this.notify();
-      return {
-        targetPosition: {
-          x: hiddenX,
-          y: this.position.y
-        },
-        isHiding: true
-      };
-    }
-  }
-
-  /**
-   * Force hide (for pushToSide behavior).
-   */
-  forceHide() {
-    if (this.isHidden) {
-      return {
-        targetPosition: this.position
-      };
-    }
-    this.savedPosition = {
-      ...this.position
-    };
-    const hiddenX = this.screenWidth - this.visibleHandleWidth;
-    this.isHidden = true;
-    this.onHiddenChange?.(true);
-    this.notify();
-    return {
-      targetPosition: {
-        x: hiddenX,
-        y: this.position.y
-      }
-    };
-  }
-
-  /**
-   * Force show (restore from pushToSide).
-   */
-  forceShow() {
-    if (!this.isHidden) {
-      return {
-        targetPosition: this.position
-      };
-    }
-    let targetX;
-    let targetY;
-    if (this.savedPosition) {
-      targetX = this.savedPosition.x;
-      targetY = this.savedPosition.y;
-    } else {
-      targetX = this.screenWidth - this.bubbleSize.width - 20;
-      targetY = this.position.y;
-    }
-    this.isHidden = false;
-    this.onHiddenChange?.(false);
-    this.notify();
-    return {
-      targetPosition: {
-        x: targetX,
-        y: targetY
-      }
-    };
-  }
-
-  // =============================
-  // Drag Handling
-  // =============================
-
-  /**
-   * Start a drag operation.
-   */
-  handleDragStart(event) {
-    this.hasMoved = false;
-    this.dragStartPos = {
-      ...this.position
-    };
-    this.dragStartMouse = {
-      x: event.clientX,
-      y: event.clientY
-    };
-  }
-
-  /**
-   * Process drag movement.
-   * Returns the new position (for animation) and whether drag threshold was exceeded.
-   */
-  handleDragMove(event) {
-    const dx = event.clientX - this.dragStartMouse.x;
-    const dy = event.clientY - this.dragStartMouse.y;
-    const totalDistance = Math.abs(dx) + Math.abs(dy);
-
-    // Check if moved enough to be considered a drag
-    if (!this.hasMoved && totalDistance > this.dragThreshold) {
-      this.hasMoved = true;
-      this.isDragging = true;
-      this.onDraggingChange?.(true);
-      this.notify();
-    }
-    if (this.hasMoved) {
-      const newX = this.dragStartPos.x + dx;
-      const newY = this.dragStartPos.y + dy;
-
-      // Allow overflow to right for hide detection, but clamp Y
-      const bounds = this.getBounds();
-      const clampedX = Math.max(bounds.minX, Math.min(newX, this.screenWidth - this.visibleHandleWidth + this.bubbleSize.width));
-      const clampedY = Math.max(bounds.minY, Math.min(newY, bounds.maxY));
-      this.position = {
-        x: clampedX,
-        y: clampedY
-      };
-      this.onPositionChange?.(this.position);
-      this.notify();
-      return {
-        position: this.position,
-        isDragging: true
-      };
-    }
-    return {
-      position: this.position,
-      isDragging: false
-    };
-  }
-
-  /**
-   * End a drag operation.
-   * Returns the result including whether to animate to hidden state.
-   */
-  handleDragEnd(event) {
-    const wasTap = !this.hasMoved;
-    if (wasTap) {
-      this.isDragging = false;
-      this.onDraggingChange?.(false);
-      this.notify();
-      return {
-        position: this.position,
-        shouldHide: false,
-        wasTap: true
-      };
-    }
-
-    // Calculate final position
-    const dx = event.clientX - this.dragStartMouse.x;
-    const dy = event.clientY - this.dragStartMouse.y;
-    const currentX = this.dragStartPos.x + dx;
-    const currentY = this.dragStartPos.y + dy;
-
-    // Check if should auto-hide (bubble midpoint past right edge)
-    const bubbleMidpoint = currentX + this.bubbleSize.width / 2;
-    const shouldHide = bubbleMidpoint > this.screenWidth;
-    const bounds = this.getBounds();
-    if (shouldHide) {
-      const hiddenX = this.screenWidth - this.visibleHandleWidth;
-      const clampedY = Math.max(bounds.minY, Math.min(currentY, bounds.maxY));
-      this.isHidden = true;
-      this.onHiddenChange?.(true);
-      this.isDragging = false;
-      this.onDraggingChange?.(false);
-      this.notify();
-      return {
-        position: {
-          x: hiddenX,
-          y: clampedY
-        },
-        shouldHide: true,
-        wasTap: false
-      };
-    } else {
-      // Check if pulling back from hidden
-      if (this.isHidden && currentX < this.screenWidth - this.visibleHandleWidth - 10) {
-        this.isHidden = false;
-        this.onHiddenChange?.(false);
-      }
-
-      // Clamp to visible area
-      const clampedX = Math.max(bounds.minX, Math.min(currentX, this.screenWidth - this.bubbleSize.width - this.edgePadding));
-      const clampedY = Math.max(bounds.minY, Math.min(currentY, bounds.maxY));
-
-      // Save position if visible
-      if (clampedX < this.screenWidth - this.bubbleSize.width / 2) {
-        this.savedPosition = {
-          x: clampedX,
-          y: clampedY
-        };
-      }
-      this.position = {
-        x: clampedX,
-        y: clampedY
-      };
-      this.isDragging = false;
-      this.onDraggingChange?.(false);
-      this.debouncedSavePosition(clampedX, clampedY);
-      this.notify();
-      return {
-        position: {
-          x: clampedX,
-          y: clampedY
-        },
-        shouldHide: false,
-        wasTap: false
-      };
-    }
-  }
-
-  /**
-   * Commit position after animation completes.
-   */
-  commitPosition(pos) {
-    this.position = pos;
-    this.savePosition(pos.x, pos.y);
-    this.notify();
-  }
-
-  // =============================
-  // Cleanup
-  // =============================
-
-  destroy() {
-    if (this.saveTimeout) {
-      clearTimeout(this.saveTimeout);
-      this.saveTimeout = null;
-    }
-    this.listeners.clear();
-  }
-}
-exports.FloatingToolsStore = FloatingToolsStore;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.FloatingToolsStore=void 0;var _constants=require("./constants.js");class FloatingToolsStore{isDragging=false;isHidden=false;dragStartPos={x:0,y:0};dragStartMouse={x:0,y:0};hasMoved=false;savedPosition=null;saveTimeout=null;isInitialized=false;listeners=new Set;constructor(i){this.screenWidth=i.screenWidth;this.screenHeight=i.screenHeight;this.bubbleSize=i.initialBubbleSize??{width:100,height:32};this.minPosition=i.minPosition??{x:_constants.EDGE_PADDING,y:_constants.EDGE_PADDING};this.visibleHandleWidth=i.visibleHandleWidth??_constants.VISIBLE_HANDLE_WIDTH;this.dragThreshold=i.dragThreshold??_constants.DRAG_THRESHOLD;this.edgePadding=i.edgePadding??_constants.EDGE_PADDING;this.enablePositionPersistence=i.enablePositionPersistence??true;this.storage=i.storage;this.onPositionChange=i.onPositionChange;this.onHiddenChange=i.onHiddenChange;this.onDraggingChange=i.onDraggingChange;this.position=i.initialPosition??{x:this.screenWidth-this.bubbleSize.width-20,y:Math.max(this.minPosition.y,Math.min(100,this.screenHeight-this.bubbleSize.height-this.edgePadding))};this.stateSnapshot=this.createSnapshot()}subscribe=i=>{this.listeners.add(i);return()=>this.listeners.delete(i)};getSnapshot=()=>{return this.stateSnapshot};createSnapshot(){return{position:{...this.position},isDragging:this.isDragging,isHidden:this.isHidden,bubbleSize:{...this.bubbleSize}}}notify(){this.stateSnapshot=this.createSnapshot();this.listeners.forEach(i=>i())}async initialize(){if(this.isInitialized||!this.enablePositionPersistence||!this.storage){this.isInitialized=true;return}try{const[i,t]=await Promise.all([this.storage.getItem(_constants.STORAGE_KEYS.POSITION_X),this.storage.getItem(_constants.STORAGE_KEYS.POSITION_Y)]);if(i!==null&&t!==null){const s=parseFloat(i);const a=parseFloat(t);if(!Number.isNaN(s)&&!Number.isNaN(a)){const n={x:s,y:a};const e=this.validatePosition(n);if(Math.abs(n.x-e.x)>5||Math.abs(n.y-e.y)>5){this.savePosition(e.x,e.y)}this.position=e;if(e.x>=this.screenWidth-this.visibleHandleWidth-5){this.isHidden=true}this.notify()}}}catch{}this.isInitialized=true}getBounds(){return{minX:this.minPosition.x,maxX:this.screenWidth-this.visibleHandleWidth,minY:this.minPosition.y,maxY:this.screenHeight-this.bubbleSize.height-this.edgePadding}}validatePosition(i){const t=this.getBounds();return{x:Math.max(t.minX,Math.min(i.x,t.maxX)),y:Math.max(t.minY,Math.min(i.y,t.maxY))}}setPosition(i){this.position=i;this.onPositionChange?.(i);this.notify()}setBubbleSize(i){if(this.bubbleSize.width===i.width&&this.bubbleSize.height===i.height){return}this.bubbleSize=i;if(!this.isDragging)this.reconcileBounds();this.notify()}setScreenSize(i,t){this.screenWidth=i;this.screenHeight=t;this.reconcileBounds();this.notify()}reconcileBounds(){const i=s=>({x:Math.max(this.minPosition.x,Math.min(s.x,this.screenWidth-this.bubbleSize.width-this.edgePadding)),y:Math.max(this.minPosition.y,Math.min(s.y,this.screenHeight-this.bubbleSize.height-this.edgePadding))});const t=i(this.position);this.position=this.isHidden?{...t,x:this.screenWidth-this.visibleHandleWidth}:t;if(this.savedPosition)this.savedPosition=i(this.savedPosition)}setMinPosition(i){this.minPosition=i}async savePosition(i,t){if(!this.enablePositionPersistence||!this.storage)return;try{await Promise.all([this.storage.setItem(_constants.STORAGE_KEYS.POSITION_X,i.toString()),this.storage.setItem(_constants.STORAGE_KEYS.POSITION_Y,t.toString())])}catch{}}debouncedSavePosition(i,t){if(this.saveTimeout)clearTimeout(this.saveTimeout);this.saveTimeout=setTimeout(()=>this.savePosition(i,t),_constants.SAVE_DEBOUNCE_MS)}toggleHideShow(){const i=this.position.x>this.screenWidth-this.bubbleSize.width/2;if(this.isHidden||i){let t;let s;if(this.savedPosition&&this.savedPosition.x<this.screenWidth-this.bubbleSize.width/2){t=this.savedPosition.x;s=this.savedPosition.y}else{t=this.screenWidth-this.bubbleSize.width-20;s=this.position.y}this.isHidden=false;this.onHiddenChange?.(false);this.notify();return{targetPosition:{x:t,y:s},isHiding:false}}else{this.savedPosition={...this.position};const t=this.screenWidth-this.visibleHandleWidth;this.isHidden=true;this.onHiddenChange?.(true);this.notify();return{targetPosition:{x:t,y:this.position.y},isHiding:true}}}forceHide(){if(this.isHidden){return{targetPosition:this.position}}this.savedPosition={...this.position};const i=this.screenWidth-this.visibleHandleWidth;this.isHidden=true;this.onHiddenChange?.(true);this.notify();return{targetPosition:{x:i,y:this.position.y}}}forceShow(){if(!this.isHidden){return{targetPosition:this.position}}let i;let t;if(this.savedPosition){i=this.savedPosition.x;t=this.savedPosition.y}else{i=this.screenWidth-this.bubbleSize.width-20;t=this.position.y}this.isHidden=false;this.onHiddenChange?.(false);this.notify();return{targetPosition:{x:i,y:t}}}handleDragStart(i){this.hasMoved=false;this.dragStartPos={...this.position};this.dragStartMouse={x:i.clientX,y:i.clientY}}handleDragMove(i){const t=i.clientX-this.dragStartMouse.x;const s=i.clientY-this.dragStartMouse.y;const a=Math.abs(t)+Math.abs(s);if(!this.hasMoved&&a>this.dragThreshold){this.hasMoved=true;this.isDragging=true;this.onDraggingChange?.(true);this.notify()}if(this.hasMoved){const n=this.dragStartPos.x+t;const e=this.dragStartPos.y+s;const r=this.getBounds();const l=Math.max(r.minX,Math.min(n,this.screenWidth-this.visibleHandleWidth+this.bubbleSize.width));const h=Math.max(r.minY,Math.min(e,r.maxY));this.position={x:l,y:h};this.onPositionChange?.(this.position);this.notify();return{position:this.position,isDragging:true}}return{position:this.position,isDragging:false}}handleDragEnd(i){const t=!this.hasMoved;if(t){this.isDragging=false;this.onDraggingChange?.(false);this.notify();return{position:this.position,shouldHide:false,wasTap:true}}const s=i.clientX-this.dragStartMouse.x;const a=i.clientY-this.dragStartMouse.y;const n=this.dragStartPos.x+s;const e=this.dragStartPos.y+a;const r=n+this.bubbleSize.width/2;const l=r>this.screenWidth;const h=this.getBounds();if(l){const o=this.screenWidth-this.visibleHandleWidth;const d=Math.max(h.minY,Math.min(e,h.maxY));this.isHidden=true;this.onHiddenChange?.(true);this.isDragging=false;this.onDraggingChange?.(false);this.notify();return{position:{x:o,y:d},shouldHide:true,wasTap:false}}else{if(this.isHidden&&n<this.screenWidth-this.visibleHandleWidth-10){this.isHidden=false;this.onHiddenChange?.(false)}const o=Math.max(h.minX,Math.min(n,this.screenWidth-this.bubbleSize.width-this.edgePadding));const d=Math.max(h.minY,Math.min(e,h.maxY));if(o<this.screenWidth-this.bubbleSize.width/2){this.savedPosition={x:o,y:d}}this.position={x:o,y:d};this.isDragging=false;this.onDraggingChange?.(false);this.debouncedSavePosition(o,d);this.notify();return{position:{x:o,y:d},shouldHide:false,wasTap:false}}}commitPosition(i){this.position=i;this.savePosition(i.x,i.y);this.notify()}destroy(){if(this.saveTimeout){clearTimeout(this.saveTimeout);this.saveTimeout=null}this.listeners.clear()}}exports.FloatingToolsStore=FloatingToolsStore;

package/lib/commonjs/colors.js

@@ -1,54 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.floatingToolsColors = void 0;
-exports.withAlpha = withAlpha;
-/**
- * Shared color palette for floating tools.
- * Matches the gameUIColors from @buoy-gg/shared-ui.
- *
- * These are duplicated here to avoid requiring @buoy-gg/shared-ui
- * as a dependency (which has React Native dependencies).
- *
- * TODO: Consider extracting colors to a truly platform-agnostic package
- * that both shared-ui and floating-tools-core can depend on.
- */
-
-/**
- * Buoy brand colors - EXACT values from web docs site dark theme
- */
-const floatingToolsColors = exports.floatingToolsColors = {
-  /** Dark panel background */
-  panel: '#1A1A1A',
-  /** Muted gray for secondary elements */
-  muted: '#888888',
-  /** Primary text color */
-  secondary: '#E0E0E0',
-  /** Info/active state color (Buoy teal) */
-  info: '#20C997',
-  /** Success/admin color (Buoy teal) */
-  success: '#20C997',
-  /** Warning/optional color (Buoy orange) */
-  optional: '#FFA94D',
-  /** Error color (Buoy red) */
-  error: '#EF4444',
-  /** Primary accent color (Buoy teal) */
-  primary: '#20C997',
-  /** Color used when dragging the floating tools (Buoy teal) */
-  dragActive: '#20C997'
-};
-/**
- * Get a color with optional alpha.
- * @param color - The base color (hex)
- * @param alpha - Alpha value as hex string (00-FF) or number (0-1)
- */
-function withAlpha(color, alpha) {
-  if (typeof alpha === 'number') {
-    // Convert 0-1 to hex
-    const hex = Math.round(alpha * 255).toString(16).padStart(2, '0');
-    return `${color}${hex}`;
-  }
-  return `${color}${alpha}`;
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.floatingToolsColors=void 0;exports.withAlpha=withAlpha;const floatingToolsColors=exports.floatingToolsColors={panel:"#1A1A1A",muted:"#888888",secondary:"#E0E0E0",info:"#20C997",success:"#20C997",optional:"#FFA94D",error:"#EF4444",primary:"#20C997",dragActive:"#20C997"};function withAlpha(t,o){if(typeof o==="number"){const r=Math.round(o*255).toString(16).padStart(2,"0");return`${t}${r}`}return`${t}${o}`}

package/lib/commonjs/constants.js

@@ -1,31 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VISIBLE_HANDLE_WIDTH = exports.STORAGE_KEYS = exports.SAVE_DEBOUNCE_MS = exports.EDGE_PADDING = exports.DRAG_THRESHOLD = exports.ANIMATION_DURATION = void 0;
-/**
- * Shared constants for floating tools behavior.
- * These values ensure consistent behavior across platforms.
- */
-
-/** Width of the visible grip handle when bubble is hidden (pixels) */
-const VISIBLE_HANDLE_WIDTH = exports.VISIBLE_HANDLE_WIDTH = 32;
-
-/** Minimum movement to distinguish drag from tap (pixels) */
-const DRAG_THRESHOLD = exports.DRAG_THRESHOLD = 5;
-
-/** Animation duration for hide/show transitions (milliseconds) */
-const ANIMATION_DURATION = exports.ANIMATION_DURATION = 200;
-
-/** Padding from screen edges (pixels) */
-const EDGE_PADDING = exports.EDGE_PADDING = 10;
-
-/** Debounce delay for position persistence (milliseconds) */
-const SAVE_DEBOUNCE_MS = exports.SAVE_DEBOUNCE_MS = 500;
-
-/** Storage keys for position persistence */
-const STORAGE_KEYS = exports.STORAGE_KEYS = {
-  POSITION_X: '@react_buoy_bubble_position_x',
-  POSITION_Y: '@react_buoy_bubble_position_y'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.VISIBLE_HANDLE_WIDTH=exports.STORAGE_KEYS=exports.SAVE_DEBOUNCE_MS=exports.EDGE_PADDING=exports.DRAG_THRESHOLD=exports.ANIMATION_DURATION=void 0;const VISIBLE_HANDLE_WIDTH=exports.VISIBLE_HANDLE_WIDTH=32;const DRAG_THRESHOLD=exports.DRAG_THRESHOLD=5;const ANIMATION_DURATION=exports.ANIMATION_DURATION=200;const EDGE_PADDING=exports.EDGE_PADDING=10;const SAVE_DEBOUNCE_MS=exports.SAVE_DEBOUNCE_MS=500;const STORAGE_KEYS=exports.STORAGE_KEYS={POSITION_X:"@react_buoy_bubble_position_x",POSITION_Y:"@react_buoy_bubble_position_y"};