@buoy-gg/floating-tools-core 2.1.4-beta.2 → 2.1.4

package/lib/module/icons/icon-renderer.js

@@ -1,255 +1 @@
-"use strict";
-
-/**
- * Icon Renderer - Transforms icon data to components
- *
- * ONE renderer for ALL icons. Icons are just data.
- */
-
-import { IconContainer, IconCircle, IconRect, IconLine, IconTriangle, IconArc, IconSemicircle, IconSmoothArc } from './icon-primitives';
-
-// ===========================================
-// Icon Data Types
-// ===========================================
-
-/**
- * Line element - draws a line between two points
- * Much cleaner than using rotated rectangles!
- * Supports optional curve via cubic Bezier with 2 control points.
- */
-
-/**
- * Triangle element - creates arrows/chevrons using CSS border trick
- * Works in pure React Native!
- */
-
-/**
- * Arc element - creates curved segments (WiFi bars, circular progress)
- * Rendered as multiple line segments approximating a curve.
- */
-
-/**
- * Semicircle element - creates a half circle (filled)
- * Perfect for pokeball-style split designs!
- */
-
-/**
- * SmoothArc element - creates a smooth arc using the border trick
- * Uses bordered circles with partial borders hidden - gives perfect anti-aliased curves!
- * This is the "clever trick" for WiFi-style arcs.
- */
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-// ===========================================
-// Color Utilities
-// ===========================================
-
-/**
- * Converts hex color to rgba with opacity
- * Supports 3-char (#RGB), 6-char (#RRGGBB), and 8-char (#RRGGBBAA) hex
- */
-function hexToRgba(hex, opacity) {
-  // Remove # if present
-  const h = hex.replace('#', '');
-
-  // Parse based on length
-  let r, g, b;
-  if (h.length === 3) {
-    r = parseInt(h[0] + h[0], 16);
-    g = parseInt(h[1] + h[1], 16);
-    b = parseInt(h[2] + h[2], 16);
-  } else if (h.length >= 6) {
-    r = parseInt(h.substring(0, 2), 16);
-    g = parseInt(h.substring(2, 4), 16);
-    b = parseInt(h.substring(4, 6), 16);
-  } else {
-    return hex; // Invalid format, return as-is
-  }
-  return `rgba(${r}, ${g}, ${b}, ${opacity})`;
-}
-
-/**
- * Resolves ColorRef syntax to actual color value
- *
- * Supports:
- * - 'color' → theme color
- * - 'bg' → background color
- * - 'color:50' → theme color at 50% opacity
- * - 'bg:30' → background color at 30% opacity
- * - '#FF0000' → raw hex color
- * - '#FF0000:50' → raw hex at 50% opacity
- */
-function resolveColor(fill, color, bgColor) {
-  if (!fill) return undefined;
-
-  // Check for opacity suffix (e.g., 'color:50' or '#FF0000:80')
-  const colonIndex = fill.lastIndexOf(':');
-  let baseFill = fill;
-  let opacity = 1;
-
-  // Only treat as opacity if the part after colon is a valid number
-  if (colonIndex > 0) {
-    const opacityStr = fill.substring(colonIndex + 1);
-    const parsedOpacity = parseInt(opacityStr, 10);
-    if (!isNaN(parsedOpacity) && parsedOpacity >= 0 && parsedOpacity <= 100) {
-      baseFill = fill.substring(0, colonIndex);
-      opacity = parsedOpacity / 100;
-    }
-  }
-
-  // Resolve the base color
-  let resolvedColor;
-  if (baseFill === 'color') {
-    resolvedColor = color;
-  } else if (baseFill === 'bg') {
-    resolvedColor = bgColor;
-  } else {
-    resolvedColor = baseFill;
-  }
-
-  // Apply opacity if needed
-  if (opacity < 1 && resolvedColor.startsWith('#')) {
-    return hexToRgba(resolvedColor, opacity);
-  }
-  return resolvedColor;
-}
-
-// ===========================================
-// Icon Renderer
-// ===========================================
-
-export function renderIconData(data, size, colorOverride, bgColorOverride) {
-  const scale = size / 24;
-  const center = size / 2;
-  // Use colorOverride if provided, otherwise use the icon's default color
-  const color = colorOverride ?? data.color;
-  // Use bgColorOverride if provided, otherwise use the icon's default bgColor
-  const bgColor = bgColorOverride ?? data.bgColor;
-  const elements = data.elements;
-  return /*#__PURE__*/_jsx(IconContainer, {
-    size: size,
-    children: elements.map((el, i) => {
-      if (el.type === 'circle') {
-        return /*#__PURE__*/_jsx(IconCircle, {
-          cx: center + el.cx * scale,
-          cy: center + el.cy * scale,
-          r: el.r * scale,
-          fill: resolveColor(el.fill, color, bgColor),
-          borderColor: el.border ? color : undefined,
-          borderWidth: el.border ? (el.borderWidth ?? 2) * scale : 0,
-          opacity: el.opacity,
-          scaleX: el.scaleX,
-          scaleY: el.scaleY,
-          glowColor: el.glow ? color : undefined,
-          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0,
-          rotation: el.rotation
-        }, i);
-      }
-      if (el.type === 'rect') {
-        // Determine rotation origin:
-        // - rotateFromCenter: true = rotate from center (0.5, 0.5) - for symmetric elements
-        // - rotateFromCenter: false/undefined = rotate from left edge (0, 0.5) - for lines starting from a point
-        const originX = el.rotation !== undefined ? el.rotateFromCenter ? 0.5 : 0 : 0.5;
-        return /*#__PURE__*/_jsx(IconRect, {
-          x: center + el.x * scale,
-          y: center + el.y * scale,
-          width: el.width * scale,
-          height: el.height * scale,
-          fill: resolveColor(el.fill, color, bgColor),
-          borderColor: el.border ? color : undefined,
-          borderWidth: el.border ? (el.borderWidth ?? 1) * scale : 0,
-          borderRadius: (el.borderRadius ?? 0) * scale,
-          opacity: el.opacity,
-          glowColor: el.glow ? color : undefined,
-          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0,
-          rotation: el.rotation,
-          originX: originX,
-          originY: 0.5
-        }, i);
-      }
-      if (el.type === 'line') {
-        return /*#__PURE__*/_jsx(IconLine, {
-          x1: center + el.x1 * scale,
-          y1: center + el.y1 * scale,
-          x2: center + el.x2 * scale,
-          y2: center + el.y2 * scale,
-          stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
-          strokeWidth: (el.strokeWidth ?? 1) * scale,
-          opacity: el.opacity,
-          glowColor: el.glow ? color : undefined,
-          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0,
-          rotation: el.rotation,
-          curveX: el.curveX !== undefined ? el.curveX * scale : undefined,
-          curveY: el.curveY !== undefined ? el.curveY * scale : undefined,
-          curve2X: el.curve2X !== undefined ? el.curve2X * scale : undefined,
-          curve2Y: el.curve2Y !== undefined ? el.curve2Y * scale : undefined
-        }, i);
-      }
-      if (el.type === 'triangle') {
-        return /*#__PURE__*/_jsx(IconTriangle, {
-          x: center + el.x * scale,
-          y: center + el.y * scale,
-          size: el.size * scale,
-          direction: el.direction,
-          fill: resolveColor(el.fill ?? 'color', color, bgColor),
-          opacity: el.opacity,
-          rotation: el.rotation
-        }, i);
-      }
-      if (el.type === 'arc') {
-        return /*#__PURE__*/_jsx(IconArc, {
-          cx: center + el.cx * scale,
-          cy: center + el.cy * scale,
-          r: el.r * scale,
-          startAngle: el.startAngle,
-          endAngle: el.endAngle,
-          stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
-          strokeWidth: (el.strokeWidth ?? 1.5) * scale,
-          opacity: el.opacity,
-          segments: el.segments
-        }, i);
-      }
-      if (el.type === 'semicircle') {
-        return /*#__PURE__*/_jsx(IconSemicircle, {
-          cx: center + el.cx * scale,
-          cy: center + el.cy * scale,
-          r: el.r * scale,
-          half: el.half,
-          fill: resolveColor(el.fill, color, bgColor),
-          borderColor: el.border ? color : undefined,
-          borderWidth: el.border ? (el.borderWidth ?? 2) * scale : 0,
-          opacity: el.opacity,
-          glowColor: el.glow ? color : undefined,
-          glowRadius: el.glow ? (el.glowRadius ?? 4) * scale : 0
-        }, i);
-      }
-      if (el.type === 'smootharc') {
-        return /*#__PURE__*/_jsx(IconSmoothArc, {
-          cx: center + el.cx * scale,
-          cy: center + el.cy * scale,
-          r: el.r * scale,
-          stroke: resolveColor(el.stroke ?? 'color', color, bgColor),
-          strokeWidth: (el.strokeWidth ?? 2) * scale,
-          opacity: el.opacity,
-          portion: el.portion ?? 'bottom'
-        }, i);
-      }
-      return null;
-    })
-  });
-}
-
-// ===========================================
-// Icon Factory
-// ===========================================
-
-export function createIcon(data) {
-  return function Icon({
-    size = 24,
-    color,
-    bgColor
-  }) {
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: renderIconData(data, size, color, bgColor)
-    });
-  };
-}
+"use strict";import{IconContainer,IconCircle,IconRect,IconLine,IconTriangle,IconArc,IconSemicircle,IconSmoothArc}from"./icon-primitives";import{jsx as _jsx,Fragment as _Fragment}from"react/jsx-runtime";function hexToRgba(o,r){const e=o.replace("#","");let t,i,c;if(3===e.length)t=parseInt(e[0]+e[0],16),i=parseInt(e[1]+e[1],16),c=parseInt(e[2]+e[2],16);else{if(!(e.length>=6))return o;t=parseInt(e.substring(0,2),16),i=parseInt(e.substring(2,4),16),c=parseInt(e.substring(4,6),16)}return`rgba(${t}, ${i}, ${c}, ${r})`}function resolveColor(o,r,e){if(!o)return;const t=o.lastIndexOf(":");let i,c=o,n=1;if(t>0){const r=o.substring(t+1),e=parseInt(r,10);!isNaN(e)&&e>=0&&e<=100&&(c=o.substring(0,t),n=e/100)}return i="color"===c?r:"bg"===c?e:c,n<1&&i.startsWith("#")?hexToRgba(i,n):i}export function renderIconData(o,r,e,t){const i=r/24,c=r/2,n=e??o.color,l=t??o.bgColor,s=o.elements;return _jsx(IconContainer,{size:r,children:s.map((o,r)=>{if("circle"===o.type)return _jsx(IconCircle,{cx:c+o.cx*i,cy:c+o.cy*i,r:o.r*i,fill:resolveColor(o.fill,n,l),borderColor:o.border?n:void 0,borderWidth:o.border?(o.borderWidth??2)*i:0,opacity:o.opacity,scaleX:o.scaleX,scaleY:o.scaleY,glowColor:o.glow?n:void 0,glowRadius:o.glow?(o.glowRadius??4)*i:0,rotation:o.rotation},r);if("rect"===o.type){const e=void 0!==o.rotation?o.rotateFromCenter?.5:0:.5;return _jsx(IconRect,{x:c+o.x*i,y:c+o.y*i,width:o.width*i,height:o.height*i,fill:resolveColor(o.fill,n,l),borderColor:o.border?n:void 0,borderWidth:o.border?(o.borderWidth??1)*i:0,borderRadius:(o.borderRadius??0)*i,opacity:o.opacity,glowColor:o.glow?n:void 0,glowRadius:o.glow?(o.glowRadius??4)*i:0,rotation:o.rotation,originX:e,originY:.5},r)}return"line"===o.type?_jsx(IconLine,{x1:c+o.x1*i,y1:c+o.y1*i,x2:c+o.x2*i,y2:c+o.y2*i,stroke:resolveColor(o.stroke??"color",n,l),strokeWidth:(o.strokeWidth??1)*i,opacity:o.opacity,glowColor:o.glow?n:void 0,glowRadius:o.glow?(o.glowRadius??4)*i:0,rotation:o.rotation,curveX:void 0!==o.curveX?o.curveX*i:void 0,curveY:void 0!==o.curveY?o.curveY*i:void 0,curve2X:void 0!==o.curve2X?o.curve2X*i:void 0,curve2Y:void 0!==o.curve2Y?o.curve2Y*i:void 0},r):"triangle"===o.type?_jsx(IconTriangle,{x:c+o.x*i,y:c+o.y*i,size:o.size*i,direction:o.direction,fill:resolveColor(o.fill??"color",n,l),opacity:o.opacity,rotation:o.rotation},r):"arc"===o.type?_jsx(IconArc,{cx:c+o.cx*i,cy:c+o.cy*i,r:o.r*i,startAngle:o.startAngle,endAngle:o.endAngle,stroke:resolveColor(o.stroke??"color",n,l),strokeWidth:(o.strokeWidth??1.5)*i,opacity:o.opacity,segments:o.segments},r):"semicircle"===o.type?_jsx(IconSemicircle,{cx:c+o.cx*i,cy:c+o.cy*i,r:o.r*i,half:o.half,fill:resolveColor(o.fill,n,l),borderColor:o.border?n:void 0,borderWidth:o.border?(o.borderWidth??2)*i:0,opacity:o.opacity,glowColor:o.glow?n:void 0,glowRadius:o.glow?(o.glowRadius??4)*i:0},r):"smootharc"===o.type?_jsx(IconSmoothArc,{cx:c+o.cx*i,cy:c+o.cy*i,r:o.r*i,stroke:resolveColor(o.stroke??"color",n,l),strokeWidth:(o.strokeWidth??2)*i,opacity:o.opacity,portion:o.portion??"bottom"},r):null})})}export function createIcon(o){return function({size:r=24,color:e,bgColor:t}){return _jsx(_Fragment,{children:renderIconData(o,r,e,t)})}}

package/lib/module/icons/network-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * NetworkIcon - Data-driven icon
- *
- * The icon is defined as pure data in icon-data.ts
- * The renderer transforms it to components.
- *
- * To change: edit networkIconData in icon-data.ts
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { networkIconData, NETWORK_ICON_COLOR } from "./icon-data.js";
-export { NETWORK_ICON_COLOR };
-export const NetworkIcon = createIcon(networkIconData);
+"use strict";import{createIcon}from"./icon-renderer.js";import{networkIconData,NETWORK_ICON_COLOR}from"./icon-data.js";export{NETWORK_ICON_COLOR};export const NetworkIcon=createIcon(networkIconData);

package/lib/module/icons/query-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * QueryIcon - Data-driven icon
- *
- * The icon is defined as pure data in icon-data.ts
- * The renderer transforms it to components.
- *
- * To change: edit queryIconData in icon-data.ts
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { queryIconData, QUERY_ICON_COLOR } from "./icon-data.js";
-export { QUERY_ICON_COLOR };
-export const QueryIcon = createIcon(queryIconData);
+"use strict";import{createIcon}from"./icon-renderer.js";import{queryIconData,QUERY_ICON_COLOR}from"./icon-data.js";export{QUERY_ICON_COLOR};export const QueryIcon=createIcon(queryIconData);

package/lib/module/icons/redux-icon.js

@@ -1,81 +1 @@
-"use strict";
-
-/**
- * Redux DevTools icon
- * Uses the icon renderer system with cubic Bezier curve support
- */
-
-import { createIcon } from "./icon-renderer.js";
-export const REDUX_ICON_COLOR = "#764abc";
-const ReduxIconData = {
-  color: REDUX_ICON_COLOR,
-  bgColor: "#0a0a0f",
-  elements: [{
-    type: "circle",
-    cx: -1.16,
-    cy: -2.2135943621178655,
-    r: 1.4,
-    fill: "color",
-    opacity: 1,
-    scaleX: 1,
-    scaleY: 1
-  }, {
-    type: "circle",
-    cx: -2.846049894151541,
-    cy: 4.110960958218893,
-    r: 1.4,
-    fill: "color",
-    opacity: 1,
-    scaleX: 1,
-    scaleY: 1
-  }, {
-    type: "circle",
-    cx: 3.89,
-    cy: 2.31,
-    r: 1.4,
-    fill: "color",
-    opacity: 1,
-    scaleX: 1,
-    scaleY: 1
-  }, {
-    type: "line",
-    x1: 0,
-    y1: -2.2135943621178655,
-    x2: 3.162277660168379,
-    y2: 8.538149682454623,
-    stroke: "color",
-    strokeWidth: 1.5,
-    opacity: 1,
-    curveX: 8.221921916437786,
-    curveY: -6.00832755431992,
-    curve2X: 12.01665510863984,
-    curve2Y: 7.273238618387272
-  }, {
-    type: "line",
-    x1: -7.273238618387272,
-    y1: 0.31622776601683794,
-    x2: 3.478505426185217,
-    y2: 3.162277660168379,
-    stroke: "color",
-    strokeWidth: 1.5,
-    opacity: 1,
-    curveX: -12.01665510863984,
-    curveY: 10.435516278555651,
-    curve2X: 4.427188724235731,
-    curve2Y: 7.58946638440411
-  }, {
-    type: "line",
-    x1: 4.743416490252569,
-    y1: -3.794733192202055,
-    x2: -3.478505426185217,
-    y2: 3.478505426185217,
-    stroke: "color",
-    strokeWidth: 1.1,
-    opacity: 1,
-    curveX: 3.162277660168379,
-    curveY: -11.384199576606164,
-    curve2X: -9.803060746521975,
-    curve2Y: -10.119288512538814
-  }]
-};
-export const ReduxIcon = createIcon(ReduxIconData);
+"use strict";import{createIcon}from"./icon-renderer.js";export const REDUX_ICON_COLOR="#764abc";const ReduxIconData={color:"#764abc",bgColor:"#0a0a0f",elements:[{type:"circle",cx:-1.16,cy:-2.2135943621178655,r:1.4,fill:"color",opacity:1,scaleX:1,scaleY:1},{type:"circle",cx:-2.846049894151541,cy:4.110960958218893,r:1.4,fill:"color",opacity:1,scaleX:1,scaleY:1},{type:"circle",cx:3.89,cy:2.31,r:1.4,fill:"color",opacity:1,scaleX:1,scaleY:1},{type:"line",x1:0,y1:-2.2135943621178655,x2:3.162277660168379,y2:8.538149682454623,stroke:"color",strokeWidth:1.5,opacity:1,curveX:8.221921916437786,curveY:-6.00832755431992,curve2X:12.01665510863984,curve2Y:7.273238618387272},{type:"line",x1:-7.273238618387272,y1:.31622776601683794,x2:3.478505426185217,y2:3.162277660168379,stroke:"color",strokeWidth:1.5,opacity:1,curveX:-12.01665510863984,curveY:10.435516278555651,curve2X:4.427188724235731,curve2Y:7.58946638440411},{type:"line",x1:4.743416490252569,y1:-3.794733192202055,x2:-3.478505426185217,y2:3.478505426185217,stroke:"color",strokeWidth:1.1,opacity:1,curveX:3.162277660168379,curveY:-11.384199576606164,curve2X:-9.803060746521975,curve2Y:-10.119288512538814}]};export const ReduxIcon=createIcon(ReduxIconData);

package/lib/module/icons/renders-icon.js

@@ -1,17 +1 @@
-"use strict";
-
-/**
- * HighlighterIcon - Data-driven icon for render tracking
- *
- * The icon is defined as pure data in icon-data.ts
- * The renderer transforms it to components.
- *
- * To change: edit highlighterIconData in icon-data.ts
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { highlighterIconData, HIGHLIGHTER_ICON_COLOR, RENDERS_ICON_COLOR } from "./icon-data.js";
-export { HIGHLIGHTER_ICON_COLOR, RENDERS_ICON_COLOR };
-export const HighlighterIcon = createIcon(highlighterIconData);
-// Legacy alias for backward compatibility
-export const RendersIcon = HighlighterIcon;
+"use strict";import{createIcon}from"./icon-renderer.js";import{highlighterIconData,HIGHLIGHTER_ICON_COLOR,RENDERS_ICON_COLOR}from"./icon-data.js";export{HIGHLIGHTER_ICON_COLOR,RENDERS_ICON_COLOR};export const HighlighterIcon=createIcon(highlighterIconData);export const RendersIcon=HighlighterIcon;

package/lib/module/icons/routes-icon.js

@@ -1,41 +1 @@
-"use strict";
-
-/**
- * RoutesIcon - Data-driven icon
- *
- * The icon is defined as pure data in icon-data.ts
- * The renderer transforms it to components.
- *
- * To change: edit routesIconData in icon-data.ts
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { routesIconData, routePinIconData, routePathIconData, routeDotIconData, routeTwoPinsIconData,
-// Curve test variations
-curveTestAData, curveTestBData, curveTestCData, curveTestDData, curveTestEData, curveTestFData, curveTestGData, curveTestHData, curveTestIData, curveTestJData, curveTestKData, curveTestLData, curveTestMData, curveTestNData, curveTestOData, curveTestPData, ROUTES_ICON_COLOR } from "./icon-data.js";
-export { ROUTES_ICON_COLOR };
-export const RoutesIcon = createIcon(routesIconData);
-
-// Route Icon Parts (for testing/iteration)
-export const RoutePinIcon = createIcon(routePinIconData);
-export const RoutePathIcon = createIcon(routePathIconData);
-export const RouteDotIcon = createIcon(routeDotIconData);
-export const RouteTwoPinsIcon = createIcon(routeTwoPinsIconData);
-
-// Curve Test Variations (for finding the right S-curve approach)
-export const CurveTestA = createIcon(curveTestAData);
-export const CurveTestB = createIcon(curveTestBData);
-export const CurveTestC = createIcon(curveTestCData);
-export const CurveTestD = createIcon(curveTestDData);
-export const CurveTestE = createIcon(curveTestEData);
-export const CurveTestF = createIcon(curveTestFData);
-export const CurveTestG = createIcon(curveTestGData);
-export const CurveTestH = createIcon(curveTestHData);
-export const CurveTestI = createIcon(curveTestIData);
-export const CurveTestJ = createIcon(curveTestJData);
-export const CurveTestK = createIcon(curveTestKData);
-export const CurveTestL = createIcon(curveTestLData);
-export const CurveTestM = createIcon(curveTestMData);
-export const CurveTestN = createIcon(curveTestNData);
-export const CurveTestO = createIcon(curveTestOData);
-export const CurveTestP = createIcon(curveTestPData);
+"use strict";import{createIcon}from"./icon-renderer.js";import{routesIconData,routePinIconData,routePathIconData,routeDotIconData,routeTwoPinsIconData,curveTestAData,curveTestBData,curveTestCData,curveTestDData,curveTestEData,curveTestFData,curveTestGData,curveTestHData,curveTestIData,curveTestJData,curveTestKData,curveTestLData,curveTestMData,curveTestNData,curveTestOData,curveTestPData,ROUTES_ICON_COLOR}from"./icon-data.js";export{ROUTES_ICON_COLOR};export const RoutesIcon=createIcon(routesIconData);export const RoutePinIcon=createIcon(routePinIconData);export const RoutePathIcon=createIcon(routePathIconData);export const RouteDotIcon=createIcon(routeDotIconData);export const RouteTwoPinsIcon=createIcon(routeTwoPinsIconData);export const CurveTestA=createIcon(curveTestAData);export const CurveTestB=createIcon(curveTestBData);export const CurveTestC=createIcon(curveTestCData);export const CurveTestD=createIcon(curveTestDData);export const CurveTestE=createIcon(curveTestEData);export const CurveTestF=createIcon(curveTestFData);export const CurveTestG=createIcon(curveTestGData);export const CurveTestH=createIcon(curveTestHData);export const CurveTestI=createIcon(curveTestIData);export const CurveTestJ=createIcon(curveTestJData);export const CurveTestK=createIcon(curveTestKData);export const CurveTestL=createIcon(curveTestLData);export const CurveTestM=createIcon(curveTestMData);export const CurveTestN=createIcon(curveTestNData);export const CurveTestO=createIcon(curveTestOData);export const CurveTestP=createIcon(curveTestPData);

package/lib/module/icons/sentry-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * SentryIcon - Data-driven icon
- *
- * The icon is defined as pure data in icon-data.ts
- * The renderer transforms it to components.
- *
- * To change: edit sentryIconData in icon-data.ts
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { sentryIconData, SENTRY_ICON_COLOR } from "./icon-data.js";
-export { SENTRY_ICON_COLOR };
-export const SentryIcon = createIcon(sentryIconData);
+"use strict";import{createIcon}from"./icon-renderer.js";import{sentryIconData,SENTRY_ICON_COLOR}from"./icon-data.js";export{SENTRY_ICON_COLOR};export const SentryIcon=createIcon(sentryIconData);

package/lib/module/icons/storage-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * StorageIcon - Data-driven icon
- *
- * The icon is defined as pure data in icon-data.ts
- * The renderer transforms it to components.
- *
- * To change: edit storageIconData in icon-data.ts
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { storageIconData, STORAGE_ICON_COLOR } from "./icon-data.js";
-export { STORAGE_ICON_COLOR };
-export const StorageIcon = createIcon(storageIconData);
+"use strict";import{createIcon}from"./icon-renderer.js";import{storageIconData,STORAGE_ICON_COLOR}from"./icon-data.js";export{STORAGE_ICON_COLOR};export const StorageIcon=createIcon(storageIconData);

package/lib/module/icons/wifi-icon.js

@@ -1,15 +1 @@
-"use strict";
-
-/**
- * WifiIcon - Data-driven icon
- *
- * The icon is defined as pure data in icon-data.ts
- * The renderer transforms it to components.
- *
- * To change: edit wifiIconData in icon-data.ts
- */
-
-import { createIcon } from "./icon-renderer.js";
-import { wifiIconData, WIFI_ICON_COLOR } from "./icon-data.js";
-export { WIFI_ICON_COLOR };
-export const WifiIcon = createIcon(wifiIconData);
+"use strict";import{createIcon}from"./icon-renderer.js";import{wifiIconData,WIFI_ICON_COLOR}from"./icon-data.js";export{WIFI_ICON_COLOR};export const WifiIcon=createIcon(wifiIconData);

package/lib/module/index.js

@@ -1,103 +1 @@
-"use strict";
-
-/**
- * @buoy-gg/floating-tools-core
- *
- * Headless core for floating tools - shared logic for web and React Native.
- *
- * This package contains platform-agnostic business logic:
- * - Position state management
- * - Drag detection (tap vs drag)
- * - Hide/show toggle
- * - Auto-hide when dragged past edge
- * - Position persistence
- * - Animation easing functions
- * - Shared utilities
- *
- * Use this with platform-specific bindings:
- * - Web: Use with mouse events and requestAnimationFrame
- * - React Native: Use with PanResponder and Animated
- */
-
-// Core store
-export { FloatingToolsStore } from "./FloatingToolsStore.js";
-
-// Constants
-export { VISIBLE_HANDLE_WIDTH, DRAG_THRESHOLD, ANIMATION_DURATION, EDGE_PADDING, SAVE_DEBOUNCE_MS, STORAGE_KEYS } from "./constants.js";
-
-// Types
-
-// DevTools State Management
-export { DevToolsStateManager, devToolsStateManager, devToolsReducer } from "./devToolsState.js";
-
-// Utilities
-export { getUserStatusConfig, getGripIconLayout, filterValidChildren } from "./utils.js";
-
-// Easing
-export { easing, getEasing, interpolate, interpolatePosition } from "./easing.js";
-
-// Colors
-export { floatingToolsColors, withAlpha } from "./colors.js";
-
-// Dial Menu
-export {
-// === Constants ===
-MAX_DIAL_SLOTS, DIAL_START_ANGLE, DIAL_BUTTON_SIZE, DIAL_ICON_SIZE, DIAL_ICON_PADDING, DIAL_GRID_LINE_COUNT,
-// === Colors & Styling ===
-dialColors, dialStyles, getGridLineRotations,
-// === Layout ===
-getDialLayout, getIconAngle, getIconPosition, getAllIconPositions,
-// === Animation Config (Primary) ===
-dialAnimationConfig, getIconStaggerInputRange,
-// === CSS Animation Helpers (Web) ===
-dialCSSBeziers, generateDialCSSKeyframes, getDialCSSAnimationStyles, getDialCSSKeyframesString,
-// === Animation Utilities (Advanced) ===
-// These provide additional helpers for custom implementations
-getSpiralAnimationPosition, getStaggeredIconProgress
-
-// === Types ===
-} from "./dial.js";
-
-// Settings
-export {
-// === Constants ===
-SETTINGS_STORAGE_KEY, MAX_SETTINGS_DIAL_SLOTS,
-// === Tab Configuration ===
-settingsTabs,
-// === Colors & Styling ===
-settingsColors, toolColors, getToolColor, settingsStyles,
-// === Tool Metadata ===
-toolLabels, getToolLabel, toolDescriptions, getToolDescription,
-// === Global Settings Config ===
-globalSettingsConfig,
-// === Core Logic ===
-enforceDialLimit, sanitizeFloatingSettings, mergeSettingsWithDefaults, generateDefaultSettings, countEnabledTools, canEnableDialTool, getEnabledToolIds,
-// === Event Bus ===
-SettingsEventBus, settingsEventBus
-
-// === Types ===
-} from "./settings.js";
-
-// Icons - Single source of truth (just import and use!)
-export { NetworkIcon, NETWORK_ICON_COLOR } from "./icons/network-icon.js";
-export { EnvIcon, ENV_ICON_COLOR } from "./icons/env-icon.js";
-export { StorageIcon, STORAGE_ICON_COLOR } from "./icons/storage-icon.js";
-export { RoutesIcon, RoutePinIcon, RoutePathIcon, RouteDotIcon, RouteTwoPinsIcon,
-// Curve test variations
-CurveTestA, CurveTestB, CurveTestC, CurveTestD, CurveTestE, CurveTestF, CurveTestG, CurveTestH, CurveTestI, CurveTestJ, CurveTestK, CurveTestL, CurveTestM, CurveTestN, CurveTestO, CurveTestP, ROUTES_ICON_COLOR } from "./icons/routes-icon.js";
-export { QueryIcon, QUERY_ICON_COLOR } from "./icons/query-icon.js";
-export { HighlighterIcon, HIGHLIGHTER_ICON_COLOR,
-// Legacy aliases for backward compatibility
-RendersIcon, RENDERS_ICON_COLOR } from "./icons/renders-icon.js";
-export { BenchmarkIcon, BENCHMARK_ICON_COLOR } from "./icons/benchmark-icon.js";
-export { SentryIcon, SENTRY_ICON_COLOR } from "./icons/sentry-icon.js";
-export { WifiIcon, WIFI_ICON_COLOR } from "./icons/wifi-icon.js";
-export { HighlightIcon, HIGHLIGHT_ICON_COLOR } from "./icons/highlight-icon.js";
-export { ReduxIcon, REDUX_ICON_COLOR } from "./icons/redux-icon.js";
-export { EventsIcon, EVENTS_ICON_COLOR } from "./icons/events-icon.js";
-
-// Icon Factories - Helper functions for creating icon elements
-export { createNode, createLine, createRing, createDot, createGlow, createArrow, createBar } from "./icons/icon-factories.js";
-
-// Icon Renderer - For custom icon creation
-export { renderIconData, createIcon } from "./icons/icon-renderer.js";
+"use strict";export{FloatingToolsStore}from"./FloatingToolsStore.js";export{VISIBLE_HANDLE_WIDTH,DRAG_THRESHOLD,ANIMATION_DURATION,EDGE_PADDING,SAVE_DEBOUNCE_MS,STORAGE_KEYS}from"./constants.js";export{DevToolsStateManager,devToolsStateManager,devToolsReducer}from"./devToolsState.js";export{getUserStatusConfig,getGripIconLayout,filterValidChildren}from"./utils.js";export{easing,getEasing,interpolate,interpolatePosition}from"./easing.js";export{floatingToolsColors,withAlpha}from"./colors.js";export{MAX_DIAL_SLOTS,DIAL_START_ANGLE,DIAL_BUTTON_SIZE,DIAL_ICON_SIZE,DIAL_ICON_PADDING,DIAL_GRID_LINE_COUNT,dialColors,dialStyles,getGridLineRotations,getDialLayout,getIconAngle,getIconPosition,getAllIconPositions,dialAnimationConfig,getIconStaggerInputRange,dialCSSBeziers,generateDialCSSKeyframes,getDialCSSAnimationStyles,getDialCSSKeyframesString,getSpiralAnimationPosition,getStaggeredIconProgress}from"./dial.js";export{SETTINGS_STORAGE_KEY,MAX_SETTINGS_DIAL_SLOTS,settingsTabs,settingsColors,toolColors,getToolColor,settingsStyles,toolLabels,getToolLabel,toolDescriptions,getToolDescription,globalSettingsConfig,enforceDialLimit,sanitizeFloatingSettings,mergeSettingsWithDefaults,generateDefaultSettings,countEnabledTools,canEnableDialTool,getEnabledToolIds,SettingsEventBus,settingsEventBus}from"./settings.js";export{NetworkIcon,NETWORK_ICON_COLOR}from"./icons/network-icon.js";export{EnvIcon,ENV_ICON_COLOR}from"./icons/env-icon.js";export{StorageIcon,STORAGE_ICON_COLOR}from"./icons/storage-icon.js";export{RoutesIcon,RoutePinIcon,RoutePathIcon,RouteDotIcon,RouteTwoPinsIcon,CurveTestA,CurveTestB,CurveTestC,CurveTestD,CurveTestE,CurveTestF,CurveTestG,CurveTestH,CurveTestI,CurveTestJ,CurveTestK,CurveTestL,CurveTestM,CurveTestN,CurveTestO,CurveTestP,ROUTES_ICON_COLOR}from"./icons/routes-icon.js";export{QueryIcon,QUERY_ICON_COLOR}from"./icons/query-icon.js";export{HighlighterIcon,HIGHLIGHTER_ICON_COLOR,RendersIcon,RENDERS_ICON_COLOR}from"./icons/renders-icon.js";export{BenchmarkIcon,BENCHMARK_ICON_COLOR}from"./icons/benchmark-icon.js";export{SentryIcon,SENTRY_ICON_COLOR}from"./icons/sentry-icon.js";export{WifiIcon,WIFI_ICON_COLOR}from"./icons/wifi-icon.js";export{HighlightIcon,HIGHLIGHT_ICON_COLOR}from"./icons/highlight-icon.js";export{ReduxIcon,REDUX_ICON_COLOR}from"./icons/redux-icon.js";export{EventsIcon,EVENTS_ICON_COLOR}from"./icons/events-icon.js";export{createNode,createLine,createRing,createDot,createGlow,createArrow,createBar}from"./icons/icon-factories.js";export{renderIconData,createIcon}from"./icons/icon-renderer.js";