@buoy-gg/shared-ui 1.7.2

package/lib/module/icons/WifiCircuitIcon.js

@@ -0,0 +1,164 @@
+"use strict";
+
+import { View } from "react-native";
+import { IconBackground } from "./IconBackground.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const ColorPresets = {
+  cyan: {
+    color: "#00D4FF",
+    glow: "#00D4FF"
+  },
+  green: {
+    color: "#00FF88",
+    glow: "#00FF88"
+  },
+  purple: {
+    color: "#9945FF",
+    glow: "#9945FF"
+  },
+  pink: {
+    color: "#FF45FF",
+    glow: "#FF45FF"
+  },
+  yellow: {
+    color: "#FFD700",
+    glow: "#FFD700"
+  },
+  orange: {
+    color: "#FF8800",
+    glow: "#FF8800"
+  }
+};
+
+// Arc configurations - matching original spacing
+const ARCS = [{
+  strength: 1,
+  size: 15,
+  topOffset: 0.55,
+  opacity: 0.9
+}, {
+  strength: 2,
+  size: 30,
+  topOffset: 0.45,
+  opacity: 0.8
+}, {
+  strength: 3,
+  size: 45,
+  topOffset: 0.35,
+  opacity: 0.7
+}, {
+  strength: 4,
+  size: 60,
+  topOffset: 0.25,
+  opacity: 0.6
+}];
+
+// Simplified dots
+const DOTS = [{
+  x: 0.35,
+  y: 0.5,
+  minStrength: 2
+}, {
+  x: 0.65,
+  y: 0.5,
+  minStrength: 2
+}, {
+  x: 0.5,
+  y: 0.3,
+  minStrength: 4
+}];
+export const WifiCircuitIcon = ({
+  size = 24,
+  color,
+  glowColor,
+  strength = 4,
+  colorPreset = "cyan",
+  variant = "nodes",
+  noBackground = true,
+  showSlash = false
+}) => {
+  const scale = size / 60;
+  const strokeWidth = 2.5 * scale;
+  const isOff = strength === 0;
+  const preset = ColorPresets[colorPreset] || ColorPresets.cyan;
+  const baseColor = color || preset.color;
+  const baseGlow = glowColor || preset.glow;
+  const activeColor = isOff ? "#333" : baseColor;
+  const activeGlow = isOff ? "#333" : baseGlow;
+  const iconContent = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        position: "absolute",
+        width: 5 * scale,
+        height: 5 * scale,
+        borderRadius: 2.5 * scale,
+        backgroundColor: activeColor,
+        left: size / 2 - 2.5 * scale,
+        top: size * 0.7,
+        opacity: strength > 0 ? 1 : 0.3
+      }
+    }), ARCS.filter(arc => strength >= arc.strength).map((arc, i) => /*#__PURE__*/_jsx(View, {
+      style: {
+        position: "absolute",
+        width: arc.size * scale,
+        height: arc.size * scale,
+        borderRadius: arc.size * scale / 2,
+        borderWidth: strokeWidth,
+        borderColor: activeColor,
+        borderTopColor: "transparent",
+        borderLeftColor: "transparent",
+        borderRightColor: "transparent",
+        left: size / 2 - arc.size * scale / 2,
+        top: size * arc.topOffset,
+        transform: [{
+          rotate: "180deg"
+        }],
+        opacity: arc.opacity
+      }
+    }, `arc-${i}`)), strength > 0 && DOTS.filter(dot => strength >= dot.minStrength).map((dot, i) => /*#__PURE__*/_jsx(View, {
+      style: {
+        position: "absolute",
+        width: 1.5 * scale,
+        height: 1.5 * scale,
+        borderRadius: 0.75 * scale,
+        backgroundColor: activeGlow,
+        left: dot.x * size - 0.75 * scale,
+        top: dot.y * size,
+        opacity: 0.6
+      }
+    }, `dot-${i}`)), showSlash && /*#__PURE__*/_jsx(View, {
+      style: {
+        position: "absolute",
+        width: size * 0.7,
+        height: strokeWidth * 1.5,
+        backgroundColor: activeColor,
+        left: size * 0.15,
+        top: size * 0.5 - strokeWidth * 0.75,
+        opacity: 0.9,
+        transform: [{
+          rotate: "45deg"
+        }],
+        borderRadius: strokeWidth
+      }
+    })]
+  });
+  if (noBackground) {
+    return /*#__PURE__*/_jsx(View, {
+      style: {
+        width: size,
+        height: size,
+        position: "relative",
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      children: iconContent
+    });
+  }
+  return /*#__PURE__*/_jsx(IconBackground, {
+    size: size,
+    glowColor: activeGlow,
+    variant: variant,
+    children: iconContent
+  });
+};
+export const WifiIcon = WifiCircuitIcon;

package/lib/module/icons/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+// Export cross-platform primitives and icons
+export * from "./primitives/index.js";
+
+// Export KISS icons - just re-export from core
+export { NetworkIcon, NETWORK_ICON_COLOR } from "@buoy-gg/floating-tools-core";
+export { EnvIcon, ENV_ICON_COLOR } from "@buoy-gg/floating-tools-core";
+
+// Export custom icons
+export { EnvLaptopIcon, LaptopIcon } from "./EnvLaptopIcon.js";
+export { ReactQueryIcon } from "./ReactQueryIcon.js";
+export { SentryBugIcon } from "./SentryBugIcon.js";
+export { StorageStackIcon } from "./StorageStackIcon.js";
+export { WifiCircuitIcon } from "./WifiCircuitIcon.js";
+export { RouteMapIcon, RouteIcon, NavigationIcon } from "./RouteMapIcon.js";
+export { StackPulseIcon, RenderPulseIcon, HighlightUpdatesIcon } from "./StackPulseIcon.js";
+export { RenderCountIcon } from "./RenderCountIcon.js";
+export { BenchmarkIcon } from "./BenchmarkIcon.js";
+export { IconBackground } from "./IconBackground.js";
+
+// Export lucide icons
+export * from "./lucide-icons.js";