@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/commonjs/icons/EnvLaptopIcon.js

@@ -1,204 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ServerIcon = exports.LaptopIcon = exports.EnvLaptopIcon = void 0;
-var _reactNative = require("react-native");
-var _IconBackground = require("./IconBackground.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const ColorPresets = {
-  green: {
-    color: "#00FF88",
-    glow: "#00FF88"
-  },
-  cyan: {
-    color: "#00D4FF",
-    glow: "#00D4FF"
-  },
-  purple: {
-    color: "#9945FF",
-    glow: "#9945FF"
-  },
-  pink: {
-    color: "#FF45FF",
-    glow: "#FF45FF"
-  },
-  yellow: {
-    color: "#FFD700",
-    glow: "#FFD700"
-  },
-  orange: {
-    color: "#FF8800",
-    glow: "#FF8800"
-  }
-};
-
-// Keyboard layout - two rows of keys for realistic appearance
-const KEYBOARD_ROW_1 = [1, 3, 5, 7, 9, 11, 13, 15, 17]; // Top row keys
-const KEYBOARD_ROW_2 = [2, 4, 6, 8, 10, 12, 14, 16]; // Bottom row keys
-const SPACEBAR = {
-  x: 5,
-  width: 10,
-  y: 5.5
-}; // Spacebar
-
-// Simplified screen dots
-const SCREEN_DOTS = [{
-  x: 0.3,
-  y: 0.3
-}, {
-  x: 0.7,
-  y: 0.3
-}, {
-  x: 0.5,
-  y: 0.7
-}];
-const EnvLaptopIcon = ({
-  size = 24,
-  color,
-  glowColor,
-  colorPreset = "green",
-  variant = "circuit",
-  noBackground = true
-}) => {
-  const scale = noBackground ? size / 24 : size / 40;
-  const preset = ColorPresets[colorPreset] || ColorPresets.green;
-  const activeColor = color || preset.color;
-  const activeGlow = glowColor || preset.glow;
-  const iconContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 20 * scale,
-        height: 8 * scale,
-        backgroundColor: activeColor,
-        borderRadius: 1 * scale,
-        left: size / 2 - 10 * scale,
-        top: size / 2 + 4 * scale,
-        opacity: 0.85
-      },
-      children: [KEYBOARD_ROW_1.map((x, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          width: 1.5 * scale,
-          height: 1.2 * scale,
-          backgroundColor: "#000",
-          opacity: 0.3,
-          left: x * scale,
-          top: 1.5 * scale,
-          borderRadius: 0.2 * scale
-        }
-      }, `key1-${i}`)), KEYBOARD_ROW_2.map((x, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          width: 1.5 * scale,
-          height: 1.2 * scale,
-          backgroundColor: "#000",
-          opacity: 0.3,
-          left: x * scale,
-          top: 3.2 * scale,
-          borderRadius: 0.2 * scale
-        }
-      }, `key2-${i}`)), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          width: SPACEBAR.width * scale,
-          height: 1 * scale,
-          backgroundColor: "#000",
-          opacity: 0.25,
-          left: SPACEBAR.x * scale,
-          top: SPACEBAR.y * scale,
-          borderRadius: 0.2 * scale
-        }
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 22 * scale,
-        height: 10 * scale,
-        backgroundColor: activeGlow,
-        borderRadius: 1 * scale,
-        left: size / 2 - 11 * scale,
-        top: size / 2 + 3 * scale,
-        opacity: 0.15
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 18 * scale,
-        height: 12 * scale,
-        backgroundColor: activeColor,
-        borderRadius: 1 * scale,
-        left: size / 2 - 9 * scale,
-        top: size / 2 - 10 * scale,
-        opacity: 0.9
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          width: 16 * scale,
-          height: 10 * scale,
-          backgroundColor: "#000",
-          opacity: 0.5,
-          left: 1 * scale,
-          top: 1 * scale,
-          borderRadius: 0.5 * scale
-        }
-      }), [2, 4, 6].map((y, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: "absolute",
-          width: (10 - i * 3) * scale,
-          height: 0.5 * scale,
-          backgroundColor: activeGlow,
-          opacity: 0.6,
-          left: 2 * scale,
-          top: y * scale
-        }
-      }, i))]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 2 * scale,
-        height: 1 * scale,
-        backgroundColor: activeGlow,
-        borderRadius: 0.5 * scale,
-        left: size / 2 - 1 * scale,
-        top: size / 2 + 10 * scale,
-        opacity: 0.8
-      }
-    }), SCREEN_DOTS.map((dot, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 1 * scale,
-        height: 1 * scale,
-        borderRadius: 0.5 * scale,
-        backgroundColor: activeGlow,
-        left: size / 2 - 9 * scale + dot.x * 18 * scale,
-        top: size / 2 - 10 * scale + dot.y * 12 * scale,
-        opacity: 0.4
-      }
-    }, `dot-${i}`))]
-  });
-  if (noBackground) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        width: size,
-        height: size,
-        position: "relative",
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: iconContent
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IconBackground.IconBackground, {
-    size: size,
-    glowColor: activeGlow,
-    variant: variant,
-    children: iconContent
-  });
-};
-exports.EnvLaptopIcon = EnvLaptopIcon;
-const ServerIcon = exports.ServerIcon = EnvLaptopIcon;
-const LaptopIcon = exports.LaptopIcon = EnvLaptopIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ServerIcon=exports.LaptopIcon=exports.EnvLaptopIcon=void 0;var _reactNative=require("react-native");var _IconBackground=require("./IconBackground.js");var _jsxRuntime=require("react/jsx-runtime");const ColorPresets={green:{color:"#00FF88",glow:"#00FF88"},cyan:{color:"#00D4FF",glow:"#00D4FF"},purple:{color:"#9945FF",glow:"#9945FF"},pink:{color:"#FF45FF",glow:"#FF45FF"},yellow:{color:"#FFD700",glow:"#FFD700"},orange:{color:"#FF8800",glow:"#FF8800"}};const KEYBOARD_ROW_1=[1,3,5,7,9,11,13,15,17];const KEYBOARD_ROW_2=[2,4,6,8,10,12,14,16];const SPACEBAR={x:5,width:10,y:5.5};const SCREEN_DOTS=[{x:.3,y:.3},{x:.7,y:.3},{x:.5,y:.7}];const EnvLaptopIcon=({size:t=24,color:a,glowColor:p,colorPreset:d="green",variant:u="circuit",noBackground:n=true})=>{const o=n?t/24:t/40;const s=ColorPresets[d]||ColorPresets.green;const c=a||s.color;const i=p||s.glow;const l=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{position:"absolute",width:20*o,height:8*o,backgroundColor:c,borderRadius:1*o,left:t/2-10*o,top:t/2+4*o,opacity:.85},children:[KEYBOARD_ROW_1.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:1.5*o,height:1.2*o,backgroundColor:"#000",opacity:.3,left:e*o,top:1.5*o,borderRadius:.2*o}},`key1-${r}`)),KEYBOARD_ROW_2.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:1.5*o,height:1.2*o,backgroundColor:"#000",opacity:.3,left:e*o,top:3.2*o,borderRadius:.2*o}},`key2-${r}`)),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:SPACEBAR.width*o,height:1*o,backgroundColor:"#000",opacity:.25,left:SPACEBAR.x*o,top:SPACEBAR.y*o,borderRadius:.2*o}})]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:22*o,height:10*o,backgroundColor:i,borderRadius:1*o,left:t/2-11*o,top:t/2+3*o,opacity:.15}}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{position:"absolute",width:18*o,height:12*o,backgroundColor:c,borderRadius:1*o,left:t/2-9*o,top:t/2-10*o,opacity:.9},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:16*o,height:10*o,backgroundColor:"#000",opacity:.5,left:1*o,top:1*o,borderRadius:.5*o}}),[2,4,6].map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:(10-r*3)*o,height:.5*o,backgroundColor:i,opacity:.6,left:2*o,top:e*o}},r))]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:2*o,height:1*o,backgroundColor:i,borderRadius:.5*o,left:t/2-1*o,top:t/2+10*o,opacity:.8}}),SCREEN_DOTS.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:1*o,height:1*o,borderRadius:.5*o,backgroundColor:i,left:t/2-9*o+e.x*18*o,top:t/2-10*o+e.y*12*o,opacity:.4}},`dot-${r}`))]});if(n){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:t,height:t,position:"relative",alignItems:"center",justifyContent:"center"},children:l})}return(0,_jsxRuntime.jsx)(_IconBackground.IconBackground,{size:t,glowColor:i,variant:u,children:l})};exports.EnvLaptopIcon=EnvLaptopIcon;const ServerIcon=exports.ServerIcon=EnvLaptopIcon;const LaptopIcon=exports.LaptopIcon=EnvLaptopIcon;

package/lib/commonjs/icons/IconBackground.js

@@ -1,279 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconBackground = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-// Consolidated star data
-const STARS = [{
-  x: 0.1,
-  y: 0.1,
-  size: 1,
-  opacity: 0.3
-}, {
-  x: 0.9,
-  y: 0.1,
-  size: 1.2,
-  opacity: 0.5
-}, {
-  x: 0.05,
-  y: 0.3,
-  size: 0.8,
-  opacity: 0.4
-}, {
-  x: 0.95,
-  y: 0.35,
-  size: 1,
-  opacity: 0.3
-}, {
-  x: 0.15,
-  y: 0.85,
-  size: 1,
-  opacity: 0.5
-}, {
-  x: 0.85,
-  y: 0.9,
-  size: 1.2,
-  opacity: 0.4
-}];
-const VARIANT_DATA = {
-  circuit: {
-    lines: [{
-      x: 0.5,
-      width: 0.5,
-      height: 0.9,
-      opacity: 0.15
-    }, {
-      x: 0.25,
-      width: 0.3,
-      height: 0.7,
-      opacity: 0.1
-    }, {
-      x: 0.75,
-      width: 0.3,
-      height: 0.7,
-      opacity: 0.1
-    }],
-    nodes: [{
-      x: 0.5,
-      y: 0.15
-    }, {
-      x: 0.25,
-      y: 0.25
-    }, {
-      x: 0.75,
-      y: 0.25
-    }, {
-      x: 0.5,
-      y: 0.5
-    }, {
-      x: 0.25,
-      y: 0.6
-    }, {
-      x: 0.75,
-      y: 0.6
-    }]
-  },
-  nodes: {
-    nodes: [{
-      x: 0.2,
-      y: 0.2
-    }, {
-      x: 0.8,
-      y: 0.2
-    }, {
-      x: 0.15,
-      y: 0.5
-    }, {
-      x: 0.85,
-      y: 0.5
-    }, {
-      x: 0.2,
-      y: 0.8
-    }, {
-      x: 0.8,
-      y: 0.8
-    }]
-  },
-  grid: {
-    lines: [0.2, 0.35, 0.5, 0.65, 0.8]
-  },
-  matrix: {
-    lines: [0.2, 0.35, 0.5, 0.65, 0.8],
-    rain: [0.25, 0.5, 0.75]
-  },
-  glitch: {
-    lines: [0.2, 0.35, 0.5, 0.65, 0.8],
-    scan: [0.3, 0.7]
-  }
-};
-const IconBackground = ({
-  size,
-  glowColor,
-  variant = "circuit",
-  children
-}) => {
-  const scale = size / 24;
-  const renderStars = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: STARS.map((star, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: star.size * scale,
-        height: star.size * scale,
-        borderRadius: star.size * scale / 2,
-        backgroundColor: glowColor,
-        left: star.x * size - star.size * scale / 2,
-        top: star.y * size - star.size * scale / 2,
-        opacity: star.opacity
-      }
-    }, `star-${i}`))
-  });
-  const renderVariant = () => {
-    const data = VARIANT_DATA[variant];
-    if (!data) return null;
-    if (variant === "circuit") {
-      const circuitData = data;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [circuitData.lines.map((line, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: line.width * scale,
-            height: size * line.height,
-            backgroundColor: glowColor,
-            left: line.x * size - line.width * scale / 2,
-            top: size * 0.05,
-            opacity: line.opacity
-          }
-        }, `line-${i}`)), circuitData.nodes.map((node, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: 2 * scale,
-            height: 2 * scale,
-            borderRadius: scale,
-            backgroundColor: glowColor,
-            left: node.x * size - scale,
-            top: node.y * size - scale,
-            opacity: 0.4
-          }
-        }, `node-${i}`))]
-      });
-    }
-    if (variant === "nodes") {
-      const nodesData = data;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: nodesData.nodes.map((node, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: {
-              position: "absolute",
-              width: Math.abs(0.5 - node.x) * size,
-              height: 0.3 * scale,
-              backgroundColor: glowColor,
-              left: Math.min(node.x * size, size / 2),
-              top: node.y * size,
-              opacity: 0.1
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: {
-              position: "absolute",
-              width: 2 * scale,
-              height: 2 * scale,
-              borderRadius: scale,
-              backgroundColor: glowColor,
-              left: node.x * size - scale,
-              top: node.y * size - scale,
-              opacity: 0.5
-            }
-          })]
-        }, `node-${i}`))
-      });
-    }
-    if (variant === "grid" || variant === "matrix") {
-      const gridData = data;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-        children: gridData.lines.map((pos, i) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: {
-              position: "absolute",
-              width: 0.2 * scale,
-              height: size * 0.9,
-              backgroundColor: glowColor,
-              left: pos * size,
-              top: size * 0.05,
-              opacity: 0.05
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: {
-              position: "absolute",
-              width: size * 0.9,
-              height: 0.2 * scale,
-              backgroundColor: glowColor,
-              left: size * 0.05,
-              top: pos * size,
-              opacity: 0.05
-            }
-          })]
-        }, `grid-${i}`))
-      });
-    }
-    if (variant === "glitch") {
-      const glitchData = data;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [glitchData.lines.map((y, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: size * 0.4,
-            height: 0.5 * scale,
-            backgroundColor: glowColor,
-            left: size * (0.1 + i * 0.1),
-            top: y * size,
-            opacity: 0.2
-          }
-        }, `glitch-${i}`)), glitchData.scan.map((y, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: size,
-            height: scale,
-            backgroundColor: glowColor,
-            left: 0,
-            top: size * y,
-            opacity: 0.15
-          }
-        }, `scan-${i}`))]
-      });
-    }
-    return null;
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: {
-      width: size,
-      height: size,
-      position: "relative"
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: size,
-        height: size,
-        borderRadius: size / 2,
-        backgroundColor: glowColor,
-        opacity: 0.05
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: size * 0.9,
-        height: size * 0.9,
-        borderRadius: size * 0.9 / 2,
-        borderWidth: 0.5 * scale,
-        borderColor: glowColor,
-        opacity: 0.1,
-        left: size * 0.05,
-        top: size * 0.05
-      }
-    }), renderStars(), renderVariant(), children]
-  });
-};
-exports.IconBackground = IconBackground;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.IconBackground=void 0;var _react=require("react");var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");const STARS=[{x:.1,y:.1,size:1,opacity:.3},{x:.9,y:.1,size:1.2,opacity:.5},{x:.05,y:.3,size:.8,opacity:.4},{x:.95,y:.35,size:1,opacity:.3},{x:.15,y:.85,size:1,opacity:.5},{x:.85,y:.9,size:1.2,opacity:.4}];const VARIANT_DATA={circuit:{lines:[{x:.5,width:.5,height:.9,opacity:.15},{x:.25,width:.3,height:.7,opacity:.1},{x:.75,width:.3,height:.7,opacity:.1}],nodes:[{x:.5,y:.15},{x:.25,y:.25},{x:.75,y:.25},{x:.5,y:.5},{x:.25,y:.6},{x:.75,y:.6}]},nodes:{nodes:[{x:.2,y:.2},{x:.8,y:.2},{x:.15,y:.5},{x:.85,y:.5},{x:.2,y:.8},{x:.8,y:.8}]},grid:{lines:[.2,.35,.5,.65,.8]},matrix:{lines:[.2,.35,.5,.65,.8],rain:[.25,.5,.75]},glitch:{lines:[.2,.35,.5,.65,.8],scan:[.3,.7]}};const IconBackground=({size:t,glowColor:a,variant:n="circuit",children:s})=>{const i=t/24;const d=()=>(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:STARS.map((o,c)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:o.size*i,height:o.size*i,borderRadius:o.size*i/2,backgroundColor:a,left:o.x*t-o.size*i/2,top:o.y*t-o.size*i/2,opacity:o.opacity}},`star-${c}`))});const h=()=>{const o=VARIANT_DATA[n];if(!o)return null;if(n==="circuit"){const c=o;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[c.lines.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:e.width*i,height:t*e.height,backgroundColor:a,left:e.x*t-e.width*i/2,top:t*.05,opacity:e.opacity}},`line-${r}`)),c.nodes.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:2*i,height:2*i,borderRadius:i,backgroundColor:a,left:e.x*t-i,top:e.y*t-i,opacity:.4}},`node-${r}`))]})}if(n==="nodes"){const c=o;return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:c.nodes.map((e,r)=>(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:Math.abs(.5-e.x)*t,height:.3*i,backgroundColor:a,left:Math.min(e.x*t,t/2),top:e.y*t,opacity:.1}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:2*i,height:2*i,borderRadius:i,backgroundColor:a,left:e.x*t-i,top:e.y*t-i,opacity:.5}})]},`node-${r}`))})}if(n==="grid"||n==="matrix"){const c=o;return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:c.lines.map((e,r)=>(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:.2*i,height:t*.9,backgroundColor:a,left:e*t,top:t*.05,opacity:.05}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:t*.9,height:.2*i,backgroundColor:a,left:t*.05,top:e*t,opacity:.05}})]},`grid-${r}`))})}if(n==="glitch"){const c=o;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[c.lines.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:t*.4,height:.5*i,backgroundColor:a,left:t*(.1+r*.1),top:e*t,opacity:.2}},`glitch-${r}`)),c.scan.map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:t,height:i,backgroundColor:a,left:0,top:t*e,opacity:.15}},`scan-${r}`))]})}return null};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:t,height:t,position:"relative"},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:t,height:t,borderRadius:t/2,backgroundColor:a,opacity:.05}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:t*.9,height:t*.9,borderRadius:t*.9/2,borderWidth:.5*i,borderColor:a,opacity:.1,left:t*.05,top:t*.05}}),d(),h(),s]})};exports.IconBackground=IconBackground;

package/lib/commonjs/icons/ReactQueryIcon.js

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReactQueryIcon = ReactQueryIcon;
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
-var _jsxRuntime = require("react/jsx-runtime");
-// Compatibility export: all tool surfaces use the approved raster artwork.
-
-function ReactQueryIcon({
-  size = 24
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.QueryIcon, {
-    size: size
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.ReactQueryIcon=ReactQueryIcon;var _floatingToolsCore=require("@buoy-gg/floating-tools-core");var _jsxRuntime=require("react/jsx-runtime");function ReactQueryIcon({size:e=24}){return(0,_jsxRuntime.jsx)(_floatingToolsCore.QueryIcon,{size:e})}

package/lib/commonjs/icons/RenderCountIcon.js

@@ -1,147 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RenderCountIcon = void 0;
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * RenderCountIcon - Icon for the RENDERS modal tool
- * Shows stacked component layers with a counter indicator,
- * representing render count tracking and component profiling.
- */
-const RenderCountIcon = ({
-  size = 24,
-  color = "#00D4FF",
-  glowColor
-}) => {
-  const scale = size / 24;
-  const activeColor = color;
-  const activeGlow = glowColor || color;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: {
-      width: size,
-      height: size,
-      position: "relative",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 14 * scale,
-        height: 10 * scale,
-        borderRadius: 2 * scale,
-        backgroundColor: activeGlow,
-        left: size / 2 - 7 * scale + 3 * scale,
-        top: size / 2 - 5 * scale + 3 * scale,
-        opacity: 0.2
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 14 * scale,
-        height: 10 * scale,
-        borderRadius: 2 * scale,
-        backgroundColor: activeGlow,
-        left: size / 2 - 7 * scale + 1.5 * scale,
-        top: size / 2 - 5 * scale + 1.5 * scale,
-        opacity: 0.35
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 14 * scale,
-        height: 10 * scale,
-        borderRadius: 2 * scale,
-        borderWidth: 1.5 * scale,
-        borderColor: activeColor,
-        backgroundColor: "transparent",
-        left: size / 2 - 7 * scale,
-        top: size / 2 - 5 * scale,
-        opacity: 0.9
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 6 * scale,
-        height: 1 * scale,
-        borderRadius: 0.5 * scale,
-        backgroundColor: activeColor,
-        left: size / 2 - 5 * scale,
-        top: size / 2 - 2 * scale,
-        opacity: 0.7
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 4 * scale,
-        height: 1 * scale,
-        borderRadius: 0.5 * scale,
-        backgroundColor: activeColor,
-        left: size / 2 - 5 * scale,
-        top: size / 2,
-        opacity: 0.5
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 8 * scale,
-        height: 8 * scale,
-        borderRadius: 4 * scale,
-        backgroundColor: activeColor,
-        right: size * 0.1,
-        top: size * 0.08,
-        opacity: 0.9,
-        alignItems: "center",
-        justifyContent: "center"
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          width: 3 * scale,
-          height: 4 * scale,
-          borderRadius: 0.5 * scale,
-          backgroundColor: "#000",
-          opacity: 0.6
-        }
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 6 * scale,
-        height: 6 * scale,
-        borderRadius: 3 * scale,
-        borderWidth: 1 * scale,
-        borderColor: activeGlow,
-        borderRightColor: "transparent",
-        borderBottomColor: "transparent",
-        left: size * 0.08,
-        bottom: size * 0.12,
-        opacity: 0.6,
-        transform: [{
-          rotate: "-45deg"
-        }]
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 0,
-        height: 0,
-        borderLeftWidth: 2 * scale,
-        borderRightWidth: 2 * scale,
-        borderBottomWidth: 3 * scale,
-        borderLeftColor: "transparent",
-        borderRightColor: "transparent",
-        borderBottomColor: activeGlow,
-        left: size * 0.18,
-        bottom: size * 0.22,
-        opacity: 0.6,
-        transform: [{
-          rotate: "45deg"
-        }]
-      }
-    })]
-  });
-};
-exports.RenderCountIcon = RenderCountIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RenderCountIcon=void 0;var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");const RenderCountIcon=({size:o=24,color:i="#00D4FF",glowColor:a})=>{const t=o/24;const e=i;const r=a||i;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:o,height:o,position:"relative",alignItems:"center",justifyContent:"center"},children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:14*t,height:10*t,borderRadius:2*t,backgroundColor:r,left:o/2-7*t+3*t,top:o/2-5*t+3*t,opacity:.2}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:14*t,height:10*t,borderRadius:2*t,backgroundColor:r,left:o/2-7*t+1.5*t,top:o/2-5*t+1.5*t,opacity:.35}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:14*t,height:10*t,borderRadius:2*t,borderWidth:1.5*t,borderColor:e,backgroundColor:"transparent",left:o/2-7*t,top:o/2-5*t,opacity:.9}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:6*t,height:1*t,borderRadius:.5*t,backgroundColor:e,left:o/2-5*t,top:o/2-2*t,opacity:.7}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:4*t,height:1*t,borderRadius:.5*t,backgroundColor:e,left:o/2-5*t,top:o/2,opacity:.5}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:8*t,height:8*t,borderRadius:4*t,backgroundColor:e,right:o*.1,top:o*.08,opacity:.9,alignItems:"center",justifyContent:"center"},children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:3*t,height:4*t,borderRadius:.5*t,backgroundColor:"#000",opacity:.6}})}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:6*t,height:6*t,borderRadius:3*t,borderWidth:1*t,borderColor:r,borderRightColor:"transparent",borderBottomColor:"transparent",left:o*.08,bottom:o*.12,opacity:.6,transform:[{rotate:"-45deg"}]}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:0,height:0,borderLeftWidth:2*t,borderRightWidth:2*t,borderBottomWidth:3*t,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:r,left:o*.18,bottom:o*.22,opacity:.6,transform:[{rotate:"45deg"}]}})]})};exports.RenderCountIcon=RenderCountIcon;