@buoy-gg/floating-tools-core 2.1.11 → 2.1.13

package/lib/module/icons/icon-primitives.native.js

@@ -1,767 +1 @@
-"use strict";
-
-/**
- * Icon Primitives - MOBILE (React Native)
- *
- * This file is auto-picked by Metro (React Native bundler).
- * Web bundlers pick icon-primitives.tsx instead.
- */
-
-import { View } from 'react-native';
-
-// ===========================================
-// Types
-// ===========================================
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-// ===========================================
-// Mobile Primitives (React Native Views)
-// ===========================================
-
-export const IconContainer = ({
-  size,
-  children
-}) => {
-  const style = {
-    position: 'relative',
-    width: size,
-    height: size
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: style,
-    children: children
-  });
-};
-export const IconCircle = ({
-  cx,
-  cy,
-  r,
-  fill,
-  borderColor,
-  borderWidth = 0,
-  opacity = 1,
-  scaleX = 1,
-  scaleY = 1,
-  glowColor,
-  glowRadius = 0
-}) => {
-  const diameter = r * 2;
-
-  // Build transforms array
-  const transforms = [];
-  if (scaleX !== 1) transforms.push({
-    scaleX
-  });
-  if (scaleY !== 1) transforms.push({
-    scaleY
-  });
-
-  // Check if this is a "transparent" element (border-only ring)
-  // RN shadows require backgroundColor, so we need a separate glow layer
-  const needsSeparateGlow = glowColor && glowRadius > 0 && (!fill || fill === 'transparent');
-  const hasFillForShadow = fill && fill !== 'transparent';
-  const style = {
-    position: 'absolute',
-    left: cx - r,
-    top: cy - r,
-    width: diameter,
-    height: diameter,
-    borderRadius: r,
-    backgroundColor: fill,
-    borderColor,
-    borderWidth,
-    opacity,
-    transform: transforms.length > 0 ? transforms : undefined,
-    // Only apply shadow if we have a fill (RN shadows need backgroundColor)
-    ...(glowColor && glowRadius > 0 && hasFillForShadow && {
-      shadowColor: glowColor,
-      shadowOffset: {
-        width: 0,
-        height: 0
-      },
-      shadowOpacity: 0.9,
-      shadowRadius: glowRadius * 0.8
-    })
-  };
-
-  // For border-only elements (rings), create glow using a filled circle with shadow
-  // The trick: use backgroundColor:'#000' (matches icon bg) so shadow renders,
-  // with glowColor on the border for the visible glow effect
-  if (needsSeparateGlow) {
-    const strokeW = borderWidth || 1;
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(View, {
-        style: {
-          position: 'absolute',
-          left: cx - r,
-          top: cy - r,
-          width: r * 2,
-          height: r * 2,
-          borderRadius: r,
-          backgroundColor: '#000',
-          // Matches icon bg - enables shadow
-          borderWidth: strokeW,
-          borderColor: glowColor,
-          opacity: 0.5,
-          transform: transforms.length > 0 ? transforms : undefined,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: 0.9,
-          shadowRadius: 8
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-export const IconRect = ({
-  x,
-  y,
-  width,
-  height,
-  fill,
-  borderColor,
-  borderWidth = 0,
-  borderRadius = 0,
-  opacity = 1,
-  glowColor,
-  glowRadius = 0,
-  rotation,
-  originX = 0.5,
-  // default center
-  originY = 0.5 // default center
-}) => {
-  // Build transform array
-  // React Native rotates around center by default.
-  // To rotate around a custom origin, we:
-  // 1. Translate so the origin point moves to center
-  // 2. Rotate
-  // 3. Translate back
-
-  const transforms = [];
-  if (rotation !== undefined) {
-    // Calculate offset from center to desired origin
-    // originX/originY are 0-1 values (0=left/top, 0.5=center, 1=right/bottom)
-    const offsetX = (0.5 - originX) * width;
-    const offsetY = (0.5 - originY) * height;
-
-    // Apply transforms: translate to origin, rotate, translate back
-    if (offsetX !== 0 || offsetY !== 0) {
-      transforms.push({
-        translateX: -offsetX
-      });
-      transforms.push({
-        translateY: -offsetY
-      });
-    }
-    transforms.push({
-      rotate: `${rotation}deg`
-    });
-    if (offsetX !== 0 || offsetY !== 0) {
-      transforms.push({
-        translateX: offsetX
-      });
-      transforms.push({
-        translateY: offsetY
-      });
-    }
-  }
-
-  // Check if this is a "transparent" element (border-only)
-  // RN shadows require backgroundColor, so we need a separate glow layer
-  const hasGlow = glowColor && glowRadius > 0;
-  const needsSeparateGlow = hasGlow && (!fill || fill === 'transparent');
-  const hasFillForShadow = fill && fill !== 'transparent';
-  const style = {
-    position: 'absolute',
-    left: x,
-    top: y,
-    width,
-    height,
-    borderRadius,
-    backgroundColor: fill,
-    borderColor,
-    borderWidth,
-    opacity,
-    transform: transforms.length > 0 ? transforms : undefined,
-    // Only apply shadow if we have a fill (RN shadows need backgroundColor)
-    ...(hasGlow && hasFillForShadow && {
-      shadowColor: glowColor,
-      shadowOffset: {
-        width: 0,
-        height: 0
-      },
-      shadowOpacity: 0.9,
-      shadowRadius: glowRadius * 0.8
-    })
-  };
-
-  // For border-only elements, render a glow rect with shadow
-  if (needsSeparateGlow) {
-    const strokeW = borderWidth || 1;
-    const glowExpand = strokeW;
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(View, {
-        style: {
-          position: 'absolute',
-          left: x - glowExpand,
-          top: y - glowExpand,
-          width: width + glowExpand * 2,
-          height: height + glowExpand * 2,
-          borderRadius: borderRadius + glowExpand,
-          borderWidth: strokeW * 2,
-          borderColor: glowColor,
-          opacity: 0.4,
-          transform: transforms.length > 0 ? transforms : undefined,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: 0.8,
-          shadowRadius: strokeW * 4
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * Calculates a point on a quadratic Bezier curve (1 control point)
- * B(t) = (1-t)²P0 + 2(1-t)tP1 + t²P2
- */
-function getQuadraticBezierPoint(t, p0x, p0y, p1x, p1y, p2x, p2y) {
-  const mt = 1 - t;
-  return {
-    x: mt * mt * p0x + 2 * mt * t * p1x + t * t * p2x,
-    y: mt * mt * p0y + 2 * mt * t * p1y + t * t * p2y
-  };
-}
-
-/**
- * Calculates a point on a cubic Bezier curve (2 control points)
- * B(t) = (1-t)³P0 + 3(1-t)²tP1 + 3(1-t)t²P2 + t³P3
- */
-function getCubicBezierPoint(t, p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) {
-  const mt = 1 - t;
-  const mt2 = mt * mt;
-  const mt3 = mt2 * mt;
-  const t2 = t * t;
-  const t3 = t2 * t;
-  return {
-    x: mt3 * p0x + 3 * mt2 * t * p1x + 3 * mt * t2 * p2x + t3 * p3x,
-    y: mt3 * p0y + 3 * mt2 * t * p1y + 3 * mt * t2 * p2y + t3 * p3y
-  };
-}
-
-/**
- * IconLine - draws a line between two points
- * Auto-calculates length and rotation from coordinates!
- * Supports curved lines via cubic Bezier (2 control points) or quadratic (1 control point).
- */
-export const IconLine = ({
-  x1,
-  y1,
-  x2,
-  y2,
-  stroke,
-  strokeWidth = 1,
-  opacity = 1,
-  glowColor,
-  glowRadius = 0,
-  rotation = 0,
-  curveX,
-  curveY,
-  curve2X,
-  curve2Y
-}) => {
-  // Check if this is a curved line (either control point set)
-  const hasCurve1 = curveX !== undefined && curveX !== 0 || curveY !== undefined && curveY !== 0;
-  const hasCurve2 = curve2X !== undefined && curve2X !== 0 || curve2Y !== undefined && curve2Y !== 0;
-  const isCurved = hasCurve1 || hasCurve2;
-  if (isCurved) {
-    const midX = (x1 + x2) / 2;
-    const midY = (y1 + y2) / 2;
-
-    // Control points: offset from line midpoint
-    const control1X = midX + (curveX ?? 0);
-    const control1Y = midY + (curveY ?? 0);
-    const control2X = midX + (curve2X ?? 0);
-    const control2Y = midY + (curve2Y ?? 0);
-
-    // Determine if cubic (2 distinct control points) or quadratic (1 control point)
-    const isCubic = hasCurve1 && hasCurve2;
-
-    // Estimate curve length using samples
-    let approxLength = 0;
-    const sampleCount = 20;
-    let prevPt = {
-      x: x1,
-      y: y1
-    };
-    for (let i = 1; i <= sampleCount; i++) {
-      const t = i / sampleCount;
-      const pt = isCubic ? getCubicBezierPoint(t, x1, y1, control1X, control1Y, control2X, control2Y, x2, y2) : getQuadraticBezierPoint(t, x1, y1, hasCurve1 ? control1X : control2X, hasCurve1 ? control1Y : control2Y, x2, y2);
-      approxLength += Math.sqrt((pt.x - prevPt.x) ** 2 + (pt.y - prevPt.y) ** 2);
-      prevPt = pt;
-    }
-    const elements = [];
-
-    // Dense circles for smooth body
-    const circleSpacing = Math.max(0.05, strokeWidth * 0.02);
-    const numCircles = Math.max(100, Math.ceil(approxLength / circleSpacing));
-    for (let i = 0; i <= numCircles; i++) {
-      const t = i / numCircles;
-      const pt = isCubic ? getCubicBezierPoint(t, x1, y1, control1X, control1Y, control2X, control2Y, x2, y2) : getQuadraticBezierPoint(t, x1, y1, hasCurve1 ? control1X : control2X, hasCurve1 ? control1Y : control2Y, x2, y2);
-      const circleStyle = {
-        position: 'absolute',
-        left: pt.x - strokeWidth / 2,
-        top: pt.y - strokeWidth / 2,
-        width: strokeWidth,
-        height: strokeWidth,
-        borderRadius: strokeWidth / 2,
-        backgroundColor: stroke,
-        opacity
-      };
-      elements.push(/*#__PURE__*/_jsx(View, {
-        style: circleStyle
-      }, `c${i}`));
-    }
-    return /*#__PURE__*/_jsx(_Fragment, {
-      children: elements
-    });
-  }
-
-  // Straight line (original logic)
-  const dx = x2 - x1;
-  const dy = y2 - y1;
-  const length = Math.sqrt(dx * dx + dy * dy);
-  const angle = Math.atan2(dy, dx) * (180 / Math.PI);
-
-  // Position at midpoint of line
-  const centerX = (x1 + x2) / 2;
-  const centerY = (y1 + y2) / 2;
-
-  // Total rotation = line angle + additional rotation
-  const totalRotation = angle + rotation;
-  const hasGlow = glowColor && glowRadius > 0;
-  const style = {
-    position: 'absolute',
-    left: centerX - length / 2,
-    top: centerY - strokeWidth / 2,
-    width: length,
-    height: strokeWidth,
-    backgroundColor: stroke,
-    opacity,
-    transform: [{
-      rotate: `${totalRotation}deg`
-    }],
-    borderRadius: strokeWidth / 2
-  };
-
-  // For neon glow effect, render a glow line with shadow
-  if (hasGlow) {
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(View, {
-        style: {
-          position: 'absolute',
-          left: centerX - length / 2,
-          top: centerY - strokeWidth / 2,
-          width: length,
-          height: strokeWidth,
-          backgroundColor: glowColor,
-          opacity: 0.5,
-          transform: [{
-            rotate: `${totalRotation}deg`
-          }],
-          borderRadius: strokeWidth / 2,
-          // Shadow creates the glow
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: 0.9,
-          shadowRadius: 8
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * IconTriangle - creates triangles using CSS border trick
- * Works in pure React Native!
- */
-export const IconTriangle = ({
-  x,
-  y,
-  size,
-  direction,
-  fill,
-  opacity = 1,
-  rotation
-}) => {
-  // CSS border trick: use transparent borders to create triangle
-  // The size is the height of the triangle
-  const halfWidth = size * 0.577; // size / sqrt(3) for equilateral-ish triangle
-
-  // Build border styles based on direction
-  let borderStyles = {};
-  let offsetX = 0;
-  let offsetY = 0;
-  switch (direction) {
-    case 'down':
-      borderStyles = {
-        borderLeftWidth: halfWidth,
-        borderRightWidth: halfWidth,
-        borderTopWidth: size,
-        borderLeftColor: 'transparent',
-        borderRightColor: 'transparent',
-        borderTopColor: fill
-      };
-      offsetX = -halfWidth;
-      offsetY = 0;
-      break;
-    case 'up':
-      borderStyles = {
-        borderLeftWidth: halfWidth,
-        borderRightWidth: halfWidth,
-        borderBottomWidth: size,
-        borderLeftColor: 'transparent',
-        borderRightColor: 'transparent',
-        borderBottomColor: fill
-      };
-      offsetX = -halfWidth;
-      offsetY = -size;
-      break;
-    case 'left':
-      borderStyles = {
-        borderTopWidth: halfWidth,
-        borderBottomWidth: halfWidth,
-        borderRightWidth: size,
-        borderTopColor: 'transparent',
-        borderBottomColor: 'transparent',
-        borderRightColor: fill
-      };
-      offsetX = -size;
-      offsetY = -halfWidth;
-      break;
-    case 'right':
-      borderStyles = {
-        borderTopWidth: halfWidth,
-        borderBottomWidth: halfWidth,
-        borderLeftWidth: size,
-        borderTopColor: 'transparent',
-        borderBottomColor: 'transparent',
-        borderLeftColor: fill
-      };
-      offsetX = 0;
-      offsetY = -halfWidth;
-      break;
-  }
-
-  // Build transforms
-  const transforms = [];
-  if (rotation !== undefined) {
-    transforms.push({
-      rotate: `${rotation}deg`
-    });
-  }
-  const style = {
-    position: 'absolute',
-    left: x + offsetX,
-    top: y + offsetY,
-    width: 0,
-    height: 0,
-    opacity,
-    ...borderStyles,
-    transform: transforms.length > 0 ? transforms : undefined
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * IconArc - draws an arc using multiple line segments
- * Creates smooth curves in pure React Native!
- */
-export const IconArc = ({
-  cx,
-  cy,
-  r,
-  startAngle,
-  endAngle,
-  stroke,
-  strokeWidth = 1.5,
-  opacity = 1,
-  segments
-}) => {
-  // Calculate number of segments based on arc length
-  const arcLength = Math.abs(endAngle - startAngle);
-  const autoSegments = Math.max(8, Math.ceil(arcLength / 10)); // ~10 degrees per segment
-  const numSegments = segments ?? autoSegments;
-
-  // Generate line segments
-  const lines = [];
-  const angleStep = (endAngle - startAngle) / numSegments;
-  for (let i = 0; i < numSegments; i++) {
-    const angle1 = startAngle + i * angleStep;
-    const angle2 = startAngle + (i + 1) * angleStep;
-
-    // Convert to radians
-    const rad1 = angle1 * Math.PI / 180;
-    const rad2 = angle2 * Math.PI / 180;
-
-    // Calculate segment endpoints
-    const x1 = cx + r * Math.cos(rad1);
-    const y1 = cy + r * Math.sin(rad1);
-    const x2 = cx + r * Math.cos(rad2);
-    const y2 = cy + r * Math.sin(rad2);
-
-    // Calculate segment geometry
-    const dx = x2 - x1;
-    const dy = y2 - y1;
-    const length = Math.sqrt(dx * dx + dy * dy);
-    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
-    const midX = (x1 + x2) / 2;
-    const midY = (y1 + y2) / 2;
-    const style = {
-      position: 'absolute',
-      left: midX - length / 2,
-      top: midY - strokeWidth / 2,
-      width: length,
-      height: strokeWidth,
-      backgroundColor: stroke,
-      opacity,
-      transform: [{
-        rotate: `${angle}deg`
-      }],
-      borderRadius: strokeWidth / 2
-    };
-    lines.push(/*#__PURE__*/_jsx(View, {
-      style: style
-    }, i));
-  }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: lines
-  });
-};
-
-/**
- * IconSemicircle - creates a half circle (filled)
- * Perfect for pokeball-style split designs!
- */
-export const IconSemicircle = ({
-  cx,
-  cy,
-  r,
-  half,
-  fill,
-  borderColor,
-  borderWidth = 0,
-  opacity = 1,
-  glowColor,
-  glowRadius = 0
-}) => {
-  const diameter = r * 2;
-
-  // Calculate position and border radii based on which half
-  let left;
-  let top;
-  let width;
-  let height;
-  let borderTopLeftRadius = 0;
-  let borderTopRightRadius = 0;
-  let borderBottomLeftRadius = 0;
-  let borderBottomRightRadius = 0;
-  switch (half) {
-    case 'top':
-      left = cx - r;
-      top = cy - r;
-      width = diameter;
-      height = r;
-      borderTopLeftRadius = r;
-      borderTopRightRadius = r;
-      break;
-    case 'bottom':
-      left = cx - r;
-      top = cy;
-      width = diameter;
-      height = r;
-      borderBottomLeftRadius = r;
-      borderBottomRightRadius = r;
-      break;
-    case 'left':
-      left = cx - r;
-      top = cy - r;
-      width = r;
-      height = diameter;
-      borderTopLeftRadius = r;
-      borderBottomLeftRadius = r;
-      break;
-    case 'right':
-      left = cx;
-      top = cy - r;
-      width = r;
-      height = diameter;
-      borderTopRightRadius = r;
-      borderBottomRightRadius = r;
-      break;
-  }
-
-  // Check if this is a "transparent" element (border-only)
-  // RN shadows require backgroundColor, so we need a separate glow layer
-  const hasGlow = glowColor && glowRadius > 0;
-  const needsSeparateGlow = hasGlow && (!fill || fill === 'transparent');
-  const hasFillForShadow = fill && fill !== 'transparent';
-  const style = {
-    position: 'absolute',
-    left,
-    top,
-    width,
-    height,
-    borderTopLeftRadius,
-    borderTopRightRadius,
-    borderBottomLeftRadius,
-    borderBottomRightRadius,
-    backgroundColor: fill,
-    borderColor,
-    borderWidth,
-    opacity,
-    // Only apply shadow if we have a fill (RN shadows need backgroundColor)
-    ...(hasGlow && hasFillForShadow && {
-      shadowColor: glowColor,
-      shadowOffset: {
-        width: 0,
-        height: 0
-      },
-      shadowOpacity: 0.9,
-      shadowRadius: glowRadius * 0.8
-    })
-  };
-
-  // For border-only elements, render a glow semicircle with shadow
-  if (needsSeparateGlow) {
-    const strokeW = borderWidth || 1;
-    const glowExpand = strokeW;
-    const glowR = r + glowExpand;
-    const glowWidth = half === 'left' || half === 'right' ? glowR : glowR * 2;
-    const glowHeight = half === 'top' || half === 'bottom' ? glowR : glowR * 2;
-    const glowLeft = cx - (half === 'right' ? 0 : glowR);
-    const glowTop = cy - (half === 'bottom' ? 0 : glowR);
-    return /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(View, {
-        style: {
-          position: 'absolute',
-          left: glowLeft,
-          top: glowTop,
-          width: glowWidth,
-          height: glowHeight,
-          borderTopLeftRadius: half === 'top' || half === 'left' ? glowR : 0,
-          borderTopRightRadius: half === 'top' || half === 'right' ? glowR : 0,
-          borderBottomLeftRadius: half === 'bottom' || half === 'left' ? glowR : 0,
-          borderBottomRightRadius: half === 'bottom' || half === 'right' ? glowR : 0,
-          borderWidth: strokeW * 2,
-          borderColor: glowColor,
-          opacity: 0.4,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: 0.8,
-          shadowRadius: strokeW * 4
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * IconSmoothArc - creates a smooth arc using the border trick
- * Uses bordered circles with partial borders hidden - gives perfect anti-aliased curves!
- * This is how the WiFi icon achieves smooth lines without dots.
- */
-export const IconSmoothArc = ({
-  cx,
-  cy,
-  r,
-  stroke,
-  strokeWidth = 2,
-  opacity = 1,
-  portion = 'bottom'
-}) => {
-  const diameter = r * 2;
-
-  // Build border colors based on which portion to show
-  let borderTopColor = stroke;
-  let borderBottomColor = stroke;
-  let borderLeftColor = stroke;
-  let borderRightColor = stroke;
-  switch (portion) {
-    case 'bottom':
-      // Show bottom arc (hide top, left, right)
-      borderTopColor = 'transparent';
-      borderLeftColor = 'transparent';
-      borderRightColor = 'transparent';
-      break;
-    case 'top':
-      // Show top arc (hide bottom, left, right)
-      borderBottomColor = 'transparent';
-      borderLeftColor = 'transparent';
-      borderRightColor = 'transparent';
-      break;
-    case 'left':
-      // Show left arc (hide top, bottom, right)
-      borderTopColor = 'transparent';
-      borderBottomColor = 'transparent';
-      borderRightColor = 'transparent';
-      break;
-    case 'right':
-      // Show right arc (hide top, bottom, left)
-      borderTopColor = 'transparent';
-      borderBottomColor = 'transparent';
-      borderLeftColor = 'transparent';
-      break;
-  }
-  const style = {
-    position: 'absolute',
-    left: cx - r,
-    top: cy - r,
-    width: diameter,
-    height: diameter,
-    borderRadius: r,
-    borderWidth: strokeWidth,
-    borderTopColor,
-    borderBottomColor,
-    borderLeftColor,
-    borderRightColor,
-    opacity
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
+"use strict";import{View}from"react-native";import{jsx as _jsx,Fragment as _Fragment,jsxs as _jsxs}from"react/jsx-runtime";export const IconContainer=({size:t,children:o})=>_jsx(View,{style:{position:"relative",width:t,height:t},children:o});export const IconCircle=({cx:t,cy:o,r:r,fill:e,borderColor:s,borderWidth:i=0,opacity:a=1,scaleX:d=1,scaleY:n=1,glowColor:h,glowRadius:l=0})=>{const c=2*r,p=[];1!==d&&p.push({scaleX:d}),1!==n&&p.push({scaleY:n});const b=h&&l>0&&(!e||"transparent"===e),u=e&&"transparent"!==e,g={position:"absolute",left:t-r,top:o-r,width:c,height:c,borderRadius:r,backgroundColor:e,borderColor:s,borderWidth:i,opacity:a,transform:p.length>0?p:void 0,...h&&l>0&&u&&{shadowColor:h,shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:.8*l}};return b?_jsxs(_Fragment,{children:[_jsx(View,{style:{position:"absolute",left:t-r,top:o-r,width:2*r,height:2*r,borderRadius:r,backgroundColor:"#000",borderWidth:i||1,borderColor:h,opacity:.5,transform:p.length>0?p:void 0,shadowColor:h,shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:8}}),_jsx(View,{style:g})]}):_jsx(View,{style:g})};export const IconRect=({x:t,y:o,width:r,height:e,fill:s,borderColor:i,borderWidth:a=0,borderRadius:d=0,opacity:n=1,glowColor:h,glowRadius:l=0,rotation:c,originX:p=.5,originY:b=.5})=>{const u=[];if(void 0!==c){const t=(.5-p)*r,o=(.5-b)*e;0===t&&0===o||(u.push({translateX:-t}),u.push({translateY:-o})),u.push({rotate:`${c}deg`}),0===t&&0===o||(u.push({translateX:t}),u.push({translateY:o}))}const g=h&&l>0,w=g&&(!s||"transparent"===s),f=s&&"transparent"!==s,y={position:"absolute",left:t,top:o,width:r,height:e,borderRadius:d,backgroundColor:s,borderColor:i,borderWidth:a,opacity:n,transform:u.length>0?u:void 0,...g&&f&&{shadowColor:h,shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:.8*l}};if(w){const s=a||1;return _jsxs(_Fragment,{children:[_jsx(View,{style:{position:"absolute",left:t-s,top:o-s,width:r+2*s,height:e+2*s,borderRadius:d+s,borderWidth:2*s,borderColor:h,opacity:.4,transform:u.length>0?u:void 0,shadowColor:h,shadowOffset:{width:0,height:0},shadowOpacity:.8,shadowRadius:4*s}}),_jsx(View,{style:y})]})}return _jsx(View,{style:y})};function getQuadraticBezierPoint(t,o,r,e,s,i,a){const d=1-t;return{x:d*d*o+2*d*t*e+t*t*i,y:d*d*r+2*d*t*s+t*t*a}}function getCubicBezierPoint(t,o,r,e,s,i,a,d,n){const h=1-t,l=h*h,c=l*h,p=t*t,b=p*t;return{x:c*o+3*l*t*e+3*h*p*i+b*d,y:c*r+3*l*t*s+3*h*p*a+b*n}}export const IconLine=({x1:t,y1:o,x2:r,y2:e,stroke:s,strokeWidth:i=1,opacity:a=1,glowColor:d,glowRadius:n=0,rotation:h=0,curveX:l,curveY:c,curve2X:p,curve2Y:b})=>{const u=void 0!==l&&0!==l||void 0!==c&&0!==c,g=void 0!==p&&0!==p||void 0!==b&&0!==b;if(u||g){const d=(t+r)/2,n=(o+e)/2,h=d+(l??0),w=n+(c??0),f=d+(p??0),y=n+(b??0),x=u&&g;let C=0;const m=20;let R={x:t,y:o};for(let s=1;s<=m;s++){const i=s/m,a=x?getCubicBezierPoint(i,t,o,h,w,f,y,r,e):getQuadraticBezierPoint(i,t,o,u?h:f,u?w:y,r,e);C+=Math.sqrt((a.x-R.x)**2+(a.y-R.y)**2),R=a}const _=[],j=Math.max(.05,.02*i),W=Math.max(100,Math.ceil(C/j));for(let d=0;d<=W;d++){const n=d/W,l=x?getCubicBezierPoint(n,t,o,h,w,f,y,r,e):getQuadraticBezierPoint(n,t,o,u?h:f,u?w:y,r,e),c={position:"absolute",left:l.x-i/2,top:l.y-i/2,width:i,height:i,borderRadius:i/2,backgroundColor:s,opacity:a};_.push(_jsx(View,{style:c},`c${d}`))}return _jsx(_Fragment,{children:_})}const w=r-t,f=e-o,y=Math.sqrt(w*w+f*f),x=(t+r)/2,C=(o+e)/2,m=Math.atan2(f,w)*(180/Math.PI)+h,R={position:"absolute",left:x-y/2,top:C-i/2,width:y,height:i,backgroundColor:s,opacity:a,transform:[{rotate:`${m}deg`}],borderRadius:i/2};return d&&n>0?_jsxs(_Fragment,{children:[_jsx(View,{style:{position:"absolute",left:x-y/2,top:C-i/2,width:y,height:i,backgroundColor:d,opacity:.5,transform:[{rotate:`${m}deg`}],borderRadius:i/2,shadowColor:d,shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:8}}),_jsx(View,{style:R})]}):_jsx(View,{style:R})};export const IconTriangle=({x:t,y:o,size:r,direction:e,fill:s,opacity:i=1,rotation:a})=>{const d=.577*r;let n={},h=0,l=0;switch(e){case"down":n={borderLeftWidth:d,borderRightWidth:d,borderTopWidth:r,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:s},h=-d,l=0;break;case"up":n={borderLeftWidth:d,borderRightWidth:d,borderBottomWidth:r,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:s},h=-d,l=-r;break;case"left":n={borderTopWidth:d,borderBottomWidth:d,borderRightWidth:r,borderTopColor:"transparent",borderBottomColor:"transparent",borderRightColor:s},h=-r,l=-d;break;case"right":n={borderTopWidth:d,borderBottomWidth:d,borderLeftWidth:r,borderTopColor:"transparent",borderBottomColor:"transparent",borderLeftColor:s},h=0,l=-d}const c=[];void 0!==a&&c.push({rotate:`${a}deg`});const p={position:"absolute",left:t+h,top:o+l,width:0,height:0,opacity:i,...n,transform:c.length>0?c:void 0};return _jsx(View,{style:p})};export const IconArc=({cx:t,cy:o,r:r,startAngle:e,endAngle:s,stroke:i,strokeWidth:a=1.5,opacity:d=1,segments:n})=>{const h=Math.abs(s-e),l=Math.max(8,Math.ceil(h/10)),c=n??l,p=[],b=(s-e)/c;for(let s=0;s<c;s++){const n=e+(s+1)*b,h=(e+s*b)*Math.PI/180,l=n*Math.PI/180,c=t+r*Math.cos(h),u=o+r*Math.sin(h),g=t+r*Math.cos(l),w=o+r*Math.sin(l),f=g-c,y=w-u,x=Math.sqrt(f*f+y*y),C={position:"absolute",left:(c+g)/2-x/2,top:(u+w)/2-a/2,width:x,height:a,backgroundColor:i,opacity:d,transform:[{rotate:Math.atan2(y,f)*(180/Math.PI)+"deg"}],borderRadius:a/2};p.push(_jsx(View,{style:C},s))}return _jsx(_Fragment,{children:p})};export const IconSemicircle=({cx:t,cy:o,r:r,half:e,fill:s,borderColor:i,borderWidth:a=0,opacity:d=1,glowColor:n,glowRadius:h=0})=>{const l=2*r;let c,p,b,u,g=0,w=0,f=0,y=0;switch(e){case"top":c=t-r,p=o-r,b=l,u=r,g=r,w=r;break;case"bottom":c=t-r,p=o,b=l,u=r,f=r,y=r;break;case"left":c=t-r,p=o-r,b=r,u=l,g=r,f=r;break;case"right":c=t,p=o-r,b=r,u=l,w=r,y=r}const x=n&&h>0,C={position:"absolute",left:c,top:p,width:b,height:u,borderTopLeftRadius:g,borderTopRightRadius:w,borderBottomLeftRadius:f,borderBottomRightRadius:y,backgroundColor:s,borderColor:i,borderWidth:a,opacity:d,...x&&s&&"transparent"!==s&&{shadowColor:n,shadowOffset:{width:0,height:0},shadowOpacity:.9,shadowRadius:.8*h}};if(x&&(!s||"transparent"===s)){const s=a||1,i=r+s;return _jsxs(_Fragment,{children:[_jsx(View,{style:{position:"absolute",left:t-("right"===e?0:i),top:o-("bottom"===e?0:i),width:"left"===e||"right"===e?i:2*i,height:"top"===e||"bottom"===e?i:2*i,borderTopLeftRadius:"top"===e||"left"===e?i:0,borderTopRightRadius:"top"===e||"right"===e?i:0,borderBottomLeftRadius:"bottom"===e||"left"===e?i:0,borderBottomRightRadius:"bottom"===e||"right"===e?i:0,borderWidth:2*s,borderColor:n,opacity:.4,shadowColor:n,shadowOffset:{width:0,height:0},shadowOpacity:.8,shadowRadius:4*s}}),_jsx(View,{style:C})]})}return _jsx(View,{style:C})};export const IconSmoothArc=({cx:t,cy:o,r:r,stroke:e,strokeWidth:s=2,opacity:i=1,portion:a="bottom"})=>{const d=2*r;let n=e,h=e,l=e,c=e;switch(a){case"bottom":n="transparent",l="transparent",c="transparent";break;case"top":h="transparent",l="transparent",c="transparent";break;case"left":n="transparent",h="transparent",c="transparent";break;case"right":n="transparent",h="transparent",l="transparent"}return _jsx(View,{style:{position:"absolute",left:t-r,top:o-r,width:d,height:d,borderRadius:r,borderWidth:s,borderTopColor:n,borderBottomColor:h,borderLeftColor:l,borderRightColor:c,opacity:i}})};