@buoy-gg/shared-ui 1.7.2

package/lib/commonjs/icons/StorageStackIcon.js

@@ -0,0 +1,156 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StorageStackIcon = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _IconBackground = require("./IconBackground.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const ColorPresets = {
+  yellow: {
+    color: "#FFD700",
+    glow: "#FFD700"
+  },
+  cyan: {
+    color: "#00D4FF",
+    glow: "#00D4FF"
+  },
+  green: {
+    color: "#00FF88",
+    glow: "#00FF88"
+  },
+  purple: {
+    color: "#9945FF",
+    glow: "#9945FF"
+  },
+  pink: {
+    color: "#FF45FF",
+    glow: "#FF45FF"
+  },
+  orange: {
+    color: "#FF8800",
+    glow: "#FF8800"
+  }
+};
+
+// Simplified cylinder data
+const CYLINDERS = [{
+  y: 0.25,
+  opacity: 0.9
+}, {
+  y: 0.45,
+  opacity: 0.8
+}, {
+  y: 0.65,
+  opacity: 0.7
+}];
+const StorageStackIcon = ({
+  size = 24,
+  color,
+  glowColor,
+  colorPreset = "yellow",
+  variant = "nodes",
+  noBackground = true
+}) => {
+  const scale = noBackground ? size / 24 : size / 26;
+  const preset = ColorPresets[colorPreset] || ColorPresets.yellow;
+  const activeColor = color || preset.color;
+  const activeGlow = glowColor || preset.glow;
+  const renderCylinder = (y, opacity, index) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: "absolute",
+        width: 18 * scale,
+        height: 8 * scale,
+        borderRadius: 4 * scale,
+        backgroundColor: activeGlow,
+        left: size / 2 - 9 * scale,
+        top: y * size - scale,
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: "absolute",
+        width: 16 * scale,
+        height: 6 * scale,
+        borderRadius: 3 * scale,
+        backgroundColor: activeColor,
+        left: size / 2 - 8 * scale,
+        top: y * size,
+        opacity
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: "absolute",
+        width: 14 * scale,
+        height: 2 * scale,
+        borderRadius: 1 * scale,
+        backgroundColor: "#fff",
+        left: size / 2 - 7 * scale,
+        top: y * size + 0.5 * scale,
+        opacity: 0.15
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: "absolute",
+        width: 16 * scale,
+        height: 6 * scale,
+        borderRadius: 3 * scale,
+        borderWidth: 0.5 * scale,
+        borderColor: activeGlow,
+        backgroundColor: "transparent",
+        left: size / 2 - 8 * scale,
+        top: y * size,
+        opacity: 0.3
+      }
+    })]
+  }, `cylinder-${index}`);
+  const iconContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [CYLINDERS.map(({
+      y,
+      opacity
+    }, index) => renderCylinder(y, opacity, index)), [0.35, 0.55].map((y, i) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        position: "absolute",
+        width: 0.5 * scale,
+        height: 6 * scale,
+        backgroundColor: activeGlow,
+        left: size / 2 - 0.25 * scale,
+        top: y * size,
+        opacity: 0.3
+      }
+    }, `connection-${i}`)), [0.25, 0.45, 0.65].map((y, 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 - 0.5 * scale,
+        top: y * size + 2.5 * scale,
+        opacity: 0.6
+      }
+    }, `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.StorageStackIcon = StorageStackIcon;

package/lib/commonjs/icons/WifiCircuitIcon.js

@@ -0,0 +1,169 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WifiIcon = exports.WifiCircuitIcon = void 0;
+var _reactNative = require("react-native");
+var _IconBackground = require("./IconBackground.js");
+var _jsxRuntime = require("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
+}];
+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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(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.WifiCircuitIcon = WifiCircuitIcon;
+const WifiIcon = exports.WifiIcon = WifiCircuitIcon;

package/lib/commonjs/icons/index.js

@@ -0,0 +1,175 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  NetworkIcon: true,
+  NETWORK_ICON_COLOR: true,
+  EnvIcon: true,
+  ENV_ICON_COLOR: true,
+  EnvLaptopIcon: true,
+  LaptopIcon: true,
+  ReactQueryIcon: true,
+  SentryBugIcon: true,
+  StorageStackIcon: true,
+  WifiCircuitIcon: true,
+  RouteMapIcon: true,
+  RouteIcon: true,
+  NavigationIcon: true,
+  StackPulseIcon: true,
+  RenderPulseIcon: true,
+  HighlightUpdatesIcon: true,
+  RenderCountIcon: true,
+  BenchmarkIcon: true,
+  IconBackground: true
+};
+Object.defineProperty(exports, "BenchmarkIcon", {
+  enumerable: true,
+  get: function () {
+    return _BenchmarkIcon.BenchmarkIcon;
+  }
+});
+Object.defineProperty(exports, "ENV_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _floatingToolsCore.ENV_ICON_COLOR;
+  }
+});
+Object.defineProperty(exports, "EnvIcon", {
+  enumerable: true,
+  get: function () {
+    return _floatingToolsCore.EnvIcon;
+  }
+});
+Object.defineProperty(exports, "EnvLaptopIcon", {
+  enumerable: true,
+  get: function () {
+    return _EnvLaptopIcon.EnvLaptopIcon;
+  }
+});
+Object.defineProperty(exports, "HighlightUpdatesIcon", {
+  enumerable: true,
+  get: function () {
+    return _StackPulseIcon.HighlightUpdatesIcon;
+  }
+});
+Object.defineProperty(exports, "IconBackground", {
+  enumerable: true,
+  get: function () {
+    return _IconBackground.IconBackground;
+  }
+});
+Object.defineProperty(exports, "LaptopIcon", {
+  enumerable: true,
+  get: function () {
+    return _EnvLaptopIcon.LaptopIcon;
+  }
+});
+Object.defineProperty(exports, "NETWORK_ICON_COLOR", {
+  enumerable: true,
+  get: function () {
+    return _floatingToolsCore.NETWORK_ICON_COLOR;
+  }
+});
+Object.defineProperty(exports, "NavigationIcon", {
+  enumerable: true,
+  get: function () {
+    return _RouteMapIcon.NavigationIcon;
+  }
+});
+Object.defineProperty(exports, "NetworkIcon", {
+  enumerable: true,
+  get: function () {
+    return _floatingToolsCore.NetworkIcon;
+  }
+});
+Object.defineProperty(exports, "ReactQueryIcon", {
+  enumerable: true,
+  get: function () {
+    return _ReactQueryIcon.ReactQueryIcon;
+  }
+});
+Object.defineProperty(exports, "RenderCountIcon", {
+  enumerable: true,
+  get: function () {
+    return _RenderCountIcon.RenderCountIcon;
+  }
+});
+Object.defineProperty(exports, "RenderPulseIcon", {
+  enumerable: true,
+  get: function () {
+    return _StackPulseIcon.RenderPulseIcon;
+  }
+});
+Object.defineProperty(exports, "RouteIcon", {
+  enumerable: true,
+  get: function () {
+    return _RouteMapIcon.RouteIcon;
+  }
+});
+Object.defineProperty(exports, "RouteMapIcon", {
+  enumerable: true,
+  get: function () {
+    return _RouteMapIcon.RouteMapIcon;
+  }
+});
+Object.defineProperty(exports, "SentryBugIcon", {
+  enumerable: true,
+  get: function () {
+    return _SentryBugIcon.SentryBugIcon;
+  }
+});
+Object.defineProperty(exports, "StackPulseIcon", {
+  enumerable: true,
+  get: function () {
+    return _StackPulseIcon.StackPulseIcon;
+  }
+});
+Object.defineProperty(exports, "StorageStackIcon", {
+  enumerable: true,
+  get: function () {
+    return _StorageStackIcon.StorageStackIcon;
+  }
+});
+Object.defineProperty(exports, "WifiCircuitIcon", {
+  enumerable: true,
+  get: function () {
+    return _WifiCircuitIcon.WifiCircuitIcon;
+  }
+});
+var _index = require("./primitives/index.js");
+Object.keys(_index).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _index[key];
+    }
+  });
+});
+var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
+var _EnvLaptopIcon = require("./EnvLaptopIcon.js");
+var _ReactQueryIcon = require("./ReactQueryIcon.js");
+var _SentryBugIcon = require("./SentryBugIcon.js");
+var _StorageStackIcon = require("./StorageStackIcon.js");
+var _WifiCircuitIcon = require("./WifiCircuitIcon.js");
+var _RouteMapIcon = require("./RouteMapIcon.js");
+var _StackPulseIcon = require("./StackPulseIcon.js");
+var _RenderCountIcon = require("./RenderCountIcon.js");
+var _BenchmarkIcon = require("./BenchmarkIcon.js");
+var _IconBackground = require("./IconBackground.js");
+var _lucideIcons = require("./lucide-icons.js");
+Object.keys(_lucideIcons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _lucideIcons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _lucideIcons[key];
+    }
+  });
+});