@buoy-gg/shared-ui 7.0.40 → 7.0.42

package/lib/commonjs/icons/primitives/GlobeIcon.js

@@ -1,66 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NetworkGlobeIcon = exports.NETWORK_ICON_COLOR = exports.GlobeIcon = void 0;
-var _iconPrimitives = require("./icon-primitives.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * GlobeIcon - Cross-Platform Implementation
- *
- * This icon uses the shared primitives and works on both mobile and web!
- * The primitives handle the platform-specific rendering.
- */
-
-// Single source of truth for network icon color
-const NETWORK_ICON_COLOR = exports.NETWORK_ICON_COLOR = '#4AFF9F'; // Green
-
-const colors = {
-  network: NETWORK_ICON_COLOR,
-  blackTint1: 'rgba(8, 12, 21, 0.95)'
-};
-const GlobeIcon = ({
-  size = 24,
-  color = colors.network
-}) => {
-  const scale = size / 24;
-  const globeSize = 18 * scale;
-  const r = globeSize / 2;
-  const center = size / 2;
-  const borderWidth = 2 * scale;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_iconPrimitives.IconContainer, {
-    size: size,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconCircle, {
-      cx: center,
-      cy: center,
-      r: r,
-      fill: colors.blackTint1,
-      borderColor: color,
-      borderWidth: borderWidth,
-      glowColor: color,
-      glowRadius: 4 * scale
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconCircle, {
-      cx: center,
-      cy: center,
-      r: r,
-      borderColor: color,
-      borderWidth: borderWidth,
-      scaleX: 0.45,
-      opacity: 0.6
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_iconPrimitives.IconCircle, {
-      cx: center,
-      cy: center,
-      r: r,
-      borderColor: color,
-      borderWidth: borderWidth,
-      scaleX: 1.33,
-      scaleY: 0.6,
-      opacity: 0.6
-    })]
-  });
-};
-
-// Alias for network tool
-exports.GlobeIcon = GlobeIcon;
-const NetworkGlobeIcon = exports.NetworkGlobeIcon = GlobeIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.NetworkGlobeIcon=exports.NETWORK_ICON_COLOR=exports.GlobeIcon=void 0;var _iconPrimitives=require("./icon-primitives.js");var _jsxRuntime=require("react/jsx-runtime");const NETWORK_ICON_COLOR=exports.NETWORK_ICON_COLOR="#4AFF9F";const colors={network:NETWORK_ICON_COLOR,blackTint1:"rgba(8, 12, 21, 0.95)"};const GlobeIcon=({size:r=24,color:e=colors.network})=>{const t=r/24;const n=18*t;const c=n/2;const o=r/2;const s=2*t;return(0,_jsxRuntime.jsxs)(_iconPrimitives.IconContainer,{size:r,children:[(0,_jsxRuntime.jsx)(_iconPrimitives.IconCircle,{cx:o,cy:o,r:c,fill:colors.blackTint1,borderColor:e,borderWidth:s,glowColor:e,glowRadius:4*t}),(0,_jsxRuntime.jsx)(_iconPrimitives.IconCircle,{cx:o,cy:o,r:c,borderColor:e,borderWidth:s,scaleX:.45,opacity:.6}),(0,_jsxRuntime.jsx)(_iconPrimitives.IconCircle,{cx:o,cy:o,r:c,borderColor:e,borderWidth:s,scaleX:1.33,scaleY:.6,opacity:.6})]})};exports.GlobeIcon=GlobeIcon;const NetworkGlobeIcon=exports.NetworkGlobeIcon=GlobeIcon;

package/lib/commonjs/icons/primitives/icon-primitives.js

@@ -1,169 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconRect = exports.IconLine = exports.IconContainer = exports.IconCircle = void 0;
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Cross-Platform Icon Primitives - Mobile (React Native)
- *
- * These primitives render using React Native View components.
- * The API matches the web version exactly, so icons work on both platforms!
- */
-
-// =============================
-// Types (Platform-Agnostic)
-// =============================
-
-// =============================
-// Mobile (React Native) Implementation
-// =============================
-
-/**
- * Container for icon elements. Sets up the coordinate space.
- */
-const IconContainer = ({
-  size,
-  children,
-  style
-}) => {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [{
-      width: size,
-      height: size,
-      position: 'relative'
-    }, style],
-    children: children
-  });
-};
-
-/**
- * Circle primitive. Supports borders, fills, transforms, and glow effects.
- */
-exports.IconContainer = IconContainer;
-const IconCircle = ({
-  cx,
-  cy,
-  r,
-  fill = 'transparent',
-  borderColor,
-  borderWidth = 0,
-  opacity = 1,
-  scaleX = 1,
-  scaleY = 1,
-  glowColor,
-  glowRadius = 4
-}) => {
-  const diameter = r * 2;
-
-  // Build transform array for React Native
-  const transforms = [];
-  if (scaleX !== 1) transforms.push({
-    scaleX
-  });
-  if (scaleY !== 1) transforms.push({
-    scaleY
-  });
-  const style = {
-    position: 'absolute',
-    left: cx - r,
-    top: cy - r,
-    width: diameter,
-    height: diameter,
-    borderRadius: r,
-    backgroundColor: fill,
-    borderWidth: borderWidth,
-    borderColor: borderColor,
-    opacity,
-    transform: transforms.length > 0 ? transforms : undefined,
-    // Shadow for glow effect (iOS)
-    ...(glowColor && {
-      shadowColor: glowColor,
-      shadowOffset: {
-        width: 0,
-        height: 0
-      },
-      shadowOpacity: 0.6,
-      shadowRadius: glowRadius
-    })
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: style
-  });
-};
-
-/**
- * Rectangle primitive. Supports borders, fills, rotation.
- */
-exports.IconCircle = IconCircle;
-const IconRect = ({
-  x,
-  y,
-  width,
-  height,
-  fill = 'transparent',
-  borderColor,
-  borderWidth = 0,
-  borderRadius = 0,
-  opacity = 1,
-  rotate
-}) => {
-  const transforms = [];
-  if (rotate !== undefined) transforms.push({
-    rotate: `${rotate}deg`
-  });
-  const style = {
-    position: 'absolute',
-    left: x,
-    top: y,
-    width,
-    height,
-    backgroundColor: fill,
-    borderWidth: borderWidth,
-    borderColor: borderColor,
-    borderRadius,
-    opacity,
-    transform: transforms.length > 0 ? transforms : undefined
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: style
-  });
-};
-
-/**
- * Line primitive. Uses rotation to draw lines (same technique as web).
- */
-exports.IconRect = IconRect;
-const IconLine = ({
-  x1,
-  y1,
-  x2,
-  y2,
-  color,
-  strokeWidth = 2,
-  opacity = 1
-}) => {
-  // Calculate line length and angle
-  const length = Math.sqrt(Math.pow(x2 - x1, 2) + Math.pow(y2 - y1, 2));
-  const angle = Math.atan2(y2 - y1, x2 - x1) * (180 / Math.PI);
-  const style = {
-    position: 'absolute',
-    left: x1,
-    top: y1 - strokeWidth / 2,
-    width: length,
-    height: strokeWidth,
-    backgroundColor: color,
-    transform: [{
-      rotate: `${angle}deg`
-    }],
-    transformOrigin: 'left center',
-    opacity,
-    borderRadius: strokeWidth / 2
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: style
-  });
-};
-exports.IconLine = IconLine;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.IconRect=exports.IconLine=exports.IconContainer=exports.IconCircle=void 0;var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");const IconContainer=({size:e,children:o,style:t})=>{return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{width:e,height:e,position:"relative"},t],children:o})};exports.IconContainer=IconContainer;const IconCircle=({cx:e,cy:o,r:t,fill:s="transparent",borderColor:c,borderWidth:r=0,opacity:d=1,scaleX:i=1,scaleY:a=1,glowColor:n,glowRadius:h=4})=>{const l=t*2;const u=[];if(i!==1)u.push({scaleX:i});if(a!==1)u.push({scaleY:a});const p={position:"absolute",left:e-t,top:o-t,width:l,height:l,borderRadius:t,backgroundColor:s,borderWidth:r,borderColor:c,opacity:d,transform:u.length>0?u:void 0,...n&&{shadowColor:n,shadowOffset:{width:0,height:0},shadowOpacity:.6,shadowRadius:h}};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:p})};exports.IconCircle=IconCircle;const IconRect=({x:e,y:o,width:t,height:s,fill:c="transparent",borderColor:r,borderWidth:d=0,borderRadius:i=0,opacity:a=1,rotate:n})=>{const h=[];if(n!==void 0)h.push({rotate:`${n}deg`});const l={position:"absolute",left:e,top:o,width:t,height:s,backgroundColor:c,borderWidth:d,borderColor:r,borderRadius:i,opacity:a,transform:h.length>0?h:void 0};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:l})};exports.IconRect=IconRect;const IconLine=({x1:e,y1:o,x2:t,y2:s,color:c,strokeWidth:r=2,opacity:d=1})=>{const i=Math.sqrt(Math.pow(t-e,2)+Math.pow(s-o,2));const a=Math.atan2(s-o,t-e)*(180/Math.PI);const n={position:"absolute",left:e,top:o-r/2,width:i,height:r,backgroundColor:c,transform:[{rotate:`${a}deg`}],transformOrigin:"left center",opacity:d,borderRadius:r/2};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:n})};exports.IconLine=IconLine;

package/lib/commonjs/icons/primitives/index.js

@@ -1,49 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "IconCircle", {
-  enumerable: true,
-  get: function () {
-    return _iconPrimitives.IconCircle;
-  }
-});
-Object.defineProperty(exports, "IconContainer", {
-  enumerable: true,
-  get: function () {
-    return _iconPrimitives.IconContainer;
-  }
-});
-Object.defineProperty(exports, "IconLine", {
-  enumerable: true,
-  get: function () {
-    return _iconPrimitives.IconLine;
-  }
-});
-Object.defineProperty(exports, "IconRect", {
-  enumerable: true,
-  get: function () {
-    return _iconPrimitives.IconRect;
-  }
-});
-Object.defineProperty(exports, "NETWORK_ICON_COLOR", {
-  enumerable: true,
-  get: function () {
-    return _GlobeIcon.NETWORK_ICON_COLOR;
-  }
-});
-Object.defineProperty(exports, "NetworkGlobeIcon", {
-  enumerable: true,
-  get: function () {
-    return _GlobeIcon.NetworkGlobeIcon;
-  }
-});
-Object.defineProperty(exports, "PrimitiveGlobeIcon", {
-  enumerable: true,
-  get: function () {
-    return _GlobeIcon.GlobeIcon;
-  }
-});
-var _iconPrimitives = require("./icon-primitives.js");
-var _GlobeIcon = require("./GlobeIcon.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"IconCircle",{enumerable:true,get:function(){return _iconPrimitives.IconCircle}});Object.defineProperty(exports,"IconContainer",{enumerable:true,get:function(){return _iconPrimitives.IconContainer}});Object.defineProperty(exports,"IconLine",{enumerable:true,get:function(){return _iconPrimitives.IconLine}});Object.defineProperty(exports,"IconRect",{enumerable:true,get:function(){return _iconPrimitives.IconRect}});Object.defineProperty(exports,"NETWORK_ICON_COLOR",{enumerable:true,get:function(){return _GlobeIcon.NETWORK_ICON_COLOR}});Object.defineProperty(exports,"NetworkGlobeIcon",{enumerable:true,get:function(){return _GlobeIcon.NetworkGlobeIcon}});Object.defineProperty(exports,"PrimitiveGlobeIcon",{enumerable:true,get:function(){return _GlobeIcon.GlobeIcon}});var _iconPrimitives=require("./icon-primitives.js");var _GlobeIcon=require("./GlobeIcon.js");