@buoy-gg/floating-tools-core 7.0.40 → 7.0.42

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

@@ -1,899 +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 { memo } from 'react';
-import { Text, View } from 'react-native';
-import { ICON_GLOW } from "./iconGlow.js";
-
-// ===========================================
-// 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,
-  style
-}) => {
-  const box = {
-    position: 'relative',
-    width: size,
-    height: size
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: [box, style],
-    children: children
-  });
-};
-const IconCircleImpl = ({
-  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: ICON_GLOW.filledShadowOpacity,
-      shadowRadius: glowRadius * ICON_GLOW.filledRadiusScale
-    })
-  };
-
-  // 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: ICON_GLOW.ringLayerOpacity,
-          transform: transforms.length > 0 ? transforms : undefined,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: ICON_GLOW.ringShadowOpacity,
-          shadowRadius: ICON_GLOW.ringShadowRadius
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-const IconRectImpl = ({
-  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: ICON_GLOW.filledShadowOpacity,
-      shadowRadius: glowRadius * ICON_GLOW.filledRadiusScale
-    })
-  };
-
-  // 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 * ICON_GLOW.rectBorderScale,
-          borderColor: glowColor,
-          opacity: ICON_GLOW.rectLayerOpacity,
-          transform: transforms.length > 0 ? transforms : undefined,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: ICON_GLOW.rectShadowOpacity,
-          shadowRadius: strokeW * ICON_GLOW.rectShadowRadiusScale
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * Curve flattening budget, in dp. A curved line is drawn as a polyline of
- * straight capsule segments (the same primitive the straight-line path below
- * uses); the segment count is derived from the standard Bezier flattening
- * bound so the polyline never strays further than this from the true curve,
- * however the curve was authored. 0.08dp is a quarter of a physical pixel on a
- * 3x screen — well below anything the eye can resolve.
- */
-const CURVE_FLATTEN_TOLERANCE = 0.08;
-/**
- * The analytic bound is derived for a slightly different error metric than the
- * one that matters here (distance from the curve to the *nearest* segment), so
- * the segment count is padded. 1.5 was the smallest factor that satisfied every
- * curve in shared/icons when checked against an exact numeric search.
- */
-const CURVE_FLATTEN_SAFETY = 1.5;
-/** Hard ceiling, so a pathologically authored curve can never explode the tree. */
-const CURVE_MAX_SEGMENTS = 48;
-
-/**
- * How many straight segments a Bezier needs to stay within `tolerance` of the
- * true curve, via the second-difference flattening bound.
- */
-function bezierSegmentCount(p0x, p0y, c1x, c1y, c2x, c2y, p1x, p1y, isCubic, tolerance) {
-  let secondDiff;
-  if (isCubic) {
-    const ax = p0x - 2 * c1x + c2x;
-    const ay = p0y - 2 * c1y + c2y;
-    const bx = c1x - 2 * c2x + p1x;
-    const by = c1y - 2 * c2y + p1y;
-    secondDiff = 3 * Math.max(Math.hypot(ax, ay), Math.hypot(bx, by));
-  } else {
-    secondDiff = Math.hypot(p0x - 2 * c1x + p1x, p0y - 2 * c1y + p1y);
-  }
-  if (!(secondDiff > 0)) return 2;
-  const n = Math.ceil(CURVE_FLATTEN_SAFETY * Math.sqrt(secondDiff / (8 * tolerance)));
-  return Math.max(2, Math.min(CURVE_MAX_SEGMENTS, n));
-}
-
-/**
- * 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
-  };
-}
-const IconTextImpl = ({
-  x,
-  y,
-  text,
-  fontSize,
-  fontWeight = 700,
-  align = 'center',
-  fill,
-  opacity = 1,
-  rotation,
-  letterSpacing = 0
-}) => {
-  // RN has no translate(-50%), so anchor via an estimated-width container with
-  // matching textAlign. The estimate only pads the container; alignment inside
-  // it is exact for left/right and near-exact for center.
-  const estWidth = text.length * fontSize * 0.75 + Math.max(0, text.length - 1) * letterSpacing + fontSize;
-  const height = fontSize * 1.5;
-  const left = align === 'left' ? x : align === 'right' ? x - estWidth : x - estWidth / 2;
-  const containerStyle = {
-    position: 'absolute',
-    left,
-    top: y - height / 2,
-    width: estWidth,
-    height,
-    justifyContent: 'center',
-    transform: rotation !== undefined ? [{
-      rotate: `${rotation}deg`
-    }] : undefined
-  };
-  const textStyle = {
-    color: fill,
-    fontSize,
-    fontWeight: String(fontWeight),
-    textAlign: align,
-    letterSpacing,
-    opacity,
-    includeFontPadding: false
-  };
-  return /*#__PURE__*/_jsx(View, {
-    style: containerStyle,
-    pointerEvents: "none",
-    children: /*#__PURE__*/_jsx(Text, {
-      style: textStyle,
-      numberOfLines: 1,
-      allowFontScaling: false,
-      children: text
-    })
-  });
-};
-
-/**
- * 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).
- */
-const IconLineImpl = ({
-  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;
-    const soleControlX = hasCurve1 ? control1X : control2X;
-    const soleControlY = hasCurve1 ? control1Y : control2Y;
-    const pointAt = t => isCubic ? getCubicBezierPoint(t, x1, y1, control1X, control1Y, control2X, control2Y, x2, y2) : getQuadraticBezierPoint(t, x1, y1, soleControlX, soleControlY, x2, y2);
-    const segments = bezierSegmentCount(x1, y1, isCubic ? control1X : soleControlX, isCubic ? control1Y : soleControlY, control2X, control2Y, x2, y2, isCubic, CURVE_FLATTEN_TOLERANCE);
-    const elements = [];
-    let prev = {
-      x: x1,
-      y: y1
-    };
-    for (let i = 1; i <= segments; i++) {
-      const pt = pointAt(i / segments);
-      const segDx = pt.x - prev.x;
-      const segDy = pt.y - prev.y;
-      const segLength = Math.sqrt(segDx * segDx + segDy * segDy);
-      const segAngle = Math.atan2(segDy, segDx) * (180 / Math.PI);
-      const segCenterX = (prev.x + pt.x) / 2;
-      const segCenterY = (prev.y + pt.y) / 2;
-
-      // A capsule per segment. Interior joints OVERLAP by half a stroke on each side (a
-      // capsule exactly segLength long shrinks to a blob when the segment is shorter than
-      // the stroke, and neighbouring round ends leave notches on the outside of a turn —
-      // the route-path icon rendered as dashes). The chain's two ends stay exactly at the
-      // authored endpoints so a curve is the same length as a straight line.
-      const extS = i > 1 ? strokeWidth / 2 : 0;
-      const extE = i < segments ? strokeWidth / 2 : 0;
-      const ux = segLength > 0 ? segDx / segLength : 0;
-      const uy = segLength > 0 ? segDy / segLength : 0;
-      const capLength = segLength + extS + extE;
-      const capCenterX = segCenterX + ux * (extE - extS) / 2;
-      const capCenterY = segCenterY + uy * (extE - extS) / 2;
-      elements.push(/*#__PURE__*/_jsx(View, {
-        style: {
-          position: 'absolute',
-          left: capCenterX - capLength / 2,
-          top: capCenterY - strokeWidth / 2,
-          width: capLength,
-          height: strokeWidth,
-          borderRadius: strokeWidth / 2,
-          backgroundColor: stroke,
-          opacity,
-          transform: [{
-            rotate: `${segAngle}deg`
-          }]
-        }
-      }, `s${i}`));
-      prev = pt;
-    }
-    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: ICON_GLOW.lineLayerOpacity,
-          transform: [{
-            rotate: `${totalRotation}deg`
-          }],
-          borderRadius: strokeWidth / 2,
-          // Shadow creates the glow
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: ICON_GLOW.lineShadowOpacity,
-          shadowRadius: ICON_GLOW.lineShadowRadius
-        }
-      }), /*#__PURE__*/_jsx(View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/_jsx(View, {
-    style: style
-  });
-};
-
-/**
- * IconTriangle - creates triangles using CSS border trick
- * Works in pure React Native!
- */
-const IconTriangleImpl = ({
-  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!
- */
-const IconArcImpl = ({
-  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. Interior joints overlap by half a stroke (same reason
-    // as the curved-line chain above); the arc's two ends stay at the authored angles.
-    const dx = x2 - x1;
-    const dy = y2 - y1;
-    const segLen = Math.sqrt(dx * dx + dy * dy);
-    const angle = Math.atan2(dy, dx) * (180 / Math.PI);
-    const extS = i > 0 ? strokeWidth / 2 : 0;
-    const extE = i < numSegments - 1 ? strokeWidth / 2 : 0;
-    const ux = segLen > 0 ? dx / segLen : 0;
-    const uy = segLen > 0 ? dy / segLen : 0;
-    const length = segLen + extS + extE;
-    const midX = (x1 + x2) / 2 + ux * (extE - extS) / 2;
-    const midY = (y1 + y2) / 2 + uy * (extE - extS) / 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!
- */
-const IconSemicircleImpl = ({
-  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: ICON_GLOW.filledShadowOpacity,
-      shadowRadius: glowRadius * ICON_GLOW.filledRadiusScale
-    })
-  };
-
-  // 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 * ICON_GLOW.rectBorderScale,
-          borderColor: glowColor,
-          opacity: ICON_GLOW.rectLayerOpacity,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: ICON_GLOW.rectShadowOpacity,
-          shadowRadius: strokeW * ICON_GLOW.rectShadowRadiusScale
-        }
-      }), /*#__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.
- */
-const IconSmoothArcImpl = ({
-  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
-  });
-};
-
-// ===========================================
-// Memoized leaf exports
-// ===========================================
-
-/**
- * These primitives are LEAF nodes with measured render cost, so they are the
- * one place rule2 sanctions React.memo. Every prop is a scalar, so a shallow
- * compare is exact — an icon whose geometry did not change cannot re-render.
- *
- * Evidence (iOS sim, reopening the Time Machine tool, measure_renders):
- * IconLine alone burned 58.3ms across 103 renders, 100% attributed to
- * `parent` — a pure cascade from IconContainer with identical props. A curved
- * IconLine expands to 100+ absolutely-positioned Views, so each of those
- * cascaded renders rebuilt hundreds of style objects for an unchanged glyph.
- */
-export const IconCircle = /*#__PURE__*/memo(IconCircleImpl);
-export const IconRect = /*#__PURE__*/memo(IconRectImpl);
-export const IconText = /*#__PURE__*/memo(IconTextImpl);
-export const IconLine = /*#__PURE__*/memo(IconLineImpl);
-export const IconTriangle = /*#__PURE__*/memo(IconTriangleImpl);
-export const IconArc = /*#__PURE__*/memo(IconArcImpl);
-export const IconSemicircle = /*#__PURE__*/memo(IconSemicircleImpl);
-export const IconSmoothArc = /*#__PURE__*/memo(IconSmoothArcImpl);
+"use strict";import{memo as F}from"react";import{Text as at,View as y}from"react-native";import{ICON_GLOW as g}from"./iconGlow.js";import{jsx as f,Fragment as Y,jsxs as U}from"react/jsx-runtime";export const IconContainer=({size:e,children:a,style:t})=>{const o={position:"relative",width:e,height:e};return f(y,{style:[o,t],children:a})};const ct=({cx:e,cy:a,r:t,fill:o,borderColor:d,borderWidth:i=0,opacity:u=1,scaleX:n=1,scaleY:p=1,glowColor:r,glowRadius:s=0})=>{const c=t*2;const l=[];if(n!==1)l.push({scaleX:n});if(p!==1)l.push({scaleY:p});const b=r&&s>0&&(!o||o==="transparent");const h=o&&o!=="transparent";const C={position:"absolute",left:e-t,top:a-t,width:c,height:c,borderRadius:t,backgroundColor:o,borderColor:d,borderWidth:i,opacity:u,transform:l.length>0?l:void 0,...r&&s>0&&h&&{shadowColor:r,shadowOffset:{width:0,height:0},shadowOpacity:g.filledShadowOpacity,shadowRadius:s*g.filledRadiusScale}};if(b){const M=i||1;return U(Y,{children:[f(y,{style:{position:"absolute",left:e-t,top:a-t,width:t*2,height:t*2,borderRadius:t,backgroundColor:"#000",borderWidth:M,borderColor:r,opacity:g.ringLayerOpacity,transform:l.length>0?l:void 0,shadowColor:r,shadowOffset:{width:0,height:0},shadowOpacity:g.ringShadowOpacity,shadowRadius:g.ringShadowRadius}}),f(y,{style:C})]})}return f(y,{style:C})};const dt=({x:e,y:a,width:t,height:o,fill:d,borderColor:i,borderWidth:u=0,borderRadius:n=0,opacity:p=1,glowColor:r,glowRadius:s=0,rotation:c,originX:l=.5,originY:b=.5})=>{const h=[];if(c!==void 0){const m=(.5-l)*t;const R=(.5-b)*o;if(m!==0||R!==0){h.push({translateX:-m});h.push({translateY:-R})}h.push({rotate:`${c}deg`});if(m!==0||R!==0){h.push({translateX:m});h.push({translateY:R})}}const C=r&&s>0;const M=C&&(!d||d==="transparent");const I=d&&d!=="transparent";const S={position:"absolute",left:e,top:a,width:t,height:o,borderRadius:n,backgroundColor:d,borderColor:i,borderWidth:u,opacity:p,transform:h.length>0?h:void 0,...C&&I&&{shadowColor:r,shadowOffset:{width:0,height:0},shadowOpacity:g.filledShadowOpacity,shadowRadius:s*g.filledRadiusScale}};if(M){const m=u||1;const R=m;return U(Y,{children:[f(y,{style:{position:"absolute",left:e-R,top:a-R,width:t+R*2,height:o+R*2,borderRadius:n+R,borderWidth:m*g.rectBorderScale,borderColor:r,opacity:g.rectLayerOpacity,transform:h.length>0?h:void 0,shadowColor:r,shadowOffset:{width:0,height:0},shadowOpacity:g.rectShadowOpacity,shadowRadius:m*g.rectShadowRadiusScale}}),f(y,{style:S})]})}return f(y,{style:S})};const it=.08;const ht=1.5;const lt=48;function pt(e,a,t,o,d,i,u,n,p,r){let s;if(p){const l=e-2*t+d;const b=a-2*o+i;const h=t-2*d+u;const C=o-2*i+n;s=3*Math.max(Math.hypot(l,b),Math.hypot(h,C))}else{s=Math.hypot(e-2*t+u,a-2*o+n)}if(!(s>0))return 2;const c=Math.ceil(ht*Math.sqrt(s/(8*r)));return Math.max(2,Math.min(lt,c))}function ut(e,a,t,o,d,i,u){const n=1-e;return{x:n*n*a+2*n*e*o+e*e*i,y:n*n*t+2*n*e*d+e*e*u}}function bt(e,a,t,o,d,i,u,n,p){const r=1-e;const s=r*r;const c=s*r;const l=e*e;const b=l*e;return{x:c*a+3*s*e*o+3*r*l*i+b*n,y:c*t+3*s*e*d+3*r*l*u+b*p}}const ft=({x:e,y:a,text:t,fontSize:o,fontWeight:d=700,align:i="center",fill:u,opacity:n=1,rotation:p,letterSpacing:r=0})=>{const s=t.length*o*.75+Math.max(0,t.length-1)*r+o;const c=o*1.5;const l=i==="left"?e:i==="right"?e-s:e-s/2;const b={position:"absolute",left:l,top:a-c/2,width:s,height:c,justifyContent:"center",transform:p!==void 0?[{rotate:`${p}deg`}]:void 0};const h={color:u,fontSize:o,fontWeight:String(d),textAlign:i,letterSpacing:r,opacity:n,includeFontPadding:false};return f(y,{style:b,pointerEvents:"none",children:f(at,{style:h,numberOfLines:1,allowFontScaling:false,children:t})})};const gt=({x1:e,y1:a,x2:t,y2:o,stroke:d,strokeWidth:i=1,opacity:u=1,glowColor:n,glowRadius:p=0,rotation:r=0,curveX:s,curveY:c,curve2X:l,curve2Y:b})=>{const h=s!==void 0&&s!==0||c!==void 0&&c!==0;const C=l!==void 0&&l!==0||b!==void 0&&b!==0;const M=h||C;if(M){const G=(e+t)/2;const E=(a+o)/2;const L=G+(s??0);const A=E+(c??0);const $=G+(l??0);const P=E+(b??0);const X=h&&C;const N=h?L:$;const q=h?A:P;const v=T=>X?bt(T,e,a,L,A,$,P,t,o):ut(T,e,a,N,q,t,o);const H=pt(e,a,X?L:N,X?A:q,$,P,t,o,X,it);const K=[];let W={x:e,y:a};for(let T=1;T<=H;T++){const j=v(T/H);const V=j.x-W.x;const D=j.y-W.y;const k=Math.sqrt(V*V+D*D);const z=Math.atan2(D,V)*(180/Math.PI);const tt=(W.x+j.x)/2;const ot=(W.y+j.y)/2;const Q=T>1?i/2:0;const J=T<H?i/2:0;const et=k>0?V/k:0;const nt=k>0?D/k:0;const Z=k+Q+J;const st=tt+et*(J-Q)/2;const rt=ot+nt*(J-Q)/2;K.push(f(y,{style:{position:"absolute",left:st-Z/2,top:rt-i/2,width:Z,height:i,borderRadius:i/2,backgroundColor:d,opacity:u,transform:[{rotate:`${z}deg`}]}},`s${T}`));W=j}return f(Y,{children:K})}const I=t-e;const S=o-a;const m=Math.sqrt(I*I+S*S);const R=Math.atan2(S,I)*(180/Math.PI);const _=(e+t)/2;const x=(a+o)/2;const O=R+r;const B=n&&p>0;const w={position:"absolute",left:_-m/2,top:x-i/2,width:m,height:i,backgroundColor:d,opacity:u,transform:[{rotate:`${O}deg`}],borderRadius:i/2};if(B){return U(Y,{children:[f(y,{style:{position:"absolute",left:_-m/2,top:x-i/2,width:m,height:i,backgroundColor:n,opacity:g.lineLayerOpacity,transform:[{rotate:`${O}deg`}],borderRadius:i/2,shadowColor:n,shadowOffset:{width:0,height:0},shadowOpacity:g.lineShadowOpacity,shadowRadius:g.lineShadowRadius}}),f(y,{style:w})]})}return f(y,{style:w})};const mt=({x:e,y:a,size:t,direction:o,fill:d,opacity:i=1,rotation:u})=>{const n=t*.577;let p={};let r=0;let s=0;switch(o){case"down":p={borderLeftWidth:n,borderRightWidth:n,borderTopWidth:t,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:d};r=-n;s=0;break;case"up":p={borderLeftWidth:n,borderRightWidth:n,borderBottomWidth:t,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:d};r=-n;s=-t;break;case"left":p={borderTopWidth:n,borderBottomWidth:n,borderRightWidth:t,borderTopColor:"transparent",borderBottomColor:"transparent",borderRightColor:d};r=-t;s=-n;break;case"right":p={borderTopWidth:n,borderBottomWidth:n,borderLeftWidth:t,borderTopColor:"transparent",borderBottomColor:"transparent",borderLeftColor:d};r=0;s=-n;break}const c=[];if(u!==void 0){c.push({rotate:`${u}deg`})}const l={position:"absolute",left:e+r,top:a+s,width:0,height:0,opacity:i,...p,transform:c.length>0?c:void 0};return f(y,{style:l})};const wt=({cx:e,cy:a,r:t,startAngle:o,endAngle:d,stroke:i,strokeWidth:u=1.5,opacity:n=1,segments:p})=>{const r=Math.abs(d-o);const s=Math.max(8,Math.ceil(r/10));const c=p??s;const l=[];const b=(d-o)/c;for(let h=0;h<c;h++){const C=o+h*b;const M=o+(h+1)*b;const I=C*Math.PI/180;const S=M*Math.PI/180;const m=e+t*Math.cos(I);const R=a+t*Math.sin(I);const _=e+t*Math.cos(S);const x=a+t*Math.sin(S);const O=_-m;const B=x-R;const w=Math.sqrt(O*O+B*B);const G=Math.atan2(B,O)*(180/Math.PI);const E=h>0?u/2:0;const L=h<c-1?u/2:0;const A=w>0?O/w:0;const $=w>0?B/w:0;const P=w+E+L;const X=(m+_)/2+A*(L-E)/2;const N=(R+x)/2+$*(L-E)/2;const q={position:"absolute",left:X-P/2,top:N-u/2,width:P,height:u,backgroundColor:i,opacity:n,transform:[{rotate:`${G}deg`}],borderRadius:u/2};l.push(f(y,{style:q},h))}return f(Y,{children:l})};const yt=({cx:e,cy:a,r:t,half:o,fill:d,borderColor:i,borderWidth:u=0,opacity:n=1,glowColor:p,glowRadius:r=0})=>{const s=t*2;let c;let l;let b;let h;let C=0;let M=0;let I=0;let S=0;switch(o){case"top":c=e-t;l=a-t;b=s;h=t;C=t;M=t;break;case"bottom":c=e-t;l=a;b=s;h=t;I=t;S=t;break;case"left":c=e-t;l=a-t;b=t;h=s;C=t;I=t;break;case"right":c=e;l=a-t;b=t;h=s;M=t;S=t;break}const m=p&&r>0;const R=m&&(!d||d==="transparent");const _=d&&d!=="transparent";const x={position:"absolute",left:c,top:l,width:b,height:h,borderTopLeftRadius:C,borderTopRightRadius:M,borderBottomLeftRadius:I,borderBottomRightRadius:S,backgroundColor:d,borderColor:i,borderWidth:u,opacity:n,...m&&_&&{shadowColor:p,shadowOffset:{width:0,height:0},shadowOpacity:g.filledShadowOpacity,shadowRadius:r*g.filledRadiusScale}};if(R){const O=u||1;const B=O;const w=t+B;const G=o==="left"||o==="right"?w:w*2;const E=o==="top"||o==="bottom"?w:w*2;const L=e-(o==="right"?0:w);const A=a-(o==="bottom"?0:w);return U(Y,{children:[f(y,{style:{position:"absolute",left:L,top:A,width:G,height:E,borderTopLeftRadius:o==="top"||o==="left"?w:0,borderTopRightRadius:o==="top"||o==="right"?w:0,borderBottomLeftRadius:o==="bottom"||o==="left"?w:0,borderBottomRightRadius:o==="bottom"||o==="right"?w:0,borderWidth:O*g.rectBorderScale,borderColor:p,opacity:g.rectLayerOpacity,shadowColor:p,shadowOffset:{width:0,height:0},shadowOpacity:g.rectShadowOpacity,shadowRadius:O*g.rectShadowRadiusScale}}),f(y,{style:x})]})}return f(y,{style:x})};const Rt=({cx:e,cy:a,r:t,stroke:o,strokeWidth:d=2,opacity:i=1,portion:u="bottom"})=>{const n=t*2;let p=o;let r=o;let s=o;let c=o;switch(u){case"bottom":p="transparent";s="transparent";c="transparent";break;case"top":r="transparent";s="transparent";c="transparent";break;case"left":p="transparent";r="transparent";c="transparent";break;case"right":p="transparent";r="transparent";s="transparent";break}const l={position:"absolute",left:e-t,top:a-t,width:n,height:n,borderRadius:t,borderWidth:d,borderTopColor:p,borderBottomColor:r,borderLeftColor:s,borderRightColor:c,opacity:i};return f(y,{style:l})};export const IconCircle=F(ct);export const IconRect=F(dt);export const IconText=F(ft);export const IconLine=F(gt);export const IconTriangle=F(mt);export const IconArc=F(wt);export const IconSemicircle=F(yt);export const IconSmoothArc=F(Rt);