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

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

@@ -1,676 +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 _jsxRuntime = require("react/jsx-runtime");
-/**
- * Icon Primitives - WEB
- *
- * This file is auto-picked by web bundlers (Vite, webpack).
- * Mobile bundlers (Metro) pick icon-primitives.native.tsx instead.
- */
-
-/**
- * Round to 2 decimals. Computed geometry must not carry full float precision
- * into inline styles: the browser's CSSOM re-serializes numbers to ~6
- * significant digits (e.g. rotate(117.64597536373869deg) -> "117.646deg"), so
- * on server-rendered pages (buoy.gg docs) every full-precision value becomes a
- * React hydration mismatch. Two decimals round-trip exactly and are far below
- * visual tolerance at icon sizes.
- */const r2 = n => Math.round(n * 100) / 100;
-
-// ===========================================
-// Types
-// ===========================================
-
-// ===========================================
-// Web Primitives (CSS/divs)
-// ===========================================
-
-const IconContainer = ({
-  size,
-  children,
-  style
-}) => {
-  const box = {
-    position: 'relative',
-    width: r2(size),
-    height: r2(size)
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: {
-      ...box,
-      ...style
-    },
-    children: children
-  });
-};
-
-/**
- * Creates a neon glow box-shadow string with multiple layers
- * This mimics SVG Gaussian blur filter effects
- */
-exports.IconContainer = IconContainer;
-function createNeonGlow(color, radius) {
-  // Layer 1: Tight bright core
-  // Layer 2: Medium spread
-  // Layer 3: Wide soft outer glow
-  // Layer 4: Very wide ambient glow
-  return [`0 0 ${r2(radius * 0.15)}px ${color}`,
-  // Bright core
-  `0 0 ${r2(radius * 0.3)}px ${color}`,
-  // Inner glow
-  `0 0 ${r2(radius * 0.6)}px ${color}cc`,
-  // Medium glow (80% opacity)
-  `0 0 ${r2(radius)}px ${color}80`,
-  // Outer glow (50% opacity)
-  `0 0 ${r2(radius * 1.5)}px ${color}40` // Ambient glow (25% opacity)
-  ].join(', ');
-}
-const IconCircleImpl = ({
-  cx,
-  cy,
-  r,
-  fill,
-  borderColor,
-  borderWidth = 0,
-  opacity = 1,
-  scaleX = 1,
-  scaleY = 1,
-  glowColor,
-  glowRadius = 0,
-  rotation = 0
-}) => {
-  const diameter = r * 2;
-  const transforms = [];
-  if (scaleX !== 1) transforms.push(`scaleX(${r2(scaleX)})`);
-  if (scaleY !== 1) transforms.push(`scaleY(${r2(scaleY)})`);
-  if (rotation !== 0) transforms.push(`rotate(${r2(rotation)}deg)`);
-  const style = {
-    position: 'absolute',
-    left: r2(cx - r),
-    top: r2(cy - r),
-    width: r2(diameter),
-    height: r2(diameter),
-    borderRadius: r2(r),
-    backgroundColor: fill,
-    border: borderColor ? `${r2(borderWidth)}px solid ${borderColor}` : undefined,
-    opacity,
-    transform: transforms.length > 0 ? transforms.join(' ') : undefined,
-    transformOrigin: '50% 50%',
-    boxShadow: glowColor && glowRadius > 0 ? createNeonGlow(glowColor, glowRadius) : undefined,
-    boxSizing: 'border-box'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style
-  });
-};
-const IconRectImpl = ({
-  x,
-  y,
-  width,
-  height,
-  fill,
-  borderColor,
-  borderWidth = 0,
-  borderRadius = 0,
-  opacity = 1,
-  glowColor,
-  glowRadius = 0,
-  rotation,
-  originX = 0,
-  originY = 0.5
-}) => {
-  const style = {
-    position: 'absolute',
-    left: r2(x),
-    top: r2(y),
-    width: r2(width),
-    height: r2(height),
-    borderRadius: r2(borderRadius),
-    backgroundColor: fill,
-    border: borderColor ? `${r2(borderWidth)}px solid ${borderColor}` : undefined,
-    opacity,
-    boxShadow: glowColor && glowRadius > 0 ? createNeonGlow(glowColor, glowRadius) : undefined,
-    boxSizing: 'border-box',
-    transform: rotation !== undefined ? `rotate(${r2(rotation)}deg)` : undefined,
-    transformOrigin: rotation !== undefined ? `${r2(originX * 100)}% ${r2(originY * 100)}%` : undefined
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style
-  });
-};
-const IconTextImpl = ({
-  x,
-  y,
-  text,
-  fontSize,
-  fontWeight = 700,
-  align = 'center',
-  fill,
-  opacity = 1,
-  rotation,
-  letterSpacing = 0
-}) => {
-  const translateX = align === 'left' ? '0%' : align === 'right' ? '-100%' : '-50%';
-  const style = {
-    position: 'absolute',
-    left: r2(x),
-    top: r2(y),
-    transform: `translate(${translateX}, -50%)${rotation !== undefined ? ` rotate(${r2(rotation)}deg)` : ''}`,
-    color: fill,
-    fontSize: r2(fontSize),
-    fontWeight,
-    lineHeight: 1,
-    whiteSpace: 'nowrap',
-    fontFamily: "'Helvetica Neue', Arial, sans-serif",
-    letterSpacing,
-    opacity,
-    userSelect: 'none'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style,
-    children: text
-  });
-};
-
-/**
- * Curve flattening budget, in px. 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.
- */
-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
-  };
-}
-
-/**
- * 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)("div", {
-        style: {
-          position: 'absolute',
-          left: r2(capCenterX - capLength / 2),
-          top: r2(capCenterY - strokeWidth / 2),
-          width: r2(capLength),
-          height: r2(strokeWidth),
-          borderRadius: r2(strokeWidth / 2),
-          backgroundColor: stroke,
-          opacity,
-          transform: `rotate(${r2(segAngle)}deg)`,
-          transformOrigin: '50% 50%'
-        }
-      }, `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 style = {
-    position: 'absolute',
-    left: r2(centerX - length / 2),
-    top: r2(centerY - strokeWidth / 2),
-    width: r2(length),
-    height: r2(strokeWidth),
-    backgroundColor: stroke,
-    opacity,
-    transform: `rotate(${r2(totalRotation)}deg)`,
-    transformOrigin: '50% 50%',
-    borderRadius: r2(strokeWidth / 2),
-    boxShadow: glowColor && glowRadius > 0 ? createNeonGlow(glowColor, glowRadius) : undefined
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style
-  });
-};
-
-/**
- * IconTriangle - creates triangles using CSS border trick
- * Works without SVG!
- */
-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, width is size * 2 / sqrt(3) for equilateral
-  const halfWidth = r2(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 = {
-        borderLeft: `${halfWidth}px solid transparent`,
-        borderRight: `${halfWidth}px solid transparent`,
-        borderTop: `${r2(size)}px solid ${fill}`
-      };
-      offsetX = -halfWidth;
-      offsetY = 0;
-      break;
-    case 'up':
-      borderStyles = {
-        borderLeft: `${halfWidth}px solid transparent`,
-        borderRight: `${halfWidth}px solid transparent`,
-        borderBottom: `${r2(size)}px solid ${fill}`
-      };
-      offsetX = -halfWidth;
-      offsetY = -size;
-      break;
-    case 'left':
-      borderStyles = {
-        borderTop: `${halfWidth}px solid transparent`,
-        borderBottom: `${halfWidth}px solid transparent`,
-        borderRight: `${r2(size)}px solid ${fill}`
-      };
-      offsetX = -size;
-      offsetY = -halfWidth;
-      break;
-    case 'right':
-      borderStyles = {
-        borderTop: `${halfWidth}px solid transparent`,
-        borderBottom: `${halfWidth}px solid transparent`,
-        borderLeft: `${r2(size)}px solid ${fill}`
-      };
-      offsetX = 0;
-      offsetY = -halfWidth;
-      break;
-  }
-  const transforms = [];
-  if (rotation !== undefined) {
-    transforms.push(`rotate(${r2(rotation)}deg)`);
-  }
-  const style = {
-    position: 'absolute',
-    left: r2(x + offsetX),
-    top: r2(y + offsetY),
-    width: 0,
-    height: 0,
-    opacity,
-    ...borderStyles,
-    transform: transforms.length > 0 ? transforms.join(' ') : undefined,
-    transformOrigin: '50% 50%'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    style: style
-  });
-};
-
-/**
- * IconArc - draws an arc using multiple line segments
- * Creates smooth curves without SVG!
- */
-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: r2(midX - length / 2),
-      top: r2(midY - strokeWidth / 2),
-      width: r2(length),
-      height: r2(strokeWidth),
-      backgroundColor: stroke,
-      opacity,
-      transform: `rotate(${r2(angle)}deg)`,
-      transformOrigin: '50% 50%',
-      borderRadius: r2(strokeWidth / 2)
-    };
-    lines.push(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      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 borderRadius;
-  switch (half) {
-    case 'top':
-      left = r2(cx - r);
-      top = r2(cy - r);
-      width = r2(diameter);
-      height = r2(r);
-      borderRadius = `${r2(r)}px ${r2(r)}px 0 0`;
-      break;
-    case 'bottom':
-      left = r2(cx - r);
-      top = r2(cy);
-      width = r2(diameter);
-      height = r2(r);
-      borderRadius = `0 0 ${r2(r)}px ${r2(r)}px`;
-      break;
-    case 'left':
-      left = r2(cx - r);
-      top = r2(cy - r);
-      width = r2(r);
-      height = r2(diameter);
-      borderRadius = `${r2(r)}px 0 0 ${r2(r)}px`;
-      break;
-    case 'right':
-      left = r2(cx);
-      top = r2(cy - r);
-      width = r2(r);
-      height = r2(diameter);
-      borderRadius = `0 ${r2(r)}px ${r2(r)}px 0`;
-      break;
-  }
-  const style = {
-    position: 'absolute',
-    left,
-    top,
-    width,
-    height,
-    borderRadius,
-    backgroundColor: fill,
-    border: borderColor ? `${r2(borderWidth)}px solid ${borderColor}` : undefined,
-    opacity,
-    boxShadow: glowColor && glowRadius > 0 ? createNeonGlow(glowColor, glowRadius) : undefined,
-    boxSizing: 'border-box'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    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: r2(cx - r),
-    top: r2(cy - r),
-    width: r2(diameter),
-    height: r2(diameter),
-    borderRadius: r2(r),
-    borderWidth: r2(strokeWidth),
-    borderStyle: 'solid',
-    borderTopColor,
-    borderBottomColor,
-    borderLeftColor,
-    borderRightColor,
-    opacity,
-    boxSizing: 'border-box'
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    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"),_jsxRuntime=require("react/jsx-runtime");const r2=r=>Math.round(100*r)/100,IconContainer=({size:r,children:t,style:o})=>{const e={position:"relative",width:r2(r),height:r2(r)};return(0,_jsxRuntime.jsx)("div",{style:{...e,...o},children:t})};function createNeonGlow(r,t){return[`0 0 ${r2(.15*t)}px ${r}`,`0 0 ${r2(.3*t)}px ${r}`,`0 0 ${r2(.6*t)}px ${r}cc`,`0 0 ${r2(t)}px ${r}80`,`0 0 ${r2(1.5*t)}px ${r}40`].join(", ")}exports.IconContainer=IconContainer;const IconCircleImpl=({cx:r,cy:t,r:o,fill:e,borderColor:i,borderWidth:n=0,opacity:a=1,scaleX:s=1,scaleY:c=1,glowColor:l,glowRadius:d=0,rotation:p=0})=>{const x=2*o,h=[];1!==s&&h.push(`scaleX(${r2(s)})`),1!==c&&h.push(`scaleY(${r2(c)})`),0!==p&&h.push(`rotate(${r2(p)}deg)`);const m={position:"absolute",left:r2(r-o),top:r2(t-o),width:r2(x),height:r2(x),borderRadius:r2(o),backgroundColor:e,border:i?`${r2(n)}px solid ${i}`:void 0,opacity:a,transform:h.length>0?h.join(" "):void 0,transformOrigin:"50% 50%",boxShadow:l&&d>0?createNeonGlow(l,d):void 0,boxSizing:"border-box"};return(0,_jsxRuntime.jsx)("div",{style:m})},IconRectImpl=({x:r,y:t,width:o,height:e,fill:i,borderColor:n,borderWidth:a=0,borderRadius:s=0,opacity:c=1,glowColor:l,glowRadius:d=0,rotation:p,originX:x=0,originY:h=.5})=>{const m={position:"absolute",left:r2(r),top:r2(t),width:r2(o),height:r2(e),borderRadius:r2(s),backgroundColor:i,border:n?`${r2(a)}px solid ${n}`:void 0,opacity:c,boxShadow:l&&d>0?createNeonGlow(l,d):void 0,boxSizing:"border-box",transform:void 0!==p?`rotate(${r2(p)}deg)`:void 0,transformOrigin:void 0!==p?`${r2(100*x)}% ${r2(100*h)}%`:void 0};return(0,_jsxRuntime.jsx)("div",{style:m})},IconTextImpl=({x:r,y:t,text:o,fontSize:e,fontWeight:i=700,align:n="center",fill:a,opacity:s=1,rotation:c,letterSpacing:l=0})=>{const d="left"===n?"0%":"right"===n?"-100%":"-50%",p={position:"absolute",left:r2(r),top:r2(t),transform:`translate(${d}, -50%)${void 0!==c?` rotate(${r2(c)}deg)`:""}`,color:a,fontSize:r2(e),fontWeight:i,lineHeight:1,whiteSpace:"nowrap",fontFamily:"'Helvetica Neue', Arial, sans-serif",letterSpacing:l,opacity:s,userSelect:"none"};return(0,_jsxRuntime.jsx)("div",{style:p,children:o})},CURVE_FLATTEN_TOLERANCE=.08,CURVE_FLATTEN_SAFETY=1.5,CURVE_MAX_SEGMENTS=48;function bezierSegmentCount(r,t,o,e,i,n,a,s,c,l){let d;if(c){const c=r-2*o+i,l=t-2*e+n,p=o-2*i+a,x=e-2*n+s;d=3*Math.max(Math.hypot(c,l),Math.hypot(p,x))}else d=Math.hypot(r-2*o+a,t-2*e+s);if(!(d>0))return 2;const p=Math.ceil(1.5*Math.sqrt(d/(8*l)));return Math.max(2,Math.min(48,p))}function getQuadraticBezierPoint(r,t,o,e,i,n,a){const s=1-r;return{x:s*s*t+2*s*r*e+r*r*n,y:s*s*o+2*s*r*i+r*r*a}}function getCubicBezierPoint(r,t,o,e,i,n,a,s,c){const l=1-r,d=l*l,p=d*l,x=r*r,h=x*r;return{x:p*t+3*d*r*e+3*l*x*n+h*s,y:p*o+3*d*r*i+3*l*x*a+h*c}}const IconLineImpl=({x1:r,y1:t,x2:o,y2:e,stroke:i,strokeWidth:n=1,opacity:a=1,glowColor:s,glowRadius:c=0,rotation:l=0,curveX:d,curveY:p,curve2X:x,curve2Y:h})=>{const m=void 0!==d&&0!==d||void 0!==p&&0!==p,u=void 0!==x&&0!==x||void 0!==h&&0!==h;if(m||u){const s=(r+o)/2,c=(t+e)/2,l=s+(d??0),b=c+(p??0),g=s+(x??0),I=c+(h??0),$=m&&u,f=m?l:g,y=m?b:I,R=i=>$?getCubicBezierPoint(i,r,t,l,b,g,I,o,e):getQuadraticBezierPoint(i,r,t,f,y,o,e),v=bezierSegmentCount(r,t,$?l:f,$?b:y,g,I,o,e,$,.08),C=[];let w={x:r,y:t};for(let r=1;r<=v;r++){const t=R(r/v),o=t.x-w.x,e=t.y-w.y,s=Math.sqrt(o*o+e*e),c=Math.atan2(e,o)*(180/Math.PI),l=r>1?n/2:0,d=r<v?n/2:0,p=s+l+d,x=(w.x+t.x)/2+(s>0?o/s:0)*(d-l)/2,h=(w.y+t.y)/2+(s>0?e/s:0)*(d-l)/2;C.push((0,_jsxRuntime.jsx)("div",{style:{position:"absolute",left:r2(x-p/2),top:r2(h-n/2),width:r2(p),height:r2(n),borderRadius:r2(n/2),backgroundColor:i,opacity:a,transform:`rotate(${r2(c)}deg)`,transformOrigin:"50% 50%"}},`s${r}`)),w=t}return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:C})}const b=o-r,g=e-t,I=Math.sqrt(b*b+g*g),$=Math.atan2(g,b)*(180/Math.PI),f=(t+e)/2,y=$+l,R={position:"absolute",left:r2((r+o)/2-I/2),top:r2(f-n/2),width:r2(I),height:r2(n),backgroundColor:i,opacity:a,transform:`rotate(${r2(y)}deg)`,transformOrigin:"50% 50%",borderRadius:r2(n/2),boxShadow:s&&c>0?createNeonGlow(s,c):void 0};return(0,_jsxRuntime.jsx)("div",{style:R})},IconTriangleImpl=({x:r,y:t,size:o,direction:e,fill:i,opacity:n=1,rotation:a})=>{const s=r2(.577*o);let c={},l=0,d=0;switch(e){case"down":c={borderLeft:`${s}px solid transparent`,borderRight:`${s}px solid transparent`,borderTop:`${r2(o)}px solid ${i}`},l=-s,d=0;break;case"up":c={borderLeft:`${s}px solid transparent`,borderRight:`${s}px solid transparent`,borderBottom:`${r2(o)}px solid ${i}`},l=-s,d=-o;break;case"left":c={borderTop:`${s}px solid transparent`,borderBottom:`${s}px solid transparent`,borderRight:`${r2(o)}px solid ${i}`},l=-o,d=-s;break;case"right":c={borderTop:`${s}px solid transparent`,borderBottom:`${s}px solid transparent`,borderLeft:`${r2(o)}px solid ${i}`},l=0,d=-s}const p=[];void 0!==a&&p.push(`rotate(${r2(a)}deg)`);const x={position:"absolute",left:r2(r+l),top:r2(t+d),width:0,height:0,opacity:n,...c,transform:p.length>0?p.join(" "):void 0,transformOrigin:"50% 50%"};return(0,_jsxRuntime.jsx)("div",{style:x})},IconArcImpl=({cx:r,cy:t,r:o,startAngle:e,endAngle:i,stroke:n,strokeWidth:a=1.5,opacity:s=1,segments:c})=>{const l=Math.abs(i-e),d=Math.max(8,Math.ceil(l/10)),p=c??d,x=[],h=(i-e)/p;for(let i=0;i<p;i++){const c=e+(i+1)*h,l=(e+i*h)*Math.PI/180,d=c*Math.PI/180,m=r+o*Math.cos(l),u=t+o*Math.sin(l),b=r+o*Math.cos(d),g=t+o*Math.sin(d),I=b-m,$=g-u,f=Math.sqrt(I*I+$*$),y=Math.atan2($,I)*(180/Math.PI),R=i>0?a/2:0,v=i<p-1?a/2:0,C=f+R+v,w=(u+g)/2+(f>0?$/f:0)*(v-R)/2,j={position:"absolute",left:r2((m+b)/2+(f>0?I/f:0)*(v-R)/2-C/2),top:r2(w-a/2),width:r2(C),height:r2(a),backgroundColor:n,opacity:s,transform:`rotate(${r2(y)}deg)`,transformOrigin:"50% 50%",borderRadius:r2(a/2)};x.push((0,_jsxRuntime.jsx)("div",{style:j},i))}return(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:x})},IconSemicircleImpl=({cx:r,cy:t,r:o,half:e,fill:i,borderColor:n,borderWidth:a=0,opacity:s=1,glowColor:c,glowRadius:l=0})=>{const d=2*o;let p,x,h,m,u;switch(e){case"top":p=r2(r-o),x=r2(t-o),h=r2(d),m=r2(o),u=`${r2(o)}px ${r2(o)}px 0 0`;break;case"bottom":p=r2(r-o),x=r2(t),h=r2(d),m=r2(o),u=`0 0 ${r2(o)}px ${r2(o)}px`;break;case"left":p=r2(r-o),x=r2(t-o),h=r2(o),m=r2(d),u=`${r2(o)}px 0 0 ${r2(o)}px`;break;case"right":p=r2(r),x=r2(t-o),h=r2(o),m=r2(d),u=`0 ${r2(o)}px ${r2(o)}px 0`}const b={position:"absolute",left:p,top:x,width:h,height:m,borderRadius:u,backgroundColor:i,border:n?`${r2(a)}px solid ${n}`:void 0,opacity:s,boxShadow:c&&l>0?createNeonGlow(c,l):void 0,boxSizing:"border-box"};return(0,_jsxRuntime.jsx)("div",{style:b})},IconSmoothArcImpl=({cx:r,cy:t,r:o,stroke:e,strokeWidth:i=2,opacity:n=1,portion:a="bottom"})=>{const s=2*o;let c=e,l=e,d=e,p=e;switch(a){case"bottom":c="transparent",d="transparent",p="transparent";break;case"top":l="transparent",d="transparent",p="transparent";break;case"left":c="transparent",l="transparent",p="transparent";break;case"right":c="transparent",l="transparent",d="transparent"}const x={position:"absolute",left:r2(r-o),top:r2(t-o),width:r2(s),height:r2(s),borderRadius:r2(o),borderWidth:r2(i),borderStyle:"solid",borderTopColor:c,borderBottomColor:l,borderLeftColor:d,borderRightColor:p,opacity:n,boxSizing:"border-box"};return(0,_jsxRuntime.jsx)("div",{style:x})},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);