@buoy-gg/floating-tools-core 7.0.35 → 7.0.38

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

@@ -1,904 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconTriangle = exports.IconText = exports.IconSmoothArc = exports.IconSemicircle = exports.IconRect = exports.IconLine = exports.IconContainer = exports.IconCircle = exports.IconArc = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _iconGlow = require("./iconGlow.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Icon Primitives - MOBILE (React Native)
- *
- * This file is auto-picked by Metro (React Native bundler).
- * Web bundlers pick icon-primitives.tsx instead.
- */
-
-// ===========================================
-// Types
-// ===========================================
-
-// ===========================================
-// Mobile Primitives (React Native Views)
-// ===========================================
-
-const IconContainer = ({
-  size,
-  children,
-  style
-}) => {
-  const box = {
-    position: 'relative',
-    width: size,
-    height: size
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: [box, style],
-    children: children
-  });
-};
-exports.IconContainer = IconContainer;
-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: _iconGlow.ICON_GLOW.filledShadowOpacity,
-      shadowRadius: glowRadius * _iconGlow.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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: _iconGlow.ICON_GLOW.ringLayerOpacity,
-          transform: transforms.length > 0 ? transforms : undefined,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: _iconGlow.ICON_GLOW.ringShadowOpacity,
-          shadowRadius: _iconGlow.ICON_GLOW.ringShadowRadius
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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: _iconGlow.ICON_GLOW.filledShadowOpacity,
-      shadowRadius: glowRadius * _iconGlow.ICON_GLOW.filledRadiusScale
-    })
-  };
-
-  // For border-only elements, render a glow rect with shadow
-  if (needsSeparateGlow) {
-    const strokeW = borderWidth || 1;
-    const glowExpand = strokeW;
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: 'absolute',
-          left: x - glowExpand,
-          top: y - glowExpand,
-          width: width + glowExpand * 2,
-          height: height + glowExpand * 2,
-          borderRadius: borderRadius + glowExpand,
-          borderWidth: strokeW * _iconGlow.ICON_GLOW.rectBorderScale,
-          borderColor: glowColor,
-          opacity: _iconGlow.ICON_GLOW.rectLayerOpacity,
-          transform: transforms.length > 0 ? transforms : undefined,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: _iconGlow.ICON_GLOW.rectShadowOpacity,
-          shadowRadius: strokeW * _iconGlow.ICON_GLOW.rectShadowRadiusScale
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: containerStyle,
-    pointerEvents: "none",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_jsxRuntime.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: {
-          position: 'absolute',
-          left: centerX - length / 2,
-          top: centerY - strokeWidth / 2,
-          width: length,
-          height: strokeWidth,
-          backgroundColor: glowColor,
-          opacity: _iconGlow.ICON_GLOW.lineLayerOpacity,
-          transform: [{
-            rotate: `${totalRotation}deg`
-          }],
-          borderRadius: strokeWidth / 2,
-          // Shadow creates the glow
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: _iconGlow.ICON_GLOW.lineShadowOpacity,
-          shadowRadius: _iconGlow.ICON_GLOW.lineShadowRadius
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: style
-    }, i));
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.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: _iconGlow.ICON_GLOW.filledShadowOpacity,
-      shadowRadius: glowRadius * _iconGlow.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__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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 * _iconGlow.ICON_GLOW.rectBorderScale,
-          borderColor: glowColor,
-          opacity: _iconGlow.ICON_GLOW.rectLayerOpacity,
-          shadowColor: glowColor,
-          shadowOffset: {
-            width: 0,
-            height: 0
-          },
-          shadowOpacity: _iconGlow.ICON_GLOW.rectShadowOpacity,
-          shadowRadius: strokeW * _iconGlow.ICON_GLOW.rectShadowRadiusScale
-        }
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: style
-      })]
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.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.
- */
-const IconCircle = exports.IconCircle = /*#__PURE__*/(0, _react.memo)(IconCircleImpl);
-const IconRect = exports.IconRect = /*#__PURE__*/(0, _react.memo)(IconRectImpl);
-const IconText = exports.IconText = /*#__PURE__*/(0, _react.memo)(IconTextImpl);
-const IconLine = exports.IconLine = /*#__PURE__*/(0, _react.memo)(IconLineImpl);
-const IconTriangle = exports.IconTriangle = /*#__PURE__*/(0, _react.memo)(IconTriangleImpl);
-const IconArc = exports.IconArc = /*#__PURE__*/(0, _react.memo)(IconArcImpl);
-const IconSemicircle = exports.IconSemicircle = /*#__PURE__*/(0, _react.memo)(IconSemicircleImpl);
-const IconSmoothArc = exports.IconSmoothArc = /*#__PURE__*/(0, _react.memo)(IconSmoothArcImpl);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IconTriangle=exports.IconText=exports.IconSmoothArc=exports.IconSemicircle=exports.IconRect=exports.IconLine=exports.IconContainer=exports.IconCircle=exports.IconArc=void 0;var _react=require("react"),_reactNative=require("react-native"),_iconGlow=require("./iconGlow.js"),_jsxRuntime=require("react/jsx-runtime");const IconContainer=({size:t,children:o,style:e})=>{const r={position:"relative",width:t,height:t};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[r,e],children:o})};exports.IconContainer=IconContainer;const IconCircleImpl=({cx:t,cy:o,r:e,fill:r,borderColor:i,borderWidth:a=0,opacity:n=1,scaleX:s=1,scaleY:c=1,glowColor:d,glowRadius:l=0})=>{const h=2*e,p=[];1!==s&&p.push({scaleX:s}),1!==c&&p.push({scaleY:c});const u=d&&l>0&&(!r||"transparent"===r),m=r&&"transparent"!==r,w={position:"absolute",left:t-e,top:o-e,width:h,height:h,borderRadius:e,backgroundColor:r,borderColor:i,borderWidth:a,opacity:n,transform:p.length>0?p:void 0,...d&&l>0&&m&&{shadowColor:d,shadowOffset:{width:0,height:0},shadowOpacity:_iconGlow.ICON_GLOW.filledShadowOpacity,shadowRadius:l*_iconGlow.ICON_GLOW.filledRadiusScale}};if(u){const r=a||1;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:t-e,top:o-e,width:2*e,height:2*e,borderRadius:e,backgroundColor:"#000",borderWidth:r,borderColor:d,opacity:_iconGlow.ICON_GLOW.ringLayerOpacity,transform:p.length>0?p:void 0,shadowColor:d,shadowOffset:{width:0,height:0},shadowOpacity:_iconGlow.ICON_GLOW.ringShadowOpacity,shadowRadius:_iconGlow.ICON_GLOW.ringShadowRadius}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:w})]})}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:w})},IconRectImpl=({x:t,y:o,width:e,height:r,fill:i,borderColor:a,borderWidth:n=0,borderRadius:s=0,opacity:c=1,glowColor:d,glowRadius:l=0,rotation:h,originX:p=.5,originY:u=.5})=>{const m=[];if(void 0!==h){const t=(.5-p)*e,o=(.5-u)*r;0===t&&0===o||(m.push({translateX:-t}),m.push({translateY:-o})),m.push({rotate:`${h}deg`}),0===t&&0===o||(m.push({translateX:t}),m.push({translateY:o}))}const w=d&&l>0,_=w&&(!i||"transparent"===i),b=i&&"transparent"!==i,g={position:"absolute",left:t,top:o,width:e,height:r,borderRadius:s,backgroundColor:i,borderColor:a,borderWidth:n,opacity:c,transform:m.length>0?m:void 0,...w&&b&&{shadowColor:d,shadowOffset:{width:0,height:0},shadowOpacity:_iconGlow.ICON_GLOW.filledShadowOpacity,shadowRadius:l*_iconGlow.ICON_GLOW.filledRadiusScale}};if(_){const i=n||1,a=i;return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:t-a,top:o-a,width:e+2*a,height:r+2*a,borderRadius:s+a,borderWidth:i*_iconGlow.ICON_GLOW.rectBorderScale,borderColor:d,opacity:_iconGlow.ICON_GLOW.rectLayerOpacity,transform:m.length>0?m:void 0,shadowColor:d,shadowOffset:{width:0,height:0},shadowOpacity:_iconGlow.ICON_GLOW.rectShadowOpacity,shadowRadius:i*_iconGlow.ICON_GLOW.rectShadowRadiusScale}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:g})]})}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:g})},CURVE_FLATTEN_TOLERANCE=.08,CURVE_FLATTEN_SAFETY=1.5,CURVE_MAX_SEGMENTS=48;function bezierSegmentCount(t,o,e,r,i,a,n,s,c,d){let l;if(c){const c=t-2*e+i,d=o-2*r+a,h=e-2*i+n,p=r-2*a+s;l=3*Math.max(Math.hypot(c,d),Math.hypot(h,p))}else l=Math.hypot(t-2*e+n,o-2*r+s);if(!(l>0))return 2;const h=Math.ceil(1.5*Math.sqrt(l/(8*d)));return Math.max(2,Math.min(48,h))}function getQuadraticBezierPoint(t,o,e,r,i,a,n){const s=1-t;return{x:s*s*o+2*s*t*r+t*t*a,y:s*s*e+2*s*t*i+t*t*n}}function getCubicBezierPoint(t,o,e,r,i,a,n,s,c){const d=1-t,l=d*d,h=l*d,p=t*t,u=p*t;return{x:h*o+3*l*t*r+3*d*p*a+u*s,y:h*e+3*l*t*i+3*d*p*n+u*c}}const IconTextImpl=({x:t,y:o,text:e,fontSize:r,fontWeight:i=700,align:a="center",fill:n,opacity:s=1,rotation:c,letterSpacing:d=0})=>{const l=e.length*r*.75+Math.max(0,e.length-1)*d+r,h=1.5*r,p={position:"absolute",left:"left"===a?t:"right"===a?t-l:t-l/2,top:o-h/2,width:l,height:h,justifyContent:"center",transform:void 0!==c?[{rotate:`${c}deg`}]:void 0},u={color:n,fontSize:r,fontWeight:String(i),textAlign:a,letterSpacing:d,opacity:s,includeFontPadding:!1};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:p,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:u,numberOfLines:1,allowFontScaling:!1,children:e})})},IconLineImpl=({x1:t,y1:o,x2:e,y2:r,stroke:i,strokeWidth:a=1,opacity:n=1,glowColor:s,glowRadius:c=0,rotation:d=0,curveX:l,curveY:h,curve2X:p,curve2Y:u})=>{const m=void 0!==l&&0!==l||void 0!==h&&0!==h,w=void 0!==p&&0!==p||void 0!==u&&0!==u;if(m||w){const s=(t+e)/2,c=(o+r)/2,d=s+(l??0),_=c+(h??0),b=s+(p??0),g=c+(u??0),x=m&&w,R=m?d:b,f=m?_:g,I=i=>x?getCubicBezierPoint(i,t,o,d,_,b,g,e,r):getQuadraticBezierPoint(i,t,o,R,f,e,r),y=bezierSegmentCount(t,o,x?d:R,x?_:f,b,g,e,r,x,.08),C=[];let O={x:t,y:o};for(let t=1;t<=y;t++){const o=I(t/y),e=o.x-O.x,r=o.y-O.y,s=Math.sqrt(e*e+r*r),c=Math.atan2(r,e)*(180/Math.PI),d=t>1?a/2:0,l=t<y?a/2:0,h=s+d+l,p=(O.x+o.x)/2+(s>0?e/s:0)*(l-d)/2,u=(O.y+o.y)/2+(s>0?r/s:0)*(l-d)/2;C.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:p-h/2,top:u-a/2,width:h,height:a,borderRadius:a/2,backgroundColor:i,opacity:n,transform:[{rotate:`${c}deg`}]}},`s${t}`)),O=o}return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:C})}const _=e-t,b=r-o,g=Math.sqrt(_*_+b*b),x=Math.atan2(b,_)*(180/Math.PI),R=(t+e)/2,f=(o+r)/2,I=x+d,y={position:"absolute",left:R-g/2,top:f-a/2,width:g,height:a,backgroundColor:i,opacity:n,transform:[{rotate:`${I}deg`}],borderRadius:a/2};return s&&c>0?(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:R-g/2,top:f-a/2,width:g,height:a,backgroundColor:s,opacity:_iconGlow.ICON_GLOW.lineLayerOpacity,transform:[{rotate:`${I}deg`}],borderRadius:a/2,shadowColor:s,shadowOffset:{width:0,height:0},shadowOpacity:_iconGlow.ICON_GLOW.lineShadowOpacity,shadowRadius:_iconGlow.ICON_GLOW.lineShadowRadius}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:y})]}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:y})},IconTriangleImpl=({x:t,y:o,size:e,direction:r,fill:i,opacity:a=1,rotation:n})=>{const s=.577*e;let c={},d=0,l=0;switch(r){case"down":c={borderLeftWidth:s,borderRightWidth:s,borderTopWidth:e,borderLeftColor:"transparent",borderRightColor:"transparent",borderTopColor:i},d=-s,l=0;break;case"up":c={borderLeftWidth:s,borderRightWidth:s,borderBottomWidth:e,borderLeftColor:"transparent",borderRightColor:"transparent",borderBottomColor:i},d=-s,l=-e;break;case"left":c={borderTopWidth:s,borderBottomWidth:s,borderRightWidth:e,borderTopColor:"transparent",borderBottomColor:"transparent",borderRightColor:i},d=-e,l=-s;break;case"right":c={borderTopWidth:s,borderBottomWidth:s,borderLeftWidth:e,borderTopColor:"transparent",borderBottomColor:"transparent",borderLeftColor:i},d=0,l=-s}const h=[];void 0!==n&&h.push({rotate:`${n}deg`});const p={position:"absolute",left:t+d,top:o+l,width:0,height:0,opacity:a,...c,transform:h.length>0?h:void 0};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:p})},IconArcImpl=({cx:t,cy:o,r:e,startAngle:r,endAngle:i,stroke:a,strokeWidth:n=1.5,opacity:s=1,segments:c})=>{const d=Math.abs(i-r),l=Math.max(8,Math.ceil(d/10)),h=c??l,p=[],u=(i-r)/h;for(let i=0;i<h;i++){const c=r+(i+1)*u,d=(r+i*u)*Math.PI/180,l=c*Math.PI/180,m=t+e*Math.cos(d),w=o+e*Math.sin(d),_=t+e*Math.cos(l),b=o+e*Math.sin(l),g=_-m,x=b-w,R=Math.sqrt(g*g+x*x),f=i>0?n/2:0,I=i<h-1?n/2:0,y=R+f+I,C={position:"absolute",left:(m+_)/2+(R>0?g/R:0)*(I-f)/2-y/2,top:(w+b)/2+(R>0?x/R:0)*(I-f)/2-n/2,width:y,height:n,backgroundColor:a,opacity:s,transform:[{rotate:Math.atan2(x,g)*(180/Math.PI)+"deg"}],borderRadius:n/2};p.push((0,_jsxRuntime.jsx)(_reactNative.View,{style:C},i))}return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:p})},IconSemicircleImpl=({cx:t,cy:o,r:e,half:r,fill:i,borderColor:a,borderWidth:n=0,opacity:s=1,glowColor:c,glowRadius:d=0})=>{const l=2*e;let h,p,u,m,w=0,_=0,b=0,g=0;switch(r){case"top":h=t-e,p=o-e,u=l,m=e,w=e,_=e;break;case"bottom":h=t-e,p=o,u=l,m=e,b=e,g=e;break;case"left":h=t-e,p=o-e,u=e,m=l,w=e,b=e;break;case"right":h=t,p=o-e,u=e,m=l,_=e,g=e}const x=c&&d>0,R=x&&(!i||"transparent"===i),f={position:"absolute",left:h,top:p,width:u,height:m,borderTopLeftRadius:w,borderTopRightRadius:_,borderBottomLeftRadius:b,borderBottomRightRadius:g,backgroundColor:i,borderColor:a,borderWidth:n,opacity:s,...x&&i&&"transparent"!==i&&{shadowColor:c,shadowOffset:{width:0,height:0},shadowOpacity:_iconGlow.ICON_GLOW.filledShadowOpacity,shadowRadius:d*_iconGlow.ICON_GLOW.filledRadiusScale}};if(R){const i=n||1,a=e+i,s="left"===r||"right"===r?a:2*a,d="top"===r||"bottom"===r?a:2*a,l=t-("right"===r?0:a),h=o-("bottom"===r?0:a);return(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:{position:"absolute",left:l,top:h,width:s,height:d,borderTopLeftRadius:"top"===r||"left"===r?a:0,borderTopRightRadius:"top"===r||"right"===r?a:0,borderBottomLeftRadius:"bottom"===r||"left"===r?a:0,borderBottomRightRadius:"bottom"===r||"right"===r?a:0,borderWidth:i*_iconGlow.ICON_GLOW.rectBorderScale,borderColor:c,opacity:_iconGlow.ICON_GLOW.rectLayerOpacity,shadowColor:c,shadowOffset:{width:0,height:0},shadowOpacity:_iconGlow.ICON_GLOW.rectShadowOpacity,shadowRadius:i*_iconGlow.ICON_GLOW.rectShadowRadiusScale}}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:f})]})}return(0,_jsxRuntime.jsx)(_reactNative.View,{style:f})},IconSmoothArcImpl=({cx:t,cy:o,r:e,stroke:r,strokeWidth:i=2,opacity:a=1,portion:n="bottom"})=>{const s=2*e;let c=r,d=r,l=r,h=r;switch(n){case"bottom":c="transparent",l="transparent",h="transparent";break;case"top":d="transparent",l="transparent",h="transparent";break;case"left":c="transparent",d="transparent",h="transparent";break;case"right":c="transparent",d="transparent",l="transparent"}const p={position:"absolute",left:t-e,top:o-e,width:s,height:s,borderRadius:e,borderWidth:i,borderTopColor:c,borderBottomColor:d,borderLeftColor:l,borderRightColor:h,opacity:a};return(0,_jsxRuntime.jsx)(_reactNative.View,{style:p})},IconCircle=exports.IconCircle=(0,_react.memo)(IconCircleImpl),IconRect=exports.IconRect=(0,_react.memo)(IconRectImpl),IconText=exports.IconText=(0,_react.memo)(IconTextImpl),IconLine=exports.IconLine=(0,_react.memo)(IconLineImpl),IconTriangle=exports.IconTriangle=(0,_react.memo)(IconTriangleImpl),IconArc=exports.IconArc=(0,_react.memo)(IconArcImpl),IconSemicircle=exports.IconSemicircle=(0,_react.memo)(IconSemicircleImpl),IconSmoothArc=exports.IconSmoothArc=(0,_react.memo)(IconSmoothArcImpl);