@buoy-gg/shared-ui 7.0.41 → 7.0.42

package/lib/commonjs/icons/RouteMapIcon.js

@@ -1,250 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RouteMapIcon = exports.RouteIcon = exports.NavigationIcon = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _IconBackground = require("./IconBackground.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const ColorPresets = {
-  orange: {
-    color: "#f59e0b",
-    glow: "#f59e0b"
-  },
-  cyan: {
-    color: "#00D4FF",
-    glow: "#00D4FF"
-  },
-  purple: {
-    color: "#a78bfa",
-    glow: "#a78bfa"
-  },
-  pink: {
-    color: "#FF45FF",
-    glow: "#FF45FF"
-  },
-  yellow: {
-    color: "#FFD700",
-    glow: "#FFD700"
-  },
-  green: {
-    color: "#00FF88",
-    glow: "#00FF88"
-  }
-};
-
-// Route nodes - representing different screens/routes in the app
-const ROUTE_NODES = [{
-  x: 0.5,
-  y: 0.2,
-  size: 1.2,
-  isActive: true
-},
-// Home/root
-{
-  x: 0.25,
-  y: 0.45,
-  size: 1,
-  isActive: false
-},
-// Route 1
-{
-  x: 0.75,
-  y: 0.45,
-  size: 1,
-  isActive: false
-},
-// Route 2
-{
-  x: 0.35,
-  y: 0.7,
-  size: 0.9,
-  isActive: false
-},
-// Route 3
-{
-  x: 0.65,
-  y: 0.7,
-  size: 0.9,
-  isActive: false
-} // Route 4
-];
-
-// Connections between routes - representing navigation paths
-const ROUTE_CONNECTIONS = [{
-  from: 0,
-  to: 1
-},
-// Home to Route 1
-{
-  from: 0,
-  to: 2
-},
-// Home to Route 2
-{
-  from: 1,
-  to: 3
-},
-// Route 1 to Route 3
-{
-  from: 2,
-  to: 4
-} // Route 2 to Route 4
-];
-const RouteMapIcon = ({
-  size = 24,
-  color,
-  glowColor,
-  colorPreset = "orange",
-  variant = "nodes",
-  noBackground = true
-}) => {
-  const scale = noBackground ? size / 24 : size / 26;
-  const preset = ColorPresets[colorPreset] || ColorPresets.orange;
-  const activeColor = color || preset.color;
-  const activeGlow = glowColor || preset.glow;
-  const iconContent = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [ROUTE_CONNECTIONS.map((connection, index) => {
-      const fromNode = ROUTE_NODES[connection.from];
-      const toNode = ROUTE_NODES[connection.to];
-      const startX = fromNode.x * size;
-      const startY = fromNode.y * size;
-      const endX = toNode.x * size;
-      const endY = toNode.y * size;
-      const distance = Math.sqrt(Math.pow(endX - startX, 2) + Math.pow(endY - startY, 2));
-      const angle = Math.atan2(endY - startY, endX - startX);
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: distance,
-            height: 1.5 * scale,
-            backgroundColor: activeGlow,
-            left: startX,
-            top: startY,
-            opacity: 0.15,
-            transform: [{
-              translateY: -0.75 * scale
-            }, {
-              rotate: `${angle}rad`
-            }]
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: distance,
-            height: 0.8 * scale,
-            backgroundColor: activeColor,
-            left: startX,
-            top: startY,
-            opacity: 0.5,
-            transform: [{
-              translateY: -0.4 * scale
-            }, {
-              rotate: `${angle}rad`
-            }]
-          }
-        }), [0.3, 0.6].map((position, dotIndex) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: 1 * scale,
-            height: 1 * scale,
-            borderRadius: 0.5 * scale,
-            backgroundColor: activeGlow,
-            left: startX + (endX - startX) * position,
-            top: startY + (endY - startY) * position,
-            opacity: 0.7
-          }
-        }, `dot-${index}-${dotIndex}`))]
-      }, `connection-${index}`);
-    }), ROUTE_NODES.map((node, index) => {
-      const nodeX = node.x * size - node.size * 1.5 * scale;
-      const nodeY = node.y * size - node.size * 1.5 * scale;
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: node.size * 4 * scale,
-            height: node.size * 4 * scale,
-            borderRadius: node.size * 2 * scale,
-            backgroundColor: activeGlow,
-            left: nodeX - node.size * 0.5 * scale,
-            top: nodeY - node.size * 0.5 * scale,
-            opacity: node.isActive ? 0.2 : 0.1
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: node.size * 3 * scale,
-            height: node.size * 3 * scale,
-            borderRadius: node.size * 1.5 * scale,
-            backgroundColor: activeColor,
-            left: nodeX,
-            top: nodeY,
-            opacity: node.isActive ? 0.95 : 0.75
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-          style: {
-            position: "absolute",
-            width: node.size * 1.5 * scale,
-            height: node.size * 1.5 * scale,
-            borderRadius: node.size * 0.75 * scale,
-            backgroundColor: "#fff",
-            left: nodeX + node.size * 0.75 * scale,
-            top: nodeY + node.size * 0.75 * scale,
-            opacity: 0.2
-          }
-        }), node.isActive && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: {
-              position: "absolute",
-              width: node.size * 5 * scale,
-              height: node.size * 5 * scale,
-              borderRadius: node.size * 2.5 * scale,
-              borderWidth: 0.5 * scale,
-              borderColor: activeGlow,
-              backgroundColor: "transparent",
-              left: nodeX - node.size * 1 * scale,
-              top: nodeY - node.size * 1 * scale,
-              opacity: 0.4
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-            style: {
-              position: "absolute",
-              width: node.size * 1 * scale,
-              height: node.size * 1 * scale,
-              borderRadius: node.size * 0.5 * scale,
-              backgroundColor: activeGlow,
-              left: nodeX + node.size * 1 * scale,
-              top: nodeY + node.size * 1 * scale,
-              opacity: 0.9
-            }
-          })]
-        })]
-      }, `node-${index}`);
-    })]
-  });
-  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.RouteMapIcon = RouteMapIcon;
-const RouteIcon = exports.RouteIcon = RouteMapIcon;
-const NavigationIcon = exports.NavigationIcon = RouteMapIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.RouteMapIcon=exports.RouteIcon=exports.NavigationIcon=void 0;var _react=require("react");var _reactNative=require("react-native");var _IconBackground=require("./IconBackground.js");var _jsxRuntime=require("react/jsx-runtime");const ColorPresets={orange:{color:"#f59e0b",glow:"#f59e0b"},cyan:{color:"#00D4FF",glow:"#00D4FF"},purple:{color:"#a78bfa",glow:"#a78bfa"},pink:{color:"#FF45FF",glow:"#FF45FF"},yellow:{color:"#FFD700",glow:"#FFD700"},green:{color:"#00FF88",glow:"#00FF88"}};const ROUTE_NODES=[{x:.5,y:.2,size:1.2,isActive:true},{x:.25,y:.45,size:1,isActive:false},{x:.75,y:.45,size:1,isActive:false},{x:.35,y:.7,size:.9,isActive:false},{x:.65,y:.7,size:.9,isActive:false}];const ROUTE_CONNECTIONS=[{from:0,to:1},{from:0,to:2},{from:1,to:3},{from:2,to:4}];const RouteMapIcon=({size:e=24,color:y,glowColor:d,colorPreset:F="orange",variant:v="nodes",noBackground:p=true})=>{const t=p?e/24:e/26;const g=ColorPresets[F]||ColorPresets.orange;const h=y||g.color;const r=d||g.glow;const f=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[ROUTE_CONNECTIONS.map((o,l)=>{const s=ROUTE_NODES[o.from];const i=ROUTE_NODES[o.to];const a=s.x*e;const c=s.y*e;const n=i.x*e;const u=i.y*e;const w=Math.sqrt(Math.pow(n-a,2)+Math.pow(u-c,2));const x=Math.atan2(u-c,n-a);return(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:w,height:1.5*t,backgroundColor:r,left:a,top:c,opacity:.15,transform:[{translateY:-.75*t},{rotate:`${x}rad`}]}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:w,height:.8*t,backgroundColor:h,left:a,top:c,opacity:.5,transform:[{translateY:-.4*t},{rotate:`${x}rad`}]}}),[.3,.6].map((b,z)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:1*t,height:1*t,borderRadius:.5*t,backgroundColor:r,left:a+(n-a)*b,top:c+(u-c)*b,opacity:.7}},`dot-${l}-${z}`))]},`connection-${l}`)}),ROUTE_NODES.map((o,l)=>{const s=o.x*e-o.size*1.5*t;const i=o.y*e-o.size*1.5*t;return(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:o.size*4*t,height:o.size*4*t,borderRadius:o.size*2*t,backgroundColor:r,left:s-o.size*.5*t,top:i-o.size*.5*t,opacity:o.isActive?.2:.1}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:o.size*3*t,height:o.size*3*t,borderRadius:o.size*1.5*t,backgroundColor:h,left:s,top:i,opacity:o.isActive?.95:.75}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:o.size*1.5*t,height:o.size*1.5*t,borderRadius:o.size*.75*t,backgroundColor:"#fff",left:s+o.size*.75*t,top:i+o.size*.75*t,opacity:.2}}),o.isActive&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:o.size*5*t,height:o.size*5*t,borderRadius:o.size*2.5*t,borderWidth:.5*t,borderColor:r,backgroundColor:"transparent",left:s-o.size*1*t,top:i-o.size*1*t,opacity:.4}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:o.size*1*t,height:o.size*1*t,borderRadius:o.size*.5*t,backgroundColor:r,left:s+o.size*1*t,top:i+o.size*1*t,opacity:.9}})]})]},`node-${l}`)})]});if(p){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:e,height:e,position:"relative",alignItems:"center",justifyContent:"center"},children:f})}return(0,_jsxRuntime.jsx)(_IconBackground.IconBackground,{size:e,glowColor:r,variant:v,children:f})};exports.RouteMapIcon=RouteMapIcon;const RouteIcon=exports.RouteIcon=RouteMapIcon;const NavigationIcon=exports.NavigationIcon=RouteMapIcon;

package/lib/commonjs/icons/SentryBugIcon.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SentryBugIcon = SentryBugIcon;
-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 SentryBugIcon({
-  size = 24,
-  color
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.SentryIcon, {
-    size: size,
-    color: color ?? "#9945FF"
-  });
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.SentryBugIcon=SentryBugIcon;var _floatingToolsCore=require("@buoy-gg/floating-tools-core");var _jsxRuntime=require("react/jsx-runtime");function SentryBugIcon({size:e=24,color:r}){return(0,_jsxRuntime.jsx)(_floatingToolsCore.SentryIcon,{size:e,color:r??"#9945FF"})}

package/lib/commonjs/icons/StackPulseIcon.js

@@ -1,158 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StackPulseIcon = exports.RenderPulseIcon = exports.HighlightUpdatesIcon = void 0;
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-const StackPulseIcon = ({
-  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: 20 * scale,
-        height: 20 * scale,
-        borderRadius: 3 * scale,
-        borderWidth: 1.5 * scale,
-        borderColor: activeGlow,
-        backgroundColor: "transparent",
-        left: size / 2 - 10 * scale,
-        top: size / 2 - 10 * scale,
-        opacity: 0.2
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 15 * scale,
-        height: 15 * scale,
-        borderRadius: 2.5 * scale,
-        borderWidth: 1.5 * scale,
-        borderColor: activeGlow,
-        backgroundColor: "transparent",
-        left: size / 2 - 7.5 * scale,
-        top: size / 2 - 7.5 * scale,
-        opacity: 0.4
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 12 * scale,
-        height: 12 * scale,
-        borderRadius: 2 * scale,
-        backgroundColor: activeGlow,
-        left: size / 2 - 6 * scale,
-        top: size / 2 - 6 * scale,
-        opacity: 0.15
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 10 * scale,
-        height: 10 * scale,
-        borderRadius: 1.5 * scale,
-        backgroundColor: activeColor,
-        left: size / 2 - 5 * scale,
-        top: size / 2 - 5 * scale,
-        opacity: 0.9
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 7 * scale,
-        height: 7 * scale,
-        borderRadius: 1 * scale,
-        backgroundColor: "#000",
-        left: size / 2 - 3.5 * scale,
-        top: size / 2 - 3.5 * scale,
-        opacity: 0.4
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 4 * scale,
-        height: 1 * scale,
-        borderRadius: 0.5 * scale,
-        backgroundColor: activeGlow,
-        left: size / 2 - 2 * scale,
-        top: size / 2 - 2 * scale,
-        opacity: 0.7
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 3 * scale,
-        height: 1 * scale,
-        borderRadius: 0.5 * scale,
-        backgroundColor: activeGlow,
-        left: size / 2 - 2 * scale,
-        top: size / 2,
-        opacity: 0.5
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 2 * scale,
-        height: 1 * scale,
-        borderRadius: 0.5 * scale,
-        backgroundColor: activeGlow,
-        left: size / 2 - 2 * scale,
-        top: size / 2 + 2 * scale,
-        opacity: 0.4
-      }
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: {
-        position: "absolute",
-        width: 6 * scale,
-        height: 1.5 * scale,
-        borderRadius: 0.75 * scale,
-        backgroundColor: "#fff",
-        left: size / 2 - 3 * scale,
-        top: size / 2 - 4.5 * scale,
-        opacity: 0.2
-      }
-    }), [{
-      x: 0.15,
-      y: 0.15
-    }, {
-      x: 0.85,
-      y: 0.15
-    }, {
-      x: 0.15,
-      y: 0.85
-    }, {
-      x: 0.85,
-      y: 0.85
-    }].map((pos, 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: pos.x * size - 0.75 * scale,
-        top: pos.y * size - 0.75 * scale,
-        opacity: 0.6
-      }
-    }, `corner-${i}`))]
-  });
-};
-
-// Aliases for flexibility
-exports.StackPulseIcon = StackPulseIcon;
-const RenderPulseIcon = exports.RenderPulseIcon = StackPulseIcon;
-const HighlightUpdatesIcon = exports.HighlightUpdatesIcon = StackPulseIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.StackPulseIcon=exports.RenderPulseIcon=exports.HighlightUpdatesIcon=void 0;var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");const StackPulseIcon=({size:o=24,color:r="#00D4FF",glowColor:a})=>{const t=o/24;const s=r;const e=a||r;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:20*t,height:20*t,borderRadius:3*t,borderWidth:1.5*t,borderColor:e,backgroundColor:"transparent",left:o/2-10*t,top:o/2-10*t,opacity:.2}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:15*t,height:15*t,borderRadius:2.5*t,borderWidth:1.5*t,borderColor:e,backgroundColor:"transparent",left:o/2-7.5*t,top:o/2-7.5*t,opacity:.4}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:12*t,height:12*t,borderRadius:2*t,backgroundColor:e,left:o/2-6*t,top:o/2-6*t,opacity:.15}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:10*t,height:10*t,borderRadius:1.5*t,backgroundColor:s,left:o/2-5*t,top:o/2-5*t,opacity:.9}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:7*t,height:7*t,borderRadius:1*t,backgroundColor:"#000",left:o/2-3.5*t,top:o/2-3.5*t,opacity:.4}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:4*t,height:1*t,borderRadius:.5*t,backgroundColor:e,left:o/2-2*t,top:o/2-2*t,opacity:.7}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:3*t,height:1*t,borderRadius:.5*t,backgroundColor:e,left:o/2-2*t,top:o/2,opacity:.5}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:2*t,height:1*t,borderRadius:.5*t,backgroundColor:e,left:o/2-2*t,top:o/2+2*t,opacity:.4}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:6*t,height:1.5*t,borderRadius:.75*t,backgroundColor:"#fff",left:o/2-3*t,top:o/2-4.5*t,opacity:.2}}),[{x:.15,y:.15},{x:.85,y:.15},{x:.15,y:.85},{x:.85,y:.85}].map((i,l)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:1.5*t,height:1.5*t,borderRadius:.75*t,backgroundColor:e,left:i.x*o-.75*t,top:i.y*o-.75*t,opacity:.6}},`corner-${l}`))]})};exports.StackPulseIcon=StackPulseIcon;const RenderPulseIcon=exports.RenderPulseIcon=StackPulseIcon;const HighlightUpdatesIcon=exports.HighlightUpdatesIcon=StackPulseIcon;

package/lib/commonjs/icons/StorageStackIcon.js

@@ -1,156 +1 @@
-"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;
+"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"}};const CYLINDERS=[{y:.25,opacity:.9},{y:.45,opacity:.8},{y:.65,opacity:.7}];const StorageStackIcon=({size:t=24,color:s,glowColor:d,colorPreset:u="yellow",variant:p="nodes",noBackground:c=true})=>{const o=c?t/24:t/26;const a=ColorPresets[u]||ColorPresets.yellow;const g=s||a.color;const l=d||a.glow;const F=(e,r,n)=>(0,_jsxRuntime.jsxs)(_react.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:18*o,height:8*o,borderRadius:4*o,backgroundColor:l,left:t/2-9*o,top:e*t-o,opacity:.1}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:16*o,height:6*o,borderRadius:3*o,backgroundColor:g,left:t/2-8*o,top:e*t,opacity:r}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:14*o,height:2*o,borderRadius:1*o,backgroundColor:"#fff",left:t/2-7*o,top:e*t+.5*o,opacity:.15}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:16*o,height:6*o,borderRadius:3*o,borderWidth:.5*o,borderColor:l,backgroundColor:"transparent",left:t/2-8*o,top:e*t,opacity:.3}})]},`cylinder-${n}`);const i=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[CYLINDERS.map(({y:e,opacity:r},n)=>F(e,r,n)),[.35,.55].map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:.5*o,height:6*o,backgroundColor:l,left:t/2-.25*o,top:e*t,opacity:.3}},`connection-${r}`)),[.25,.45,.65].map((e,r)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",width:1*o,height:1*o,borderRadius:.5*o,backgroundColor:l,left:t/2-.5*o,top:e*t+2.5*o,opacity:.6}},`dot-${r}`))]});if(c){return(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:t,height:t,position:"relative",alignItems:"center",justifyContent:"center"},children:i})}return(0,_jsxRuntime.jsx)(_IconBackground.IconBackground,{size:t,glowColor:l,variant:p,children:i})};exports.StorageStackIcon=StorageStackIcon;